/* dock-nxp-overrides */

/* ── Heat strip — gradient glow ── */
.heat-strip { box-shadow: 0 2px 12px rgba(0,0,0,.3) !important; }

/* ── KPI Strip — Jakarta display, glowing ── */
.kpi-strip {
  background: rgba(8,8,11,.97) !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}
.kpi-strip-item {
  border-right-color: rgba(255,255,255,.04) !important;
}
.kpi-strip-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;
}
.kpi-strip-val {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  font-size: 20px !important;
  letter-spacing: -.02em !important;
  color: #E8E8EC !important;
}
.kpi-strip-val.clear { color: #2DD4A8 !important; text-shadow: 0 0 16px rgba(45,212,168,.3) !important; }
.kpi-strip-val.caution { color: #E5A011 !important; text-shadow: 0 0 16px rgba(229,160,17,.3) !important; }
.kpi-strip-val.critical { color: #FF4D6A !important; text-shadow: 0 0 20px rgba(255,77,106,.35) !important; }
.kpi-strip-sub {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 9px !important;
  color: #4A4A54 !important;
}

/* ── Dock Layout ── */
.dock-layout { background: rgba(3,3,5,.98) !important; }

/* ── Triage Sidebar ── */
.triage-sidebar {
  background: rgba(8,8,11,.97) !important;
  border-right: 1px solid rgba(255,255,255,.06) !important;
}
.triage-header {
  border-bottom-color: rgba(255,255,255,.06) !important;
}
.triage-title {
  font-family: 'Figtree', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}
.triage-dot {
  animation: triagePulse 2s ease infinite !important;
  box-shadow: 0 0 6px var(--critical) !important;
}
@keyframes triagePulse { 0%,100% { opacity:1; } 50% { opacity:.4; } }
.triage-item {
  background: rgba(255,255,255,.02) !important;
  border: 1px solid rgba(255,255,255,.04) !important;
  border-radius: 8px !important;
  transition: all .15s !important;
}
.triage-item:hover {
  border-color: rgba(255,255,255,.1) !important;
  background: rgba(255,255,255,.03) !important;
}
.triage-item::before {
  border-radius: 8px 0 0 8px !important;
  box-shadow: none !important;
}
.triage-item.crit::before { box-shadow: 0 0 8px rgba(232,35,74,.4) !important; }
.triage-item.warn::before { box-shadow: 0 0 8px rgba(229,160,17,.4) !important; }
.triage-item.info::before { box-shadow: 0 0 8px rgba(0,194,240,.4) !important; }
.triage-door {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.triage-msg { font-family: 'Figtree', sans-serif !important; font-size: 10px !important; }
.triage-time { font-family: 'JetBrains Mono', monospace !important; }

/* ── Dock Toolbar ── */
.dock-toolbar {
  background: rgba(8,8,11,.97) !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}
.dock-filter-btn {
  border-radius: 100px !important;
  font-family: 'Figtree', sans-serif !important;
  font-size: 11px !important;
  transition: all .15s !important;
}
.dock-filter-btn.active {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.16) !important;
  color: #E8E8EC !important;
  box-shadow: none !important;
}
.dock-count { font-family: 'JetBrains Mono', monospace !important; font-size: 11px !important; }
.wall-mode-btn {
  border-radius: 100px !important;
  font-family: 'Figtree', sans-serif !important;
}
.wall-mode-btn.active {
  background: rgba(159,108,247,.08) !important;
  border-color: rgba(159,108,247,.2) !important;
  color: #B88AFF !important;
  box-shadow: 0 0 8px rgba(159,108,247,.1) !important;
}

/* ── Smart Assign ── */
.dock-recommend-btn {
  border-radius: 100px !important;
  font-family: 'Figtree', sans-serif !important;
  color: #9F6CF7 !important;
  border-color: rgba(159,108,247,.2) !important;
}
.dock-recommend-btn:hover {
  background: rgba(159,108,247,.06) !important;
}

/* ── Dock Scroll ── */
.dock-scroll { background: rgba(3,3,5,.98) !important; }
.dock-scroll::-webkit-scrollbar { width: 4px !important; }
.dock-scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,.06) !important; border-radius: 2px !important; }

/* ── DOCK CARDS — the main event ── */
.dock-card {
  border-radius: 10px !important;
  background: rgba(8,8,11,.97) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  overflow: visible !important;
  transition: all .2s !important;
}
.dock-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(255,255,255,.12) !important;
}

/* Top accent bar — thicker, glowing */
.dock-card::before { height: 3px !important; border-radius: 10px 10px 0 0 !important; }

/* Underglow */
.dock-card::after {
  content: '' !important;
  position: absolute !important;
  bottom: -5px !important;
  left: 15% !important;
  right: 15% !important;
  height: 10px !important;
  border-radius: 50% !important;
  filter: blur(8px) !important;
  opacity: 0 !important;
  transition: opacity .25s !important;
  pointer-events: none !important;
}
.dock-card:hover::after { opacity: 1 !important; }

/* Status-specific card styling */
.dock-card.free {
  background: rgba(8,8,11,.95) !important;
  border-color: rgba(255,255,255,.04) !important;
}
.dock-card.free::before { background: rgba(124,124,134,.15) !important; }

.dock-card.loading {
  background: rgba(0,194,240,.02) !important;
  border-color: rgba(0,194,240,.15) !important;
  box-shadow: 0 0 12px rgba(0,194,240,.04) !important;
}
.dock-card.loading::before { background: #00C2F0 !important; box-shadow: 0 0 12px rgba(0,194,240,.4) !important; }
.dock-card.loading::after { background: #00C2F0 !important; }
.dock-card.loading .dock-code { color: #00D4FF !important; }

.dock-card.unloading {
  background: rgba(159,108,247,.02) !important;
  border-color: rgba(159,108,247,.15) !important;
  box-shadow: 0 0 12px rgba(159,108,247,.04) !important;
}
.dock-card.unloading::before { background: #9F6CF7 !important; box-shadow: 0 0 12px rgba(159,108,247,.4) !important; }
.dock-card.unloading::after { background: #9F6CF7 !important; }
.dock-card.unloading .dock-code { color: #B88AFF !important; }

.dock-card.occupied {
  background: rgba(229,160,17,.02) !important;
  border-color: rgba(229,160,17,.15) !important;
  box-shadow: 0 0 12px rgba(229,160,17,.04) !important;
}
.dock-card.occupied::before { background: #E5A011 !important; box-shadow: 0 0 12px rgba(229,160,17,.4) !important; }
.dock-card.occupied::after { background: #E5A011 !important; }
.dock-card.occupied .dock-code { color: #FFB020 !important; }

.dock-card.ready {
  background: rgba(45,212,168,.02) !important;
  border-color: rgba(45,212,168,.15) !important;
  box-shadow: 0 0 12px rgba(45,212,168,.04) !important;
}
.dock-card.ready::before { background: #2DD4A8 !important; box-shadow: 0 0 12px rgba(45,212,168,.4) !important; }
.dock-card.ready::after { background: #2DD4A8 !important; }
.dock-card.ready .dock-code { color: #36E8B8 !important; }

.dock-card.delayed {
  background: rgba(232,35,74,.03) !important;
  border-color: rgba(232,35,74,.18) !important;
  box-shadow: 0 0 16px rgba(232,35,74,.06) !important;
}
.dock-card.delayed::before { background: #E8234A !important; box-shadow: 0 0 16px rgba(232,35,74,.5) !important; }
.dock-card.delayed::after { background: #E8234A !important; }
.dock-card.delayed .dock-code { color: #FF4D6A !important; }

/* Dock code — bigger, bolder */
.dock-code {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
}

/* Dock badge — pill */
.dock-badge {
  border-radius: 100px !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
}
.dock-badge.loading { box-shadow: 0 0 6px rgba(0,194,240,.15) !important; }
.dock-badge.unloading { box-shadow: 0 0 6px rgba(159,108,247,.15) !important; }
.dock-badge.occupied { box-shadow: 0 0 6px rgba(229,160,17,.15) !important; }
.dock-badge.ready { box-shadow: 0 0 6px rgba(45,212,168,.15) !important; }
.dock-badge.delayed { box-shadow: 0 0 6px rgba(232,35,74,.2) !important; }

/* Trailer number + carrier */
.dock-trailer-num {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.dock-carrier-name {
  font-family: 'Figtree', sans-serif !important;
  font-size: 11px !important;
  color: #7C7C86 !important;
}

/* Detention timer — glows */
.dock-detention {
  border-radius: 100px !important;
  box-shadow: 0 0 12px rgba(232,35,74,.1) !important;
}
.dock-detention-time { font-weight: 600 !important; }

/* Dwell bar — thicker */
.dock-dwell-bar {
  height: 4px !important;
  border-radius: 2px !important;
}
.dock-dwell-fill { border-radius: 2px !important; }

/* Meta chips — pills */
.dock-meta-chip {
  border-radius: 100px !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 9px !important;
}

/* ── Dock empty state ── */
.dock-empty-state-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
}

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