/* ==========================================================================
   Page dossier (maquette validée le 19/10/2026). Valeurs reprises À L'IDENTIQUE de la
   maquette, en pixels (la page de l'application n'a pas la même taille de police de base).
   Couleurs : vert = rien à signaler, orange = à examiner, rouge = gel des avoirs,
   gris-bleu = à relancer, blanc = document.
   ========================================================================== */

.masentinelle-app {
    --ms-surface: #ffffff;
    --ms-surface-2: #faf7f0;
    --ms-border: #e3ddd0;
    --ms-text: #1a2e1e;
    --ms-muted: #6b7c6f;
    --ms-primary: #1a4a2e;
    --ms-primary-mid: #2a6b44;
    --ms-gold: #c9a96e;
    --ms-ok: #2a6b44;    --ms-ok-soft: #e6f2ea;
    --ms-warn: #9a6516;  --ms-warn-soft: #fbf1dc; --ms-warn-line: #ecd29c;
    --ms-ko: #c0392b;    --ms-ko-soft: #fbe3df;   --ms-ko-line: #f0b9b1;
    --ms-info: #4a6478;  --ms-info-soft: #e9eef2;
    --ms-chip-bg: #f0ede6;
    --ms-font: 'DM Sans', 'Segoe UI', system-ui, sans-serif;
}

/* --- Étiquette « dernier contrôle » dans l'en-tête vert ---------------- */
.ms-last-check {
    display: inline-flex; align-items: center; gap: 8px;
    margin: 10px 0 0; padding: 4px 11px; border-radius: 999px;
    font-family: var(--ms-font); font-size: 13px; font-weight: 600; line-height: 1.5;
}
.ms-last-check__dot { width: 8px; height: 8px; border-radius: 50%; }
.ms-last-check--warn { background: rgba(232, 176, 76, .18); color: #f3d39a; }
.ms-last-check--warn .ms-last-check__dot { background: #e8b04c; }
.ms-last-check--ok { background: rgba(127, 199, 154, .18); color: #bfe6cc; }
.ms-last-check--ok .ms-last-check__dot { background: #7fc79a; }

/* --- Bandeau du dossier, collé au bloc (maquette) ------------------------- */
.ms-band-wrap { margin-top: 24px; }
.ms-band {
    background: #1a4a2e; color: #fff; border-bottom: 3px solid var(--ms-gold);
    border-radius: 14px 14px 0 0; padding: 18px 22px; font-family: var(--ms-font); line-height: 1.5;
}
.ms-band__row { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px 20px; }
.ms-band__main { min-width: 0; }
.ms-band__back {
    color: #e8e0c8; font-size: 12.5px; letter-spacing: .06em; text-transform: uppercase; font-weight: 600;
    text-decoration: none; display: inline-flex; gap: 6px; align-items: center;
}
.ms-band__back:hover { color: #fff; }
.ms-band__title {
    font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif; font-weight: 600;
    font-size: 30px; line-height: 1.15; margin: 2px 0 0; color: #fff; text-wrap: balance;
}
.ms-band__desc { margin: 4px 0 0; color: #e8e0c8; font-size: 13.5px; }
.ms-band__buttons { display: flex; gap: 8px; flex-wrap: wrap; }
.ms-band__btn {
    font-family: var(--ms-font); font-size: 14px; font-weight: 600; line-height: 1.5;
    border-radius: 9px; padding: 8px 14px; cursor: pointer; display: inline-flex; gap: 6px; align-items: center;
    border: 1px solid rgba(255, 255, 255, .45); background: transparent; color: #fff;
}
.ms-band__btn:hover { background: rgba(255, 255, 255, .1); }
.ms-band__btn--primary { background: var(--ms-gold); border-color: var(--ms-gold); color: #1a2e1e; }
.ms-band__btn--primary:hover { background: #d4b67f; }
.ms-band .ms-last-check { margin-top: 10px; }
.ms-after-band { padding-top: 0 !important; margin-top: 0 !important; }
.ms-after-band > .alert { margin-top: 12px; }

/* --- Bloc dossier ---------------------------------------------------------- */
.ms-dossier {
    background: var(--ms-surface);
    border: 1px solid var(--ms-border);
    border-top: 0;
    border-radius: 0 0 14px 14px;
    overflow: hidden;
    margin-bottom: 32px;
    color: var(--ms-text);
    font-family: var(--ms-font);
    font-size: 15px;
    line-height: 1.5;
}
.ms-dossier * { box-sizing: border-box; }

/* Barre d'actions */
.ms-actions {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
    padding: 12px 22px; border-bottom: 1px solid var(--ms-border); background: var(--ms-surface);
}
.ms-action {
    display: inline-flex; align-items: center; gap: 0;
    font-family: var(--ms-font); font-size: 14px; font-weight: 600; line-height: 1.5;
    border: 1px solid var(--ms-border); background: var(--ms-surface); color: var(--ms-text);
    border-radius: 9px; padding: 8px 14px; cursor: pointer;
}
.ms-action .bi { font-size: 14px; }
.ms-action:hover:not(:disabled) { border-color: var(--ms-primary-mid); color: var(--ms-primary); }
.ms-action[aria-expanded="true"] { background: var(--ms-ok-soft); border-color: var(--ms-primary-mid); color: var(--ms-primary); }
.ms-action:disabled { opacity: .7; cursor: progress; }
.ms-action:focus-visible, .ms-close:focus-visible, .ms-preset:focus-visible { outline: 2px solid var(--ms-gold); outline-offset: 2px; }
.ms-actions__version { margin-left: auto; display: flex; align-items: center; }
.ms-actions__version .folder-toolbar__version { display: flex; align-items: center; gap: 8px; }
.ms-actions__version .folder-toolbar__version-label { font-size: 13px; color: var(--ms-muted); margin: 0; white-space: nowrap; }

/* Panneaux d'action, intégrés au bloc */
.ms-action-panel { border-bottom: 1px solid var(--ms-border); padding: 16px 22px 18px; background: var(--ms-surface); }
.ms-action-panel__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.ms-action-panel__head h2 { font-family: var(--ms-font); font-size: 16px; font-weight: 600; margin: 0; color: var(--ms-text); line-height: 1.5; }
.ms-action-panel__sub { margin: 4px 0 0; color: var(--ms-muted); font-size: 13px; }
.ms-close { font-family: var(--ms-font); font-size: 13px; border: 0; background: none; color: var(--ms-muted); cursor: pointer; padding: 4px 6px; border-radius: 6px; }
.ms-close:hover { color: var(--ms-text); background: var(--ms-chip-bg); }
.ms-presets { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 14px; }
.ms-preset {
    display: flex; flex-direction: column; gap: 1px; text-align: left; min-width: 0;
    font-family: var(--ms-font); font-size: 13.5px; line-height: 1.5;
    border: 1px solid var(--ms-border); background: var(--ms-surface); color: var(--ms-text);
    border-radius: 10px; padding: 8px 12px; cursor: pointer;
}
.ms-preset small { color: var(--ms-muted); font-size: 12px; }
.ms-preset[aria-pressed="true"] { border-color: var(--ms-primary-mid); background: var(--ms-ok-soft); box-shadow: inset 0 0 0 1px var(--ms-primary-mid); }
.ms-preset:disabled { opacity: .55; cursor: default; }
.ms-source-groups { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ms-source-groups--dl { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); margin-top: 12px; }
.ms-source-group { border: 1px solid var(--ms-border); border-radius: 10px; padding: 10px 12px; background: var(--ms-surface); min-width: 0; }
.ms-source-group h3 {
    margin: 0 0 6px; font-family: var(--ms-font); font-size: 12px; line-height: 1.5; text-transform: uppercase; letter-spacing: .06em;
    color: var(--ms-muted); font-weight: 700; display: flex; justify-content: space-between; gap: 6px;
}
.ms-source-group h3 em { font-style: normal; text-transform: none; letter-spacing: 0; font-weight: 500; }
.ms-source-group .form-select { font-size: 13.5px; border-radius: 8px; border-color: var(--ms-border); }
.ms-source {
    display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center;
    gap: 2px 8px; padding: 4px 0; font-size: 13.5px; line-height: 1.5; cursor: pointer; margin: 0; font-weight: 400;
}
.ms-source input { width: 16px; height: 16px; accent-color: var(--ms-primary-mid); margin: 0; }
.ms-source__last { font-size: 11.5px; color: var(--ms-muted); white-space: nowrap; }
.ms-source__last--fail { color: var(--ms-ko); font-weight: 600; }
.ms-source__note { grid-column: 2 / -1; font-size: 11.5px; color: var(--ms-muted); }
.ms-action-panel__bar {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px;
    margin-top: 14px; padding-top: 14px; border-top: 1px dashed var(--ms-border);
}
.ms-action-panel__bar p { margin: 0; font-size: 14px; }
.ms-action-panel__bar p span { color: var(--ms-muted); font-size: 13px; display: block; }
.ms-action-panel__bar p strong + span { display: inline; }
.ms-action-panel__bar .btn-primary {
    font-family: var(--ms-font); font-size: 14px; font-weight: 600; border-radius: 9px; padding: 10px 16px;
    background: var(--ms-primary); border-color: var(--ms-primary);
}

/* Note et légende dans le bloc */
.ms-dossier__note { padding: 12px 22px; font-size: 13.5px; color: var(--ms-muted); border-bottom: 1px solid var(--ms-border); background: var(--ms-surface-2); }
.ms-legend { padding: 10px 22px; border-bottom: 1px solid var(--ms-border); background: var(--ms-surface-2); font-size: 13px; }
.ms-legend h6 { font-family: var(--ms-font); font-size: 13px; font-weight: 600; color: var(--ms-muted); }

/* --- Tableau des parties ------------------------------------------------- */
.ms-parties-wrap { overflow-x: auto; }
.ms-parties { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.5; margin: 0; }
.ms-parties th {
    text-align: left; font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--ms-muted);
    font-weight: 600; padding: 12px 22px 8px; border-bottom: 1px solid var(--ms-border); background: var(--ms-surface);
}
.ms-parties td { padding: 14px 22px; border-bottom: 1px solid var(--ms-border); vertical-align: top; background: var(--ms-surface); }
.ms-parties tbody tr:last-child td { border-bottom: 0; }
.ms-col-party { width: 38%; }
.ms-col-actions { width: 1%; white-space: nowrap; text-align: right; }
.ms-col-actions .btn {
    padding: 3px 7px; font-size: 13px; line-height: 1.4; border: 0; background: transparent;
    color: var(--ms-muted); box-shadow: none; border-radius: 6px;
}
.ms-col-actions .btn:hover { background: var(--ms-chip-bg); color: var(--ms-text); }
.ms-pick { width: 1%; padding-right: 0 !important; }
.ms-pick input { width: 17px; height: 17px; accent-color: var(--ms-primary-mid); margin-top: 3px; }
.ms-row-unpicked > td:not(.ms-pick) { opacity: .45; }

.ms-who { display: flex; gap: 10px; align-items: flex-start; }
.ms-kind { flex: 0 0 auto; width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; font-size: 15px; margin-top: 1px; }
.ms-kind .bi { font-size: 15px; line-height: 1; }
.ms-kind--person { background: var(--ms-ok-soft); color: var(--ms-primary-mid); }
.ms-kind--company { background: #f5edd8; color: #8a6a3a; }
.ms-kind--parcelle { background: var(--ms-info-soft); color: var(--ms-info); }
.ms-who__text { min-width: 0; }
.ms-who__name { font-weight: 600; color: var(--ms-text); }
.ms-who__info { display: block; font-weight: 400; color: var(--ms-muted); font-size: 12.5px; }
.ms-controlled { display: block; font-weight: 400; font-size: 12px; color: var(--ms-muted); margin-top: 1px; }
.ms-controlled--today { color: var(--ms-ok); font-weight: 600; }

/* Verdict en une ligne, pastilles alignées sous le texte */
.ms-verdict { display: flex; gap: 10px; align-items: flex-start; }
.ms-verdict__icon { flex: 0 0 auto; width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; font-weight: 700; margin-top: 1px; }
.ms-verdict__icon .bi { font-size: 13px; line-height: 1; }
.ms-verdict__body { min-width: 0; }
.ms-verdict__title { font-weight: 600; }
.ms-verdict__title[title] { cursor: help; }
.ms-verdict__sources { margin-top: 8px; }
.ms-verdict--ok .ms-verdict__icon { background: var(--ms-ok-soft); color: var(--ms-ok); }
.ms-verdict--ok .ms-verdict__title { color: var(--ms-ok); }
.ms-verdict--warn .ms-verdict__icon { background: var(--ms-warn-soft); color: var(--ms-warn); }
.ms-verdict--warn .ms-verdict__title { color: var(--ms-warn); }
.ms-verdict--ko .ms-verdict__icon { background: var(--ms-ko-soft); color: var(--ms-ko); }
.ms-verdict--ko .ms-verdict__title { color: var(--ms-ko); }
.ms-verdict--info .ms-verdict__icon { background: var(--ms-info-soft); color: var(--ms-info); }
.ms-verdict--info .ms-verdict__title { color: var(--ms-info); }
.ms-verdict--none .ms-verdict__icon { background: var(--ms-chip-bg); color: var(--ms-muted); }
/* Sans titre (aucune recherche), les pastilles remontent au niveau de l'icône. */
.ms-verdict--none .ms-verdict__sources { margin-top: 2px; }

/* Pastilles des sources (AnalysisBadgeList) */
.ms-verdict__sources .d-flex.flex-wrap { gap: 5px !important; }
.badge.ms-chip {
    font-family: var(--ms-font); font-size: 11.5px; font-weight: 600; line-height: 1.5;
    border-radius: 6px; padding: 3px 7px; border: 1px solid transparent; letter-spacing: 0;
}
.badge.ms-chip-ok { background: var(--ms-ok-soft); color: var(--ms-ok); }
.badge.ms-chip-hit { background: #c0392b; color: #fff; }
.badge.ms-chip-ko { background: #c0392b; color: #fff; }
.badge.ms-chip-doc { background: var(--ms-surface); color: var(--ms-text); border-color: var(--ms-muted); }
.badge.ms-chip-retry { background: var(--ms-info-soft); color: var(--ms-info); }
.badge.ms-chip-fiche { background: #f7f3eb; color: #8a6a3a; border-color: var(--ms-gold); }

@media (max-width: 860px) {
    .ms-source-groups, .ms-source-groups--dl { grid-template-columns: minmax(0, 1fr); }
    .ms-actions__version { margin-left: 0; width: 100%; }
}
@media (max-width: 720px) {
    .ms-actions, .ms-action-panel, .ms-dossier__note, .ms-legend { padding-left: 16px; padding-right: 16px; }
    .ms-parties th, .ms-parties td { padding-left: 14px; padding-right: 14px; }
    .ms-col-party { width: auto; }
}

/* ==========================================================================
   Fenêtres de la page dossier (ajout, modification, captcha, bénéficiaires) :
   même langage que le bloc dossier. Classe .ms-modal posée sur la racine des
   7 modales de Components/Folder ; spécificité + !important car custom.css
   impose déjà un style global aux modales.
   ========================================================================== */
.masentinelle-app .ms-modal { background: rgba(14, 46, 26, .45) !important; font-family: var(--ms-font); }
.masentinelle-app .ms-modal .modal-content {
    border: 1px solid var(--ms-border) !important; border-radius: 14px !important; overflow: hidden !important;
    box-shadow: 0 18px 50px rgba(14, 46, 26, .25) !important; background: var(--ms-surface) !important;
    color: var(--ms-text); font-size: 15px; line-height: 1.5;
}
.masentinelle-app .ms-modal .modal-header {
    background: #1a4a2e !important; color: #fff !important;
    border-bottom: 3px solid var(--ms-gold) !important; border-radius: 0 !important;
    padding: 18px 22px !important;
}
.masentinelle-app .ms-modal .modal-header .modal-title {
    font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;
    font-weight: 600 !important; font-size: 24px !important; line-height: 1.2 !important; color: #fff !important;
}
.masentinelle-app .ms-modal .modal-body { padding: 18px 22px !important; background: var(--ms-surface) !important; }
.masentinelle-app .ms-modal .modal-footer {
    padding: 14px 22px !important; border-top: 1px dashed var(--ms-border) !important;
    background: var(--ms-surface) !important; gap: 8px; justify-content: flex-end;
}
.masentinelle-app .ms-modal .modal-footer > * { margin: 0 !important; }

/* Champs */
.masentinelle-app .ms-modal .form-label {
    font-size: 13px !important; font-weight: 600 !important; color: var(--ms-text) !important; margin-bottom: 4px !important;
}
.masentinelle-app .ms-modal .form-text { font-size: 12px !important; color: var(--ms-muted) !important; }
.masentinelle-app .ms-modal .form-control,
.masentinelle-app .ms-modal .form-select {
    font-family: var(--ms-font) !important; font-size: 14px !important;
    border: 1px solid var(--ms-border) !important; border-radius: 8px !important;
    padding: 8px 12px !important; background-color: var(--ms-surface) !important; color: var(--ms-text) !important; box-shadow: none !important;
}
.masentinelle-app .ms-modal .form-select { padding-right: 32px !important; }
/* custom.css impose 48 px de haut et 16 px de texte à tous les champs des modales : on reprend la main. */
html body.masentinelle-app .ms-modal .form-control,
html body.masentinelle-app .ms-modal .form-select,
html body.masentinelle-app .ms-modal input[type="text"],
html body.masentinelle-app .ms-modal input[type="date"],
html body.masentinelle-app .ms-modal input[type="email"],
html body.masentinelle-app .ms-modal input[type="number"],
html body.masentinelle-app .ms-modal textarea {
    border: 1px solid var(--ms-border) !important; border-radius: 8px !important;
    padding: 8px 12px !important; font-size: 14px !important; min-height: 40px !important; line-height: 1.5 !important;
}
html body.masentinelle-app .ms-modal .form-select { padding-right: 32px !important; }
html body.masentinelle-app .ms-modal .form-control-sm,
html body.masentinelle-app .ms-modal .form-select-sm { font-size: 13px !important; padding: 5px 10px !important; min-height: 32px !important; }
html body.masentinelle-app .ms-modal .form-control:focus,
html body.masentinelle-app .ms-modal .form-select:focus,
html body.masentinelle-app .ms-modal input:focus,
html body.masentinelle-app .ms-modal textarea:focus { border-color: var(--ms-primary-mid) !important; box-shadow: 0 0 0 3px rgba(42, 107, 68, .14) !important; }
html body.masentinelle-app .ms-modal .modal-body .nav-tabs .nav-link i { color: inherit !important; font-size: 14px !important; }
.masentinelle-app .ms-modal .form-control-sm, .masentinelle-app .ms-modal .form-select-sm { font-size: 13px !important; padding: 5px 10px !important; }
.masentinelle-app .ms-modal .form-select-sm { padding-right: 28px !important; }
.masentinelle-app .ms-modal .form-control:focus,
.masentinelle-app .ms-modal .form-select:focus { border-color: var(--ms-primary-mid) !important; box-shadow: 0 0 0 3px rgba(42, 107, 68, .14) !important; }
.masentinelle-app .ms-modal .form-check-input:checked { background-color: var(--ms-primary-mid) !important; border-color: var(--ms-primary-mid) !important; }

/* Boutons : principal vert, secondaires comme les boutons d'action */
.masentinelle-app .ms-modal .btn {
    font-family: var(--ms-font) !important; font-size: 14px !important; font-weight: 600 !important;
    border-radius: 9px !important; padding: 8px 14px !important; box-shadow: none !important; line-height: 1.5 !important;
}
.masentinelle-app .ms-modal .btn-sm { font-size: 13px !important; padding: 4px 10px !important; border-radius: 8px !important; }
.masentinelle-app .ms-modal .btn-primary { background: var(--ms-primary) !important; border: 1px solid var(--ms-primary) !important; color: #fff !important; }
.masentinelle-app .ms-modal .btn-primary:hover:not(:disabled) { background: var(--ms-primary-mid) !important; border-color: var(--ms-primary-mid) !important; }
.masentinelle-app .ms-modal .btn-primary:disabled { opacity: .55 !important; }
.masentinelle-app .ms-modal .btn-secondary,
.masentinelle-app .ms-modal .btn-outline-secondary,
.masentinelle-app .ms-modal .btn-outline-primary {
    background: var(--ms-surface) !important; border: 1px solid var(--ms-border) !important; color: var(--ms-text) !important;
}
.masentinelle-app .ms-modal .btn-secondary:hover,
.masentinelle-app .ms-modal .btn-outline-secondary:hover,
.masentinelle-app .ms-modal .btn-outline-primary:hover { border-color: var(--ms-primary-mid) !important; color: var(--ms-primary) !important; background: var(--ms-surface) !important; }
.masentinelle-app .ms-modal .btn-outline-danger { background: var(--ms-surface) !important; border: 1px solid #f0b9b1 !important; color: var(--ms-ko) !important; }
.masentinelle-app .ms-modal .btn-outline-danger:hover { background: var(--ms-ko-soft) !important; }

/* Onglets (ajout : personne / société / parcelle) façon raccourcis */
.masentinelle-app .ms-modal .nav-tabs { border: 0 !important; display: flex; gap: 8px; flex-wrap: wrap; }
.masentinelle-app .ms-modal .nav-tabs .nav-link {
    font-family: var(--ms-font) !important; font-size: 14px !important; font-weight: 600 !important;
    border: 1px solid var(--ms-border) !important; border-radius: 9px !important; padding: 8px 14px !important;
    color: var(--ms-text) !important; background: var(--ms-surface) !important; margin: 0 !important;
}
.masentinelle-app .ms-modal .nav-tabs .nav-link:hover { border-color: var(--ms-primary-mid) !important; color: var(--ms-primary) !important; }
.masentinelle-app .ms-modal .nav-tabs .nav-link.active {
    background: var(--ms-ok-soft) !important; border-color: var(--ms-primary-mid) !important; color: var(--ms-primary) !important;
    box-shadow: inset 0 0 0 1px var(--ms-primary-mid) !important;
}

/* Listes (suggestions, bénéficiaires, éléments du dossier) */
.masentinelle-app .ms-modal .list-group { border-radius: 10px !important; overflow: hidden; border: 1px solid var(--ms-border); }
.masentinelle-app .ms-modal .list-group-item {
    border: 0 !important; border-bottom: 1px solid var(--ms-border) !important; padding: 10px 12px !important;
    font-size: 14px; color: var(--ms-text); background: var(--ms-surface) !important;
}
.masentinelle-app .ms-modal .list-group-item:last-child { border-bottom: 0 !important; }
.masentinelle-app .ms-modal .list-group-item-action:hover { background: var(--ms-surface-2) !important; }
.masentinelle-app .ms-modal .list-group-item.active { background: var(--ms-ok-soft) !important; color: var(--ms-primary) !important; }

/* Encadrés */
.masentinelle-app .ms-modal .alert { border-radius: 10px !important; border: 0 !important; font-size: 13.5px !important; padding: 10px 14px !important; }
.masentinelle-app .ms-modal .alert-danger { background: var(--ms-ko-soft) !important; color: #7d2318 !important; }
.masentinelle-app .ms-modal .alert-warning { background: var(--ms-warn-soft) !important; color: #6b4a10 !important; }
.masentinelle-app .ms-modal .alert-info,
.masentinelle-app .ms-modal .alert-light { background: var(--ms-surface-2) !important; color: var(--ms-text) !important; }
.masentinelle-app .ms-modal .alert-success { background: var(--ms-ok-soft) !important; color: var(--ms-primary) !important; }
.masentinelle-app .ms-modal .border.rounded { border-color: var(--ms-border) !important; border-radius: 10px !important; }
.masentinelle-app .ms-modal .text-primary { color: var(--ms-primary-mid) !important; }
.masentinelle-app .ms-modal .text-muted { color: var(--ms-muted) !important; }
.masentinelle-app .ms-modal .spinner-border { color: var(--ms-primary-mid); }

/* Image du captcha */
.masentinelle-app .ms-modal img[src^="data:image"] { border: 1px solid var(--ms-border); border-radius: 8px; background: #fff; }
html body.masentinelle-app .ms-modal .modal-body .nav-tabs { gap: 8px !important; margin: 0 !important; }
html body.masentinelle-app .ms-modal .modal-body .nav-tabs .nav-item { margin: 0 !important; }

/* ==========================================================================
   Liste des dossiers (/folders) : même bandeau et même bloc que la page dossier.
   ========================================================================== */
.ms-action[aria-pressed="true"] { background: var(--ms-ok-soft); border-color: var(--ms-primary-mid); color: var(--ms-primary); }
.ms-action__count {
    margin-left: 6px; padding: 0 7px; border-radius: 999px; background: var(--ms-chip-bg);
    color: var(--ms-muted); font-size: 12px; font-weight: 600;
}
.ms-action[aria-pressed="true"] .ms-action__count { background: #fff; color: var(--ms-primary); }
.ms-action--primary { background: var(--ms-primary); border-color: var(--ms-primary); color: #fff; }
.ms-action--primary:hover:not(:disabled) { background: var(--ms-primary-mid); color: #fff; }

.ms-folders-search {
    margin-left: auto; position: relative; display: flex; align-items: center;
    width: min(340px, 100%);
}
.ms-folders-search > .bi { position: absolute; left: 12px; color: var(--ms-muted); font-size: 14px; pointer-events: none; }
.ms-folders-search input {
    width: 100%; font-family: var(--ms-font); font-size: 14px; line-height: 1.5; color: var(--ms-text);
    border: 1px solid var(--ms-border); border-radius: 9px; padding: 8px 34px; background: var(--ms-surface); outline: none;
}
.ms-folders-search input::-webkit-search-cancel-button { display: none; }
.ms-folders-search input:focus { border-color: var(--ms-primary-mid); box-shadow: 0 0 0 3px rgba(42, 107, 68, .14); }
.ms-folders-search .ms-close { position: absolute; right: 4px; }

.ms-folders__row { cursor: pointer; }
.ms-folders__row:hover > td { background: var(--ms-surface-2); }
.ms-folders__name {
    display: block; color: var(--ms-text); font-weight: 600; font-size: 15px; text-decoration: none;
}
.ms-folders__row:hover .ms-folders__name { color: var(--ms-primary); }
.ms-folders__name:focus-visible { outline: 2px solid var(--ms-gold); outline-offset: 2px; border-radius: 4px; }
.ms-folders__parties { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.ms-folders__parties .ms-who { align-items: center; gap: 8px; }
.ms-folders__parties .ms-kind { width: 24px; height: 24px; border-radius: 7px; margin-top: 0; }
.ms-folders__parties .ms-kind .bi { font-size: 13px; }
.ms-folders__parties .ms-who__name { font-weight: 500; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ms-folders__more { display: block; margin: 4px 0 0 32px; font-size: 12.5px; color: var(--ms-muted); }
.ms-folders__none { font-size: 13px; color: var(--ms-muted); }
.ms-folders__col-date { white-space: nowrap; color: var(--ms-muted); font-size: 13.5px; }
.ms-col-actions .btn.ms-folders__delete:hover { background: var(--ms-ko-soft); color: var(--ms-ko); }

.ms-folders-empty { padding: 48px 22px; text-align: center; color: var(--ms-muted); font-size: 14px; }
.ms-folders-empty .ms-kind { width: 44px; height: 44px; border-radius: 12px; margin: 0 auto 12px; }
.ms-folders-empty .ms-kind .bi { font-size: 20px; }
.ms-folders-empty h2 {
    font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif; font-weight: 600;
    font-size: 24px; color: var(--ms-text); margin: 0 0 4px;
}
.ms-folders-empty p { margin: 0 0 16px; }
.ms-folders-empty .spinner-border { color: var(--ms-primary-mid); }

@media (max-width: 720px) {
    .ms-folders-search { margin-left: 0; width: 100%; }
    .ms-folders .ms-folders__col-date { display: none; }
}