/* MyPharma — feuille de style unique (aucune ressource externe : polices du système, icônes en sprite intégrée).
   Organisation : 1 variables (thèmes clair et sombre) · 2 base · 3 coque (menu, barre du haut) · 4 composants · 5 pages. */

/* ===== 1. Variables ============================================================================== */
:root{
  color-scheme:light;
  --font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --radius:10px;--radius-sm:8px;--radius-lg:18px;
  --bg:#f7f7f8;--surface:#fff;--surface-2:#f6f6f7;--surface-3:#ececef;
  --ink:#18181b;--muted:#6b7280;--faint:#9ca3af;
  --border:#e6e6e9;--border-strong:#d4d4d9;
  --primary:#2563eb;--primary-hover:#1d4ed8;--on-primary:#fff;--primary-soft:#eff6ff;--primary-ink:#1d4ed8;
  --nav-bg:#fff;--nav-ink:#52525b;--nav-strong:#18181b;--nav-muted:#9ca3af;--nav-hover:#f4f4f5;--nav-active:#f0f0f2;--nav-border:#e6e6e9;
  --focus:#f59e0b;
  --ok:#15803d;--ok-bg:#f0fdf4;--ok-border:#bbf7d0;--solid-ok:#16a34a;
  --warn:#b45309;--warn-bg:#fffbeb;--warn-border:#fde68a;--solid-warn:#f59e0b;
  --bad:#b91c1c;--bad-ink:#991b1b;--bad-bg:#fef2f2;--bad-border:#fecaca;--solid-bad:#dc2626;
  --info-bg:#eff6ff;
  --shadow-sm:0 1px 2px rgba(24,24,27,.04);--shadow-md:0 10px 28px rgba(24,24,27,.08);
  --chart-n:var(--primary);--chart-n1:#9aa3b2;
  --donut-0:#2f7de1;--donut-1:#1fa971;--donut-2:#ef8a1f;--donut-3:#7c4dd6;--donut-4:#16a5b8;--donut-5:#d6528a;--donut-6:#a5773f;--donut-7:#8593a3;
  --dot:#fff;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#0a0a0c;--surface:#141417;--surface-2:#1a1a1e;--surface-3:#222226;
    --ink:#f2f2f3;--muted:#a3a3ab;--faint:#71717a;
    --border:#27272b;--border-strong:#3a3a40;
    --primary:#5b9bf5;--primary-hover:#7fb1f7;--on-primary:#0a1424;--primary-soft:#16243d;--primary-ink:#8fbaf9;
    --nav-bg:#141417;--nav-ink:#c2c2c9;--nav-strong:#f7f7f8;--nav-muted:#84848c;--nav-hover:#1d1d22;--nav-active:#232328;--nav-border:#27272b;
    --focus:#f5b400;
    --ok:#4ade80;--ok-bg:#102417;--ok-border:#1e4a2c;--solid-ok:#22c55e;
    --warn:#fbbf24;--warn-bg:#2c2208;--warn-border:#55430f;--solid-warn:#f59e0b;
    --bad:#f87171;--bad-ink:#fca5a5;--bad-bg:#2b1313;--bad-border:#5c2020;--solid-bad:#ef4444;
    --info-bg:#101d33;
    --shadow-sm:0 1px 2px rgba(0,0,0,.5);--shadow-md:0 14px 34px rgba(0,0,0,.5);
    --chart-n1:#82899a;
    --donut-0:#5aa5ee;--donut-1:#3cc593;--donut-2:#f4a54d;--donut-3:#a284ea;--donut-4:#3dc3d4;--donut-5:#e786b1;--donut-6:#cf9e63;--donut-7:#a1b0c0;
    --dot:#141417;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0a0a0c;--surface:#141417;--surface-2:#1a1a1e;--surface-3:#222226;
  --ink:#f2f2f3;--muted:#a3a3ab;--faint:#71717a;
  --border:#27272b;--border-strong:#3a3a40;
  --primary:#5b9bf5;--primary-hover:#7fb1f7;--on-primary:#0a1424;--primary-soft:#16243d;--primary-ink:#8fbaf9;
  --nav-bg:#141417;--nav-ink:#c2c2c9;--nav-strong:#f7f7f8;--nav-muted:#84848c;--nav-hover:#1d1d22;--nav-active:#232328;--nav-border:#27272b;
  --focus:#f5b400;
  --ok:#4ade80;--ok-bg:#102417;--ok-border:#1e4a2c;--solid-ok:#22c55e;
  --warn:#fbbf24;--warn-bg:#2c2208;--warn-border:#55430f;--solid-warn:#f59e0b;
  --bad:#f87171;--bad-ink:#fca5a5;--bad-bg:#2b1313;--bad-border:#5c2020;--solid-bad:#ef4444;
  --info-bg:#101d33;
  --shadow-sm:0 1px 2px rgba(0,0,0,.5);--shadow-md:0 14px 34px rgba(0,0,0,.5);
  --chart-n1:#82899a;
  --donut-0:#5aa5ee;--donut-1:#3cc593;--donut-2:#f4a54d;--donut-3:#a284ea;--donut-4:#3dc3d4;--donut-5:#e786b1;--donut-6:#cf9e63;--donut-7:#a1b0c0;
  --dot:#141417;
}

/* ===== 2. Base =================================================================================== */
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--ink);font:0.9375rem/1.55 var(--font);-webkit-font-smoothing:antialiased;transition:background-color .18s ease,color .18s ease}
h1,h2,h3,h4{line-height:1.25;letter-spacing:-.01em}
a{color:var(--primary);text-underline-offset:2px}
a:hover{color:var(--primary-hover)}
a,button,input,select,textarea,summary{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
small{color:var(--muted)}
hr{border:0;border-top:1px solid var(--border)}
.skip-link{position:absolute;left:1rem;top:-5rem;z-index:100;background:var(--surface);color:var(--ink);padding:.75rem 1rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}
.skip-link:focus{top:1rem}
.visually-hidden,.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.icon{width:1.2em;height:1.2em;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.eyebrow{color:var(--muted);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.narrow{max-width:48rem}
.num{text-align:right;font-variant-numeric:tabular-nums}

/* ===== 3. Coque : menu latéral, barre du haut ==================================================== */
.app-shell{display:grid;grid-template-columns:16rem minmax(0,1fr);min-height:100vh}
.app-anon{grid-template-columns:minmax(0,1fr)}
.app-main{min-width:0;display:flex;flex-direction:column}
main{flex:1;min-width:0}
main:focus{outline:none}

.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding:1rem .75rem;background:var(--nav-bg);color:var(--nav-ink);border-right:1px solid var(--nav-border);transition:background-color .18s ease,border-color .18s ease}
.sidebar a{color:inherit;text-decoration:none}
.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .5rem}
.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:650;font-size:1.05rem;letter-spacing:-.01em;color:var(--ink);text-decoration:none}
.sidebar .brand{color:var(--nav-strong)}
.brand-mark{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:9px;background:var(--primary);color:var(--on-primary)}
.brand-mark .icon{width:1.2rem;height:1.2rem}
.sidebar .sidebar-close{display:none}

.pharmacy-switch{position:relative;margin:.25rem 0 .5rem}
.pharmacy-switch>summary{list-style:none;display:flex;align-items:center;gap:.6rem;padding:.55rem .6rem;border-radius:var(--radius);background:var(--nav-hover);color:var(--nav-strong);cursor:pointer;border:1px solid var(--nav-border)}
.pharmacy-switch>summary::-webkit-details-marker{display:none}
.pharmacy-switch>summary:hover{background:var(--nav-active)}
.switch-icon{display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:8px;background:var(--surface-3);color:var(--nav-ink)}
.switch-text{display:grid;min-width:0;flex:1}
.switch-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.switch-text small{color:var(--nav-muted);font-size:.75rem}
.switch-chevron{color:var(--nav-muted)}
.switch-list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + .35rem);margin:0;padding:.35rem;list-style:none;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);max-height:60vh;overflow:auto}
.sidebar .switch-list a{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .6rem;border-radius:var(--radius-sm);color:var(--ink)}
.sidebar .switch-list a:hover{background:var(--surface-3)}
.sidebar .switch-list a[aria-current="true"]{font-weight:600;color:var(--primary-ink)}
.switch-all{border-top:1px solid var(--border);margin-top:.25rem;padding-top:.25rem}
.switch-all a{color:var(--muted)!important}

.nav{display:grid;gap:.9rem;margin-top:.25rem}
.nav-heading{margin:0 0 .25rem;padding:0 .6rem;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--nav-muted)}
.nav-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.nav-link{display:flex;align-items:center;gap:.65rem;min-height:2.4rem;padding:.4rem .6rem;border-radius:var(--radius-sm);color:var(--nav-ink);font-weight:500;box-shadow:inset 3px 0 0 transparent;transition:background-color .12s ease,color .12s ease,box-shadow .12s ease}
.nav-link .icon{font-size:1.1rem;color:var(--nav-muted)}
a.nav-link:hover{background:var(--nav-hover);color:var(--nav-strong)}
a.nav-link:hover .icon{color:var(--nav-strong)}
.nav-link[aria-current="page"]{background:var(--nav-active);color:var(--nav-strong);font-weight:650;box-shadow:inset 3px 0 0 var(--primary)}
.nav-link[aria-current="page"] .icon{color:var(--primary)}
.nav-locked{opacity:.65;cursor:not-allowed;justify-content:flex-start}
.nav-locked small{display:block;color:var(--nav-muted);font-size:.6875rem;line-height:1.2}
.nav-locked .nav-lock{margin-left:auto;font-size:.95rem}
.sidebar-backdrop{display:none}
/* Validation du mois écoulé (cabinet, 2026-09-28), sous le choix de la pharmacie. */
.month-validation{display:grid;gap:.35rem;margin:0 0 .75rem;padding-bottom:.75rem;border-bottom:1px solid var(--nav-border)}
.month-validation form{margin:0}
.month-validation-button{width:100%;min-height:2.4rem;padding:.4rem .6rem;font-size:.875rem}
.month-validation-button .icon,.month-validation-state .icon{font-size:1.1rem;flex:none}
.month-validation-note{margin:0;padding:0 .2rem;font-size:.75rem;line-height:1.3;color:var(--nav-muted)}
.month-validation-state{display:flex;align-items:center;gap:.5rem;margin:0;padding:.35rem .6rem;border-radius:var(--radius-sm);background:var(--nav-hover);color:var(--nav-strong);font-weight:600;font-size:.875rem}
.month-validation-state .icon{color:var(--solid-ok)}
.month-validation-undo{padding:0 .6rem;border:0;background:none;color:var(--nav-muted);font-size:.75rem;text-decoration:underline;cursor:pointer}
.month-validation-undo:hover{color:var(--nav-strong)}
/* Menu réduit à ses icônes (écran large) : bouton en bas à droite du menu, choix gardé d'une page à l'autre (shell.js). */
.sidebar-toggle{position:sticky;bottom:0;z-index:1;margin-top:auto;align-self:flex-end;flex:none;color:var(--nav-muted);background:var(--nav-bg)}
.sidebar-toggle:hover{background:var(--nav-hover);color:var(--nav-strong)}
.sidebar-toggle .when-collapsed,:root[data-sidebar="collapsed"] .sidebar-toggle .when-expanded{display:none}
:root[data-sidebar="collapsed"] .sidebar-toggle .when-collapsed{display:inline}
@media (min-width:64em){
  .app-shell{transition:grid-template-columns .18s ease}
  :root[data-sidebar="collapsed"] .app-shell:not(.app-anon){grid-template-columns:4.25rem minmax(0,1fr)}
  :root[data-sidebar="collapsed"] .sidebar{padding:1rem .5rem;overflow-x:hidden}
  :root[data-sidebar="collapsed"] .sidebar-head{justify-content:center;padding:.25rem 0 .5rem}
  :root[data-sidebar="collapsed"] .brand>span:not(.brand-mark),
  :root[data-sidebar="collapsed"] .switch-text,
  :root[data-sidebar="collapsed"] .switch-chevron,
  :root[data-sidebar="collapsed"] .nav-heading,
  :root[data-sidebar="collapsed"] .nav-link>span,
  :root[data-sidebar="collapsed"] .nav-lock{display:none}
  :root[data-sidebar="collapsed"] .pharmacy-switch>summary{justify-content:center;padding:.45rem 0}
  :root[data-sidebar="collapsed"] .switch-list{right:auto;width:16rem}
  :root[data-sidebar="collapsed"] .nav{gap:.5rem}
  :root[data-sidebar="collapsed"] .nav-group+.nav-group{padding-top:.5rem;border-top:1px solid var(--nav-border)}
  :root[data-sidebar="collapsed"] .nav-link{justify-content:center;padding:.4rem 0}
  :root[data-sidebar="collapsed"] .sidebar-toggle{align-self:center}
  :root[data-sidebar="collapsed"] .month-validation-button>span,
  :root[data-sidebar="collapsed"] .month-validation-note,
  :root[data-sidebar="collapsed"] .month-validation-state>span,
  :root[data-sidebar="collapsed"] .month-validation-undo{display:none}
  :root[data-sidebar="collapsed"] .month-validation-button{padding:.4rem 0}
  :root[data-sidebar="collapsed"] .month-validation-state{justify-content:center;padding:.4rem 0}
}
@media (max-width:63.999em){.sidebar-toggle{display:none}}

.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.75rem;min-height:3.5rem;padding:.5rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border);transition:background-color .18s ease,border-color .18s ease}
.topbar .nav-toggle{display:none}
.breadcrumb{min-width:0;flex:1}
.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .1rem;margin:0;padding:0;list-style:none;font-size:.875rem;color:var(--muted)}
.breadcrumb li{display:inline-flex;align-items:center;min-width:0}
.breadcrumb li+li::before{content:"/";margin:0 .45rem;color:var(--faint)}
.breadcrumb a{color:var(--muted);text-decoration:none;max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.breadcrumb a:hover{color:var(--primary);text-decoration:underline}
.breadcrumb [aria-current="page"]{color:var(--ink);font-weight:600}
.topbar-tools{display:flex;align-items:center;gap:.5rem}
.topbar-tools form{margin:0}
.pilot-pill{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;border:1px solid var(--warn-border);background:var(--warn-bg);color:var(--warn);font-size:.75rem;font-weight:600;white-space:nowrap}
/* « Profil testé » (administrateurs) : menu à côté de la pastille pilote. */
.role-preview{position:relative}
.role-preview summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--muted);font-size:.75rem;font-weight:600;white-space:nowrap}
.role-preview summary::-webkit-details-marker{display:none}
.role-preview summary::after{content:"▾";font-size:.7rem}
.role-preview summary:hover{color:var(--ink)}
.role-preview.is-active summary{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-ink)}
.role-preview-menu{position:absolute;z-index:30;right:0;top:calc(100% + .35rem);display:grid;gap:.2rem;width:16rem;padding:.6rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md)}
.role-preview-menu p{margin:0 0 .2rem;font-size:.75rem;color:var(--muted)}
.role-preview-menu button{padding:.4rem .6rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink);font:inherit;font-size:.875rem;text-align:left;cursor:pointer}
.role-preview-menu button:hover{background:var(--surface-3)}
.role-preview-menu button[aria-current]{font-weight:650;background:var(--primary-soft);color:var(--primary-ink)}
.role-preview-menu small{margin-top:.3rem;font-size:.7rem;color:var(--faint);line-height:1.35}
.icon-button{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--muted);cursor:pointer;transition:background-color .12s ease,color .12s ease}
.icon-button:hover{background:var(--surface-3);color:var(--ink)}
.icon-button .icon{font-size:1.25rem}
.theme-toggle .theme-sun{display:none}
:root[data-theme="dark"] .theme-toggle .theme-sun{display:block}
:root[data-theme="dark"] .theme-toggle .theme-moon{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .theme-toggle .theme-sun{display:block}:root:not([data-theme="light"]) .theme-toggle .theme-moon{display:none}}
.user-chip{display:flex;align-items:center;gap:.55rem;padding:.2rem .6rem .2rem .25rem;border-radius:999px;background:var(--surface-3)}
.avatar{display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--primary);color:var(--on-primary);font-weight:600;font-size:.85rem}
.user-meta{display:grid;line-height:1.2;min-width:0}
.user-email{max-width:13rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:500}
.user-meta small{font-size:.6875rem}
.anon-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem}

@media (max-width:63.999em){
  .app-shell{grid-template-columns:minmax(0,1fr)}
  .sidebar{position:fixed;z-index:60;inset:0 auto 0 0;width:min(18rem,86vw);transform:translateX(-102%);transition:transform .2s ease;box-shadow:var(--shadow-md)}
  .app-shell[data-nav="open"] .sidebar{transform:none}
  .sidebar .sidebar-close{display:inline-grid;color:var(--nav-ink)}
  .sidebar .sidebar-close:hover{background:var(--nav-hover);color:#fff}
  .sidebar-backdrop{position:fixed;inset:0;z-index:50;background:rgba(6,16,26,.55)}
  .app-shell[data-nav="open"] .sidebar-backdrop{display:block}
  .topbar .nav-toggle{display:inline-grid}
  .topbar{padding:.5rem 1rem}
  .user-meta{display:none}
}
@media (max-width:41.999em){
  .pilot-pill{display:none}
  .breadcrumb li:not(:last-child){display:none}
  .breadcrumb li+li::before{content:none}
}
@media (prefers-reduced-motion:reduce){
  .app-shell,.sidebar,.topbar,body,.card,.empty,.form-card,.confirm-card,.kpi-card,.kpi-tile,.chart-card,.comment-block,.nav-link,.icon-button,.pill,.badge,.exercise-tabs a,table td{transition:none}
  .kpi-card:hover,.kpi-tile:hover,.chart-card:hover,.comment-block:hover{transform:none}
  .workspace,.page,.auth-panel{animation:none}
}

/* ===== 4. Composants ============================================================================= */
/* Boutons */
.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--primary);text-decoration:none;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s}
.button.primary,.primary{background:var(--primary);color:var(--on-primary)}
.button.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--on-primary)}
.button.secondary,.secondary{background:var(--surface);color:var(--ink);border-color:var(--border-strong)}
.button.secondary:hover{background:var(--surface-3);color:var(--ink)}
.button.danger,.danger{background:var(--solid-bad);border-color:var(--solid-bad);color:#fff}
.button.danger:hover{filter:brightness(1.08);color:#fff}
.button.danger-outline,.danger-outline{background:var(--surface);color:var(--bad-ink);border-color:var(--bad-border)}
.button.danger-outline:hover{background:var(--bad-bg);color:var(--bad-ink)}
.button[disabled]{opacity:.55;cursor:not-allowed}
.actions,.page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.card-actions,.confirm-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.confirm-actions{margin-top:1.25rem;justify-content:flex-end}

/* Formulaires */
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),select,textarea{min-height:44px;padding:.45rem .7rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink)}
input[type="file"]{max-width:100%;padding:.35rem;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink)}
input[type="checkbox"],input[type="radio"]{accent-color:var(--primary)}
input::placeholder{color:var(--faint)}
label{color:var(--ink)}
.field{display:grid;gap:.3rem}
.field[hidden]{display:none}
.field-check label{display:flex;align-items:center;gap:.5rem;font-weight:600}
.field-check input{width:auto;margin:0}
.field-error,.errorlist{color:var(--bad-ink)}
.field-error{margin:.25rem 0 0;font-size:.875rem}
.auth-panel input,.form-card input:not([type="checkbox"]):not([type="hidden"]),.form-card select{width:100%}

/* Cartes, alertes, états vides */
.card,.empty,.form-card,.confirm-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem 1.25rem;box-shadow:var(--shadow-sm);transition:background-color .18s ease,border-color .18s ease,box-shadow .15s ease}
.form-card,.confirm-card{display:grid;gap:1rem;padding:1.5rem}
.confirm-card{margin-top:1rem}
.card h2,.card h3{margin-top:0}
.alert{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;margin:.75rem 0}
.alert.success,.success{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok)}
.alert.error,.error{background:var(--bad-bg);border-color:var(--bad-border);color:var(--bad-ink)}
.alert.warning,.warning{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn)}
.alert.info,.info{background:var(--info-bg);border-color:var(--border)}
.alert a{color:inherit;font-weight:600}
.cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}
.page,.auth-panel{max-width:75rem;margin:0 auto;padding:1.75rem 1.5rem}
.auth-panel{max-width:28rem;margin-top:1.5rem;display:grid;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-md)}
.auth-panel h1{margin:.1rem 0 0;font-size:1.5rem}
.auth-panel p{margin:.15rem 0}
.auth-panel form{display:grid;gap:1rem;background:none;border:0;padding:0}
.page-head h1{margin:.1rem 0 .15rem;font-size:1.6rem}
.page-head p{margin:0;color:var(--muted)}
.archived-section{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}
.archived-card{background:var(--surface-2)}
.badge{display:inline-block;background:var(--primary-soft);color:var(--primary-ink);padding:.15rem .6rem;border-radius:999px;font-size:.8125rem;font-weight:600;transition:background-color .12s ease,color .12s ease}
.badge-to-map{background:var(--solid-bad);color:#fff}
.badge-suggested{background:var(--solid-warn);color:#1a1200}
.badge-confirmed{background:var(--solid-ok);color:#fff}
.badge-to-map,.badge-suggested,.badge-confirmed{font-weight:700}

/* Onglets et exercices */
.workspace .tabs{display:flex;flex-wrap:wrap;gap:.25rem;margin:.75rem 0 1rem;border-bottom:1px solid var(--border)}
.workspace .tabs>*{display:inline-flex;align-items:center;min-height:2.6rem;padding:.4rem 1rem;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--muted);text-decoration:none;font-weight:600}
.workspace .tabs a[href]:hover{color:var(--ink);background:var(--surface-3);border-radius:var(--radius-sm) var(--radius-sm) 0 0}
.workspace .tabs a[aria-current="page"]{color:var(--primary-ink);border-bottom-color:var(--primary)}
.exercise-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.25rem;margin:.75rem 0}
.exercise-bar h2{margin:0;font-size:1.1rem}
.exercise-summary{margin:0;color:var(--muted)}
.workspace .exercise-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0}
.exercise-tabs-label{color:var(--muted);font-size:.8125rem;font-weight:600}
.exercise-tabs a{display:inline-flex;align-items:center;min-height:2.3rem;padding:.25rem 1rem;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--ink);font-weight:600;text-decoration:none;font-variant-numeric:tabular-nums;transition:background-color .12s ease,border-color .12s ease,color .12s ease}
.exercise-tabs a:hover{background:var(--surface-3)}
.exercise-tabs a[aria-current="page"]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}

/* Pastilles d'état */
.pill{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-width:4.9rem;min-height:2.1rem;padding:.15rem .6rem;border-radius:999px;border:1.5px solid var(--border-strong);font-weight:600;font-size:.8125rem;text-decoration:none;cursor:pointer;background:var(--surface);transition:background-color .12s ease,filter .12s ease}
.pill-ok{color:var(--ok);border-color:var(--solid-ok);background:var(--ok-bg)}
.pill-ok:hover{filter:brightness(.96);color:var(--ok)}
.pill-missing{color:var(--bad-ink);border-color:var(--bad-border);background:var(--bad-bg);cursor:default}
a.pill-missing{cursor:pointer}
a.pill-missing:hover{filter:brightness(.97);color:var(--bad-ink)}
.pill-error{color:var(--bad-ink);border-color:var(--solid-bad);background:var(--bad-bg)}
.pill-neutral{color:var(--muted);border-color:var(--border-strong);background:var(--surface-3)}
.pill-attention{color:var(--warn);border-color:var(--warn-border);background:var(--warn-bg)}
a.pill-neutral{cursor:pointer}
a.pill-neutral:hover{background:var(--border);color:var(--ink)}
.pill-mini{min-width:0;min-height:0;padding:0 .5rem;cursor:default;font-size:.75rem}
.status-ok{color:var(--ok)}
.status-ko{color:var(--bad-ink)}

/* Tableaux */
.table-wrap{max-width:100%;overflow-x:auto;margin:1rem 0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
table{width:100%;border-collapse:collapse;background:var(--surface)}
th,td{text-align:left;vertical-align:top;padding:.6rem .75rem;border-bottom:1px solid var(--border)}
th{background:var(--surface-3);color:var(--muted);font-size:.8125rem;font-weight:600}
th[scope="row"]{color:var(--ink);font-size:inherit}
tbody tr:last-child>*{border-bottom:0}
table tbody tr:hover td{background:var(--surface-2)}
table td{transition:background-color .12s ease}
td:first-child{font-variant-numeric:tabular-nums}
.simple-table th,.simple-table td{padding:.5rem .7rem}
.simple-table .total-row th,.simple-table .total-row td{background:var(--surface-3);font-weight:700;color:var(--ink)}
.table-note{margin:.25rem 0 1rem;color:var(--muted);font-size:.875rem}
.row-warning td{background:var(--warn-bg)}
.data-table-wrap{max-width:100%;max-height:calc(100vh - 9rem);overflow:auto;margin:.5rem 0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
.data-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem}
.data-table th,.data-table td{padding:.4rem .55rem;border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle;background:var(--surface)}
.data-table thead th{position:sticky;top:0;z-index:2;background:var(--surface-3)}
.data-table tbody tr:nth-child(even) td{background:var(--surface-2)}
.data-table tbody tr:hover td{background:var(--primary-soft)}
.data-table th:first-child,.data-table td:first-child{position:sticky;left:0;z-index:1;width:var(--col1,6rem);min-width:var(--col1,6rem);max-width:var(--col1,6rem);overflow:hidden;text-overflow:ellipsis}
.data-table thead th:first-child{z-index:3}
.data-table th:nth-child(2),.data-table td:nth-child(2){min-width:11rem;white-space:normal;overflow-wrap:anywhere}
.data-table .num{text-align:right;font-variant-numeric:tabular-nums}
.data-table .num-empty,.num-empty{color:var(--muted)}
@media (min-width:42em){.data-table th:nth-child(2),.data-table td:nth-child(2){position:sticky;left:var(--col1,6rem);z-index:1;width:var(--col2,12.5rem);min-width:var(--col2,12.5rem);box-shadow:2px 0 0 var(--border)}.data-table thead th:nth-child(2){z-index:3}}
@media (max-width:41.999em){.data-table th:nth-child(2),.data-table td:nth-child(2){min-width:9rem}}
.extra-table{--col1:17rem}
.extra-table th:first-child,.extra-table td:first-child{white-space:normal;text-overflow:clip}
.data-table.extra-table th:nth-child(2),.data-table.extra-table td:nth-child(2){position:static;width:auto;min-width:0;white-space:nowrap;overflow-wrap:normal;box-shadow:none}
.data-table.extra-table tbody tr.block-start td{border-top:2px solid var(--border)}
@media (max-width:41.999em){.extra-table{--col1:9rem}}

/* Contrôles de cohérence */
.check-list{list-style:none;margin:.25rem 0 1rem;padding:0;display:grid;gap:.4rem}
.check-item{padding:.5rem .8rem;border:1px solid var(--border);border-left-width:4px;border-radius:var(--radius-sm);background:var(--surface)}
.check-ok{border-left-color:var(--solid-ok)}
.check-fail{border-left-color:var(--solid-bad);background:var(--bad-bg)}

/* ===== 5. Pages ================================================================================== */
@media (prefers-reduced-motion:no-preference){
  .workspace,.page,.auth-panel{animation:mp-rise .32s ease both}
  @keyframes mp-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}
.workspace{width:100%;max-width:120rem;margin:0 auto;padding:1.5rem}
.workspace>section{min-width:0}
.ws-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.1rem 1rem;margin-bottom:.25rem}
.ws-head h1{margin:0;font-size:1.6rem}
.ws-head .eyebrow{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.ws-note{margin:0;color:var(--muted)}
.ws-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin:.35rem 0 0}
.ws-hint{margin:.5rem 0;color:var(--muted);font-size:.9rem}
.workspace h2{font-size:1.15rem}
@media (max-width:41.999em){.workspace,.page,.auth-panel{padding:1rem}.button{width:100%}.topbar-tools .button{width:auto}.actions,.page-head{align-items:stretch;flex-direction:column}}

/* Imports, dépôt groupé, revue du lot */
.tile h3{margin:0 0 .5rem;font-size:1rem}
.tile-status{margin:.5rem 0 0;color:var(--muted);font-size:.875rem}
.import-card h3{margin:0 0 .5rem}
.import-card h4{margin:0 0 .25rem}
.import-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem 2rem}
@media (min-width:64em){.import-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}
.upload-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem 1rem}
.upload-form p{margin:0}
.upload-form .errorlist{flex:1 1 100%;margin:0;padding:0;list-style:none;font-weight:600}
.dropzone-form{display:grid;gap:.75rem;justify-items:start}
.dropzone{position:relative;display:grid;gap:.35rem;justify-items:center;text-align:center;width:100%;padding:2rem 1rem;border:2px dashed var(--primary);border-radius:var(--radius-lg);background:var(--primary-soft);cursor:pointer}
.dropzone span{color:var(--muted);font-size:.9rem}
.dropzone input{position:absolute;inset:0;width:100%;height:100%;min-height:0;opacity:0;cursor:pointer;border:0;padding:0}
.dropzone:focus-within{outline:3px solid var(--focus);outline-offset:2px}
.dropzone:hover,.dropzone-over{border-style:solid;filter:brightness(.98)}
.ref-import{margin:.75rem 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.ref-import>summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.25rem 1rem;min-height:2.75rem;padding:.35rem 1rem;cursor:pointer;font-weight:600}
.ref-import[open]>summary{border-bottom:1px solid var(--border)}
.ref-import>:not(summary){margin-left:1rem;margin-right:1rem}
.ref-import>.upload-form{margin-top:.75rem;margin-bottom:.75rem}
.ref-action{color:var(--primary);font-weight:400;text-decoration:underline}
.entries-table{--col1:13rem}
.entries-table th:first-child,.entries-table td:first-child{white-space:normal;text-overflow:clip;max-width:var(--col1)}
.entries-table .entry-cell{text-align:center;padding:.35rem .3rem}
.entries-table thead .entry-cell{min-width:5.5rem}
.entries-all th,.entries-all td{border-top:2px solid var(--border-strong)}
@media (max-width:41.999em){.entries-table{--col1:9rem}}
.batch-table th[scope="row"]{font-weight:600;overflow-wrap:anywhere;color:var(--ink);font-size:inherit}
.batch-check{text-align:center;width:5rem}
.batch-check input{width:1.3rem;height:1.3rem}
.batch-warning{margin:.4rem 0 0;padding:.4rem .6rem;background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius-sm);color:var(--warn);font-size:.875rem}
.batch-detail>td{background:var(--surface-2);padding:.25rem .75rem}
.batch-detail summary{cursor:pointer;color:var(--primary);font-size:.9rem;min-height:2.25rem;display:flex;align-items:center}
.batch-detail h4{margin:.75rem 0 .25rem}
.batch-refused td,.batch-scanned td,.batch-checks_failed td{background:var(--bad-bg)}
.manual-form{display:grid;gap:.75rem;justify-items:start}
.manual-form>div{display:grid;gap:.25rem;width:100%;max-width:24rem}
.manual-form input{max-width:24rem}
.manual-form .table-wrap{width:100%;max-width:34rem}
.manual-form .table-wrap input{width:100%;max-width:none}
.manual-form label{font-size:.9rem}
.manual-form .errorlist{margin:0;padding:0;list-style:none;font-size:.875rem}

/* Paramètres : mapping des comptes, natures, comptes des écritures */
.mapping-summary{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem 1rem;margin:.75rem 0;padding:0}
.mapping-summary-item{display:flex;align-items:center;gap:.5rem}
.mapping-family-select,.mapping-subfamily-select{min-height:2.5rem;padding:.4rem;width:12rem;max-width:100%}
.mapping-wrap{max-height:calc(100vh - 12rem)}
.mapping-table .mapping-family-select,.mapping-table .mapping-subfamily-select{width:100%;min-width:11rem}
@media (min-width:42em){.mapping-table select{min-height:2.25rem}}
.mapping-confirm-all{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem 1.5rem;margin:.5rem 0 1rem}
.mapping-confirm-all .ws-hint{flex:1 1 24rem;margin:0}
.mapping-toolbar .mapping-summary{margin:0}
.mapping-toolbar .alert{margin:0;padding:.2rem .75rem}
.mapping-toolbar-action{margin-left:auto}
.mapping-toolbar .button{min-height:2.4rem;padding:.3rem 1rem}
.mapping-filter{display:inline-flex;align-items:center;gap:.4rem;min-height:2.25rem;padding:.15rem .75rem;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--ink);cursor:pointer}
.mapping-filter:hover{background:var(--surface-3)}
.mapping-filter[aria-pressed="true"]{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:var(--primary-soft);font-weight:600}
.mapping-filter-note{margin:.25rem 0 .5rem;padding:.4rem .75rem;background:var(--primary-soft);border:1px solid var(--border);border-radius:var(--radius-sm)}
.mapping-table tbody tr:nth-child(even) td{background:var(--surface)}
.mapping-table tbody tr.is-even td{background:var(--surface-2)}
.mapping-table tbody tr:hover td{background:var(--primary-soft)}
.natures-form select{max-width:100%;min-height:2.4rem}
/* Paramètres › Général : une carte, un réglage par ligne (libellé et aide à gauche, champ et bouton à droite). */
.settings-list{max-width:52rem;padding:0 1.25rem}
.setting-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;padding:.85rem 0;margin:0}
.setting-row+.setting-row{border-top:1px solid var(--border)}
.setting-text{flex:1 1 16rem;min-width:0}
.setting-text label,.setting-label{display:block;font-weight:600}
.setting-warn{margin:.15rem 0 0;color:var(--warn);font-size:.85rem;font-weight:600}
.field-help{margin:.25rem 0 .5rem;font-size:.85rem}
.field-help>summary{cursor:pointer;color:var(--primary-ink);font-weight:600;width:max-content}
.field-help>p{margin:.4rem 0 0}
.setting-control{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem}
.setting-control input,.setting-control select{width:14rem;max-width:100%;min-height:2.4rem}
.setting-control .button{width:auto;min-height:2.4rem;padding:.3rem .9rem}
.setting-saved,.setting-error{font-size:.85rem;font-weight:600}
.setting-saved{color:var(--ok)}
.setting-error{color:var(--bad)}
@media (max-width:41.999em){.setting-control{flex:1 1 100%;justify-content:stretch}.setting-control input,.setting-control select{flex:1 1 8rem;width:auto;min-width:0}.setting-saved,.setting-error{flex:1 1 100%}}
.accounts-table{table-layout:fixed}
.accounts-table th:first-child{width:46%}
.accounts-table th:nth-child(2){width:30%}
.accounts-table input{width:100%;max-width:14rem;min-height:2.4rem}
.danger-zone{border-color:var(--bad-border)}
.confirmation-value{font-weight:700}

/* Reporting : bandeau de période, cartes d'indicateurs, graphiques, commentaires */
.period-banner{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem 1rem;margin:.75rem 0;padding:.9rem 1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.period-field{display:grid;gap:.2rem;min-width:11rem}
.period-field-wide{flex:1 1 22rem}
.period-field label{font-size:.8125rem;color:var(--muted)}
.period-field select{width:100%}
.period-banner .button{width:auto}
.period-note{margin:.25rem 0 .75rem}
.kpi-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,24rem),1fr));align-items:start;margin:.75rem 0}
.kpi-grid-single{grid-template-columns:minmax(0,46rem)}
.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem 1.25rem;display:grid;gap:.5rem;min-width:0;box-shadow:var(--shadow-sm);transition:background-color .18s ease,border-color .18s ease,box-shadow .15s ease,transform .15s ease}
.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.kpi-card h2{margin:0;font-size:.95rem;font-weight:600;color:var(--muted)}
.kpi-value{margin:0;font-size:2rem;font-weight:650;line-height:1.15;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.kpi-caption{margin:0;color:var(--muted);font-size:.875rem}
.kpi-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.5rem 1rem;margin:0}
.kpi-compare div{min-width:0}
.kpi-compare dt{color:var(--muted);font-size:.8125rem}
.kpi-compare dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600}
.kpi-compare dd.tone-good{color:var(--ok)}
.kpi-compare dd.tone-bad{color:var(--bad)}
.kpi-alert{margin:0;padding:.4rem .75rem;font-size:.875rem}
.kpi-warning{background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius-sm);color:var(--warn);padding:.4rem .75rem;font-size:.875rem}
.kpi-warning summary{cursor:pointer}
.kpi-warning ul{margin:.4rem 0;padding-left:1.1rem}
.kpi-values summary{cursor:pointer;font-size:.875rem;color:var(--primary)}
.kpi-chart{margin:.25rem 0 0;max-width:40rem}
.chart{width:100%;height:auto;display:block}
.chart-grid{stroke:var(--border);stroke-width:1}
.chart-zero{stroke:var(--muted)}
.chart-axis{fill:var(--muted);font-size:11px}
.chart-line{fill:none;stroke-width:2.5}
.chart-n{stroke:var(--chart-n)}
.chart-n1{stroke:var(--chart-n1)}
.chart-proj{stroke:var(--chart-n);opacity:.65}
.chart-dot.chart-n{fill:var(--chart-n)}
.chart-dot.chart-n1{fill:var(--chart-n1)}
.chart-dot.chart-proj{fill:var(--chart-n)}
.chart-hit{cursor:pointer}
.chart-legend{display:flex;flex-wrap:wrap;gap:.25rem 1rem;font-size:.8125rem;color:var(--muted)}
.chart-legend span::before{content:"";display:inline-block;width:1.4rem;border-top:3px solid;margin-right:.35rem;vertical-align:middle}
.legend-n{color:var(--chart-n)}
.legend-n1{color:var(--chart-n1)}
.legend-proj{color:var(--chart-n)}
.legend-proj::before{border-top-style:dashed!important}
.group-table{margin:1rem 0}
.group-table h2{margin:0 0 .5rem;font-size:1.1rem}
.group-table th[scope="row"]{text-align:left;font-weight:600}
.comments-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));margin:1rem 0}
.comment-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem 1.25rem;box-shadow:var(--shadow-sm);transition:background-color .18s ease,border-color .18s ease,box-shadow .15s ease,transform .15s ease}
.comment-block:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.comment-block h2{margin:0 0 .5rem;font-size:1.1rem}
.comment-block ul{margin:0;padding-left:1.1rem;display:grid;gap:.4rem}

/* Reporting : tuiles compactes, courbe + anneau par taux, filtre */
.kpi-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:.75rem;margin:.75rem 0}
/* Tuile : quatre rangées (titre + période, valeur, écart, comparaison) alignées d'une tuile à l'autre grâce à subgrid. */
.kpi-tile{position:relative;display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:.45rem;min-width:0;padding:.85rem 1rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);container-type:inline-size;transition:background-color .18s ease,border-color .18s ease,box-shadow .15s ease,transform .15s ease}
@supports not (grid-template-rows:subgrid){.kpi-tile{grid-row:auto;grid-template-rows:auto 1fr auto auto}}
.kpi-tile:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
/* En-tête : titre (et icône d'avertissement à droite) sur la première ligne, période analysée toujours dessous. */
.tile-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.35rem .5rem}
.kpi-tile h2{grid-column:1;grid-row:1;min-width:0;margin:0;font-size:.85rem;font-weight:600;color:var(--ink);line-height:1.3}
.tile-period{grid-column:1 / -1;grid-row:2;justify-self:start;margin:0;padding:.1rem .5rem;font-size:.7rem;font-weight:550;line-height:1.45;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;white-space:nowrap;font-variant-numeric:tabular-nums}
.tile-head .tile-alert{grid-column:2;grid-row:1}
.kpi-tile .kpi-value{align-self:center;padding:.3rem 0 .1rem;text-align:center;font-size:clamp(1.3rem,12cqi,1.9rem);white-space:nowrap}
/* Tuiles sur une seule ligne quand elles tiennent ; sinon réparties à parts égales sur deux lignes (6 tuiles : 3 + 3, 7 : 4 + 3),
   puis en grille libre si même deux lignes sont trop larges. `data-n` = nombre de tuiles ; 10,5 rem = largeur minimale d'une tuile. */
.kpi-tiles-wrap{container-type:inline-size}
.kpi-tiles{grid-template-columns:repeat(var(--n,5),minmax(0,1fr))}
.kpi-tiles[data-n="2"]{--n:2}
@container (max-width:21.75rem){.kpi-tiles[data-n="2"]{--n:1}}
.kpi-tiles[data-n="3"]{--n:3}
@container (max-width:33rem){.kpi-tiles[data-n="3"]{--n:2}}
@container (max-width:21.75rem){.kpi-tiles[data-n="3"]{grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr))}}
.kpi-tiles[data-n="4"]{--n:4}
@container (max-width:44.25rem){.kpi-tiles[data-n="4"]{--n:2}}
@container (max-width:21.75rem){.kpi-tiles[data-n="4"]{grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr))}}
.kpi-tiles[data-n="5"]{--n:5}
@container (max-width:55.5rem){.kpi-tiles[data-n="5"]{--n:3}}
@container (max-width:33rem){.kpi-tiles[data-n="5"]{grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr))}}
.kpi-tiles[data-n="6"]{--n:6}
@container (max-width:66.75rem){.kpi-tiles[data-n="6"]{--n:3}}
@container (max-width:33rem){.kpi-tiles[data-n="6"]{grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr))}}
.kpi-tiles[data-n="7"]{--n:7}
@container (max-width:78rem){.kpi-tiles[data-n="7"]{--n:4}}
@container (max-width:44.25rem){.kpi-tiles[data-n="7"]{grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr))}}
.kpi-tiles[data-n="8"]{--n:8}
@container (max-width:89.25rem){.kpi-tiles[data-n="8"]{--n:4}}
@container (max-width:44.25rem){.kpi-tiles[data-n="8"]{grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr))}}
.tile-delta{margin:0;font-size:.8125rem;font-variant-numeric:tabular-nums;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 .4rem}
.delta-value{display:inline-flex;align-items:center;gap:.2rem;font-weight:650;padding:.1rem .55rem;border-radius:999px;transition:background-color .12s ease,color .12s ease}
.delta-versus{color:var(--muted);font-weight:400}
.tone-good .delta-value{color:var(--ok);background:var(--ok-bg)}
.tone-bad .delta-value{color:var(--bad);background:var(--bad-bg)}
.tone-neutral .delta-value{color:var(--muted);background:var(--surface-3)}
.tile-foot{padding-top:.5rem;border-top:1px solid var(--border);text-align:center}
.tile-versus{margin:0;font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}
.tile-note{margin:.15rem 0 0;font-size:.75rem;color:var(--faint)}
.tile-alert summary{list-style:none;cursor:pointer;display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;margin:-.25rem -.4rem 0 0;border-radius:var(--radius-sm);color:var(--warn)}
.tile-alert summary::-webkit-details-marker{display:none}
.tile-alert summary:hover{background:var(--warn-bg)}
.tile-alert .icon{width:1.1rem;height:1.1rem}
.tile-alert-body{position:absolute;z-index:6;left:0;top:100%;width:min(22rem,calc(100vw - 2rem));margin-top:.25rem;padding:.6rem .8rem;background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius-sm);color:var(--warn);font-size:.8125rem;box-shadow:var(--shadow-md)}
.tile-alert-body p{margin:0 0 .4rem}
.tile-alert-body ul{margin:.2rem 0;padding-left:1.1rem}
.kpi-tile:nth-last-child(-n+2) .tile-alert-body{left:auto;right:0}
.chart-row{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr);margin:1rem 0;align-items:stretch}
@media (min-width:64em){.chart-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.chart-card{min-width:0;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:background-color .18s ease,border-color .18s ease,box-shadow .15s ease,transform .15s ease}
.chart-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.chart-card h2{margin:0 0 .5rem;font-size:1.05rem}
.chart-card .kpi-chart{max-width:none}
.empty-inline{margin:0;color:var(--muted)}
.rate-panel-body{flex:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 1.25rem}
.donut-wrap{flex:0 1 14rem;min-width:9rem}
.donut{width:100%;height:auto;display:block}
.donut-track{stroke:var(--surface-3)}
.donut-slice{transition:opacity .15s}
.donut-slice.is-dim{opacity:.22}
.donut-slice.is-link:hover{opacity:.8}
.donut-link{cursor:pointer;outline-offset:-2px}
.donut-link:focus-visible{outline:3px solid var(--focus)}
.donut-center-label{fill:var(--muted);font-size:11px}
.donut-center-value{fill:var(--ink);font-size:15px;font-weight:700}
.donut-c0{stroke:var(--donut-0)}.donut-c1{stroke:var(--donut-1)}.donut-c2{stroke:var(--donut-2)}.donut-c3{stroke:var(--donut-3)}
.donut-c4{stroke:var(--donut-4)}.donut-c5{stroke:var(--donut-5)}.donut-c6{stroke:var(--donut-6)}.donut-c7{stroke:var(--donut-7)}
.rate-legend{flex:1 1 14rem;min-width:0;list-style:none;margin:0;padding:0;display:grid;font-size:.875rem}
.rate-row{border-bottom:1px solid var(--border)}
.rate-row:last-child{border-bottom:0}
.rate-row.is-dim{opacity:.5}
.rate-row.is-dim:hover{opacity:1}
.rate-toggle,.rate-static{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:3rem;padding:.4rem .3rem;border-radius:var(--radius-sm);text-decoration:none;transition:background-color .12s ease}
.rate-toggle{color:inherit;cursor:pointer}
.rate-toggle:hover{background:var(--surface-2);text-decoration:none}
.rate-toggle[aria-current="true"] .rate-amount{color:var(--primary-ink)}
.rate-row-main{display:grid;gap:.15rem;min-width:0}
.rate-label{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rate-amount{font-size:1rem;font-weight:650;color:var(--ink);text-align:left}
.rate-share{font-size:.8125rem;color:var(--muted);white-space:nowrap;flex:none}
.swatch{display:inline-block;width:.7rem;height:.7rem;border-radius:999px;flex:none}
.swatch.donut-c0{background:var(--donut-0)}.swatch.donut-c1{background:var(--donut-1)}.swatch.donut-c2{background:var(--donut-2)}.swatch.donut-c3{background:var(--donut-3)}
.swatch.donut-c4{background:var(--donut-4)}.swatch.donut-c5{background:var(--donut-5)}.swatch.donut-c6{background:var(--donut-6)}.swatch.donut-c7{background:var(--donut-7)}
.rate-hint{margin:.6rem 0 0;font-size:.8125rem;color:var(--muted)}
.filter-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin:.5rem 0;padding:.6rem .9rem;background:var(--info-bg);border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem}
.filter-bar .button{width:auto}
.detail-table{margin:.5rem 0 1rem}
.chart-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,26rem),1fr));margin:1rem 0;align-items:start}
.kpi-formulas{margin:1rem 0}
.kpi-formulas h2{margin:0 0 .5rem;font-size:1.1rem}
.kpi-formula-table th[scope="row"]{width:22%;text-align:left;vertical-align:top}
.kpi-formula-table td{vertical-align:top}
.kpi-formula-table td.num{text-align:right;white-space:nowrap}
.formula-text,.formula-input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem}
.formula-input{width:100%;min-height:6rem;padding:.6rem .75rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink)}
.kpi-edit-form fieldset.card{margin:1rem 0}
.kpi-edit-form legend{font-weight:600;padding:0 .4rem}
.criteria-table select,.criteria-table input[type="text"],.criteria-table input:not([type]){width:100%;min-width:9rem}
.preview-panel{margin:1rem 0}
.kpi-reset-form{margin:1rem 0}
/* Accueil d'une pharmacie */
.home-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));margin:1rem 0;align-items:start}
.home-grid .card h2{margin:0 0 .5rem;font-size:1.1rem}
.home-progress{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:.25rem 0 .75rem}
.home-progress progress{width:min(100%,14rem);height:.6rem;accent-color:var(--solid-ok)}
.checklist{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.check-item{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;padding:.6rem .8rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);transition:background-color .12s ease,border-color .12s ease}
.check-item:hover{background:var(--surface-3)}
.check-icon{display:inline-grid;place-items:center;flex:none;width:2.1rem;height:2.1rem;border-radius:var(--radius-sm);background:var(--surface)}
.check-icon .icon{width:1.25rem;height:1.25rem;display:block}
.state-done .check-icon{color:var(--ok)}
.state-missing .check-icon{color:var(--bad-ink)}
.state-attention .check-icon{color:var(--warn)}
.state-neutral .check-icon{color:var(--muted)}
.state-missing{border-color:var(--bad-border)}
.state-attention{border-color:var(--warn-border)}
.check-text{display:grid;gap:.1rem;min-width:0}
.check-text small{color:var(--muted)}
.check-action{width:auto;white-space:nowrap}
.coverage-table td.is-current a{box-shadow:0 0 0 2px var(--primary)}
.coverage-table td.is-current{background:var(--primary-soft)}
.home-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}
.home-actions .button{width:auto;display:inline-flex;align-items:center;gap:.4rem}
@media (max-width:41.999em){.check-item{grid-template-columns:auto 1fr}.check-action{grid-column:1 / -1}}
/* Vue de toutes les pharmacies */
.portfolio-summary{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;margin:.75rem 0;padding:0}
.portfolio-summary li{padding:.35rem .8rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.875rem}
.portfolio-summary li.state-ok{border-color:var(--solid-ok);color:var(--ok);background:var(--ok-bg)}
.portfolio-summary li.state-warn{border-color:var(--warn-border);color:var(--warn);background:var(--warn-bg)}
.portfolio-status{display:grid;gap:.5rem}
.portfolio-line{display:flex;gap:.5rem;align-items:flex-start;margin:0;font-size:.875rem}
.portfolio-line .icon{width:1.1rem;height:1.1rem;flex:none;margin-top:.1rem}
.portfolio-line.state-missing{color:var(--bad-ink)}
.portfolio-line.state-attention{color:var(--warn)}
.portfolio-line.state-done{color:var(--ok)}
.portfolio-line.state-neutral{color:var(--muted)}
.mini-kpis{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem}
.mini-kpi{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .5rem;margin:0;font-variant-numeric:tabular-nums}
.mini-kpi-label{color:var(--muted);font-size:.8125rem}
.mini-kpi strong{font-size:1.05rem}
.mini-kpi-delta{font-size:.8125rem;font-weight:600}
.mini-kpi.tone-good .mini-kpi-delta{color:var(--ok)}
.mini-kpi.tone-bad .mini-kpi-delta{color:var(--bad)}
.mini-kpi.tone-neutral .mini-kpi-delta{color:var(--muted)}
.pcg-table td.num,.pcg-table th.num{white-space:nowrap}
.pcg-detail>td{padding:.25rem .75rem .75rem;background:var(--surface-2)}
.pcg-detail h3{margin:.75rem 0 .25rem;font-size:.95rem}
.pcg-rules{margin:1rem 0}
.pcg-rules summary{cursor:pointer}
td.tone-good{color:var(--ok)}
td.tone-bad{color:var(--bad)}
.detail-table>summary{cursor:pointer;color:var(--primary);font-size:.875rem;padding:.25rem 0}

/* Liste des pharmacies */
.pharmacy-card{display:grid;gap:.9rem;align-content:start}
.pharmacy-card-head{display:flex;align-items:center;gap:.8rem}
.pharmacy-card-head h2,.pharmacy-card-head h3{margin:0;font-size:1.05rem}
.pharmacy-card-mark{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:var(--radius);background:var(--primary-soft);color:var(--primary-ink)}
.pharmacy-card-mark .icon{width:1.4rem;height:1.4rem}
.pharmacy-card p{margin:0;color:var(--muted);font-size:.875rem}

/* Portefeuille en lignes (tableau) et comptes */
.portfolio-table td,.portfolio-table th{vertical-align:top}
.portfolio-row-name{display:flex;align-items:center;gap:.6rem}
.portfolio-row-name .pharmacy-card-mark{width:2.1rem;height:2.1rem;flex:none}
.portfolio-row-name .pharmacy-card-mark .icon{width:1.1rem;height:1.1rem}
.portfolio-table .mini-kpis{gap:.3rem 1rem}
.portfolio-row-actions{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.portfolio-row-actions form{display:inline}
.row-muted{opacity:.6}
.temp-password{display:inline-block;font-size:1.4rem;letter-spacing:.05em;padding:.5rem 1rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);user-select:all}

/* Taux et comptes : tableau taux x rubriques, listes déroulantes de comptes */
.rate-accounts-form .card { margin-block: .75rem; padding: .9rem 1.1rem; }
.rate-accounts-form .card h2, .review-panel h2 { margin: 0 0 .5rem; font-size: 1rem; }
.rate-grid th, .rate-grid td { vertical-align: top; }
.rate-grid tbody th { white-space: nowrap; }
.rate-grid .col-root { display: block; font-weight: 400; color: var(--muted); }
.rate-grid td { min-width: 7.5rem; }
/* Case du tableau : liste(s) déroulante(s) du ou des comptes retenus, et « ＋ » discret pour en ajouter un. */
.cell-selects { display: grid; gap: .3rem; }
.cell-selects select { width: 100%; max-width: 17rem; padding: .25rem .4rem; font-size: .85rem; }
.cell-selects .cell-add-more { width: 2.8rem; min-width: 0; padding: .1rem .3rem; color: var(--muted); border-style: dashed; }
.unrated-list { list-style: none; margin: 0; padding: 0; font-size: 0.9rem; }
.rate-grid .row-unrated th, .rate-grid .row-unrated td { background: var(--surface-2); }
.method-panel .confirm-actions { margin-top: 1rem; }
.badge-new { font-size: 0.75rem; padding: 0.05rem 0.4rem; border-radius: 999px; background: var(--surface-3); color: var(--ink); }

/* Saisie manuelle : formulaire à gauche, PDF déposé à droite */
.manual-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; align-items: start; }
.pdf-frame { width: 100%; height: 70vh; min-height: 24rem; border: 1px solid var(--border); border-radius: 0.5rem; background: var(--surface); }
@media (min-width: 70em) {
  .manual-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .pdf-side { position: sticky; top: 1rem; }
  .pdf-frame { height: 85vh; }
}
.batch-manual { margin: 0.4rem 0 0; }
.batch-manual .button { margin-inline: 0.15rem; padding: 0.15rem 0.6rem; font-size: 0.85rem; }

/* Imports : Comptabilité et Documents côte à côte, encadrés compacts */
.import-panels { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.75rem 1.25rem; align-items: start; }
@media (min-width: 64em) { .import-panels-two { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.import-panels h2 { font-size: 1.05rem; margin: 0.25rem 0 0.4rem; }
.import-panels .import-card { padding: 0.75rem 1rem; }
.import-panels .import-card h3 { font-size: 0.95rem; margin: 0 0 0.35rem; }
.import-panels .import-grid { gap: 0.5rem 1rem; }
.import-panels .dropzone { padding: 0.85rem 1rem; }
.import-panels .dropzone-form { gap: 0.5rem; }
/* Onglet Documents (Imports + Récapitulatif + Écritures réunis) : dépôts, tableau unique, historique replié. */
.deposit { display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem 1.25rem; align-items: start; margin: .5rem 0 1rem; }
@media (min-width: 64em) { .deposit-two { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } }
.deposit-card { padding: .8rem 1rem; }
.deposit-card h3 { font-size: .95rem; margin: 0 0 .5rem; }
.deposit .dropzone { padding: .85rem 1rem; }
.deposit-actions { display: flex; flex-wrap: wrap; gap: .5rem; align-items: flex-start; }
.manual-menu { position: relative; }
.manual-menu > summary { list-style: none; cursor: pointer; }
.manual-menu > summary::-webkit-details-marker { display: none; }
.manual-menu ul { position: absolute; z-index: 20; left: 0; top: calc(100% + .3rem); min-width: 15rem; margin: 0; padding: .35rem; list-style: none; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-md); }
.manual-menu a { display: block; padding: .4rem .6rem; border-radius: var(--radius-sm); color: var(--ink); text-decoration: none; }
.manual-menu a:hover { background: var(--surface-3); }
/* Une pastille par case, de largeur fixe : les icônes s'alignent d'une ligne à l'autre. */
.documents-table .doc-cell { display: inline-flex; justify-content: center; }
.documents-table .doc-cell > .pill-mini { width: 2.1rem; min-width: 0; padding: 0; }
.documents-table .doc-cell > .pill-neutral, .documents-table .doc-cell > .pill-attention { width: auto; padding: 0 .45rem; }
a.pill-attention:hover { filter: brightness(.97); color: var(--warn); }
/* Documents transmis par le pharmacien, à vérifier (2026-10-01). */
.review-card { margin: 0 0 1rem; border-color: var(--warn-border); }
.review-card h2 { font-size: 1.05rem; margin: 0 0 .3rem; }
.review-actions { white-space: nowrap; }
.review-actions form { display: inline; margin-left: .35rem; }
.documents-table thead .entry-cell { min-width: 4.6rem; }
.copy-icon { display: inline-grid; place-items: center; width: 1.7rem; height: 1.7rem; padding: 0; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); color: var(--muted); cursor: pointer; font: inherit; font-size: .85rem; line-height: 1; }
.copy-icon:hover { border-color: var(--border-strong); color: var(--ink); }
.copy-icon.pill-error { color: var(--bad); border-color: var(--bad-border); }
.row-note { color: var(--muted); font-weight: 400; font-size: .75rem; }
.history { margin-top: 1rem; padding: .6rem .9rem; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); }
.history > summary { cursor: pointer; font-weight: 600; }
.history-count { margin-left: .35rem; padding: 0 .45rem; border-radius: 999px; background: var(--surface-3); color: var(--muted); font-size: .75rem; font-weight: 600; }
.history h3 { font-size: .95rem; margin: 1rem 0 .4rem; }
.identity-reset { margin-top: .75rem; }
/* Détail d'un document : écriture et valeurs à gauche, PDF à droite sur grand écran. */
.detail-origin { color: var(--muted); margin: .25rem 0 .75rem; }
.detail-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem 1.25rem; align-items: start; }
/* Le PDF en pleine largeur au-dessus de l'écriture (retour de Lucas : côte à côte, il était trop petit). */
.detail-main { display: grid; gap: 1rem; min-width: 0; }
.detail-entry-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 1rem; margin-bottom: .5rem; }
.detail-entry-head h2 { margin: 0; font-size: 1.05rem; }
.detail-entry .simple-table { font-size: .85rem; }
.detail-entry .simple-table th, .detail-entry .simple-table td { white-space: nowrap; padding-inline: .45rem; }
.detail-values > summary { cursor: pointer; font-weight: 600; }
.detail-pdf .pdf-frame { height: calc(100vh - 9rem); min-height: 34rem; }
.detail-no-pdf { display: grid; gap: .6rem; justify-items: start; }
.import-help { margin-top: 0.5rem; }
.import-help summary { cursor: pointer; font-size: 0.9rem; }

.sort-link{color:inherit;text-decoration:none;white-space:nowrap}
.sort-link:hover{color:var(--primary);text-decoration:underline}

/* Cartes de répartition (rentabilité) : libellé, période, écart N-1, part */
.top-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,34rem),1fr));gap:1rem;margin:1rem 0;align-items:start}
.top-card{padding:1.25rem 1.25rem 1rem}
.top-card h2{margin:0 0 1rem;text-align:center;font-size:1.15rem}
.top-list{list-style:none;margin:0;padding:0}
.top-head,.top-row{display:grid;grid-template-columns:minmax(0,1fr) 5.5rem 9.5rem 3.6rem;align-items:center;gap:.5rem}
.top-head{padding:0 .6rem .5rem;border-bottom:1px solid var(--border);color:var(--muted);font-size:.8rem;font-weight:650;text-align:right}
.top-head span:first-child{text-align:left}
.top-row{padding:.6rem;font-size:.9rem;border-radius:var(--radius-sm)}
.top-list>li+li{border-top:1px solid transparent}
.top-label{display:flex;align-items:center;gap:.6rem;min-width:0;overflow-wrap:anywhere}
.top-amount,.top-delta,.top-share{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.top-delta{font-weight:650}
.top-delta small{font-weight:600;font-size:.85em}
.top-row .tone-good,.top-total .tone-good{color:var(--ok)}
.top-row .tone-bad,.top-total .tone-bad{color:var(--bad)}
.top-row .tone-neutral,.top-total .tone-neutral{color:var(--muted)}
.top-others summary{cursor:pointer;list-style:none}
.top-others summary::-webkit-details-marker{display:none}
.top-others summary .top-label::after{content:"▾";color:var(--muted);font-size:.8rem}
.top-others[open] summary .top-label::after{content:"▴"}
.top-others summary:hover{background:var(--surface-2)}
.top-nested{margin:0 0 .25rem 1rem;color:var(--muted)}
.top-total{margin:.6rem 0 0;background:var(--surface-2);font-weight:650}
.top-total .top-label{gap:0}
@media (max-width:40rem){.top-head,.top-row{grid-template-columns:minmax(0,1fr) 4.6rem 7.6rem 3rem;gap:.3rem;font-size:.82rem}}