:root { --aurum: #1f2a44; --gold: #c9a227; }
body { background: #f5f6f8; }
.bg-aurum { background: var(--aurum); }
.navbar-brand { color: var(--gold) !important; font-weight: 600; }
.card-account { border-left: 4px solid #198754; }
.card-account.status-Stale { border-left-color: #fd7e14; }
.card-account.status-Offline { border-left-color: #dc3545; }
.kv { display: flex; justify-content: space-between; font-size: .9rem; }
.kv span:first-child { color: #6c757d; }
.table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table-wrap table { white-space: nowrap; font-size: .85rem; }
.offline-banner { position: sticky; top: 0; z-index: 1050; background: #fd7e14; color: #fff; text-align: center; padding: .25rem; font-size: .85rem; }
.chart-box { position: relative; height: 260px; }
.flag { font-size: .8rem; }
.nav-pills .nav-link { padding: .4rem .7rem; }
footer a { display: inline-block; padding: .35rem 0; }
@media (max-width: 576px) {
  .btn-sm { min-height: 34px; }
  main.container-fluid { padding-left: .75rem; padding-right: .75rem; }
}