@import url("/css/nxp-overrides.css");

/* ═══ NXP SHARED PAGE OVERRIDES ═══ */

/* ── Topbar / Nav — hidden by rail, but just in case ── */
.topbar, .nav, .omnis-mobile-menu { display: none !important; }

/* ── All page backgrounds ── */
.app-shell, .layout, .dock-layout, .yard-layout,
.analytics-body, .admin-layout, .connect-layout {
  background: #030305 !important;
}

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

/* ── All panels/cards ── */
.panel, .panel.glass, .card, .surface {
  background: #0A0A0F !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 12px !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}
.panel:hover, .card:hover {
  border-color: rgba(255,255,255,.1) !important;
}
.panel-head {
  background: rgba(255,255,255,.015) !important;
  border-bottom: 1px solid rgba(255,255,255,.04) !important;
  padding: 10px 14px !important;
}

/* ── All buttons ── */
.btn-primary, .btn.btn-primary, .btn-new {
  background: #E8E8EC !important;
  color: #030305 !important;
  border: none !important;
  border-radius: 100px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.25) !important;
  font-family: 'Figtree', sans-serif !important;
  font-weight: 600 !important;
}
.btn-primary:hover, .btn-new:hover {
  background: #fff !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.3) !important;
  transform: translateY(-1px) !important;
}
.btn-secondary, .btn-sm, .btn-export, .btn-outline {
  border-radius: 100px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: transparent !important;
  color: #7C7C86 !important;
  font-family: 'Figtree', sans-serif !important;
}
.btn-secondary:hover, .btn-sm:hover {
  color: #E8E8EC !important;
  border-color: rgba(255,255,255,.14) !important;
}

/* ── Tables ── */
table th {
  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;
  background: #0C0C11 !important;
  padding: 8px 12px !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}
table td {
  padding: 10px 12px !important;
  border-bottom: 1px solid rgba(255,255,255,.025) !important;
  font-family: 'Figtree', sans-serif !important;
  font-size: 12px !important;
  color: #E8E8EC !important;
}
table tr:hover td { background: rgba(255,255,255,.02) !important; }
table tbody tr:nth-child(even) td { background: rgba(255,255,255,.008) !important; }

/* ── Inputs ── */
input, select, textarea {
  background: #0F0F14 !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 8px !important;
  color: #E8E8EC !important;
  font-family: 'Figtree', sans-serif !important;
}
input:focus, select:focus, textarea:focus {
  border-color: rgba(159,108,247,.4) !important;
  box-shadow: 0 0 0 3px rgba(159,108,247,.08) !important;
  outline: none !important;
}
input::placeholder { color: #4A4A54 !important; }

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

/* ── Signout button ── */
.btn-signout {
  border-radius: 100px !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  background: transparent !important;
  color: #4A4A54 !important;
  font-family: 'Figtree', sans-serif !important;
}