.rel-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}.rel-tabs button{border-radius:99px;padding:8px 16px}.rel-tabs button.active{background:#17394d;color:#fff;border-color:#17394d}.rel-tabs button span{opacity:.75;margin-left:4px}
.rel-bar{padding:16px 20px;margin-bottom:14px}.rel-bar p{margin:6px 0 12px}
.rel-progress{height:8px;border-radius:99px;background:#dfe8ee;overflow:hidden}.rel-progress span{display:block;height:100%;background:#2f8a5a}
.rel-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.rel-filters input[type=search],.rel-filters select{width:auto;min-width:190px;flex:0 1 auto}.rel-checkbox{display:flex;gap:6px;align-items:center;white-space:nowrap}
.rel-rules{padding:12px 20px;margin-bottom:14px}.rel-rules summary{cursor:pointer;font-weight:600}.rel-rules p{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:10px 0}
.rel-card{background:#fff;border:1px solid #d5e2e8;border-radius:12px;margin-bottom:12px;overflow:hidden}.rel-card.rel-done{border-color:#a3ceba}
.rel-reviewed{font-size:13px;color:#1d6b43}.rel-actions{flex-wrap:wrap}
@media(max-width:760px){.rel-grid .rel-h{display:none}.rel-lu::before,.rel-cc::before{display:block;flex-basis:100%;font-size:11px;font-weight:700;color:#46606f}.rel-lu::before{content:'Référence'}.rel-cc::before{content:'CyberCAT V3'}}
.rel-card>header{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;padding:12px 16px;background:#f3f7f9;border-bottom:1px solid #d5e2e8}.rel-card>header>div{flex:1 1 280px;min-width:0}.rel-card>header small{display:block;color:#5a6b75;margin-top:2px}
.rel-badge,.rel-chip{font-size:12px;padding:3px 9px;border-radius:99px;background:#e2f1e9;color:#1d6b43;white-space:nowrap}.rel-badge.rel-warn,.rel-chip-warn{background:#fff1d6;color:#8a5a00}.rel-badge.rel-info,.rel-chip{background:#e8eef7;color:#2c4a73}.rel-chip-todo{background:#fde8d7;color:#8a3d00}.rel-chip-ok{background:#e2f1e9;color:#1d6b43}
.rel-grid{display:grid;grid-template-columns:170px minmax(0,1fr) minmax(0,1fr)}.rel-row{display:contents}
.rel-grid>span,.rel-row>*{padding:10px 14px;border-bottom:1px solid #edf2f5;overflow-wrap:anywhere;white-space:pre-wrap}
.rel-h{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#5a6b75;background:#fafcfd}.rel-t{font-weight:600}.rel-t small{display:block;font-weight:500;font-size:12px;color:#5a6b75;margin-top:2px}
.rel-lu{background:#eef4fb}.rel-cc{background:#f6fbf7;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:flex-start}.rel-cc>span{flex:1;min-width:120px}.rel-cc small{flex-basis:100%}
.rel-sillage-row>.rel-t{background:#edf0ff;border-left:3px solid #6977bd}.rel-sillage-row>.rel-cc{background:#f2f4ff}
.rel-destination,.rel-sillage-row>.rel-t .rel-destination{display:block;width:fit-content;margin:3px 0;padding:2px 6px;border-radius:5px;background:#dce2fc;color:#394880;font-size:10px;font-weight:700;line-height:1.3}
.rel-destination-legend{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;margin:8px 2px 12px;font-size:12px;color:#46606f}.rel-destination-legend .rel-destination{display:inline-block;margin:0}
.rel-alert .rel-cc{background:#fdeceb;box-shadow:inset 4px 0 0 #d33b2c}.rel-alert .rel-t small,.rel-alert-text{color:#a3271b;font-weight:600}
.rel-removed .rel-cc{background:#fff4e5;box-shadow:inset 4px 0 0 #e08a00}.rel-removed .rel-t small{color:#8a5a00;font-weight:600}
.rel-diff .rel-cc,.rel-check .rel-cc{background:#fffbe6;box-shadow:inset 4px 0 0 #d8b400}.rel-added .rel-cc{background:#eef4ff;box-shadow:inset 4px 0 0 #587cac}
.rel-note{color:#46606f}.rel-edit{padding:2px 8px}.rel-split{flex:0 0 auto}.rel-cc select,.rel-cc textarea{flex:1 1 100%;min-width:0}
.rel-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.rel-title textarea{flex:1 1 100%;min-width:0}
.rel-grid em{color:#8a97a0}
.rel-compact>header{border-bottom:0;padding:8px 16px}.rel-compact .rel-folded{border-top:0}.rel-compact .rel-folded>summary{padding:0 16px 8px;font-size:13px}.rel-compact .rel-folded[open]>summary{padding-bottom:8px}
.rel-folded{border-top:1px solid #edf2f5}.rel-folded>summary{cursor:pointer;padding:10px 16px;color:#5a6b75;font-size:14px}
.rel-match{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:14px 16px}.rel-match label{flex:1 1 380px;display:flex;flex-direction:column;gap:6px;font-weight:600}
#relMore{display:block;margin:14px auto}
@media(max-width:760px){.rel-grid{grid-template-columns:1fr}.rel-grid>.rel-h:first-child{display:none}.rel-t{background:#f3f7f9}}
.rel-rules h4{margin:14px 0 4px;font-size:14px}
.rel-drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,100vw);background:#fff;box-shadow:-8px 0 30px rgba(15,40,55,.18);z-index:50;display:flex;flex-direction:column}
.rel-drawer>header{display:flex;gap:10px;align-items:flex-start;padding:16px 18px;border-bottom:1px solid #d5e2e8;background:#f3f7f9}.rel-drawer>header>div{flex:1}.rel-drawer>header small{display:block;color:#46606f;margin-top:4px;line-height:1.4}
.rel-drawer-filters{display:flex;flex-wrap:wrap;gap:6px;padding:12px 18px;border-bottom:1px solid #edf2f5}.rel-drawer-filters label{margin:0;width:auto;display:flex;gap:6px;align-items:center;font-size:13px;padding:4px 10px;border:1px solid #d5e2e8;border-radius:99px;cursor:pointer}.rel-drawer-filters label span{color:#5a6b75;font-weight:600}
.rel-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:8px 18px;font-size:13px;color:#5a6b75;border-bottom:1px solid #edf2f5}.rel-drawer-head label{display:flex;gap:6px;align-items:center}
.rel-drawer-list{flex:1;overflow:auto;padding:4px 10px}.rel-cand{display:flex;gap:10px;align-items:flex-start;padding:8px;border-bottom:1px solid #f0f4f6;cursor:pointer}.rel-cand small{display:block;color:#5a6b75;font-size:12px;margin-top:2px}.rel-cand input{margin-top:3px}
.rel-drawer>footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 18px;border-top:1px solid #d5e2e8;background:#fafcfd}
#relFiche{width:calc(100vw - 32px);max-width:none;height:calc(100dvh - 32px);max-height:none;padding:0;overflow:hidden}#relFiche[open]{display:flex;flex-direction:column}
.rel-fiche-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-bottom:1px solid #dce5e8}.rel-fiche-head button{width:auto}#relFiche iframe{flex:1;width:100%;min-height:0;border:0}
.rel-open{white-space:nowrap}
.rel-blockers:empty{display:none}.rel-blockers{padding:10px 16px;background:#fdeceb;color:#8a1c12;border-bottom:1px solid #f3c7c2;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.rel-blockers button{padding:3px 10px}
.rel-cc select[multiple]{min-height:10em}
.rel-group{grid-column:1/-1;padding:8px 14px!important;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#17394d;background:#e9f0f4}
.rel-empty .rel-t small{color:#8a97a0}
.rel-short .rel-lu,.rel-short .rel-cc>span{max-height:4.6em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent)}
.dictionary-group{margin:12px 8px 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#5a6b75}.dictionary-group:first-child{margin-top:4px}
.dictionary-old{margin-top:10px;border-top:1px solid #e3eaee;padding-top:6px}.dictionary-old>summary{cursor:pointer;font-size:12px;color:#8a97a0;padding:4px 8px}.dictionary-old button{opacity:.75}
.rel-actions{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px;background:#f3f7f9;border-top:1px solid #d5e2e8}
.rel-review .rel-cc{background:#fff4e5;box-shadow:inset 4px 0 0 #e08a00}.rel-review .rel-t small{color:#8a5a00;font-weight:600}
.rel-blockers{flex-direction:column;align-items:stretch}.rel-blockers ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.rel-blockers li{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #f3c7c2;border-radius:8px;padding:4px 8px}.rel-blockers li span{flex:1;font-weight:600}.rel-blockers li em{font-style:normal;font-size:12px;color:#a3271b}
.rel-busy{opacity:.55;pointer-events:none;position:relative}.rel-busy::after{content:'Validation en cours…';position:absolute;top:14px;left:50%;transform:translateX(-50%);background:#17394d;color:#fff;padding:6px 14px;border-radius:99px;font-size:13px;opacity:1}
.rel-result{padding:10px 16px;font-weight:600;border-bottom:1px solid transparent}.rel-result.rel-ok{background:#e2f1e9;color:#1d6b43;border-color:#bfe0cd;animation:rel-flash 1.2s ease-out}.rel-result.rel-ko{background:#fdeceb;color:#8a1c12;border-color:#f3c7c2}
@keyframes rel-flash{from{background:#b6e6c9}to{background:#e2f1e9}}
/* Densité : une fiche CHMS tient à peu près dans un écran Full HD. */
.rel-grid{grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);font-size:13px;line-height:1.3}
.rel-grid>span,.rel-row>*{padding:5px 10px}
.rel-t{font-size:13px}.rel-t small{font-size:11px;margin-top:0}
.rel-group{padding:4px 10px!important;font-size:11px}
.rel-h{padding:4px 10px!important;font-size:11px}
.rel-card>header{padding:8px 14px}
.rel-cc{gap:3px 8px}.rel-edit{padding:0 6px}
.rel-actions{padding:8px 14px}
@media(max-width:760px){.rel-grid{grid-template-columns:1fr}}
.rel-row[hidden]{display:none}
.rel-blocked>.rel-t,.rel-blocked>.rel-lu{background:#fdeceb}.rel-blocked .rel-cc{background:#fdeceb;box-shadow:inset 4px 0 0 #d33b2c}
.rel-blocked .rel-t{color:#8a1c12}.rel-block-why{color:#a3271b!important;font-weight:700!important}
.rel-tubecounts{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px}.rel-tubecounts label{display:flex;align-items:center;gap:6px}.rel-tubecounts input{width:56px;padding:2px 6px}
.rel-sample{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:flex-start}.rel-sample select{flex:1 1 260px}.rel-sample-new{display:flex;gap:6px;flex:1 1 100%}.rel-sample-new input{flex:1;min-width:0}

.rel-cc>.row-pair{flex:1 1 100%;min-width:0;flex-wrap:wrap}.rel-cc>.row-pair label{flex:1 1 120px;min-width:0}
.rel-period-form{flex:1 1 100%;min-width:0}.rel-period-form fieldset{min-width:0;margin:0 0 10px}.rel-period-form .actions{flex-wrap:wrap}.rel-period-form input[type=checkbox],.rel-period-form input[type=radio]{width:auto}.rel-period-form textarea{width:100%;box-sizing:border-box}

/* Keep each correction/clear pair attached to its field, outside the value text. */
.rel-cc>.rel-field-actions{margin-left:auto}
.rel-field-actions{display:flex;flex:0 0 auto;align-items:flex-start;gap:6px;white-space:normal}
.rel-field-actions .rel-edit{white-space:nowrap}
.rel-extra-field{flex:1 1 100%;min-width:0;display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 12px;padding-top:7px;margin-top:4px;border-top:1px solid #dce5e8;white-space:normal}
.rel-extra-label{flex:1 1 220px;min-width:0;line-height:1.4;color:#46606f}
.rel-extra-field>.rel-field-actions{margin-left:auto}
.rel-cc>.rel-tubecounts{margin-top:7px;padding-top:7px;border-top:1px solid #dce5e8}
.rel-cc>.rel-tubecounts>b{flex-basis:100%}

.rel-cc>.rel-tubecounts label{margin:0}

/* Une valeur et ses actions sur le même bloc, sans répéter la valeur agrégée. */
.rel-value-field{flex:1 1 100%;min-width:0;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:flex-start}
.rel-value-field+.rel-value-field{border-top:1px solid #dce5e8;padding-top:6px;margin-top:3px}
.rel-field-copy{flex:1 1 180px;min-width:0;white-space:pre-wrap}
.rel-field-copy .rel-field-label{display:block;font-size:11px;color:#46606f;font-weight:600;margin-bottom:2px}
.rel-value-field>.rel-field-actions{margin-left:auto}
/* Correction en place : l’éditeur occupe le bloc du seul champ corrigé. */
.rel-value-field>:is(select,textarea,form,.row-pair,.rel-note){flex:1 1 100%;min-width:0}

.rel-card .rel-sillage-scope{font-size:13px;font-weight:600;cursor:pointer}.rel-sillage-scope input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:#17394d}.rel-busy.rel-scope-saving::after{content:"Enregistrement en cours…"}

.rel-location{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:.9rem}.rel-location-missing{padding:10px;border:1px solid #b45309;border-radius:6px;background:#fff7ed;color:#7c2d12}.rel-location-missing>strong{flex-basis:100%}

/* Relecture lisible (08/10/2026) : rubriques de la fiche, une seule couleur « à relire ». */
.rel-bloc{border-top:1px solid #dfe8ee}.rel-bloc-title{margin:0;padding:8px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#17394d;background:#e9f0f4}
.rel-row.rel-ok>.rel-cc,.rel-row.rel-ok>.rel-lu{background:transparent;box-shadow:none}
.rel-sillage-row>.rel-t,.rel-sillage-row>.rel-cc{background:transparent;border-left:0}
.rel-row.rel-ok .rel-lu{color:#7a8a94}
.rel-row.rel-todo>.rel-t,.rel-row.rel-todo>.rel-lu,.rel-row.rel-todo>.rel-cc{background:#fff4e5}.rel-row.rel-todo>.rel-cc{box-shadow:inset 4px 0 0 #e08a00}
.rel-why{display:block;margin-top:3px;color:#8a5a00;font-weight:600}
.rel-destination,.rel-sillage-row>.rel-t .rel-destination{background:#eef1f4;color:#4b5b66}
.rel-legend-todo,.rel-legend-block{display:inline-block;padding:1px 6px;border-radius:5px;font-size:11px;font-weight:600}.rel-legend-todo{background:#fff4e5;color:#8a5a00}.rel-legend-block{background:#fdeceb;color:#a3271b}
.rel-todo-count{background:#fff4e5;color:#8a5a00}
.rel-todo-only{display:inline-flex;gap:6px;align-items:center;margin:0 2px 12px;font-size:13px;color:#46606f}
.rel-price{margin-top:6px}.rel-price .cot-nabm-card{margin:0}
/* Douze rubriques : une ligne par rubrique, ses champs empilés dans la colonne CyberCAT. */
.rel-lu,.rel-row.rel-ok>.rel-lu{background:#f7f9fb}.rel-cc,.rel-row.rel-ok>.rel-cc{background:#fff}
.rel-cc-group{display:flex;flex-direction:column;gap:8px}
.rel-cc-group .rel-cc{padding:0;border:0;background:transparent!important;box-shadow:none!important}
.rel-sub{display:flex;flex-direction:column;gap:2px}.rel-sub+.rel-sub{border-top:1px dashed #e3eaef;padding-top:8px}
.rel-sub-label{font-size:12px;color:#5a6b75;font-weight:600}.rel-sub.rel-todo .rel-sub-label{color:#8a5a00}
.rel-sub-ref+.rel-sub-ref{margin-top:6px}
.rel-row.rel-rubrique.rel-todo>.rel-cc-group{background:#fff4e5;box-shadow:inset 4px 0 0 #e08a00}
.rel-row.rel-rubrique.rel-alert>.rel-cc-group{background:#fdeceb;box-shadow:inset 4px 0 0 #d33b2c}
.rel-row.rel-rubrique>.rel-t{font-size:15px}
/* Colonne de référence : une étiquette au-dessus de chaque valeur, alignée sur la colonne CyberCAT. */
.rel-lu .rel-sub-ref{display:flex;flex-direction:column;gap:2px;color:#33424c}
.rel-lu .rel-sub-ref .rel-field-label{display:block;font-size:12px;font-weight:600;color:#5a6b75}
.rel-lu .rel-sub-ref+.rel-sub-ref{border-top:1px dashed #e3eaef;padding-top:8px;margin-top:8px}
.rel-row.rel-ok .rel-lu{color:#33424c}
.rel-id{font-family:ui-monospace,Menlo,monospace;color:#17394d}

/* Explicit removal keeps multiple-choice transport editing usable without modifier keys. */
.rel-selected-entries{flex:1 1 100%;min-width:0;padding:8px;background:#f2f7f8;border:1px solid var(--line);border-radius:6px}
.rel-selected-entries ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:5px}
.rel-selected-entries li{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rel-selected-entries li span{min-width:0;overflow-wrap:anywhere}
.rel-selected-entries button{flex:0 0 auto;padding:3px 8px}

.rel-rc-labels{flex:1 1 100%;min-width:0;max-width:100%;margin:0;padding:0;list-style:none}
.rel-rc-labels li{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.6}