/* postd · globales Dialog-System (portabel, eigenstaendige Werte — haengt bewusst NICHT von den
   CSS-Variablen der einbindenden Seite ab: app.html und projects.html nutzen zwei verschiedene
   Token-Systeme. Visuell an das bestehende Overlay-Vorbild angelehnt (#auth-gate .card in app.html). */
.uid{position:fixed;inset:0;z-index:999999;display:none;align-items:flex-start;justify-content:center;
  padding:24px;background:rgba(18,16,13,.74);backdrop-filter:blur(10px);
  font-family:'Instrument Sans',system-ui,-apple-system,sans-serif;overflow-y:auto;overscroll-behavior:contain}
.uid.on{display:flex}
.uid-bd{position:absolute;inset:0}
.uid-card{position:relative;margin:auto;flex:0 0 auto;width:100%;max-width:380px;background:#fff;color:#16130f;
  border-radius:16px;padding:26px 26px 22px;box-shadow:0 30px 70px -30px rgba(0,0,0,.6);text-align:left}
[data-theme="dark"] .uid-card{background:#2b2c30;color:#eceef1}
.uid-title{font-family:'Archivo',sans-serif;font-weight:800;font-size:1.15rem;letter-spacing:-.01em;margin-bottom:8px}
.uid-msg{font-size:.94rem;line-height:1.5;color:#5c5850;margin:0}
[data-theme="dark"] .uid-msg{color:#b6bac1}
.uid-input{width:100%;margin-top:14px;padding:12px 13px;border:1px solid #e3ded5;border-radius:9px;
  font-size:1rem;font-family:inherit;color:#16130f;background:#fff}
[data-theme="dark"] .uid-input{background:#34353a;border-color:#4c4e55;color:#eceef1}
.uid-input:focus{outline:2px solid var(--loud, #FF4A00);outline-offset:1px;border-color:var(--loud, #FF4A00)}
.uid-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.uid-btn{border:0;border-radius:999px;padding:10px 18px;font-family:inherit;font-weight:600;font-size:.92rem;
  cursor:pointer;transition:background .15s,color .15s}
.uid-btn.ghost{background:transparent;color:#5c5850;border:1px solid #e3ded5}
[data-theme="dark"] .uid-btn.ghost{color:#b6bac1;border-color:#4c4e55}
.uid-btn.ghost:hover{background:#f4f2ee}
[data-theme="dark"] .uid-btn.ghost:hover{background:#34353a}
.uid-btn.solid{background:#16130f;color:#fff}
.uid-btn.solid:hover{background:var(--loud, #FF4A00)}
.uid-btn.solid.danger{background:var(--danger, #C43A00)}
.uid-btn.solid.danger:hover{background:var(--loud-700, #C43A00)}
@media (prefers-reduced-motion:reduce){.uid-btn{transition:none}}