/* Registre CAREX — mise en page inspirée des fiches HubSpot, aux couleurs CAREX. */
:root {
  --vert: #335B46; --vert-f: #284837; --vert-c: #E5F0EA; --or: #BA9767; --or-c: #F4E7D2;
  --encre: #1f2a37; --texte: #334155; --doux: #586577; --ligne: #e2e8f0; --fond: #f5f7f6;
  --blanc: #fff; --rouge: #b42318; --rouge-c: #fdecea; --orange: #b54708; --orange-c: #fff4e5;
  --bleu: #175cd3; --bleu-c: #eaf2ff; --violet: #6941c6; --violet-c: #f2edfd; --jaune: #8a6a00; --jaune-c: #fff8db;
  --gris-c: #eef1f4; --rayon: 8px; --ombre: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.08);
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--fond); color: var(--texte);
  font: 14px/1.45 "Plus Jakarta Sans", -apple-system, "Segoe UI", Roboto, sans-serif; }
a { color: var(--vert); text-decoration: none; } a:hover { text-decoration: underline; }
.app { display: grid; grid-template-columns: 220px 1fr; min-height: 100vh; }

/* barre latérale */
.nav { background: var(--vert); color: #E5F0EA; padding: 18px 12px; position: sticky; top: 0; height: 100vh; }
.marque { font-weight: 800; letter-spacing: .02em; color: #fff; font-size: 20px; padding: 4px 10px 18px; }
.marque span { color: var(--or); }
.nav a { display: flex; align-items: center; gap: 10px; color: #E5F0EA; padding: 9px 10px; border-radius: 6px;
  font-weight: 600; margin-bottom: 2px; }
.nav a:hover { background: rgba(255,255,255,.08); text-decoration: none; }
.nav a.actif { background: rgba(255,255,255,.14); color: #fff; box-shadow: inset 3px 0 0 var(--or); }
.nav .sep { height: 1px; background: rgba(255,255,255,.12); margin: 14px 6px; }
.nav .pied { position: absolute; bottom: 16px; left: 22px; right: 12px; font-size: 12px; color: #CBE2D5; }

/* zone principale */
.main { min-width: 0; }
.haut { background: var(--blanc); border-bottom: 1px solid var(--ligne); padding: 10px 28px; display: flex;
  align-items: center; gap: 16px; position: sticky; top: 0; z-index: 5; }
.haut form { flex: 1; max-width: 520px; }
.haut input { width: 100%; padding: 8px 12px; border: 1px solid var(--ligne); border-radius: 20px; background: var(--fond); }
.contenu { padding: 22px 28px 60px; }
.entete { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 16px; gap: 16px; flex-wrap: wrap; }
h1 { font-size: 22px; color: var(--encre); margin: 0; }
h2 { font-size: 15px; color: var(--encre); margin: 0 0 10px; }
.sous { color: var(--doux); font-size: 13px; margin-top: 2px; }

.btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 6px; border: 1px solid var(--ligne);
  background: var(--blanc); color: var(--encre); font-weight: 600; cursor: pointer; font-size: 13px; }
.btn:hover { text-decoration: none; border-color: #cbd5e1; }
.btn.prim { background: var(--vert); border-color: var(--vert); color: #fff; }
.btn.prim:hover { background: var(--vert-f); }
.btn.or { background: var(--or); border-color: var(--or); color: #1f2a37; }
.btn.petit { padding: 5px 10px; font-size: 12px; }

.alerte { padding: 10px 14px; border-radius: 6px; margin-bottom: 14px; font-weight: 600; }
.alerte.ok { background: var(--vert-c); color: var(--vert-f); }
.alerte.ko { background: var(--rouge-c); color: var(--rouge); }

/* cartes et indicateurs */
.carte { background: var(--blanc); border: 1px solid var(--ligne); border-radius: var(--rayon); box-shadow: var(--ombre); padding: 16px 18px; }
.grille { display: grid; gap: 16px; }
.g4 { grid-template-columns: repeat(4, 1fr); } .g2 { grid-template-columns: 1fr 1fr; } .g3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 1100px) { .g4 { grid-template-columns: 1fr 1fr; } .g2, .g3 { grid-template-columns: 1fr; } }
.kpi .val { font-size: 26px; font-weight: 800; color: var(--encre); }
.kpi .lib { color: var(--doux); font-size: 12px; text-transform: uppercase; letter-spacing: .04em; font-weight: 700; }
.kpi a { display: block; color: inherit; } .kpi a:hover { text-decoration: none; }
.liste-simple { list-style: none; margin: 0; padding: 0; }
.liste-simple li { padding: 8px 0; border-bottom: 1px solid var(--ligne); display: flex; justify-content: space-between; gap: 10px; }
.liste-simple li:last-child { border-bottom: 0; }
.vide { color: var(--doux); font-style: italic; }

/* onglets de vues (comme les vues enregistrées HubSpot) */
.onglets { display: flex; gap: 4px; border-bottom: 1px solid var(--ligne); margin-bottom: 0; overflow-x: auto; }
.onglets a { padding: 9px 14px; color: var(--doux); font-weight: 600; border-bottom: 2px solid transparent; white-space: nowrap; }
.onglets a.actif { color: var(--vert); border-bottom-color: var(--vert); }
.onglets a:hover { text-decoration: none; color: var(--encre); }
.onglets .n { background: var(--gris-c); color: var(--doux); border-radius: 10px; padding: 0 7px; font-size: 11px; margin-left: 4px; }

/* tableaux */
.table-carte { background: var(--blanc); border: 1px solid var(--ligne); border-top: 0; border-radius: 0 0 var(--rayon) var(--rayon); overflow: auto; }
table { width: 100%; border-collapse: collapse; }
th { text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: var(--doux);
  background: #fafbfa; padding: 9px 12px; border-bottom: 1px solid var(--ligne); position: sticky; top: 0; }
td { padding: 9px 12px; border-bottom: 1px solid var(--ligne); vertical-align: top; }
tr:hover td { background: #fafcfb; }
td.num, th.num { text-align: right; font-variant-numeric: tabular-nums; }
.mono { font-variant-numeric: tabular-nums; }

/* pastilles de statut */
.pastille { display: inline-block; padding: 2px 9px; border-radius: 10px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.pastille.gris { background: var(--gris-c); color: #475467; } .pastille.vert { background: var(--vert-c); color: var(--vert-f); }
.pastille.rouge { background: var(--rouge-c); color: var(--rouge); } .pastille.orange { background: var(--orange-c); color: var(--orange); }
.pastille.bleu { background: var(--bleu-c); color: var(--bleu); } .pastille.violet { background: var(--violet-c); color: var(--violet); }
.pastille.jaune { background: var(--jaune-c); color: var(--jaune); }
.retard { color: var(--rouge); font-weight: 700; }

/* fiche enregistrement (3 colonnes, comme HubSpot) */
.fiche { display: grid; grid-template-columns: 330px 1fr 300px; gap: 16px; align-items: start; }
@media (max-width: 1250px) { .fiche { grid-template-columns: 300px 1fr; } .fiche .droite { grid-column: 1 / -1; } }
.identite { text-align: left; }
.identite .num { font-size: 12px; font-weight: 700; color: var(--or); letter-spacing: .06em; }
.identite h1 { font-size: 18px; margin: 4px 0 8px; }
.prop { padding: 7px 0; border-bottom: 1px solid var(--ligne); }
.prop:last-child { border-bottom: 0; }
.prop .k { font-size: 11px; color: var(--doux); text-transform: uppercase; letter-spacing: .04em; font-weight: 700; }
.prop .v { color: var(--encre); min-height: 18px; }
details.section { border-top: 1px solid var(--ligne); padding: 10px 0 2px; }
details.section > summary { cursor: pointer; font-weight: 700; color: var(--encre); list-style: none; }
details.section > summary::before { content: "▸ "; color: var(--doux); }
details.section[open] > summary::before { content: "▾ "; }

/* frise d'avancement */
.frise { display: flex; gap: 0; margin: 4px 0 16px; }
.frise div { flex: 1; text-align: center; padding: 8px 4px; font-size: 12px; font-weight: 700; color: var(--doux);
  background: var(--gris-c); position: relative; }
.frise div:first-child { border-radius: 6px 0 0 6px; } .frise div:last-child { border-radius: 0 6px 6px 0; }
.frise div.fait { background: var(--vert); color: #fff; } .frise div.courant { background: var(--or); color: #1f2a37; }
.frise div.stop { background: var(--rouge-c); color: var(--rouge); }

/* journal */
.evt { display: grid; grid-template-columns: 26px 1fr; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--ligne); }
.evt .ic { width: 26px; height: 26px; border-radius: 50%; background: var(--vert-c); color: var(--vert);
  display: grid; place-items: center; font-size: 12px; font-weight: 800; }
.evt .ic.refus { background: var(--rouge-c); color: var(--rouge); }
.evt .ic.mcp { background: var(--or-c); color: #7a5a1e; }
.evt .meta { color: var(--doux); font-size: 12px; }

/* formulaires (ordre et sections de Zoho, pour Blandine) */
form.fiche-form fieldset { border: 1px solid var(--ligne); border-radius: var(--rayon); background: var(--blanc); margin: 0 0 14px; padding: 14px 18px 6px; }
form.fiche-form legend { font-weight: 800; color: var(--vert); padding: 0 6px; }
.champs { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px 16px; }
.champ { display: flex; flex-direction: column; gap: 4px; margin-bottom: 8px; }
.champ label { font-size: 12px; font-weight: 700; color: var(--texte); }
.champ .aide { font-size: 11px; color: var(--doux); }
input[type=text], input[type=date], input[type=number], input[type=email], select, textarea {
  padding: 8px 10px; border: 1px solid #cfd6dd; border-radius: 6px; font: inherit; background: #fff; width: 100%; }
input:focus, select:focus, textarea:focus { outline: 2px solid rgba(51,91,70,.25); border-color: var(--vert); }
input[readonly] { background: var(--fond); color: var(--doux); }
textarea { min-height: 70px; }
.cases { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 4px 16px; }
.cases label { font-weight: 500; font-size: 13px; display: flex; gap: 6px; align-items: flex-start; }
.barre-actions { position: sticky; bottom: 0; background: rgba(245,247,246,.95); padding: 12px 0; display: flex; gap: 8px; border-top: 1px solid var(--ligne); }

/* kanban des devis */
.kanban { display: grid; grid-template-columns: repeat(6, minmax(190px, 1fr)); gap: 12px; overflow-x: auto; }
.colonne { background: #eef2ef; border-radius: var(--rayon); padding: 10px; min-height: 300px; }
.colonne h3 { font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--doux); margin: 2px 4px 10px;
  display: flex; justify-content: space-between; }
.tuile { background: #fff; border: 1px solid var(--ligne); border-radius: 6px; padding: 10px 12px; margin-bottom: 8px; box-shadow: var(--ombre); display: block; color: inherit; }
.tuile:hover { text-decoration: none; border-color: var(--vert); }
.tuile .t { font-weight: 700; color: var(--encre); font-size: 13px; }
.tuile .m { font-size: 12px; color: var(--doux); margin-top: 4px; display: flex; justify-content: space-between; }
.badge-relance { background: var(--orange-c); color: var(--orange); font-weight: 700; border-radius: 10px; padding: 0 7px; font-size: 11px; }

.frise div.manque { background: #f3f6f4; color: var(--doux); border: 1px dashed #b8c4bc; }
.stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.stats .lib { font-size: 11px; color: var(--doux); text-transform: uppercase; letter-spacing: .04em; font-weight: 700; }
.stats .val { font-size: 17px; font-weight: 800; color: var(--encre); margin-top: 2px; }
.stats .val small { font-size: 11px; font-weight: 600; color: var(--doux); }
@media (max-width: 1250px) { .stats { grid-template-columns: 1fr 1fr; } }
.liste-simple li { align-items: baseline; }
.liste-simple li > span { white-space: nowrap; }
.tuile .m > span:last-child { white-space: nowrap; margin-left: 8px; }

/* --- Nouveau client (fenêtre à la Pennylane) --- */
dialog.nc { border: 0; border-radius: 12px; padding: 0; width: min(780px, calc(100vw - 32px)); max-height: calc(100vh - 48px);
  box-shadow: 0 24px 60px rgba(16,24,40,.28); color: var(--texte); }
dialog.nc::backdrop { background: rgba(16,24,40,.45); }
.nc form { display: flex; flex-direction: column; max-height: calc(100vh - 48px); }
.nc-tete { display: flex; justify-content: space-between; align-items: center; padding: 22px 26px 6px; }
.nc-tete h2 { font-size: 22px; margin: 0; }
.nc-x { border: 0; background: none; font-size: 20px; color: var(--vert); cursor: pointer; }
.nc-corps { padding: 8px 26px 18px; overflow: auto; }
.nc-pied { padding: 14px 26px; border-top: 1px solid var(--ligne); display: flex; justify-content: flex-end; }
.nc-pied .btn { padding: 11px 20px; font-size: 15px; }
.nc-alerte { background: #fdeee8; color: #7a2e0e; border-radius: 8px; padding: 12px 14px; margin: 6px 0 14px; }
.nc-alerte.ko { background: var(--rouge-c); color: var(--rouge); }
.nc-genre { display: flex; gap: 26px; margin: 8px 0 16px; font-size: 15px; }
.nc-genre input { accent-color: var(--vert); width: 18px; height: 18px; vertical-align: -3px; margin-right: 6px; }
.nc-l { display: block; font-size: 13px; color: var(--encre); margin-bottom: 5px; font-weight: 500; }
.nc-opt { color: var(--doux); font-weight: 400; font-size: 12px; }
.nc-grille { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 22px; margin-top: 14px; }
.nc-grille input, .nc-grille textarea, .nc-recherche input { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid var(--ligne); border-radius: 6px; font: inherit; }
.nc-large { grid-column: 1 / -1; }
.nc .vide-requis { border-color: #f5a35c !important; }
.nc-recherche, .nc-adresse { position: relative; }
.nc-liste { position: absolute; z-index: 10; left: 0; right: 0; top: calc(100% + 2px); background: #fff; border: 1px solid var(--ligne);
  border-radius: 8px; box-shadow: 0 10px 28px rgba(16,24,40,.16); max-height: 300px; overflow: auto; }
.nc-adresse .nc-liste { top: 100%; }
.nc-item { display: block; width: 100%; text-align: left; border: 0; background: #fff; padding: 10px 14px; cursor: pointer; font: inherit; border-bottom: 1px solid var(--ligne); }
.nc-item:hover { background: var(--vert-c); }
.nc-item span { display: block; color: var(--doux); font-size: 12px; margin-top: 2px; }
.nc-info { padding: 12px 14px; color: var(--doux); }
.nc-fiche { margin-top: 10px; background: var(--fond); border-radius: 8px; padding: 10px 14px; font-size: 13px; line-height: 1.6; }
@media (max-width: 640px) { .nc-grille { grid-template-columns: 1fr; } }

/* --- Rubrique Mission et « À destination de » (comme Pennylane) --- */
.grille-mission { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px 22px; padding-bottom: 8px; }
.grille-mission .large2 { grid-column: span 2; }
@media (max-width: 900px) { .grille-mission { grid-template-columns: 1fr 1fr; } }
fieldset.mission .champ label { font-weight: 500; font-size: 13px; color: var(--encre); }
fieldset.mission input[type=text], fieldset.mission select { padding: 9px 12px; border-radius: 6px; }
.choix-client { position: relative; }
.cc-bouton { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 9px 12px;
  border: 1px solid var(--encre); border-radius: 6px; background: #fff; font: inherit; text-align: left; cursor: pointer; }
.cc-valeur.vide { color: #98a2b3; }
.cc-fleche { color: var(--encre); font-size: 12px; }
.cc-panneau { position: absolute; z-index: 20; left: 0; right: 0; top: calc(100% + 4px); background: #fff; border: 1px solid var(--ligne);
  border-radius: 8px; box-shadow: 0 12px 30px rgba(16,24,40,.16); overflow: hidden; }
.cc-cherche { width: 100%; box-sizing: border-box; border: 0 !important; border-bottom: 1px solid var(--ligne) !important; border-radius: 0 !important; padding: 11px 14px !important; }
.cc-liste { max-height: 340px; overflow: auto; }
.cc-item { display: block; width: 100%; text-align: left; border: 0; background: #fff; padding: 11px 16px; font: inherit; font-size: 15px; cursor: pointer; color: var(--encre); }
.cc-item span { display: block; font-size: 12px; color: var(--doux); margin-top: 1px; }
.cc-item:hover { background: #f1f5f3; }
.cc-creer { background: #dcece6; color: #4a8a7a; font-weight: 700; }
.cc-creer:hover { background: #cfe5dc; }
.cc-lettre { background: #f6f7f9; padding: 9px 16px; font-weight: 800; color: var(--encre); }

[hidden] { display: none !important; }

/* --- U0 : lisibilité, focus, notifications (31/10/2026) --- */
html, body { font-size: 15px; }
.champ label, fieldset.mission .champ label { font-size: 13px; font-weight: 600; color: var(--encre); }
th { font-size: 12px; }
.prop .k { font-size: 12px; }
.sous { font-size: 13.5px; }
input[type=checkbox], input[type=radio] { width: 18px; height: 18px; accent-color: var(--vert); }
:focus-visible { outline: 3px solid #7fb39a; outline-offset: 2px; border-radius: 4px; }
.btn { min-height: 36px; }
.toast { position: fixed; z-index: 50; right: 24px; bottom: 24px; display: flex; align-items: center; gap: 14px;
  background: var(--vert-f); color: #fff; padding: 12px 16px; border-radius: 10px; font-weight: 600;
  box-shadow: 0 10px 30px rgba(16,24,40,.25); transition: opacity .3s, transform .3s; }
.toast.partie { opacity: 0; transform: translateY(8px); }
.toast-x { background: none; border: 0; color: #CBE2D5; font-size: 15px; cursor: pointer; min-width: 24px; min-height: 24px; }

/* --- U1 : liste des dossiers --- */
.puces-statut { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.puces-statut a { display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; border: 1px solid var(--ligne);
  border-radius: 20px; background: #fff; color: var(--texte); font-weight: 600; font-size: 13.5px; min-height: 32px; }
.puces-statut a:hover { text-decoration: none; border-color: #cbd5e1; }
.puces-statut a.actif { background: var(--vert); border-color: var(--vert); color: #fff; }
.puces-statut a .n { background: var(--gris-c); color: var(--doux); border-radius: 10px; padding: 0 7px; font-size: 12px; }
.puces-statut a.actif .n { background: rgba(255,255,255,.2); color: #fff; }
.pastille-point { width: 8px; height: 8px; border-radius: 50%; display: inline-block; background: #98a2b3; }
.pastille-point.vert { background: var(--vert); } .pastille-point.bleu { background: var(--bleu); } .pastille-point.violet { background: var(--violet); }
.pastille-point.orange { background: #f79009; } .pastille-point.jaune { background: #eaaa08; } .pastille-point.rouge { background: var(--rouge); }
.puces-statut a.actif .pastille-point { background: #fff; }
.filtres-liste { display: grid; grid-template-columns: 2fr 1.3fr .8fr 1.2fr 1fr 1fr .7fr auto; gap: 10px; align-items: end;
  background: #fff; border: 1px solid var(--ligne); border-radius: var(--rayon); padding: 12px 14px; margin-bottom: 10px; }
.filtres-liste label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; font-weight: 600; color: var(--encre); }
.filtres-liste input, .filtres-liste select { padding: 8px 10px; border: 1px solid var(--ligne); border-radius: 6px; font: inherit; font-weight: 400; }
.actions-filtres { display: flex; gap: 6px; }
@media (max-width: 1200px) { .filtres-liste { grid-template-columns: repeat(4, 1fr); } }
.vues { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 12px; }
.vue { display: inline-flex; align-items: center; background: var(--or-c); border-radius: 16px; padding: 3px 4px 3px 12px; font-weight: 600; }
.vue form { margin: 0; } .vue button { border: 0; background: none; cursor: pointer; color: #816845; min-width: 24px; min-height: 24px; }
.vue-nouvelle { display: flex; gap: 6px; margin-left: auto; margin-bottom: 0; }
.vue-nouvelle input { padding: 7px 10px; border: 1px solid var(--ligne); border-radius: 6px; font: inherit; }
.colonnes { position: relative; } .colonnes summary { list-style: none; } .colonnes summary::-webkit-details-marker { display: none; }
#choix-colonnes { position: absolute; right: 0; z-index: 10; background: #fff; border: 1px solid var(--ligne); border-radius: 8px;
  box-shadow: 0 10px 28px rgba(16,24,40,.14); padding: 10px 14px; min-width: 210px; display: grid; gap: 6px; }
#choix-colonnes label { display: flex; gap: 8px; align-items: center; }
.table-carte.bord { border-top: 1px solid var(--ligne); border-radius: var(--rayon); }
th a.tri { color: inherit; } th a.tri.actif { color: var(--vert); }
tfoot td { background: #fafbfa; font-weight: 600; border-top: 2px solid var(--ligne); }
.pages { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 16px; }
::placeholder { color: #667185; opacity: 1; }
.cc-valeur.vide { color: #667185; }
table.liste-dossiers { width: 100%; }
.liste-dossiers td { vertical-align: middle; }
.liste-dossiers td[data-col=donneur_ordres] { max-width: 230px; }
.vue-nouvelle .btn, .actions-filtres .btn { white-space: nowrap; }

/* Vues enregistrées en onglets (comme HubSpot) */
.onglets-vues { display: flex; align-items: flex-end; gap: 4px; border-bottom: 1px solid var(--ligne); margin-bottom: 14px; flex-wrap: wrap; }
.onglets-vues > a, .onglet-vue { display: inline-flex; align-items: center; gap: 4px; padding: 9px 14px; font-weight: 600; color: var(--doux);
  border: 1px solid transparent; border-bottom: 0; border-radius: 8px 8px 0 0; margin-bottom: -1px; min-height: 40px; }
.onglets-vues > a.actif, .onglet-vue.actif { background: #fff; color: var(--encre); border-color: var(--ligne); }
.onglet-vue a { color: inherit; } .onglet-vue form { margin: 0; }
.onglet-vue button { border: 0; background: none; color: var(--doux); cursor: pointer; min-width: 24px; min-height: 24px; }
.vue-plus { position: relative; } .vue-plus summary { list-style: none; cursor: pointer; padding: 9px 12px; color: var(--vert); font-weight: 600; }
.vue-plus summary::-webkit-details-marker { display: none; }
.vue-plus .vue-nouvelle { position: absolute; z-index: 10; top: 100%; left: 0; background: #fff; border: 1px solid var(--ligne);
  border-radius: 8px; padding: 10px; box-shadow: 0 10px 28px rgba(16,24,40,.14); width: 380px; }
.vue-plus .vue-nouvelle input { flex: 1; }
.onglets-vues .colonnes { margin-left: auto; margin-bottom: 6px; }
.touche { display: inline-block; border: 1px solid var(--ligne); border-bottom-width: 2px; border-radius: 4px; padding: 0 5px;
  font-size: 11px; color: var(--doux); font-weight: 600; margin-left: 2px; }

/* --- U2 : fiche dossier modifiable sur place --- */
.en-tete-dossier { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; margin-bottom: 12px; padding: 18px 22px; }
.en-tete-dossier .num { font-size: 12px; font-weight: 700; color: #816845; letter-spacing: .06em; }
.en-tete-dossier h1 { font-size: 24px; margin: 2px 0 8px; }
.et-ligne { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; color: var(--texte); }
.ref { margin-top: 8px; color: var(--doux); font-size: 13px; }
.lien-discret { border: 0; background: none; color: var(--vert); font: inherit; font-weight: 600; cursor: pointer; padding: 2px 4px; min-height: 24px; }
.et-droite { display: flex; gap: 8px; align-items: center; flex-shrink: 0; }
.btn.grand { padding: 11px 18px; font-size: 15px; }
.autres { position: relative; } .autres summary { list-style: none; } .autres summary::-webkit-details-marker { display: none; }
.autres .menu { position: absolute; right: 0; top: calc(100% + 4px); z-index: 20; background: #fff; border: 1px solid var(--ligne);
  border-radius: 8px; box-shadow: 0 12px 30px rgba(16,24,40,.16); min-width: 240px; padding: 6px; display: grid; }
.autres .menu button { text-align: left; border: 0; background: none; padding: 10px 12px; border-radius: 6px; font: inherit; cursor: pointer; }
.autres .menu button:hover { background: var(--vert-c); }
.autres .menu .danger { color: var(--rouge); border-top: 1px solid var(--ligne); border-radius: 0 0 6px 6px; margin-top: 4px; }
.bandeau { padding: 10px 16px; border-radius: 8px; margin-bottom: 12px; font-weight: 600; }
.bandeau.rouge { background: var(--rouge-c); color: var(--rouge); } .bandeau.jaune { background: var(--jaune-c); color: var(--jaune); }
.bandeau.gris { background: var(--gris-c); color: var(--texte); }
.frise-u2 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin: 0 0 16px; }
.frise-u2 button { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 10px 6px; border: 1px solid var(--ligne);
  border-radius: 8px; background: #fff; font: inherit; cursor: pointer; color: var(--doux); }
.frise-u2 button.fait { background: var(--vert); border-color: var(--vert); color: #fff; }
.frise-u2 button.courant { background: var(--or-c); border-color: var(--or); color: #614C30; box-shadow: inset 0 0 0 1px var(--or); }
.frise-u2 button:hover:not(:disabled) { filter: brightness(.97); }
.frise-u2 button:disabled { cursor: default; }
.et-lib { font-weight: 700; } .et-date { font-size: 13px; }
.fiche3 { grid-template-columns: 380px 1fr 300px; }
@media (max-width: 1300px) { .fiche3 { grid-template-columns: 340px 1fr; } }
.proprietes h2 { margin: 18px 0 4px; font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: var(--vert); }
.proprietes h2:first-child { margin-top: 0; }
.ed-prop .k { display: flex; justify-content: space-between; align-items: center; text-transform: none; letter-spacing: 0; font-size: 12.5px; font-weight: 600; }
.hist { border: 0; background: none; color: #8a96a8; cursor: pointer; min-width: 24px; min-height: 24px; font-size: 14px; border-radius: 4px; }
.hist:hover { background: var(--gris-c); color: var(--encre); }
.v.ed { cursor: text; border-radius: 6px; padding: 4px 6px; margin: 1px -6px 0; border: 1px solid transparent; min-height: 30px; }
.v.ed:hover { background: #f4f7f5; border-color: var(--ligne); }
.v.ed:hover::after { content: "✎"; float: right; color: var(--doux); }
.v.ed.en-edition { background: #fff; border-color: transparent; padding: 0; margin: 0; }
.v.ed.en-edition::after { content: none; }
.ed-champ { width: 100%; padding: 8px 10px; border: 2px solid var(--vert); border-radius: 6px; font: inherit; background: #fff; }
.vide-champ { color: #8a96a8; }
.docs { display: flex; flex-wrap: wrap; gap: 6px; padding: 6px 0 10px; }
.doc { border: 1px solid var(--ligne); background: #fff; border-radius: 16px; padding: 6px 12px; font: inherit; font-size: 13px; cursor: pointer; text-align: left; min-height: 30px; }
.doc.oui { background: var(--vert-c); border-color: var(--vert); color: var(--vert-f); font-weight: 600; }
.doc.oui::before { content: "✓ "; }
.docs[data-lecture] .doc { cursor: default; }
.titre-act { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 6px; }
.titre-act h2 { margin: 0; }
.filtres-act { display: flex; gap: 4px; flex-wrap: wrap; }
.filtres-act button { border: 1px solid var(--ligne); background: #fff; border-radius: 14px; padding: 4px 10px; font: inherit; font-size: 12.5px; cursor: pointer; min-height: 28px; }
.filtres-act button.actif { background: var(--vert); color: #fff; border-color: var(--vert); }
.stats-fiche { display: grid; gap: 10px; } .stats-fiche span { display: block; font-size: 12.5px; color: var(--doux); font-weight: 600; }
.stats-fiche b { font-size: 20px; color: var(--encre); }
.pop { position: absolute; z-index: 40; width: 340px; background: #fff; border: 1px solid var(--ligne); border-radius: 10px;
  box-shadow: 0 14px 36px rgba(16,24,40,.2); padding: 12px 14px; max-height: 380px; overflow: auto; }
.pop-titre { font-weight: 700; color: var(--encre); margin-bottom: 8px; }
.pop-ligne { padding: 7px 0; border-bottom: 1px solid var(--ligne); font-size: 13.5px; } .pop-ligne:last-child { border-bottom: 0; }
.pop-date label { display: grid; gap: 4px; font-weight: 600; font-size: 13px; }
.pop-date input { padding: 9px 10px; border: 1px solid var(--ligne); border-radius: 6px; font: inherit; }
.pop-boutons { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; }
.toast.ko { background: var(--rouge); }
.toast-annuler { background: rgba(255,255,255,.18); border: 0; color: #fff; font: inherit; font-weight: 700; padding: 4px 10px; border-radius: 6px; cursor: pointer; min-height: 28px; }
dialog.nc.petite { width: min(480px, calc(100vw - 32px)); }
.btn.danger-plein { background: var(--rouge); border-color: var(--rouge); color: #fff; }

/* --- U3 : création rapide --- */
.creation { max-width: 860px; }
.creation-form { padding: 22px 24px; }
.adresse-auto { position: relative; }
.adresse-auto .nc-liste { top: 70px; }
.avis-bouton { display: block; width: calc(100% - 8px); margin: 16px 4px 0; padding: 10px; border-radius: 8px; border: 1px dashed rgba(255,255,255,.35); background: rgba(255,255,255,.06); color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.avis-bouton:hover { background: rgba(255,255,255,.14); }

.toast { z-index: 2000; } .pop { z-index: 1500; } .autres .menu { z-index: 1200; }

/* --- Clients (comme Pennylane) --- */
.barre-clients { margin-bottom: 6px; } .barre-clients input { width: 280px; padding: 8px 12px; border: 1px solid var(--ligne); border-radius: 6px; font: inherit; }
.onglets-clients { margin-bottom: 0; }
.onglets .n.orange { background: var(--orange-c); color: var(--orange); }
.liste-clients tr.cliquable { cursor: pointer; } .liste-clients tr.cliquable:hover td { background: #f7faf8; }
.contacts-cell { max-width: 240px; color: var(--doux); font-size: 13.5px; }
.pastille.orange { background: var(--orange-c); color: var(--orange); }
.pied-liste { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; flex-wrap: wrap; gap: 10px; }
.par-page { display: flex; align-items: center; gap: 4px; color: var(--doux); }
.par-page a, .pagination a { display: inline-grid; place-items: center; min-width: 30px; min-height: 30px; padding: 0 6px; border: 1px solid var(--ligne); border-radius: 6px; background: #fff; color: var(--encre); }
.par-page a.actif, .pagination a.actif { background: var(--vert); color: #fff; border-color: var(--vert); }
.pagination { display: flex; align-items: center; gap: 4px; color: var(--doux); } .pagination > span:first-child { margin-right: 8px; }
.maitre-detail { display: grid; grid-template-columns: 280px 1fr; gap: 0; margin: -22px -28px -60px; min-height: calc(100vh - 55px); }
.md-liste { background: #fff; border-right: 1px solid var(--ligne); padding: 18px 0; display: flex; flex-direction: column; position: sticky; top: 55px; height: calc(100vh - 55px); }
.md-titre { padding: 0 18px 10px; font-size: 20px; font-weight: 700; } .md-titre a { color: var(--encre); }
.md-cherche { padding: 0 18px 10px; } .md-cherche input { width: 100%; padding: 7px 10px; border: 1px solid var(--ligne); border-radius: 6px; font: inherit; }
.md-onglet { padding: 6px 18px 8px; font-weight: 700; color: var(--vert); border-bottom: 2px solid var(--vert); margin: 0 18px; }
.md-onglet .n { background: var(--gris-c); color: var(--doux); border-radius: 10px; padding: 0 7px; font-size: 12px; }
.md-liste ul { list-style: none; margin: 0; padding: 0; overflow: auto; flex: 1; }
.md-liste li a { display: block; padding: 11px 18px; border-bottom: 1px solid var(--ligne); color: var(--encre); }
.md-liste li a:hover { background: #f4f7f5; text-decoration: none; }
.md-liste li.actif a { background: var(--vert-c); font-weight: 700; box-shadow: inset 3px 0 0 var(--vert); }
.md-pages { display: flex; align-items: center; gap: 6px; padding: 10px 18px 0; color: var(--doux); font-size: 13px; }
.md-pages a { display: inline-grid; place-items: center; min-width: 28px; min-height: 28px; border: 1px solid var(--ligne); border-radius: 6px; }
.md-detail { padding: 22px 28px 60px; min-width: 0; }
.md-entete { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.md-nom { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .md-nom h1 { font-size: 22px; }
.md-actions { display: flex; gap: 8px; } .md-actions .btn:disabled { opacity: .5; cursor: default; }
.md-h2 { font-size: 18px; margin: 22px 0 10px; }
.chiffres { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.chiffres .carte span { display: block; color: var(--doux); font-size: 13px; margin-bottom: 8px; } .chiffres .carte b { font-size: 24px; color: var(--encre); }
@media (max-width: 1200px) { .chiffres { grid-template-columns: 1fr 1fr; } }
.md-onglets-carte { padding: 0; } .md-onglets { padding: 0 18px; } .md-contenu { padding: 18px; }
.contact-nouveau { margin-bottom: 14px; } .contact-nouveau summary { list-style: none; display: inline-flex; } .contact-nouveau summary::-webkit-details-marker { display: none; }
.contact-nouveau input { width: 100%; padding: 9px 10px; border: 1px solid var(--ligne); border-radius: 6px; font: inherit; }
.fiche-client .nc-grille input, .fiche-client .nc-grille textarea, .fiche-client .nc-recherche input { background: #fff; }
.liste-clients td.num { white-space: nowrap; }

/* --- U4 : palette Ctrl+K et raccourcis --- */
.recherche-haut { position: relative; } .recherche-haut input { cursor: pointer; }
.kbd-haut { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; }
kbd { display: inline-block; min-width: 20px; padding: 1px 6px; border: 1px solid var(--ligne); border-bottom-width: 2px; border-radius: 5px;
  background: #fff; color: var(--doux); font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1.5; text-align: center; }
dialog.palette { border: 0; border-radius: 12px; padding: 0; width: min(640px, calc(100vw - 32px)); margin-top: 12vh;
  box-shadow: 0 24px 60px rgba(16,24,40,.28); overflow: hidden; }
dialog.palette::backdrop { background: rgba(16,24,40,.40); }
.palette > input { width: 100%; border: 0; border-bottom: 1px solid var(--ligne); padding: 18px 20px; font-family: inherit; font-size: 17px; font-weight: 500; outline: none; }
.pal-liste { max-height: 52vh; overflow: auto; padding: 6px 0; }
.pal-groupe { padding: 10px 20px 4px; font-size: 12px; font-weight: 700; color: var(--doux); }
.pal-item { display: flex; align-items: center; gap: 12px; padding: 9px 20px; cursor: pointer; min-height: 24px; }
.pal-item.actif { background: var(--vert-c); box-shadow: inset 3px 0 0 var(--vert); }
.pal-ic { width: 18px; text-align: center; color: var(--doux); } .pal-lib { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pal-lib small { color: var(--doux); margin-left: 6px; }
.pal-vide { padding: 18px 20px; color: var(--doux); }
.pal-pied { display: flex; gap: 16px; padding: 10px 20px; border-top: 1px solid var(--ligne); background: #f8faf9; color: var(--doux); font-size: 12.5px; flex-wrap: wrap; }
table.raccourcis td { padding: 7px 8px; border: 0; } table.raccourcis td:first-child { white-space: nowrap; width: 130px; }

/* --- U5 : Ma journée, devis --- */
.bandeau-kpi { display: flex; flex-wrap: wrap; gap: 0; background: #fff; border: 1px solid var(--ligne); border-radius: var(--rayon); margin-bottom: 18px; box-shadow: var(--ombre); }
.bandeau-kpi > * { flex: 1 1 140px; padding: 12px 16px; border-right: 1px solid var(--ligne); color: var(--encre); }
.bandeau-kpi > *:last-child { border-right: 0; } .bandeau-kpi a:hover { background: #f7faf8; text-decoration: none; }
.bandeau-kpi span { display: block; font-size: 12.5px; color: var(--doux); } .bandeau-kpi b { font-size: 20px; }
.journee { display: grid; grid-template-columns: repeat(auto-fill, minmax(420px, 1fr)); gap: 16px; align-items: start; }
.jr h2 { display: flex; align-items: center; gap: 8px; } .jr h2 .n { background: var(--gris-c); color: var(--doux); border-radius: 10px; padding: 0 8px; font-size: 12.5px; }
.jr ul { list-style: none; margin: 0; padding: 0; }
.jr li { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 9px 0; border-bottom: 1px solid var(--ligne); }
.jr li:last-child { border-bottom: 0; } .jr li > a:first-child { flex: 1 1 200px; min-width: 0; }
.jr-sous { color: var(--doux); font-size: 13px; flex: 1 1 140px; } .jr-date { color: var(--doux); font-size: 13px; white-space: nowrap; }
.jr-date.retard { color: var(--rouge); font-weight: 700; } .jr li.fait { opacity: .55; }
.jr-tout { display: inline-block; margin-top: 10px; font-weight: 600; }
.jr-fort { border-color: var(--vert); box-shadow: inset 4px 0 0 var(--vert), var(--ombre); }
.kanban[data-glisser] .tuile { cursor: grab; } .tuile.glisse { opacity: .4; }
.colonne.cible { outline: 2px dashed var(--vert); outline-offset: -4px; background: var(--vert-c); }
.tuile a.t { display: block; } .tuile .m .btn { margin-top: 4px; }

/* --- U6 : visites et téléphone --- */
.nav a i { font-style: normal; width: 16px; text-align: center; }
.vis { margin-bottom: 12px; } .vis-tete { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.vis-lieu { margin-top: 6px; font-weight: 600; color: var(--encre); } .vis-sous { color: var(--doux); font-size: 13px; margin-top: 2px; }
.vis-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; } .vis-actions .btn { min-height: 40px; }
.vis-note { margin-top: 12px; } .vis-note summary { cursor: pointer; font-weight: 600; color: var(--vert); min-height: 28px; }
.vis-note textarea { width: 100%; margin: 8px 0; padding: 10px; border: 1px solid var(--ligne); border-radius: 6px; font: inherit; }
.vis-jour { font-size: 17px; margin: 22px 0 10px; } .vis-date { font-weight: 700; color: var(--doux); margin: 14px 0 8px; font-size: 13px; }
.vis, .vis-jour, .vis-date, .vide { max-width: 760px; }

@media (max-width: 760px) {
  html, body { font-size: 15px; }
  .app { display: block; }
  .nav { position: fixed; z-index: 900; top: auto; bottom: 0; left: 0; right: 0; height: auto; display: flex; justify-content: space-around;
    padding: 4px 4px calc(4px + env(safe-area-inset-bottom)); border-top: 1px solid rgba(255,255,255,.1); }
  .nav .marque, .nav .sep, .nav .pied, .nav .avis-bouton, .nav .nav-admin { display: none; }
  .nav a { flex-direction: column; gap: 2px; padding: 6px 4px; font-size: 11px; margin: 0; flex: 1; min-width: 0; text-align: center; min-height: 48px; justify-content: center; }
  .nav a i { font-size: 18px; width: auto; } .nav a.actif { box-shadow: inset 0 3px 0 var(--or); }
  .haut { padding: 8px 16px; } .haut form { max-width: none; } .kbd-haut { display: none; }
  .contenu { padding: 16px 16px 96px; }
  .entete { align-items: flex-start; } h1 { font-size: 20px; }
  .btn { min-height: 40px; } .btn.petit { min-height: 34px; }
  table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .journee { grid-template-columns: 1fr; } .bandeau-kpi > * { flex: 1 1 45%; border-bottom: 1px solid var(--ligne); }
  .fiche, .fiche3 { grid-template-columns: 1fr !important; }
  .maitre-detail { display: block; margin: -16px -16px 0; } .md-liste { display: none; } .md-detail { padding: 16px; }
  .chiffres { grid-template-columns: 1fr 1fr; }
  .filtres-liste { grid-template-columns: 1fr 1fr !important; }
  dialog.palette { margin-top: 4vh; } .pal-pied { display: none; }
  .toast { left: 16px; right: 16px; bottom: 84px; }
}
/* Logo officiel CAREX (charte : sans ombre, zone de tranquillité respectée) */
.nav a.marque { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 6px 10px 18px; background: none; box-shadow: none; }
.nav a.marque img { display: block; height: 37px; width: auto; }
.nav a.marque small { font-weight: 600; font-size: 12px; color: #CBE2D5; padding-left: 2px; }
@media (max-width: 760px) {
  .nav a.marque { display: none; }
  .et-droite { flex-wrap: wrap; justify-content: flex-start; } .autres .menu { right: auto; left: 0; }
  .frise { flex-wrap: wrap; }
}
@media (max-width: 760px) {
  .en-tete-dossier { flex-direction: column; padding: 14px 16px; } .en-tete-dossier h1 { font-size: 20px; }
  .et-droite { flex-shrink: 1; max-width: 100%; }
  .frise-u2 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) { .autres .menu { position: fixed; left: 16px; right: 16px; top: auto; bottom: 84px; min-width: 0; } }
.relance-confirmer { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 13px; color: var(--encre); font-weight: 600; }
.relance-faite { color: var(--vert); font-weight: 700; }

/* --- Module commercial : affaires --- */
.barre-affaires { display: flex; gap: 8px; margin: 0 0 12px; flex-wrap: wrap; }
.barre-affaires input, .barre-affaires select { padding: 8px 12px; border: 1px solid var(--ligne); border-radius: 6px; font: inherit; background: #fff; }
.barre-affaires input { width: 280px; }
.kanban-affaires { grid-template-columns: repeat(var(--cols, 9), minmax(200px, 1fr)); }
.kanban-affaires .colonne h3 small { font-weight: 600; color: var(--doux); text-transform: none; letter-spacing: 0; }
.colonne.col-gagnee { background: var(--vert-c); } .colonne.col-perdue { background: #f6eeee; } .colonne.col-attente { background: var(--or-c); }
.frise-affaire { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 16px; }
.frise-affaire button { border: 1px solid var(--ligne); background: #fff; border-radius: 6px; padding: 9px 12px; font: inherit; font-weight: 600;
  color: var(--texte); cursor: pointer; min-height: 40px; }
.frise-affaire button:hover:not(:disabled) { border-color: var(--vert); color: var(--vert); }
.frise-affaire button.courant { background: var(--vert); color: #fff; border-color: var(--vert); }
.frise-affaire button.nature-perdue.courant { background: var(--rouge); border-color: var(--rouge); }
.frise-affaire button.nature-attente.courant { background: var(--or); border-color: var(--or); color: var(--encre); }
.frise-affaire button:disabled { cursor: default; }
.fiche-affaire { display: grid; grid-template-columns: 1fr 360px; gap: 16px; align-items: start; }
.fiche-affaire > div > .carte { margin-bottom: 16px; }
.form-affaire-fiche input, .form-affaire-fiche select, .form-affaire-fiche textarea, .form-affaire input, .form-affaire select, .form-affaire textarea,
.ajout-interloc select, .fusion select { width: 100%; padding: 9px 10px; border: 1px solid var(--ligne); border-radius: 6px; font: inherit; background: #fff; }
.form-affaire-fiche .cases { display: flex; flex-direction: column; gap: 6px; justify-content: center; } .form-affaire-fiche .cases input { width: auto; }
.form-affaire-fiche .cases label { display: flex; align-items: center; gap: 8px; }
.echange { display: flex; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--ligne); } .echange:last-child { border-bottom: 0; }
.ech-ic { flex: none; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--gris-c); color: var(--doux); }
.ech-ic.t-appel, .ech-ic.t-reunion { background: var(--vert-c); color: var(--vert); } .ech-ic.t-email { background: var(--or-c); color: #816845; }
.ech-corps { white-space: pre-wrap; margin: 4px 0; } .echange .meta { color: var(--doux); font-size: 12.5px; }
.tache { display: flex; gap: 8px; align-items: flex-start; padding: 7px 0; border-bottom: 1px solid var(--ligne); cursor: pointer; }
.tache input { margin-top: 3px; width: 18px; height: 18px; } .tache .sous { display: block; } .tache.retard .sous { color: var(--rouge); font-weight: 600; }
.interloc { display: flex; gap: 6px; align-items: baseline; flex-wrap: wrap; padding: 6px 0; border-bottom: 1px solid var(--ligne); }
.interloc .lien-discret { margin-left: auto; }
.ajout-interloc, .fusion { display: grid; gap: 6px; margin-top: 10px; }
.carte h2 .n { background: var(--gris-c); color: var(--doux); border-radius: 10px; padding: 0 8px; font-size: 12.5px; }
.jr-commercial { margin-bottom: 16px; }
@media (max-width: 1100px) { .fiche-affaire { grid-template-columns: 1fr; } }
.barre-affaires select { width: auto; min-width: 220px; }
.kanban-affaires { grid-template-columns: repeat(var(--cols, 9), minmax(170px, 1fr)); gap: 10px; padding-bottom: 8px; }
.kanban-affaires .colonne { min-height: 260px; padding: 8px; }
.kanban-affaires .colonne h3 { margin-bottom: 2px; }
.col-total { font-size: 12px; color: var(--encre); font-weight: 700; margin: 0 4px 10px; font-variant-numeric: tabular-nums; }
.col-total span { color: var(--doux); font-weight: 600; }
.kanban-affaires .tuile .m { flex-wrap: wrap; }
.colonne-fin { display: flex; flex-direction: column; gap: 10px; }
.zone { border-radius: var(--rayon); padding: 8px; border: 2px dashed transparent; min-height: 76px; }
.zone h3 { font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--doux); margin: 2px 4px 4px; display: flex; justify-content: space-between; }
.zone-gagnee { background: var(--vert-c); } .zone-attente { background: var(--or-c); } .zone-perdue { background: #f6eeee; }
.zone.cible { border-color: var(--vert); }
.zone-liste { max-height: 180px; overflow: auto; }
.tuile.mini { padding: 6px 8px; margin-bottom: 5px; box-shadow: none; } .tuile.mini .t { font-size: 12.5px; }
.zone-aide { font-size: 12px; color: var(--doux); padding: 4px; text-align: center; }
.kanban-affaires .colonne { background: #eef2ef; }
.form-affaire-fiche .barre-actions, .form-affaire .barre-actions { position: static; margin: 14px 0 0; padding: 0; background: none; border: 0; box-shadow: none; }
.tb-chiffre { font-size: 24px; font-weight: 800; color: var(--encre); }
.tb-etapes { margin-top: 10px; font-size: 13px; } .tb-etapes td, .tb-etapes th { padding: 4px 6px; }