/* Styles for the shared dialog in dialog.js. Kept in a file rather than
   injected as a <style> element so the page can run under a strict
   Content-Security-Policy with no inline styles. */
.dlg-root{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;opacity:0;transition:opacity .16s ease}
.dlg-root.in{opacity:1}
.dlg-root.out{opacity:0}
.dlg-back{position:absolute;inset:0;background:rgba(10,10,14,.38);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.dlg{
  position:relative;width:min(400px,100%);margin:0;padding:22px 22px 18px;
  background:#fff;color:#17171b;border-radius:16px;
  box-shadow:0 1px 2px rgba(0,0,0,.08),0 24px 70px rgba(0,0,0,.35);
  font:14px/1.5 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Inter,system-ui,sans-serif;
  transform:scale(.96) translateY(6px);transition:transform .18s cubic-bezier(.22,.9,.26,1);
}
.dlg-root.in .dlg{transform:none}
.dlg-title{font-size:15.5px;font-weight:650;letter-spacing:-.015em;margin:0 0 4px}
.dlg-text{margin:0 0 6px;color:#6b6b76;font-size:13px}
.dlg-fields{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.dlg-field{display:flex;flex-direction:column;gap:6px}
.dlg-field span{font-size:12px;font-weight:600;color:#4a4a55}
.dlg-field input{
  width:100%;padding:10px 12px;border:1px solid rgba(16,16,22,.12);border-radius:10px;
  background:#fafafb;font:inherit;color:inherit;transition:border-color .15s,box-shadow .15s;
}
.dlg-field input:focus{outline:0;border-color:#2f6bff;box-shadow:0 0 0 3px rgba(47,107,255,.14);background:#fff}
.dlg-err{display:none;margin:12px 0 0;color:#e0384a;font-size:12.5px;font-weight:500}
.dlg-err.show{display:block}
.dlg.shake{animation:dlgShake .32s cubic-bezier(.36,.07,.19,.97)}
@keyframes dlgShake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(3px)}30%,50%,70%{transform:translateX(-5px)}40%,60%{transform:translateX(5px)}}
.dlg-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.dlg-actions button{
  padding:8px 14px;border-radius:10px;border:1px solid transparent;cursor:pointer;
  font:inherit;font-weight:600;transition:background .14s,filter .14s,transform .1s;
}
.dlg-actions button:active{transform:translateY(1px)}
.dlg-cancel{background:transparent;color:#4a4a55;border-color:rgba(16,16,22,.12)!important}
.dlg-cancel:hover{background:rgba(16,16,22,.05)}
.dlg-ok{background:#2f6bff;color:#fff}
.dlg-ok:hover{filter:brightness(1.07)}
.dlg-ok.danger{background:#e0384a}
@media (prefers-color-scheme:dark){
  .dlg{background:#1c1c22;color:#f2f2f5;box-shadow:0 1px 2px rgba(0,0,0,.4),0 24px 70px rgba(0,0,0,.6)}
  .dlg-text{color:#9a9aa8}
  .dlg-field span{color:#b6b6c2}
  .dlg-field input{background:#15151a;border-color:rgba(255,255,255,.12);color:#f2f2f5}
  .dlg-field input:focus{background:#101014}
  .dlg-cancel{color:#b6b6c2;border-color:rgba(255,255,255,.14)!important}
  .dlg-cancel:hover{background:rgba(255,255,255,.06)}
}