/* CLASSIC — original operational sidebar */
body[data-interface="classic"]{--bg:#09090d;--surface:#111118;--surface-2:#17171f;--surface-3:#1d1d27;--line:#282833;--line-strong:#3a3947;--text:#f5f3f7;--muted:#9b98a6;--faint:#686673;--accent:#ff6b43;--accent-2:#9b6cff;--good:#48d597;--page-max:1600px;--page-x:28px;--row-gap:13px}
body[data-interface="classic"] .app{display:grid;grid-template-columns:248px minmax(0,1fr)}
body[data-interface="classic"] .sidebar{height:100vh;position:sticky;top:0;padding:20px 14px;display:flex;flex-direction:column;background:#0d0d13;border-right:1px solid var(--line)}
body[data-interface="classic"] .brand{padding:4px 10px 24px}
body[data-interface="classic"] .nav{display:block}
body[data-interface="classic"] .nav-label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#5f5d68;padding:12px 12px 6px}
body[data-interface="classic"] .nav button{display:flex;width:100%;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;text-align:left;margin:1px 0}
body[data-interface="classic"] .nav button .dot{display:inline-block;width:6px;height:6px;border:1px solid currentColor;border-radius:50%;opacity:.6}
body[data-interface="classic"] .nav button:hover{background:#15151c;color:#dedbe2;transform:translateX(2px)}
body[data-interface="classic"] .nav button.active{background:#1b1820;color:#fff;box-shadow:inset 2px 0 var(--accent)}
body[data-interface="classic"] .side-bottom{display:block;margin-top:auto;padding:12px 10px 2px}
body[data-interface="classic"] .control-state{border:1px solid var(--line);background:#121218;border-radius:10px;padding:11px}.control-row{display:flex;justify-content:space-between;align-items:center;font-size:11px}.version{font-size:10px;color:var(--faint);margin-top:9px}
body[data-interface="classic"] .topbar{height:68px;position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(9,9,13,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}


@media(max-width:820px){
  body[data-interface="classic"] .app{display:block;padding-bottom:76px}
  body[data-interface="classic"] .sidebar{position:fixed;left:10px;right:10px;bottom:10px;top:auto;height:58px;z-index:40;border:1px solid var(--line);border-radius:14px;padding:8px;display:block;overflow:hidden}
  body[data-interface="classic"] .brand,body[data-interface="classic"] .nav-label,body[data-interface="classic"] .side-bottom{display:none}
  body[data-interface="classic"] .nav{display:flex;overflow:auto;scrollbar-width:none}
  body[data-interface="classic"] .nav button{width:auto;flex:0 0 auto;padding:9px 10px}
  body[data-interface="classic"] .topbar{position:sticky;top:0;padding:0 14px}
}