:root { --gold:#d4af37; --black:#0b0b0c; --gray:#1a1a1c; --white:#f6f6f6; --sidebar-w:250px; }
body, .content-wrapper { font-family: 'Cairo', Tahoma, sans-serif; background: var(--black); color: var(--white); }
.gold-navbar { background: var(--gray)!important; border-bottom:1px solid rgba(212,175,55,.25); }
.gold-sidebar { background: var(--black)!important; color: var(--white); width: var(--sidebar-w); }
.gold-sidebar .nav-link, .gold-sidebar .brand-text { color: var(--white)!important; }
.gold-sidebar .nav-link.active, .gold-sidebar .nav-link:hover { background: rgba(212,175,55,.15); color: var(--gold)!important; }
.gold-brand { background: var(--gray); color: var(--gold)!important; border-bottom:1px solid rgba(212,175,55,.25); }
.gold-content { background: var(--black); }
.gold-footer { background: var(--gray); border-top:1px solid rgba(212,175,55,.25); color: var(--white); }
a, .text-gold { color: var(--gold)!important; }
.card, .modal-content { background: #111214; color: var(--white); border:1px solid rgba(212,175,55,.15); }
.table { color: var(--white); }
.table thead th { color: var(--gold); }
.small, .text-muted { color: #b9b9b9 !important; }
.form-control { background:#1b1b1e; color:#fff; border-color: rgba(212,175,55,.25); }
.form-control::placeholder { color:#aaa; }
label { color:#ddd; }
.close { color:#fff; opacity: .9; } .close:hover { color:#fff; opacity: 1; }
/* Buttons */
.btn-primary { background:#000; color:var(--gold); border:1px solid rgba(212,175,55,.5); }
.btn-primary:hover, .btn-primary:focus { background: var(--gold); color:#000; border-color: var(--gold); }
.btn-warning { background: #f8c146; color:#111; border:1px solid #b8860b; }
.btn-info { background:#3aa0c3; color:#111; border:0; }
.btn-danger { color:#fff; }
.btn-contrast { background:#222; color:#fff; border:1px solid rgba(255,255,255,.15); }
/* Select2 dark (for device names) */
.select2-container--bootstrap4 .select2-selection { height: 38px; background:#1b1b1e; color:#fff; border-color:rgba(212,175,55,.25); }
.select2-container--bootstrap4 .select2-selection__rendered { color:#fff; }
.select2-container--bootstrap4 .select2-dropdown { background:#1b1b1e; color:#fff; border:1px solid rgba(212,175,55,.25); }
.select2-results__option--highlighted { background: rgba(212,175,55,.25)!important; color: var(--gold)!important; }
/* Sidebar tweaks (left), right-aligned content in RTL */
html[dir="rtl"] .main-sidebar { left:0; right:auto; }
html[dir="rtl"] .content-wrapper, html[dir="rtl"] .main-footer, html[dir="rtl"] .main-header { margin-left: var(--sidebar-w) !important; margin-right: 0 !important; }
html[dir="rtl"] .nav-sidebar .nav-link { padding-right: 1.25rem; padding-left: .5rem; text-align: right; }
html[dir="rtl"] .nav-sidebar .nav-icon { margin-left: .5rem; margin-right: 0; float: right; }
html[dir="rtl"] .nav-sidebar .menu-open > .nav-treeview { display: block; }
body.sidebar-collapse html[dir="rtl"] .content-wrapper,
body.sidebar-collapse html[dir="rtl"] .main-footer,
body.sidebar-collapse html[dir="rtl"] .main-header { margin-left: 0 !important; }
@media (max-width: 991.98px){
  html[dir="rtl"] .content-wrapper, html[dir="rtl"] .main-footer, html[dir="rtl"] .main-header { margin-left: 0 !important; }
}
/* Overdue flashing */
@keyframes flashRed { 0%,100%{ box-shadow:0 0 0 0 rgba(255,0,0,.0); } 50%{ box-shadow:0 0 0 3px rgba(255,0,0,.6); } }
.overdue { animation: flashRed 1s infinite; border-color: rgba(255,0,0,.6) !important; }