/* SpotLock theme — chain-of-custody verification surface.
   Activates when body has class .mode-spotlock. Tuned in Slice 1.6
   (dashboard polish). For now, scaffolding only — selector hook + a
   subtle variable shift so the wiring is provable.

   Color rationale: amber accent signals trust / verification / freight
   release authority. Sets SpotLock visually apart from the broker app's
   blue (workflow / matching) and the carrier portal's light layout. */

body.mode-spotlock {
  --bg: #06070a;
  --surface: #0f1116;
  --surface-2: #161922;
  --surface-3: #1d2130;
  --accent: #f59e0b;
  --accent-hover: #fbbf24;
  --accent-glow: rgba(245, 158, 11, 0.12);
  --accent-subtle: rgba(245, 158, 11, 0.06);
  --text: #e8ecf4;
  --text-muted: #8a93a8;
  --text-dim: #4a5366;
  --border: rgba(255, 255, 255, 0.06);
  --border-light: rgba(255, 255, 255, 0.10);
}

/* Verified-by-SpotLock badge — same component used in carrier.html, brought
   into the broker app via this stylesheet so DVF surfaces can reuse it. */
.sl-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  line-height: 14px;
  vertical-align: middle;
}
.sl-badge::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}
.sl-badge--verified   { background: #dcfce7; color: #15803d; }
.sl-badge--verified::before { background: #15803d; }
.sl-badge--pending    { background: #fef3c7; color: #92400e; }
.sl-badge--pending::before  { background: #d97706; }
.sl-badge--expired    { background: #f1f1ec; color: #6b6b66; }
.sl-badge--expired::before  { background: #6b6b66; }
.sl-badge--unverified { background: #f8f8f5; color: #8a8a85; border: 1px dashed #d6d6cf; padding: 1px 7px; }
.sl-badge--unverified::before { background: transparent; border: 1px solid #8a8a85; width: 5px; height: 5px; }

/* Dark-theme overrides for the badge inside .mode-spotlock */
body.mode-spotlock .sl-badge--verified   { background: rgba(34, 197, 94, 0.12); color: #4ade80; }
body.mode-spotlock .sl-badge--verified::before { background: #4ade80; }
body.mode-spotlock .sl-badge--pending    { background: rgba(245, 158, 11, 0.14); color: #fbbf24; }
body.mode-spotlock .sl-badge--pending::before  { background: #fbbf24; }
body.mode-spotlock .sl-badge--expired    { background: rgba(255, 255, 255, 0.04); color: #6e7586; }
body.mode-spotlock .sl-badge--expired::before  { background: #6e7586; }
body.mode-spotlock .sl-badge--unverified { background: rgba(255, 255, 255, 0.03); color: #6e7586; border: 1px dashed rgba(255, 255, 255, 0.10); }
body.mode-spotlock .sl-badge--unverified::before { border-color: #6e7586; background: transparent; }