/* MoveAthens Dark Mode - System Preference Based */
/* Does NOT affect .ma-hero-page (home page) */

@media (prefers-color-scheme: dark) {
  /* ========================================
     PAGE BACKGROUNDS
     ======================================== */
  
  /* Light gray background pages -> dark blue */
  .ma-page,
  .ma-transfer-page,
  .ma-ai-page,
  .ma-info-page {
    background: linear-gradient(135deg, #0d1a2d 0%, #0a1525 100%) !important;
  }

  /* Header - dark blue gradient */
  .ma-page .ma-page-header,
  .ma-transfer-page .ma-header,
  .ma-ai-page .ma-page-header,
  .ma-info-page .ma-page-header {
    background: linear-gradient(145deg, #0f2035 0%, #0a1828 100%) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  /* ========================================
     LOGO - WHITE IN DARK MODE
     ======================================== */
  .ma-page .ma-page-logo,
  .ma-transfer-page .ma-logo-img,
  .ma-ai-page .ma-page-logo,
  .ma-info-page .ma-page-logo {
    filter: brightness(0) invert(1) !important;
  }
  .ma-hero-page .ma-hero__logo {
    filter: brightness(2.5) contrast(0.9) drop-shadow(0 2px 10px rgba(0,0,0,0.4)) !important;
  }

  /* ========================================
     PAGE TITLES
     ======================================== */
  .ma-page .ma-page-title,
  .ma-transfer-page .ma-page-title,
  .ma-ai-page .ma-page-title,
  .ma-info-page .ma-page-title {
    color: #f0f4f8 !important;
  }

  /* ========================================
     CARDS - Light blue instead of white
     ======================================== */
  .ma-page .ma-card,
  .ma-transfer-page .ma-confirm-card,
  .ma-transfer-page .ma-selection-card,
  .ma-ai-page .ma-card,
  .ma-info-page .ma-card {
    background: linear-gradient(145deg, #132742 0%, #0f1f35 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
  }

  /* ========================================
     TEXT COLORS - White on dark
     ======================================== */
  .ma-page .ma-title,
  .ma-page .ma-muted,
  .ma-page label,
  .ma-transfer-page .ma-step-title,
  .ma-transfer-page .ma-step-subtitle,
  .ma-transfer-page .ma-confirm-label,
  .ma-transfer-page .ma-confirm-value,
  .ma-transfer-page .ma-selection-title,
  .ma-transfer-page .ma-selection-label,
  .ma-transfer-page .ma-counter-value,
  .ma-ai-page .ma-title,
  .ma-info-page .ma-title {
    color: #e8edf3 !important;
  }

  /* Info page content */
  .ma-info-page .ma-info-content,
  .ma-info-page .ma-info-content p,
  .ma-info-page .ma-info-content li {
    color: #d0d8e0 !important;
  }

  .ma-info-page .ma-info-content strong {
    color: #46d3ff !important;
  }

  /* Muted/secondary text */
  .ma-page .ma-selection-max,
  .ma-page .ma-selection-hint,
  .ma-transfer-page .ma-selection-max,
  .ma-transfer-page .ma-selection-hint {
    color: #8896a6 !important;
  }

  /* ========================================
     FORM INPUTS
     ======================================== */
  .ma-page .ma-input,
  .ma-page .ma-select,
  .ma-transfer-page .ma-input,
  .ma-transfer-page .ma-select,
  .ma-transfer-page .ma-text-input {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #f0f4f8 !important;
  }

  .ma-page .ma-input::placeholder,
  .ma-transfer-page .ma-input::placeholder,
  .ma-transfer-page .ma-text-input::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
  }

  .ma-page .ma-input:focus,
  .ma-page .ma-select:focus,
  .ma-transfer-page .ma-text-input:focus {
    border-color: #46d3ff !important;
    box-shadow: 0 0 0 3px rgba(70, 211, 255, 0.2) !important;
  }

  /* Passenger name input label */
  .ma-transfer-page .ma-input-label {
    color: #e8edf3 !important;
  }

  /* Error state for text input */
  .ma-transfer-page .ma-text-input.ma-input-error-state {
    border-color: #e74c3c !important;
    background: rgba(231, 76, 60, 0.15) !important;
  }

  /* Input error message */
  .ma-transfer-page .ma-input-error {
    background: rgba(231, 76, 60, 0.15) !important;
    border-color: rgba(231, 76, 60, 0.3) !important;
    color: #ff8a80 !important;
  }

  /* Booking warning */
  .ma-transfer-page .ma-booking-warning {
    background: rgba(255, 193, 7, 0.15) !important;
    border-color: rgba(255, 193, 7, 0.3) !important;
  }

  .ma-transfer-page .ma-warning-text {
    color: #ffc107 !important;
  }

  /* ========================================
     TRANSFER PAGE SPECIFICS
     ======================================== */
  
  /* Back button */
  .ma-transfer-page .ma-back-btn {
    background: rgba(255, 255, 255, 0.1) !important;
  }

  .ma-transfer-page .ma-back-btn:hover {
    background: rgba(255, 255, 255, 0.15) !important;
  }
  
  .ma-transfer-page .ma-back-btn:active {
    background: rgba(255, 255, 255, 0.2) !important;
  }
  
  .ma-transfer-page .ma-back-chevron {
    border-left-color: #e0e0e0 !important;
    border-bottom-color: #e0e0e0 !important;
  }

  /* Search trigger button */
  .ma-transfer-page .ma-search-trigger {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #e0e0e0 !important;
  }

  .ma-transfer-page .ma-search-trigger:hover {
    background: rgba(255, 255, 255, 0.15) !important;
  }

  .ma-transfer-page .ma-search-trigger:active {
    background: rgba(255, 255, 255, 0.2) !important;
  }

  /* Search overlay fullscreen */
  .ma-search-overlay {
    background: #0d1a2d !important;
  }

  .ma-search-overlay__header {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
  }

  .ma-search-overlay__input {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #f0f4f8 !important;
  }

  .ma-search-overlay__input:focus {
    border-color: #46d3ff !important;
  }

  .ma-search-overlay__input::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
  }

  .ma-search-overlay__cancel {
    color: #46d3ff !important;
  }

  .ma-search-overlay .ma-back-btn {
    background: rgba(255, 255, 255, 0.1) !important;
  }

  .ma-search-overlay .ma-back-chevron {
    border-left-color: #e0e0e0 !important;
    border-bottom-color: #e0e0e0 !important;
  }

  .ma-search-overlay__section-title {
    color: #8896a6 !important;
  }

  .ma-search-overlay__list li {
    color: #e8edf3 !important;
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
  }

  .ma-search-overlay__list li:hover {
    background: rgba(70, 211, 255, 0.1) !important;
  }

  .ma-search-overlay__list li:active {
    background: rgba(70, 211, 255, 0.18) !important;
  }

  .ma-search-overlay__list .ma-search-empty {
    color: #8896a6 !important;
  }

  .ma-search-overlay__cat {
    color: #8896a6 !important;
  }

  /* ========================================
     DESTINATION QUICK-SEARCH
     ======================================== */
  .ma-transfer-page .ma-dest-search-label {
    color: #e8edf3 !important;
  }

  .ma-transfer-page .ma-dest-search-input {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 2px solid rgba(255, 255, 255, 0.15) !important;
    color: #f0f4f8 !important;
  }

  .ma-transfer-page .ma-dest-search-input::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
  }

  .ma-transfer-page .ma-dest-search-input:focus {
    border-color: #46d3ff !important;
    box-shadow: 0 0 0 3px rgba(70, 211, 255, 0.2) !important;
  }

  .ma-transfer-page .ma-dest-search-clear {
    color: rgba(255, 255, 255, 0.5) !important;
  }

  .ma-transfer-page .ma-dest-search-clear:hover {
    color: #e8edf3 !important;
    background: rgba(255, 255, 255, 0.1) !important;
  }

  .ma-transfer-page .ma-dest-search-results {
    background: linear-gradient(145deg, #132742 0%, #0f1f35 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5) !important;
  }

  .ma-transfer-page .ma-dest-search-results li {
    color: #e8edf3 !important;
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
  }

  .ma-transfer-page .ma-dest-search-results li:hover,
  .ma-transfer-page .ma-dest-search-results li:focus {
    background: rgba(70, 211, 255, 0.1) !important;
  }

  .ma-transfer-page .ma-dest-search-results li:active {
    background: rgba(70, 211, 255, 0.18) !important;
  }

  .ma-transfer-page .ma-dest-search-result-name {
    color: #e8edf3 !important;
  }

  .ma-transfer-page .ma-dest-search-result-cat {
    color: #8896a6 !important;
  }

  .ma-transfer-page .ma-dest-search-results .ma-dest-search-empty {
    color: #8896a6 !important;
  }

  /* Categories grid — app-icon style: only label color changes, icon bg stays */
  .ma-transfer-page .ma-category-name {
    color: #e8edf3 !important;
  }

  /* Category icons — per-category color, default white in dark mode */
  .ma-transfer-page .ma-category-icon img,
  .ma-transfer-page .ma-category-icon-img {
    filter: brightness(0) invert(1);
  }
  .ma-transfer-page .ma-category-icon-img[data-icon-color="black"] {
    filter: brightness(0);
  }

  /* Destinations */
  .ma-transfer-page .ma-destination-item {
    background: linear-gradient(145deg, #132742 0%, #132742 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
  }

  /* Filter chips dark mode */
  .ma-transfer-page .ma-dest-filter-chip {
    background: #1c2438 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #a0b0c4 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
  }
  .ma-transfer-page .ma-dest-filter-chip:hover {
    background: #243050 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
  }
  .ma-transfer-page .ma-dest-filter-chip.active {
    background: linear-gradient(135deg, #4E6BFF 0%, #3a54cc 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
  }
  .ma-transfer-page .ma-dest-filter-clear {
    border-color: #ef6b6b !important;
    background: rgba(239, 107, 107, 0.1) !important;
    color: #ef6b6b !important;
  }
  .ma-transfer-page .ma-dest-filter-clear:hover {
    background: #ef6b6b !important;
    color: #fff !important;
  }
  .ma-transfer-page .ma-dest-filter-dropdown {
    background: #1c2438 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5) !important;
  }
  .ma-transfer-page .ma-dest-filter-dropdown button {
    color: #c8d4e0 !important;
  }
  .ma-transfer-page .ma-dest-filter-dropdown button:hover {
    background: rgba(255, 255, 255, 0.06) !important;
  }
  .ma-transfer-page .ma-dest-filter-dropdown button.selected {
    background: rgba(78, 107, 255, 0.15) !important;
    color: #7c9aff !important;
  }

  .ma-transfer-page .ma-destination-item:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5) !important;
  }

  .ma-transfer-page .ma-destination-select:hover {
    background: rgba(255, 255, 255, 0.03) !important;
  }
  .ma-transfer-page .ma-destination-select:active {
    background: rgba(255, 255, 255, 0.06) !important;
  }

  .ma-transfer-page .ma-destination-name {
    color: #e8edf3 !important;
  }

  .ma-transfer-page .ma-destination-desc {
    color: #8896a6 !important;
  }

  .ma-transfer-page .ma-destination-chevron {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
  }
  .ma-transfer-page .ma-destination-chevron:hover {
    background: rgba(70, 211, 255, 0.1) !important;
    border-color: rgba(70, 211, 255, 0.25) !important;
  }
  .ma-transfer-page .ma-chevron-icon {
    color: #8896a6 !important;
  }
  .ma-transfer-page .ma-destination-card--expanded .ma-destination-chevron {
    background: rgba(70, 211, 255, 0.12) !important;
    border-color: rgba(70, 211, 255, 0.3) !important;
  }
  .ma-transfer-page .ma-destination-card--expanded .ma-chevron-icon {
    color: #46d3ff !important;
  }

  .ma-transfer-page .ma-destination-extras {
    border-top-color: rgba(255, 255, 255, 0.08) !important;
  }

  .ma-transfer-page .ma-dest-extra {
    color: #a0b0c4 !important;
  }

  .ma-transfer-page .ma-dest-extra strong {
    color: #e8edf3 !important;
  }

  .ma-transfer-page .ma-dest-extra--details {
    color: #8896a6 !important;
  }
  .ma-transfer-page .ma-dest-phone-link {
    color: #6b8aff !important;
  }

  /* Video button (destination card row) */
  .ma-transfer-page .ma-destination-media-btn {
    background: rgba(59, 130, 246, 0.15) !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
  }
  .ma-transfer-page .ma-destination-media-btn:hover {
    background: rgba(59, 130, 246, 0.25) !important;
    border-color: rgba(59, 130, 246, 0.45) !important;
  }

  /* ── Media Gallery Page ── */
  .ma-media-page {
    background: var(--ma-bg, #0b0f1a) !important;
    color: var(--ma-text, #f7f7fb) !important;
  }
  .ma-media-back {
    background: #1c2438 !important;
    border-color: rgba(255,255,255,0.12) !important;
    color: #a0b0c4 !important;
  }
  .ma-media-back:hover {
    background: #243050 !important;
    border-color: rgba(255,255,255,0.2) !important;
  }
  .ma-media-dest-name {
    color: #e8edf3 !important;
  }
  .ma-media-platform-title {
    color: #e8edf3 !important;
  }
  .ma-media-card {
    background: #1c2438 !important;
    border-color: rgba(255,255,255,0.08) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
  }
  .ma-media-card:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.5) !important;
  }
  .ma-media-card-title {
    color: #e8edf3 !important;
  }
  .ma-media-card-platform {
    color: #8896a6 !important;
  }
  .ma-media-empty {
    color: #8896a6 !important;
  }

  /* Subcategories */
  .ma-transfer-page .ma-subcategory-item {
    background: linear-gradient(145deg, #132742 0%, #132742 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
  }

  .ma-transfer-page .ma-subcategory-item:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5) !important;
  }

  .ma-transfer-page .ma-subcategory-name {
    color: #e8edf3 !important;
  }

  .ma-transfer-page .ma-subcategory-desc {
    color: #8896a6 !important;
  }

  /* Tariff selection */
  .ma-transfer-page .ma-tariff-card {
    background: linear-gradient(145deg, #132742 0%, #0f1f33 100%) !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
  }

  .ma-transfer-page .ma-tariff-card:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5) !important;
  }

  .ma-transfer-page .ma-tariff-card[data-tariff="day"]:hover,
  .ma-transfer-page .ma-tariff-card[data-tariff="day"]:focus {
    border-color: #f39c12 !important;
    background: linear-gradient(145deg, #2d2510 0%, #1a1508 100%) !important;
  }

  .ma-transfer-page .ma-tariff-card[data-tariff="night"]:hover,
  .ma-transfer-page .ma-tariff-card[data-tariff="night"]:focus {
    border-color: #3498db !important;
    background: linear-gradient(145deg, #0a1f30 0%, #061520 100%) !important;
  }

  .ma-transfer-page .ma-tariff-name {
    color: #e8edf3 !important;
  }

  .ma-transfer-page .ma-tariff-hours {
    color: #a0a8b0 !important;
  }

  .ma-transfer-page .ma-step-tariff-indicator {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #c0c8d0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
  }

  /* Vehicles */
  .ma-transfer-page .ma-vehicle-card {
    background: linear-gradient(145deg, #132742 0%, #132742 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
  }

  .ma-transfer-page .ma-vehicle-card:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5) !important;
  }

  .ma-transfer-page .ma-vehicle-name {
    color: #e8edf3 !important;
  }

  .ma-transfer-page .ma-spec {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #c0c8d0 !important;
  }

  /* Counter buttons */
  .ma-transfer-page .ma-counter {
    background: rgba(255, 255, 255, 0.06) !important;
  }

  .ma-transfer-page .ma-counter-minus {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #c0c8d0 !important;
  }

  /* Selection row icons */
  .ma-transfer-page .ma-selection-icon {
    filter: none;
  }

  /* ========================================
     FOOTER - Clone from home page style
     ======================================== */
  .ma-page .ma-footer,
  .ma-transfer-page .ma-footer,
  .ma-ai-page .ma-footer,
  .ma-info-page .ma-footer {
    background: rgba(10, 16, 28, 0.45) !important;
    backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.32), 0 0 18px rgba(255, 255, 255, 0.08) !important;
  }

  .ma-page .ma-footer__item,
  .ma-transfer-page .ma-footer__item,
  .ma-ai-page .ma-footer__item,
  .ma-info-page .ma-footer__item {
    color: rgba(255, 255, 255, 0.85) !important;
  }

  .ma-page .ma-footer__item.active,
  .ma-transfer-page .ma-footer__item.active,
  .ma-ai-page .ma-footer__item.active,
  .ma-info-page .ma-footer__item.active {
    color: rgba(82, 183, 255, 0.98) !important;
    background: rgba(82, 183, 255, 0.12) !important;
    box-shadow: 0 0 24px rgba(82, 183, 255, 0.45), 0 10px 24px rgba(0, 0, 0, 0.35) !important;
  }

  /* Footer icons in dark mode */
  .ma-page .ma-footer__icon svg,
  .ma-transfer-page .ma-footer__icon svg,
  .ma-ai-page .ma-footer__icon svg,
  .ma-info-page .ma-footer__icon svg {
    color: rgba(255, 255, 255, 0.85) !important;
    stroke: currentColor !important;
    filter: none !important;
    opacity: 1;
  }

  .ma-page .ma-footer__item.active .ma-footer__icon svg,
  .ma-transfer-page .ma-footer__item.active .ma-footer__icon svg,
  .ma-ai-page .ma-footer__item.active .ma-footer__icon svg,
  .ma-info-page .ma-footer__item.active .ma-footer__icon svg {
    color: rgba(82, 183, 255, 0.98) !important;
    stroke: currentColor !important;
    filter: none !important;
    opacity: 1;
  }

  /* ========================================
     LOADING & EMPTY STATES
     ======================================== */
  .ma-transfer-page .ma-loading,
  .ma-transfer-page .ma-empty {
    color: #8896a6 !important;
  }

  /* ========================================
     AI ASSISTANT PAGE
     ======================================== */
  .ma-ai-page {
    background: linear-gradient(135deg, #0d1a2d 0%, #0a1525 100%) !important;
  }

  .ma-ai-page .ma-ai-header {
    background: linear-gradient(145deg, #0f2035 0%, #0a1828 100%) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  .ma-ai-page .ma-ai-logo {
    filter: brightness(0) invert(1) !important;
  }

  .ma-ai-page .ma-ai-title {
    color: #f0f4f8 !important;
  }

  .ma-ai-page .ma-ai-welcome {
    color: #c0c8d0 !important;
  }

  .ma-ai-page .ma-ai-card {
    background: linear-gradient(145deg, #132742 0%, #0f1f35 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
  }

  .ma-ai-page .ma-ai-card-title {
    color: #e8edf3 !important;
  }

  .ma-ai-page .ma-ai-card-desc {
    color: #a0a8b0 !important;
  }

  /* AI Heading title (Βοηθός Τεχνητής Νοημοσύνης) */
  .ma-ai-page .ma-ai-heading {
    color: #f0f4f8 !important;
  }

  .ma-ai-page .ma-ai-subtitle {
    color: #a0a8b0 !important;
  }

  /* AI Features buttons (Άμεση απάντηση, Αυτόματη κράτηση, Πολλές γλώσσες) */
  .ma-ai-page .ma-ai-feature {
    background: linear-gradient(145deg, #152540 0%, #0f1d32 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
  }

  .ma-ai-page .ma-ai-feature-text {
    color: #e8edf3 !important;
  }

  /* ========================================
     CONTACT PAGE
     ======================================== */
  .ma-page .ma-button--contact {
    background: linear-gradient(145deg, #152540 0%, #0f1d32 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #e8edf3 !important;
  }

  .ma-page .ma-button--contact:hover {
    background: linear-gradient(145deg, #1a2d4d 0%, #132540 100%) !important;
  }

  /* ========================================
     PRICES PAGE
     ======================================== */
  .ma-page .ma-vehicle-card {
    background: linear-gradient(145deg, #152540 0%, #0f1d32 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  .ma-page .ma-vehicle-card__name {
    color: #e8edf3 !important;
  }

  .ma-page .ma-vehicle-card__desc {
    color: #8896a6 !important;
  }

  .ma-page .ma-vehicle-types__title {
    color: #e8edf3 !important;
  }

  /* ========================================
     PAYMENT METHOD BUTTONS
     ======================================== */
  .ma-transfer-page .ma-payment-btn {
    background: linear-gradient(145deg, #152540 0%, #0f1d32 100%) !important;
    border: 2px solid rgba(255, 255, 255, 0.15) !important;
    color: #e8edf3 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
  }

  .ma-transfer-page .ma-payment-btn:hover {
    border-color: rgba(70, 211, 255, 0.5) !important;
    background: linear-gradient(145deg, #1a2d4d 0%, #132540 100%) !important;
  }

  .ma-transfer-page .ma-payment-btn.active {
    border-color: #46d3ff !important;
    background: linear-gradient(145deg, #0f3a5a 0%, #0a2840 100%) !important;
    color: #46d3ff !important;
    box-shadow: 0 4px 20px rgba(70, 211, 255, 0.3) !important;
  }

  /* ========================================
     BOOKING TYPE BUTTONS (Instant / Scheduled)
     ======================================== */
  .ma-transfer-page .ma-booking-btn {
    background: linear-gradient(145deg, #152540 0%, #0f1d32 100%) !important;
    border: 2px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
  }

  /* Both buttons neutral by default in dark mode */
  .ma-transfer-page .ma-booking-btn.ma-booking-instant {
    border-color: rgba(255, 255, 255, 0.15) !important;
    background: linear-gradient(145deg, #152540 0%, #0f1d32 100%) !important;
  }

  .ma-transfer-page .ma-booking-btn.ma-booking-instant:hover {
    border-color: #4CAF50 !important;
    background: linear-gradient(145deg, #143520 0%, #0f2816 100%) !important;
    box-shadow: 0 4px 20px rgba(76, 175, 80, 0.3) !important;
  }

  .ma-transfer-page .ma-booking-btn.ma-booking-scheduled {
    border-color: rgba(255, 255, 255, 0.15) !important;
    background: linear-gradient(145deg, #152540 0%, #0f1d32 100%) !important;
  }

  .ma-transfer-page .ma-booking-btn.ma-booking-scheduled:hover {
    border-color: #2196F3 !important;
    background: linear-gradient(145deg, #0f2840 0%, #0a1f30 100%) !important;
    box-shadow: 0 4px 20px rgba(33, 150, 243, 0.3) !important;
  }

  .ma-transfer-page .ma-booking-title {
    color: #e8edf3 !important;
  }

  .ma-transfer-page .ma-booking-desc {
    color: #8896a6 !important;
  }

  /* Datetime picker */
  .ma-transfer-page .ma-datetime-picker {
    background: linear-gradient(145deg, #152540 0%, #0f1d32 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
  }

  .ma-transfer-page .ma-datetime-title {
    color: #e8edf3 !important;
  }

  .ma-transfer-page .ma-datetime-label span {
    color: #a0aab5 !important;
  }

  .ma-transfer-page .ma-datetime-input {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 2px solid rgba(255, 255, 255, 0.15) !important;
    color: #e8edf3 !important;
  }

  .ma-transfer-page .ma-datetime-input:focus {
    border-color: #46d3ff !important;
    background: rgba(255, 255, 255, 0.12) !important;
  }

  .ma-transfer-page .ma-datetime-error {
    background: rgba(211, 47, 47, 0.2) !important;
    color: #ff8a80 !important;
  }

  .ma-transfer-page .ma-btn-confirm-datetime {
    background: linear-gradient(135deg, #1976D2 0%, #1565C0 100%) !important;
  }

  .ma-transfer-page .ma-btn-confirm-datetime:hover {
    background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%) !important;
  }

  /* Schedule overlay (instant → scheduled prompt) */
  .ma-transfer-page .ma-schedule-overlay {
    background: rgba(0, 0, 0, 0.7) !important;
  }
  .ma-transfer-page .ma-schedule-overlay__msg {
    color: #a0aab5 !important;
  }
  .ma-transfer-page .ma-schedule-overlay__actions .ma-btn-cancel {
    background: linear-gradient(135deg, #374151 0%, #1f2937 100%) !important;
  }
  .ma-transfer-page .ma-schedule-overlay__actions .ma-btn-cancel:hover {
    background: linear-gradient(135deg, #4b5563 0%, #374151 100%) !important;
  }

  /* Vehicle scheduled-only badge */
  .ma-transfer-page .ma-vehicle-scheduled-only {
    background: rgba(33, 150, 243, 0.2) !important;
    color: #64b5f6 !important;
  }

  /* ========================================
     CONFIRMATION & SELECTION ROWS — borders
     ======================================== */
  .ma-transfer-page .ma-confirm-row {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
  }

  .ma-transfer-page .ma-selection-row {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
  }

  .ma-transfer-page .ma-input-row {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
  }

  .ma-transfer-page .ma-selection-title {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
  }

  .ma-transfer-page .ma-selection-hint {
    border-top-color: rgba(255, 255, 255, 0.08) !important;
  }

  /* Contact title */
  .ma-transfer-page .ma-contact-title {
    color: #c0c8d0 !important;
  }

  /* Vehicle placeholder / image loading bg */
  .ma-transfer-page .ma-vehicle-placeholder {
    background: linear-gradient(135deg, #1a2d45 0%, #132240 100%) !important;
  }

  .ma-transfer-page .ma-vehicle-img {
    background: #132240 !important;
  }

  /* Vehicle section labels */
  .ma-transfer-page .ma-vehicles-section-label {
    color: #34d399 !important;
  }

  .ma-transfer-page .ma-vehicles-section-label--alt {
    color: #8896a6 !important;
    border-top-color: rgba(255, 255, 255, 0.08) !important;
  }

  /* Vehicle price */
  .ma-transfer-page .ma-vehicle-price {
    color: #46d3ff !important;
  }

  /* Confirm price */
  .ma-transfer-page .ma-confirm-price .ma-confirm-value {
    color: #46d3ff !important;
  }

  /* Version badge dark mode */
  .ma-version-badge { color: #6b7a8d !important; }
  .ma-version-badge__value { color: #8896a6 !important; }
  .ma-version-badge__build { color: #4a5568 !important; }

  /* Phone chips — white text on dark backgrounds */
  .ma-phone-chip {
    color: #e8edf3 !important;
    background: rgba(70, 130, 255, 0.2) !important;
    border-color: rgba(70, 130, 255, 0.35) !important;
  }
}