/* ═══════════════════════════════════════════════════════════════════════════
   Fiche d'appel partagée — le style de call-card.js.

   Tout est scopé sous « .xd » : la page hôte enveloppe la fiche dans un
   <div class="xd">, et rien d'ici ne peut déteindre sur le reste de la page.
   Les couleurs viennent de theme.css (variables), jamais en dur.

   Utilisée par : closer-dashboard.html (accueil), closer-report.html (EOD).
   ═══════════════════════════════════════════════════════════════════════════ */

.xd .muted{color:var(--muted-2)}
.xd .block .bt{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--muted-2);margin-bottom:6px}
.xd .block p{margin:0;font-size:13px;color:var(--txt);line-height:1.5}
.xd .obj{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.45;padding:4px 0;color:var(--txt)}
.xd .obj .ic{flex:none;font-weight:900;font-size:12px;margin-top:1px}
.xd .obj.handled .ic{color:var(--green)} .xd .obj.unhandled .ic{color:var(--red)}
.xd .obj .cat{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;border-radius:6px;padding:1px 6px;margin-right:6px;white-space:nowrap;color:var(--red);background:rgba(255,107,129,.12)}
.xd .rec{margin-top:14px} .xd .rec a{color:var(--teal);text-decoration:none;font-size:12.5px;font-weight:700} .xd .rec a:hover{text-decoration:underline}
.xd .tag{font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:999px;letter-spacing:.3px;white-space:nowrap}
.xd .tag.fq{color:var(--green);background:rgba(55,224,140,.14)} .xd .tag.nfq{color:var(--red);background:rgba(255,107,129,.14)}
.xd .tag.warn{color:var(--amber);background:rgba(255,180,84,.16)}
.xd .tag.offered{color:var(--violet);background:rgba(177,139,255,.16)}
.xd .tag.twocall{color:var(--teal);background:rgba(20,224,192,.14)}
.xd .headline{font-size:12.5px;color:var(--muted);margin:8px 0 2px}
.xd .chiprow{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.xd .deal{font-weight:900;color:var(--green);font-variant-numeric:tabular-nums}

/* Bande de faits + 2 colonnes + replis */
.xd .facts{margin-top:12px;padding:11px 14px;background:var(--panel-2);border:1px solid var(--line);border-radius:11px}
.xd .factrow{display:flex;flex-wrap:wrap;gap:8px 22px}
.xd .na{margin:0;font-size:12.5px;color:var(--muted-2);font-style:italic}
.xd .nextcall{display:flex;flex-wrap:wrap;gap:8px 26px;padding:10px 14px;background:var(--panel-2);border:1px solid var(--line);border-radius:11px}
.xd .fact{display:flex;flex-direction:column;gap:1px;min-width:80px;max-width:230px}
.xd .fact .fl{font-size:9.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted-2);font-weight:800;white-space:nowrap}
.xd .fact .fv{font-size:12.5px;font-weight:800}
.xd .fact .fs{font-size:10.5px;color:var(--muted-2)}
.xd .xcols{display:grid;grid-template-columns:1.1fr 1fr;gap:4px 22px;align-items:start;margin-top:2px}
@media(max-width:980px){.xd .xcols{grid-template-columns:1fr}}
.xd .sect{margin-top:14px}
.xd .clamp{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.xd .clamp.open{display:block;-webkit-line-clamp:unset;overflow:visible}
.xd .xmore{background:none;border:none;color:var(--violet);font-size:11px;font-weight:700;cursor:pointer;padding:3px 0 0;font-family:inherit}
.xd .xmore:hover{text-decoration:underline}

/* Bandeau « ce qui a manqué » — le seul reproche que la fiche se permet */
.xd .flag{margin-top:12px;padding:11px 14px;border-radius:11px;font-size:12.5px;background:rgba(255,107,129,.09);border:1px solid rgba(255,107,129,.26);color:var(--red-ink)}
.xd .flag b{color:var(--txt)}

/* Historique setting : appels, SMS, échanges regroupés */
.xd .histwrap{padding-right:6px}
.xd .hi.smsclamp .smsbody{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.xd .hi.smsclamp.open .smsbody{display:block;-webkit-line-clamp:unset;overflow:visible}
.xd .smsblock{border:1px solid var(--line);border-radius:10px;margin:5px 0;background:var(--ov-1)}
.xd .smsblock .sbh{display:flex;align-items:baseline;gap:8px;padding:8px 11px;cursor:pointer;font-size:12px;font-weight:700;color:var(--muted);flex-wrap:wrap}
.xd .smsblock .sbh:hover{background:var(--ov-1)}
.xd .smsblock .sbh .ht{margin-left:auto;font-weight:800;font-variant-numeric:tabular-nums;color:var(--muted-2);font-size:11px}
.xd .smsblock .sbchev{color:var(--muted-2);font-size:11px;transition:transform .15s;display:inline-block}
.xd .smsblock .sbh.open .sbchev{transform:rotate(90deg)}
.xd .smsblock .sbody{padding:0 11px 8px}
.xd .hist{margin-top:6px;border-left:2px solid var(--line);padding-left:14px;display:flex;flex-direction:column;gap:2px}
.xd .hi{padding:6px 0;font-size:12.5px}
.xd .hi .hh{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.xd .hi .ht{font-weight:800;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;font-size:11.5px}
.xd .hi .hw{color:var(--muted-2);font-size:11.5px}
.xd .hi .hd{font-variant-numeric:tabular-nums;color:var(--muted);font-size:11.5px}
.xd .hi.meaningful{background:rgba(255,180,84,.05);border:1px solid rgba(255,180,84,.18);border-radius:10px;padding:8px 11px;margin:3px 0}
.xd .hi .hsum{color:var(--muted);margin-top:3px;font-size:12px}
.xd .hi .smsbody{color:var(--txt);background:var(--ov-2);border-radius:8px;padding:5px 9px;margin-top:3px;font-size:12px;max-width:640px}
.xd .hi.sms-in .smsbody{background:rgba(91,140,255,.08)}
.xd .hi details{margin-top:5px}
.xd .hi details summary{cursor:pointer;font-size:11.5px;color:var(--violet);font-weight:700;list-style:none}
.xd .hi details summary::-webkit-details-marker{display:none}
.xd .hi details summary:hover{text-decoration:underline}
.xd .hi .mbody{background:var(--ov-1);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-top:6px;max-width:680px;font-size:12px;color:var(--muted)}
.xd .hi a.mlink{color:var(--teal);text-decoration:none;font-size:11.5px;font-weight:700}
.xd .hi a.mlink:hover{text-decoration:underline}
.xd .mbody{background:var(--ov-1);border:1px solid var(--line);border-radius:10px;padding:10px 14px;max-width:680px;font-size:12px;color:var(--muted)}

/* Rendu du markdown des résumés */
.xd .md-h{font-weight:800;color:var(--txt);margin:10px 0 4px;font-size:12.5px}
.xd .md-h:first-child{margin-top:0}
.xd .md-p{margin:4px 0}
.xd .md-ul{margin:4px 0;padding-left:18px}
.xd .md-ul li{margin:2px 0}

/* Attente du chargement */
.xd .spinner{width:16px;height:16px;border:2.5px solid var(--line);border-top-color:var(--amber);border-radius:50%;animation:xspin .8s linear infinite;display:inline-block;vertical-align:middle}
@keyframes xspin{to{transform:rotate(360deg)}}