/* Bandeau : alignement sur la maquette de référence (espaces client et bureau comptable). */
.site-header[data-accountant-navigation="1"] .account-actions .link-button,
.site-header[data-client-navigation="1"] .account-actions .link-button{font-size:.95rem;text-decoration:none}
.site-header[data-accountant-navigation="1"] .account-actions .link-button:hover,
.site-header[data-client-navigation="1"] .account-actions .link-button:hover{text-decoration:underline}
.accountant-main-navigation .navigation-dropdown > summary::after,
.client-main-navigation .navigation-dropdown > summary::after{content:"▾";margin-left:5px;font-size:.75em}
.site-header .accountant-main-navigation .navigation-dropdown > div,
.site-header .client-main-navigation .navigation-dropdown > div{left:0;right:auto}
.accountant-sub-navigation .navigation-dropdown > summary::after{content:"▾";margin-left:5px;font-size:.75em}
.cpt-breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin:0 0 10px}
.cpt-breadcrumb a{color:var(--blue)}
.cpt-breadcrumb strong{color:var(--ink);font-weight:600}
.cpt-rubrique-nav{display:flex;flex-wrap:wrap;gap:4px 24px;margin:0 0 20px;border-bottom:1px solid var(--line)}
.cpt-rubrique-nav a{padding:9px 2px;font-size:14px;font-weight:600;color:var(--muted);text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1px}
.cpt-rubrique-nav a:hover{color:var(--navy)}
.cpt-rubrique-nav a.is-current{color:var(--navy);border-bottom-color:var(--orange)}
.accountant-primary-menu > div form{margin:0}
.accountant-primary-menu > div form button{display:block;width:100%;padding:.55rem .65rem;border:0;background:transparent;color:var(--navy);font:inherit;text-align:left;cursor:pointer}
.accountant-primary-menu > div form button:hover{text-decoration:underline}
/* Boutons secondaires des écrans du bureau comptable : blanc bordé comme la maquette (.button.secondary). */
.mandate-page .secondary,.accountant-folder-heading .secondary,.accountant-vat-workspace .secondary,.cpt-inline-button,.cpt-back-button{border:1px solid #a9cadb;background:var(--white);color:var(--navy)}
.mandate-page .secondary:hover,.accountant-folder-heading .secondary:hover,.accountant-vat-workspace .secondary:hover,.cpt-inline-button:hover,.cpt-back-button:hover{background:#f6fafc}
/* Documents à valider : en-tête de carte, pastilles de traitement et barre de sélection (maquette). */
.validation-queue-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 0 14px}
.validation-queue-heading > div{display:grid;gap:3px}
.validation-queue-heading strong{color:var(--navy);font-size:18px}
.validation-queue-heading span{color:var(--muted);font-size:13px}
.validation-treatment{display:inline-flex;border-radius:999px;padding:5px 8px;background:#e3f4ec;color:#187251;font-size:12px;font-weight:700;white-space:nowrap}
.validation-treatment.alert{background:#fff0df;color:#8a4f0b}
.validation-treatment.informative{background:#eef6fb;color:#0b668f}
.validation-scope-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin:0 -1px -1px;padding:15px 20px 18px;background:#f8fbfc;border-top:1px solid var(--line)}
.validation-scope-bar .validation-selection-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:0}
.validation-scope-bar label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:700}
.validation-scope-bar label[hidden]{display:none}
.validation-scope-bar select{min-height:42px;min-width:220px;border:1px solid #b9d1de;border-radius:9px;padding:8px 34px 8px 11px;background:var(--white);color:var(--ink)}
.validation-scope-bar > .button,.validation-scope-bar > button.primary{min-height:42px;padding:9px 15px;font-size:13px;white-space:nowrap}
.validation-scope-bar > button:disabled{opacity:.42;cursor:not-allowed}
.validation-selection-summary{grid-column:1/-1;display:flex;align-items:center;gap:9px;margin:3px 0 0;border-top:1px solid var(--line);padding-top:13px}
.validation-selection-summary span{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.validation-selection-summary strong{color:var(--navy);font-size:14px}
.validation-atomic-help{grid-column:1/-1;margin:0}
@media(max-width:700px){.validation-scope-bar{grid-template-columns:1fr}.validation-scope-bar select{min-width:0;width:100%}}
/* Informations du cabinet : deux cartes côte à côte (maquette). */
.office-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.office-info-grid .office-form-card fieldset{border:0;padding:0;margin:0 0 14px}
.office-info-grid .office-form-card legend{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:10px}
.office-info-actions{display:flex;justify-content:flex-end;margin-top:14px}
@media(max-width:900px){.office-info-grid{grid-template-columns:1fr}}
/* Utilisation — vue cabinet en tableau (maquette). */
.usage-filter-card{max-width:620px;padding:18px 22px;margin-bottom:18px}
.usage-filter-card .usage-filter{display:flex;align-items:flex-end;gap:14px;margin:0}
.usage-filter-card label{display:grid;gap:5px;font-size:13px;color:var(--muted)}
.usage-office-table{margin-bottom:14px}
.usage-total-row td{background:#f6fafc}
.usage-monthly{margin:10px 0}
.usage-monthly > summary{cursor:pointer;color:var(--ink);font-size:14px;padding:4px 0}
.usage-monthly > .card,.usage-monthly > .usage-notes{margin-top:10px}
/* Gestion Clients (vue cabinet) : tableaux harmonisés avec les autres écrans. */
.office-relations .mandate-table-card table th{font-size:11px;color:var(--muted);text-transform:uppercase;font-weight:600;background:#f6fafc}
.office-relations .mandate-table-card table td{font-size:13px;vertical-align:middle}
.office-relations .cpt-cli-name{font-weight:600}
.office-relations .cpt-statut{font-size:11px;padding:2px 8px;border-radius:20px;white-space:nowrap}
.office-relations .cpt-statut.wait{background:#faece7;color:#993c1d}
.office-relations .cpt-statut.ready{background:#eaf3de;color:#3b6d11}
.office-relations .cpt-statut.progress{background:#e6f1fb;color:#0b668f}
.office-relations .page-heading{margin-top:0}
/* Actions par document (rangement, retrait) : vrais boutons, focus visible, confirmation encadrée. */
.document-filing > details,details.document-withdrawal{margin:6px 0 0}
.document-filing > details:not([open]),details.document-withdrawal:not([open]){display:inline-block;margin-right:6px}
.document-filing > details > summary,details.document-withdrawal > summary{display:inline-flex;align-items:center;gap:6px;list-style:none;cursor:pointer;padding:5px 11px;border:1px solid #a9cadb;border-radius:999px;background:var(--white);color:var(--navy);font-size:12px;font-weight:600;line-height:1.3;user-select:none}
.document-filing > details > summary::-webkit-details-marker,details.document-withdrawal > summary::-webkit-details-marker{display:none}
.document-filing > details > summary::after,details.document-withdrawal > summary::after{content:"▾";font-size:.8em}
.document-filing > details[open] > summary::after,details.document-withdrawal[open] > summary::after{content:"▴"}
.document-filing > details > summary:hover{background:#f6fafc}
details.document-withdrawal > summary{border-color:#e7c3ba;color:#993c1d}
details.document-withdrawal > summary:hover{background:#fbf0ee}
.document-filing > details > summary:focus-visible,details.document-withdrawal > summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.document-filing > details[open] > form{display:grid;gap:8px;margin-top:8px;padding:12px 14px;max-width:460px;border:1px solid var(--line);border-radius:10px;background:#f6fafc;font-size:13px}
.document-filing > details[open] > form label{display:grid;gap:4px}
.document-filing > details[open] > form label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px}
.document-filing > details[open] > form button{justify-self:start}
details.document-withdrawal[open]{display:block;margin-top:8px;padding:12px 14px;max-width:460px;border:1px solid #e7c3ba;border-radius:10px;background:#fbf0ee;font-size:13px}
details.document-withdrawal[open] > summary{margin-bottom:8px}
details.document-withdrawal > p{margin:0 0 10px;color:var(--ink);line-height:1.45}
details.document-withdrawal form{display:grid;gap:10px;margin:0}
.withdrawal-confirm{display:flex;align-items:flex-start;gap:8px;font-weight:600;color:var(--ink)}
.withdrawal-confirm input{width:auto;margin-top:3px;flex:none}
.withdrawal-confirm strong{word-break:break-word}
details.document-withdrawal .danger-button{justify-self:start;padding:8px 14px;font-size:13px}
.client-sub-navigation .navigation-dropdown > summary::after{content:"▾";margin-left:5px;font-size:.75em}
/* Informations de l'espace : parcours en 4 étapes sur toute la largeur (maquette). */
.space-settings-wizard{max-width:none!important;width:100%}
.space-settings-progress ol{justify-content:space-between}
/* Transfert d'un espace (maquette) : champs en grille, étapes reliées, bouton à droite. */
.transfer-form{display:grid;gap:16px;margin-bottom:18px}
.transfer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
.transfer-fields label{display:grid;gap:5px;font-size:13px}
.transfer-fields label:has(textarea){grid-column:1/-1}
.transfer-actions{display:flex;justify-content:flex-end}
.lifecycle-steps{position:relative;display:flex;justify-content:space-between;list-style:none;margin:6px 0 10px;padding:0 6%}
.lifecycle-steps::before{content:"";position:absolute;top:1.2rem;left:10%;right:10%;height:2px;background:var(--line)}
.lifecycle-steps li{position:relative;display:grid;justify-items:center;gap:8px;padding:0;border:0;background:transparent;text-align:center;min-width:0}
.lifecycle-steps li > span{position:relative;z-index:1;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:#e6f1fb;color:var(--navy);font-weight:700;border:2px solid var(--white)}
.lifecycle-steps li:first-child > span{background:var(--blue);color:var(--white)}
.lifecycle-steps li strong{font-size:15px;color:var(--navy)}
.transfer-steps-card .form-note{text-align:center;margin:0}
@media(max-width:700px){.transfer-fields{grid-template-columns:1fr}}
.transfer-decision{display:grid;gap:8px;margin-top:8px;justify-items:start}
.transfer-decision label{display:grid;gap:4px;width:100%;max-width:320px}
@media(max-width:700px){.transfer-steps-card .lifecycle-steps{flex-direction:column;align-items:flex-start;gap:12px;padding:0}.transfer-steps-card .lifecycle-steps::before{display:none}.transfer-steps-card .lifecycle-steps li{display:flex;align-items:center;gap:12px;text-align:left}}
.lifecycle-steps li strong span{display:inline;width:auto;height:auto;min-width:0;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;place-items:initial}
/* Fermeture d'un espace (maquette) : cartes Sélection / Situation / Étapes reliées. */
.closure-card{margin-bottom:16px}
.closure-card .inline-filter{display:flex;gap:12px;align-items:flex-end;margin:0}
.closure-card .inline-filter label{flex:1;display:grid;gap:5px}
.closure-situation{display:flex;justify-content:space-between;align-items:center;gap:16px}
.closure-situation h2{margin:2px 0 0}
.closure-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}
.closure-situation-state{display:grid;justify-items:end;gap:8px}
.closure-situation-state .financial-state{margin:0}
.closure-card .closure-diagram{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0}
.closure-card .closure-diagram::before{content:"";position:absolute;top:1.2rem;left:16%;right:16%;height:2px;background:var(--line)}
.closure-card .closure-diagram article{position:relative;display:grid;justify-items:center;text-align:center;gap:6px;border:0;background:transparent;padding:0 8px}
.closure-card .closure-diagram article .step-button{position:relative;z-index:1;border:2px solid var(--white)}
.closure-card .closure-diagram article h2{font-size:15px;margin:4px 0 0}
.closure-card .closure-diagram article p{font-size:12px;color:var(--muted);margin:0}
.closure-card .closure-diagram article.disabled{opacity:.75}
@media(max-width:700px){.closure-card .closure-diagram{grid-template-columns:1fr}.closure-card .closure-diagram::before{display:none}}
/* Récupération des documents (maquette). */
.recovery-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.recovery-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.recovery-card-head h2{margin:0}
.recovery-select-all{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--navy)}
.recovery-card .recovery-category{box-shadow:none;border:1px solid var(--line);border-radius:10px;margin:8px 0}
.account-deletion-notice{background:#eef6fb;border:1px solid #bfe0f0;border-radius:10px;padding:12px 16px;font-size:13px;margin:0 0 16px}
.account-deletion-form .danger-button,.account-deletion-form button[type=submit]{justify-self:start;width:auto}
/* Créer un espace (connecté) : carte pleine largeur comme la maquette. */
form.onboarding-form.card.section-card{max-width:none!important;width:100%}
.client-docs-back{display:flex;justify-content:flex-end;margin:4px 0 18px}
/* Administration PH (maquette) : pastilles d'état, notes, noms lisibles. */
.ph-state{display:inline-block;font-size:11px;padding:2px 8px;border-radius:20px;white-space:nowrap;background:#edf2f4;color:#526975}
.ph-state.ready{background:#eaf3de;color:#3b6d11}
.ph-state.wait{background:#faece7;color:#993c1d}
.ph-state.progress{background:#e6f1fb;color:#0b668f}
.ph-note{background:#eef6fb;border:1px solid #bfe0f0;border-radius:10px;padding:10px 14px;font-size:13px;color:var(--ink);margin:12px 0}
.ph-note-top{margin:0 0 14px}
.ph-admin-directory tbody th[scope=row]{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;color:var(--ink)}
.ph-admin-directory code{font-size:12px;background:transparent}
/* Assistance (maquette) : onglets en boutons — pages d'administration uniquement. */
.page-heading + .support-tabs,h1 + .support-tabs{gap:10px;padding:0;margin:0 0 16px}
.page-heading + .support-tabs a,h1 + .support-tabs a{display:inline-block;padding:9px 16px;border:1px solid #a9cadb;border-radius:10px;background:var(--white);color:var(--navy);font-weight:600;font-size:13px;text-decoration:none}
.page-heading + .support-tabs a.active,h1 + .support-tabs a.active{background:var(--blue);border-color:var(--blue);color:var(--white)}

/* Administration PH : messages système en deux colonnes, onglets factures (maquette) */
.system-messages-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.system-messages-grid > .section-card { margin: 0; }
@media (max-width: 900px) { .system-messages-grid { grid-template-columns: 1fr; } }
.cpt-rubrique-nav a[aria-current] { color: var(--navy); border-bottom: 3px solid var(--orange); font-weight: 600; }
/* Boutons principaux désactivés (ex. transfert impossible) */
button.primary:disabled, .button.primary:disabled { opacity: .45; cursor: not-allowed; }

/* Fermeture (maquette) : étape à lancer en orange, étapes indisponibles en gris, titres d'étape lisibles */
.closure-card .closure-diagram article .step-button{background:#fdf1e7;color:var(--orange);border:2px solid var(--orange);box-shadow:0 0 0 4px var(--white)}
.closure-card .closure-diagram article.disabled .step-button{background:#eef3f6;color:#8aa0ad;border-color:#c9d6de}
.closure-card .closure-diagram article.disabled{opacity:1}
.closure-card .closure-diagram article h2{font-size:17px;color:var(--navy)}
.closure-card .closure-diagram article p{font-size:12.5px}
.closure-situation-state .financial-state{padding:0;background:transparent}
.closure-situation-state .ph-state{font-size:12px;padding:4px 12px;font-weight:600}
.closure-situation-state .ph-state.progress{background:#fdf1e7;color:#9a5a1c}
.closure-verify{font-size:13px}
.closure-step-hint{font-size:13px;color:var(--muted);margin:8px 0 0}
/* Sous-menu client (maquette) : la flèche reste visible sur l'entrée active, soulignement porté par le fond */
.client-sub-navigation > details.active > summary::after{position:static;inset:auto;height:auto;border-radius:0;background:none;content:"▾";margin-left:5px;font-size:.75em}
.client-sub-navigation > details.active > summary{background:linear-gradient(var(--orange),var(--orange)) left bottom/100% 4px no-repeat;border-radius:0}
.client-sub-navigation .navigation-dropdown > div a{white-space:nowrap}

/* Informations de l'espace (maquette) : étapes sur le fond de page, contenu en carte, « Suivant » orange */
.space-settings-wizard.card{background:transparent;border:0;box-shadow:none;padding:0}
.space-settings-wizard .space-settings-page{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:24px;margin-top:18px}
.space-settings-wizard .space-settings-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.space-settings-progress{margin:6px 0 4px}
.space-settings-progress ol{display:flex;align-items:center;gap:0}
.space-settings-progress li{display:flex;align-items:center;gap:8px;flex:1 1 auto;white-space:nowrap}
.space-settings-progress li:not(:last-child)::after{content:"";flex:1 1 auto;height:1px;background:var(--line);margin:0 12px;min-width:20px}
.space-settings-progress li span{width:26px;height:26px;border:1px solid var(--line);font-size:12px}
.space-settings-progress li.active span,.space-settings-progress li[aria-current] span{background:var(--orange);border-color:var(--orange);color:var(--white);box-shadow:none}
.space-settings-progress li.complete span{background:var(--orange);border-color:var(--orange)}
.space-settings-progress li strong{font-size:.8rem;font-weight:600}
.space-settings-actions{margin-top:18px}
.space-settings-actions [data-space-next],.space-settings-actions [data-space-submit],.onboarding-actions [data-onboarding-next]{background:var(--orange);border-color:var(--orange);color:var(--white)}
@media(max-width:700px){.space-settings-progress li strong{display:none}.space-settings-progress li[aria-current] strong{display:inline}}
/* Informations de l'espace : étapes terminées en bleu marine (maquette), boutons Précédent/Suivant */
.space-settings-progress li.complete span{background:var(--navy);border-color:var(--navy);color:var(--white)}
.space-settings-progress li.complete::after{background:var(--navy);height:2px}
.space-settings-progress li:not(.active):not(.complete) strong{color:var(--muted);font-weight:500}
.space-settings-actions [data-space-previous]{background:var(--white);border:1px solid var(--line);color:var(--navy)}
.space-settings-group{font-size:15px;margin:14px 0 8px;color:var(--navy)}
[data-space-settings-review]{display:grid;grid-template-columns:max-content 1fr;gap:8px 6px;margin:0;font-size:14px}
[data-space-settings-review] dt{font-weight:400;color:inherit;margin:0}
[data-space-settings-review] dt::after{content:" :"}
[data-space-settings-review] dd{margin:0}
/* Comptes bancaires dans l'étape 1 (maquette) */
.space-settings-bank fieldset.space-bank-account{border:1px solid var(--line);border-radius:10px;padding:10px 14px 14px;margin:0 0 12px}
.space-settings-bank legend{font-size:13px;padding:0 6px;color:var(--navy)}
.space-bank-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.space-bank-values{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 6px}
.space-bank-values dt{font-size:12px;font-weight:700;color:var(--navy)}
.space-bank-values dd{margin:2px 0 0;font-size:14px;overflow-wrap:anywhere}
.space-bank-add{background:var(--white);border:1px solid var(--line);color:var(--navy)}
@media(max-width:800px){.space-bank-grid,.space-bank-values{grid-template-columns:1fr}}
.space-bank-grid,.space-bank-values{grid-template-columns:1.1fr .8fr 1.6fr 1.2fr 1fr .6fr}
@media(max-width:800px){.space-bank-grid,.space-bank-values{grid-template-columns:1fr}}
.space-settings-bank .space-bank-add{width:auto;display:inline-flex;padding:10px 20px;border-radius:10px}
/* Créer un espace (maquette) : assistant centré, Personnel grisé si déjà possédé, détails sobres */
.space-create-wizard{max-width:880px;margin-inline:auto}
.space-create-wizard .onboarding-profile-card small,.space-create-wizard .onboarding-profile-card small span{font-weight:400;color:var(--muted)}
.space-create-wizard .onboarding-profile-card.registration-profile-disabled{background:#f3f6f8;border-color:#e3eaef;cursor:not-allowed}
.space-create-wizard .onboarding-profile-card.registration-profile-disabled strong{color:#8aa0ad}
.space-create-wizard .onboarding-professional-info{border:0;border-top:1px solid var(--line);border-radius:0;margin-top:6px}
.space-create-wizard .onboarding-professional-info summary{padding:14px 0 0;font-size:.88rem}
.space-create-wizard .onboarding-actions > a{color:var(--muted);text-decoration:underline}
.space-create-wizard fieldset[data-known-identity]{display:none!important}
.space-create-wizard fieldset:not(.onboarding-kind-step){background:var(--white);border:1px solid var(--line);border-radius:14px;padding:26px 30px;margin:0 0 16px}
.space-create-wizard fieldset:not(.onboarding-kind-step) > legend{float:left;width:100%;padding:0;margin:0 0 14px;font-size:1.05rem;font-weight:700;color:var(--navy)}
.space-create-wizard fieldset:not(.onboarding-kind-step) > legend + *{clear:both}
.space-create-wizard fieldset > p:first-of-type{color:var(--muted);font-size:.86rem}

/* Typographie de la maquette (Avenir Next, tailles et graisses mesurées sur 5014, 24/09/2026) */
html{font-family:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif}
.page-heading h1,main > h1,main > section > h1{font-size:clamp(30px,3.1vw,46px);font-weight:500;letter-spacing:-.04em;line-height:1.1}
main .card > h2,main .section-card > h2,main .space-settings-page > h2,main .onboarding-kind-step h2{font-size:23px;font-weight:600}
main label{font-size:14px;font-weight:600}
main label.check,main label:has(> input[type=checkbox]),main label:has(> input[type=radio]),main .onboarding-profile-card{font-weight:400}
main input:not([type=checkbox]):not([type=radio]),main select,main textarea{font-size:14px}
.site-header nav.main-navigation > a,.site-header nav.main-navigation > details > summary{font-size:17px}
main .space-settings-bank button.space-bank-add{display:inline-flex!important;width:auto!important;justify-self:start;padding:10px 18px;font-size:14px;font-weight:600}
.space-settings-bank legend{font-weight:400!important;font-size:14px!important;color:var(--navy)}
.space-settings-page{padding:28px 30px}
/* Utilisation (maquette) : pleine largeur, en-têtes sans pointillés */
main .usage-component{max-width:none}
.usage-office-table abbr{text-decoration:none;border-bottom:0;cursor:help}
.usage-filter-card{max-width:760px}
/* Sous-menus du bandeau (maquette : 14px/600, bandeau inséré plus sombre) et titres de page non gras */
.site-header .client-sub-navigation > a,.site-header .client-sub-navigation > details > summary,.site-header .accountant-sub-navigation > a,.site-header .accountant-sub-navigation > details > summary{font-size:14px;font-weight:600}
.site-header .client-sub-navigation{background:rgba(4,31,52,.17);border-radius:4px;padding:4px 16px;gap:4px}
body main h1{font-weight:500}
/* Dépôt (maquette j) : carte de 980px, zone et bouton à gauche */
main .document-upload-panel{max-width:980px}
main .document-upload-panel .document-dropzone{display:inline-flex;flex-direction:column;align-items:center;max-width:calc(100% - 16px);min-height:0;margin:8px 16px 8px 0;padding:30px 22px;background:#eaf5fa;border:2px dashed #9fbdcc;border-radius:15px;text-align:center;gap:5px}
main .document-dropzone.is-dragging{background:#dcecf9;border-color:var(--blue)}
.document-dropzone-icon{display:block;color:var(--blue);font-size:18px}
main .document-dropzone strong{font-size:13px;font-weight:600;color:var(--navy)}
main .document-dropzone > span:last-of-type{font-size:11.5px;color:var(--muted)}
.document-upload-hint{font-size:12px;color:var(--muted);margin:14px 0 6px}
main .selected-document-files:has(> p:only-child){display:none}
main .document-limit-strip{margin:0 0 12px}
main .document-confirm-actions{justify-content:flex-start}
main .document-upload-panel .document-dropzone-icon{font-size:26px;line-height:1;color:var(--blue)}
main .document-upload-panel .document-dropzone strong{font-size:15px}
main .document-upload-panel .document-dropzone > span:last-of-type{font-size:12.5px}
main .document-upload-panel .document-confirm-actions > button{width:auto;min-height:50px;padding:12px 22px;border-radius:12px}
@media(max-width:800px){main .document-upload-panel .document-confirm-actions{align-items:flex-start}}
/* Graisses et tailles de la maquette (mesurées 24/09/2026) */
main h1{font-weight:500!important}
main button,main .button,main a.button{font-weight:600}
main .status-pill,main .status,main .ph-state{font-weight:600}
main thead th{font-size:12px}
main td{font-size:14px}
main .panel > h2,main .section-heading h2,main .panel .section-heading h2{font-size:23px;font-weight:600}
/* Tableaux et pastilles de la maquette (mesurés 24/09/2026) */
main .table-wrap,main .table-scroll{background:var(--white);border:1px solid #c7dbe6;border-radius:15px;overflow:auto}
main table thead th{background:#eaf5fa;color:#61798a;text-transform:uppercase;padding:15px 16px}
main table tbody th{background:transparent;text-transform:none;font-size:14px;font-weight:600;color:var(--ink,#173247);padding:16px}
main table td{padding:16px}
main .status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:999px;border:1px solid rgba(0,0,0,.08);font-size:12px}
main .status-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 7px}
main .document-page-heading{margin-bottom:28px}
main .document-page-heading h1 + p,main .page-heading h1 + p{margin-top:28px}
main .panel-lead{font-size:14px;color:var(--ink,#173247);margin:4px 0 16px}
main .panel-note{font-size:12px;color:var(--muted);margin:14px 0 0;line-height:1.5}
main .history-deposit-button{display:flex;justify-content:center;margin-top:16px;background:var(--white);border:1px solid #c7dbe6;border-radius:10px;padding:12px;color:var(--navy);text-decoration:none}
main .doc-cat-icon{display:inline-block;width:22px;margin-right:6px;font-size:14px}
main .client-docs-card .cpt-cli-name{font-weight:400}
main .client-docs-card .table-action{text-decoration:underline;font-weight:600}
/* Documents de la catégorie (maquette) : outils repliés, retour orange */
main .client-docs-tools{margin:0 0 14px}
main .client-docs-tools summary{font-size:13px;color:var(--muted);cursor:pointer}
main .client-docs-back .button.primary{background:var(--orange);border-color:var(--orange);font-size:13px;padding:8px 14px}
/* Documents à contrôler (maquette) : compteurs en pastille ronde */
main #documents-a-verifier .section-heading > strong{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:#eaf5fa;color:var(--navy);font-size:13px;font-weight:600}
/* États vides et textes d'introduction compacts (maquette) */
main .panel .empty-state{display:block;padding:10px 0;text-align:left;min-height:0}
main .panel .empty-state strong{font-weight:600;font-size:14px;margin-right:6px}
main .panel .empty-state span{font-size:14px;color:var(--muted)}
main .section-heading p{font-size:14px}
/* Plan de travail comptable (maquette cpt-dash / cpt-tile) */
main .accountant-workplan{gap:8px}
main .accountant-workplan h2{font-size:13px!important;font-weight:600!important;color:var(--muted)!important;margin:18px 0 10px}
main .workplan-tile{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
main .workplan-tile > span{font-size:12px;font-weight:600;color:var(--muted)}
main .workplan-tile > strong{font-size:26px;font-weight:600;color:var(--navy)}
main .workplan-tile > small{font-size:12px;color:var(--muted)}
main .workplan-tile--warning{background:#fbf0ee;border-color:#e7c3ba;border-left:3px solid #b73e3e;border-radius:0 14px 14px 0}
main .workplan-tile--warning > *{color:#993c1d!important}
main .workplan-tile--warning > span::before{content:"▲ "}
main .workplan-tile--ready{background:#eef6ea;border-color:#bcd7ac;border-left:3px solid #3b6d11;border-radius:0 14px 14px 0}
main .workplan-tile--ready > *{color:#3b6d11!important}
main .workplan-tile--ready > span::before{content:"✓ "}
main .workplan-clients td:first-child,main .accountant-workplan .cpt-cli-name{text-transform:none;font-weight:600}
/* Accueil du cabinet (maquette) : accueil + nom du cabinet ; tuiles sans liseré coloré */
main .office-welcome p{margin:18px 0 18px;font-size:14px}
main .office-welcome h2{margin:0 0 20px;font-size:23px;font-weight:600;color:var(--navy)}
main .stat-card{border-top-width:1px;border-top-color:var(--line)}
main .progress-metrics > .card{border-top:1px solid var(--line)}
/* Gestion Clients (maquette) */
main .mandate-card-heading h2{font-size:23px;font-weight:600}
main .mandate-form-actions{justify-content:flex-start}
main .compact-mandate-form legend{font-weight:400;font-size:14px}
main .compact-mandate-form label.check,main .compact-mandate-form label.check span{font-weight:600;font-size:12.5px}
main .compact-mandate-form input[type=email]{max-width:420px}
main legend{font-weight:600}
main button,main .button,main a.button,main input[type=submit]{font-weight:600!important}
main label.check strong{font-weight:600}
/* Titres de carte et textes d'introduction (maquette : 23/600 et 14px) ; état vide dans un tableau compact */
main .card h2,main .panel h2,main .section-card h2{font-size:23px;font-weight:600}
main .card h2 + p,main .panel h2 + p,main .card > div > h2 + p{font-size:14px}
main td .empty-state{display:block;padding:4px 0;text-align:left;min-height:0}
main td .empty-state strong{font-weight:600;margin-right:6px}
main td .empty-state span{color:var(--muted)}
/* Profil comptable (maquette) : titres de section compacts, pastilles « status-chip » */
main .mandate-accounting-page .mandate-card > h2{font-size:14px;font-weight:700}
main .status-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:999px;border:1px solid #c3e0f3;background:#e6f1fb;color:#0b668f;font-size:12px;font-weight:600}
main .status-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
main .status-chip.is-done{background:#eaf3de;border-color:#c7ddb1;color:#3b6d11}
.accountant-sub-navigation > details.active > summary::after{position:static;inset:auto;height:auto;border-radius:0;background:none;content:"▾";margin-left:5px;font-size:.75em}
.accountant-sub-navigation > details.active > summary{background:linear-gradient(var(--orange),var(--orange)) left bottom/100% 4px no-repeat}
.accountant-sub-navigation .navigation-dropdown > div a{white-space:nowrap}
main .client-contact-card > h2{font-size:16px;font-weight:600}
/* Exercices comptables (maquette) : pastilles avec point, documents sans rattachement repliés sous un bouton */
main .cpt-statut{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:999px;font-size:12px;font-weight:600}
main .cpt-statut::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
main .cpt-unlinked-toggle > summary{display:inline-flex;list-style:none;cursor:pointer;padding:10px 16px;border:1px solid #c7dbe6;border-radius:10px;background:var(--white);color:var(--navy);font-size:14px;font-weight:600;margin:4px 0 12px}
main .cpt-unlinked-toggle > summary::-webkit-details-marker{display:none}
main .cpt-unlinked-toggle[open] > summary{background:#eaf5fa}
main .client-docs-footnote{font-size:12px;color:var(--muted);margin:14px 0 0;line-height:1.5}
/* Charger des documents (cabinet) : en-tête de liste façon tableau maquette, boutons blancs */
main .office-selection-header{background:#eaf5fa;color:#61798a;text-transform:uppercase;font-size:12px;font-weight:600;padding:14px 16px;border:1px solid #c7dbe6;border-radius:15px 15px 0 0}
main .office-document-upload-panel .selected-document-files{border:1px solid #c7dbe6;border-top:0;border-radius:0 0 15px 15px;padding:14px 16px;margin-bottom:12px}
main .office-document-actions .button.secondary{background:var(--white);border:1px solid #c7dbe6;color:var(--navy)}
main .office-document-upload-panel .selected-document-files:has(> p:only-child){display:block;font-size:14px;color:var(--muted)}
/* Ventiler TVA & imputer (maquette) : tuiles compactes, titre de section 16/600 */
main .cpt-control-tiles{grid-template-columns:repeat(3,minmax(0,180px))!important}
main .cpt-control-tiles .cpt-tile{padding:18px 16px}
main .cpt-control-tiles .cpt-tile .cpt-tile-num{font-size:22px}
main > h2{font-size:16px;font-weight:600}
/* Sous-onglets de rubrique (maquette : liens texte simples) et états vides de carte compacts */
main .subsection-tabs{display:flex;gap:24px;margin:26px 0 18px;padding:0;background:none;border:0}
main .subsection-tabs a{padding:0;background:none!important;border:0;border-radius:0;color:var(--ink,#173247);font-size:13px;font-weight:500;text-decoration:none}
main .subsection-tabs a.active{color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:4px}
main .card > .empty-state,main .section-card > .empty-state{display:block;padding:6px 0;text-align:left;min-height:0}
main .card > .empty-state strong{font-weight:600;margin-right:6px}
main .card > .empty-state span{color:var(--muted)}
/* Écritures & exports : onglets soulignés comme les autres rubriques */
main .accountant-exports-tabs{display:flex;gap:4px 24px;margin:0 0 20px;padding:0;background:none;border:0;border-bottom:1px solid var(--line)}
main .accountant-exports-tabs a{padding:9px 2px;background:none!important;border:0;border-bottom:3px solid transparent;border-radius:0;margin-bottom:-1px;color:var(--muted);font-size:14px;font-weight:600;box-shadow:none}
main .accountant-exports-tabs a.active{color:var(--navy)!important;border-bottom-color:var(--orange)}
/* Informations du cabinet (maquette) : titres de carte 16/600, astérisques des champs obligatoires, bouton blanc */
main .office-form-card legend{font-size:16px;font-weight:600;color:var(--navy);margin-bottom:10px}
main .office-form-card fieldset + fieldset > legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
main .office-info-form label:has(> input[required]) > span::after,main .office-info-form label:has(> select[required]) > span::after{content:" *"}
main .office-info-actions button.secondary{background:var(--white);border:1px solid #c7dbe6;color:var(--navy)}
main .office-form-card legend,main .office-form-card legend span{font-size:16px!important;font-weight:600!important;color:var(--navy)!important;text-transform:none!important;letter-spacing:normal!important}
/* Archives réglementaires (maquette) : onglets en pastilles, « Supprimées » bordé rouge, note encadrée */
main .regulatory-archive-tabs{gap:8px;margin:18px 0 16px}
main .regulatory-archive-tabs a{padding:9px 16px!important;border-radius:999px!important;font-size:14px!important;font-weight:400!important;color:#61798a!important;text-decoration:none!important}
main .regulatory-archive-tabs a.active,main .regulatory-archive-tabs a[aria-current]{background:#eaf5fa!important;color:#0b668f!important;font-weight:700!important}
main .regulatory-archive-tabs a:last-child{border:1px solid #b73e3e!important;color:#b73e3e!important;background:#fff!important}
main .document-hierarchy-note{background:#eaf5fa;border:1px solid #c7dbe6;border-radius:12px;padding:15px 18px;color:var(--navy);font-size:13px}
@media(max-width:640px){
  main .regulatory-archive-tabs{flex-wrap:wrap;max-width:100%}
  main .regulatory-archive-table td{grid-template-columns:minmax(90px,.75fr) minmax(0,1.25fr)}
  main .regulatory-archive-table td>*{min-width:0}
  main .regulatory-archive-details{min-width:0;max-width:100%}
  main .regulatory-archive-details dl{grid-template-columns:minmax(0,1fr)}
  main .regulatory-archive-retention{overflow-wrap:anywhere}
}
/* Collaborateurs (maquette) : cellules en poids normal, « Gérer » en lien souligné, pastilles d'état à point */
main .office-collaborators-table td strong{font-weight:400}
main .office-collaborators-table a.compact-action{background:none!important;border:0!important;padding:0!important;color:var(--navy)!important;text-decoration:underline;font-weight:600!important;box-shadow:none}
main .status{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:999px;font-size:12px;font-weight:600}
main .status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
/* Ajouter un collaborateur (maquette) : carte pleine largeur, champs en grille sans cadres, boutons à droite, note encadrée */
main .office-invite-card{max-width:none}
main .office-invite-card fieldset{border:0;padding:0;margin:0}
main .office-invite-card fieldset > legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
main .office-invite-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
main .office-invite-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
main .office-invite-actions .secondary{background:var(--white);border:1px solid #c7dbe6;color:var(--navy)}
main .office-invite-note{background:#eaf5fa;border:1px solid #c7dbe6;border-radius:12px;padding:15px 18px;color:var(--navy);font-size:13px;margin-top:18px}
main .office-invite-card label .optional,main .office-collaborator-edit-card label .optional{display:inline;font-weight:600}
main .office-invite-card label .optional::before,main .office-collaborator-edit-card label .optional::before{content:"("}
main .office-invite-card label .optional::after,main .office-collaborator-edit-card label .optional::after{content:")"}
main .office-invite-card label:has(> input[required]) > span:first-child::after,main .office-invite-card label:has(> select[required]) > span:first-child::after{content:" *"}
main .office-collaborator-edit-card label,main .office-invite-card label{display:block}
main .office-collaborator-edit-card label > input,main .office-collaborator-edit-card label > select,main .office-invite-card label > input,main .office-invite-card label > select{display:block;width:100%;margin-top:6px}
main .office-collaborator-edit-card label:has(> input[required]) > span:first-child::after,main .office-collaborator-edit-card label:has(> select[required]) > span:first-child::after{content:" *"}
main label.client-type-fields[data-profile-legal-form]:not([hidden]){display:grid;gap:6px}
.space-create-wizard [data-professional-address].is-same-as-personal{display:none!important}
/* Contrôle IBAN / recherche de la banque */
.iban-check{display:block;margin-top:4px;font-size:12px;color:var(--muted)}
.iban-check.is-invalid{color:#b73e3e}
.iban-check.is-valid{color:#3b6d11}
/* La note IBAN ne décale pas le champ : hors flux, sous le champ */
label:has(> .iban-check){position:relative}
.iban-check{position:absolute;left:0;right:0;top:100%;margin-top:3px;line-height:1.3}
.iban-check:empty{display:none}
.space-bank-account,.space-settings-bank fieldset{padding-bottom:22px}
/* Récapitulatif de création d'espace : titres de bloc */
.onboarding-summary-group{border-bottom:0!important;padding-top:14px!important}
.onboarding-summary-group dt{font-size:13px;font-weight:700;color:var(--navy);text-transform:none}
.onboarding-summary-group dd{display:none}
/* Fin du mandat : sélection du client */
main .termination-picker{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 18px;margin:4px 0 16px;max-width:760px}
@media(max-width:700px){main .termination-picker{grid-template-columns:1fr}}
main [data-termination-for][hidden]{display:none!important}
/* Boutons d'action de tableau : même aspect que les liens d'action (maquette) */
main button.table-action{background:none;border:0;padding:0;margin:0 14px 0 0;color:var(--navy);font:inherit;font-size:13px;font-weight:600!important;text-decoration:underline;text-underline-offset:3px;cursor:pointer;box-shadow:none}
main button.table-action:hover{color:var(--blue)}
main button.table-action:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
/* Sous-menu client : espacement de la maquette (9px 15px par entrée) */
.site-header .client-sub-navigation > a,.site-header .client-sub-navigation > details > summary{padding:9px 15px 11px}
/* Mon comptable : onglets actifs */
main .client-relationship-tabs a.is-current{background:var(--navy)!important;color:var(--white)!important;border-color:var(--navy)!important}
main [id^="client-relationship-"][hidden]{display:none!important}
main [data-relationship-panel][hidden]{display:none!important}
main .client-office-contact{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:10px 0 0;font-size:14px}
main .client-office-contact .client-contact-kind{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
main a.table-action{font-weight:600;text-decoration:underline;text-underline-offset:3px}
/* Détail du dépôt : analyse technique repliée sous les documents */
main .delivery-analysis-details > summary{cursor:pointer;font-size:16px;font-weight:600;color:var(--navy)}
main .delivery-analysis-details[open] > summary{margin-bottom:10px}
main .delivery-analysis-details button:not(.table-action){background:var(--white);border:1px solid #c7dbe6;border-radius:10px;padding:8px 14px;color:var(--navy);font-weight:600}
main .client-docs-card > p{font-size:14px}
/* Documents de la catégorie : lignes compactes (état en colonne État, actions sur une ligne) */
main .client-docs-table .client-docs-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
main .client-docs-table .client-docs-actions .document-filing > small{display:none}
main .client-docs-table .client-docs-actions .document-filing{display:contents}
main .client-docs-table td small{display:block;font-size:11.5px;color:var(--muted)}
/* Détail du document (client) : retour en bouton pleine largeur (maquette) */
main a.piece-back-button{display:flex;justify-content:center;margin:0 0 22px;padding:12px;background:var(--white);border:1px solid #c7dbe6;border-radius:10px;color:var(--navy);font-weight:600;text-decoration:none}
/* Autorisations (maquette) : accès en pastille, colonne Droits, état en pastille */
main .access-level-pill{display:inline-block;padding:3px 10px;border-radius:999px;background:#eaf5fa;color:var(--navy);font-size:12px;font-weight:600}
main .access-rights-cell{font-size:13px}
main .status-pill.is-active{background:#eaf3de;color:#3b6d11}
main .status-pill.is-inactive{background:#edf2f4;color:#526975}
/* Récupération des documents (maquette) : bouton blanc, flèche d'ouverture, lignes de documents aérées */
main .recovery-heading .button.secondary{background:var(--white);border:1px solid #c7dbe6;color:var(--navy)}
main .recovery-category > summary{position:relative;padding-right:28px}
main .recovery-category > summary::after{content:"⌄";position:absolute;right:10px;top:50%;transform:translateY(-60%);color:var(--muted);font-size:14px}
main .recovery-category[open] > summary::after{content:"⌃";transform:translateY(-30%)}
main .recovery-document-row{padding:10px 14px;border-top:1px solid var(--line);align-items:center}
main .recovery-document-name{font-size:13px;font-weight:600;color:var(--navy)}
main .recovery-document-meta small{display:block;font-size:11.5px;color:var(--muted)}
/* Transfert (maquette) : numéros d'étape cerclés, titres d'étape lisibles */
main .transfer-steps-card .lifecycle-steps li > span{background:#eef3f6;color:#8aa0ad;border:2px solid #c9d6de;box-shadow:0 0 0 4px var(--white)}
main .transfer-steps-card .lifecycle-steps li:first-child > span{background:#e6f1fb;color:#0b668f;border-color:#0b668f}
main .transfer-steps-card .lifecycle-steps li strong{font-size:17px;font-weight:600;color:var(--navy)}
/* Suppression du compte (maquette) : bouton bordé rouge sur fond blanc */
main .account-deletion-form button.danger-button{background:var(--white)!important;border:1px solid #d9a8a0!important;color:#b73e3e!important;box-shadow:none}
/* Mobile (maquette) : « Se déconnecter » en pastille bordée, comme sur ordinateur */
.site-header .responsive-logout .link-button{border:1px solid rgba(255,255,255,.65);border-radius:999px;padding:6px 14px;font-size:14px}
/* Tableaux : identifiant sous le nom dans les en-têtes de ligne ; pastilles sur une ligne */
main table tbody th small,main table tbody td > strong + small{display:block;font-size:11.5px;font-weight:400;color:var(--muted);margin-top:2px}
main .status-pill,main .ph-state,main .access-level-pill,main .cpt-statut,main .status-chip{white-space:nowrap}
/* C05 · Détail du dépôt (maquette 64) : tableau compact des documents du dépôt */
main .delivery-documents .delivery-documents-table td{vertical-align:top}
main .delivery-documents .delivery-documents-table td small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
main .delivery-documents .delivery-documents-table td .status-pill{margin-top:6px}
main .delivery-documents .delivery-to-confirm{color:var(--muted)}
main .delivery-documents .deposit-file-actions{display:flex;flex-wrap:wrap;gap:6px 16px}
main .delivery-documents .delivery-classification-row td{padding-top:0;border-top:0}
main .delivery-documents .delivery-classification summary{cursor:pointer;color:var(--blue);font-size:14px;font-weight:600}
main .delivery-documents .delivery-classification .classification-form{margin-top:12px}
main .delivery-documents .file-error-message{margin:0;font-size:14px}
main .delivery-documents .delivery-withdrawal-note{margin:18px 0 0;font-size:14px;color:var(--muted)}
/* P2 · Accueil comptable : tuile et liste « Exercices à confirmer » (maquette 73, lecture seule) */
@media(min-width:1081px){main .accountant-workplan .workplan-grid--controls{grid-template-columns:repeat(5,minmax(0,1fr))}}
main .workplan-exercises .workplan-hint{margin:0 0 12px;font-size:14px;color:var(--muted)}
main .workplan-exercises-table{width:100%}
main .workplan-exercises-table tbody th{font-weight:700}
main .workplan-exercises-table td form{margin:0}
main .workplan-exercises-table .link-button{font:inherit;color:var(--blue);text-decoration:none;cursor:pointer}
main .workplan-exercises-table .link-button:hover,main .workplan-exercises-table .link-button:focus-visible{text-decoration:underline}
/* C20 · Décision de classement (partiel préparé, branchement par route pilote) */
main .classification-decision dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
main .classification-decision dl div{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#f8fbfd}
main .classification-decision dt{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--muted)}
main .classification-decision dd{margin:4px 0 0;font-weight:600;color:var(--navy)}
main .classification-decision h3{margin:18px 0 0;font-size:16px;font-weight:600}
main .classification-decision-reasons{margin:12px 0;padding-left:18px;font-size:14px;color:var(--muted)}
main .classification-decision-modify summary{cursor:pointer;color:var(--blue);font-size:14px;font-weight:600;margin:14px 0}
main .classification-decision-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
main .classification-decision-form .classification-decision-reason{grid-column:1/-1}
main .classification-decision-form button{justify-self:start}
@media(max-width:720px){main .classification-decision dl,main .classification-decision-form{grid-template-columns:1fr}}
/* P3 · Revue des relances (partiel préparé, branchement par route pilote) */
main .reminder-review .reminder-review-transport{font-size:14px;color:var(--muted)}
main .reminder-review-form{display:grid;gap:8px}
main .reminder-review-form label{font-size:13px}
main .reminder-review-actions{display:flex;gap:8px;flex-wrap:wrap}
/* P2 · actions de confirmation (accueil, gestionnaire, page Exercices) */
main .workplan-exercise-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}
main .workplan-exercise-actions form{margin:0}
/* C20 · point d'entrée depuis la validation comptable */
main .cpt-classification-link{margin:0 0 16px}
/* Page Exercices d'un dossier (maquette 34) : « Confirmer » présenté comme les autres liens d'action */
main .exercise-confirm-link{margin:0}
main .exercise-confirm-link .link-button{font:inherit;color:var(--blue);text-decoration:none;cursor:pointer;padding:0}
main .exercise-confirm-link .link-button:hover,main .exercise-confirm-link .link-button:focus-visible{text-decoration:underline}
/* F03 · Choisir votre espace (maquette 2) : groupes et lignes compactes « Ouvrir » */
main .space-choice-page .space-group{margin:0 0 26px}
main .space-choice-page .space-group-title{margin:0 0 4px;font-size:16px;font-weight:700;color:var(--navy)}
main .space-choice-page .space-group-help{margin:0 0 12px;font-size:13px;color:var(--muted)}
main .space-choice-page .space-group-title + .space-selection-grid{margin-top:10px}
main .space-choice-page .space-selection-grid{display:grid;gap:16px}
main .space-choice-page .space-access-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:16px 18px;border:1px solid #c7dbe6;border-radius:15px;background:var(--white);box-shadow:0 14px 38px rgba(7,58,81,.08)}
main .space-choice-page .space-access-body{min-width:0}
main .space-choice-page .space-access-body h3{margin:0 0 2px;font-size:15px;font-weight:700;color:var(--navy);overflow-wrap:anywhere}
main .space-choice-page .space-access-body p{margin:0;font-size:13px;color:var(--muted)}
main .space-choice-page .space-access-card form{margin:0;flex:0 0 auto}
main .space-choice-page .space-choice-create{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:6px 0 0;font-size:14px;color:var(--muted)}
main .space-choice-page{display:block;max-width:none;width:100%;min-height:0;margin:0;text-align:left}
main .space-choice-page h1{margin:0 0 28px}
main .space-choice-page .space-access-card .button.secondary{padding:12px 22px;border:1px solid #a9cadb;border-radius:12px;background:var(--white);color:#0b4e6a;font-size:16px;font-weight:600}
main .space-choice-page .space-choice-create .button.secondary{padding:10px 18px;border:1px solid #a9cadb;border-radius:12px;background:var(--white);color:#0b4e6a;font-size:14px;font-weight:600}
/* C05 : action « Retirer le document » présentée comme un lien (maquette 64), confirmation conservée */
main .delivery-documents .document-withdrawal > summary{display:inline;padding:0;border:0;background:none;color:var(--blue);font-size:14px;font-weight:600;cursor:pointer;list-style:none}
main .delivery-documents .document-withdrawal > summary::-webkit-details-marker{display:none}
main .delivery-documents .document-withdrawal > summary::after{content:none}
main .delivery-documents .delivery-documents-table td strong{overflow-wrap:anywhere}
/* Téléphone : indicatif pays (Luxembourg en premier) + numéro, sur une ligne */
.phone-country-control{display:flex;gap:8px;align-items:stretch;min-width:0}
.phone-country-control .phone-country-select{flex:0 0 auto;max-width:48%}
.phone-country-control .phone-country-number{flex:1 1 auto;min-width:0}
/* Décision Pascal 26/09/2026 : compteur « à traiter » sur le sous-menu Documents ; carte « À traiter » en haut de Mes documents. */
.document-nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:999px;background:#f28c28;color:#fff;font-size:11px;font-weight:800;line-height:1;vertical-align:1px}
main .to-handle-card{margin-bottom:20px;border-left:5px solid #f28c28;background:#fff6ec}
main .to-handle-row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
main .to-handle-text{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
main .to-handle-text strong{font-size:16px;color:var(--ink)}
main .to-handle-pill{background:#fff1dc;color:#9a5a12}
main .to-handle-detail{color:var(--muted);font-size:13px}
/* Ajout d'un collaborateur : la maquette mobile empile les champs et les actions. */
@media(max-width:640px){
main .office-invite-card .form-grid{grid-template-columns:minmax(0,1fr)}
main .office-invite-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
main .office-invite-actions>.button,main .office-invite-actions>button{width:100%}
}
/* Gestion du cabinet en sous-menus (décision de Pascal du 29/09/2026) : « Vue d'ensemble » est un bouton de formulaire présenté comme les autres entrées. */
.site-header .accountant-sub-navigation-view{margin:0;display:flex}
.site-header .accountant-sub-navigation-view button{border:0;background:none;color:inherit;font:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:9px 15px 11px}
.site-header .accountant-sub-navigation-view button.active{background:linear-gradient(var(--orange),var(--orange)) left bottom/100% 4px no-repeat}
/* Revue client du 29/09/2026 (tester03) :
   - bouton Aide : icône « ? » comme la maquette, et marge basse réservée pour que le bouton flottant ne recouvre
     jamais durablement le dernier bouton ou champ de la page (défilement possible au-dessus du bouton) ;
   - étapier d'Informations de l'espace : pas de débordement horizontal à 375 px. */
#support-launcher{display:inline-flex;align-items:center;gap:8px}
#support-launcher::before{content:"?";display:inline-grid;place-items:center;width:20px;height:20px;border:1.5px solid currentColor;border-radius:50%;font-size:12px;font-weight:700;line-height:1}
body.app-shell{padding-bottom:84px}
/* Bouton Aide fixe : la page défile déjà au-delà du bouton (marge basse ci-dessus) ; un champ atteint au clavier ou par
   une ancre s'arrête aussi au-dessus de lui (bouton 22 px du bas + ~48 px de haut + marge). */
html{scroll-padding-bottom:96px}
@media(max-width:700px){
  #support-launcher{right:12px;bottom:12px;padding:9px 14px}
  body.app-shell{padding-bottom:72px}
  html{scroll-padding-bottom:80px}
  .space-settings-progress li{white-space:normal;min-width:0}
  .space-settings-progress li strong{overflow-wrap:anywhere}
  .space-settings-progress li:not(:last-child)::after{min-width:8px;margin:0 6px}
}
/* Mobile (dépannage) : l'en-tête, qui occupe près de la moitié de l'écran à 375 px, n'est plus fixe ; il défile avec la page. */
@media(max-width:700px){.site-header{position:static}}