/* ==========================================================================
   Retouches propres au client, au-dessus du thème choisi (ALX-0038).
   Le thème (public/css/themes/<clé>.css) se choisit à la création de l'outil
   (APP_THEME) ; ses couleurs se règlent sans code dans Paramètres › Visuel
   (administrateur). Ici, seulement ce que ni l'un ni l'autre ne couvre :
   arrondis, densité, une règle propre au client…
   Vérifier le rendu sur /composants après chaque changement.

   KIN : thème « santé douce » (APP_THEME=sante-douce, KIN-0010, KIN-0012).
   Ci-dessous, les règles propres aux modules métier de KIN (demi-journées,
   planning, Ma tournée), dans l'esprit du thème.
   ========================================================================== */

:root {
  /* Exemples :
     --radius: 10px;    arrondis (8px sobre, 14px doux, 20px très doux)
     --density: 1.2;    1 = compacte (bureau), 1.2 = confortable (terrain) */
}

/* Demi-journées : pastilles rondes, couleurs douces. */
.half-badge { border-radius: var(--radius-pill); min-width: 2.2em; }
.half-badge.is-am { background: #2f8fb8; }
.half-badge.is-pm { background: #8b6fd1; }

/* Planning : en-têtes vert d'eau, passages arrondis teintés par secteur. */
.plan-grid thead th { background: var(--surface-2); }
.plan-group th { background: color-mix(in oklab, var(--brand) 8%, var(--surface)); color: color-mix(in oklab, var(--brand) 70%, var(--ink)); }
.visit-chip { border-radius: 10px; border: 1px dashed color-mix(in oklab, var(--tone) 35%, transparent); background: color-mix(in oklab, var(--tone) 13%, var(--surface)); }
.visit-chip.is-locked { border-style: solid; }

/* Ma tournée : jours en blocs blancs, passages en tuiles teintées par secteur. */
.tour-week-title { color: color-mix(in oklab, var(--brand) 70%, var(--ink)); letter-spacing: 0.08em; }
.tour-day { padding: 16px 18px; }
.tour-day.is-today { box-shadow: 0 0 0 2px color-mix(in oklab, var(--brand) 45%, transparent), var(--shadow-md); }
.tour-day-title { font-size: 1.15rem; }
.tour-half + .tour-half { border-top: 0; margin-top: 14px; padding-top: 0; }
.tour-half-head strong { padding: 2px 10px; border-radius: var(--radius-pill); background: color-mix(in oklab, var(--brand) 10%, var(--surface)); color: color-mix(in oklab, var(--brand) 80%, var(--ink)); font-size: 0.85rem; }
.tour-stop[data-tour-stop], .tour-stop { border: 0; border-radius: 14px; background: var(--surface-2); box-shadow: none; }
.tour-stop.has-sector { background: color-mix(in oklab, var(--tone) 12%, var(--surface)); }
.tour-stop.has-sector strong { color: color-mix(in oklab, var(--tone) 65%, var(--ink)); }
.tour-stop.has-sector .tour-rank { background: var(--tone); }
.tour-stop:hover { box-shadow: var(--shadow-sm); }
.tour-sector { font-size: 0.78rem; color: color-mix(in oklab, var(--tone, var(--brand)) 70%, var(--ink)); }
.tour-actions .btn-secondary { background: color-mix(in oklab, var(--surface) 75%, transparent); box-shadow: none; }
.tour-go { box-shadow: none; }