/* ═══ LE TABLEAU SIG — .comsig-* — UN fichier, trois pages (Commercial, Coulisse, Tâches). Sorti de commercial.css le 07/09/2026 (S3). Grammaire DESIGN.md § 8.9. ═══ */
.comsig-carte { background: var(--card); border: 1px solid var(--border); border-radius: 22px; overflow-x: auto; }
.comsig-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.comsig-table th { font-size: 11px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; color: var(--muted); text-align: left; padding: 6px 12px; border-bottom: 1px solid var(--border); white-space: nowrap; }
.comsig-table th.r { text-align: right; }
.comsig-table th.sorted { color: var(--text); }
.comsig-table td { padding: 6px 10px; border-bottom: 1px solid var(--border); vertical-align: middle; font-size: 12px; line-height: 1.3; }
.comsig-table tr:last-child td { border-bottom: none; }
.comsig-lg { cursor: pointer; }
.comsig-lg:hover { background: var(--grey-soft); }
/* (10/09, lot U3) La barre ne se dessine plus ici : elle vient de la grammaire
   canonique `.soma-ligne` (css/soma-ligne.css, DESIGN.md § 8.9). UN SEUL endroit
   dessine une barre dans tout SOMA — deux dessins pour la meme notion, c'est le
   compte « 4 vs 2 » du 18/08. La classe reste posee : d'autres regles s'y accrochent. */
.comsig-bande td { background: var(--grey-soft); font-size: 11px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; color: var(--text2); padding: 7px 18px; cursor: default; }
.comsig-bande td b { color: var(--text); }
.comsig-bande td span { float: right; font-weight: 800; color: var(--muted); text-transform: none; letter-spacing: 0; }
.comsig-t1 { font-weight: 900; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--text); }
.comsig-t1 b { font-weight: 900; }
.comsig-t2 { font-size: 11px; color: var(--muted); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.comsig-qui { font-size: 12px; color: var(--text2); }
.comsig-qui b { font-weight: 700; color: var(--text); }
.comsig-qui small { display: block; font-size: 11px; color: var(--muted); font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.comsig-mvt { font-size: 12px; color: var(--text2); }
.comsig-mvt b { color: var(--text); font-weight: 700; }
.comsig-mvt small { display: block; font-size: 11px; color: var(--muted); font-weight: 400; }
.comsig-mvt .soma { color: var(--green-dark); font-weight: 900; }
.comsig-dep { font-size: 14px; font-weight: 900; font-variant-numeric: tabular-nums; white-space: nowrap; text-align: right; }
.comsig-dep.r { color: var(--red); }
.comsig-ech { white-space: nowrap; text-align: right; font-size: 12px; }
.comsig-ech b { font-size: 12px; font-weight: 900; }
.comsig-ech b.rr { color: var(--red); }
.comsig-ech b.jj { color: var(--yellow); }
.comsig-ech b.nn { color: var(--text2); font-weight: 700; }
.comsig-ech small { display: block; font-size: 11px; color: var(--muted); font-weight: 400; }
.comsig-vide { color: var(--muted2); font-weight: 400; }
.comsig-tfo { text-align: right; white-space: nowrap; }
.comsig-tfo-v { font-size: 12px; font-weight: 900; font-variant-numeric: tabular-nums; color: var(--text); }
.comsig-tfo-clic { cursor: pointer; border-bottom: 1px dotted var(--muted); }
.comsig-tfo-clic:hover { color: var(--green-dark); border-bottom-color: var(--green-dark); }
.comsig-tfo-d { display: inline-flex; align-items: center; gap: 2px; font-size: 11px; font-weight: 800; margin-left: 7px; }
.comsig-tfo-d.up { color: var(--green-dark); }
.comsig-tfo-d.dn { color: var(--red); }
.comsig-tfo-d.eq { color: var(--muted); }
.comsig-tfo-quoi { display: block; font-size: 11px; font-weight: 700; color: var(--muted); opacity: .8; }
.comsig-eur { font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; color: var(--text); }
.comsig-act { text-align: right; white-space: nowrap; position: relative; }
.comsig-bt { display: inline-flex; align-items: center; height: 30px; padding: 0 14px; border-radius: 100px; border: none; background: var(--green); color: #fff; font-size: 12px; font-weight: 800; font-family: inherit; cursor: pointer; }
.comsig-bt:hover { background: var(--green2); }
.comsig-bt.urgent { background: var(--red); }
.comsig-bt.urgent:hover { background: #c81c1c; }
.comsig-bt.ghost { background: var(--card); border: 1px solid var(--border); color: var(--text); }
.comsig-kb { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 100px; border: 1px solid var(--border); background: var(--card); color: var(--text2); font-weight: 900; margin-left: 6px; cursor: pointer; }
.comsig-menu { display: none; position: absolute; right: 0; top: 34px; z-index: 40; background: var(--card); border: 1px solid var(--border); border-radius: 14px; box-shadow: var(--shadow2); padding: 6px; min-width: 230px; text-align: left; }
.comsig-menu.on { display: block; }
.comsig-menu button { display: block; width: 100%; text-align: left; border: 0; background: transparent; font-family: inherit; font-size: 12px; font-weight: 700; color: var(--text); padding: 8px 10px; border-radius: 8px; cursor: pointer; }
.comsig-menu button:hover { background: var(--grey-soft); }
.comsig-pied { display: flex; align-items: center; padding: 9px 18px; font-size: 12px; color: var(--muted); border-top: 1px solid var(--border); }
.comsig-pied b { color: var(--text2); font-weight: 800; }
.comsig-act--taches button { margin-left: 4px; }

/* Reprise recette Maxime 21/08 (« pb de design », onglet Tâches) :
   ① les VIEUX onglets soulignés résistaient (::after + border-bottom du rail) —
   neutralisés ici, le groupe segmenté canonique fait foi ;
   ② les boutons bruts des lignes Tâches → UN bouton plein + kebab (§8.9) ;
   ③ la tête d'avatar dans les sous-lignes → du texte, zéro décor. */
.com-tabs.cv2a-tabs { border-bottom: 0; gap: 2px; margin-bottom: 14px; }
.com-tabs.cv2a-tabs .com-tab { padding: 0 16px; border-radius: 100px; }
.com-tabs.cv2a-tabs .com-tab.active::after { display: none; }
.com-tabs.cv2a-tabs .com-tab-badge::before,
.com-tabs.cv2a-tabs .com-tab-badge::after { content: none; }
.comsig-t2 .loup-tete { display: none; }
.comsig-t2 .loup { color: var(--green-dark); font-weight: 900; }
.comsig-t2 .late { color: var(--red); font-weight: 800; }
.comsig-t2 .soon { color: var(--yellow); font-weight: 800; }
.comsig-ech .late { color: var(--red); font-weight: 900; }
.comsig-ech .soon { color: var(--yellow); font-weight: 800; }

/* Verdict design-guardian 21/08 : le halo de focus §8.9 manquait sur les
   interactifs — :focus-visible SEULEMENT (jamais :focus, halo collant). */
.comsig-bt:focus-visible, .comsig-kb:focus-visible, .comsig-menu button:focus-visible,
.det-onglet:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(47, 191, 122, .25); }