/* Dossier du client (js/client-dossier.js) : onglets Contrat et Documents de la fiche client.
   Variables communes de l'appli seulement (--surface, --line, --ink, --muted, --ok, --mid), donc clair et sombre suivent tout seuls.
   Mêmes cases que la fiche salarié (h-f, h-search, h-btn, rh-gd…) : seuls la grille des informations du contrat et les lignes
   de documents sont propres à ce fichier. Téléphone d'abord ; PC (html.wide) en fin de fichier. */

/* contrat : en-tête, puis informations en grille (2 colonnes au téléphone) */
.cd-ct{margin:0 0 8px}
.cd-cth{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.cd-cth>b{flex:1 1 100%;min-width:0;font-size:16px}
.cd-cth .h-chip{margin:0}
.cd-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:10px}
.cd-kv div{min-width:0}
.cd-kv span{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.cd-kv b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.cd-ed{margin-top:10px;border-top:1.5px solid var(--line);padding-top:8px}
.cd-ed summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}
.cd-modes{display:flex;flex-wrap:wrap;gap:6px 16px;min-height:44px;align-items:center}
.cd-modes .chk{margin:0}

/* documents : un bloc par contrat ou par site, une case par pièce */
.cd-box{margin:0 0 10px}
.cd-bt{display:block;margin:0 0 8px;font-size:16px}
.cd-doc{margin-top:8px}
.cd-docm{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
.cd-docm .h-chip{margin:0}
.cd-docm .h-btn{min-height:38px}
.cd-sp{flex:1}
.cd-act{margin-top:8px}
.cd-act .h-btn,.cd-act1{width:100%;min-height:44px}
.cd-act1{margin-top:8px}
.cd-form{margin-top:8px;background:var(--soft)}
.cd-autre{margin:6px 0 0}

/* réglage des pièces attendues : nom, quand elle est attendue, retrait */
.cd-pr{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:8px 0;border-bottom:1.5px solid var(--line)}
.cd-pr>span{min-width:0;display:flex;flex-direction:column;gap:2px}
.cd-pr>span i{font-style:normal;font-size:13px;color:var(--muted)}

html.wide .cd-kv{grid-template-columns:repeat(4,minmax(0,1fr))}
html.wide .cd-pr{grid-template-columns:minmax(0,1fr) 240px auto;align-items:center}

/* onglets de la fiche client (6) : une ligne sur PC quand la place suffit, deux lignes de 3 au téléphone ; jamais hors du cadre */
.rh-ft.cd-tabs{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}
.rh-ft.cd-tabs button{min-width:0;overflow:hidden}
/* téléphone : pas de compteurs dans les onglets (la pastille « pièces manquantes » reste dans le résumé de la fiche) */
html:not(.wide) .rh-ft.cd-tabs .h-muted,html:not(.wide) .rh-ft.cd-tabs i{display:none}
html:not(.wide) .rh-ft.cd-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}