:root{
  --dc-bg:#08131f;
  --dc-bg-2:#0b1928;
  --dc-panel:#102235;
  --dc-panel-2:#13283d;
  --dc-panel-3:#0d1d2e;
  --dc-line:#29415a;
  --dc-line-soft:#20364c;
  --dc-text:#f2f6fb;
  --dc-muted:#a8b8ca;
  --dc-gold:#f1b83e;
  --dc-gold-2:#d79d25;
  --dc-green:#26c281;
  --dc-red:#ff5c63;
  --dc-blue:#7fb4ff;
}

html,body{background:linear-gradient(180deg,#07111d 0%,#0a1724 100%)!important;color:var(--dc-text)!important}
body{background-attachment:fixed!important}
a{color:var(--dc-blue)!important}

.lab-banner{
  background:linear-gradient(90deg,#0b1725,#111f2f,#0b1725)!important;
  color:#d4dfeb!important;
  border-bottom:1px solid #263b50!important;
}
.lab-banner-mark{background:linear-gradient(135deg,var(--dc-gold),#a66f12)!important;color:#111!important}

.topbar{
  background:
    radial-gradient(circle at 88% -80%,rgba(241,184,62,.18),transparent 34%),
    linear-gradient(90deg,#07131f 0%,#0b1a2a 56%,#0f2235 100%)!important;
  border-bottom:1px solid #31465b!important;
  box-shadow:0 8px 28px rgba(0,0,0,.28)!important;
}
.brand-lockup:before{background:linear-gradient(180deg,#ffd77a,#c98c16)!important}
.brand-mark{color:var(--dc-gold)!important;border-color:#8a6623!important;background:#101f30!important}
.brand{color:#fff!important}
.subtitle{color:#b9c6d4!important;opacity:.9!important}
.global-search input{background:#0a1827!important;border-color:#3b536b!important;color:#eef4fa!important}
.global-search input::placeholder{color:#8497aa!important}
.global-search input:focus{border-color:var(--dc-gold)!important;box-shadow:0 0 0 3px rgba(241,184,62,.10)!important}
.global-search button{background:linear-gradient(180deg,#f7c654,#dda426)!important;color:#111!important;border-color:#d09a1e!important}
.env>span:not(.pill):not(.badge),.pill{background:#11253a!important;border-color:#334b63!important;color:#e7eef5!important}

.layout{background:transparent!important}
.sidebar{
  background:linear-gradient(180deg,#091725 0%,#0b1b2b 100%)!important;
  border-right:1px solid #24394d!important;
  box-shadow:8px 0 28px rgba(0,0,0,.18)!important;
}
.sidebar-section,.nav-label{color:#88a0b8!important}
.sidebar a{color:#d9e4ee!important;border-color:transparent!important}
.sidebar a:hover{background:linear-gradient(90deg,rgba(241,184,62,.16),rgba(241,184,62,.04))!important;color:#ffd36c!important;border-color:#5f4a20!important}
.sidebar a:hover:before{background:var(--dc-gold)!important}
.sidebar-foot{border-top-color:#2a4054!important;color:#8699ab!important}

.content{background:transparent!important}
.content:before{border-color:rgba(241,184,62,.07)!important;box-shadow:0 0 0 44px rgba(241,184,62,.015),0 0 0 88px rgba(241,184,62,.012)!important}
.page-kicker{color:var(--dc-gold)!important}
.page-head h1,.section-title,.section-heading h2{color:#f6f8fb!important}
.muted{color:var(--dc-muted)!important}

.account-workspace,.account-hero,.account-banner{
  background:
    radial-gradient(circle at 78% 10%,rgba(241,184,62,.12),transparent 28%),
    linear-gradient(135deg,#0b1a2a 0%,#10243a 65%,#0a1827 100%)!important;
  border-color:#334a61!important;
  color:#fff!important;
}

.summary-strip{gap:12px!important}
.summary-item,.panel,.card,.ops-tile,.account-action-rail,.account-data-card,.control-summary{
  background:linear-gradient(180deg,var(--dc-panel) 0%,var(--dc-panel-3) 100%)!important;
  border:1px solid var(--dc-line)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  color:var(--dc-text)!important;
}
.summary-item{border-top:1px solid #3b5269!important}
.summary-item span,.card span{color:#9fb0c2!important}
.summary-item strong,.card strong{color:#fff!important}
.panel-head{
  background:linear-gradient(90deg,#12263a 0%,#0d1e30 100%)!important;
  border-bottom:1px solid #2c4359!important;
}
.panel-head h2{color:#f5f7fb!important}
.queue-note{background:#162b40!important;color:#c8d4df!important;border:1px solid #2e455c!important}

th{background:#0d1d2d!important;color:#aebed0!important;border-bottom:1px solid #2b4257!important}
td{color:#e7edf4!important;border-bottom-color:#22394e!important}
table{background:transparent!important}
tbody tr:hover{background:#13283c!important}
.ledger-table tbody tr:nth-child(even){background:rgba(255,255,255,.012)!important}
.ledger-reference{color:#8698aa!important}
.balance-col{color:#f5f7fa!important}
.debit-col{color:var(--dc-red)!important}
.credit-col{color:var(--dc-green)!important}
.ledger-row{cursor:zoom-in!important;outline:none}
.ledger-row:focus{box-shadow:inset 3px 0 0 var(--dc-gold)!important;background:#13283c!important}
.ledger-row.is-expanded{background:linear-gradient(90deg,rgba(241,184,62,.11),rgba(241,184,62,.025))!important;box-shadow:inset 3px 0 0 var(--dc-gold)!important;cursor:zoom-out!important}
.transaction-detail-row[hidden]{display:none!important}
.transaction-detail-row td{padding:0!important;background:#091827!important;border-bottom:1px solid #35506a!important}
.transaction-detail{padding:20px 22px 22px;background:radial-gradient(circle at 90% 0%,rgba(241,184,62,.08),transparent 30%),linear-gradient(180deg,#0c1c2b,#0a1724);border-top:1px solid #3d5368;box-shadow:inset 0 8px 18px rgba(0,0,0,.13)}
.transaction-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}
.transaction-detail-head h3{margin:3px 0 3px;font-size:18px;color:#fff}
.transaction-detail-ref{font-size:12px;color:#8fa3b8;font-family:Consolas,Monaco,monospace}
.transaction-detail-amount{font-size:22px;font-weight:900;letter-spacing:-.02em;padding:9px 12px;border-radius:10px;background:#102438;border:1px solid #2f475d}
.transaction-detail-amount.is-debit{color:#ff8187!important}
.transaction-detail-amount.is-credit{color:#58dda4!important}
.transaction-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.transaction-detail-grid>div{padding:12px 13px;border:1px solid #263f55;border-radius:9px;background:rgba(18,39,58,.72);min-width:0}
.transaction-detail-grid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#8399ae;margin-bottom:6px;font-weight:800}
.transaction-detail-grid strong{display:block;color:#edf3f9;font-size:12px;overflow-wrap:anywhere}

.link-button,.account-action,.workspace-action,.action-button{
  background:linear-gradient(180deg,#f4bd47,#d89c20)!important;
  color:#101820!important;
  border:1px solid #d39a23!important;
  box-shadow:0 4px 12px rgba(0,0,0,.18)!important;
}
.link-button:hover,.account-action:hover,.workspace-action:hover,.action-button:hover{background:#ffc95a!important;color:#111!important}

.badge-active,.badge-pass,.badge-balanced,.badge-cleared,.badge-closed,.badge-resolved{background:rgba(38,194,129,.18)!important;color:#61e6ad!important}
.badge-high,.badge-critical,.badge-open,.badge-escalated,.badge-break{background:rgba(255,92,99,.17)!important;color:#ff8a90!important}
.badge-medium,.badge-watch,.badge-pending,.badge-exception{background:rgba(241,184,62,.16)!important;color:#ffd36c!important}
.badge-low,.badge-normal,.badge-monitor{background:rgba(127,180,255,.15)!important;color:#a9cbff!important}
.badge-inactive{background:#1b2e42!important;color:#a7b6c6!important}

input,select,textarea{
  background:#0d1d2d!important;color:#f2f6fb!important;border-color:#36506a!important;
}
input:focus,select:focus,textarea:focus{border-color:var(--dc-gold)!important;box-shadow:0 0 0 3px rgba(241,184,62,.08)!important}
.search{background:#0d1d2d!important;border-color:#2a4158!important}
.search button{background:linear-gradient(180deg,#f4bd47,#d89c20)!important;color:#111!important}

.notice{background:#2d2412!important;border-color:#70551e!important;color:#f4d287!important}
.lab-notice{background:#0f2133!important;border-color:#294157!important;color:#9fb0c2!important}
.empty-state{color:#8fa2b5!important;background:rgba(255,255,255,.01)!important}

.account-tabs,.workspace-tabs{border-color:#2a4055!important}
.account-tabs a,.workspace-tabs a{color:#aebed0!important}
.account-tabs a:hover,.workspace-tabs a:hover{color:#ffd36c!important}
.account-tabs a.active,.workspace-tabs a.active{color:#ffd36c!important;border-bottom-color:var(--dc-gold)!important}

.hero{
  background:
    radial-gradient(circle at 82% 22%,rgba(241,184,62,.18),transparent 25%),
    linear-gradient(125deg,#07131f 0%,#102337 58%,#0b1c2c 100%)!important;
  border:1px solid #33485f!important;
}
.hero .page-kicker{color:#ffd36c!important}
.hero-status{background:#0b1a29!important;border-color:#31495f!important}

.app-footer{border-top:1px solid #263c50!important;color:#7f93a7!important}

@media (max-width:1100px){
  .transaction-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:800px){
  .topbar{background:linear-gradient(180deg,#07131f,#0d2134)!important}
  .sidebar{background:#091725!important}
  .transaction-detail-head{flex-direction:column}
  .transaction-detail-grid{grid-template-columns:1fr}
}