/* NETWORK OS mode switch layer — local dependency-free. */
:root{
  --nxo-mode-bg:rgba(6,8,18,.94);
  --nxo-mode-line:rgba(232,181,58,.28);
  --nxo-mode-ink:#f5efe2;
  --nxo-mode-soft:#b9ad95;
  --nxo-mode-gold:#E8B53A;
  --nxo-mode-cyan:#39C6D6;
  --nxo-mode-red:#C8324B;
  --nxo-mode-ok:#5fe3b0;
}
.nxo-mode-switch{
  position:fixed;z-index:1800;left:18px;top:54px;display:flex;align-items:center;gap:10px;
  max-width:calc(100vw - 36px);border:1px solid var(--nxo-mode-line);border-radius:999px;
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035)),var(--nxo-mode-bg);
  color:var(--nxo-mode-ink);box-shadow:0 20px 70px rgba(0,0,0,.5);backdrop-filter:blur(14px);
  padding:8px 10px 8px 12px;font-family:var(--dl-font-body,system-ui,sans-serif)
}
.nxo-mode-dot{width:10px;height:10px;border-radius:50%;background:var(--nxo-mode-ok);box-shadow:0 0 18px var(--nxo-mode-ok)}
.nxo-mode-switch[data-mode="HQ_ONLINE"] .nxo-mode-dot{background:var(--nxo-mode-cyan);box-shadow:0 0 18px var(--nxo-mode-cyan)}
.nxo-mode-switch[data-mode="FIELD_LOCKDOWN"] .nxo-mode-dot{background:var(--nxo-mode-red);box-shadow:0 0 18px var(--nxo-mode-red)}
.nxo-mode-switch b{font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.nxo-mode-switch span{font-size:12px;color:var(--nxo-mode-soft)}
.nxo-mode-switch button{
  border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.07);
  color:var(--nxo-mode-ink);padding:7px 10px;font-weight:900;font-size:12px;cursor:pointer
}
.nxo-mode-panel{
  position:fixed;z-index:1900;left:18px;top:108px;width:min(560px,calc(100vw - 36px));max-height:calc(100vh - 132px);overflow:auto;
  border:1px solid var(--nxo-mode-line);border-radius:24px;background:linear-gradient(160deg,rgba(8,10,18,.98),rgba(18,15,26,.98));
  color:var(--nxo-mode-ink);box-shadow:0 32px 110px rgba(0,0,0,.62);padding:18px;display:none;backdrop-filter:blur(16px);
  font-family:var(--dl-font-body,system-ui,sans-serif)
}
.nxo-mode-panel.open{display:block;animation:nxoModeIn .18s ease-out}
.nxo-mode-panel h3{margin:0 0 8px;color:var(--nxo-mode-gold);font-size:16px}
.nxo-mode-panel p,.nxo-mode-panel li{color:var(--nxo-mode-soft);font-size:13px;line-height:1.5}
.nxo-mode-options{display:grid;gap:10px;margin:14px 0}
.nxo-mode-option{
  display:grid;grid-template-columns:auto 1fr;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.045);cursor:pointer
}
.nxo-mode-option.active{border-color:rgba(232,181,58,.55);background:rgba(232,181,58,.1)}
.nxo-mode-option input{margin-top:4px}
.nxo-mode-option b{display:block;color:#fff}
.nxo-mode-option small{display:block;color:var(--nxo-mode-soft);margin-top:4px}
.nxo-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;margin:12px 0}
.nxo-mode-card{padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.045)}
.nxo-mode-card b{display:block;color:#fff;font-size:12px}.nxo-mode-card span{display:block;color:var(--nxo-mode-soft);font-size:12px;margin-top:4px;word-break:break-word}
.nxo-mode-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.nxo-mode-actions button{border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.07);color:var(--nxo-mode-ink);padding:8px 11px;font-weight:900}
.nxo-mode-actions button.primary{background:linear-gradient(135deg,var(--nxo-mode-gold),#ffcf68);color:#1a1204}
.nxo-mode-warning{border-left:3px solid var(--nxo-mode-red);padding:8px 11px;background:rgba(200,50,75,.1);border-radius:0 10px 10px 0;color:#ffd8df!important}
.nxo-mode-sync-list{margin:10px 0 0;padding:0;list-style:none}.nxo-mode-sync-list li{padding:7px 0;border-top:1px solid rgba(255,255,255,.08)}
@keyframes nxoModeIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:700px){
  .nxo-mode-switch{left:10px;right:10px;top:48px;border-radius:18px;align-items:flex-start}.nxo-mode-panel{left:10px;right:10px;width:auto;top:104px}
}
.nxo-mode-config{display:grid;gap:9px;margin:12px 0;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.04)}
.nxo-mode-config label{display:grid;gap:5px;color:#fff;font-size:12px;font-weight:800}
.nxo-mode-config label.check{display:flex;align-items:center;gap:8px;color:var(--nxo-mode-soft);font-weight:700}
.nxo-mode-config input[type="text"],.nxo-mode-config input:not([type]){width:100%;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(0,0,0,.22);color:var(--nxo-mode-ink);padding:9px 10px;font:12px var(--dl-font-mono,ui-monospace,monospace)}
.nxo-mode-config input::placeholder{color:rgba(185,173,149,.68)}