.tda-overlay { --tda-accent:#1463df; --tda-accent-dark:#0a3f9d; --tda-soft:#edf5ff; --tda-ink:#14213d; position:fixed; inset:0; z-index:10000; display:grid; place-items:center; padding:24px; background:rgba(15,23,42,.54); backdrop-filter:blur(7px); }
.tda-overlay[data-tda-app="116"] { --tda-accent:#138754; --tda-accent-dark:#075d3a; --tda-soft:#ecf9f2; }
.tda-dialog { width:min(620px,100%); max-height:min(760px,calc(100vh - 48px)); overflow:auto; padding:36px; border:1px solid rgba(148,163,184,.55); border-radius:8px; background:#fff; box-shadow:0 28px 70px rgba(15,23,42,.3),0 4px 12px rgba(15,23,42,.14); color:var(--tda-ink); font-family:"Segoe UI",system-ui,sans-serif; }
.tda-eyebrow { display:block; margin-bottom:8px; color:var(--tda-accent-dark); font-size:12px; font-weight:800; text-transform:uppercase; }
.tda-title { margin:0 0 10px; color:#111827; font-size:30px; font-weight:750; line-height:1.18; }
.tda-intro { margin:0 0 22px; color:#526078; font-size:16px; line-height:1.55; }
.tda-device { display:flex; align-items:center; gap:14px; margin-bottom:18px; padding:15px 16px; border-left:4px solid var(--tda-accent); background:var(--tda-soft); }
.tda-device__icon { width:34px; height:24px; border:2px solid var(--tda-accent-dark); border-radius:3px; box-shadow:inset 0 -3px 0 rgba(20,99,223,.12); }
.tda-device__icon::after { content:""; display:block; width:18px; height:2px; margin:25px auto 0; background:var(--tda-accent-dark); }
.tda-device__copy { display:grid; gap:3px; }
.tda-device__label { color:#64748b; font-size:12px; font-weight:700; }
.tda-device__value { color:#1e293b; font-size:14px; }
.tda-approval-progress { display:grid; grid-template-columns:18px 1fr; gap:4px 10px; padding:16px; border:1px solid #d8e2ef; background:#fff; }
.tda-approval-progress__pulse { grid-row:1 / span 2; align-self:center; width:12px; height:12px; border-radius:50%; background:var(--tda-accent); box-shadow:0 0 0 6px color-mix(in srgb,var(--tda-accent) 18%,transparent); }
.tda-approval-progress strong { color:#172033; font-size:15px; }
.tda-approval-progress span:last-child { color:#64748b; font-size:13px; line-height:1.45; }
.tda-actions { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:20px; }
.tda-primary,.tda-secondary { min-height:46px; padding:0 18px; border-radius:6px; font:750 14px/1 "Segoe UI",system-ui,sans-serif; cursor:pointer; }
.tda-primary { border:1px solid var(--tda-accent-dark); background:var(--tda-accent); box-shadow:0 4px 0 var(--tda-accent-dark); color:#fff; }
.tda-secondary { border:1px solid #b9c6d8; background:#fff; color:#334155; }
.tda-primary:hover,.tda-primary:focus-visible,.tda-secondary:hover,.tda-secondary:focus-visible { filter:brightness(.97); outline:3px solid color-mix(in srgb,var(--tda-accent) 22%,transparent); }
.tda-primary:active { transform:translateY(3px); box-shadow:0 1px 0 var(--tda-accent-dark); }
.tda-primary:disabled,.tda-secondary:disabled { opacity:.58; cursor:wait; }
.tda-approval-note { margin:18px 0 0; padding-top:16px; border-top:1px solid #e5eaf1; color:#68758a; font-size:13px; line-height:1.5; }
.tda-status { min-height:22px; margin:14px 0 0; color:#475569; font-size:14px; font-weight:650; line-height:1.45; }
.tda-status[data-type="error"] { color:#b42318; }
.tda-status[data-type="success"] { color:#087443; }
.tda-status[data-type="working"] { color:var(--tda-accent-dark); }
.tda-status[data-type="pending"] { color:#9a5800; }
.nexl-secure-login-hotspot.is-loading,#LOGIN.is-loading { opacity:.72; cursor:wait!important; }
@media (max-width:620px) { .tda-overlay { align-items:end; padding:0; } .tda-dialog { width:100%; max-height:92vh; padding:28px 20px calc(24px + env(safe-area-inset-bottom)); border-width:1px 0 0; border-radius:8px 8px 0 0; } .tda-title { font-size:25px; } .tda-actions { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { .tda-primary { transition:none; } }