/* Modes du copilote : Classique | Approfondi | Expert (02/11/2026, direction).
   Sélecteur posé au-dessus de la zone de saisie des trois copilotes (ticket, caisse,
   panneau général et « Cet écran ») par copilote_modes.js. Carte de survol en CSS pur
   (:hover, :focus-visible). Violet = IA : jetons --ia, --ia-soft, --ia-soft2, --ia-ink
   de copilote-ux.css (clair et sombre), aucune autre couleur vive. */
.cpm{position:relative;display:flex;align-items:center;gap:8px;padding:7px 12px 0;background:var(--card);border-top:1px solid var(--line);flex:0 0 auto}
.cpm + .aicomp,.cpm + .asst-input{border-top:0!important}
.cpm-lbl{flex:0 0 auto;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.cpm-seg{display:flex;flex:1;min-width:0;gap:2px;padding:2px;border:1px solid var(--line);border-radius:9px;background:var(--bg)}
.cpm-opt{display:flex;flex:1;min-width:0}
.cpm-btn{flex:1;min-width:0;padding:5px 6px;border:0;border-radius:7px;background:transparent;color:var(--mut);font:inherit;font-size:11.5px;font-weight:700;line-height:1.2;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpm-btn:hover{background:var(--card);color:var(--txt)}
.cpm-btn[aria-pressed="true"]{background:var(--ia-soft2);color:var(--ia-ink);box-shadow:inset 0 0 0 1px var(--ia)}
.cpm-btn.cpm-off{opacity:.5;cursor:not-allowed}
.cpm-btn.cpm-off:hover{background:transparent;color:var(--mut)}
.cpm-btn:focus-visible{outline:2px solid var(--ia);outline-offset:1px}

/* carte de survol : toute la largeur du sélecteur, au-dessus de lui */
.cpm-carte{position:absolute;left:8px;right:8px;bottom:100%;z-index:30;display:block;padding-bottom:6px;opacity:0;visibility:hidden;transform:translateY(4px);pointer-events:none;transition:opacity .12s ease,transform .12s ease,visibility 0s linear .12s}
.cpm-opt:hover .cpm-carte,.cpm-btn:focus-visible + .cpm-carte{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:.18s,.18s,0s}
.cpm-in{display:block;max-height:min(450px,62vh);overflow:auto;padding:10px 12px;background:var(--card);color:var(--txt);border:1px solid var(--line);border-top:3px solid var(--ia);border-radius:10px;box-shadow:0 14px 34px rgba(13,27,48,.22);font-size:11.5px;font-weight:400;line-height:1.45;text-align:left;white-space:normal}
.cpm-t{display:block;font-size:12.5px;font-weight:800;color:var(--ia-ink)}
.cpm-tt{font-weight:600;color:var(--mut)}
.cpm-r{display:block;margin:2px 0 8px}
.cpm-raison{display:block;margin:0 0 8px;padding:6px 8px;border:1px dashed var(--line);border-radius:7px;background:var(--bg);font-weight:600}
.cpm-dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px}
.cpm-k{padding-top:1px;font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--mut);white-space:nowrap}
.cpm-v{display:block}
.cpm-vide{display:block;color:var(--mut)}

/* étiquette du mode en tête de la bulle de réponse */
.cpm-tag{display:inline-block;margin:0 0 5px;padding:1px 7px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--mut);font-size:9.5px;font-weight:800;letter-spacing:.06em;line-height:1.6;text-transform:uppercase}
.cpm-tag-approfondi,.cpm-tag-expert{background:var(--ia-soft);border-color:var(--ia-soft2);color:var(--ia-ink)}

/* barre du mode expert du panneau général (en cours, ou fini pendant l'absence) */
.cpm-exp{align-self:stretch;display:flex;align-items:center;gap:8px;margin:4px 0;padding:8px 10px;border:1px solid var(--ia-soft2);border-radius:10px;background:var(--ia-soft);color:var(--txt);font-size:12px;line-height:1.4}
.cpm-exp .cpm-sp{flex:1}
.cpm-exp .minibtn{flex:0 0 auto;white-space:nowrap}