/* HORIZON — clean top-navigation command centre. No decorative left green bar. */
body[data-interface="horizon"]{--bg:#061017;--surface:#0a1821;--surface-2:#0d202b;--surface-3:#112a36;--line:#16313d;--line-strong:#235064;--text:#eefbff;--muted:#8aa8b4;--faint:#5f7d88;--accent:#32d6ff;--accent-2:#5a7dff;--good:#35e6a8;--page-max:1700px;--page-x:34px;--row-gap:14px;--radius:7px;--radius-sm:6px}
body[data-interface="horizon"] .app{display:block;padding-top:112px}
body[data-interface="horizon"] .sidebar{position:fixed;top:0;left:0;right:0;height:58px;padding:0 28px;display:flex;align-items:center;gap:26px;background:rgba(6,16,23,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);z-index:30}
body[data-interface="horizon"] .brand{padding:0;flex:0 0 auto}
body[data-interface="horizon"] .mark{width:32px;height:32px;flex-basis:32px;border-radius:8px}
body[data-interface="horizon"] .nav{flex:1;justify-content:center;overflow:auto;scrollbar-width:none}
body[data-interface="horizon"] .nav::-webkit-scrollbar{display:none}
body[data-interface="horizon"] .nav button{padding:19px 10px 17px;border-bottom:2px solid transparent;font-size:11px;border-radius:0}
body[data-interface="horizon"] .nav button:hover{color:#d8f7ff;background:rgba(50,214,255,.035)}
body[data-interface="horizon"] .nav button.active{color:#fff;border-bottom-color:var(--accent);background:transparent}
body[data-interface="horizon"] .side-bottom{display:block;flex:0 0 150px;padding:0}
body[data-interface="horizon"] .control-state{border:0;background:transparent;padding:0;text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:12px;white-space:nowrap}body[data-interface="horizon"] .control-row{display:flex;align-items:center;margin:0}body[data-interface="horizon"] .control-row>span:first-child{display:none}body[data-interface="horizon"] .version{margin:0}
body[data-interface="horizon"] .topbar{position:fixed;top:58px;left:0;right:0;height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:rgba(6,16,23,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
body[data-interface="horizon"] .metric,body[data-interface="horizon"] .panel{border-radius:7px}
body[data-interface="horizon"] .metric:before,body[data-interface="horizon"] .panel:before{display:none!important}


@media(max-width:1200px){
  body[data-interface="horizon"] .sidebar{padding-left:20px;padding-right:20px;gap:16px}
  body[data-interface="horizon"] .brand-sub{display:none}
  body[data-interface="horizon"] .side-bottom{display:none}
}
@media(max-width:820px){
  body[data-interface="horizon"] .brand{display:none}
  body[data-interface="horizon"] .nav{justify-content:flex-start}
  body[data-interface="horizon"] .sidebar{height:58px;padding:0 14px}
  body[data-interface="horizon"] .topbar{padding:0 16px}
}