/* dashboard-nxp-overrides */

/* ── Body override (dashboard has inline :root) ── */
body {
  font-family: 'Figtree', sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}

/* ── Header ── */
.header {
  background: rgba(8,8,11,.97) !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  backdrop-filter: blur(12px) !important;
}
.logo-name {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
}
.mode-badge {
  background: rgba(159,108,247,.08) !important;
  color: #9F6CF7 !important;
  border-color: rgba(159,108,247,.15) !important;
  border-radius: 100px !important;
}

/* ── Page Title ── */
.page-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: .04em !important;
}

/* ── Global KPIs — the main numbers ── */
.global-kpis {
  gap: 8px !important;
}
.gkpi {
  background: rgba(8,8,11,.97) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  transition: all .2s !important;
  overflow: visible !important;
  position: relative !important;
}
.gkpi:hover {
  border-color: rgba(255,255,255,.12) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.25) !important;
}
.gkpi-label {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 8px !important; font-weight: 500 !important;
  text-transform: uppercase !important; letter-spacing: .08em !important;
  color: #4A4A54 !important;
}
.gkpi-value {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  font-size: 28px !important;
  letter-spacing: -.03em !important;
  line-height: 1 !important;
  color: #E8E8EC !important;
}
.gkpi-value.green { color: #2DD4A8 !important; text-shadow: 0 0 20px rgba(45,212,168,.3) !important; }
.gkpi-value.amber { color: #E5A011 !important; text-shadow: 0 0 20px rgba(229,160,17,.3) !important; }
.gkpi-value.red { color: #FF4D6A !important; text-shadow: 0 0 24px rgba(255,77,106,.35) !important; }
.gkpi-value.blue { color: #00C2F0 !important; text-shadow: 0 0 20px rgba(0,194,240,.3) !important; }
.gkpi-value.purple { color: #9F6CF7 !important; text-shadow: 0 0 20px rgba(159,108,247,.3) !important; }

/* ── Section Titles ── */
.section-title {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 9px !important; font-weight: 500 !important;
  text-transform: uppercase !important; letter-spacing: .12em !important;
  color: #4A4A54 !important;
}

/* ── Location Cards ── */
.loc-card {
  background: rgba(8,8,11,.97) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  transition: all .2s !important;
}
.loc-card:hover {
  border-color: rgba(255,255,255,.12) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.3) !important;
}
.loc-card.has-alerts {
  border-color: rgba(232,35,74,.15) !important;
  box-shadow: 0 0 16px rgba(232,35,74,.06) !important;
}
.loc-header {
  border-bottom-color: rgba(255,255,255,.04) !important;
}
.loc-name {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}
.loc-code {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important;
  color: #4A4A54 !important;
}
.loc-alert-badge {
  border-radius: 100px !important;
  box-shadow: 0 0 8px rgba(232,35,74,.15) !important;
}
.loc-metric {
  background: rgba(3,3,5,.5) !important;
}
.loc-metric-label {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 8px !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  color: #4A4A54 !important;
}
.loc-metric-value {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  letter-spacing: -.02em !important;
}

/* ── Alert Row ── */
.loc-alert-row {
  border-top-color: rgba(255,255,255,.04) !important;
}

/* ── Buttons ── */
.btn-sm {
  border-radius: 100px !important;
  font-family: 'Figtree', sans-serif !important;
}
.refresh-btn {
  border-radius: 100px !important;
  font-family: 'Figtree', sans-serif !important;
}

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 4px !important; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,.06) !important; border-radius: 2px !important; }

::selection { background: rgba(159,108,247,.15) !important; }