.driver-popover {
  background: var(--brand-surface, #161b22) !important;
  color: var(--brand-text, #f5f0e8) !important;
  border: 1px solid var(--brand-border, rgba(255,255,255,0.08)) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.4) !important;
  max-width: 360px !important;
  font-family: var(--font-body, 'Space Grotesk', sans-serif) !important;
}

.driver-popover-title {
  font-family: var(--font-heading, 'Clash Display', sans-serif) !important;
  font-weight: 600 !important;
  font-size: 1.125rem !important;
  color: var(--brand-text, #f5f0e8) !important;
}

.driver-popover-description {
  font-size: 0.9375rem !important;
  line-height: 1.6 !important;
  color: var(--brand-text-muted, #e8d5b7) !important;
}

.driver-popover-next-btn {
  background: var(--brand-accent, #2ec4b6) !important;
  color: var(--brand-bg, #0d1117) !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

.driver-popover-prev-btn {
  background: #d4a017 !important;
  color: #111 !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

.driver-popover-close-btn {
  color: var(--brand-text-muted, #e8d5b7) !important;
  text-shadow: none !important;
}

.driver-popover-progress-text {
  color: var(--brand-text-muted, #e8d5b7) !important;
  font-size: 0.75rem !important;
}

.driver-overlay {
  background: rgba(0,0,0,0.65) !important;
}

/* Mobile: bottom sheet */
@media (max-width: 768px) {
  .driver-popover {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    max-width: 100% !important;
    border-radius: 16px 16px 0 0 !important;
    padding: 1.5rem !important;
    padding-bottom: calc(1.5rem + env(safe-area-inset-bottom)) !important;
  }
  .driver-popover-arrow { display: none !important; }
}