/* === CERTIPANEL THEME === */
/* ─────────────────────────────────────────────────────────────
   FIX APPLIED: Removed *{font-family:...!important} which was
   killing Font Awesome glyphs and causing NOGLYPH on all icons.
   Font-family is now targeted at text elements only.
   Font Awesome is explicitly protected from any override.
───────────────────────────────────────────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

/* ── Text elements only — never touch icon elements ── */
body, p, div, span, a, li, td, th, label,
input, select, textarea, button,
h1, h2, h3, h4, h5, h6,
.btn, .form-control, .nav, .navbar,
.dropdown-item, .alert, .modal-body,
.panel-title, .well, .card {
  font-family: 'Inter', 'Segoe UI', sans-serif;
}

/* ── CRITICAL: Protect Font Awesome from any font override ──
   This guard must stay. Without it any future !important on
   a broad selector will break icons again.
─────────────────────────────────────────────────────────── */
.fa, .fas, .far, .fal, .fab,
.fa-solid, .fa-regular, .fa-brands, .fa-light,
[class^="fa-"], [class*=" fa-"],
i[class*="fa-"], i[class*=" fa"] {
  font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Brands' !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

body {
  background: #060810 !important;
  color: #f1f5f9 !important;
}

.navbar, header, #header {
  background: #0b0f1c !important;
  border-bottom: 1px solid rgba(212,168,67,.2) !important;
}

.navbar-brand, .brand, #logo {
  font-weight: 900 !important;
  font-size: .95rem !important;
  white-space: nowrap !important;
  background: linear-gradient(135deg,#d4a843,#f0c96a) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.sidebar, [class*="sidebar"], [class*="side-menu"] {
  background: #0b0f1c !important;
  background-image: none !important;
  border-right: 1px solid rgba(212,168,67,.15) !important;
}

.sidebar a, .sidebar li a {
  color: #94a3b8 !important;
  transition: .2s !important;
}

.sidebar a:hover, .sidebar a.active, .sidebar li.active > a {
  color: #d4a843 !important;
  background: rgba(212,168,67,.08) !important;
  border-radius: 8px !important;
}

.btn, .btn-primary, .btn-success, .btn-info {
  background: linear-gradient(135deg,#d4a843,#c9892a) !important;
  border: none !important;
  color: #0a0800 !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
}

.btn:hover {
  opacity: .9 !important;
  transform: translateY(-1px) !important;
}

.btn-danger {
  background: #ef4444 !important;
  color: #fff !important;
}

.card, .panel, .well, .box {
  background: #121828 !important;
  border: 1px solid rgba(212,168,67,.1) !important;
  border-radius: 12px !important;
}

.form-control, input, select, textarea {
  background: #161c2e !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  color: #f1f5f9 !important;
  border-radius: 8px !important;
}

.form-control:focus, input:focus {
  border-color: #d4a843 !important;
  box-shadow: 0 0 0 3px rgba(212,168,67,.1) !important;
}

table thead th, .table thead th {
  background: #0b0f1c !important;
  color: #d4a843 !important;
  font-size: .72rem !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}

table tbody tr, .table tbody td {
  background: #121828 !important;
  color: #f1f5f9 !important;
  border-color: rgba(255,255,255,.04) !important;
}

table tbody tr:hover td {
  background: #171f30 !important;
}

/* ── FIX: Scoped link color — was a{color:!important} which
   overrode all nav links, buttons, and component colors.
   Now only targets genuine content/footer links. ── */
.footer-col ul li a,
.cp-signup-link a,
.cp-signin-link a,
.cp-forgot,
.cp-alert-link,
.cp-runs-link {
  color: #d4a843;
}

.footer-col ul li a:hover,
.cp-signup-link a:hover,
.cp-signin-link a:hover,
.cp-forgot:hover {
  color: #f0c96a;
}

footer, #footer {
  background: #0b0f1c !important;
  border-top: 1px solid rgba(212,168,67,.1) !important;
}

h1, h2, h3, h4, h5, h6 {
  color: #f1f5f9 !important;
}

.text-muted {
  color: #64748b !important;
}

.badge-success {
  background: rgba(16,185,129,.15) !important;
  color: #34d399 !important;
  border-radius: 50px !important;
}

.badge-danger {
  background: rgba(239,68,68,.12) !important;
  color: #f87171 !important;
  border-radius: 50px !important;
}

.badge-warning {
  background: rgba(245,158,11,.12) !important;
  color: #fbbf24 !important;
  border-radius: 50px !important;
}

.modal-content {
  background: #121828 !important;
  border: 1px solid rgba(212,168,67,.2) !important;
  border-radius: 14px !important;
}

.dropdown-menu {
  background: #121828 !important;
  border: 1px solid rgba(212,168,67,.15) !important;
}

.dropdown-item:hover {
  background: rgba(212,168,67,.08) !important;
  color: #d4a843 !important;
}

::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-thumb { background: #d4a843; border-radius: 50px; }