dialog.ops-verification { position:fixed; width:min(560px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:0; border:1px solid var(--line,#ccc); border-radius:12px; background:var(--surface,#fff); color:var(--text,#172c29); box-sizing:border-box; box-shadow:0 20px 80px #0005; }
dialog.ops-verification > form { padding:40px 32px 28px; margin:0; }
dialog.ops-verification .verify-close { position:absolute; right:12px; top:8px; width:36px; height:36px; display:grid; place-items:center; padding:0; background:transparent; border:0; color:inherit; font-size:28px; line-height:1; cursor:pointer; }
dialog.ops-verification .verify-close:focus-visible { outline:2px solid var(--accent,#008578); outline-offset:2px; }
dialog.ops-verification form > p:first-of-type { font-weight:700; text-align:center; }
dialog.ops-verification h2 { text-align:center; }
dialog.ops-verification .verify-digits { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
dialog.ops-verification .verify-digits input { display:block; min-width:0; width:100%; height:58px; margin:0; padding:0; text-align:center; border:1px solid var(--line-strong,#aaa); border-radius:10px; font:inherit; font-size:24px; box-sizing:border-box; }
dialog.ops-verification .verify-digits input:focus { outline:2px solid var(--accent,#008578); outline-offset:2px; }
dialog.ops-verification .verify-digits + p { font-size:.8rem; }
dialog.ops-verification .verify-dots { display:flex; justify-content:center; gap:9px; margin:20px 0; }
dialog.ops-verification .verify-dots span { display:block; height:12px; width:12px; border-radius:50%; background:#969d9e; }
dialog.ops-verification .verify-dots span.filled { background:var(--accent,#008578); }
dialog.ops-verification .verify-status { text-align:center; min-height:28px; }
dialog.ops-verification .verify-status[data-state=success] { color:var(--green,#087e3c); font-weight:700; }
dialog.ops-verification .verify-status[data-state=error] { color:var(--red,#b42b28); }
dialog.ops-verification [hidden] { display:none!important; }
@media(max-width:480px) { dialog.ops-verification > form { padding:40px 20px 20px; } dialog.ops-verification .verify-digits { gap:6px; } }

dialog.ops-verification .verify-close { top:10px; right:12px; width:32px; height:32px; font-size:20px; border:1px solid var(--line-strong,#ccc); border-radius:7px; background:var(--surface,#fff); }