/* ABOD vivid theme overrides — delete this file + its <link> to disable */
body{background:#0a0a0a}
.panel,.card,.opsPanel,.opsToolbar{background:#131313!important;border:1px solid #262626!important;border-radius:16px!important;box-shadow:0 1px 0 #ffffff08 inset}
.opsDashboard,.admin{background:#0a0a0a!important}
.top{background:#0d0d0d!important;border-bottom-color:#1f1f1f!important}
.side{background:#0d0d0d!important;border-left-color:#1f1f1f!important}

/* buttons */
.button{background:#1a1a1a;border-color:#2e2e2e;border-radius:12px;transition:filter .15s,transform .15s,box-shadow .15s}
.button:hover{border-color:#444;filter:brightness(1.15)}
.button.gold,button.gold{background:linear-gradient(90deg,#f59e0b,#ef4444)!important;border:0!important;color:#fff!important;font-weight:800;box-shadow:0 4px 18px #f59e0b40}
.button.gold:hover{transform:translateY(-1px);box-shadow:0 6px 24px #f59e0b66}
button.danger{background:linear-gradient(90deg,#f43f5e,#dc2626)!important;border:0!important;color:#fff!important;box-shadow:0 4px 18px #ef444455}
.periodBar button{border-radius:10px}
.periodBar button:hover{border-color:#8b5cf6!important}

/* nav */
.nav button.active{background:linear-gradient(90deg,#7c3aed33,#10b98122)!important;border-color:#7c3aed88!important;color:#fff!important;box-shadow:0 0 18px #7c3aed30}
.nav button:hover{background:#1a1a1a}

/* KPI cards: unified gold-and-black theme (no per-card tint) */
.opsKpi{background:linear-gradient(180deg,#16130c,#0b0a07)!important;border:1px solid #d4a01755!important;border-radius:16px!important}
.opsKpi b{color:#f5c542!important;font-weight:900;font-size:30px}
.opsKpi b.kpiAlert{color:#ff5c5c!important}
.opsKpi small{color:#bdb59c!important}
.opsKpi>span{color:#d4a017!important}
.opsKpi:hover{border-color:#d4a017!important;box-shadow:0 0 18px #d4a01733;transform:translateY(-2px);transition:transform .15s,box-shadow .15s,border-color .15s}

/* pills */
.badge,.opsStatus{border-radius:999px!important;font-weight:700}
.badge.green,.opsStatus.ok{background:#052e1f!important;color:#34d399!important;border:1px solid #10b98155!important}
.badge.red{background:#3b0a10!important;color:#fb7185!important;border:1px solid #f43f5e55}
.badge.goldish{background:#2e1f05!important;color:#fbbf24!important;border:1px solid #f59e0b55}
.badge.blue{background:#062a36!important;color:#67e8f9!important;border:1px solid #06b6d455}
.badge.purple{background:#1f1036!important;color:#c4b5fd!important;border:1px solid #8b5cf655}

/* inputs */
.input,input,select,textarea{background:#0f0f0f;border-color:#2a2a2a}
input:focus,textarea:focus,select:focus{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf622}

/* inbox */
.conversation.selected{background:linear-gradient(90deg,#f59e0b1f,transparent)!important;border-inline-start:3px solid #f59e0b}
.message.out{background:linear-gradient(145deg,#2a1d05,#1a1409)!important;border-color:#f59e0b55!important}
.message.in{background:#1a1a1a!important;border-color:#2a2a2a!important}
.logo{color:#f59e0b!important;text-shadow:0 0 24px #f59e0b55}
/* broker checks panel */
.brokerCards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.brokerCard{border-radius:14px;padding:16px;border:1px solid #262626}
.brokerCard.equiti{background:linear-gradient(145deg,#062630,#0c1416);border-color:#06b6d466}
.brokerCard.multibank{background:linear-gradient(145deg,#1e0f33,#131018);border-color:#8b5cf666}
.brokerHead{display:flex;justify-content:space-between;align-items:center;gap:8px}
.brokerHead b{font-size:16px}.brokerHead small{color:#9a9a9a}
.brokerTotal{font-size:34px;font-weight:900;margin:8px 0;color:#fff}
.brokerCard.equiti .brokerTotal{color:#22d3ee}.brokerCard.multibank .brokerTotal{color:#c4b5fd}
.brokerTotal span{font-size:13px;color:#9a9a9a;margin-inline-start:6px;font-weight:600}
.brokerSplit{display:flex;gap:6px;flex-wrap:wrap}
.brokerRows{display:grid;gap:6px}
.brokerRow{display:grid;grid-template-columns:1.3fr 1fr .8fr auto 1fr;gap:10px;align-items:center;text-align:right;background:#161616;border:1px solid #262626;border-radius:12px;padding:10px 14px;color:inherit}
.brokerRow:hover{border-color:#f59e0b88}
.brokerRow small{color:#9a9a9a}.brokerRow .mono{font-family:Consolas,monospace;direction:ltr;text-align:right}
@media(max-width:900px){.brokerCards{grid-template-columns:1fr}.brokerRow{grid-template-columns:1fr 1fr}}

/* broker totals */
.totalsCard{border-radius:14px;padding:16px;border:1px solid #262626;display:grid;gap:12px}
.totalsCard.equiti{background:linear-gradient(145deg,#062630,#0c1416);border-color:#06b6d466}
.totalsCard.multibank{background:linear-gradient(145deg,#1e0f33,#131018);border-color:#8b5cf666}
.totalsMain{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.totalsMain small{display:block;color:#9a9a9a}.totalsMain strong{font-size:28px;font-weight:900;color:#fff}
.totalsCard.equiti .totalsMain strong{color:#22d3ee}.totalsCard.multibank .totalsMain strong{color:#c4b5fd}
.totalsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.totalsGrid span{background:#0f0f0f;border:1px solid #262626;border-radius:10px;padding:8px;color:#9a9a9a;font-size:12px}
.totalsGrid b{display:block;color:#fbbf24;font-size:16px;margin-top:3px}
@media(max-width:900px){.totalsGrid{grid-template-columns:repeat(2,1fr)}}