/* logicielcsrd.fr — composants propres au site */
.demo .vendors{margin:0 0 14px}
.demo .vendor-names{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 12px;align-items:end}
.demo .vendor-names label{grid-row:1;margin:0;font-size:.82rem;color:var(--muted)}
.demo .vendor-names input{grid-row:2}
.demo .vendor-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.demo .vendor-tabs button{flex:1 1 0;min-width:0;padding:10px 12px;border-radius:10px;border:1.5px solid var(--violet);background:#fff;color:var(--violet);font:700 .92rem/1.2 var(--head);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.demo .vendor-tabs button[aria-selected="true"]{background:var(--violet);color:#fff}
.demo .vendor-tabs small{display:block;font:600 .74rem var(--body);opacity:.85}
.demo .tests{list-style:none;padding:0;margin:0;counter-reset:t;display:grid;gap:10px}
.demo .tests li{counter-increment:t;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px 12px 52px;position:relative;margin:0}
.demo .tests li:before{content:counter(t);position:absolute;left:14px;top:12px;width:26px;height:26px;border-radius:8px;background:var(--grad);color:#fff;font:800 .85rem/26px var(--head);text-align:center}
.demo .tests li strong{display:block}
.demo .tests li span{display:block;color:var(--ink-2);font-size:.93rem;line-height:1.55}
.demo .tests li[data-state="ok"]{border-color:#86efac;background:#f0fdf4}
.demo .tests li[data-state="part"]{border-color:#fcd34d;background:#fffbeb}
.demo .tests li[data-state="no"]{border-color:#fca5a5;background:#fef2f2}
.demo .states{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.demo .states button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font:600 .84rem var(--body);color:var(--ink-2);cursor:pointer}
.demo .states button[aria-pressed="true"][data-v="ok"]{background:#16a34a;border-color:#16a34a;color:#fff}
.demo .states button[aria-pressed="true"][data-v="part"]{background:#d97706;border-color:#d97706;color:#fff}
.demo .states button[aria-pressed="true"][data-v="no"]{background:#dc2626;border-color:#dc2626;color:#fff}
.demo .states button:focus-visible,.demo .vendor-tabs button:focus-visible{outline:2px solid var(--lavender);outline-offset:2px}
.demo-out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.demo-out div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;min-width:0}
.demo-out b{display:block;font-family:var(--head);color:var(--navy);overflow-wrap:anywhere}
.demo-out span{display:block;font-size:.85rem;color:var(--ink-2)}
.demo-out em{display:block;font-style:normal;font-weight:700;font-size:.85rem;margin-top:4px;color:var(--violet)}
.demo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.demo-msg{font-size:.88rem;color:var(--muted);margin:8px 0 0}
@media (max-width:640px){.demo .vendor-names{gap:4px 6px}.demo .vendor-names input{padding:8px;font-size:.88rem}.demo .vendor-tabs button{padding:8px 6px;font-size:.84rem}.demo-out{grid-template-columns:1fr}.demo .tests li{padding-left:46px}}

.raci td.a,.raci td.r,.raci td.c,.raci td.i{text-align:center;font-family:var(--head);font-weight:800}
.raci td.a{background:#ede9fe;color:var(--violet-dark)}
.raci td.r{background:#e0f2fe;color:#075985}
.raci td.c{color:var(--ink-2)}
.raci td.i{color:var(--muted);font-weight:600}
.raci th:not(:first-child){text-align:center}
.raci table{min-width:640px}