/* Mode sombre — dashboard PRO (layouts/pro.blade.php et ses pages).
   Tout est préfixé html.dark : le mode clair n'est jamais touché.
   Base commune (jetons, utilitaires Tailwind, composants partagés) : base.css. */

/* Teintes d'accent « douces » (fonds de puces, survols) : pastels → voiles. */
html.dark body.theme-partner   { --pro-accent-soft: rgba(255,180,13,.12); }
html.dark body.theme-organizer { --pro-accent-soft: rgba(217,78,31,.16); }

/* Survol des cartes KPI : ombre dorée invisible sur fond sombre. */
html.dark #pjax-content .bg-white.rounded-2xl.border.border-gray-100.shadow-sm:hover {
    box-shadow: 0 8px 20px -6px rgba(0,0,0,.6);
}

/* Bascule soleil/lune de la topbar. */
html.dark .weza-cs-toggle { background: var(--wz-surface-2); color: #FFB40D; }
html.dark .weza-cs-toggle:hover { color: #ffd166; }

/* ══ Classes copiées dans le <style> de chaque page PRO (L2) ══════════════ */

/* Héros : dégradé brun → ambre, déjà sombre ; ombre dorée atténuée. */
html.dark .pro-hero { box-shadow: 0 1px 2px rgba(0,0,0,.4); }

/* Cartes de statistiques */
html.dark .pro-stat { background: var(--wz-surface); border-color: var(--wz-border); box-shadow: 0 1px 2px rgba(0,0,0,.4); }
html.dark .pro-stat:hover { box-shadow: 0 10px 24px -8px rgba(0,0,0,.6); border-color: rgba(255,180,13,.35); }
html.dark .pro-stat-value { color: var(--wz-text); }
html.dark .pro-stat-label { color: var(--wz-text-3); }
html.dark .pro-stat-sub { color: var(--wz-text-2); }
html.dark .pro-stat-icon.c-amber   { background: rgba(255,180,13,.16); color: #FFB40D; }
html.dark .pro-stat-icon.c-green   { background: rgba(34,197,94,.16); color: #4ade80; }
html.dark .pro-stat-icon.c-blue    { background: rgba(59,130,246,.18); color: #60a5fa; }
html.dark .pro-stat-icon.c-violet  { background: rgba(139,92,246,.18); color: #a78bfa; }
html.dark .pro-stat-icon.c-pink    { background: rgba(236,72,153,.18); color: #f472b6; }
html.dark .pro-stat-icon.c-emerald { background: rgba(16,185,129,.18); color: #34d399; }
html.dark .pro-stat-icon.c-red     { background: rgba(239,68,68,.18); color: #f87171; }

/* Cartes, en-têtes de carte, raccourcis */
html.dark .pro-card { background: var(--wz-surface); border-color: var(--wz-border); box-shadow: 0 1px 2px rgba(0,0,0,.4); }
html.dark .pro-card-header { border-bottom-color: var(--wz-border); }
html.dark .pro-card-title { color: var(--wz-text); }
html.dark .pro-card-ico { background: rgba(255,180,13,.16); color: #FFB40D; }
html.dark .pro-quick { background: var(--wz-surface); border-color: var(--wz-border); color: var(--wz-text); }
html.dark .pro-quick:hover { color: var(--wz-text); box-shadow: 0 10px 20px -8px rgba(0,0,0,.6); }
html.dark .pro-quick-sub { color: var(--wz-text-2); }

/* Boutons de période, de vue, de réinitialisation */
html.dark .pro-period-btn:not(.active) { background: var(--wz-surface-2); color: var(--wz-text-2); }
html.dark .pro-period-btn:not(.active):hover { background: rgba(240,122,7,.16); color: #fb923c; }
html.dark .pro-view-toggle { background: var(--wz-surface-2); }
html.dark .pro-view-btn { color: var(--wz-text-2); }
html.dark .pro-view-btn.active { background: var(--wz-surface); color: #fb923c; box-shadow: 0 2px 6px rgba(0,0,0,.4); }
html.dark .pro-btn-reset { background: var(--wz-surface-2); color: var(--wz-text-2); }
html.dark .pro-btn-reset:hover { background: rgba(240,122,7,.16); color: #fb923c; }

/* Barre de filtres et champs */
html.dark .pro-filter-bar { background: var(--wz-surface); border-color: var(--wz-border); box-shadow: none; }
html.dark .pro-filter-field { background: var(--wz-input-bg); border-color: var(--wz-border-input); color: var(--wz-text); }
html.dark .pro-filter-field:focus { background: var(--wz-input-bg); }
html.dark .pro-filter-search-wrap i { color: var(--wz-text-4); }

/* Tableaux */
html.dark .pro-table-wrap { background: var(--wz-surface); border-color: var(--wz-border); box-shadow: none; }
html.dark .pro-table-wrap thead th { background: var(--wz-inset); color: var(--wz-text-3); border-bottom-color: var(--wz-border); }
html.dark .pro-table-wrap tbody tr { border-bottom-color: var(--wz-border); }
html.dark .pro-table-wrap tbody tr:hover { background: rgba(255,180,13,.06); }

/* Écrans de connexion PRO : compte à rebours du code (bordeaux en style inline). */
html.dark #otp-expiry { color: var(--wz-burgundy-text) !important; }

/* Demande de pack : prix « Autre position » (brun #1C1000 prévu pour fond clair). */
html.dark #position-modal .text-\[\#1C1000\] { color: var(--wz-text); }

/* Statistiques : métrique choisie au-dessus de la courbe — teinte ambre sur
   surface sombre (texte #FFD24D, contraste AA). */
html.dark .st-pills button.active,
html.dark .st-pills button.active:hover { background: rgba(255,180,13,.16); border-color: rgba(255,180,13,.45); color: #FFD24D; }
html.dark .st-pills button:hover { border-color: var(--wz-border-input); color: var(--wz-text); }
/* Légende « Période précédente » : même rose que la courbe en sombre (WEZA_CHARTS.darkMap). */
html.dark .st-legend-line i.prev { border-top-color: #E07A9A; }
html.dark .st-lg .dot[style*="#791232"] { background: #E07A9A !important; }

/* Abonnement : bandeau « Paiement en attente » — son dégradé crème passe en brun
   sombre (inline.js), les textes bruns prévus pour fond clair deviennent clairs. */
html.dark .sub-pending-banner .text-\[\#1C1000\] { color: var(--wz-text); }
html.dark .sub-pending-banner .text-\[\#5B3A00\] { color: hsl(38, 90%, 78%); }
html.dark .sub-pending-banner .text-\[\#B8860B\] { color: #FFD24D; }