/**
 * Fandez — tema claro OBLIGATORIO (restrictivo).
 * Bloquea auto-dark de Chrome Android, Samsung Internet, Safari iOS y PWA.
 * Debe cargarse DESPUÉS de tailwind.css y main.css.
 */

html {
  color-scheme: only light !important;
  background-color: #ffffff !important;
  background-image: linear-gradient(#ffffff, #ffffff) !important;
  forced-color-adjust: none !important;
  -webkit-tap-highlight-color: rgba(196, 92, 20, 0.15);
}

body,
.zilo-body,
.fandez-landing,
.min-h-screen,
.min-h-full,
#fandezSplash {
  color-scheme: only light !important;
  background-color: #ffffff !important;
  background-image: linear-gradient(#ffffff, #ffffff) !important;
  color: #1a1814 !important;
  forced-color-adjust: none !important;
  -webkit-filter: none !important;
  filter: none !important;
}

.admin-page,
.admin-shell,
.admin-main {
  color-scheme: only light !important;
  background-color: #F4F0EA !important;
  background-image: none !important;
  color: #1a1714 !important;
  forced-color-adjust: none !important;
  -webkit-filter: none !important;
  filter: none !important;
}

.admin-content {
  color-scheme: only light !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #1a1714 !important;
  forced-color-adjust: none !important;
}

.admin-sidebar {
  background-color: #171411 !important;
  background-image: none !important;
  color: #E8E0D6 !important;
}

.admin-modal-sheet,
.admin-modal-head,
.admin-modal-body,
.admin-modal-foot {
  background-color: #FFFCF8 !important;
  background-image: none !important;
  color: #1A1714 !important;
  opacity: 1 !important;
}

.admin-modal-backdrop {
  background-color: rgba(23, 20, 17, 0.58) !important;
  background-image: none !important;
}

.admin-filter-q,
.admin-users-search {
  background-color: #FFFEFB !important;
  background-image: none !important;
  color: #1A1714 !important;
}

.admin-filter-select,
.admin-users-role {
  background-color: #FFFEFB !important;
  color: #1A1714 !important;
}

#fandezSplash {
  background: #ffffff !important;
}

.bg-white,
.bg-zilo-bg,
.bg-zilo-surface,
.bg-zilo-card,
.bg-zilo-elevated,
.zilo-card-premium,
.zilo-input,
.nav-client-bar,
.nav-provider-bar,
.sticky-order-bar,
.sticky-track-bar,
.fandez-install-banner__card {
  background-color: #ffffff !important;
  forced-color-adjust: none !important;
}

.bg-white\/80,
.bg-zilo-bg\/90,
.bg-zilo-bg\/80 {
  background-color: rgba(255, 255, 255, 0.92) !important;
}

.text-zilo-text,
.zilo-display,
.fandez-wordmark {
  color: #1a1814 !important;
}

.text-zilo-muted,
.zilo-label {
  color: #6b635a !important;
}

.admin-sidebar .zilo-label,
.admin-sidebar .text-zilo-muted,
.admin-sidebar .admin-version,
.admin-sidebar .admin-nav-group-label {
  color: #9A9186 !important;
}

.admin-sidebar h1 {
  color: #FFF8F0 !important;
}

.admin-topbar {
  background-color: rgba(244, 240, 234, 0.86) !important;
  background-image: none !important;
}

img,
svg,
video,
canvas,
iframe,
picture {
  forced-color-adjust: none !important;
}

/**
 * Android Chrome “Force dark” / prefers-color-scheme: dark
 * Reafirma tokens y superficies; no pinta botones de marca en blanco.
 */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: only light !important;
    --zilo-bg: #ffffff !important;
    --zilo-surface: #ffffff !important;
    --zilo-card: #ffffff !important;
    --zilo-elevated: #ffffff !important;
    --zilo-text: #1a1814 !important;
    --zilo-muted: #6b635a !important;
    --zilo-border: #e6e0d8 !important;
    --zilo-header-bg: rgba(255, 255, 255, 0.97) !important;
    --zilo-sticky-bar-bg: rgba(255, 255, 255, 0.98) !important;
    --zilo-accent: #c45c14 !important;
    --zilo-accent-soft: #f6e6d4 !important;
    --zilo-accent-strong: #a84e10 !important;
  }

  html,
  body,
  .zilo-body,
  .fandez-landing,
  .min-h-screen,
  .min-h-full,
  .max-w-lg.mx-auto.min-h-screen,
  #fandezSplash,
  main,
  .zilo-card-premium,
  .zilo-input,
  .bg-white,
  .bg-zilo-bg,
  .bg-zilo-surface,
  .bg-zilo-card,
  .bg-zilo-elevated,
  .nav-client-bar,
  .nav-provider-bar,
  .sticky-order-bar,
  .sticky-track-bar,
  .fandez-install-banner__card {
    color-scheme: only light !important;
    background-color: #ffffff !important;
    background-image: linear-gradient(#ffffff, #ffffff) !important;
    color: #1a1814 !important;
    forced-color-adjust: none !important;
    -webkit-filter: none !important;
    filter: none !important;
  }

  .admin-page,
  .admin-shell,
  .admin-main {
    color-scheme: only light !important;
    background-color: #F4F0EA !important;
    background-image: none !important;
    color: #1a1714 !important;
    forced-color-adjust: none !important;
    -webkit-filter: none !important;
    filter: none !important;
  }

  .admin-content {
    background-color: transparent !important;
    background-image: none !important;
    color: #1a1714 !important;
  }

  .admin-sidebar {
    background-color: #171411 !important;
    background-image: none !important;
    color: #E8E0D6 !important;
    forced-color-adjust: none !important;
    -webkit-filter: none !important;
    filter: none !important;
  }

  .admin-sidebar h1,
  .admin-sidebar .admin-nav-item,
  .admin-sidebar .admin-user-chip p {
    color: inherit !important;
  }

  .admin-sidebar .zilo-label,
  .admin-sidebar .text-zilo-muted,
  .admin-sidebar .admin-version,
  .admin-sidebar .admin-nav-group-label {
    color: #9A9186 !important;
  }

  .admin-modal-sheet,
  .admin-modal-head,
  .admin-modal-body,
  .admin-modal-foot {
    background-color: #FFFCF8 !important;
    background-image: none !important;
    color: #1A1714 !important;
    opacity: 1 !important;
  }

  .admin-modal-backdrop {
    background-color: rgba(23, 20, 17, 0.58) !important;
    background-image: none !important;
  }

  header.sticky,
  .sticky.top-0 {
    background-color: rgba(255, 255, 255, 0.97) !important;
    forced-color-adjust: none !important;
  }

  .text-zilo-text,
  .zilo-display,
  .fandez-wordmark,
  h1, h2, h3 {
    color: #1a1814 !important;
  }

  .text-zilo-muted,
  .zilo-label {
    color: #6b635a !important;
  }

  .bg-zilo-accent,
  .zilo-btn-primary,
  a.bg-zilo-accent,
  button.bg-zilo-accent {
    background-color: #c45c14 !important;
    background-image: none !important;
    color: #ffffff !important;
  }

  .text-zilo-accent {
    color: #c45c14 !important;
  }

  .border-zilo-border {
    border-color: #e6e0d8 !important;
  }

  img,
  svg,
  video,
  canvas,
  iframe,
  picture {
    forced-color-adjust: none !important;
  }

  #clientDashboard.home-client,
  #clientDashboard.home-client.min-h-screen,
  #clientDashboard.home-client main {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #1A1814 !important;
  }
  #clientDashboard.home-client .home-live {
    background-color: transparent !important;
    background-image: none !important;
    color: #1A1814 !important;
  }
  #clientDashboard.home-client .home-live__title {
    color: #1A1814 !important;
  }
  #clientDashboard.home-client .home-live__cta {
    background-color: #C45C14 !important;
    color: #ffffff !important;
  }
  #clientDashboard.home-client .task-search--home .task-search__input {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #1A1814 !important;
  }
}

/* Home cliente: blanco + naranja, como el inicio público */
#clientDashboard.home-client,
#clientDashboard.home-client.min-h-screen {
  background-color: #ffffff !important;
  background-image: none !important;
  color: #1A1814 !important;
}
#clientDashboard.home-client .client-session-header {
  background-color: #ffffff !important;
}
#clientDashboard.home-client .home-live {
  background-color: transparent !important;
  background-image: none !important;
  color: #1A1814 !important;
}
#clientDashboard.home-client .home-svc {
  background-color: #ffffff !important;
  background-image: none !important;
  color: #1A1814 !important;
}
#clientDashboard.home-client .home-live__title {
  color: #1A1814 !important;
}
#clientDashboard.home-client .home-live__cta {
  background-color: #C45C14 !important;
  color: #ffffff !important;
}
#clientDashboard.home-client .home-quiet-link span:last-child {
  color: #C45C14 !important;
}
#clientDashboard.home-client .home-refund-line {
  color: #C45C14 !important;
}
#clientDashboard.home-client .task-search--home {
  background-color: transparent !important;
}
#clientDashboard.home-client .client-session-header__avatar {
  background-color: #ffffff !important;
  color: #1A1814 !important;
}
#clientDashboard.home-client .task-search--home .task-search__input {
  background-color: #ffffff !important;
  background-image: none !important;
  color: #1A1814 !important;
}
#clientDashboard.home-client .task-search--home .task-search__go {
  background-color: #C45C14 !important;
  color: #ffffff !important;
}
#clientDashboard.home-client .nav-client-bar {
  background-color: #ffffff !important;
}

.client-skin,
#servicePage.service-track,
#servicePage.service-track.min-h-screen,
#servicePage.service-lean,
#servicePage,
#clientDashboard.home-client,
#historialPage,
#hogarPage,
#invitarPage,
#profilePage,
#alertsInboxPage.client-skin {
  --zilo-accent-soft: #ffffff !important;
  --zilo-bg: #ffffff !important;
  --zilo-surface: #ffffff !important;
  --zilo-card: #ffffff !important;
  --home-paper: #ffffff !important;
  --home-soft: #ffffff !important;
  --home-money: #C45C14 !important;
  --zilo-success: #C45C14 !important;
  --aland: #C45C14 !important;
  --aland-soft: #ffffff !important;
  --aland-strong: #1A1814 !important;
  background-color: #ffffff !important;
  color: #1A1814 !important;
}
.client-skin [class*="bg-zilo-accent/"],
#servicePage [class*="bg-zilo-accent/"],
#clientDashboard.home-client [class*="bg-zilo-accent/"] {
  background-color: #ffffff !important;
}
.client-skin .zilo-card-premium,
.client-skin .zilo-invite-hero,
.client-skin .zilo-empty,
.client-skin .zilo-stat,
.client-skin .zilo-gift-card,
.client-skin .historial-refund,
.client-skin .historial-refund--open,
.client-skin .historial-refund--done,
.client-skin .historial-refund--failed,
.client-skin .app-session-header,
.client-skin .back-header-compact,
.client-skin .nav-client-bar,
.client-skin .alert-inbox-summary,
.client-skin .alert-inbox-card--medium,
.client-skin .zilo-badge,
.client-skin .zilo-badge-muted,
.client-skin .zilo-badge-success {
  background-color: #ffffff !important;
  background-image: none !important;
}
.client-skin .zilo-btn-primary,
.client-skin a.bg-zilo-accent,
.client-skin button.bg-zilo-accent {
  background-color: #C45C14 !important;
  background-image: none !important;
  color: #ffffff !important;
}
.client-skin .zilo-btn-ghost,
.client-skin .zilo-btn-ghost:hover {
  background-color: #ffffff !important;
}
.client-skin .zilo-display,
.client-skin h1,
.client-skin h2,
.client-skin h3 {
  color: #1A1814 !important;
}
.client-skin .text-zilo-accent,
.client-skin .nav-client-active,
.client-skin .text-zilo-success,
.client-skin .historial-refund__amount,
.client-skin .historial-refund--open .historial-refund__label,
.client-skin .historial-refund--done .historial-refund__label,
.client-skin .home-refund-line {
  color: #C45C14 !important;
}
#servicePage.service-track .zilo-btn-primary,
#servicePage.service-track .sticky-track-btn--primary {
  background-color: #C45C14 !important;
  background-image: none !important;
  color: #ffffff !important;
}
#servicePage.service-track .zilo-btn-ghost,
#servicePage.service-track .sticky-track-btn--ghost {
  background-color: #ffffff !important;
  color: #1A1814 !important;
}
#servicePage.service-track .track-hero__title,
#servicePage.service-track .trip-step strong {
  color: #1A1814 !important;
}
#servicePage.service-track .trip-step.active strong,
#servicePage.service-track .track-cancel__list li strong,
#servicePage.service-track .track-more summary {
  color: #C45C14 !important;
}
#servicePage.service-track .track-hero__sub,
#servicePage.service-track .track-kicker,
#servicePage.service-track .trip-step.done strong {
  color: #6B635A !important;
}