/* NetExperts dialog batch one. Ticket geometry remains the visual reference. */
#detail-dialog.nx-dialog{--nx-paper:#f8f9fb;--nx-ink:#242c37;--nx-muted:#596575;--nx-field:#e7ecf1;--nx-button:#394554;--nx-button-ink:#fff;--nx-line:#d6dde5;width:min(700px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:12px;background:var(--nx-paper);color:var(--nx-ink);box-shadow:0 24px 90px #0005;overscroll-behavior:contain;color-scheme:light;font:400 16px/1.45 Arial,Helvetica,sans-serif}
#detail-dialog.nx-dialog::backdrop{background:#171d26b8;backdrop-filter:blur(3px)}
.nx-dialog #dialog-content{padding:0}
.nx-dialog .nx-heading{display:flex;align-items:center;gap:18px;background:#bf2029;color:#fff;padding:18px 80px 18px 28px}
.nx-dialog .nx-heading>div{flex:1;min-width:0}
.nx-dialog .nx-heading .eyebrow{font:400 12px/1.4 Arial,sans-serif;letter-spacing:.08em;margin:0 0 3px;color:#fff}
.nx-dialog .nx-heading h2{font:400 32px/1.2 var(--display);margin:0;padding:0;color:#fff;letter-spacing:0}
.nx-dialog .nx-heading>.icon{width:26px;height:26px;flex:none}
#detail-dialog.nx-dialog .dialog-close{position:absolute;z-index:3;right:16px;top:17px;display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;border-radius:7px;background:#fff;color:#a41620}
#detail-dialog.nx-dialog .dialog-close:hover{background:#e9edf1;color:#242c37}
.nx-dialog .dialog-close .icon{width:24px;height:24px}
.nx-dialog .nx-body{padding:24px 28px}
.nx-dialog .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.nx-dialog .form-field{min-width:0;margin:0 0 16px}
.nx-dialog .form-field label{display:block;font:400 14px/1.4 Arial,sans-serif;margin:0 0 6px;color:var(--nx-ink)}
.nx-dialog .form-field label span{font-size:12px;color:var(--nx-muted)}
.nx-dialog .form-field :is(input,textarea){display:block;box-sizing:border-box;width:100%;border:1px solid transparent;border-radius:6px;background:var(--nx-field);color:var(--nx-ink);padding:10px 12px;font:400 16px/1.45 Arial,sans-serif;box-shadow:none;margin:0}
.nx-dialog .form-field input{height:46px;min-height:46px}
.nx-dialog .form-field textarea{min-height:110px;resize:vertical}
.nx-dialog :is(input,textarea)::placeholder{color:var(--nx-muted);opacity:1}
.nx-dialog :is(input,textarea,button,a):focus-visible{outline:2px solid #bf2029;outline-offset:3px}
.nx-dialog .button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 16px;margin:0;border:0;border-radius:6px;background:var(--nx-button);color:var(--nx-button-ink);font:400 16px/1.45 Arial,sans-serif;text-decoration:none;white-space:normal;text-align:center;box-shadow:none}
.nx-dialog .button:hover{filter:brightness(.94)}
.nx-dialog .button.primary{background:#bf2029;color:#fff}
.nx-dialog .button .icon{width:20px;height:20px;flex:none}
.nx-dialog .button:disabled{opacity:.65;cursor:wait}
.nx-dialog .form-note{font:400 12px/1.5 Arial,sans-serif;color:var(--nx-muted);margin:0 0 16px}
.nx-dialog .form-note a{color:var(--nx-ink);text-underline-offset:3px}
.nx-dialog .nx-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid var(--nx-line)}
.nx-dialog .nx-phone{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;min-height:44px}
.nx-dialog .nx-phone .icon{width:20px;height:20px;flex:none}
.nx-dialog .nx-phone a{font:400 16px/1.5 Arial,sans-serif;color:var(--nx-ink);text-decoration:none}
.nx-dialog [data-draft]:empty{display:none}
.nx-dialog .draft-result{font:400 14px/1.5 Arial,sans-serif;margin:16px 0 0;padding:12px 14px;border:0;border-radius:6px;background:var(--nx-field);color:var(--nx-ink)}
.nx-dialog .draft-result[data-result=error],.nx-dialog .sign-in-message:not(:empty){padding:12px 14px;border-radius:6px;background:#f8e4e6;color:#8d1420;font:400 14px/1.5 Arial,sans-serif}
/* Sign-in follows the coordinated plain, lighter system-font treatment. */
#detail-dialog.nx-dialog.sign-in-dialog{width:min(520px,calc(100% - 32px));background:#fff;color:#252729;--nx-paper:#fff;--nx-ink:#252729;--nx-field:#eef0f3}
.nx-dialog.sign-in-dialog .sign-in-heading{margin:0;padding:30px 80px 0 28px}
.nx-dialog.sign-in-dialog h2{font:300 30px/1.25 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;margin:0;padding:0;color:#252729}
.nx-dialog.sign-in-dialog .sign-in-heading>p{font:400 14px/1.5 system-ui,sans-serif;color:#596575;margin:12px 0 0}
.nx-dialog .sign-in-form{display:grid;gap:0}
.nx-dialog .sign-in-form :is(label,input,.button){font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:400}
.nx-dialog .sign-in-form>.button{width:100%;margin-top:4px}
.nx-dialog .sign-in-message{margin:0 0 16px}
.nx-dialog .sign-in-message:empty{display:none}
.nx-dialog .sign-in-help{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 0;padding-top:20px;border-top:1px solid var(--nx-line)}
.nx-dialog .sign-in-help .button{font:400 14px/1.4 system-ui,sans-serif;padding:10px 12px}
.nx-dialog .nx-password{position:relative}
.nx-dialog .nx-password input{padding-right:60px}
.nx-dialog .nx-password-toggle{position:absolute;right:2px;top:1px;width:50px;height:44px;min-height:44px;padding:6px;font:400 12px/1.4 system-ui,sans-serif;border:0;border-radius:5px;background:#394554;color:#fff}
@media(prefers-color-scheme:dark){
 #detail-dialog.nx-dialog:not(.sign-in-dialog){--nx-paper:#18212d;--nx-ink:#edf1f6;--nx-muted:#bfc9d6;--nx-field:#303e50;--nx-button:#f0f3f7;--nx-button-ink:#263140;--nx-line:#3c4a5c;color-scheme:dark}
 .nx-dialog:not(.sign-in-dialog) .draft-result[data-result=error]{background:#4b2530;color:#ffd8dc}
 .nx-dialog:not(.sign-in-dialog) :is(input,textarea,button,a):focus-visible{outline-color:#ff7881}
}
@media(max-width:520px){
 #detail-dialog.nx-dialog,#detail-dialog.nx-dialog.sign-in-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:10px}
 .nx-dialog .nx-heading{padding:20px 70px 20px 20px;gap:12px}
 .nx-dialog .nx-heading>.icon{display:none}
 .nx-dialog .nx-heading h2{font-size:29px}
 #detail-dialog.nx-dialog .dialog-close{right:12px;top:17px}
 .nx-dialog .nx-body{padding:20px}
 .nx-dialog.sign-in-dialog .sign-in-heading{padding:28px 70px 0 20px}
 .nx-dialog.sign-in-dialog h2{font-size:28px}
 .nx-dialog .form-grid{grid-template-columns:minmax(0,1fr);gap:0}
 .nx-dialog .nx-footer{flex-wrap:wrap;gap:12px}
 .nx-dialog .nx-footer .button{flex:1;min-width:150px}
 .nx-dialog .sign-in-help{gap:10px}
 .nx-dialog .sign-in-help .button{padding:10px 8px}
}
@media(max-width:380px){.nx-dialog .nx-body{padding:20px 16px}.nx-dialog .nx-footer{flex-direction:column;align-items:stretch}.nx-dialog .nx-phone{justify-content:center}}
#detail-dialog.nx-dialog.sign-in-dialog .dialog-close{background:#e7ecf1;color:#394554}