.side-toggle{position:absolute;right:-13px;top:26px;z-index:5;width:26px;height:26px;display:grid;place-items:center;border:1px solid #344155;border-radius:50%;background:var(--sidebar);color:#cbd5e1;cursor:pointer}
.side-toggle:hover{background:var(--brand);color:white}
.side-toggle .i{width:16px;height:16px}
.side-toggle:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}
.side .nav-item .i{flex-shrink:0}
@media(min-width:821px){
  .side{transition:width .2s ease}
  .side-collapsed .side{width:68px}
  .side-collapsed .side-brand{padding:20px 16px}
  .side-collapsed .side-brand>div:not(.side-mark),.side-collapsed .nav-item span,.side-collapsed .nav-count,.side-collapsed .conn span{display:none}
  .side-collapsed .side-nav{padding:14px 8px}
  .side-collapsed .nav-item{justify-content:center;padding:12px 0}
  .side-collapsed .side-foot{padding:16px 0}
  .side-collapsed .conn{justify-content:center}
  .side-collapsed .side-toggle .i{transform:rotate(180deg)}
}
@media(max-width:820px){
  .side-toggle{position:static;order:-1;margin-right:12px;width:32px;height:32px}
  .side-collapsed .side-nav{display:none}
  .side-collapsed .side{padding-bottom:0}
  .side-collapsed .side-toggle .i{transform:rotate(180deg)}
}


.app[hidden],.platform-login[hidden]{display:none!important}
.platform-login{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}
.platform-login-card{width:100%;max-width:420px;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg)}
.platform-login-card h1{font-size:22px;margin:22px 0 8px;letter-spacing:-.6px}
.platform-login-card p{font-size:13px;color:var(--ink-soft);line-height:1.6}
.platform-login-card label{display:grid;gap:7px;font-size:13px;font-weight:600;margin-top:18px}
.platform-login-card input,.platform-login-card select{width:100%;padding:11px 12px;border:1px solid var(--line-2);border-radius:9px;background:var(--surface);color:var(--ink);font:inherit}
.platform-login-card .btn{width:100%;margin-top:24px;justify-content:center}
.platform-login-card small{color:var(--ink-soft);font-size:11px}
#platformLoginError{color:var(--loss)}
.platform-identity{font-size:11px;color:#94a3b8;overflow-wrap:anywhere;margin-bottom:8px}
.platform-logout{border:1px solid #344155;background:transparent;color:#cbd5e1;border-radius:7px;padding:6px 10px;cursor:pointer;margin-bottom:12px}
@media(min-width:821px){.side-collapsed .platform-identity{display:none}.side-collapsed .platform-logout{display:block;margin:0 auto 12px}}

/* Unified Nexus Control identity and responsive application shell. */
:root{--brand:#0a4269;--brand-ink:#083653;--brand-soft:#e7f0f6}
html[data-theme="dark"]{--brand:#237bab;--brand-ink:#3997c9;--brand-soft:#142e42}
.side{background:linear-gradient(180deg,#102638,#101b2b)}
.side-mark{width:40px;height:40px;background:none;border-radius:11px}
.side-sub{color:#a6c4d7;font-size:10px;letter-spacing:2px;margin-top:5px}
.nav-item.on{background:#0a4269;box-shadow:inset 3px 0 #df4057}
.side-foot{min-width:0}.platform-identity{font-size:10px;line-height:1.5}
.audit-operation{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.audit-operation label{font-size:12px;font-weight:700;color:var(--ink-soft)}
.audit-operation select{background:var(--brand-soft);color:var(--brand);min-height:42px;padding-right:28px}
.audit-operation>span{font-size:12px;color:var(--ink-soft);margin-left:auto}
#auditFrame{display:block;width:100%;height:580px;min-height:0;border:0;border-radius:16px}
@media(max-width:820px){
 .side{padding:0 16px 12px;gap:0 8px}.side-brand{flex:1}.side-toggle{margin-right:0;flex-shrink:0}
 .side-foot{display:flex;align-items:center;gap:8px;margin:0;padding:0}.platform-identity{display:none}.platform-logout{margin:0;min-height:36px}.conn{display:none}
 .side-nav{padding-top:4px}.nav-item{min-height:44px}.side-collapsed .side{padding-bottom:0}
 .topbar{padding-top:22px}.topbar h1{font-size:22px}.topbar p{font-size:12px;line-height:1.6}
 .wrap{padding:0 12px 24px}.audit-operation{padding:10px 12px;gap:8px;margin-bottom:12px}.audit-operation>span{flex-basis:100%;margin:0;font-size:11px}
}
/* Prevent intrinsic navigation text widths from stretching the sidebar. */
@media(min-width:821px){.side{min-width:0;max-width:var(--sidebar-w)}.side-collapsed .side{max-width:68px}}
@media(max-width:820px){.side-foot{margin-right:32px}}