/* Option A: the original navy palette, exact values from the Replit index.css */
body{background:hsl(221 65% 8%);color:hsl(210 40% 98%);font-family:'Inter',system-ui,sans-serif;font-size:13px}
a{color:hsl(204 100% 55%)}
h1,.wordmark,.entname{font-family:'Bricolage Grotesque','Inter',sans-serif}
.mono{font-family:'Space Mono',ui-monospace,monospace}
.muted{color:hsl(214 30% 66%)}
.side{width:236px;flex-shrink:0;background:hsl(221 58% 11%);border-right:1px solid hsl(216 38% 26%);display:flex;flex-direction:column;padding:18px 14px;gap:18px}
.brand{display:flex;align-items:center;gap:10px;padding:4px 6px}
.mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#007ac9 0%,#00ad66 100%)}
.wordmark{font-size:19px;font-weight:700;letter-spacing:-.01em}
.switcher{flex-direction:column;padding:10px;border-radius:10px;background:hsl(217 45% 20% / .5);border:1px solid hsl(216 38% 26%)}
.switcher label{color:hsl(214 30% 66%)}
.switcher select{background:transparent;color:hsl(210 40% 98%);border:none;padding:0;font-weight:600}
.nav{display:flex;flex-direction:column;gap:2px}
.nav a{padding:9px 12px;border-radius:8px;color:hsl(214 30% 66%)}
.nav a.active{background:hsl(217 45% 20%);color:hsl(210 40% 98%)}
.badge{margin-left:auto;background:hsl(349 90% 60%);color:#fff;border-radius:999px;font-size:11px;padding:1px 7px}
.user{margin-top:auto;padding:8px 6px;color:hsl(214 30% 66%)}
.avatar{background:hsl(217 45% 20%);color:#fff}.who .name{color:hsl(210 40% 98%)}
.top{height:64px;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid hsl(216 38% 26%)}
.chip{border-radius:999px;border:1px solid hsl(216 38% 26%);color:hsl(214 30% 66%)}
.dot.ok{background:hsl(152 100% 45%)}
.btn{border-radius:8px;border:1px solid hsl(216 38% 26%);background:hsl(219 40% 18%);color:hsl(210 40% 98%)}
.btn.primary{background:hsl(204 100% 39%);border-color:hsl(204 100% 39%);color:#fff}
.btn.ghost{background:transparent}
.seg{border:1px solid hsl(216 38% 26%);border-radius:8px;overflow:hidden}
.seg button{background:transparent;color:hsl(214 30% 66%);border:none}.seg button.on{background:hsl(217 45% 20%);color:#fff}
h1{font-size:26px;font-weight:700;letter-spacing:-.02em}.sub{color:hsl(214 30% 66%)}
.panel,.kpi{background:linear-gradient(155deg,hsl(218 55% 18% / .55) 0%,hsl(221 70% 9% / .8) 100%);border:1px solid hsl(216 38% 26%);box-shadow:0 8px 40px rgba(2,8,26,.45);border-radius:12px}
.panel{padding:4px;overflow:hidden}
.kpi .k{color:hsl(214 30% 66%)}.kpi .v.neg{color:hsl(349 100% 72%)}.kpi small{color:hsl(214 30% 66%)}
.grid{font-family:'Space Mono',monospace;font-size:12px}
.grid th,.grid td{border-bottom:1px solid rgba(255,255,255,.06)}
.grid th.rowhead,.grid td.rowhead{font-family:'Inter',sans-serif;color:hsl(214 30% 66%);background:hsl(220 52% 13%)}
.grid thead th{color:hsl(214 30% 66%);font-family:'Inter',sans-serif}
.wkdate{font-size:13px;color:hsl(210 40% 98%)}
th.obs .wktag{color:hsl(152 100% 45%)}th.cur .wktag{color:hsl(204 100% 60%)}th.fc .wktag{color:hsl(214 30% 55%)}
td.fc{color:hsl(214 30% 80%)}
.grid tr.group td{font-family:'Inter',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:hsl(214 30% 55%);padding-top:14px;background:transparent}
td.neg,.neg{color:hsl(349 100% 72%)}td.pos,.pos{color:hsl(152 100% 48%)}
.grid tr.total td{font-weight:700;border-top:1px solid hsl(216 38% 26%);background:hsl(219 40% 16%)}
.grid tr.forecast td{font-weight:700;color:#fff;background:hsl(204 100% 39% / .16)}
td.lowcash{background:hsl(349 90% 60% / .3)!important;color:#fff;box-shadow:inset 0 0 0 1px hsl(349 90% 60%)}
td.fxflag,.flag{color:hsl(43 96% 60%)}
.grid.list th,.grid.list td{font-family:'Inter',sans-serif;font-size:13px;color:hsl(210 40% 98%)}
.grid.list td.rowhead{color:hsl(210 40% 98%)}
.qitem{gap:12px}.cands li{background:hsl(219 40% 16%);border-radius:8px}
.pill{background:hsl(219 40% 18%);color:hsl(214 30% 66%)}.pill.ok{background:hsl(152 100% 34% / .25);color:hsl(152 100% 60%)}
.empty{color:hsl(214 30% 66%)}