/* 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}
/* `clip` et non `hidden` : `hidden` fait de body un conteneur de défilement et annule le `position:sticky` du menu et
   de la barre du haut (demande de Lucas, 2026-11-11 : le menu disparaissait en descendant). */
html,body{max-width:100%;overflow-x:clip}
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}}

/* Barre du haut et onglets de la rubrique figés ensemble en haut de l'écran (demande de Lucas, 2026-11-13 : la barre des
   onglets d'Analyse et des Réglages restait en haut de la page en descendant). */
.app-head{position:sticky;top:0;z-index:20}
html{scroll-padding-top:7rem}
.topbar{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}
/* « Profil testé » (administrateurs) : menu dans la barre du haut. */
.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);color:inherit;text-decoration:none}
a.user-chip:hover,a.user-chip:focus-visible{background:var(--primary-soft)}
/* Écran de chargement pendant l'envoi d'un fichier (`shell.js`, formulaires `multipart` ou `data-loading`). */
.loading-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1rem;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(2px)}
.loading-overlay[hidden]{display:none}
.loading-box{display:grid;justify-items:center;gap:.75rem;max-width:22rem;padding:1.5rem 1.75rem;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}
.loading-box strong{font-size:1rem}
.loading-box p{margin:0;color:var(--muted);font-size:.875rem}
.spinner{width:2.5rem;height:2.5rem;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:mp-spin .8s linear infinite}
@keyframes mp-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}
/* « Mon compte » : une seule carte découpée en lignes (demande de Lucas, 2026-11-11 : encadrés trop gros). */
.settings{margin:1rem 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.settings>*{margin:0;padding:1rem 1.25rem}
.settings>*+*{border-top:1px solid var(--border)}
.settings h2{margin:0 0 .2rem;font-size:1rem}
.settings p{margin:0;color:var(--muted);font-size:.875rem}
.settings-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;flex-wrap:wrap}
.settings-row>div{flex:1 1 16rem;min-width:0}
.settings-row .button{min-height:2.4rem;padding:.35rem .9rem;font-size:.875rem}
.settings-section .table-wrap{margin:.75rem 0 0}
.settings-section .simple-table{font-size:.875rem}
.settings-danger h2{color:var(--bad-ink)}
.settings-note{color:var(--muted);font-size:.85rem}
.settings .settings-note{margin-top:.6rem}
.account-facts{display:grid;grid-template-columns:max-content 1fr;gap:.3rem 1.25rem;margin:.6rem 0 1rem;font-size:.925rem}
.account-facts dt{color:var(--muted)}
.account-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
.names-form{display:grid;grid-template-columns:1fr 1fr auto;gap:.75rem;align-items:end}
.names-form input{width:100%;min-height:2.4rem}
.names-form .button{min-height:2.4rem;padding:.35rem .9rem;font-size:.875rem}
@media (max-width:36em){.names-form{grid-template-columns:1fr}.settings>*{padding:.9rem 1rem}}
.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){
  .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)}
.setting-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;padding:.85rem 0 .35rem}
.setting-title{margin:0;font-size:1.05rem}
.mail-settings{margin-top:1rem}
.setting-row.setting-check{flex-wrap:nowrap}
.setting-row.setting-check .setting-control{flex:none}
.setting-check .setting-control input[type="checkbox"]{flex:none;width:1.25rem;height:1.25rem;min-height:0;margin:0;accent-color:var(--primary)}
.setting-actions{justify-content:flex-end}
@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 */
/* Mois analysé et comparaison : dans la barre du haut (2026-11-12) */
.period-banner{display:flex;align-items:center;gap:.5rem;margin:0}
.period-field{display:flex;align-items:center;gap:.35rem;font-size:.8125rem;color:var(--muted);white-space:nowrap}
.period-field select{width:auto;max-width:15rem;min-height:2rem;padding:.2rem 1.6rem .2rem .5rem;font-size:.8125rem}
.period-banner .period-go{width:auto;min-height:2rem;padding:.2rem .6rem;font-size:.8125rem}
.js .period-banner .period-go{display:none}
/* Sur les pages de reporting, la barre garde la place pour le mois : le nom de l'utilisateur s'efface (l'avatar reste) et
   le fil d'Ariane ne passe plus à la ligne. Écran étroit : le mois passe sur une seconde ligne. */
.topbar:has(.period-banner) .user-meta{display:none}
.topbar:has(.period-banner) .breadcrumb ol{flex-wrap:nowrap}
.topbar:has(.period-banner) .breadcrumb li{white-space:nowrap}
.topbar:has(.period-banner) .breadcrumb a{max-width:11rem}
@media (max-width:99.999em){.topbar:has(.period-banner){flex-wrap:wrap}.topbar:has(.period-banner) .breadcrumb{flex:1 1 calc(100% - 3rem)}.topbar:has(.period-banner) .topbar-tools{flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end}.topbar .period-banner{order:-1;margin-right:auto}}
@media (max-width:47.999em){.topbar .period-banner{flex:1 1 100%;flex-wrap:wrap}.period-field select{max-width:100%}}
/* Téléphone (V1.2, lot 1) : la barre ne reste plus collée en haut (elle occupait un tiers de l'écran) et tient en deux lignes.
   Ligne 1 : menu, titre de la page, thème, compte, déconnexion. Ligne 2 : mois et comparaison côte à côte. Les outils
   deviennent des enfants directs de la barre (`display:contents`) pour être rangés par `order`. Le lien Confidentialité
   de la barre est masqué : il est déjà dans le menu. */
@media (max-width:41.999em){
  .topbar{flex-wrap:wrap;gap:.4rem .5rem}
  /* Seuls les onglets restent figés en haut : la barre du haut défile avec la page. */
  .app-head{display:contents}
  .section-tabs{position:sticky;top:0;z-index:20}
  html{scroll-padding-top:3.5rem}
  .topbar .topbar-tools,.topbar:has(.period-banner) .topbar-tools{display:contents}
  .topbar .nav-toggle{order:0}
  .topbar .breadcrumb,.topbar:has(.period-banner) .breadcrumb{order:1;flex:1 1 0;min-width:0}
  .topbar .breadcrumb [aria-current="page"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topbar-tools>.theme-toggle{order:2}
  .topbar-tools>.user-chip{order:3;padding:.2rem}
  .topbar-tools>form:not(.period-banner){order:4}
  .topbar-tools>a.icon-button{display:none}
  .topbar .topbar-tools>.period-banner{order:5;flex:1 1 100%;flex-wrap:nowrap;margin:0}
  .topbar .period-field{flex:1 1 0;min-width:0}
  .topbar .period-field>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .topbar .period-field select{width:100%;max-width:none}
  .topbar-tools>.role-preview{order:6;margin-left: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}
.control-block{margin:1rem 0;border-left:4px solid var(--warn-border)}
.control-block h2 .badge{margin-left:.4rem;vertical-align:middle}

/* 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)}
.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 */
/* Présentation compacte (Lucas, 2026-11-12) : rubriques en lignes groupées, taux en colonnes. */
.rate-accounts-form .card, .review-panel { margin-block: .5rem; padding: .6rem .8rem; }
.rate-accounts-form .card h2, .review-panel h2 { margin: 0 0 .4rem; font-size: .95rem; }
.review-panel summary { cursor: pointer; list-style-position: inside; }
.review-panel summary h2 { display: inline; margin: 0; }
.review-panel[open] summary { margin-bottom: .4rem; }
.review-panel .simple-table th, .review-panel .simple-table td { padding: .25rem .5rem; font-size: .85rem; }
.rate-grid { font-size: .85rem; }
.rate-grid th, .rate-grid td { vertical-align: top; padding: .3rem .45rem; }
.rate-grid tbody th { white-space: nowrap; }
.rate-grid .col-root { display: inline; margin-left: .35rem; font-weight: 400; font-size: .75rem; color: var(--muted); }
.rate-grid td { min-width: 6.5rem; }
.rate-grid .rate-group th { padding: .25rem .45rem; background: var(--surface-3); font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }
.rate-grid .col-unrated { background: var(--surface-2); }
/* 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: 15rem; min-height: 1.9rem; padding: .15rem .35rem; font-size: .8rem; }
.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.8rem; }
.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; grid-template-columns: minmax(0, 1fr); 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; }
/* Onglet Imports : détail d'un document dans un panneau à droite (2026-10-31). Par-dessus la page sur un écran moyen ; sur un
   grand écran, le tableau se resserre à gauche pour rester visible à côté du document. */
.doc-panel { --doc-panel-width: min(46rem, 100vw); position: fixed; z-index: 40; top: 0; right: 0; bottom: 0; width: var(--doc-panel-width); display: flex; flex-direction: column; background: var(--surface); border-left: 1px solid var(--border); box-shadow: var(--shadow-md); transform: translateX(102%); visibility: hidden; transition: transform .2s ease, visibility 0s linear .2s; }
.doc-panel.is-open { transform: none; visibility: visible; transition: transform .2s ease; }
.doc-panel-bar { display: flex; align-items: center; justify-content: flex-end; gap: .5rem; min-height: 3.5rem; padding: .5rem 1rem; border-bottom: 1px solid var(--border); background: var(--surface); }
.doc-panel-bar .doc-panel-full { min-height: 2.4rem; padding: .3rem .8rem; font-size: .875rem; }
.doc-panel-content { flex: 1; min-height: 0; overflow-y: auto; padding: 1rem 1.25rem 1.5rem; }
.doc-panel-title { margin: 0 0 .25rem; font-size: 1.2rem; }
.doc-panel-title:focus { outline: none; }
.doc-panel-loading { color: var(--muted); }
.doc-panel .detail-pdf .pdf-frame { height: 70vh; min-height: 24rem; }
.doc-panel .detail-entry .simple-table td:nth-child(3) { white-space: normal; min-width: 10rem; } /* le libellé passe à la ligne : débit et crédit restent visibles */
.documents-table .pill-ok[aria-current="true"] { box-shadow: 0 0 0 2px var(--surface), 0 0 0 4px var(--primary); }
@media (min-width: 90em) {
  .doc-panel { --doc-panel-width: min(44rem, 40vw); }
  body.doc-panel-open .workspace { padding-right: calc(min(44rem, 40vw) + 1.5rem); }
}
@media (prefers-reduced-motion: reduce) { .doc-panel, .doc-panel.is-open { transition: none; } }
.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 */
.loans{margin-top:1rem;display:grid;gap:1rem}
.loans-head h2{margin:0}
.loans-head p{margin:.25rem 0 0;color:var(--ink)}
.loans-table{font-variant-numeric:tabular-nums}
.loans-table td.num{white-space:nowrap}
.loans-table thead th{vertical-align:bottom}
.loans-groups th{text-align:center;border-bottom:1px solid var(--border)}
.loans-groups th:first-child{text-align:left;vertical-align:bottom}
.loans-table .loans-due{border-left:2px solid var(--border-strong);background:var(--surface-2);min-width:11rem}
.loans-sub{display:block;font-size:.75rem;font-weight:400;text-transform:none}
.loans-table .loans-rate{border-right:2px solid var(--border-strong)}
.loans-detail{display:block;margin-top:.15rem;font-size:.75rem;font-weight:400;line-height:1.35;color:var(--muted)}
.loans-table tbody th{font-weight:600;text-align:left;min-width:12rem}
.loans-account{display:block;font-size:.75rem;font-weight:400;color:var(--muted)}
.loans-when{display:block;font-size:.75rem;font-weight:400;white-space:normal;color:var(--ink)}
.loans-total th,.loans-total td{font-weight:700;color:var(--ink);border-top:1px solid var(--border-strong)}
.loans-paid th,.loans-paid td{font-weight:400;color:var(--ink)}
.loans-gap{display:block;font-size:.75rem;color:var(--warn)}
.loans-check{padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}
.loans-check h3{margin:0 0 .35rem;font-size:.9rem}
.loans-check ul{margin:0;padding-left:1.1rem;font-size:.875rem;color:var(--ink)}
.loans-note{font-size:.875rem;line-height:1.5;color:var(--ink)}
.loans-note p{margin:0 0 .4rem}
/* Trésorerie : courbe et encadré Emprunts côte à côte dès que la page a la place (demande de Lucas, 2026-11-13), le
   tableau des emprunts resserré. Sinon, l'un sous l'autre comme avant. */
.treasury-wrap{container-type:inline-size;margin:1rem 0}
.treasury-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start}
.treasury-grid>.loans{margin-top:0}
/* Le tableau resserré tient en 47rem sans défiler ; la courbe garde au moins 27rem : côte à côte à partir de 75rem
   (un écran de portable de 1 536 px de large, menu déplié). */
@container (min-width:75rem){
  .treasury-grid.has-loans{grid-template-columns:minmax(27rem,1fr) minmax(47rem,1.25fr)}
  .treasury-grid.has-loans .loans-table{font-size:.8125rem}
  .treasury-grid.has-loans .loans-table th,.treasury-grid.has-loans .loans-table td{padding:.45rem .5rem}
  .treasury-grid.has-loans .loans-table tbody th{min-width:8.5rem}
  .treasury-grid.has-loans .loans-table .loans-due{min-width:0}
  .treasury-grid.has-loans .loans-detail,.treasury-grid.has-loans .loans-account,.treasury-grid.has-loans .loans-sub{font-size:.6875rem}
}
.top-note{margin:-.25rem 0 .75rem;font-size:.8125rem;color:var(--muted)}
/* Graphiques par lignes (2026-11-12) : colonnes de même largeur que les tuiles, une ligne incomplète n'est pas étirée. */
.chart-rows{container-type:inline-size;display:grid;gap:.75rem;margin:.75rem 0}
.chart-grid-fixed{display:grid;gap:.75rem;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));align-items:stretch}
.chart-grid-fixed[data-cols="2"]{--cols:2}
.chart-grid-fixed[data-cols="3"]{--cols:3}
.chart-grid-fixed[data-cols="4"]{--cols:4}
@container (max-width:48rem){.chart-grid-fixed[data-cols]{--cols:1}}
.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}}

/* Import des FEC ACD (2026-10-31) : carte FEC dans la colonne de droite du dépôt. */
.deposit-stack { display: grid; gap: .75rem; align-content: start; }
.deposit-card .alert { margin: 0 0 .5rem; }
/* Détail des écritures (FEC ACD, 2026-10-31) : montants et lignes cliquables, liste dans le panneau latéral. */
.cell-link { color: inherit; text-decoration: none; border-bottom: 1px dotted var(--border-strong, var(--border)); }
.cell-link:hover, .cell-link:focus-visible, .cell-link[aria-current] { color: var(--primary-ink); border-bottom-color: currentColor; }
.cell-link[aria-current] { font-weight: 700; }
.table-foot { margin: .5rem 0 1rem; font-size: .85rem; color: var(--muted); }
.entries-meta { margin: 0 0 .75rem; color: var(--muted); }
.entries-totals { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; margin: 0 0 .75rem; }
.entries-totals div { display: flex; gap: .4rem; align-items: baseline; }
.entries-totals dt { color: var(--muted); font-size: .85rem; }
.entries-totals dd { margin: 0; font-variant-numeric: tabular-nums; }
.entries-note { font-size: .85rem; color: var(--muted); margin: .25rem 0 .75rem; }
.entries-search { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 .75rem; }
.entries-search input[type=search] { flex: 1 1 12rem; min-width: 0; }
.entries-list { font-size: .85rem; }
.entries-list td { vertical-align: top; }
.entries-list td.num, .entries-list th.num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.entries-list small { color: var(--muted); }
.entries-list .entry-later td { color: var(--muted); font-style: italic; }
/* Connexion : double facteur et confidentialité (RGPD, 2026-10-31) */
.auth-footer{font-size:.875rem;color:var(--muted)}
.privacy h2{margin-top:1.75rem;font-size:1.15rem}
.privacy li{margin:.3rem 0}

/* ===== V1.2 — Navigation (lot 5) : menu en quatre entrées, pages de l'entrée en onglets sous la barre du haut, et barre
   d'icônes en bas de l'écran sur téléphone et tablette. ===== */
.section-tabs{background:var(--surface);border-bottom:1px solid var(--border);padding:0 1.5rem;overflow-x:auto;scrollbar-width:none}
.section-tabs::-webkit-scrollbar{display:none}
.section-tabs ul{display:flex;gap:1.5rem;margin:0;padding:0;list-style:none}
/* Menu « Exporter » en haut à droite des onglets d'Analyse : rapport PDF (demande de Lucas, 2026-11-13) et tableau Excel
   mensuel du cabinet (2026-11-15). Le menu se place par rapport à la barre figée (`.app-head`), hors de la bande
   défilante des onglets qui le couperait ; au téléphone, sous les onglets, sur toute la largeur. */
.section-tabs:has(.tabs-export){display:flex;align-items:center;gap:1.5rem}
.section-tabs:has(.tabs-export) ul{flex:1 0 auto}
.tabs-export{flex:none;margin-left:auto}
.tabs-export > summary,.section-tabs a.tabs-export{display:inline-flex;align-items:center;gap:.4rem;min-height:2rem;padding:.25rem .75rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--ink);font-size:.9rem;font-weight:600;white-space:nowrap;list-style:none;cursor:pointer}
.tabs-export > summary::-webkit-details-marker{display:none}
.tabs-export > summary:hover,.tabs-export[open] > summary,.section-tabs a.tabs-export:hover{border-color:var(--border-strong);background:var(--surface-2);color:var(--ink)}
.tabs-export > summary .icon,.section-tabs a.tabs-export .icon{width:1.05rem;height:1.05rem}
/* Pharmacien : le PDF seulement (décision de Lucas, 2026-11-15), un lien direct au lieu du menu. */
.section-tabs a.tabs-export .icon{color:var(--bad)}
.export-menu{position:absolute;z-index:30;top:calc(100% - .25rem);right:1.5rem;display:grid;gap:.25rem;width:min(23rem,calc(100vw - 2rem));max-height:calc(100vh - 8rem);overflow:auto;padding:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);white-space:normal}
.section-tabs .export-menu a.export-item,.export-item{display:flex;align-items:flex-start;gap:.6rem;min-height:0;margin:0;padding:.55rem .6rem;border:0;border-radius:var(--radius-sm);color:var(--ink);font-size:.9rem;font-weight:400;text-decoration:none;white-space:normal}
.section-tabs .export-menu a.export-item:hover{background:var(--surface-3);color:var(--ink)}
.export-item .icon{flex:none;width:1.4rem;height:1.4rem;margin-top:.1rem}
.export-item .export-pdf{color:var(--bad)}
.export-item .export-xls{color:var(--ok)}
.export-item > span{display:grid;gap:.1rem}
.export-item small{color:var(--muted);font-size:.8rem}
.export-excel{display:grid;gap:.5rem;margin:0;padding-top:.25rem;border-top:1px solid var(--border)}
.export-excel fieldset{display:grid;gap:.35rem;margin:0 .6rem;padding:0;border:0}
.export-excel legend{margin-bottom:.35rem;padding:0;color:var(--muted);font-size:.8rem;font-weight:600}
.export-excel label{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.9rem;font-weight:600;font-variant-numeric:tabular-nums}
.export-excel select{min-height:2.25rem;width:11.5rem;padding:.25rem .5rem;font-size:.875rem}
.export-excel .button{min-height:2.5rem;margin:.25rem .6rem .35rem;background:var(--primary);color:var(--on-primary)}
.export-excel .button:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.export-excel .button .icon{width:1.05rem;height:1.05rem}
@media (max-width:41.999em){
  .export-menu{position:fixed;top:3.25rem;right:1rem;left:1rem;width:auto}
}
.section-tabs a{display:inline-flex;align-items:center;min-height:2.75rem;border-bottom:2px solid transparent;color:var(--muted);font-size:.9rem;font-weight:550;text-decoration:none;white-space:nowrap}
.section-tabs a:hover{color:var(--ink)}
/* Onglet Contrôles avec des contrôles en alerte : logo d'attention et texte orange (remarque de Lucas, 2026-11-13). */
.section-tabs a.tab-alert{gap:.35rem;color:var(--warn);font-weight:650}
.section-tabs a.tab-alert:hover{color:var(--warn);text-decoration:underline}
.section-tabs a.tab-alert .icon{width:1rem;height:1rem}
.section-tabs a[aria-current="page"]{color:var(--ink);font-weight:650;border-bottom-color:var(--ink)}
.tabbar{display:none}
@media (max-width:63.999em){
  .section-tabs{padding:0 1rem}
  .tabbar{position:fixed;z-index:40;inset:auto 0 0 0;display:flex;justify-content:space-around;padding:.3rem .25rem calc(.3rem + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--border)}
  .tabbar a{display:grid;justify-items:center;align-content:center;gap:.1rem;min-width:4rem;min-height:44px;padding:.2rem .4rem;border-radius:var(--radius-sm);color:var(--muted);font-size:.6875rem;font-weight:550;text-decoration:none}
  .tabbar a .icon{font-size:1.35rem}
  .tabbar a[aria-current="page"]{color:var(--primary-ink);font-weight:650}
  .app-main{padding-bottom:4.25rem}
}

/* ===== V1.2 — Synthèse (lots 3 et 4) : phrase d'ouverture, chiffres clés, courbe interactive, barres de répartition,
   constats en cartes. Mêmes variables de couleur que le reste (thèmes clair et sombre) ; aucun style en ligne. ===== */
.syn [hidden]{display:none!important}
.syn-lead{display:grid;gap:.35rem;margin:.9rem 0 1.1rem}
.syn-lead .eyebrow{margin:0}
.syn-headline{margin:0;max-width:36ch;font-size:clamp(1.35rem,2.4vw,1.85rem);font-weight:650;line-height:1.22;letter-spacing:-.022em;text-wrap:balance}
.syn-scope{margin:0;color:var(--muted);font-size:.875rem}
/* Chiffres clés : trois grands dans un même cadre, trois secondaires avec leur mini-courbe. */
.kpi-heroes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:.75rem 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.kpi-hero{position:relative;display:grid;gap:.3rem;align-content:start;min-width:0;padding:1.1rem 1.25rem 1.15rem;container-type:inline-size}
.kpi-hero+.kpi-hero{border-left:1px solid var(--border)}
.hero-head{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .5rem;min-height:1.75rem}
.hero-head h2{margin:0;font-size:.875rem;font-weight:600;color:var(--muted);line-height:1.3}
.hero-head .tile-alert{margin-left:auto}
.hero-head .tile-alert summary{margin:0}
.kpi-hero .kpi-value{font-size:clamp(1.6rem,13cqi,2.6rem);letter-spacing:-.03em;white-space:nowrap}
.hero-compare{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .6rem;font-size:.8125rem;font-variant-numeric:tabular-nums}
.hero-previous{color:var(--muted)}
.hero-date{padding:.05rem .5rem;font-size:.7rem;font-weight:550;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;white-space:nowrap}
.kpi-hero .tile-note,.kpi-mini .tile-note{margin:0}
/* Carte reliée à la courbe (charts.js) : un clic trace son indicateur ; une barre sous la carte marque l'indicateur tracé. */
.kpi-hero.is-linked,.kpi-mini.is-linked{cursor:pointer}
.kpi-hero.is-linked::after,.kpi-mini.is-linked::after{content:"";position:absolute;left:1.25rem;right:1.25rem;bottom:0;height:3px;border-radius:3px 3px 0 0;background:transparent;transition:background-color .15s ease}
.kpi-mini.is-linked::after{left:1.1rem;right:1.1rem}
.kpi-hero.is-linked:hover::after,.kpi-mini.is-linked:hover::after{background:var(--border)}
.kpi-hero.is-plotted::after,.kpi-mini.is-plotted::after,.kpi-hero.is-plotted:hover::after,.kpi-mini.is-plotted:hover::after{background:var(--primary)}
@media (prefers-reduced-motion:reduce){.kpi-hero.is-linked::after,.kpi-mini.is-linked::after{transition:none}}
.kpi-heroes[data-n="1"]{grid-template-columns:minmax(0,1fr)}
.kpi-heroes[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.kpi-minis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.75rem;margin:.75rem 0}
.kpi-mini{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0;padding:.85rem 1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.mini-text{display:grid;gap:.2rem;min-width:0}
.kpi-mini .kpi-value{font-size:1.35rem;white-space:nowrap}
.spark{flex:0 1 7.5rem;width:7.5rem;min-width:4rem;height:2.25rem;overflow:visible}
.spark-line{stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.spark-prev{stroke:var(--chart-n1);stroke-width:1.5}
.spark-cur{stroke:var(--chart-n)}
.spark-dot{fill:var(--chart-n);stroke:var(--surface);stroke-width:2}
@media (max-width:47.999em){
  .kpi-heroes,.kpi-minis{grid-template-columns:minmax(0,1fr)}
  .kpi-hero+.kpi-hero{border-left:0;border-top:1px solid var(--border)}
}
/* Courbe interactive (`static/js/charts.js`) et répartition. */
.syn-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin:1rem 0;align-items:start}
@media (min-width:64em){.syn-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}}
@media (min-width:64em){.syn-grid.syn-grid-even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.syn .chart-card:hover,.syn .comment-block:hover{box-shadow:var(--shadow-sm);transform:none}
.trend-head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.6rem}
.trend-head h2{margin:0 auto 0 0}
.trend-tools{display:flex;flex-wrap:wrap;gap:.5rem}
.seg{display:inline-flex;gap:2px;padding:3px;background:var(--surface-3);border-radius:999px}
.seg button{min-height:2rem;padding:.2rem .8rem;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:.8125rem;font-weight:550;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);font-weight:650;box-shadow:var(--shadow-sm)}
.seg button:disabled{opacity:.45;cursor:default}
.trend-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.7rem}
.trend-chips button{min-height:2rem;padding:.2rem .8rem;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--muted);font:inherit;font-size:.8125rem;font-weight:550;cursor:pointer}
.trend-chips button:hover{color:var(--ink)}
.trend-chips button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.trend-legend{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin-bottom:.35rem;font-size:.8125rem;color:var(--muted)}
.trend-legend span{display:inline-flex;align-items:center;gap:.4rem}
.trend-key{display:inline-block;width:1.2rem;height:0;border-top:2px solid var(--chart-n)}
.trend-key.is-prev{border-top-color:var(--chart-n1)}
.trend-key.is-proj{border-top-style:dashed}
.trend-plot{position:relative;min-width:0}
.trend.is-live .kpi-chart{margin:0}
.trend-svg{display:block;width:100%;touch-action:pan-y;cursor:crosshair;border-radius:var(--radius-sm)}
.trend-svg.has-link{cursor:pointer}
.trend-band{fill:var(--surface-2)}
.trend-grid{stroke:var(--border);stroke-width:1}
.trend-grid.is-zero{stroke:var(--border-strong)}
.trend-tick{fill:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
.trend-tick.is-on{fill:var(--ink);font-weight:700}
.trend-area{fill:var(--chart-n);fill-opacity:.1;stroke:none}
.trend-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.trend-line.is-cur,.trend-line.is-proj{stroke:var(--chart-n)}
.trend-line.is-prev{stroke:var(--chart-n1)}
.trend-line.is-proj{stroke-dasharray:5 5}
.trend-dot{stroke:var(--surface);stroke-width:2}
.trend-dot.is-cur{fill:var(--chart-n)}
.trend-dot.is-prev{fill:var(--chart-n1)}
.trend-cross{stroke:var(--muted);stroke-width:1}
.trend-endlab{fill:var(--muted);font-size:11px;font-weight:650}
.trend-tip{position:absolute;z-index:5;top:.4rem;left:0;display:grid;gap:.3rem;min-width:11rem;padding:.55rem .7rem;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-md);font-size:.8125rem;pointer-events:none}
.trend-tip-title{font-weight:650}
.trend-tip-row{display:grid;grid-template-columns:1.2rem auto minmax(0,1fr);align-items:center;gap:.5rem;color:var(--muted)}
.trend-tip-row strong,.trend-tip-foot strong{color:var(--ink);font-variant-numeric:tabular-nums}
.trend-tip-row span{text-align:right}
.trend-tip-foot strong.tone-good{color:var(--ok)}
.trend-tip-foot strong.tone-bad{color:var(--bad)}
.trend-tip-foot{display:flex;justify-content:space-between;gap:.75rem;padding-top:.3rem;border-top:1px solid var(--border);color:var(--muted)}
.trend-hint{margin:.4rem 0 0;font-size:.8125rem;color:var(--muted)}
.trend .is-projected{color:var(--muted);font-style:italic}
.mix-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}
.mix-head h2{margin:0 0 .5rem}
.mix-clear{width:2rem;height:2rem;margin:-.35rem -.5rem 0 0}
/* Filtre par taux (rate_filter.js) : pendant le chargement, les données pâlissent un peu, après un court délai pour ne pas
   clignoter quand la réponse est rapide. */
[data-rate-swap]{transition:opacity .2s ease}
[data-rate-swap][aria-busy="true"]{opacity:.6;transition-delay:.15s}
@media (prefers-reduced-motion:reduce){[data-rate-swap]{transition:none}}
.mix-key{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin:0 0 .4rem;font-size:.8125rem;color:var(--muted)}
.mix-key span{display:inline-flex;align-items:center;gap:.4rem}
.mix-key-now::before{content:"";width:1rem;height:.4rem;border-radius:0 3px 3px 0;background:var(--chart-n)}
.mix-key-prev::before{content:"";width:2px;height:.9rem;background:var(--ink)}
.mix-list{list-style:none;margin:0;padding:0;display:grid}
.mix-row{border-bottom:1px solid var(--border)}
.mix-row:last-child{border-bottom:0}
.mix-row.is-dim{opacity:.45}
.mix-row.is-dim:hover{opacity:1}
.mix-link{display:grid;grid-template-columns:minmax(0,1fr) auto 3.6rem;align-items:baseline;gap:.2rem .6rem;padding:.55rem .3rem;border-radius:var(--radius-sm);color:inherit;text-decoration:none}
a.mix-link:hover{background:var(--surface-2);text-decoration:none}
a.mix-link[aria-current="true"] .mix-share{color:var(--primary-ink)}
.mix-name{min-width:0;font-size:.875rem;font-weight:600;text-align:left}
.mix-name small{display:block;font-weight:400;font-size:.75rem;color:var(--muted);text-align:left}
.mix-share{font-size:.95rem}
.mix-delta{font-size:.75rem;color:var(--muted);text-align:right}
.mix-bar{grid-column:1 / -1;display:block;width:100%;height:.6rem}
.mix-track{fill:var(--surface-3)}
.mix-fill{fill:var(--chart-n)}
.mix-prev{fill:var(--ink)}
/* Autres onglets d'analyse (V1.2, lot 6) : courbe seule en pleine largeur, cascade de la Rentabilité. */
.syn-block{margin:1rem 0}
.syn .detail-table .kpi-minis{margin-top:.5rem}
.wf-key-total::before{content:"";width:1rem;height:.5rem;border-radius:0 3px 3px 0;background:var(--chart-n)}
.wf-key-minus::before{content:"";width:1rem;height:.5rem;border-radius:3px;background:var(--border-strong)}
.wf-list{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.wf-row{display:grid;grid-template-columns:minmax(6rem,12rem) minmax(4rem,1fr) auto 3.6rem 1rem;align-items:center;gap:.6rem;padding:.35rem .4rem;font-size:.875rem;color:var(--muted)}
.wf-row.is-total{color:var(--ink);font-weight:650}
.wf-name{min-width:0}
.wf-bar{display:block;width:100%;height:1.1rem}
.wf-track{fill:var(--border)}
.wf-fill{fill:var(--border-strong)}
.wf-fill.is-total,.wf-fill.is-plus{fill:var(--chart-n)}
.wf-amount{white-space:nowrap}
.wf-share{font-size:.75rem;color:var(--muted);font-weight:400;white-space:nowrap}
@media (max-width:41.999em){.wf-row{grid-template-columns:minmax(0,1fr) auto 3.6rem 1rem}.wf-bar{grid-column:1 / -1;grid-row:2}}
/* Chaque ligne de la cascade ouvre son détail dans une fenêtre (demande de Lucas, 2026-11-13, `static/js/cascade.js`). */
a.wf-row{border-radius:var(--radius-sm);text-decoration:none;cursor:pointer}
a.wf-row:hover,a.wf-row:focus-visible{background:var(--surface-2)}
a.wf-row:hover .wf-name{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.wf-chevron{width:1rem;height:1rem;color:var(--muted);opacity:.55}
a.wf-row:hover .wf-chevron{opacity:1;color:var(--primary-ink)}
/* Détails écrits sous la cascade sans JavaScript ; avec, ils passent dans la fenêtre. */
.wf-views{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(34rem,calc((100% - 1rem)/2))),1fr));gap:1rem;margin:1rem 0;align-items:start}
.js .wf-views{display:none}
.js .wf-views.is-static{display:grid}
.wf-views .wf-view{padding:1.25rem 1.25rem 1rem}
.wf-view-head{margin-bottom:.75rem}
.wf-view-head h2{margin:0;font-size:1.2rem}
.wf-view-head h2:focus{outline:none}
.wf-view-sub{margin:.15rem 0 .5rem;color:var(--muted);font-size:.8125rem}
.wf-view .top-note{margin:0}
.wf-hint{margin:.75rem 0 0;color:var(--muted);font-size:.8125rem}
/* Toute la ligne est cliquable (le lien du libellé la couvre). */
.wf-view .top-row:has(>.top-label>a.cell-link){position:relative}
.wf-view .top-row:has(>.top-label>a.cell-link):hover{background:var(--surface-2)}
.wf-view .top-row>.top-label>a.cell-link::after{content:"";position:absolute;inset:0;border-radius:inherit}
.wf-view .top-row.has-children{font-weight:600}
.wf-view .top-nested{margin:0 0 .35rem 1rem;border-left:2px solid var(--border)}
.wf-view .top-nested .top-row{padding:.35rem .6rem;font-size:.84rem}
.wf-part.is-total .top-label{font-weight:650;color:var(--ink)}
.wf-dialog{width:min(50rem,calc(100vw - 2rem));max-width:none;max-height:min(48rem,calc(100vh - 3rem));max-height:min(48rem,calc(100dvh - 3rem));padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-md);overflow:hidden}
.wf-dialog[open]{display:flex;flex-direction:column}
.wf-dialog::backdrop{background:rgba(6,16,26,.45)}
.wf-dialog-bar{display:flex;align-items:center;gap:.5rem;min-height:3.25rem;padding:.4rem .6rem .4rem 1.25rem;border-bottom:1px solid var(--border)}
.wf-dialog-bar .wf-back{margin-left:-.75rem}
.wf-crumb{flex:1;min-width:0;margin:0;color:var(--muted);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wf-dialog-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1rem 1.25rem 1.25rem}
.wf-dialog .wf-view{padding:0;border:0;border-radius:0;box-shadow:none;background:none}
.wf-entries .doc-panel-title{font-size:1.2rem}
.wf-entries .simple-table td:nth-child(3){white-space:normal;min-width:10rem}
html:has(.wf-dialog[open]){overflow:hidden}
/* Petit écran : l'écart passe sous le libellé, pour que le libellé garde sa largeur (comptes en retrait compris). */
@media (max-width:40rem){
  .wf-view .top-head,.wf-view .top-row{grid-template-columns:minmax(0,1fr) auto 3rem;column-gap:.6rem;row-gap:.1rem}
  .wf-view .top-head span:nth-child(3){display:none}
  .wf-view .top-delta{grid-column:1 / -1;grid-row:2;text-align:left;font-size:.78rem}
}
@media (max-width:41.999em){
  .wf-dialog{width:100vw;max-height:calc(100vh - 1rem);max-height:calc(100dvh - 1rem);margin:auto 0 0;border-radius:var(--radius) var(--radius) 0 0;border-bottom:0}
  .wf-dialog-body{padding:.75rem 1rem 1.25rem}
}
/* Accueil du pharmacien (V1.2, revu le 2026-11-15) : le mois à traiter en tête (documents, étapes), chiffres qui ouvrent
   leur analyse, constats en ligne, accès direct à chaque analyse. État toujours écrit, jamais la couleur seule. */
.finding-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}
.ph-head{align-items:center;justify-content:space-between;margin-bottom:.9rem}
.ph-published{display:inline-flex;align-items:center;gap:.35rem;margin:0;padding:.2rem .75rem .2rem .5rem;border:1px solid var(--ok-border);border-radius:999px;background:var(--ok-bg);color:var(--ok);font-size:.8125rem;font-weight:600}
.ph-published .icon{width:1rem;height:1rem}
.ph-month{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1.5rem;align-items:start;margin:0 0 1.5rem;padding:1.15rem 1.25rem 0;overflow:hidden}
.ph-month.is-published{padding-bottom:1.15rem}
.ph-month.is-todo{border-color:var(--warn-border)}
.ph-month .eyebrow{margin:0 0 .3rem}
.ph-month h2{margin:0;font-size:1.2rem;line-height:1.3;letter-spacing:-.01em;text-wrap:balance}
.ph-month-note{margin:.3rem 0 0;max-width:62ch;color:var(--muted);font-size:.875rem}
.ph-month-action{margin:0;align-self:center}
.ph-docs{list-style:none;margin:.85rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.ph-docs li{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .75rem .3rem .4rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);font-size:.8125rem}
.ph-docs small{color:var(--muted);font-size:inherit}
.ph-docs .is-done .finding-mark{background:var(--ok-bg);color:var(--ok)}
.ph-docs .is-missing{border-color:var(--warn-border);background:var(--warn-bg)}
.ph-docs .is-missing .finding-mark{background:var(--warn);color:var(--surface)}
.ph-docs .is-missing small{color:var(--warn);font-weight:600}
.ph-docs .is-review .finding-mark{background:var(--info-bg);color:var(--primary-ink)}
.ph-month-late{display:flex;align-items:flex-start;gap:.4rem;margin:.75rem 0 0;color:var(--warn);font-size:.875rem}
.ph-month-late .icon{width:1.05rem;height:1.05rem;margin-top:.1rem}
.ph-steps{grid-column:1/-1;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:.9rem -1.25rem 0;padding:0;border-top:1px solid var(--border);background:var(--surface-2)}
.ph-steps li{display:flex;align-items:center;gap:.6rem;min-width:0;padding:.7rem 1.25rem}
.ph-steps li+li{border-left:1px solid var(--border)}
.ph-step-dot{display:inline-grid;place-items:center;flex:none;width:1.5rem;height:1.5rem;border:1.5px solid var(--border-strong);border-radius:50%;background:var(--surface);color:var(--muted);font-size:.75rem;font-weight:700;line-height:1}
.ph-step-text{display:grid;min-width:0;line-height:1.3}
.ph-step-text strong{font-size:.8125rem;font-weight:600}
.ph-step-text small{color:var(--muted);font-size:.75rem}
.ph-steps .is-done .ph-step-dot{border-color:var(--solid-ok);background:var(--ok-bg);color:var(--ok)}
.ph-steps .is-current .ph-step-dot{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}
.ph-steps .is-current small{color:var(--primary-ink);font-weight:600}
.ph-steps .is-todo strong{color:var(--muted)}
/* Chiffre clé qui ouvre une page : le libellé est le lien, étendu à toute la carte ; l'avertissement reste au-dessus. */
.kpi-link{color:inherit;text-decoration:none}
.kpi-link::before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg)}
.kpi-link::after{content:"\00a0›";color:var(--faint);font-size:1.1em;line-height:1}
:is(.kpi-hero,.kpi-mini):has(.kpi-link):hover .kpi-link,:is(.kpi-hero,.kpi-mini):has(.kpi-link):hover .kpi-link::after{color:var(--primary-ink)}
.kpi-mini:has(.kpi-link){transition:border-color .12s ease}
.kpi-mini:has(.kpi-link):hover{border-color:var(--border-strong)}
.kpi-link:focus-visible{outline:none}
.kpi-link:focus-visible::before{outline:2px solid var(--focus);outline-offset:-3px}
:is(.kpi-hero,.kpi-mini):has(.kpi-link) .tile-alert{position:relative;z-index:1}
.ph-analyses{margin:1.75rem 0 1rem}
.ph-analyses-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-bottom:.6rem}
.ph-analyses-head .eyebrow{margin:0}
.ph-export{display:inline-flex;align-items:center;gap:.4rem;min-height:2rem;padding:.25rem .75rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--ink);font-size:.875rem;font-weight:600;text-decoration:none}
.ph-export:hover{border-color:var(--border-strong);background:var(--surface-2);color:var(--ink)}
.ph-export .icon{width:1.05rem;height:1.05rem;color:var(--bad)}
.ph-analysis-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.ph-analysis{display:flex;align-items:center;gap:.75rem;min-height:3.5rem;padding:.7rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--ink);text-decoration:none;transition:border-color .12s ease,background-color .12s ease}
.ph-analysis:hover{border-color:var(--border-strong);background:var(--surface-2);color:var(--ink)}
.ph-analysis-icon{display:inline-grid;place-items:center;flex:none;width:2.25rem;height:2.25rem;border-radius:var(--radius-sm);background:var(--primary-soft);color:var(--primary-ink)}
.ph-analysis-icon .icon{width:1.2rem;height:1.2rem}
.ph-analysis-text{display:grid;flex:1;min-width:0;line-height:1.3}
.ph-analysis-text small{color:var(--muted);font-size:.8125rem}
.ph-chevron{width:1.1rem;height:1.1rem;color:var(--faint)}
.ph-analysis:hover .ph-chevron{color:var(--primary-ink)}
@media (max-width:41.999em){
  .ph-month{grid-template-columns:minmax(0,1fr)}
  .ph-month-action .button{width:100%}
  .ph-steps{grid-template-columns:minmax(0,1fr)}
  .ph-steps li{padding:.55rem 1.25rem}
  .ph-steps li+li{border-left:0;border-top:1px solid var(--border)}
  .ph-analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ph-analysis{gap:.6rem;padding:.6rem .7rem}
  .ph-analysis-text small,.ph-chevron{display:none}
}
/* Contrôles du cabinet et constats en cartes : pastille de ton avec un signe, jamais la couleur seule. */
.comment-block .control-list{list-style:none;margin:0;padding-left:0;display:grid;gap:.5rem}
.control-list li,.control-clear{display:grid;grid-template-columns:1.4rem minmax(0,1fr);gap:.6rem;align-items:start}
.finding-mark{display:inline-grid;place-items:center;width:1.3rem;height:1.3rem;border-radius:50%;flex:none;font-size:.7rem;font-weight:700;line-height:1;background:var(--surface-3);color:var(--muted)}
.control-list .finding-mark{background:var(--warn-bg);color:var(--warn)}
.control-clear .finding-mark,.finding-positive .finding-mark{background:var(--ok-bg);color:var(--ok)}
.finding-improve .finding-mark{background:var(--bad-bg);color:var(--bad)}
.retenir{margin:1.5rem 0 .5rem}
.retenir>.eyebrow{margin:0 0 .5rem}
.retenir-groups{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));align-items:start}
.retenir-groups h2{margin:0 0 .6rem;font-size:1rem}
.finding-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.finding-card{display:grid;gap:.3rem;padding:.9rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.finding-head{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;font-size:.925rem}
.finding-figure{margin:0;text-align:left;font-size:1.45rem;font-weight:650;letter-spacing:-.02em;line-height:1.2;white-space:nowrap}
.finding-text{margin:0;font-size:.875rem;color:var(--muted)}
.finding-none{padding:.8rem 1rem;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--muted);font-size:.875rem}

/* --- Page Pharmacies V1.2 (demande de Lucas, 2026-11-13, maquette validée) ------------------------------------------------- */
.pf{display:flex;flex-direction:column;gap:1.25rem}
/* Même largeur que les onglets d'analyse (`.workspace`) : la page occupe l'écran (remarque de Lucas, 2026-11-13). */
.page.pf{max-width:120rem;padding:1.5rem}
.pf-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 1.5rem}
.pf-lead{display:grid;gap:.45rem;max-width:48rem}
.pf-lead .eyebrow{margin:0}
.pf-headline{margin:0;font-size:clamp(1.35rem,2.4vw,1.85rem);font-weight:700;line-height:1.22;letter-spacing:-.022em;text-wrap:balance}
.pf-note{margin:0;color:var(--muted)}
.pf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.pf-actions .button{width:auto;display:inline-flex;align-items:center;gap:.45rem}
.pf-month{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--muted)}
.pf-month select{width:auto;min-height:2.5rem}
.pf-month .pf-month-go{min-height:2.5rem}
.js .pf-month .pf-month-go{display:none}
.pf-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.pf-stats li{display:grid;gap:.15rem;padding:1rem 1.25rem;min-width:0}
.pf-stats li+li{border-left:1px solid var(--border)}
.pf-stats span{font-size:.8125rem;color:var(--muted)}
.pf-stats strong{font-size:1.75rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.15}
.pf-stats small{font-size:.8125rem;color:var(--muted)}
.pf-ok{color:var(--ok)}.pf-bad{color:var(--bad)}.pf-warn{color:var(--warn)}
.pf-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}
.pf-filter button{min-height:2.4rem;padding:.2rem 1rem;font-size:.875rem}
.pf-search{display:flex;align-items:center;gap:.5rem;flex:0 1 22rem;min-width:min(100%,16rem);min-height:2.5rem;padding:0 .75rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--muted)}
.pf-search:focus-within{outline:3px solid var(--focus);outline-offset:2px}
.pf-search input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]){flex:1;min-width:0;min-height:2.4rem;padding:0;border:0;outline:0;background:transparent;color:var(--ink)}
.pf-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}
.pf-rows{list-style:none;margin:0;padding:0}
.pf-rows>li+li{border-top:1px solid var(--border)}
.pf-row{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(0,1.7fr) minmax(23.5rem,1.2fr) 1.25rem;gap:1.5rem;align-items:center;padding:1.1rem 1.35rem;color:inherit;text-decoration:none}
a.pf-row:hover{background:var(--surface-2);color:inherit}
a.pf-row:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}
.pf-row-head{padding-block:.7rem;border-bottom:1px solid var(--border);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.pf-name{display:grid;gap:.3rem;justify-items:start;min-width:0}
.pf-name strong{font-size:1rem}
.pf-name .pf-status{order:-1}
.pf-name small{font-size:.8125rem;color:var(--muted)}
.pf-status,.pf-step{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border:1px solid;border-radius:999px;font-size:.75rem;font-weight:650;white-space:nowrap}
.pf-step{font-size:.8125rem;padding:.25rem .65rem}
.pf-step .icon{width:.95rem;height:.95rem;flex:none}
.pf-tone-done{color:var(--ok);background:var(--ok-bg);border-color:var(--ok-border)}
.pf-tone-warn{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-border)}
.pf-tone-bad{color:var(--bad-ink);background:var(--bad-bg);border-color:var(--bad-border)}
.pf-tone-todo{color:var(--muted);background:transparent;border-color:var(--border-strong)}
.pf-steps{display:grid;gap:.5rem;min-width:0}
.pf-step-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.pf-detail{margin:0;font-size:.8125rem;color:var(--muted)}
.pf-kpis{display:flex;align-items:center;justify-content:space-between;gap:.9rem;min-width:0}
.pf-kpi-list{display:grid;gap:.25rem;margin:0}
.pf-kpi{display:flex;align-items:baseline;gap:.6rem;font-variant-numeric:tabular-nums}
.pf-kpi dt{min-width:6rem;font-size:.8125rem;color:var(--muted)}
.pf-kpi dd{margin:0;white-space:nowrap}
.pf-delta{font-size:.8125rem;font-weight:650}
.pf-kpi.tone-good .pf-delta{color:var(--ok)}.pf-kpi.tone-bad .pf-delta{color:var(--bad)}.pf-kpi.tone-neutral .pf-delta{color:var(--muted)}
.pf-spark{flex:0 1 9rem;min-width:4rem}
.pf-spark .spark{width:100%}
.pf-hint{font-size:.8125rem;color:var(--muted)}
.pf-chevron{width:1.25rem;height:1.25rem;color:var(--muted)}
.pf-empty{margin:0;padding:1.5rem 1.35rem;color:var(--muted)}
.pf-archived summary{cursor:pointer;min-height:2rem;color:var(--muted);font-weight:600}
.pf-archived[open] summary{margin-bottom:.5rem}
.setting-help{margin:.15rem 0 0;font-size:.8125rem;color:var(--muted)}
@media (max-width:63.999em){
  .pf-row{grid-template-columns:minmax(0,1fr) 1.25rem;gap:.75rem 1rem}
  .pf-row>.pf-steps,.pf-row>.pf-kpis{grid-column:1}
  .pf-row>.pf-chevron{grid-column:2;grid-row:1}
  .pf-row-head{display:none}
  .pf-kpis{justify-content:flex-start;padding-top:.6rem;border-top:1px solid var(--border)}
}
@media (max-width:41.999em){
  .pf-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pf-stats li:nth-child(3){border-left:0}
  .pf-stats li:nth-child(n+3){border-top:1px solid var(--border)}
  .pf-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .pf-search{flex-basis:100%}
  .pf-row{padding:1rem}
  .pf-spark{display:none}
}

/* --- Onglet Contrôles (cabinet, demande de Lucas, 2026-11-13) ----------------------------------------------------------- */
.ctl-steps{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;margin:.75rem 0 1rem;padding:.75rem 1rem .75rem 2.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--muted);font-size:.875rem}
.ctl-steps li{padding-left:.15rem}
.ctl-list{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}
.ctl-item{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto;gap:.85rem;align-items:start;padding:1rem 1.25rem}
.ctl-item+.ctl-item{border-top:1px solid var(--border)}
.ctl-mark{display:inline-grid;place-items:center;color:var(--warn);padding-top:.1rem}
.ctl-mark .icon{width:1.2rem;height:1.2rem}
.ctl-item.is-done .ctl-mark{color:var(--ok)}
.ctl-action .button.is-acknowledged,.ctl-action .button.is-acknowledged:disabled{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok);opacity:1;cursor:pointer}
.ctl-body{display:grid;gap:.3rem;min-width:0}
.ctl-body p{margin:0;color:var(--muted);font-size:.875rem}
.ctl-body .cell-link{justify-self:start;font-size:.875rem}
.ctl-by{font-size:.8125rem}
.ctl-action .button{width:auto;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}
.ctl-clear{display:flex;align-items:center;gap:.5rem;margin:0;padding:1rem 1.25rem;background:var(--ok-bg);border:1px solid var(--ok-border);border-radius:var(--radius-lg);color:var(--ok);font-weight:600}
.ctl-done{margin-top:1rem}
.ctl-done summary{cursor:pointer;min-height:2rem;color:var(--muted);font-weight:600}
.ctl-done[open] summary{margin-bottom:.5rem}
.ctl-summary{display:flex;align-items:flex-start;gap:.5rem;margin:1rem 0;padding:.8rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:.9rem;color:var(--muted)}
.ctl-summary .icon{flex:none;width:1.15rem;height:1.15rem;margin-top:.1rem;color:var(--ok)}
.ctl-summary.is-alert{background:var(--warn-bg);border-color:var(--warn-border);color:var(--ink)}
.ctl-summary.is-alert .icon{color:var(--warn)}
@media (max-width:41.999em){.ctl-item{grid-template-columns:1.5rem minmax(0,1fr)}.ctl-action{grid-column:2}}
.count-badge{display:inline-grid;place-items:center;min-width:1.5rem;height:1.5rem;margin-left:.35rem;padding:0 .4rem;border-radius:999px;background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn);font-size:.8125rem;font-weight:700;vertical-align:middle}
/* Contrôles en petites cartes, une par cycle de révision (demande de Lucas, 2026-11-13) : ce qui reste à contrôler
   d'abord ; un point en alerte se déplie vers le bas dans un petit cadre posé par-dessus les cartes voisines, sans les
   déplacer (aperçu au survol, `controls.js`). */
.ctl-clear{margin-bottom:1rem}
.ctl-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:.9rem;align-items:start}
.ctl-card{position:relative;display:grid;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);scroll-margin-top:9rem}
.ctl-card.is-alert{border-color:var(--warn-border);box-shadow:inset 0 3px 0 var(--solid-warn),var(--shadow-sm)}
.ctl-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem .6rem}
.ctl-card-head h2{margin:0;font-size:1rem}
.ctl-card-title{padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.ctl-card-title:hover{color:var(--primary-ink);text-decoration:underline;text-underline-offset:3px}
.ctl-card-title:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}
.ctl-card div.ctl-point-row{cursor:pointer}
.ctl-card div.ctl-point-row:hover{background:var(--surface-2)}
/* Fenêtre au milieu d'une carte (Lucas, 2026-11-14) : même cadre que le détail de la Rentabilité (`.wf-dialog`). */
.ctl-dialog{width:min(46rem,calc(100vw - 2rem))}
.ctl-dialog .wf-dialog-bar .wf-crumb{color:var(--ink);font-size:1rem;font-weight:650}
.ctl-dialog.is-alert .ctl-card-state{border-color:var(--warn-border);background:var(--warn-bg);color:var(--warn)}
.ctl-dialog .ctl-points{padding:0}
.ctl-dialog .ctl-points>li+li{border-top:1px solid var(--border)}
.ctl-dialog .ctl-point-row{padding:.65rem .35rem;font-size:.9rem}
.ctl-dialog details.ctl-point>summary:hover,.ctl-dialog details.ctl-point[open]>summary{background:none}
.ctl-dialog .ctl-pop{position:static;max-height:none;overflow:visible;margin:0 0 .8rem 1.65rem;border:1px solid var(--border);box-shadow:none;background:var(--surface-2)}
.ctl-dialog .ctl-point.is-peek .ctl-pop{box-shadow:none}
.ctl-dialog .ctl-pop .ctl-body strong{font-size:.9rem}
.ctl-dialog .ctl-pop .ctl-body p,.ctl-dialog .ctl-pop .ctl-body .cell-link{font-size:.85rem}
@media (max-width:41.999em){.ctl-dialog{width:100vw}.ctl-dialog .ctl-pop{margin-left:.5rem}}
.ctl-card-state{flex:none;padding:.1rem .55rem;border-radius:999px;border:1px solid var(--ok-border);background:var(--ok-bg);color:var(--ok);font-size:.75rem;font-weight:650;white-space:nowrap}
.ctl-card.is-alert .ctl-card-state{border-color:var(--warn-border);background:var(--warn-bg);color:var(--warn)}
.ctl-card.is-empty .ctl-card-state{border-color:var(--border);background:var(--surface-2);color:var(--muted)}
.ctl-points{list-style:none;margin:0;padding:0 0 .4rem}
.ctl-points>li{position:relative}
.ctl-point-row{display:grid;grid-template-columns:1.1rem minmax(0,1fr) auto;gap:.55rem;align-items:center;padding:.4rem 1rem;font-size:.8438rem;line-height:1.35}
details.ctl-point>summary{list-style:none;cursor:pointer;grid-template-columns:1.1rem minmax(0,1fr) auto .9rem}
details.ctl-point>summary::-webkit-details-marker{display:none}
details.ctl-point>summary:hover{background:var(--surface-2)}
.ctl-point-mark{display:inline-grid;place-items:center}
.ctl-point-mark .icon{width:1rem;height:1rem}
.ctl-point-mark .mark-ok{color:var(--ok)}
.ctl-point-mark .mark-alert{display:none;color:var(--warn)}
.ctl-point.is-alert .ctl-point-mark .mark-alert{display:block}
.ctl-point.is-alert .ctl-point-mark .mark-ok{display:none}
.ctl-point-label{color:var(--muted)}
.ctl-point.is-alert .ctl-point-label{color:var(--ink);font-weight:600}
.ctl-point-state{color:var(--faint);font-size:.75rem;white-space:nowrap}
.ctl-point.is-alert .ctl-point-state{color:var(--warn);font-weight:650}
.ctl-point-open{width:.9rem;height:.9rem;color:var(--muted);transition:transform .15s ease}
details.ctl-point[open] .ctl-point-open{transform:rotate(90deg)}
details.ctl-point[open]>summary{background:var(--surface-2)}
.ctl-pop{position:absolute;z-index:30;top:calc(100% - 2px);left:.5rem;right:.5rem;max-height:min(20rem,60vh);overflow:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-md)}
.ctl-pop .ctl-list{border:0;border-radius:0;box-shadow:none}
.ctl-pop .ctl-item{grid-template-columns:1.1rem minmax(0,1fr);gap:.5rem;padding:.65rem .75rem}
.ctl-pop .ctl-mark .icon{width:1rem;height:1rem}
.ctl-pop .ctl-body strong{font-size:.8438rem}
.ctl-pop .ctl-body p,.ctl-pop .ctl-body .cell-link{font-size:.8125rem}
.ctl-pop .ctl-action{grid-column:2}
.ctl-pop .ctl-action .button{min-height:2rem;padding:.2rem .7rem;font-size:.8125rem}
.ctl-point.is-peek .ctl-pop{box-shadow:var(--shadow-md),0 0 0 3px var(--primary-soft)}
.ctl-card-note{margin:0;padding:0 1rem .8rem;color:var(--muted);font-size:.78rem}
/* ===== Rapport PDF de l'Analyse (demande de Lucas, 2026-11-13) : `templates/pharmacies/report.html` ============== */
/* À l'écran, chaque feuille a la taille d'une page A4 paysage : ce qui s'affiche est ce qui s'imprime. */
.report-body{background:var(--surface-3);color:var(--ink)}
.report-bar{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);padding:.75rem 1.5rem}
.report-bar-inner{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;max-width:84rem;margin:0 auto}
.report-bar .button{width:auto;display:inline-flex;align-items:center;gap:.45rem}
.report-bar .button .icon{width:1.1rem;height:1.1rem}
.report-pick{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .9rem;margin:0 auto 0 0;padding:0;border:0;font-size:.875rem}
.report-pick legend{float:left;margin-right:.4rem;color:var(--muted);font-weight:600}
.report-pick label{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer}
.report-bar-hint{max-width:84rem;margin:.4rem auto 0;color:var(--muted);font-size:.8125rem}
.report{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem 1rem 3rem}
.report-sheet{box-sizing:border-box;width:297mm;max-width:100%;min-height:210mm;padding:12mm 14mm;background:var(--surface);border-radius:6px;box-shadow:var(--shadow-md)}
.report-sheet[hidden],.report-toc li[hidden]{display:none!important}
.report-brand{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.05rem}
.report-cover{display:flex;flex-direction:column;justify-content:space-between;gap:2rem}
.report-cover-main{padding:6mm 0}
.report-cover-main h1{margin:.35rem 0 .5rem;font-size:2.6rem;line-height:1.1;letter-spacing:-.02em}
.report-cover-period{margin:0;font-size:1.5rem;font-weight:650;color:var(--primary-ink)}
.report-cover-scope{margin:.35rem 0 0;color:var(--muted);font-size:1rem}
.report-cover-foot{display:grid;gap:1.25rem;padding-top:6mm;border-top:1px solid var(--border)}
.report-toc{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.5rem 1.5rem;margin:0;padding:0;font-weight:600}
.report-toc li{display:flex;align-items:baseline;gap:.6rem}
.report-num{color:var(--primary-ink);font-weight:700}
.report-meta{margin:0;color:var(--muted);font-size:.8125rem}
.report-head{display:flex;align-items:baseline;gap:.75rem;margin:0 0 5mm;padding-bottom:3mm;border-bottom:2px solid var(--ink)}
.report-head h2{margin:0;font-size:1.5rem;letter-spacing:-.01em}
.report-head p{margin:0 0 0 auto;color:var(--muted);font-size:.875rem}
.report-content .workspace{max-width:none;padding:0;animation:none}
/* La feuille A4 paysage a la largeur d'un écran d'ordinateur : même disposition qu'à l'écran. Chrome évalue les seuils de
   largeur (@media) sur une page portrait à l'impression : la disposition large est donc imposée ici, sans seuil. */
.report-content .kpi-heroes{grid-template-columns:repeat(3,minmax(0,1fr))}
.report-content .kpi-heroes[data-n="1"]{grid-template-columns:minmax(0,1fr)}
.report-content .kpi-heroes[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.report-content .kpi-hero+.kpi-hero{border-left:1px solid var(--border);border-top:0}
.report-content .kpi-minis{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}
.report-content .syn-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
.report-content .syn-grid.syn-grid-even,.report-content .chart-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
/* Commandes de l'application : sans objet sur papier. */
.report-content :is(form,.ws-head,.ctl-body .cell-link,.mix-clear,.rate-hint,.trend-hint,.trend-tools,.trend-chips,.trend-tip,details.kpi-values,details.detail-table>summary,.doc-panel,.icon-button,.wf-chevron,.wf-views:not(.is-static)){display:none!important}
/* Les lignes qui ouvrent des écritures gardent leur libellé, en texte simple. */
.report-content :is(.cell-link,.wf-row){color:inherit;text-decoration:none}
/* Contrôles : sur papier, les petites cartes sans alerte se regroupent entre les cartes dépliées. */
.report-content .ctl-cards{grid-auto-flow:row dense}
.report-content .ctl-card:has(details[open]){grid-column:1 / -1}
.report-content .ctl-pop{position:static;max-height:none;margin:.2rem 1rem .8rem 2.65rem;box-shadow:none}
@media print{
  @page{size:A4 landscape;margin:10mm 12mm 14mm;
    @bottom-left{content:"MyPharma · Rapport d’analyse";font:8pt system-ui,sans-serif;color:#6b7280}
    @bottom-right{content:"Page " counter(page) " / " counter(pages);font:8pt system-ui,sans-serif;color:#6b7280}}
  html,body.report-body{background:#fff}
  body.report-body{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .report-bar{display:none}
  .report{display:block;padding:0}
  .report-sheet{width:auto;max-width:none;min-height:0;padding:0;border-radius:0;box-shadow:none;break-after:page}
  .report-sheet:last-child{break-after:auto}
  .report-cover{min-height:180mm}
  .report-head,.report-content h2,.report-content h3{break-after:avoid}
  .report-content :is(.kpi-hero,.kpi-mini,.chart-card,.syn-lead,.finding,.ctl-item,.ctl-point-row,figure,tr,.wf-row){break-inside:avoid}
  .report-content .ctl-card:not(:has(details[open])){break-inside:avoid}
  .report-content a{color:inherit;text-decoration:none}
}

/* Base de données (2026-11-15) : exercice à côté du titre, recherche de compte, deux menus dépliants. */
.db-head{align-items:center;gap:.5rem 1.5rem}
.db-search{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:.75rem 0}
.db-search label{display:inline-flex;align-items:center;gap:.4rem;font-weight:600}
.db-search input{width:min(100%,20rem);min-height:2.4rem;padding:.35rem .7rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink)}
.db-search-count{color:var(--muted);font-size:.875rem;font-variant-numeric:tabular-nums}
.db-section{margin:.75rem 0;padding:0;overflow:hidden}
.db-section>summary{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem;min-height:3.25rem;padding:.6rem 1.25rem;cursor:pointer}
.db-section>summary::-webkit-details-marker{display:none}
.db-section>summary:hover{background:var(--surface-3)}
.db-section>summary h2{margin:0;font-size:1.1rem}
.db-section-meta{color:var(--muted);font-size:.875rem}
.db-chevron{transition:transform .15s ease;flex:none}
.db-section[open]>summary{border-bottom:1px solid var(--border)}
.db-section[open] .db-chevron{transform:rotate(90deg)}
.db-section-body{padding:.75rem 1.25rem 1rem}
.db-section-body>.empty{box-shadow:none}
@media (prefers-reduced-motion:reduce){.db-chevron{transition:none}}

/* Versions côte à côte (2026-11-15, `mypharma/versions.py`) : bouton de version (administrateurs) et bandeau de la
   version en développement. */
.version-switch{display:inline-flex;align-items:center;padding:.15rem;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface-2)}
.version-switch a{display:inline-flex;align-items:baseline;gap:.2rem;min-height:1.9rem;padding:.2rem .65rem;border-radius:999px;color:var(--muted);font-size:.8125rem;font-weight:600;text-decoration:none;font-variant-numeric:tabular-nums}
.version-switch a:hover{color:var(--ink);background:var(--surface-3)}
.version-switch a[aria-current="page"]{background:var(--primary);color:var(--on-primary)}
.version-switch small{font-size:.6875rem;font-weight:600;opacity:.85}
.dev-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.4rem 1rem;background:var(--warn-bg);color:var(--ink);border-bottom:1px solid var(--warn-border);font-size:.8125rem;text-align:center}
.dev-banner .icon{flex:none;color:var(--warn)}

/* 1.3, liaison ACD (2026-11-15, `docs/architecture/api-acd.md`) : fonctions en attente de l'accès à l'API du cabinet. */
.pending-note{display:inline-flex;align-items:center;gap:.35rem;max-width:100%;padding:.2rem .6rem;border:1px dashed var(--border-strong);border-radius:999px;color:var(--muted);font-size:.75rem;font-weight:600;line-height:1.3}
.pending-note .icon{width:.95rem;height:.95rem;flex:none}
.setting-status{color:var(--muted);font-weight:600}
.setting-journals input{width:6rem;text-transform:uppercase;font-variant-numeric:tabular-nums}
/* Imports : cadres de même hauteur (Lucas) — les documents à gauche occupent la hauteur des cadres FEC, API ACD et LCR. */
@media (min-width:64em){
  .deposit-two{align-items:stretch}
  .deposit-two>.deposit-card{display:flex;flex-direction:column}
  .deposit-two>.deposit-card .dropzone-form{flex:1;grid-template-rows:1fr auto auto}
  .deposit-two>.deposit-card .dropzone{align-content:center}
}
.deposit-stack,.deposit-stack>.deposit-card{min-width:0}
.deposit-stack .deposit-card{display:flex;flex-direction:column}
.deposit-card input[type="file"]{max-width:100%}
.deposit-stack .deposit-card .deposit-actions{align-items:center;margin-top:auto}
.entries-send .pill-pending,.pill-pending{border:1px dashed var(--border-strong);background:transparent;color:var(--muted);cursor:not-allowed}