/* ==========================================================================================================
   Reproductions d'écran de ChronoFEED-COACH (application Android, tablette en paysage) pour son aide.
   Préfixe « c- ». Conteneur : <figure class="figure-ecran"><div class="ecran" style="--largeur-ecran:1000px">
   <div class="e-zoom"><div class="c-tablette">…</div></div></div></figure>. Repères : <span class="repere">1</span> dans un
   élément .e-cible (comme les autres reproductions). Couleurs de l'application : fond nuit de la suite, vermillon de COACH.
   Publiée sur le site avec l'aide de COACH (depuis la 2.0.22).
   ========================================================================================================== */
.c-tablette{--c-fond:#07101F;--c-marine:#0A1B3A;--c-surface:#0D1A2E;--c-surface2:#12233B;--c-ligne:#1F3555;--c-texte:#E2EBF6;
  --c-doux:#9EB0C7;--c-produit:#FF5A4E;--c-cyan:#19B6FF;--c-vert:#4CD4A0;--c-orange:#FFAA66;--c-rouge:#FF6B6B;
  display:grid;grid-template-columns:190px 1fr;width:980px;min-height:430px;border-radius:22px;border:10px solid #1B1F27;
  background:var(--c-fond);color:var(--c-texte);font:13px/1.35 Roboto,"Segoe UI",system-ui,sans-serif;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.c-tablette.c-telephone{grid-template-columns:1fr;width:380px;min-height:560px}
.c-menu{background:var(--c-marine);padding:16px 0}
.c-marque{padding:0 16px 14px;font-size:18px}
.c-marque b{font-weight:700}
.c-marque span{display:block;color:var(--c-produit);font-weight:700;font-size:13px;letter-spacing:3px}
.c-menu-item{padding:9px 16px;color:var(--c-texte)}
.c-menu-item.actif{background:rgba(255,90,78,.16);border-left:3px solid var(--c-produit);padding-left:13px;font-weight:600}
.c-contenu{padding:16px 22px;display:flex;flex-direction:column;gap:9px;min-width:0}
.c-barre{display:flex;align-items:center;gap:10px;color:var(--c-doux);font-size:12px}
.c-barre .c-retour{font-size:16px;color:var(--c-texte)}
.c-titre{font-size:20px;font-weight:700}
.c-sous-titre{font-size:15px;font-weight:700;color:var(--c-produit);margin-top:6px}
.c-doux{color:var(--c-doux);font-size:12px}
.c-rangee{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
.c-carte{background:var(--c-surface);border:1px solid var(--c-ligne);border-radius:10px;padding:10px 12px}
.c-chiffre{background:var(--c-surface);border:1px solid var(--c-ligne);border-radius:10px;padding:8px 12px;min-width:110px}
.c-chiffre b{display:block;font-size:20px}
.c-chiffre span{color:var(--c-doux);font-size:11px}
.c-bouton{display:inline-block;background:var(--c-surface2);color:var(--c-texte);border-radius:8px;padding:6px 12px;font-size:13px}
.c-bouton.principal{background:var(--c-produit);color:#fff}
.c-saisie{display:inline-block;background:var(--c-surface2);border-bottom:1px solid var(--c-doux);color:var(--c-texte);padding:4px 8px;min-width:70px;font-size:13px}
.c-direct{color:var(--c-produit);font-weight:700}
.c-vert{color:var(--c-vert)} .c-orange{color:var(--c-orange)} .c-rouge{color:var(--c-rouge)} .c-cyan{color:var(--c-cyan)} .c-produit{color:var(--c-produit)}
.c-gras{font-weight:700}
.c-table{display:grid;gap:2px;font-size:12px}
.c-table > div{display:grid;grid-template-columns:var(--c-colonnes);gap:6px;background:var(--c-surface);padding:5px 8px;align-items:center}
.c-table > div.c-tete{background:none;color:var(--c-doux);font-weight:700;font-size:11px}
.c-table > div.c-suspect{color:var(--c-doux)}
.c-table > div.c-note{display:block;color:var(--c-doux);padding-left:56px;font-size:11px}
.c-graphique{background:var(--c-surface);border:1px solid var(--c-ligne);border-radius:10px;padding:6px}
.c-graphique svg{display:block;width:100%;height:auto}
.c-cases{display:flex;flex-wrap:wrap;gap:6px}
.c-cases > div{display:flex;flex-direction:column;font-size:10px;color:var(--c-doux)}
.c-cases > div .c-saisie{min-width:52px;font-size:12px}
.c-cases > div.retouchee .c-saisie{border-bottom-color:var(--c-produit);color:var(--c-produit)}
.c-boite{position:absolute;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center}
.c-dialogue{background:#2B2F38;color:#fff;border-radius:14px;padding:16px 18px;width:420px;box-shadow:0 8px 30px rgba(0,0,0,.5)}
.c-dialogue .c-titre{font-size:16px;margin-bottom:6px}
.c-dialogue .c-actions{display:flex;justify-content:flex-end;gap:18px;margin-top:12px;color:var(--c-produit);font-weight:700}
.c-partage{background:#F4F6F9;color:#1A2233;border-radius:16px 16px 0 0;padding:14px 18px;width:560px}
.c-partage .c-appli{display:inline-flex;flex-direction:column;align-items:center;gap:4px;width:84px;font-size:11px}
.c-partage .c-appli i{display:block;width:44px;height:44px;border-radius:12px;background:#DCE3EC}
.c-partage .c-appli i.qs{background:linear-gradient(135deg,#4285F4,#34A853)}
.c-pdf{background:#fff;color:#1A2233;width:340px;font:9px/1.3 Helvetica,Arial,sans-serif;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.c-pdf .c-pdf-tete{background:#FF5A4E;color:#fff;padding:10px 14px}
.c-pdf .c-pdf-tete b{display:block;font-size:13px}
.c-pdf .c-pdf-corps{padding:8px 14px}
.c-pdf h5{color:#B3261E;font-size:10px;margin:8px 0 3px;border-bottom:1px solid #FF5A4E}
.c-relatif{position:relative}
/* Écran Direct : une ligne par athlète (pastille à ses couleurs FINISH, derniers tours, poubelle) et tuile Lapping. */
.c-direct-corps{display:grid;grid-template-columns:1fr 230px;gap:10px;align-items:start}
.c-dlignes{display:flex;flex-direction:column;gap:5px;min-width:0}
.c-dligne{display:grid;grid-template-columns:92px 1fr 22px;gap:6px;align-items:center;background:var(--c-surface);border-radius:10px;padding:5px}
.c-dligne.absent{opacity:.6}
.c-badge{border-radius:8px;padding:4px 7px;background:var(--c-surface2);color:var(--c-texte);line-height:1.15;overflow:hidden;white-space:nowrap}
.c-badge b{display:block;font-size:16px}
.c-badge small{display:block;font-size:9px}
.c-dtours{display:grid;grid-template-columns:repeat(var(--c-n,6),1fr);gap:3px;min-width:0}
.c-dtour{background:var(--c-fond);border:1px solid var(--c-ligne);border-radius:6px;text-align:center;padding:2px 0;line-height:1.2}
.c-dtour b{display:block;font-size:13px}
.c-dtour small{display:block;font-size:9px;color:var(--c-doux);white-space:nowrap;overflow:hidden}
.c-dtour.dernier{border:2px solid var(--c-produit);background:var(--c-surface2)}
.c-dtour.dernier b{font-size:15px}
.c-dtour.meilleur b{color:var(--c-cyan)}
.c-dtour.suspect b{color:var(--c-doux);font-weight:400}
.c-dtour.suspect small{color:var(--c-orange)}
.c-dvide{grid-column:1/-1;color:var(--c-doux);font-size:11px;padding:8px 4px}
.c-poubelle{color:var(--c-doux);font-size:14px;text-align:center}
.c-lap-grand{border-radius:10px;padding:6px 8px;text-align:center;line-height:1.1}
.c-lap-grand b{display:block;font-size:34px}
.c-pastille{display:inline-block;border-radius:6px;padding:1px 6px;background:var(--c-surface2);color:var(--c-texte);font-weight:700;font-size:11px;margin:0 3px 3px 0}
