/* Thème de Planning (repris de Castro le 9/11/2026, accent orange). Voir DESIGN.md.
   Toutes les pages utilisent les mêmes noms de couleurs (--bg, --card, --txt…) : ce fichier les remplace selon le thème
   choisi dans Réglages > Affichage (html[data-theme], posé par static/theme.js avant l'affichage). */
/* Jeu B (3/11/2026, choix de Vivien, skill style-apple) : couleurs système actuelles d'Apple, comme Map Search 1.7.4.
   --acc2 : version « contraste renforcé » d'Apple, pour le texte en couleur. */
html[data-theme="sombre"]{color-scheme:dark;   /* style v2 (refonte 14/10/2026) : couleurs système d'Apple, mode sombre */
  --bg:#000000;--card:#1c1c1e;--card2:#2c2c2e;--champ:#1c1c1e;--bd:#38383a;--bd2:#48484a;
  --txt:#ffffff;--mut:#8e8e93;--acc:#ff9230;--acc2:#ffa056;--on-acc:#000000;--acc-doux:rgba(255,146,48,.16);
  --ok:#30d158;--ko:#ff4245;--warn:#ff9230;--serie:#ff9230;--grille:#38383a;--hausse:#30d158;--baisse:#ff4245;
  --menu:#161616;--menu-txt:#aeaeb2;--menu-actif:#2c2c2e;--r:12px;
  --remplissage:rgba(118,118,128,.24);--pouce:#636366}   /* contrôles segmentés iOS : fond et curseur */
html[data-theme="clair"]{color-scheme:light;   /* style v2 : couleurs système d'Apple, mode clair */
  --bg:#f2f2f7;--card:#ffffff;--card2:#f2f2f7;--champ:#ffffff;--bd:#c6c6c8;--bd2:#aeaeb2;
  --txt:#000000;--mut:#6e6e73;--acc:#ff8d28;--acc2:#c55300;--on-acc:#000000;--acc-doux:rgba(255,141,40,.12);
  --ok:#34c759;--ko:#ff383c;--warn:#ff8d28;--serie:#ff8d28;--grille:#d1d1d6;--hausse:#34c759;--baisse:#ff383c;
  --menu:#f9f9f9;--menu-txt:#3c3c43;--menu-actif:#e5e5ea;--r:12px;
  --remplissage:rgba(118,118,128,.12);--pouce:#ffffff}
html[data-theme] body{background:var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
/* chiffres alignés, traits fins, un seul arrondi : 12 px (skill style-apple, 4/11/2026) */
html[data-theme] .gros,html[data-theme] .kpi b,html[data-theme] .kpi .val,html[data-theme] td{font-variant-numeric:tabular-nums}
html[data-theme] .carte,html[data-theme] .card,html[data-theme] .kpi,html[data-theme] section.version,html[data-theme] main>section{border-radius:12px;box-shadow:none}
html[data-theme] input,html[data-theme] select,html[data-theme] textarea{background:var(--champ);color:var(--txt);border-color:var(--bd)}
html[data-theme] ::placeholder{color:var(--mut)}
@media (prefers-reduced-motion: reduce){html[data-theme] *{transition:none!important}}
/* bandeau des relances (page Prospects) : discret, pas un aplat de couleur */
html[data-theme] .bandeau{background:var(--card);color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 45%,transparent);border-radius:12px;font-weight:500}
html[data-theme] .bandeau.retard{background:var(--card);color:var(--ko);border-color:color-mix(in srgb,var(--ko) 45%,transparent)}
/* Retour à l'appui (règle Apple : réagir dès qu'on appuie, pas au relâchement). Voir DESIGN.md. */
html[data-theme] :is(button,.btn,.bouton,input[type=submit],input[type=button]){-webkit-tap-highlight-color:transparent;transition:transform .1s ease-out}
html[data-theme] :is(button,.btn,.bouton,input[type=submit],input[type=button]):not(:disabled):active{transform:scale(.97)}
/* Fenêtres : apparition et fermeture courtes (fond en fondu, carte qui grandit légèrement ; par le bas sur téléphone) */
html[data-theme] .modal{opacity:0;transition:opacity .16s ease-out,display .16s allow-discrete}
html[data-theme] .modal.open{opacity:1}
html[data-theme] .modal .card{transform:scale(.97);transition:transform .2s cubic-bezier(.2,.8,.2,1)}
html[data-theme] .modal.open .card{transform:none}
@starting-style{html[data-theme] .modal.open{opacity:0}html[data-theme] .modal.open .card{transform:scale(.97)}}
@media (max-width:760px){html[data-theme] .modal .card{transform:translateY(24px)}
  @starting-style{html[data-theme] .modal.open .card{transform:translateY(24px)}}}
/* Taille du texte : toutes les tailles sont en rem, donc suivent la taille de base de la page.
   Sur téléphone et tablette Apple, la base suit le réglage du système (Réglages > Luminosité et affichage > Taille du texte) ;
   17 px par défaut sur iPhone. Réservé aux écrans tactiles : sur Mac, cette valeur vaut 13 px et réduirait tout. */
@media (hover:none) and (pointer:coarse){@supports (font:-apple-system-body){html[data-theme]{font:-apple-system-body}}}
/* Grands titres : lettres un peu resserrées (plus le texte est grand, plus il paraît espacé) */
html[data-theme] h1{letter-spacing:-.01em}
/* Chargement d'une page (style v2) : roue façon iPhone, bien visible au milieu de l'écran (templates/react.html et
   composant Chargement de interface/src/communs.tsx). Elle tourne aussi avec « moins d'animations », plus lentement. */
.chargement-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:55vh;color:var(--mut);font-size:1rem;font-weight:500}
.roue{width:48px;height:48px;color:var(--acc);animation:roue .9s steps(8) infinite}
@keyframes roue{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){.roue{animation-duration:2.4s}}
/* pas de zoom dans l'appli (pincement ni double appui), comme une vraie appli (15/10/2026). Les cartes Leaflet gardent
   leur propre zoom à deux doigts. Pour Safari sur iPhone, voir aussi theme.js (gesturestart). */
html{touch-action:pan-x pan-y}