/* SpeedChess — shared modern navigation (top bar + command sidebar). Loaded LAST on every app page. */
:root{--topbar-h:56px;--sidebar-w:232px;--legal-h:0px;--nav-line:rgba(255,255,255,.07)}
@media (max-width:900px){:root{--topbar-h:48px}}

/* ---------- Top bar ---------- */
body .topnav{background:linear-gradient(180deg,rgba(30,28,25,.96),rgba(22,21,19,.96))!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--nav-line)!important;box-shadow:0 6px 24px rgba(0,0,0,.35);height:var(--topbar-h)!important}
body .topnav-logo{border-right:1px solid var(--nav-line)!important;min-width:var(--sidebar-w)!important;justify-content:flex-start!important;padding:0 20px!important;width:auto!important}
body .topnav-logo .brand-logo-img{height:38px;width:auto}
body .topnav-links{gap:6px;padding:0 22px}
body .tnl{position:relative;padding:8px 16px!important;border-radius:10px!important;font-size:14px!important;font-weight:600!important;letter-spacing:.2px;color:#c9c9c9;transition:background .18s,color .18s}
body .tnl:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
body .tnl.active{color:#e3c27e!important;background:linear-gradient(180deg,rgba(195,160,94,.22),rgba(195,160,94,.10))!important;box-shadow:inset 0 0 0 1px rgba(195,160,94,.35),0 4px 14px rgba(195,160,94,.12)}
body .tnl.active::after{content:"";position:absolute;left:18%;right:18%;bottom:-9px;height:2px;border-radius:2px;background:#c3a05e;box-shadow:0 0 10px rgba(195,160,94,.8)}
body .dropdown-content{margin-top:10px;min-width:210px;padding:8px;border-radius:14px;background:rgba(28,26,23,.98);border:1px solid var(--nav-line);box-shadow:0 18px 44px rgba(0,0,0,.55)}
body .dropdown-content a{padding:10px 12px;border-radius:9px;font-size:13.5px;font-weight:600}
body .dropdown-content a:hover{background:rgba(195,160,94,.14);color:#f0d9a2}
body .btn-support{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700;color:#e3c27e;border:1px solid rgba(195,160,94,.5);background:rgba(195,160,94,.08);text-decoration:none;transition:all .18s}
body .btn-support:hover{background:#c3a05e;color:#1b1a17;box-shadow:0 6px 18px rgba(195,160,94,.35)}

/* ---------- Sidebar ---------- */
body .icon-sidebar{position:fixed!important;left:0!important;top:var(--topbar-h)!important;bottom:var(--legal-h)!important;width:var(--sidebar-w)!important;min-width:var(--sidebar-w)!important;height:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;padding:0!important;gap:0!important;overflow:hidden!important;background:linear-gradient(180deg,#1f1d1a 0%,#181715 100%)!important;border:none!important;border-right:1px solid var(--nav-line)!important;box-shadow:8px 0 30px rgba(0,0,0,.25);z-index:190}
body .icon-sidebar .cmd-scroll{flex:1;min-height:0;overflow-y:auto;padding:18px 14px;display:flex;flex-direction:column;gap:4px;scrollbar-width:none}
body .icon-sidebar .cmd-scroll::-webkit-scrollbar{display:none}
body .icon-sidebar .cmd-section-label{font-size:12px;font-weight:800;letter-spacing:2px;color:#e3c27e;padding:14px 10px 8px;margin:0;text-transform:uppercase;display:flex;align-items:center;gap:10px}
body .icon-sidebar .cmd-section-label::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(195,160,94,.35),transparent)}
body .icon-sidebar .cmd-scroll>.cmd-section-label:first-child{padding-top:0}
body .icon-sidebar .sbi,body .icon-sidebar .cmd-dd-item{width:100%!important;min-width:0!important;min-height:46px;height:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:14px;padding:8px 12px!important;border-radius:12px!important;color:#bdbdbd;font-size:15px;font-weight:600;text-decoration:none;border:1px solid transparent!important;background:transparent;box-shadow:none;text-align:left;transition:background .18s,color .18s,border-color .18s,transform .18s}
body .icon-sidebar .sbi i,body .icon-sidebar .cmd-dd-item i{width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:15px;color:#c3a05e;background:rgba(195,160,94,.10);transition:background .18s,color .18s}
body .icon-sidebar .sbi-label,body .icon-sidebar .cmd-dd-label{font-size:15px!important;font-weight:600;letter-spacing:.2px;text-transform:none!important;color:inherit;line-height:1.25}
body .icon-sidebar .cmd-dd-sub{font-size:11px;color:#7d7d7d;margin-top:1px;font-weight:500}
body .icon-sidebar .sbi:hover,body .icon-sidebar .cmd-dd-item:hover{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.06)!important;transform:translateX(2px)}
body .icon-sidebar .sbi:hover i,body .icon-sidebar .cmd-dd-item:hover i{background:#c3a05e;color:#1b1a17}
body .icon-sidebar .sbi.active,body .icon-sidebar .cmd-dd-item.active{background:linear-gradient(90deg,rgba(195,160,94,.2),rgba(195,160,94,.05));color:#f0d9a2;border-color:rgba(195,160,94,.35)!important}
body .icon-sidebar .sbi.active i,body .icon-sidebar .cmd-dd-item.active i{background:#c3a05e;color:#1b1a17}
body .icon-sidebar .sbi.sbi-support i{color:#e05a5a;background:rgba(224,90,90,.12)}
body .icon-sidebar .sbi.sbi-support{color:#e05a5a}
body .icon-sidebar .sbi.sbi-support:hover i{background:#e05a5a;color:#fff}
body .icon-sidebar .sbi-divider{height:1px;margin:8px 6px;background:var(--nav-line);width:auto}
body .icon-sidebar .cmd-footer{padding:12px 14px;border-top:1px solid var(--nav-line);background:rgba(0,0,0,.18);flex-shrink:0}
body .icon-sidebar .cmd-lang{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;border:1px solid var(--nav-line);color:#9a9a9a;background:rgba(255,255,255,.03)}
body .icon-sidebar .cmd-lang select{flex:1;background:transparent;border:none;color:#cfcfcf;font-size:13px;outline:none;cursor:pointer;min-width:0}
body .icon-sidebar .cmd-lang select option{background:#1f1d1a;color:#eee}
@media (max-height:700px){
  body .icon-sidebar .cmd-section-label{padding:8px 10px 6px}
  body .icon-sidebar .sbi,body .icon-sidebar .cmd-dd-item{min-height:40px;padding:5px 10px!important}
  body .icon-sidebar .cmd-scroll{padding:12px}
}

/* ---------- Page offset (desktop) ---------- */
@media (min-width:769px){
  body.sc-nav{padding-left:var(--sidebar-w)!important}
  body.sc-nav .az-layout,body.sc-nav .shell>.main-content,body.sc-nav main.main-content{margin-left:0!important}
  body.sc-nav .az-layout{width:100%!important}
}
@media (max-width:768px){body .icon-sidebar{display:none!important}body.sc-nav{padding-left:0!important}body .topnav-logo{min-width:0!important;padding:0 10px!important}}
@media (max-width:1180px) and (min-width:769px){:root{--sidebar-w:208px}body .topnav-logo{padding:0 14px!important}body .tnl{padding:8px 11px!important}}