/* VECTOR — larger floating dock with safe hover headroom. */
body[data-interface="vector"]{--bg:#0d0912;--surface:#15101c;--surface-2:#1a1222;--surface-3:#24182f;--line:#32233f;--line-strong:#5a3a70;--text:#f9f2fc;--muted:#aa91b4;--faint:#725d7c;--accent:#ff4d8d;--accent-2:#c36cff;--good:#55e9ad;--page-max:1700px;--page-x:36px;--row-gap:15px;--radius:15px;--radius-sm:10px}
body[data-interface="vector"] .app{display:block;padding:76px 0 112px}
body[data-interface="vector"] .sidebar{position:fixed;left:50%;bottom:22px;top:auto;transform:translateX(-50%);width:min(1380px,calc(100vw - 36px));height:72px;padding:10px 14px;display:flex;align-items:center;gap:16px;background:rgba(20,14,27,.95);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:20px;z-index:40;overflow:visible}
body[data-interface="vector"] .brand{padding:0 10px 0 0;flex:0 0 auto}
body[data-interface="vector"] .brand-sub{display:none}
body[data-interface="vector"] .nav{flex:1;justify-content:center;overflow-x:auto;overflow-y:visible;scrollbar-width:none;padding:8px 2px}
body[data-interface="vector"] .nav::-webkit-scrollbar{display:none}
body[data-interface="vector"] .nav button{padding:10px 11px;border-radius:10px;font-size:10px;color:#a88fb2;transform-origin:center bottom}
body[data-interface="vector"] .nav button:hover{background:#25182f;color:#fff;transform:translateY(-4px) scale(1.04)}
body[data-interface="vector"] .nav button.active{background:linear-gradient(135deg,rgba(255,77,141,.18),rgba(195,108,255,.16));color:#fff;border:1px solid #5b376e}
body[data-interface="vector"] .side-bottom{display:block;flex:0 0 150px;padding:0}
body[data-interface="vector"] .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="vector"] .control-row{display:flex;align-items:center;margin:0}body[data-interface="vector"] .control-row>span:first-child{display:none}body[data-interface="vector"] .version{margin:0}
body[data-interface="vector"] .topbar{position:fixed;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:rgba(13,9,18,.93);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
body[data-interface="vector"] .metric:hover{transform:translateY(-3px);border-color:var(--line-strong)}
body[data-interface="vector"] .panel>div[style*="overflow:auto"]{padding:4px 14px 18px}


@media(max-width:820px){
  body[data-interface="vector"] .sidebar{bottom:10px;width:calc(100vw - 20px);height:66px;padding:8px 10px}
  body[data-interface="vector"] .brand,body[data-interface="vector"] .side-bottom{display:none}
  body[data-interface="vector"] .nav{justify-content:flex-start}
  body[data-interface="vector"] .topbar{padding:0 16px}
}