/* NX CONTROL • Login / logout + cross-server logger relay; theme companion. */
.nx-login-landing{max-width:960px;min-height:70vh;display:grid;place-items:center;margin:4vh auto;padding:34px 22px;
 background:linear-gradient(135deg,rgba(4,15,35,.50),rgba(3,10,27,.83)),url('/assets/nx-night.svg') center/cover;border:1px solid #20568d;border-radius:22px;box-shadow:0 25px 60px #0008}
.nx-login-glass{width:min(100%,550px);border:1px solid #2467ae;border-radius:21px;padding:32px clamp(15px,4vw,40px);background:rgba(5,20,44,.87);box-shadow:0 18px 65px #000b,inset 0 1px #89baff25;backdrop-filter:blur(22px);text-align:center}
.nx-login-mark{width:100px;height:100px;border-radius:18px;background:linear-gradient(140deg,#0c3266,#04162b);border:1px solid #2c77ba;display:grid;place-items:center;margin:0 auto 23px;box-shadow:0 0 34px #1676ff35}
.nx-login-mark img{width:90px;height:90px;object-fit:contain;filter:drop-shadow(0 0 9px #007bff99)}
.nx-login-landing h1{font-size:clamp(27px,4vw,40px);margin:18px 0 12px}
.nx-login-landing p{font-size:14px;color:#bed4f0;max-width:480px;margin:0 auto 26px;line-height:1.85}
.nx-login-button{display:inline-flex;min-height:52px;font-size:15px;padding:12px 24px;box-shadow:0 7px 24px #086cfa66}
.nx-login-security{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;color:#8db4de;font-size:11px;margin-top:27px}
#account{display:flex;align-items:center;gap:9px;min-width:0}
.nx-session-profile{display:flex;align-items:center;gap:9px;padding:5px 11px;border:1px solid #224c7c;border-radius:11px;background:#091a35}
.nx-session-avatar{background:linear-gradient(140deg,#125baf,#06264d);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:14px}
.nx-session-avatar img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.nx-session-profile .account-name{font-weight:700;color:#e2f3ff;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nx-signout-button{border-color:#804052!important;color:#ffb5c2!important;background:#25162a!important;min-height:37px!important;white-space:nowrap}
.nx-signout-button:hover{border-color:#ff6582!important;color:#fff!important;background:#5e1c34!important}
.nx-relay-section{margin:20px 0 0;padding:20px;border:1px solid #25639e;border-radius:14px;background:linear-gradient(125deg,#09264a,#07182e 80%)}
.nx-relay-heading{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:17px}
.nx-relay-heading h4{font-size:17px;margin:6px 0;color:#e7f6ff}
.nx-relay-heading p{font-size:12px;color:#a9c7eb;line-height:1.8}
.nx-relay-label{border:1px solid #2a66a7;background:#0c3765;border-radius:20px;color:#99d6ff;font-size:11px;padding:5px 10px;white-space:nowrap}
.nx-relay-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.nx-relay-field{display:flex;flex-direction:column;gap:8px;color:#d6e8ff;font-size:12px}
.nx-relay-field select,.nx-relay-field input{width:100%;min-height:45px;padding:9px}
.nx-relay-switch{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0b2546;border:1px solid #245284;border-radius:9px;font-size:12px}
.nx-relay-switch input{width:17px;height:17px;flex:none}
.nx-relay-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
#nx-relay-status{color:#9ec5ed;font-size:12px;line-height:1.8;margin-top:14px}
#nx-relay-status[data-level='error']{color:#ffa9b9}
#nx-relay-status[data-level='success']{color:#81f3ce}
@media(max-width:760px){.nx-relay-grid{grid-template-columns:1fr}.nx-relay-heading{flex-wrap:wrap}.nx-login-landing{min-height:65vh;margin:12px;padding:14px}.nx-login-glass{padding:23px 15px}#account{gap:5px}.nx-session-avatar img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.nx-session-profile .account-name{max-width:75px}.nx-signout-button{font-size:10px;padding:8px}}

/* Distinct channel selectors for every mirrored event. */
.nx-relay-note{font-size:12px;color:#a9c7eb;line-height:1.9;margin:14px 0}
.nx-relay-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:15px}
.nx-relay-type-group{min-width:0;padding:12px;background:rgba(5,18,38,.72);border:1px solid #225183;border-radius:12px}
.nx-relay-type-group h5{font-size:13px;color:#84caff;margin:2px 0 12px}
.nx-relay-type-row{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#e0eeff;margin:8px 0}
.nx-relay-type-row select{width:100%;min-width:0;min-height:39px}
.nx-relay-test-row{margin-top:18px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px}
.nx-relay-test-row select{min-width:190px;flex:1;max-width:420px}
@media(max-width:820px){.nx-relay-type-grid{grid-template-columns:1fr}}