/* TheSyndic — composants de page partagés (pages copropriétaire).
   Habille les classes historiques avec les jetons du tableau de bord (copro-shell.css). */

body.copro-shell:not(#coproDashboard) {
    color: var(--dashboard-ink);
    font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body.copro-shell:not(#coproDashboard)::before, body.copro-shell:not(#coproDashboard)::after { display: none !important; }
body.copro-shell .index-content > .scroll { scrollbar-gutter: stable; }
body.copro-shell .index-content > .scroll > .grid.page-main { width: min(1330px, 100%); max-width: none; padding: 34px 35px 40px; margin: 0 auto; }

/* ── En-tête de page ── */
body.copro-shell .page-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 26px; }
body.copro-shell .page-eyebrow { margin: 0; color: var(--dashboard-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .13em; font-weight: 650; line-height: 1.8; }
body.copro-shell .page-heading h1 { margin: 9px 0 0; color: var(--dashboard-ink); font-size: clamp(27px, 2.4vw, 34px); font-weight: 650; line-height: 1.25; letter-spacing: -.035em; }
body.copro-shell .page-intro { margin: 9px 0 0; max-width: 620px; color: var(--dashboard-muted); font-size: 12px; line-height: 1.7; }
body.copro-shell .page-heading-actions { display: flex; gap: 10px; flex-shrink: 0; }
body.copro-shell .page-button, body.copro-shell .btn-modern { display: inline-flex; justify-content: center; align-items: center; gap: 8px; min-height: 40px; padding: 9px 15px; border: 1px solid transparent; border-radius: 10px; font-family: inherit; font-size: 12px; line-height: 1.4; font-weight: 600; text-decoration: none; cursor: pointer; transition: background .16s, border-color .16s; backdrop-filter: none; transform: none; }
body.copro-shell .page-button i, body.copro-shell .btn-modern i { margin: 0 !important; font-size: 12px; }
body.copro-shell .btn-modern { background: var(--dashboard-violet) !important; color: #fff !important; box-shadow: none !important; }
body.copro-shell .btn-modern:hover { background: #5633b8 !important; transform: none !important; }
body.copro-shell .page-button.is-secondary, body.copro-shell .btn-modern.btn-secondary { background: var(--dashboard-surface) !important; color: var(--dashboard-ink) !important; border-color: var(--dashboard-line); }
body.copro-shell .page-button.is-secondary:hover, body.copro-shell .btn-modern.btn-secondary:hover { background: var(--dashboard-soft) !important; border-color: #c4b3df; }

/* ── Cartes ── */
body.copro-shell .sit-card, body.copro-shell .docs-stat-card, body.copro-shell .docs-help, body.copro-shell .stat-card {
    background: var(--dashboard-surface) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 14px !important;
    box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; animation: none !important;
    color: var(--dashboard-ink); transform: none !important;
}
body.copro-shell .sit-card { padding: 22px !important; margin-bottom: 18px; }
body.copro-shell .sit-card::before, body.copro-shell .sit-card::after, body.copro-shell .docs-stat-card::before, body.copro-shell .docs-stat-card::after { display: none !important; }
body.copro-shell .sit-card:hover, body.copro-shell .docs-stat-card:hover { transform: none !important; box-shadow: none !important; background: var(--dashboard-surface) !important; }
body.copro-shell .sit-card-header { display: flex; align-items: center; gap: 11px; margin: 0 0 18px !important; padding: 0 !important; border: 0 !important; }
body.copro-shell .sit-card-header > i { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 9px; color: var(--dashboard-violet) !important; background: var(--dashboard-lavender); font-size: 14px !important; }
body.copro-shell .sit-card-header h4 { margin: 0 !important; color: var(--dashboard-ink) !important; font-size: 14px !important; font-weight: 650 !important; letter-spacing: -.01em; line-height: 1.4; }
body.copro-shell .sit-card-count { margin-left: auto; color: var(--dashboard-muted); font-size: 11px; font-weight: 600; }
body.copro-shell .docs-grid { gap: 18px !important; align-items: start; }
body.copro-shell .docs-grid::after { display: none !important; }
body.copro-shell .docs-col { gap: 18px; }

/* ── Aide de page ── */
body.copro-shell .docs-help { padding: 18px 22px !important; margin-bottom: 18px !important; }
body.copro-shell .docs-help h3 { margin: 0 0 16px; padding-right: 34px; color: var(--dashboard-ink); font-size: 13px; font-weight: 650; }
body.copro-shell .docs-help h3 i { color: var(--dashboard-violet); }
body.copro-shell .docs-help-toggle { color: var(--dashboard-muted); }
body.copro-shell .docs-help-toggle:hover { background: var(--dashboard-soft); }
body.copro-shell .docs-help-item { color: var(--dashboard-muted); font-size: 12px; line-height: 1.6; }
body.copro-shell .docs-help-item strong { color: var(--dashboard-ink); font-weight: 650; }
body.copro-shell .docs-help-item .help-icon { width: 30px; height: 30px; border-radius: 9px; font-size: 12px; color: var(--dashboard-violet); background: var(--dashboard-lavender) !important; }

/* ── Champs, filtres, onglets ── */
body.copro-shell .docs-search, body.copro-shell .docs-search-input, body.copro-shell .folder-select, body.copro-shell .my-modal input[type="text"], body.copro-shell .my-modal input[type="date"], body.copro-shell .my-modal select {
    background: var(--dashboard-bg) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 10px !important; color: var(--dashboard-ink) !important;
    box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; font-family: inherit; font-size: 12px;
}
body.copro-shell .docs-search:focus, body.copro-shell .docs-search-input:focus, body.copro-shell .folder-select:focus, body.copro-shell .my-modal input:focus, body.copro-shell .my-modal select:focus {
    border-color: #a88bdb !important; box-shadow: 0 0 0 3px #bda3ec20 !important; outline: none;
}
body.copro-shell .docs-search::placeholder, body.copro-shell .docs-search-input::placeholder { color: var(--dashboard-muted); }
body.copro-shell .filter-pill, body.copro-shell .folder-tab {
    background: var(--dashboard-surface) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 999px !important; color: var(--dashboard-muted) !important;
    box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; font-family: inherit; font-size: 11px; font-weight: 600;
}
body.copro-shell .filter-pill:hover, body.copro-shell .folder-tab:hover { background: var(--dashboard-soft) !important; color: var(--dashboard-ink) !important; border-color: #c4b3df !important; box-shadow: none !important; }
body.copro-shell .filter-pill.active, body.copro-shell .folder-tab.active { background: var(--dashboard-lavender) !important; color: var(--dashboard-violet) !important; border-color: #cdbcf0 !important; box-shadow: none !important; }

/* ── Dossiers ── */
body.copro-shell .folder-card {
    background: var(--dashboard-bg) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 12px !important; color: var(--dashboard-ink) !important;
    box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; transform: none !important;
}
body.copro-shell .folder-card:hover { background: var(--dashboard-soft) !important; border-color: #c4b3df !important; }
body.copro-shell .folder-card.active { background: var(--dashboard-lavender) !important; border-color: var(--dashboard-violet) !important; }
body.copro-shell .folder-card-label { color: var(--dashboard-ink) !important; font-size: 11px; font-weight: 600; }
body.copro-shell .folder-card-count { color: var(--dashboard-muted) !important; background: var(--dashboard-surface) !important; border: 1px solid var(--dashboard-line); font-size: 10px; }
body.copro-shell .folder-card-add { background: transparent !important; border-style: dashed !important; }
body.copro-shell .folder-card-add .folder-card-icon, body.copro-shell .folder-card-add .folder-card-icon i { color: var(--dashboard-violet) !important; }
body.copro-shell .folder-breadcrumb, body.copro-shell .folder-breadcrumb-current { color: var(--dashboard-ink); }
body.copro-shell .folder-back-btn { color: var(--dashboard-violet); background: var(--dashboard-lavender); border-color: transparent; }
body.copro-shell .folder-create-inline input { background: var(--dashboard-bg); border-color: var(--dashboard-line); color: var(--dashboard-ink); }

/* ── Lignes de documents ── */
body.copro-shell .year-header { color: var(--dashboard-muted); font-size: 9px; font-weight: 650; text-transform: uppercase; letter-spacing: .13em; }
body.copro-shell .document-item, body.copro-shell .section-assurance .document-item, body.copro-shell .section-factures .document-item {
    background: var(--dashboard-surface) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 11px !important; box-shadow: none !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important; color: var(--dashboard-ink);
}
body.copro-shell .document-item:hover { background: var(--dashboard-soft) !important; border-color: #c4b3df !important; box-shadow: none !important; transform: none !important; }
body.copro-shell .document-item .doc-name, body.copro-shell .doc-link { color: var(--dashboard-ink) !important; font-size: 12px; font-weight: 600; }
body.copro-shell .document-item .doc-date, body.copro-shell .document-meta { color: var(--dashboard-muted) !important; font-size: 11px; }
body.copro-shell .info-btn { color: var(--dashboard-violet); background: var(--dashboard-lavender); border: 0; border-radius: 9px; }
body.copro-shell .docs-no-results, body.copro-shell .sit-card p.text-muted { color: var(--dashboard-muted); font-size: 12px; }

/* ── États ── */
body.copro-shell .status-pill { border-radius: 999px; font-size: 10px; font-weight: 650; border: 1px solid transparent; }
body.copro-shell .status-pill.success { background: #e5f3ec; color: #21735b; border-color: #c8e4d6; }
body.copro-shell .status-pill.danger { background: #fae9ed; color: #b03c51; border-color: #f0ccd4; }
body.copro-shell .status-pill.warning { background: #fbf1df; color: #8a5a12; border-color: #efdcb4; }
body.copro-shell .status-pill.muted, body.copro-shell .status-pill.info { background: var(--dashboard-soft); color: var(--dashboard-muted); border-color: var(--dashboard-line); }
body.copro-shell .sit-card .alert, body.copro-shell .section-assurance .alert, body.copro-shell .expiring-soon-banner, body.copro-shell .quota-notice, body.copro-shell .quota-warning {
    display: flex; align-items: flex-start; gap: 10px; margin: 0 0 14px; padding: 12px 14px; border-radius: 11px; border: 1px solid var(--dashboard-line); border-left-width: 1px;
    background: var(--dashboard-soft); color: var(--dashboard-ink); font-size: 12px; line-height: 1.6; box-shadow: none; backdrop-filter: none;
}
body.copro-shell .alert-danger { background: #fae9ed !important; border-color: #f0ccd4 !important; color: #8a2a3c !important; }
body.copro-shell .alert-warning, body.copro-shell .expiring-soon-banner, body.copro-shell .quota-notice { background: #fbf1df !important; border-color: #efdcb4 !important; color: #6d4510 !important; }
body.copro-shell .quota-warning { background: #fae9ed !important; border-color: #f0ccd4 !important; color: #8a2a3c !important; }
body.copro-shell .alert small { color: inherit; opacity: .85; }

/* ── Stockage ── */
body.copro-shell .quota-text { color: var(--dashboard-muted); font-size: 12px; }
body.copro-shell .quota-text strong { color: var(--dashboard-ink); }
body.copro-shell .quota-bar { height: 8px; border-radius: 999px; background: var(--dashboard-soft); border: 1px solid var(--dashboard-line); overflow: hidden; }
body.copro-shell .quota-fill { height: 100%; border-radius: 999px; background: var(--dashboard-violet) !important; }
body.copro-shell .quota-fill.warning { background: #c98a1f !important; }
body.copro-shell .quota-fill.danger { background: var(--dashboard-red) !important; }
body.copro-shell .docs-stat-inline { display: flex; align-items: center; gap: 12px; margin-top: 16px; padding: 13px 15px; border: 1px solid var(--dashboard-line); border-radius: 12px; background: var(--dashboard-bg); }
body.copro-shell .docs-stat-inline > i { color: var(--dashboard-violet); font-size: 18px; }
body.copro-shell .docs-stat-inline strong { display: block; color: var(--dashboard-ink); font-size: 22px; font-weight: 650; line-height: 1.1; }
body.copro-shell .docs-stat-inline span { color: var(--dashboard-muted); font-size: 11px; }

/* ── Documents généraux ── */
body.copro-shell .general-docs-list { display: flex; flex-direction: column; gap: 9px; }
body.copro-shell .general-doc { display: flex; align-items: center; gap: 13px; padding: 11px 13px; border: 1px solid var(--dashboard-line); border-radius: 11px; background: var(--dashboard-surface); cursor: pointer; text-decoration: none; transition: background .16s, border-color .16s; }
body.copro-shell .general-doc:hover { background: var(--dashboard-soft); border-color: #c4b3df; }
body.copro-shell .general-doc-icon { display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 9px; background: var(--dashboard-lavender); color: var(--dashboard-violet); font-size: 14px; }
body.copro-shell .general-doc-text { flex: 1; min-width: 0; }
body.copro-shell .general-doc-name { overflow: hidden; color: var(--dashboard-ink); font-size: 12px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
body.copro-shell .general-doc-meta { display: flex; gap: 10px; margin-top: 2px; color: var(--dashboard-muted); font-size: 10.5px; }
body.copro-shell .general-doc-view { flex-shrink: 0; color: var(--dashboard-violet); font-size: 13px; }

/* ── Fenêtres ── */
body.copro-shell .my-modal { background: #261b3e66 !important; backdrop-filter: blur(3px) !important; }
body.copro-shell .my-modal-content, body.copro-shell #infoModal .my-modal-content {
    background: var(--dashboard-surface) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 16px !important; color: var(--dashboard-ink) !important;
    box-shadow: 0 24px 60px #30233f33 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
body.copro-shell .my-modal-content h4 { color: var(--dashboard-ink); font-size: 18px; font-weight: 650; letter-spacing: -.02em; }
body.copro-shell .my-modal .close { color: var(--dashboard-muted); }
body.copro-shell .modal-header-bar { background: var(--dashboard-soft) !important; color: var(--dashboard-ink) !important; border-bottom: 1px solid var(--dashboard-line); }
body.copro-shell .modal-header-bar h4 { color: var(--dashboard-ink) !important; font-size: 18px !important; font-weight: 650 !important; }
body.copro-shell .modal-header-bar .close { background: var(--dashboard-surface) !important; color: var(--dashboard-muted) !important; border: 1px solid var(--dashboard-line) !important; backdrop-filter: none !important; }
body.copro-shell .modal-header-bar .close:hover { background: var(--dashboard-lavender) !important; color: var(--dashboard-violet) !important; }
body.copro-shell .modal-header-bar .doc-name-input { background: var(--dashboard-surface); border: 1px solid var(--dashboard-line); color: var(--dashboard-ink); backdrop-filter: none; }
body.copro-shell .modal-header-bar .doc-name-input::placeholder { color: var(--dashboard-muted); }
body.copro-shell .modal-meta-grid .meta-label { color: var(--dashboard-muted); }
body.copro-shell .modal-meta-grid .meta-value { color: var(--dashboard-ink); }
body.copro-shell .info-section { border-color: var(--dashboard-line); }
body.copro-shell .info-section-title { color: var(--dashboard-muted); }
body.copro-shell .info-actions-grid button, body.copro-shell .share-wrapper .btn-share, body.copro-shell .share-link-box button { background: var(--dashboard-surface); color: var(--dashboard-ink); border: 1px solid var(--dashboard-line); border-radius: 10px; box-shadow: none; }
body.copro-shell .info-actions-grid button:hover { background: var(--dashboard-soft); }
body.copro-shell .share-link-box input, body.copro-shell .share-item, body.copro-shell .version-item { background: var(--dashboard-bg); border-color: var(--dashboard-line); color: var(--dashboard-ink); }
body.copro-shell .modal-delete-zone { border-color: var(--dashboard-line); }
body.copro-shell .modal-delete-zone .btn-danger { background: transparent; color: var(--dashboard-red); border: 1px solid #f0ccd4; border-radius: 10px; box-shadow: none; }
body.copro-shell .modal-delete-zone .btn-danger:hover { background: #fae9ed; }
body.copro-shell .lot-checkbox { background: var(--dashboard-bg); border: 1px solid var(--dashboard-line); border-radius: 10px; color: var(--dashboard-ink); }
body.copro-shell .lot-checkbox:hover { background: var(--dashboard-soft); }
body.copro-shell .pdf-preview-card { background: var(--dashboard-surface); border: 1px solid var(--dashboard-line); border-radius: 16px; color: var(--dashboard-ink); }
body.copro-shell .pdf-preview-header { border-color: var(--dashboard-line); }
body.copro-shell .pdf-preview-header h4 { color: var(--dashboard-ink); }
body.copro-shell .pdf-preview-header button { color: var(--dashboard-muted); background: var(--dashboard-soft); border: 0; }

/* ── Formulaires dans les fenêtres ── */
body.copro-shell .my-modal-content { padding: 26px; max-width: 480px; }
body.copro-shell .my-modal .form-group { margin: 0 0 16px; }
body.copro-shell .my-modal label { color: var(--dashboard-ink); font-size: 11px; font-weight: 650; }
body.copro-shell .my-modal .form-control {
    display: block; width: 100%; height: auto; padding: 10px 13px; background: var(--dashboard-bg) !important; border: 1px solid var(--dashboard-line) !important;
    border-radius: 10px !important; color: var(--dashboard-ink) !important; box-shadow: none !important; backdrop-filter: none !important; font-family: inherit; font-size: 12px;
}
body.copro-shell .my-modal .form-control:focus { border-color: #a88bdb !important; box-shadow: 0 0 0 3px #bda3ec20 !important; }
body.copro-shell .my-modal input[hidden] { display: none !important; }
body.copro-shell .my-modal .drop-zone {
    display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; width: 100%; margin: 0 0 16px; padding: 22px 16px; text-align: center;
    border: 1.5px dashed #c4b3df; border-radius: 12px; background: var(--dashboard-bg); color: var(--dashboard-ink); font-size: 12px; font-weight: 600; cursor: pointer;
    transition: background .16s, border-color .16s;
}
body.copro-shell .my-modal .drop-zone:hover, body.copro-shell .my-modal .drop-zone.dragover, body.copro-shell .my-modal .drop-zone.drag-over { background: var(--dashboard-lavender); border-color: var(--dashboard-violet); }
body.copro-shell .my-modal .drop-zone small { color: var(--dashboard-muted); font-size: 11px; font-weight: 500; }
body.copro-shell .my-modal .lot-checkbox-grid { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
body.copro-shell .my-modal .lot-checkbox { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 8px 12px; font-size: 12px; font-weight: 600; cursor: pointer; }
body.copro-shell .my-modal .lot-checkbox input { accent-color: var(--dashboard-violet); }
body.copro-shell .my-modal .btn { border-radius: 10px; font-family: inherit; font-size: 12px; font-weight: 600; box-shadow: none; }
body.copro-shell .my-modal .btn-primary { background: var(--dashboard-violet) !important; border: 1px solid transparent !important; color: #fff !important; padding: 11px 16px; }
body.copro-shell .my-modal .btn-primary:hover { background: #5633b8 !important; }
body.copro-shell .my-modal .btn-link { color: var(--dashboard-violet); padding: 2px 0; }
body.copro-shell .my-modal small, body.copro-shell .my-modal .help-block { color: var(--dashboard-muted) !important; font-size: 11px; }
body.copro-shell .my-modal .alert-info { background: var(--dashboard-lavender) !important; border-color: #cdbcf0 !important; color: var(--dashboard-ink) !important; }
body.copro-shell #addModalFolderHint { background: var(--dashboard-lavender) !important; border-color: #cdbcf0 !important; color: var(--dashboard-ink) !important; }
body.copro-shell #addModalFolderName { color: var(--dashboard-violet) !important; }
body.copro-shell .loader-overlay { background: #19151fcc !important; backdrop-filter: blur(3px); }
body.copro-shell .loader-text { color: #fff; font-size: 13px; font-weight: 600; }
body.copro-shell .loader-dots span { background: var(--dashboard-violet) !important; }

/* ══ Pages : lots, appels de fonds, situation, simulateurs ══ */
body.copro-shell:is(.page-meslots, .page-lot-details, .page-appelsdefonds, .page-masituation, .page-simulateurs, .page-assemblees, .page-votes) .index-content > .scroll > .grid {
    width: min(1330px, 100%); max-width: none; margin: 0 auto; padding: 34px 35px 40px; background: none; box-shadow: none;
}

/* En-têtes (anciens bandeaux dégradés) */
body.copro-shell :is(.lots-hero, .notif-hero, .lot-hero, .appels-hero, .situation-hero, .assemb-hero, .votes-hero, .sim-hero) {
    background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 0 26px !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important; overflow: visible !important; animation: none !important; color: var(--dashboard-ink) !important;
    display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 20px 24px;
}
body.copro-shell :is(.lots-hero, .notif-hero, .lot-hero, .appels-hero, .situation-hero, .assemb-hero, .votes-hero, .sim-hero)::before,
body.copro-shell :is(.lots-hero, .notif-hero, .lot-hero, .appels-hero, .situation-hero, .assemb-hero, .votes-hero, .sim-hero)::after { display: none !important; }
body.copro-shell :is(.lots-hero-content, .lot-hero-content, .appels-hero-content, .situation-hero-content, .assemb-hero-content, .votes-hero-content) { flex: 1 1 320px; min-width: 0; }
body.copro-shell :is(.lots-hero-left, .notif-hero-left, .lot-hero-left, .appels-hero-left) { display: flex; align-items: center; gap: 14px; }
body.copro-shell :is(.lots-hero-icon, .notif-hero-icon, .lot-hero-icon, .appels-hero-icon, .sim-hero-icon) {
    display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border-radius: 12px; margin: 0;
    background: var(--dashboard-lavender) !important; color: var(--dashboard-violet) !important; box-shadow: none !important; font-size: 18px;
}
body.copro-shell :is(.lots-hero-icon, .notif-hero-icon, .lot-hero-icon, .appels-hero-icon, .sim-hero-icon) i { color: var(--dashboard-violet) !important; font-size: 18px; }
body.copro-shell :is(.lots-hero, .notif-hero, .lot-hero, .appels-hero, .situation-hero, .assemb-hero, .votes-hero) h2, body.copro-shell .sim-hero-text h1 {
    margin: 0; color: var(--dashboard-ink) !important; font-family: inherit; font-size: clamp(24px, 2.2vw, 31px); font-weight: 650; line-height: 1.25; letter-spacing: -.035em; text-shadow: none;
}
body.copro-shell :is(.lots-hero-sub, .lot-hero-sub, .appels-hero-sub, .situation-hero-sub, .assemb-hero-sub, .votes-hero-sub, .sim-hero-text p) { margin: 6px 0 0 !important; color: var(--dashboard-muted) !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.7; }
body.copro-shell :is(.lots-hero-stats, .notif-hero-stats, .lot-hero-stats, .appels-hero-stats, .situation-hero-stats, .assemb-hero-stats, .votes-hero-stats) { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
body.copro-shell .situation-hero-stats, .assemb-hero-stats, .votes-hero-stats { margin-top: 18px; }
body.copro-shell :is(.lots-hero-stat, .notif-hero-stat, .lot-hero-stat, .appels-hero-stat, .situation-hero-stat, .assemb-hero-stat, .votes-hero-stat) {
    display: flex; flex-direction: column; align-items: flex-start; min-width: 96px; padding: 11px 16px; border-radius: 12px;
    background: var(--dashboard-surface) !important; border: 1px solid var(--dashboard-line) !important; box-shadow: none !important; backdrop-filter: none !important;
}
body.copro-shell :is(.lots-hero-stat, .notif-hero-stat, .lot-hero-stat, .appels-hero-stat, .situation-hero-stat, .assemb-hero-stat, .votes-hero-stat) .stat-val { color: var(--dashboard-ink) !important; font-size: 19px; font-weight: 650; letter-spacing: -.02em; line-height: 1.15; }
body.copro-shell :is(.lots-hero-stat, .notif-hero-stat, .lot-hero-stat, .appels-hero-stat, .situation-hero-stat, .assemb-hero-stat, .votes-hero-stat) .stat-lbl { color: var(--dashboard-muted) !important; font-size: 9px; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; margin-top: 4px; }
body.copro-shell .situation-hero-badge, .assemb-hero-badge, .votes-hero-badge, body.copro-shell .sim-hero-badge {
    display: inline-flex; align-items: center; gap: 7px; margin: 0 0 12px; padding: 6px 12px; border-radius: 999px; backdrop-filter: none !important;
    background: var(--dashboard-lavender) !important; border: 1px solid transparent !important; color: var(--dashboard-violet) !important; font-size: 11px; font-weight: 650; text-decoration: none;
}
body.copro-shell a.situation-hero-badge:hover { border-color: #cdbcf0 !important; }
body.copro-shell .sim-hero-inner { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; width: 100%; position: static; }
body.copro-shell .sim-hero-badges { margin-left: auto; display: flex; gap: 8px; flex-wrap: wrap; }
body.copro-shell .sim-hero-badge { margin: 0; background: var(--dashboard-surface) !important; border-color: var(--dashboard-line) !important; color: var(--dashboard-muted) !important; }
body.copro-shell .lot-back-link { color: var(--dashboard-violet) !important; font-size: 12px; font-weight: 600; text-decoration: none; }

/* ══ Variables historiques → jetons du tableau de bord ══ */
body.copro-shell:not(#coproDashboard) {
    --accent: var(--dashboard-violet); --accent-hover: #5633b8; --accent-light: var(--dashboard-lavender);
    --border: var(--dashboard-line); --border-light: var(--dashboard-line);
    --heading: var(--dashboard-ink); --text: var(--dashboard-ink); --muted: var(--dashboard-muted); --text-muted: var(--dashboard-muted);
    --card: var(--dashboard-surface); --bg: var(--dashboard-bg); --surface: var(--dashboard-surface); --surface-raised: var(--dashboard-surface);
    --glass-bg: var(--dashboard-surface); --glass-card: var(--dashboard-surface); --glass-card-hover: var(--dashboard-soft); --glass-border: var(--dashboard-line);
    --glass-blur: none; --card-radius: 14px; --card-border: 1px solid var(--dashboard-line); --card-shadow: none; --glass-shadow: none; --glass-highlight: none;
    --green: var(--dashboard-green); --amber: #b07a1e;
}

/* ── Aides de page ── */
body.copro-shell :is(.adf-help, .sit-help, .lot-help) {
    padding: 18px 22px !important; margin-bottom: 22px !important; background: var(--dashboard-surface) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 14px !important;
    box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; animation: none !important; color: var(--dashboard-ink);
}
body.copro-shell :is(.adf-help, .sit-help, .lot-help) h3 { margin: 0 0 16px; padding-right: 34px; color: var(--dashboard-ink); font-size: 13px; font-weight: 650; }
body.copro-shell :is(.adf-help, .sit-help, .lot-help) h3 i { color: var(--dashboard-violet) !important; }
body.copro-shell :is(.adf-help-toggle, .sit-help-toggle, .lot-help-toggle) { color: var(--dashboard-muted) !important; background: transparent !important; }
body.copro-shell :is(.adf-help-toggle, .sit-help-toggle, .lot-help-toggle):hover { background: var(--dashboard-soft) !important; }
body.copro-shell :is(.adf-help-item, .sit-help-item, .lot-help-item) { color: var(--dashboard-muted) !important; font-size: 12px; line-height: 1.6; }
body.copro-shell :is(.adf-help-item, .sit-help-item, .lot-help-item) strong { color: var(--dashboard-ink) !important; font-weight: 650; }
body.copro-shell :is(.adf-help-item, .sit-help-item, .lot-help-item) .help-icon { width: 30px; height: 30px; border-radius: 9px; font-size: 12px; color: var(--dashboard-violet) !important; background: var(--dashboard-lavender) !important; box-shadow: none !important; }
body.copro-shell :is(.adf-help-item, .sit-help-item, .lot-help-item) .help-icon i { color: var(--dashboard-violet) !important; }

/* ── Icônes et titres de cartes (variantes) ── */
body.copro-shell .section-icon-wrap, body.copro-shell .sit-card-header .section-icon-wrap {
    display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 9px; font-size: 14px;
    color: var(--dashboard-violet) !important; background: var(--dashboard-lavender) !important; box-shadow: none !important;
}
body.copro-shell .section-icon-wrap i { color: var(--dashboard-violet) !important; font-size: 14px; }
body.copro-shell .sit-card-header-row { display: flex; align-items: center; gap: 11px; }
body.copro-shell .sit-card-header .count-badge { padding: 3px 10px; border-radius: 999px; background: var(--dashboard-soft) !important; color: var(--dashboard-muted) !important; font-size: 11px; font-weight: 600; }
body.copro-shell .sit-card-header h4 { font-family: inherit !important; }
body.copro-shell .empty-state, body.copro-shell .empty-message, body.copro-shell :is(.appels-no-results, .no-results, .sim-empty, .timeline-empty, .banking-empty) { color: var(--dashboard-muted) !important; font-size: 12px; }
body.copro-shell :is(.empty-message, .timeline-empty, .banking-empty, .sim-empty) { background: var(--dashboard-bg) !important; border: 1px dashed var(--dashboard-line) !important; border-radius: 12px !important; box-shadow: none !important; }
body.copro-shell .empty-state i, body.copro-shell :is(.empty-message, .timeline-empty, .banking-empty-icon, .sim-empty) i { color: var(--dashboard-muted) !important; opacity: .45; }
body.copro-shell .banking-empty-text, body.copro-shell .banking-empty-text strong { color: var(--dashboard-ink) !important; }

/* ── Lots ── */
body.copro-shell .lot-card {
    padding: 14px 18px; background: var(--dashboard-bg) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 12px !important;
    box-shadow: none !important; backdrop-filter: none !important; transform: none !important; color: var(--dashboard-ink) !important;
}
body.copro-shell .lot-card::before, body.copro-shell .docs-col .lot-card::before { width: 3px; background: var(--dashboard-violet) !important; opacity: .85; }
body.copro-shell .lot-card:hover { background: var(--dashboard-soft) !important; border-color: #c4b3df !important; transform: none !important; }
body.copro-shell .lot-card h3 { color: var(--dashboard-ink) !important; font-family: inherit !important; font-size: 13px; font-weight: 650; }
body.copro-shell .lot-card p { color: var(--dashboard-muted) !important; font-size: 11px; }
body.copro-shell .lot-card .tantiemes, body.copro-shell .docs-col .lot-card .tantiemes { background: var(--dashboard-lavender) !important; color: var(--dashboard-violet) !important; font-family: inherit; font-size: 11px; font-weight: 650; padding: 4px 11px; }
body.copro-shell .lot-card .badge-location { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: var(--dashboard-soft); color: var(--dashboard-muted); font-size: 11px; font-weight: 600; }
body.copro-shell .lot-card .lot-arrow, body.copro-shell .lot-card:hover .lot-arrow { color: var(--dashboard-muted) !important; }

/* ── Champs : appels, situation, simulateur ── */
body.copro-shell :is(.appels-search, .appels-year-select, .appels-sort-select, .search-input-wrap input, .date-input-wrap input[type=date], .montant-wrap input, select.sim-select, .sim-select) {
    background-color: var(--dashboard-bg) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 10px !important; color: var(--dashboard-ink) !important;
    box-shadow: none !important; backdrop-filter: none !important; font-family: inherit; font-size: 12px;
}
body.copro-shell :is(.appels-search, .appels-year-select, .appels-sort-select, .search-input-wrap input, .date-input-wrap input[type=date], .montant-wrap input, select.sim-select):focus {
    border-color: #a88bdb !important; box-shadow: 0 0 0 3px #bda3ec20 !important; background-color: var(--dashboard-bg) !important;
}
body.copro-shell .search-input-wrap i, body.copro-shell .appels-toolbar i { color: var(--dashboard-muted) !important; }
body.copro-shell .date-input-wrap label { color: var(--dashboard-muted); font-size: 10px; letter-spacing: .08em; }
body.copro-shell .montant-wrap .euro-sign { color: var(--dashboard-violet) !important; }
body.copro-shell .montant-slider { accent-color: var(--dashboard-violet); }
body.copro-shell .montant-slider::-webkit-slider-thumb { background: var(--dashboard-violet) !important; box-shadow: none !important; }

/* ── Pastilles de filtre et tri (variantes) ── */
body.copro-shell :is(.appels-filter-pill, .appels-filter-pills .filter-pill, .filter-btn, .sort-btn) {
    background: var(--dashboard-surface) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 999px !important; color: var(--dashboard-muted) !important;
    box-shadow: none !important; backdrop-filter: none !important; font-family: inherit; font-size: 11px; font-weight: 600; padding: 6px 13px;
}
body.copro-shell .sort-btn { text-transform: none; letter-spacing: 0; }
body.copro-shell :is(.appels-filter-pill, .appels-filter-pills .filter-pill, .filter-btn, .sort-btn):hover { background: var(--dashboard-soft) !important; color: var(--dashboard-ink) !important; border-color: #c4b3df !important; }
body.copro-shell :is(.appels-filter-pill, .appels-filter-pills .filter-pill, .filter-btn, .sort-btn).active { background: var(--dashboard-lavender) !important; color: var(--dashboard-violet) !important; border-color: #cdbcf0 !important; box-shadow: none !important; }

/* ── Boutons d'action (variantes) ── */
body.copro-shell :is(.btn-zip, .btn-toggle, .btn-banking-action, .btn-export, .edit-releve-btn, .rentos-btn) {
    display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 36px; padding: 8px 14px; border-radius: 10px !important; font-family: inherit; font-size: 12px; font-weight: 600;
    background: var(--dashboard-surface) !important; color: var(--dashboard-ink) !important; border: 1px solid var(--dashboard-line) !important; box-shadow: none !important; text-decoration: none; transform: none !important;
}
body.copro-shell :is(.btn-zip, .btn-toggle, .btn-banking-action, .btn-export, .edit-releve-btn):hover { background: var(--dashboard-soft) !important; border-color: #c4b3df !important; }
body.copro-shell :is(.btn-pay-online, .rentos-btn, .btn-primary:not(.btn-modern)) { background: var(--dashboard-violet) !important; color: #fff !important; border: 1px solid transparent !important; border-radius: 10px !important; box-shadow: none !important; font-family: inherit; font-size: 12px; font-weight: 600; }
body.copro-shell :is(.btn-pay-online, .rentos-btn, .btn-primary:not(.btn-modern)):hover { background: #5633b8 !important; }
body.copro-shell .btn-export:disabled, body.copro-shell .btn-export[disabled] { opacity: .5; }
body.copro-shell .rentos-suggestion { background: var(--dashboard-lavender) !important; border: 1px solid #cdbcf0 !important; border-radius: 12px !important; box-shadow: none !important; }
body.copro-shell .rentos-suggestion :is(h4, h5, strong) { color: var(--dashboard-violet) !important; }
body.copro-shell .rentos-suggestion p { color: var(--dashboard-muted) !important; }

/* ── Appels de fonds ── */
body.copro-shell :is(.document-name, .doc-content, .echeancier-label, .timeline-desc, .banking-value, .iban-text) { color: var(--dashboard-ink) !important; }
body.copro-shell :is(.doc-meta, .doc-meta-sep, .echeancier-sub, .timeline-date, .banking-label) { color: var(--dashboard-muted) !important; font-size: 11px; }
body.copro-shell :is(.doc-amount, .echeancier-amount, .timeline-amount, .budget-total) { color: var(--dashboard-ink) !important; font-weight: 650; }
body.copro-shell :is(.banking-item, .iban-container, .echeancier-info, .timeline-item, .banking-details) { background: var(--dashboard-bg) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 11px !important; box-shadow: none !important; backdrop-filter: none !important; }
body.copro-shell .banking-section, body.copro-shell .documents-section, body.copro-shell .timeline-section, body.copro-shell .chart-section { background: none !important; box-shadow: none !important; }
body.copro-shell .budget-table { color: var(--dashboard-ink); }
body.copro-shell .budget-table :is(th, td) { border-color: var(--dashboard-line) !important; color: inherit; background: transparent !important; }
body.copro-shell .budget-table th { color: var(--dashboard-muted) !important; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
body.copro-shell .icon-bank, body.copro-shell .icon-budget, body.copro-shell .icon-chart, body.copro-shell .icon-docs, body.copro-shell .icon-echeancier, body.copro-shell .icon-timeline,
body.copro-shell .icon-eau, body.copro-shell .icon-finance, body.copro-shell .icon-historique, body.copro-shell .icon-info { background: var(--dashboard-lavender) !important; color: var(--dashboard-violet) !important; }

/* ── Ma situation ── */
body.copro-shell .op-card, body.copro-shell .exercise-card {
    background: var(--dashboard-bg) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 12px !important; box-shadow: none !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important; transform: none !important; color: var(--dashboard-ink) !important;
}
body.copro-shell .op-card::before { background: var(--dashboard-violet) !important; width: 3px; opacity: .85; }
body.copro-shell .op-card[data-type="AN"]::before { background: #c98a1f !important; }
body.copro-shell .op-card:hover, body.copro-shell .exercise-card:hover { background: var(--dashboard-soft) !important; border-color: #c4b3df !important; transform: none !important; }
body.copro-shell .exercise-card.active { background: var(--dashboard-lavender) !important; border-color: #cdbcf0 !important; }
body.copro-shell .op-card .op-date { background: var(--dashboard-lavender) !important; color: var(--dashboard-violet) !important; border-radius: 8px; font-size: 11px; }
body.copro-shell .op-card .op-desc { color: var(--dashboard-ink) !important; font-size: 12px; }
body.copro-shell .badge { background: var(--dashboard-lavender) !important; color: var(--dashboard-violet) !important; font-size: 10px; font-weight: 650; border-radius: 999px; padding: 3px 9px; }
body.copro-shell .badge-an { background: #fbf1df !important; color: #8a5a12 !important; }
body.copro-shell .exercise-card .ex-year { color: var(--dashboard-ink) !important; font-family: inherit; }
body.copro-shell .exercise-card .ex-count, body.copro-shell .exercise-card .ex-chevron { color: var(--dashboard-muted) !important; }
body.copro-shell .exercise-card .ex-total.pos, body.copro-shell .match-badge.matched { color: var(--dashboard-green) !important; }
body.copro-shell .exercise-card .ex-total.neg { color: var(--dashboard-red) !important; }
body.copro-shell .match-badge.matched { background: #e5f3ec !important; }
body.copro-shell .match-badge.pending { background: #fbf1df !important; color: #8a5a12 !important; }
body.copro-shell :is(.balance-alert, .predict-alert) { display: flex; gap: 14px; align-items: flex-start; padding: 16px 18px; margin-bottom: 18px; border-radius: 14px !important; box-shadow: none !important; backdrop-filter: none !important; }
body.copro-shell .balance-alert { background: #fae9ed !important; border: 1px solid #f0ccd4 !important; }
body.copro-shell .predict-alert { background: #fbf1df !important; border: 1px solid #efdcb4 !important; }
body.copro-shell .balance-alert-icon { background: #f5d4db !important; border-radius: 10px; }
body.copro-shell .predict-alert-icon { background: #f5e4bf !important; border-radius: 10px; }
body.copro-shell .balance-alert-text strong { color: #8a2a3c !important; }
body.copro-shell .balance-alert-text span { color: #8a2a3c !important; opacity: .85; }
body.copro-shell .predict-alert-text strong { color: #6d4510 !important; }
body.copro-shell .predict-alert-text span { color: #6d4510 !important; opacity: .85; }
body.copro-shell .predict-alert-projection { background: #f5e4bf !important; color: #6d4510 !important; }
body.copro-shell .mensual-hero { padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; backdrop-filter: none !important; }
body.copro-shell .mensual-icon { width: 46px; height: 46px; border-radius: 12px; background: var(--dashboard-lavender) !important; box-shadow: none !important; }
body.copro-shell .mensual-icon i { color: var(--dashboard-violet) !important; font-size: 19px; }
body.copro-shell .mensual-amount { color: var(--dashboard-violet) !important; font-size: 30px; font-weight: 650; letter-spacing: -.03em; }
body.copro-shell .mensual-label, body.copro-shell .mensual-detail-label { color: var(--dashboard-muted) !important; font-size: 11px; }
body.copro-shell .mensual-detail-value { color: var(--dashboard-ink) !important; font-size: 18px; font-weight: 650; }
body.copro-shell .mensual-tip { background: var(--dashboard-soft) !important; border: 1px solid var(--dashboard-line); border-left-width: 1px; border-radius: 12px !important; }
body.copro-shell .mensual-tip i, body.copro-shell .mensual-tip-highlight { color: #b07a1e !important; }
body.copro-shell .mensual-tip-title { color: var(--dashboard-ink) !important; font-size: 13px; }
body.copro-shell .mensual-tip-text { color: var(--dashboard-muted) !important; font-size: 12px; }

/* ── Simulateur ── */
body.copro-shell :is(.sim-card, .sim-stat-card, .my-share-banner, .donut-card, .total-card, .net-card, .lot-chip) {
    background: var(--dashboard-surface) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 14px !important; box-shadow: none !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important; color: var(--dashboard-ink) !important; animation: none !important; transform: none !important;
}
body.copro-shell :is(.sim-card, .my-share-banner) { padding: 20px 22px; }
body.copro-shell .sim-card-title, body.copro-shell .my-lots-title { color: var(--dashboard-ink) !important; font-size: 13px; font-weight: 650; }
body.copro-shell .sim-card-title i { color: var(--dashboard-violet) !important; }
body.copro-shell .msb-icon { background: var(--dashboard-lavender) !important; color: var(--dashboard-violet) !important; border-radius: 12px; }
body.copro-shell .msb-label, body.copro-shell .sim-stat-label, body.copro-shell .sit-row-label, body.copro-shell .sim-hint, body.copro-shell .slider-labels, body.copro-shell .lot-chip-sub, body.copro-shell .total-card-label, body.copro-shell .net-label { color: var(--dashboard-muted) !important; font-size: 10px; letter-spacing: .08em; }
body.copro-shell .msb-value, body.copro-shell .sim-stat-val, body.copro-shell .lot-chip-num { color: var(--dashboard-ink) !important; font-weight: 650; }
body.copro-shell .msb-value.accent, body.copro-shell .accent { color: var(--dashboard-violet) !important; }
body.copro-shell .msb-sep { background: var(--dashboard-line) !important; }
body.copro-shell .total-card { background: var(--dashboard-lavender) !important; border-color: #cdbcf0 !important; }
body.copro-shell .total-card-label, body.copro-shell .total-card-sub { color: var(--dashboard-muted) !important; }
body.copro-shell .total-card-icon { background: var(--dashboard-surface) !important; color: var(--dashboard-violet) !important; border-radius: 12px; }
body.copro-shell .total-card :is(.total-card-value, .total-card-amount, strong, [class*="value"]) { color: var(--dashboard-violet) !important; }
body.copro-shell .total-card-empty { color: var(--dashboard-muted) !important; opacity: 1; }
body.copro-shell .lot-chip { padding: 12px 14px; }
body.copro-shell .lot-chip-pct { color: var(--dashboard-violet) !important; }
body.copro-shell .lot-num { background: var(--dashboard-lavender) !important; color: var(--dashboard-violet) !important; }
body.copro-shell .sim-table { color: var(--dashboard-ink); }
body.copro-shell .sim-table :is(th, td) { border-color: var(--dashboard-line) !important; background: transparent !important; color: inherit; }
body.copro-shell .sim-table th { color: var(--dashboard-muted) !important; font-size: 10px; letter-spacing: .08em; }
body.copro-shell .sim-table tfoot td { color: var(--dashboard-ink) !important; font-weight: 650; }
body.copro-shell .donut-track { stroke: var(--dashboard-soft) !important; }
body.copro-shell .donut-pct-val { color: var(--dashboard-ink) !important; }
body.copro-shell .donut-legend-item, body.copro-shell .donut-legend-val { color: var(--dashboard-ink) !important; }
body.copro-shell .sit-section { border-color: var(--dashboard-line) !important; }
body.copro-shell .sit-row { border-color: var(--dashboard-line) !important; }
body.copro-shell .no-lots-notice { background: var(--dashboard-soft) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 14px !important; color: var(--dashboard-ink) !important; }

/* ── Détail d'un lot ── */
body.copro-shell .finance-summary, body.copro-shell .chart-evo-block, body.copro-shell .chart-container {
    background: var(--dashboard-bg) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 12px !important; box-shadow: none !important; backdrop-filter: none !important; color: var(--dashboard-ink) !important;
}
body.copro-shell .chart-evo-block h4 { color: var(--dashboard-ink) !important; }
body.copro-shell .chart-evo-block h4 i { color: var(--dashboard-violet) !important; }
body.copro-shell .chart-evo-block p { color: var(--dashboard-muted) !important; }
body.copro-shell .finance-icon { background: var(--dashboard-lavender) !important; color: var(--dashboard-violet) !important; border-radius: 11px; box-shadow: none !important; }
body.copro-shell .finance-label, body.copro-shell .finance-sub, body.copro-shell .chart-header p, body.copro-shell .chart-header small { color: var(--dashboard-muted) !important; }
body.copro-shell .finance-amount, body.copro-shell .chart-title, body.copro-shell .chart-title i, body.copro-shell .chart-header h4 { color: var(--dashboard-ink) !important; }
body.copro-shell .chart-title i { color: var(--dashboard-violet) !important; }
body.copro-shell .releve-card { background: var(--dashboard-bg) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 11px !important; box-shadow: none !important; color: var(--dashboard-ink) !important; }
body.copro-shell .releve-date { color: var(--dashboard-muted) !important; }
body.copro-shell .releve-valeur { color: var(--dashboard-ink) !important; }
body.copro-shell .switch1 { accent-color: var(--dashboard-violet); }
body.copro-shell .lot-details-col .text-muted, body.copro-shell .text-muted { color: var(--dashboard-muted) !important; }

body.copro-shell .mensual-details { background: var(--dashboard-soft) !important; border: 1px solid var(--dashboard-line); }
body.copro-shell .mensual-detail-label { color: var(--dashboard-muted) !important; }
body.copro-shell .mensual-detail-value, body.copro-shell .mensual-tip-title { color: var(--dashboard-ink) !important; }
body.copro-shell .mensual-tip-text, body.copro-shell .mensual-label { color: var(--dashboard-muted) !important; }
body.copro-shell .budget-table, body.copro-shell .budget-table td { background: var(--dashboard-surface) !important; color: var(--dashboard-ink); }
body.copro-shell .budget-table td { border-bottom-color: var(--dashboard-line) !important; }

/* ══ Autres pages copropriétaire : assemblées, votes, notifications, FAQ, support, paramètres ══ */
body.copro-shell.page-notifications .index-content > .scroll, body.copro-shell.page-support .index-content > .scroll { padding: 34px 35px 40px !important; gap: 0; }
body.copro-shell .notif-page, body.copro-shell .sup-grid { width: min(1330px, 100%); max-width: none; padding: 0; margin: 0 auto; gap: 18px; }
body.copro-shell .notif-hero-text .sub { color: var(--dashboard-muted) !important; font-size: 12px; margin-top: 6px; }
body.copro-shell .notif-hero-text .sub strong { color: var(--dashboard-violet) !important; }
body.copro-shell .votes-hero-sub { margin-top: 6px; }
body.copro-shell :is(.assemb-hero, .votes-hero) { flex-direction: column; align-items: flex-start; }
body.copro-shell :is(.assemb-hero-stats, .votes-hero-stats) { margin-top: 18px; }

/* Cartes génériques */
body.copro-shell :is(.sup-card, .sup-chat-card, .sup-contact-card, .sup-dropdown, .sup-faq, .sup-guide, .sup-cta, .notif-toolbar, .notif-list, .notif-item, .vote-card, .ag-card, .settings-stat, .settings-grid .modern-section, .faq-card) {
    background: var(--dashboard-surface) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 14px !important;
    box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; color: var(--dashboard-ink);
}
body.copro-shell .settings-grid .modern-section { padding: 22px; }
body.copro-shell .notif-item { border-radius: 12px !important; }
body.copro-shell .notif-item.unread { border-left: 3px solid var(--dashboard-violet) !important; background: var(--dashboard-surface) !important; }
body.copro-shell .notif-item-title, body.copro-shell .sup-section-hdr h3, body.copro-shell .sup-cta-text strong, body.copro-shell .sup-dropdown-toggle strong { color: var(--dashboard-ink) !important; }
body.copro-shell :is(.notif-item-msg, .notif-item-time, .sup-cta-text span, .sup-contact-text span, .sup-hero p) { color: var(--dashboard-muted) !important; }
body.copro-shell :is(.notif-item-icon, .sup-cta-icon, .sup-contact-icon, .sup-section-icon, .sup-chat-icon-btn, .faq-item-icon) {
    background: var(--dashboard-lavender) !important; color: var(--dashboard-violet) !important; box-shadow: none !important; border-radius: 11px;
}
body.copro-shell .notif-empty-icon { background: var(--dashboard-lavender) !important; color: var(--dashboard-violet) !important; box-shadow: none !important; }
body.copro-shell .notif-empty { background: var(--dashboard-bg) !important; border: 1px dashed var(--dashboard-line) !important; color: var(--dashboard-muted) !important; }
body.copro-shell .notif-empty h3 { color: var(--dashboard-ink) !important; }
body.copro-shell .notif-empty p { color: var(--dashboard-muted) !important; }

/* Onglets / pastilles */
body.copro-shell .notif-tab { background: var(--dashboard-surface) !important; border: 1px solid var(--dashboard-line) !important; color: var(--dashboard-muted) !important; border-radius: 999px !important; box-shadow: none !important; }
body.copro-shell .notif-tab.active { background: var(--dashboard-lavender) !important; border-color: #cdbcf0 !important; color: var(--dashboard-violet) !important; }
body.copro-shell :is(.notif-mark-all, .notif-act) { background: var(--dashboard-surface) !important; border: 1px solid var(--dashboard-line) !important; color: var(--dashboard-ink) !important; box-shadow: none !important; border-radius: 10px !important; }
body.copro-shell :is(.notif-mark-all, .notif-act):hover { background: var(--dashboard-soft) !important; border-color: #c4b3df !important; }

/* Support */
body.copro-shell .sup-hero { background: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 0 8px; overflow: visible; color: var(--dashboard-ink) !important; border: 0 !important; border-radius: 0 !important; }
body.copro-shell .sup-hero::before { display: none !important; }
body.copro-shell .sup-hero h1 { color: var(--dashboard-ink) !important; font-size: clamp(27px, 2.4vw, 34px); font-weight: 650; letter-spacing: -.035em; opacity: 1; }
body.copro-shell .sup-hero h1 i { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--dashboard-lavender); color: var(--dashboard-violet); font-size: 18px; }
body.copro-shell .sup-hero p { opacity: 1 !important; font-size: 12px !important; }
body.copro-shell :is(.sup-chat-textarea, .faq-search-input, .faq-search, #faq-search) {
    background: var(--dashboard-surface) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 10px !important; color: var(--dashboard-ink) !important; box-shadow: none !important;
}
body.copro-shell :is(.sup-chat-textarea, .faq-search-input, .faq-search):focus { border-color: var(--dashboard-violet) !important; box-shadow: 0 0 0 3px #bda3ec30 !important; outline: 0; }
body.copro-shell .sup-chat-inputbar { background: var(--dashboard-soft) !important; border-color: var(--dashboard-line) !important; }
body.copro-shell .sup-chat-send, body.copro-shell button.sup-chat-send { background: var(--dashboard-violet) !important; color: #fff !important; box-shadow: none !important; }
body.copro-shell .status-ok { background: #e4f1ea !important; color: #3c7a58 !important; }
body.copro-shell .faq-item-q, body.copro-shell .sup-faq-q, body.copro-shell .sup-dropdown-toggle { color: var(--dashboard-ink) !important; }
body.copro-shell .faq-item-a, body.copro-shell .sup-faq-a, body.copro-shell .sup-dropdown-body { color: var(--dashboard-muted) !important; }
body.copro-shell :is(.faq-item, .sup-status-row, .sup-guide-step) { border-color: var(--dashboard-line) !important; }

/* FAQ */
body.copro-shell .faq-card { margin-bottom: 12px; }
body.copro-shell .faq-title { color: var(--dashboard-ink) !important; font-weight: 600; font-size: 14px; }
body.copro-shell .faq-title:hover { color: var(--dashboard-violet) !important; text-decoration: none; }
body.copro-shell .faq-body { color: var(--dashboard-muted) !important; font-size: 13px; line-height: 1.7; }
body.copro-shell .page-heading-actions #faq-search { min-width: 280px; height: 40px; padding: 8px 14px; margin: 0; }

/* Corbeille */
body.copro-shell .trash-item { background: var(--dashboard-surface) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 12px !important; box-shadow: none !important; }
body.copro-shell .trash-item .doc-name { color: var(--dashboard-ink) !important; }
body.copro-shell .trash-item .doc-meta, body.copro-shell .trash-empty { color: var(--dashboard-muted) !important; }
body.copro-shell .trash-item i.doc-icon { color: var(--dashboard-violet); }
body.copro-shell .btn-restore { background: var(--dashboard-violet) !important; box-shadow: none !important; border-radius: 10px; }
body.copro-shell .btn-restore:hover { background: #5633b8 !important; transform: none; box-shadow: none; }

/* Paramètres (Mon compte) */
body.copro-shell .grid.page-main .page-hero {
    background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 0 8px !important; overflow: visible !important; color: var(--dashboard-ink) !important;
}
body.copro-shell .page-hero .hero-avatar { width: 52px; height: 52px; border-radius: 14px; background: var(--dashboard-lavender) !important; color: var(--dashboard-violet) !important; font-weight: 650; font-size: 17px; }
body.copro-shell .page-hero h1 { color: var(--dashboard-ink) !important; font-size: clamp(27px, 2.4vw, 34px); font-weight: 650; letter-spacing: -.035em; }
body.copro-shell .page-hero p { color: var(--dashboard-muted) !important; font-size: 12px; }
body.copro-shell .page-hero .hero-badge { background: var(--dashboard-surface) !important; border: 1px solid var(--dashboard-line) !important; color: var(--dashboard-muted) !important; font-size: 11px; }
body.copro-shell .settings-stat { padding: 14px 16px; }
body.copro-shell .settings-stat .s-icon { background: var(--dashboard-lavender) !important; color: var(--dashboard-violet) !important; }
body.copro-shell .settings-stat .s-label { color: var(--dashboard-muted) !important; font-size: 9px !important; letter-spacing: .1em !important; }
body.copro-shell .settings-stat .s-value { color: var(--dashboard-ink) !important; }
body.copro-shell .section-header { border-bottom-color: var(--dashboard-line) !important; }
body.copro-shell .section-header i { background: var(--dashboard-lavender) !important; color: var(--dashboard-violet) !important; }
body.copro-shell .section-header h4 { color: var(--dashboard-ink) !important; font-size: 15px; font-weight: 650; }
body.copro-shell .section-sub, body.copro-shell .field-hint { color: var(--dashboard-muted) !important; }
body.copro-shell .form-group label { color: var(--dashboard-ink) !important; }
body.copro-shell .form-group label i { color: var(--dashboard-violet) !important; }
body.copro-shell .settings-grid .form-control {
    background: var(--dashboard-bg) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 10px !important; color: var(--dashboard-ink) !important; backdrop-filter: none !important; box-shadow: none !important;
}
body.copro-shell .settings-grid .form-control:focus { border-color: var(--dashboard-violet) !important; box-shadow: 0 0 0 3px #bda3ec30 !important; }
body.copro-shell :is(.btn-save, .btn-ghost, .btn-danger-ghost) { border-radius: 10px !important; box-shadow: none !important; }
body.copro-shell .btn-save { background: var(--dashboard-violet) !important; color: #fff !important; }
body.copro-shell .btn-ghost { background: var(--dashboard-surface) !important; border: 1px solid var(--dashboard-line) !important; color: var(--dashboard-ink) !important; }
body.copro-shell :is(.option-item, .tfa-card, .comptable-item) { background: var(--dashboard-bg) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 12px !important; box-shadow: none !important; backdrop-filter: none !important; }
body.copro-shell .option-label, body.copro-shell .comptable-name { color: var(--dashboard-ink) !important; }
body.copro-shell .comptable-mail, body.copro-shell .empty-hint { color: var(--dashboard-muted) !important; }
body.copro-shell .switch input:checked + .slider { background: var(--dashboard-violet) !important; }
body.copro-shell .demo-banner { background: #f7efd9 !important; border: 1px solid #ecd9a6 !important; border-radius: 12px !important; box-shadow: none !important; }

/* Ajustements : en-têtes en colonne, alignements, votes, corbeille */
body.copro-shell :is(.assemb-hero-content, .votes-hero-content) { flex: 0 0 auto; }
body.copro-shell .grid.page-main { font-family: 'DM Sans', 'Inter', -apple-system, sans-serif; }
body.copro-shell.page-notifications .index-content > .scroll, body.copro-shell.page-support .index-content > .scroll { padding: 34px 46px 40px !important; }
body.copro-shell .trash-empty { background: var(--dashboard-surface); border: 1px dashed var(--dashboard-line); border-radius: 14px; margin-top: 4px; }
body.copro-shell .trash-empty i { color: var(--dashboard-muted); opacity: .45; }
body.copro-shell .grid.page-main > .modern-section:has(.trash-empty, .trash-item) { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }

body.copro-shell :is(.pv-card, .stat-item, .pv-detail-item, .quorum-indicator, .pv-date, .votes-page .empty-state, .empty-state) {
    background: var(--dashboard-surface) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 14px !important; box-shadow: none !important; color: var(--dashboard-ink);
}
body.copro-shell :is(.pv-detail-item, .stat-item, .quorum-indicator) { background: var(--dashboard-soft) !important; }
body.copro-shell .pv-card { padding: 22px 24px; }
body.copro-shell .pv-card::before { background: var(--dashboard-violet) !important; width: 4px; border-radius: 0; }
body.copro-shell .pv-card:hover { transform: none; box-shadow: none; border-color: #cdbcf0 !important; }
body.copro-shell .pv-title { color: var(--dashboard-ink) !important; font-size: 17px; font-weight: 650; }
body.copro-shell .pv-title i { background: var(--dashboard-lavender) !important; color: var(--dashboard-violet) !important; border-radius: 10px; }
body.copro-shell .pv-date { color: var(--dashboard-muted) !important; font-size: 12px; padding: 7px 12px; }
body.copro-shell :is(.pv-detail-label, .stat-label, .quorum-label) { color: var(--dashboard-muted) !important; font-size: 9px; letter-spacing: .1em; }
body.copro-shell :is(.pv-detail-value, .stat-number) { color: var(--dashboard-ink) !important; font-weight: 650; }
body.copro-shell .quorum-bar { background: var(--dashboard-line) !important; }
body.copro-shell .quorum-progress { background: #5da77f !important; }
body.copro-shell .quorum-progress.insufficient { background: #d9a64f !important; }
body.copro-shell .btn-vote { background: var(--dashboard-violet) !important; border-radius: 10px !important; box-shadow: none !important; font-size: 13px; padding: 10px 18px; }
body.copro-shell .btn-vote:hover { background: #5633b8 !important; transform: none; }
body.copro-shell .btn-results { background: var(--dashboard-surface) !important; border: 1px solid var(--dashboard-line) !important; color: var(--dashboard-ink) !important; border-radius: 10px !important; font-size: 13px; padding: 10px 18px; }
body.copro-shell .vote-status { font-size: 10px; border-radius: 999px; background: var(--dashboard-soft) !important; color: var(--dashboard-muted) !important; border: 1px solid var(--dashboard-line) !important; }
body.copro-shell .vote-status.voted { background: #e4f1ea !important; color: #3c7a58 !important; border-color: #cde3d6 !important; }
body.copro-shell .vote-status.pending { background: #f7efd9 !important; color: #8a6420 !important; border-color: #ecd9a6 !important; }
body.copro-shell .empty-state { margin: 20px 0; border-style: dashed !important; background: var(--dashboard-bg) !important; }
body.copro-shell .empty-state h3 { color: var(--dashboard-ink) !important; font-size: 17px; font-weight: 650; }
body.copro-shell .empty-state p { color: var(--dashboard-muted) !important; font-size: 13px; }
body.copro-shell .empty-state i { color: var(--dashboard-muted) !important; opacity: .45; font-size: 48px; }

body.copro-shell .faq-item { background: var(--dashboard-surface) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; border-radius: 12px; }
body.copro-shell .faq-item:hover { background: var(--dashboard-soft) !important; border-color: #cdbcf0 !important; }

/* ── Mises à jour ── */
body.copro-shell.page-updates {
    --up-text: var(--dashboard-ink); --up-muted: var(--dashboard-muted); --up-subtle: var(--dashboard-muted); --up-border: var(--dashboard-line);
    --up-border-soft: var(--dashboard-line); --up-bg-soft: var(--dashboard-soft); --up-card: var(--dashboard-surface);
    --up-accent: var(--dashboard-violet); --up-accent-soft: var(--dashboard-lavender); --up-coral: var(--dashboard-violet);
}
body.copro-shell.page-updates .grid::before, body.copro-shell.page-updates .up-hero::before, body.copro-shell.page-updates .up-hero::after { display: none !important; }
body.copro-shell.page-updates .up-hero {
    background: none !important; border: 0 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
    padding: 0 !important; min-height: 0; margin: 0 0 24px; border-radius: 0 !important; overflow: visible;
}
body.copro-shell.page-updates .up-hero-left { gap: 6px; }
body.copro-shell.page-updates .up-hero-left h2 { color: var(--dashboard-ink) !important; font-size: clamp(24px, 2.2vw, 31px); font-weight: 650; letter-spacing: -.035em; gap: 14px; }
body.copro-shell.page-updates .up-hero-left h2 i { width: 44px; height: 44px; border-radius: 12px; background: var(--dashboard-lavender) !important; color: var(--dashboard-violet) !important; font-size: 18px; }
body.copro-shell.page-updates .up-hero-left p { margin: 0 0 0 58px; color: var(--dashboard-muted) !important; font-size: 12px; font-weight: 400; }
body.copro-shell.page-updates .up-hero-pill { background: var(--dashboard-surface) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 12px; box-shadow: none !important; color: var(--dashboard-muted) !important; font-size: 12px; font-weight: 500; padding: 9px 14px; }
body.copro-shell.page-updates .up-hero-pill b { color: var(--dashboard-ink) !important; font-weight: 650; }
body.copro-shell.page-updates .up-hero-pill i { color: var(--dashboard-violet) !important; }
body.copro-shell.page-updates :is(.quick-add, .up-toolbar, .version-body, .up-toc, .empty-state, .load-more-btn) {
    background: var(--dashboard-surface) !important; border: 1px solid var(--dashboard-line) !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border-radius: 14px;
}
body.copro-shell.page-updates .version-block:first-child .version-body { background: var(--dashboard-surface) !important; border-color: #cdbcf0 !important; }
body.copro-shell.page-updates .scope-section { background: var(--dashboard-soft) !important; border: 1px solid var(--dashboard-line) !important; box-shadow: none !important; }
body.copro-shell.page-updates .entry-row { border-bottom: 1px solid var(--dashboard-line); }
body.copro-shell.page-updates .entry-row:hover { background: var(--dashboard-soft); }
body.copro-shell.page-updates .up-chip { background: var(--dashboard-surface); border-color: var(--dashboard-line); box-shadow: none; color: var(--dashboard-muted); }
body.copro-shell.page-updates .up-chip.is-active { background: var(--dashboard-violet); border-color: var(--dashboard-violet); color: #fff; box-shadow: none; }
body.copro-shell.page-updates .up-search { background: var(--dashboard-soft); border-color: var(--dashboard-line); box-shadow: none; }
body.copro-shell.page-updates .up-filter-group + .up-filter-group { border-left-color: var(--dashboard-line); }
body.copro-shell.page-updates .timeline::before { background: linear-gradient(180deg, #cdbcf0, var(--dashboard-line) 76%, transparent); }
body.copro-shell.page-updates .version-block::before { background: var(--dashboard-surface); border-color: var(--dashboard-violet); box-shadow: 0 0 0 4px var(--dashboard-bg); }
body.copro-shell.page-updates .version-block:first-child::before { background: var(--dashboard-violet); box-shadow: 0 0 0 4px var(--dashboard-bg), 0 0 0 8px var(--dashboard-lavender); }
body.copro-shell.page-updates .up-toc-link.is-active { background: var(--dashboard-lavender); border-left-color: var(--dashboard-violet); color: var(--dashboard-violet); }
body.copro-shell.page-updates .up-toc-link:hover { background: var(--dashboard-soft); }
body.copro-shell.page-updates .version-admin-bar { background: var(--dashboard-soft); border-bottom-color: var(--dashboard-line); }

/* ── Transparence ── */
body.copro-shell.page-transparence .index-content > .scroll > .grid { width: min(1330px, 100%); max-width: none; margin: 0 auto; padding: 34px 35px 40px; background: none; box-shadow: none; }
body.copro-shell .tr-hero { background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; margin: 0 0 26px !important; overflow: visible; }
body.copro-shell .tr-hero::after { display: none !important; }
body.copro-shell .tr-hero-badge { display: inline-flex; align-items: center; gap: 7px; margin: 0 0 12px; padding: 6px 12px; border-radius: 999px; background: var(--dashboard-lavender) !important; border: 1px solid transparent !important; color: var(--dashboard-violet) !important; font-size: 11px; font-weight: 650; }
body.copro-shell .tr-hero h2 { color: var(--dashboard-ink) !important; font-size: clamp(24px, 2.2vw, 31px); font-weight: 650; letter-spacing: -.035em; line-height: 1.25; }
body.copro-shell .tr-hero-sub { color: var(--dashboard-muted) !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.7; margin-top: 6px !important; }
body.copro-shell :is(.tr-card, .tr-stat) { background: var(--dashboard-surface) !important; border: 1px solid var(--dashboard-line) !important; border-radius: 14px !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
body.copro-shell .tr-card-header i { color: var(--dashboard-violet); }
body.copro-shell .tr-card-header h4 { color: var(--dashboard-ink); font-weight: 650; }
body.copro-shell .tr-card-header .tr-spacer, body.copro-shell .tr-stat .l, body.copro-shell .tr-treso-main .s, body.copro-shell .tr-table th, body.copro-shell .tr-empty, body.copro-shell .tr-empty p { color: var(--dashboard-muted); }
body.copro-shell .tr-empty h3 { color: var(--dashboard-ink); font-weight: 650; }
body.copro-shell :is(.tr-stat .v, .tr-treso-main .n, .tr-treso-amt) { color: var(--dashboard-ink); font-weight: 650; }
body.copro-shell .tr-stat .v.pos { color: #3c7a58; } body.copro-shell .tr-stat .v.neg, body.copro-shell .tr-treso-amt.neg { color: #b5524c; }
body.copro-shell .tr-treso-row { background: var(--dashboard-soft); border: 1px solid var(--dashboard-line); border-radius: 12px; }
body.copro-shell .tr-treso-ic { background: var(--dashboard-lavender); color: var(--dashboard-violet); }
body.copro-shell .tr-table th { border-bottom-color: var(--dashboard-line); font-size: 9px; letter-spacing: .1em; }
body.copro-shell .tr-table td { color: var(--dashboard-ink); border-bottom-color: var(--dashboard-line); }
body.copro-shell .tr-table tr:hover td { background: var(--dashboard-soft); }

body.copro-shell.dark-mode.page-updates .scope-section .scope-label { color: var(--dashboard-ink); }
body.copro-shell.dark-mode.page-updates .scope-section.scope-web .scope-label { color: #b99cf2; }
body.copro-shell.dark-mode.page-updates .version-block:first-child .version-body { border-color: rgba(139,92,246,.45) !important; }
body.copro-shell.dark-mode.page-updates .cat-nouveaute .entry-badge { color: #a5a8f8; background: rgba(99,102,241,.2); }
body.copro-shell.dark-mode.page-updates .cat-amelioration .entry-badge { color: #67d3e8; background: rgba(8,145,178,.2); }
body.copro-shell.dark-mode.page-updates .cat-bug .entry-badge { color: #f19a9a; background: rgba(220,38,38,.2); }
body.copro-shell.dark-mode.page-updates .cat-securite .entry-badge { color: #f0b868; background: rgba(217,119,6,.2); }
body.copro-shell.dark-mode.page-updates .cat-soelya .entry-badge { color: #cfa6f8; background: rgba(168,85,247,.2); }
body.copro-shell.dark-mode.page-updates .cat-autre .entry-badge { color: #b4bccb; background: rgba(148,163,184,.18); }

/* ── Mode sombre : teintes d'état ── */
body.copro-shell.dark-mode .status-pill.success, body.copro-shell.dark-mode .alert-success { background: #23392f; color: #a0d3b8; border-color: #345241; }
body.copro-shell.dark-mode .status-pill.danger, body.copro-shell.dark-mode .alert-danger, body.copro-shell.dark-mode .quota-warning { background: #422832 !important; color: #f3acb9 !important; border-color: #603c47 !important; }
body.copro-shell.dark-mode .status-pill.warning, body.copro-shell.dark-mode .alert-warning, body.copro-shell.dark-mode .expiring-soon-banner, body.copro-shell.dark-mode .quota-notice { background: #40362a !important; color: #e8cd9b !important; border-color: #5a4b36 !important; }
body.copro-shell.dark-mode .btn-modern { background: #7850d6 !important; }

@media (max-width: 1150px) {
    body.copro-shell .index-content > .scroll > .grid.page-main { padding: 27px 23px 32px; }
}
@media (max-width: 768px) {
    body.copro-shell .index-content > .scroll > .grid.page-main, body.copro-shell:not(#coproDashboard) .grid.page-main { padding: 22px 2px 32px !important; }
    body.copro-shell .lot-details-grid { grid-template-columns: minmax(0, 1fr); }
    body.copro-shell .lot-details-grid > * { min-width: 0; }
    body.copro-shell .sit-card-header { flex-wrap: wrap; }
    body.copro-shell:is(.page-meslots, .page-lot-details, .page-appelsdefonds, .page-masituation, .page-simulateurs, .page-assemblees, .page-votes) .index-content > .scroll > .grid { padding: 22px 2px 32px !important; }
    body.copro-shell .page-heading { flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 20px; }
    body.copro-shell .sit-card { padding: 18px !important; }
    body.copro-shell .docs-grid { grid-template-columns: 1fr !important; }
    body.copro-shell .date-input-wrap { flex-wrap: wrap; }
    body.copro-shell .date-input-wrap input[type="date"] { flex: 1 1 130px; min-width: 0; }
    body.copro-shell:not(#coproDashboard) .index-content > .scroll { padding-left: 0 !important; padding-right: 0 !important; }
    body.copro-shell :is(.lots-hero-content, .lot-hero-content, .appels-hero-content, .situation-hero-content, .assemb-hero-content, .votes-hero-content) { flex: 0 0 auto; }
    body.copro-shell .my-share-banner { display: grid !important; grid-template-columns: 1fr 1fr; gap: 16px; width: auto; box-sizing: border-box; }
    body.copro-shell .my-share-banner .msb-icon { display: none; }
    body.copro-shell :is(.lots-hero, .notif-hero, .lot-hero, .appels-hero, .situation-hero, .assemb-hero, .votes-hero) { align-items: stretch !important; }
    body.copro-shell .my-share-banner .msb-sep { display: none; }
    body.copro-shell:is(.page-notifications, .page-support) .index-content > .scroll { padding: 22px 2px 32px !important; }
}