/* Lot B4 (22/10) : Clients, fiche client, corbeille, appels de l'agent, agenda, transmissions (en ligne).
   Recadrage du 21/10 : jetons --ap-… seulement (texte 13 px, grille 4 px, filets, un seul bleu d'action,
   trois couleurs d'état), une ligne par élément, aucun cadre dans un cadre. */
.ce{font-family:var(--ap-police);font-size:var(--ap-t-m);line-height:var(--ap-li);color:hsl(var(--ap-encre));display:flex;flex-direction:column;gap:var(--ap-e3);max-width:1280px;margin:0 auto;padding:var(--ap-e3) var(--ap-e4) var(--ap-e5);box-sizing:border-box;width:100%}
.ce-tete{display:flex;align-items:center;gap:var(--ap-e2) var(--ap-e3);flex-wrap:wrap;min-height:var(--ap-h-ctrl-l)}
.ce-tete h1{margin:0;font-size:var(--ap-t-titre);font-weight:var(--ap-g-titre);line-height:var(--ap-li-serre)}
.ce-n{font-size:var(--ap-t-s);color:hsl(var(--ap-doux));font-weight:var(--ap-g-moyen)}
.ce-gestes{margin-left:auto;display:flex;gap:var(--ap-e2);flex-wrap:wrap;align-items:center}
.ce-cherche{flex:1 1 280px;max-width:420px;min-width:0;height:var(--ap-h-ctrl);padding:0 var(--ap-e3);border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);font:inherit;font-size:var(--ap-t-m);background:hsl(var(--ap-carte));color:hsl(var(--ap-encre))}
.ce-cherche:focus,.ce-in:focus{outline:2px solid hsl(var(--ap-action)/.35);border-color:hsl(var(--ap-action))}
.ce-b{display:inline-flex;align-items:center;height:var(--ap-h-ctrl);padding:0 var(--ap-e3);border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);background:hsl(var(--ap-carte));color:hsl(var(--ap-encre));font:inherit;font-size:var(--ap-t-s);font-weight:var(--ap-g-titre);cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.ce-b:hover{background:hsl(var(--ap-fond))}
.ce-b.prim{background:hsl(var(--ap-action));border-color:hsl(var(--ap-action));color:hsl(var(--ap-carte))}
.ce-b.prim:hover{background:hsl(var(--ap-action-fort))}
.ce-b:disabled{opacity:.45;cursor:default}
.ce-in{flex:1 1 220px;min-width:0;height:var(--ap-h-ctrl);padding:0 var(--ap-e2);border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);font:inherit;font-size:var(--ap-t-s);background:hsl(var(--ap-carte));color:hsl(var(--ap-encre))}
.ce-phrase{margin:0;font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.ce-msg{margin:0;font-size:var(--ap-t-s);font-weight:var(--ap-g-moyen);color:hsl(var(--ap-ambre))}
.ce-msg.ok{color:hsl(var(--ap-vert))}
.ce-msg.non{color:hsl(var(--ap-rouge))}
.ce-tag{display:inline-block;font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre);padding:2px var(--ap-e2);border-radius:var(--ap-r-s);background:hsl(var(--ap-gris-doux));color:hsl(var(--ap-doux));white-space:nowrap}
.ce-tag.rouge{color:hsl(var(--ap-rouge));background:hsl(var(--ap-rouge-doux))}
.ce-tag.orange{color:hsl(var(--ap-ambre));background:hsl(var(--ap-ambre-doux))}
.ce-tag.vert{color:hsl(var(--ap-vert));background:hsl(var(--ap-vert-doux))}
.ce-lien{color:hsl(var(--ap-action));text-decoration:none;font-weight:var(--ap-g-moyen)}
/* Liste des clients : un tableau simple (filet + ombre 1). */
.ce-t{width:100%;border-collapse:collapse;background:hsl(var(--ap-carte));border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-l);box-shadow:var(--ap-ombre-1);overflow:hidden}
.ce-t th{text-align:left;font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre);color:hsl(var(--ap-doux));text-transform:uppercase;letter-spacing:.02em;padding:var(--ap-e2) var(--ap-e3);border-bottom:1px solid hsl(var(--ap-trait))}
.ce-t td{padding:6px var(--ap-e3);border-top:1px solid hsl(var(--ap-trait));height:calc(var(--ap-h-ligne) - 12px);vertical-align:middle;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ce-t td small{display:block;font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.ce-t .num{font-variant-numeric:tabular-nums}
.ce-t .r{text-align:right}
.ce-l{cursor:pointer}
.ce-l:hover{background:hsl(var(--ap-fond))}
.ce-ouvrir{font-size:var(--ap-t-s);color:hsl(var(--ap-action));font-weight:var(--ap-g-titre)}
.ce-pages{display:flex;align-items:center;justify-content:center;gap:var(--ap-e3);font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
/* Fiche client, corbeille, appels, transmissions : des blocs en lignes. */
.ce-coordonnees{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ap-e2);font-size:var(--ap-t-m)}
.ce-notes{margin:0;padding:var(--ap-e2) var(--ap-e3);list-style:none;background:hsl(var(--ap-ambre-doux));border-radius:var(--ap-r-m);font-size:var(--ap-t-s)}
.ce-blocs{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:var(--ap-e3);align-items:start}
.ce-bloc{background:hsl(var(--ap-carte));border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-l);box-shadow:var(--ap-ombre-1);padding:var(--ap-e3) var(--ap-e4)}
.ce-bloc h2{margin:0 0 var(--ap-e1);font-size:var(--ap-t-l);font-weight:var(--ap-g-titre);display:flex;align-items:center;gap:var(--ap-e2)}
.ce-replie>summary{cursor:pointer;list-style:none}
.ce-replie>summary::-webkit-details-marker{display:none}
.ce-replie:not([open]) h2{margin:0}
.ce-as{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ce-a,.ce-c,.ce-rdv{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;gap:var(--ap-e1) var(--ap-e3);align-items:center;padding:6px 0;border-top:1px solid hsl(var(--ap-trait))}
.ce-as>li:first-child{border-top:0}
/* Colonnes fixes : chaque ligne aligne date, étiquette et texte sur ses voisines. */
.ce-a{grid-template-columns:84px 140px minmax(0,1fr) auto auto}
.ce-c{grid-template-columns:84px 116px minmax(0,1fr) auto}
.ce-tag.ce-vide{background:none;padding:0}
.ce-a>.ce-tag,.ce-c>.ce-tag{justify-self:start;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.ce-rdv{grid-template-columns:96px minmax(0,1fr) auto}
.ce-date{font-size:var(--ap-t-s);color:hsl(var(--ap-doux));white-space:nowrap;font-variant-numeric:tabular-nums}
.ce-lib{min-width:0;display:flex;flex-direction:column}
.ce-lib b{font-weight:var(--ap-g-moyen);overflow:hidden;text-overflow:ellipsis}
.ce-lib small{font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.ce-apercu{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ce-note{color:hsl(var(--ap-encre)) !important}
.ce-montant{font-weight:var(--ap-g-titre);white-space:nowrap}
.ce-act{display:flex;gap:var(--ap-e1);align-items:center;flex-wrap:wrap;justify-content:flex-end}
[data-transmission]{padding-left:var(--ap-e2)}
.ce-c.ce-urgent{box-shadow:inset 3px 0 0 hsl(var(--ap-rouge))}
/* Onglets des échanges, filtres. */
.ce-onglets,.ce-seg{display:inline-flex;border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);overflow:hidden}
.ce-onglets button,.ce-seg button{height:calc(var(--ap-h-ctrl) - 2px);padding:0 var(--ap-e3);border:0;border-left:1px solid hsl(var(--ap-trait));background:hsl(var(--ap-carte));font:inherit;font-size:var(--ap-t-s);color:hsl(var(--ap-encre));cursor:pointer;display:inline-flex;align-items:center;gap:var(--ap-e1)}
.ce-onglets button:first-child,.ce-seg button:first-child{border-left:0}
.ce-onglets button.on,.ce-seg button.on{background:hsl(var(--ap-action-doux));color:hsl(var(--ap-action-fort));font-weight:var(--ap-g-titre)}
.ce-onglets button{height:calc(var(--ap-h-ctrl-l) - 2px);font-size:var(--ap-t-m)}
.ce-pastille{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:hsl(var(--ap-ambre-vif));color:hsl(var(--ap-carte));font-size:var(--ap-t-xs);font-weight:var(--ap-g-chiffre);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
.ce-barre{display:flex;align-items:center;gap:var(--ap-e2) var(--ap-e3);flex-wrap:wrap}
.ce>.ce-as{background:hsl(var(--ap-carte));border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-l);box-shadow:var(--ap-ombre-1);padding:var(--ap-e1) var(--ap-e4)}
.ce-agenda{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--ap-e3);align-items:start}
.ce-jour{background:hsl(var(--ap-carte));border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-l);box-shadow:var(--ap-ombre-1);padding:var(--ap-e2) var(--ap-e4)}
.ce-jour h3{margin:0 0 var(--ap-e1);font-size:var(--ap-t-m);font-weight:var(--ap-g-titre);text-transform:capitalize}
/* Réglages de l'agent, lus (panneau « Réglages de cette page »). */
.ce-reglages{display:flex;flex-direction:column;gap:var(--ap-e2);font-size:var(--ap-t-s)}
.ce-reglages dl{display:grid;grid-template-columns:minmax(120px,auto) minmax(0,1fr);gap:2px var(--ap-e3);margin:0}
.ce-reglages dt{color:hsl(var(--ap-doux))}
.ce-reglages dd{margin:0}
@media (max-width:700px){
  .ce{padding:var(--ap-e2) var(--ap-e4) var(--ap-e5)}
  .ce-cache-tel{display:none}
  .ce-cherche{max-width:none;flex-basis:100%}
  .ce-gestes{margin-left:0}
  .ce-blocs{grid-template-columns:minmax(0,1fr)}
  .ce-a,.ce-c{grid-template-columns:auto minmax(0,1fr)}
  .ce-a .ce-lib,.ce-c .ce-lib{grid-column:1/-1}
  .ce-act{grid-column:1/-1;justify-content:flex-start}
  .ce-montant{grid-column:auto}
  .ce-agenda{grid-template-columns:minmax(0,1fr)}
  .ce-rdv{grid-template-columns:84px minmax(0,1fr)}
  .ce-rdv .ce-tag{grid-column:2}
  .ce-onglets{width:100%}
  .ce-onglets button{flex:1 1 0;justify-content:center;padding:0 var(--ap-e1)}
}