/* =====================================================================
   BailSecurity - sélection en masse (js/selection.js) : colonne de cases, barre d'actions, lignes dépliables
   ===================================================================== */
.sel-barre { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 0 0 10px; padding: 10px 14px;
	background: var(--canvas-2, #F4F6FB); border: 1px solid var(--line, #DCE2EE); border-radius: 14px; font: 600 13.5px/1.3 var(--font, system-ui, sans-serif); }
form[data-selection].sel-active .sel-barre { position: sticky; top: 8px; z-index: 30; background: var(--accent-soft, #E6E9FF); border-color: var(--accent, #5B6CF0); box-shadow: 0 8px 22px rgba(30,38,64,.10); }
.sel-barre [data-sel-compte] { margin-right: auto; color: var(--ink, #1E2640); }
.sel-barre .es-btn[disabled] { opacity: .45; cursor: not-allowed; }
.sel-barre .sel-sep { width: 1px; align-self: stretch; background: var(--line, #DCE2EE); margin: 0 2px; }
.sel-cellule { width: 34px; text-align: center; cursor: pointer; }
th.sel-cellule { cursor: default; }
.sel-cellule input[type=checkbox], input[data-sel-tout] { width: 18px; height: 18px; margin: 0; accent-color: var(--accent, #5B6CF0); cursor: pointer; }
tr.sel-cochee > td, article.sel-cochee, li.sel-cochee { background: var(--accent-soft, #E6E9FF) !important; }
tr[data-deplier] { cursor: pointer; }
tr[data-deplier]:hover > td { background: var(--accent-soft, #E6E9FF); }
tr[data-deplier][aria-expanded="true"] > td { background: var(--accent-soft, #E6E9FF); border-bottom-color: transparent; }
tr.sel-detail > td { background: #FBFCFF; padding: 14px 18px 18px; }
.sel-detail-contenu { white-space: pre-wrap; word-break: break-word; margin: 0; max-height: 60vh; overflow: auto; font: 400 13.5px/1.55 ui-monospace, Consolas, monospace;
	background: #fff; border: 1px solid var(--line, #DCE2EE); border-radius: 12px; padding: 12px 14px; }
.sel-detail-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0 0 10px; font-size: 13px; color: var(--ink-2, #4A5372); }
.sel-fin-ligne { white-space: nowrap; text-align: right; }
.sel-fin-ligne .es-btn { margin-left: 4px; }
/* case d'un élément présenté en carte (messages, signalements…) */
.sel-case-carte { display: inline-flex; align-items: center; gap: 6px; margin-right: 8px; font-size: 13px; cursor: pointer; }
@media (max-width: 640px) {
	.sel-barre { position: static !important; }
	.sel-barre [data-sel-compte] { width: 100%; }
	.sel-fin-ligne { white-space: normal; }
}
.sel-tout-cartes { margin: 0 0 10px; }
article .sel-case-carte input, .sel-tout-cartes input { width: 18px; height: 18px; accent-color: var(--accent, #5B6CF0); }
.es-ligne > .es-ligne-coche { align-self: center; margin: 0 2px 0 0; flex: 0 0 auto; }
.es-liste-simple { margin: 0 0 12px; padding-left: 20px; font-size: 14px; }
.es-liste-simple li { margin: 0 0 4px; }