/* Shared Navbar — included by every dashboard page */
:root {
  --bg:#0b0e14;--bg2:#111520;--card:#161b26;--border:#1e2636;
  --text:#d1d5db;--muted:#5a6374;--accent:#3b82f6;
  --green:#22c55e;--red:#ef4444;--yellow:#eab308;--purple:#a78bfa;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);font-size:13px;}

/* ---- Navbar ---- */
.dt-navbar{background:var(--card);border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:stretch;height:44px;position:sticky;top:0;z-index:1000;}
.dt-navbar .brand{font-size:15px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;padding-right:20px;border-right:1px solid var(--border);margin-right:4px;text-decoration:none;white-space:nowrap;}
.dt-navbar .brand:hover{text-decoration:none;}
.dt-nav-links{display:flex;align-items:stretch;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.dt-nav-links::-webkit-scrollbar{display:none;}
.dt-nav-link{display:flex;align-items:center;padding:0 14px;font-size:12px;font-weight:500;color:var(--muted);text-decoration:none;white-space:nowrap;transition:color .15s,background .15s;border-bottom:2px solid transparent;}
.dt-nav-link:hover{color:var(--text);background:rgba(59,130,246,.06);}
.dt-nav-link.active{color:var(--accent);border-bottom-color:var(--accent);background:rgba(59,130,246,.08);}
.dt-nav-right{margin-left:auto;display:flex;align-items:center;gap:10px;padding-left:16px;}
.dt-badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;}
.dt-badge-green{background:rgba(34,197,94,.15);color:var(--green);}
.dt-badge-dim{background:rgba(100,116,139,.15);color:var(--muted);}

/* ---- Mobile nav ---- */
@media(max-width:900px){
  .dt-navbar{padding:0 12px;}
  .dt-nav-link{padding:0 10px;font-size:11px;}
  .dt-nav-right{display:none;}
}
@media(max-width:600px){
  .dt-navbar{flex-wrap:wrap;height:auto;padding:8px 12px;}
  .dt-nav-links{flex-wrap:wrap;gap:0;}
  .dt-nav-link{padding:6px 10px;font-size:11px;border-bottom:none;border-radius:4px;margin:2px;}
  .dt-nav-link.active{background:rgba(59,130,246,.15);}
}

/* ---- Utility ---- */
.positive{color:var(--green);}
.negative{color:var(--red);}
.muted{color:var(--muted);}