@charset "UTF-8";
/* Heures — apparence Briques V4 (jetons et composants repris de site/v3/base.css + v4.css) :
   grands titres arrondis, listes groupées, pastilles colorées, boutons pilule, barre d'onglets flottante en verre. */

:root {
  color-scheme: light dark;
  --fond-groupe: #F2F2F7; --carte: #FFFFFF; --fond-2: #F2F2F7;
  --label: #1C1C1E; --label-2: #636366; --label-3: #AEAEB2;
  --separateur: #C6C6C8;
  --remplissage: rgba(118, 118, 128, .12); --remplissage-2: rgba(118, 118, 128, .2);
  --bleu: #007AFF; --bleu-texte: #0066CC; --bleu-bouton: #0071E3; --bleu-doux: rgba(0, 122, 255, .12);
  --vert: #34C759; --vert-texte: #1D7A3A; --vert-bouton: #1E8238; --vert-doux: rgba(52, 199, 89, .16);
  --orange: #FF9500; --orange-texte: #A35200; --orange-doux: rgba(255, 149, 0, .14);
  --rouge: #FF3B30; --rouge-texte: #C5221A; --rouge-bouton: #D70015; --rouge-doux: rgba(255, 59, 48, .12);
  --indigo: #5856D6; --gris: #8E8E93; --sarcelle: #30B0C7; --rose: #FF2D55;
  --segment-actif: #FFFFFF;
  --ombre-carte: 0 1px 2px rgba(0, 0, 0, .04);
  --materiau-onglets: rgba(249, 249, 251, .95);
  --police: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro", "Helvetica Neue", system-ui, sans-serif;
  --police-titres: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;
  --marge: 16px;
  --sat: env(safe-area-inset-top, 0px);
  --sab: env(safe-area-inset-bottom, 0px);
  --h-onglets: 64px;
  --bas-onglets: max(calc(var(--sab) - 6px), 12px);
  --ressort: cubic-bezier(.2, .8, .2, 1);
}
@media (prefers-color-scheme: dark) {
  :root {
    --fond-groupe: #000000; --carte: #1C1C1E; --fond-2: #2C2C2E;
    --label: #F5F5F7; --label-2: #AEAEB2; --label-3: #636366;
    --separateur: #38383A;
    --remplissage: rgba(118, 118, 128, .24); --remplissage-2: rgba(118, 118, 128, .36);
    --bleu: #0A84FF; --bleu-texte: #4DA3FF; --bleu-doux: rgba(10, 132, 255, .2);
    --vert: #30D158; --vert-texte: #30D158; --vert-doux: rgba(48, 209, 88, .2);
    --orange: #FF9F0A; --orange-texte: #FFB340; --orange-doux: rgba(255, 159, 10, .2);
    --rouge: #FF453A; --rouge-texte: #FF6961; --rouge-doux: rgba(255, 69, 58, .2);
    --indigo: #5E5CE6; --sarcelle: #40C8E0; --rose: #FF375F;
    --segment-actif: #636366;
    --ombre-carte: none;
    --materiau-onglets: rgba(22, 22, 24, .95);
  }
}

/* ---------- Base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; background: var(--fond-groupe); }
body {
  margin: 0; min-height: 100vh; color: var(--label); background: var(--fond-groupe);
  font: 17px/1.29 var(--police); letter-spacing: -.01em; -webkit-font-smoothing: antialiased; overflow-wrap: break-word;
  padding-bottom: calc(var(--sab) + 40px);
}
body.racine { padding-bottom: calc(var(--bas-onglets) + var(--h-onglets) + 28px); }
a { color: var(--bleu-texte); text-decoration: none; }
p, h1, h2 { margin: 0; }
ul { margin: 0; padding: 0; list-style: none; }
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid var(--bleu); outline-offset: 2px; }
.num { font-variant-numeric: tabular-nums; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
main { max-width: 600px; margin: 0 auto; }
code { font: .88em ui-monospace, SFMono-Regular, Menlo, monospace; }

/* ---------- Haut d'écran poussé : bouton Retour en verre avec le nom du parent ---------- */
.barre-haut { position: sticky; top: 0; z-index: 20; padding: calc(var(--sat) + 8px) 12px 0; pointer-events: none; }
.bouton-verre {
  pointer-events: auto; display: inline-flex; align-items: center; max-width: 100%; height: 44px; padding: 0 14px 0 6px;
  border-radius: 22px; background: var(--materiau-onglets); color: var(--label); font: 17px/22px var(--police);
  -webkit-backdrop-filter: saturate(180%) blur(24px); backdrop-filter: saturate(180%) blur(24px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .08), inset 0 0 0 .5px var(--separateur);
}
.bouton-verre svg { flex: none; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.bouton-verre span { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* ---------- Grand titre ---------- */
.grand-titre { padding: calc(var(--sat) + 18px) 20px 6px; }
.pousse .grand-titre { padding-top: 14px; }
.grand-titre h1 { font: 700 34px/41px var(--police-titres); letter-spacing: .01em; }
.pousse .grand-titre h1 { font-size: 28px; line-height: 34px; }
.grand-titre .sous { margin-top: 4px; font: 17px/22px var(--police); color: var(--label-2); }
.grand-titre .sous strong { color: var(--label); font-weight: 600; }

/* ---------- Titres de bloc et listes groupées ---------- */
.titre-bloc { margin: 28px var(--marge) 8px; padding: 0 4px; font: 700 20px/1.2 var(--police-titres); letter-spacing: -.01em; }
.pied-section { padding: 8px calc(var(--marge) + 16px) 0; font: 13px/18px var(--police); color: var(--label-2); }
.groupe {
  margin: 0 var(--marge); background: var(--carte); border-radius: 12px; overflow: hidden; box-shadow: var(--ombre-carte);
}
.groupe > li { position: relative; }
.groupe > li + li::before { content: ""; position: absolute; top: 0; right: 0; left: 16px; height: .5px; background: var(--separateur); }
.groupe--pastilles > li + li::before { left: 57px; }
.rangee {
  display: flex; align-items: center; gap: 12px; width: 100%; min-height: 44px; padding: 6px 16px;
  border: 0; background: none; color: var(--label); font: inherit; text-align: left; cursor: pointer;
  -webkit-tap-highlight-color: transparent; transition: background var(--duree, 120ms);
}
.rangee--haute { min-height: 64px; }
a.rangee:active, button.rangee:active { background: var(--remplissage); }
@media (hover: hover) { a.rangee:hover, button.rangee:hover { background: var(--remplissage); } }
.rangee-texte { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.rangee-titre { font: 17px/22px var(--police); overflow-wrap: anywhere; }
.rangee-titre--fort { font: 600 17px/22px var(--police-titres); }
.rangee-sous { font: 15px/20px var(--police); color: var(--label-2); overflow-wrap: anywhere; }
.valeur { flex: none; font: 17px/22px var(--police); color: var(--label-2); white-space: nowrap; font-variant-numeric: tabular-nums; }
.chevron { flex: none; width: 8px; height: 8px; margin-right: 4px; border: solid var(--label-3); border-width: 2.2px 2.2px 0 0; transform: rotate(45deg); }
.rangee--bleue { color: var(--bleu-texte); }
.rangee--rouge { color: var(--rouge-texte); }
.vide { margin: 0 var(--marge); padding: 16px; border-radius: 12px; background: var(--carte); color: var(--label-2); font: 15px/20px var(--police); }

/* Pastilles : carré arrondi coloré, initiale blanche (couleur stable par dossier) */
.pastille-icone {
  flex: none; display: inline-grid; place-items: center; width: 29px; height: 29px; border-radius: 7px;
  color: #FFFFFF; font: 700 15px/1 var(--police-titres);
}
.pastille-icone svg { width: 19px; height: 19px; fill: none; stroke: #FFFFFF; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.c0 { background: var(--bleu); } .c1 { background: var(--orange); } .c2 { background: var(--vert); } .c3 { background: var(--indigo); }
.c4 { background: var(--rouge); } .c5 { background: var(--sarcelle); } .c6 { background: var(--rose); } .c7 { background: var(--gris); }

/* ---------- Boutons ---------- */
.bouton-principal {
  display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 50px; padding: 0 20px;
  border: 0; border-radius: 25px; background: var(--bleu-bouton); color: #FFFFFF; cursor: pointer;
  font: 700 17px var(--police); text-align: center; -webkit-tap-highlight-color: transparent;
  transition: transform 120ms var(--ressort), opacity 120ms;
}
.bouton-principal:active { transform: scale(.97); opacity: .85; }
.bouton-principal svg { width: 18px; height: 18px; fill: currentColor; }
.bouton-principal--vert { background: var(--vert-bouton); }
.bouton-principal--rouge { background: var(--rouge-bouton); }
.bouton-principal--gris { background: var(--remplissage-2); color: var(--label); }
.bloc-bouton { margin: 16px var(--marge) 0; }
.lien-discret {
  display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; margin-top: 4px;
  border: 0; background: none; color: var(--label-2); font: 15px/20px var(--police); cursor: pointer;
}

/* ---------- Bandeau de confirmation (avec Annuler) ---------- */
.bandeau {
  display: flex; align-items: center; gap: 12px; margin: 12px var(--marge) 0; padding: 10px 10px 10px 14px;
  border-radius: 12px; background: var(--vert-doux); color: var(--label); font: 600 15px/20px var(--police);
  animation: arrivee 320ms var(--ressort);
}
.bandeau .pastille-icone { width: 24px; height: 24px; border-radius: 12px; background: var(--vert); }
.bandeau .pastille-icone svg { width: 14px; height: 14px; stroke-width: 3; }
.bandeau-texte { flex: 1; min-width: 0; }
.bandeau form { flex: none; }
.bandeau button {
  min-height: 36px; padding: 0 14px; border: 0; border-radius: 18px; background: var(--carte); color: var(--label);
  font: 600 15px var(--police); cursor: pointer;
}
.bandeau--erreur { background: var(--rouge-doux); color: var(--rouge-texte); }
.bandeau--erreur .pastille-icone { background: var(--rouge); }
@keyframes arrivee { from { opacity: 0; transform: translateY(-6px); } }

/* ---------- Chrono en cours ---------- */
.chrono { margin: 12px var(--marge) 0; padding: 16px; border-radius: 16px; background: var(--carte); box-shadow: var(--ombre-carte), inset 0 0 0 2px var(--rouge-doux); }
.chrono-quand { display: flex; align-items: center; gap: 8px; font: 600 13px/18px var(--police); color: var(--rouge-texte); text-transform: uppercase; letter-spacing: .02em; }
.point { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--rouge); animation: pulse 1.6s ease-in-out infinite; }
@keyframes pulse { 50% { opacity: .3; } }
.chrono-titre { margin-top: 6px; font: 600 20px/25px var(--police-titres); }
.chrono-temps { margin-top: 2px; font: 700 44px/1.1 var(--police-titres); font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
.chrono-depuis { margin: 2px 0 14px; font: 15px/20px var(--police); color: var(--label-2); }
.chrono a.rangee-lien { display: inline-block; margin-bottom: 12px; font: 15px var(--police); }

/* ---------- Chiffres ---------- */
.chiffres { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 12px var(--marge) 0; }
.chiffre { padding: 12px 16px; border-radius: 12px; background: var(--carte); box-shadow: var(--ombre-carte); }
.chiffre span { display: block; font: 13px/18px var(--police); color: var(--label-2); }
.chiffre strong { display: block; margin-top: 2px; font: 700 28px/34px var(--police-titres); font-variant-numeric: tabular-nums; }
.chiffre--seul { grid-column: 1 / -1; }

/* ---------- Formulaires ---------- */
form { margin: 0; }
.carte { margin: 0 var(--marge); padding: 16px; border-radius: 12px; background: var(--carte); box-shadow: var(--ombre-carte); }
.etiquette { display: block; margin: 0 0 10px; font: 600 15px/20px var(--police); color: var(--label); }
.etiquette + .etiquette, .puces + .etiquette, .champ + .etiquette { margin-top: 20px; }
.champ { display: block; margin: 12px 0 0; font: 13px/18px var(--police); color: var(--label-2); }
.champ--premier { margin-top: 0; }
.champ input, .champ select {
  display: block; width: 100%; min-height: 44px; margin-top: 6px; padding: 10px 12px;
  border: 0; border-radius: 10px; background: var(--remplissage); color: var(--label);
  font: 17px/22px var(--police); -webkit-appearance: none; appearance: none;
}
.champ input::placeholder { color: var(--label-2); }
.champ select {
  padding-right: 34px;
  background-image: linear-gradient(45deg, transparent 50%, var(--label-2) 50%), linear-gradient(135deg, var(--label-2) 50%, transparent 50%);
  background-position: calc(100% - 17px) 50%, calc(100% - 12px) 50%; background-size: 5px 5px; background-repeat: no-repeat;
}
.champ input:focus-visible, .champ select:focus-visible { outline: 3px solid var(--bleu); outline-offset: 0; }
.champ input[type="date"] { min-width: 0; }
.carte .bouton-principal, .bouton-principal--espace { margin-top: 20px; }
.puces.puces--espace { margin-top: 24px; }
.puces legend { float: left; width: 100%; padding: 0; }

/* Pastilles de choix (boutons radio) : un tap suffit */
.puces { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; border: 0; }
.puce { position: relative; }
.puce input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.puce span {
  display: flex; align-items: center; justify-content: center; min-width: 64px; min-height: 44px; padding: 0 16px;
  border-radius: 22px; background: var(--remplissage); color: var(--label); font: 500 17px var(--police);
  transition: background 120ms, color 120ms, transform 120ms var(--ressort);
}
.puce input:checked + span { background: var(--bleu-bouton); color: #FFFFFF; font-weight: 600; }
.puce input:focus-visible + span { outline: 3px solid var(--bleu); outline-offset: 2px; }
.puce input:active + span { transform: scale(.95); }

/* Ajout d'un dossier : rangée champ + bouton */
.ajout { display: flex; align-items: center; gap: 10px; padding: 6px 6px 6px 16px; }
.ajout .pastille-icone { background: var(--remplissage-2); }
.ajout .pastille-icone svg { stroke: var(--label-2); }
.ajout input {
  flex: 1; min-width: 0; min-height: 44px; border: 0; padding: 0; background: transparent; color: var(--label);
  font: 17px var(--police); outline: none;
}
.ajout input::placeholder { color: var(--bleu-texte); }
.ajout button {
  flex: none; min-height: 36px; padding: 0 16px; border: 0; border-radius: 18px; background: var(--bleu-bouton); color: #FFFFFF;
  font: 600 15px var(--police); cursor: pointer;
}

/* ---------- Navigation de mois (segment) ---------- */
.mois-nav { display: flex; align-items: center; gap: 8px; margin: 4px var(--marge) 0; }
.mois-nav a, .mois-nav span {
  display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 14px;
  border-radius: 22px; background: var(--remplissage); color: var(--label); font: 500 15px var(--police);
}
.mois-nav span { color: var(--label-3); }
.mois-nav strong { flex: 1; text-align: center; font: 600 17px var(--police-titres); }

/* ---------- Groupes repliables ---------- */
.repliable { margin: 28px var(--marge) 0; border-radius: 12px; background: var(--carte); box-shadow: var(--ombre-carte); }
.repliable > summary {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; padding: 0 16px;
  color: var(--label); cursor: pointer; list-style: none;
}
.repliable > summary::-webkit-details-marker { display: none; }
.repliable > summary::after {
  content: ""; flex: none; width: 8px; height: 8px; border: solid var(--label-3); border-width: 0 2.2px 2.2px 0;
  transform: translateY(-2px) rotate(45deg); transition: transform 200ms var(--ressort);
}
.repliable[open] > summary::after { transform: translateY(2px) rotate(225deg); }
.repliable-corps { padding: 0 16px 16px; }
.repliable-corps form + form { margin-top: 12px; }
.repliable .groupe { margin: 0; box-shadow: none; }
.aide { margin-top: 10px; font: 13px/18px var(--police); color: var(--label-2); }

/* ---------- Barre d'onglets flottante (iOS 26, verre) ---------- */
.onglets {
  position: fixed; z-index: 30; left: 50%; bottom: var(--bas-onglets); width: min(calc(100% - 40px), 420px); height: var(--h-onglets);
  transform: translateX(-50%);
  display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 2px; padding: 4px;
  border-radius: 32px; background: var(--materiau-onglets);
  -webkit-backdrop-filter: saturate(180%) blur(24px); backdrop-filter: saturate(180%) blur(24px);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .14), inset 0 0 0 .5px var(--separateur);
}
.onglet {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; min-height: 44px;
  border-radius: 28px; color: var(--label); font: 500 11px/13px var(--police); letter-spacing: 0;
  -webkit-tap-highlight-color: transparent;
}
.onglet svg { width: 28px; height: 28px; fill: currentColor; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.onglet svg .creux { fill: none; }
.onglet[aria-current] { color: var(--bleu); background: var(--remplissage); }
.onglet[aria-current] span { color: var(--bleu-texte); }

/* ---------- Connexion ---------- */
.connexion main { max-width: 452px; padding: calc(var(--sat) + 110px) 16px 40px; }
.connexion .marque { display: block; width: 56px; height: 56px; }
.connexion h1 { margin: 18px 8px 8px; font: 700 34px/41px var(--police-titres); }
.connexion .intro { margin: 0 8px 24px; color: var(--label-2); font: 17px/23px var(--police); }
.connexion .carte, .connexion .bandeau { margin: 0 0 16px; }
.connexion .marque-boite { padding: 0 8px; }
.connexion .petit { margin: 18px 8px 0; color: var(--label-2); font: 13px/18px var(--police); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* ==================== Ajouts : facturation, recherche, champs conditionnels ==================== */
.badge {
  display: inline-block; margin-left: 4px; padding: 1px 8px; border-radius: 10px; vertical-align: 2px;
  background: var(--remplissage); color: var(--label-2); font: 600 12px/18px var(--police); white-space: nowrap;
}
.badge--vert { background: var(--vert-doux); color: var(--vert-texte); }
.badge--orange { background: var(--orange-doux); color: var(--orange-texte); }
.valeur--double { display: flex; flex-direction: column; align-items: flex-end; }
.valeur small { font: 13px/18px var(--police); color: var(--label-2); }
.bandeau--info { background: var(--orange-doux); }
.bandeau--info .pastille-icone { background: var(--orange); }
.bandeau-lien {
  flex: none; display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 18px;
  background: var(--carte); color: var(--label); font: 600 15px var(--police);
}
.chiffre em { display: block; margin-top: 2px; font: 13px/18px var(--police); font-style: normal; color: var(--label-2); }
a.chiffre--lien { color: var(--label); }
a.chiffre--lien em { color: var(--bleu-texte); }
a.chiffre--lien:active { background: var(--remplissage); }
.petit-chiffre { font-size: 17px !important; line-height: 22px !important; padding-top: 6px; }
.bouton-secondaire { margin-top: 10px !important; }
.pile { display: flex; flex-direction: column; gap: 10px; }
.vide--espace { margin-top: 20px; }
.champ--espace { margin-top: 20px; }
.puces.puces--premier { margin-top: 0; }
.champ textarea {
  display: block; width: 100%; margin-top: 6px; padding: 10px 12px; border: 0; border-radius: 10px;
  background: var(--remplissage); color: var(--label); font: 17px/22px var(--police); resize: vertical;
}
.champ textarea:focus-visible { outline: 3px solid var(--bleu); outline-offset: 0; }
.coche { display: flex; align-items: center; gap: 12px; min-height: 44px; margin-top: 12px; color: var(--label); font: 15px/20px var(--police); cursor: pointer; }
.coche input, .coche-rangee input { flex: none; width: 22px; height: 22px; margin: 0; accent-color: var(--bleu-bouton); }
.coche-rangee { cursor: pointer; }
.deux-champs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.recherche {
  display: flex; align-items: center; gap: 8px; margin: 10px var(--marge) 10px; padding: 0 12px; min-height: 40px;
  border-radius: 10px; background: var(--remplissage); color: var(--label-2);
}
.recherche svg { flex: none; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
.recherche input[type="search"] {
  flex: 1; min-width: 0; min-height: 40px; border: 0; padding: 0; background: transparent; color: var(--label);
  font: 17px var(--police); outline: none; -webkit-appearance: none; appearance: none;
}
.mois-nav + .groupe, .mois-nav + .recherche { margin-top: 10px; }
.mois-nav { margin-bottom: 0; }
.bouton-principal:disabled { opacity: .45; cursor: not-allowed; }
.apercu { overflow-x: auto; padding: 8px 12px; }
.apercu .lignes { width: 100%; border-collapse: collapse; font: 14px/1.35 var(--police); }
.apercu .lignes th { padding: 6px 4px; color: var(--label-2); font: 600 12px var(--police); text-align: left; border-bottom: .5px solid var(--separateur); }
.apercu .lignes td { padding: 8px 4px; border-bottom: .5px solid var(--separateur); vertical-align: top; }
.apercu .lignes td.date { color: var(--label-2); white-space: nowrap; }
.apercu .lignes th:nth-child(3), .apercu .lignes td:nth-child(3), .apercu .lignes th:nth-child(4), .apercu .lignes td:nth-child(4) { display: none; }
.apercu .nombre { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.apercu .totaux { margin: 10px 0 4px auto; border-collapse: collapse; font: 15px var(--police); }
.apercu .totaux th { padding: 3px 14px 3px 0; color: var(--label-2); font-weight: 400; text-align: left; }
.apercu .totaux .total th, .apercu .totaux .total td { color: var(--label); font-weight: 700; padding-top: 6px; }
.apercu .mention-tva { margin: 4px 0 0; color: var(--label-2); font-size: 13px; text-align: right; }
.apercu em { font-style: normal; color: var(--label-2); }

/* Champs qui dépendent d'un choix (sans JavaScript, grâce à :has) */
.saisie:has(input[name="type"][data-mode="forfait"]:checked) .si-horaire,
.saisie:has(input[name="type"][data-mode="horaire"]:checked) .si-forfait,
.saisie:has(select[name="type"] option[data-mode="forfait"]:checked) .si-horaire,
.saisie:has(select[name="type"] option[data-mode="horaire"]:checked) .si-forfait,
.saisie-type:has(input[name="mode"][value="horaire"]:checked) .si-forfait,
.saisie-tva:has(input[name="tva_regime"][value="franchise"]:checked) .si-tva,
.saisie-plage:not(:has(input[name="plage"][value="dates"]:checked)) .si-dates { display: none; }
/* Icônes tracées (coche) dans les boutons ; carte bancaire de l'onglet Paiements */
.bouton-principal svg path[d="M5 12.5l4.5 4.5L19 7.5"] { fill: none; stroke: currentColor; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; }
.onglet svg .trait { fill: none; stroke: var(--materiau-onglets); stroke-width: 1.9; }
.bouton-principal svg { width: 20px; height: 20px; }