/* ============================================================================
   Smile — WeKare OS · design tokens (SMILE_WEKARE_OS_DESIGN.md §1)
   Warm, consumer-grade, iOS-clear. Cream canvas · light glass · one dark anchor
   pocket per screen · ocre accent. Values lifted from the approved mockup
   (design/Smile - WeKare OS (standalone).html). Never hard-code a hex or a
   gradient in a screen — reference a token here.
   ============================================================================ */
:root {
  /* ---- Surfaces (warm cream, NOT the old sober grey) ---- */
  --bg:            #FBF3E9;   /* warm cream canvas */
  --canvas:        #FBF3E9;
  --surface:       #FFFFFF;   /* opaque cards where glass is not wanted */
  --surface-raised:#FFFFFF;
  --surface-sunk:  #EEF1F0;   /* wells, tracks, disabled — neutral grey, never the page beige (S0 contrast rule) */
  /* W8-D — the ONE disabled pair of the design system: a disabled control is a sunk well with muted text at FULL
     opacity (4.9:1), never an opacity fade. Every :disabled rule references these two tokens. */
  --disabled-bg:   var(--surface-sunk);
  --disabled-ink:  var(--ink-faint);
  /* the same pair inside a dark pocket (declared after the dark-anchor tokens resolve: custom properties are lazy) */
  --disabled-bg-on-dark:  var(--dark-well);
  --disabled-ink-on-dark: var(--ink-on-dark-muted);   /* 6.7:1 on the well; --ink-on-dark-faint is 4.3:1 */

  /* ---- Glass (the panel material) ---- */
  --glass:         #FFFFFF;                 /* panel fill — opaque white: the beige is the PAGE only (S0) */
  --glass-strong:  rgba(255,255,255,0.97);  /* popovers, menus */
  --glass-top-1:   rgba(255,255,255,0.94);  /* top bar gradient, white (S0) */
  --glass-top-2:   rgba(255,255,255,0.88);
  --blur:          18px;                     /* backdrop blur on glass */
  --blur-soft:     3px;

  /* ---- Borders / hairlines ---- */
  --border:        rgba(23,32,29,0.10);   /* default border on glass */
  --border-strong: rgba(23,32,29,0.12);   /* inputs, chips */
  --hairline:      rgba(23,32,29,0.08);    /* panel edges */
  --hairline-soft: rgba(23,32,29,0.07);    /* table row dividers */

  /* ---- Ink ---- */
  --ink:           #17201D;   /* primary text */
  --ink-muted:     #3B4A45;   /* body */
  --ink-faint:     #5E6B66;   /* muted, captions, labels — WCAG AA: 5.6:1 on white, 5.1:1 on the page */
  --ink-on-accent: #FFF6E9;   /* text on ocre */
  --ink-on-dark:   #F5F0E6;   /* text on the dark anchor */
  --ink-on-dark-muted:#A6BAB3;/* muted text on dark */
  --ink-on-dark-faint:#7E958E;

  /* ---- Dark anchor (sidebar, hero pockets) ---- */
  --dark-1:        #14261F;
  --dark-2:        #0D1A15;
  --grad-sidebar:  linear-gradient(180deg, #14261F, #0D1A15);
  --grad-hero:     linear-gradient(158deg, #123128, #0D231D);   /* revenue pocket */
  --dark-hero-ink: #FBF3E6;

  /* ---- Brand: ocre is the one accent ---- */
  --ocre:          #BA6F0A;   /* primary action */
  --ocre-deep:     #A5620A;
  --ocre-on-dark:  #E9B96A;   /* ocre legible on the dark anchor */
  --grad-ocre:     linear-gradient(120deg, #BA6F0A, #A5620A);
  --grad-ocre-mark:linear-gradient(145deg, #C7871E, #A5620A);   /* the "S" logo tile */
  --ocre-soft:     rgba(186,111,10,0.18);   /* amber accent tint; on white it reads as ocre, never as the page beige (S0) */
  --ocre-tint:     rgba(186,111,10,0.20);   /* focus ring / soft ocre on light (S0: distinct from the page) */

  /* ---- Legacy accents kept so un-migrated screens still resolve ----
     `--sapin` = the dark anchor (was a deep green; still deep green).
     `--teal`  = the status vert, a reasonable interactive accent until each
     screen is migrated to ocre in its own wiring pass. */
  --sapin:         #14261F;
  --sapin-hover:   #123128;
  --teal:          #2F9276;
  --teal-soft:     rgba(47,146,118,0.12);

  /* ---- Status colour code (DESIGN_ROUND1_FIXES §Colours — Abdoulaye's strengths) ----
     libre = strong green · occupé = strong GOLD (not brown/ocre-muddy) · départ posé =
     light red · départ anticipé en option = strong red · réservé = strong blue · option
     = purple. Soft fills are opaque cream-tints (the base composited over the canvas) so
     the occupation views keep the locked rule: status is the FILL + left edge, text stays
     --ink (~12,5:1 on every soft fill), while the status colour itself stays a low-
     contrast fill (1,8–4,2:1) — never legible enough to be mistaken for text.
     FLAG: gold (occupé) sits near the ocre action accent — distinct by hue+lightness;
     confirm by eye. */
  --st-dispo:   #1E9E63;  --st-dispo-soft:  #DCE7D6;  /* vert  — disponible (strong green) */
  --st-occupe:  #E7A013;  --st-occupe-soft: #F8E7CB;  /* or    — occupé (strong gold) */
  --st-depart:  #E07A66;  --st-depart-soft: #F7E2D7;  /* rouge — départ posé (light red) */
  --st-reserve: #2E68D0;  --st-reserve-soft:#DEE0E6;  /* bleu  — réservé (strong blue) */
  --st-option:  #7A50C4;  --st-option-soft: #E9DCE4;  /* violet— option (purple) */
  --st-departopt:#D23B2A; --st-departopt-soft:#F5D9CE;/* rouge — départ anticipé en option (strong red) */

  /* ---- Lifecycle colours — PEOPLE, not cabinets (GL8) ----
     The --st-* family above answers "what is happening to this CABINET on this half-day".
     This one answers "where is this PERSON in their life with WeKare" — a different
     question with different answers, and overloading one palette with both would have made
     neither readable. Five states, and GREEN IS NOT THE DEFAULT: green means there is
     genuinely nothing to do, so it has to be earned. Before this, `statut` had three
     values and almost every practitioner held the one that painted green.
       gris   parti    — already left; not tracked any more
       rouge  départ   — départ posé, or an end date inside 60 days
       ambre  échéance — an end date further out, or an option posed: not yet leaving
       bleu   nouveau  — arrived inside 90 days, still landing
       vert   actif    — installed, no end date, nothing pending */
  --lc-parti:   #5E6B66;  --lc-parti-soft:   rgba(124,138,133,0.16);
  --lc-depart:  #D23B2A;  --lc-depart-soft:  #F5D9CE;
  --lc-risque:  #B87A0F;  --lc-risque-soft:  #F8E7CB;
  --lc-nouveau: #2E68D0;  --lc-nouveau-soft: #DCE4F2;
  --lc-actif:   #1E9E63;  --lc-actif-soft:   #DCE7D6;

  /* ---- Quality flags (CRM) ---- */
  --q-hot:  #C7523F;  --q-hot-soft:  rgba(199,82,63,0.14);
  --q-tiede:#B87A0F;  --q-tiede-soft:rgba(184,122,15,0.14);
  --q-doux: #5E6B66;  --q-doux-soft: rgba(124,138,133,0.16);

  /* ---- Cabinet CATEGORY colours (NOT status — the Plan carries category, never the
     six status colours, per CLAUDE.md « status ... NEVER on the Plan »). Distinct hues
     kept clear of the status palette. ---- */
  --cat-cocoon:  #7E6BB0;  --cat-cocoon-soft:  rgba(126,107,176,0.14);
  --cat-physio:  #3F8B9E;  --cat-physio-soft:  rgba(63,139,158,0.14);
  --cat-medwork: #B0894A;  --cat-medwork-soft: rgba(176,137,74,0.14);

  /* ---- Ticket-category accents (support cards only, never an occupation view, so the
     status palette's locked meaning is untouched). Aliases of measured hues above — no
     new hex is invented; each of the nine support categories gets one distinct token. ---- */
  --tcat-acces:       var(--st-reserve);   /* blue    */
  --tcat-maintenance: var(--ocre);         /* gold    */
  --tcat-menage:      var(--cat-physio);   /* teal    */
  --tcat-equipement:  var(--cat-medwork);  /* tan     */
  --tcat-reservation: var(--st-option);    /* violet  */
  --tcat-facturation: var(--st-dispo);     /* green   */
  --tcat-contrat:     var(--sapin);        /* dark green */
  --tcat-it:          var(--cat-cocoon);   /* purple  */
  --tcat-autre:       var(--ink-muted);    /* neutral */

  /* ---- Gauge / bar tracks ---- */
  --track:        rgba(23,32,29,0.07);

  /* ---- Dark-sidebar specifics (lifted from the mockup) ---- */
  --nav-label:        #5C736C;   /* section labels on dark */
  --nav-ink:          #A6BAB3;   /* nav item rest */
  --nav-active-ink:   #F0DCB6;   /* nav item active */
  --grad-nav-active:  linear-gradient(120deg, rgba(233,185,106,0.20), rgba(233,185,106,0.05));
  --nav-active-border:rgba(233,185,106,0.30);
  --ocre-border:      rgba(233,185,106,0.28);
  --dark-well:        rgba(255,255,255,0.05);
  --dark-hairline:    rgba(255,255,255,0.08);
  --dot-live:         #37A98C;

  /* ---- Dashboard specifics ---- */
  --hero-label:       #C9B59A;   /* muted label inside the dark revenue pocket */
  --hero-ink-muted:   #88A099;
  --delta-up:         #2F9276;
  --grad-panel-inner: linear-gradient(160deg, #FFFFFF, #EEF1F0);  /* gauge hub */

  /* ---- Typography ---- */
  /* One family, two faces: the title face and the body face are the same Albert Sans at
     different weights and sizes. There is no third face. The mono token that used to sit
     beside this one carried every name, reference, count and figure in the app - a
     robotic third voice on exactly the content that most needs to read as language. It
     is gone, and what it was actually reached for, columns of figures that line up, is
     now done by tabular figures in the body face (STEP3-A4). */
  --font-ui:   "Albert Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --fs-micro: 11px;
  --fs-cap:   12px;
  --fs-base:  13px;
  --fs-body:  14px;
  --fs-h3:    16px;
  --fs-h2:    20px;
  --fs-h1:    30px;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-bold:    700;

  --lh-tight: 1.2;
  --lh-base:  1.45;
  --tracking-caps: 0.14em;

  /* ---- Spacing (4px base) ---- */
  --s1: 4px;  --s2: 8px;  --s3: 12px;  --s4: 16px;
  --s5: 20px; --s6: 24px; --s8: 32px;  --s10: 40px;

  /* ---- Radii (from the mockup) ---- */
  --r-sm:   5px;
  --r-md:   8px;
  --r-lg:   12px;
  --r-chip: 11px;
  --r-card: 20px;   /* glass panels */
  --r-hero: 22px;   /* dark pockets, revenue hero */
  --r-pill: 999px;

  /* ---- Shadows (soft, warm) ---- */
  --shadow-1:      0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);   /* NUIT-A A1.2: cards lift off the page */
  --shadow-2:      0 6px 16px -10px rgba(23,32,29,0.35);
  --shadow-3:      0 12px 26px -12px rgba(23,32,29,0.30);
  --shadow-pop:    0 24px 60px -16px rgba(23,32,29,0.35);
  --shadow-glass:  0 1px 2px rgba(23,32,29,0.07), 0 20px 44px -22px rgba(23,32,29,0.34), inset 0 1px 0 rgba(255,255,255,0.75);
  --shadow-hero:   0 18px 40px -28px rgba(23,32,29,0.40);
  --shadow-pocket: 0 30px 66px -30px rgba(23,32,29,0.55), inset 0 1px 0 rgba(255,255,255,0.08);
  --shadow-sidebar:14px 0 40px -30px rgba(23,32,29,0.50);
  --shadow-ocre:   0 8px 20px -8px rgba(186,111,10,0.55);
  --shadow-mark:   0 8px 22px -6px rgba(186,111,10,0.60), inset 0 1px 0 rgba(255,255,255,0.30);

  /* ---- Rhythm ---- */
  --row-h: 44px;
  --control-h: 40px;
  --sidebar-w: 250px;
  --topbar-h: 72px;

  --focus: 0 0 0 3px var(--ocre-tint);
  --dur: 150ms;
}

/* Shared utility classes the mockup uses everywhere. */
/* `.mono` no longer means "a monospace face". It means "figures that line up". */
.mono { font-variant-numeric: tabular-nums; }
.tab  { font-variant-numeric: tabular-nums; }

/* ============================================================================
   DESIGN-V2 — tokens of the approved designs 01 to 05 (design/SmileOS_DESIGNS_01-05,
   the five TOKENS_THEME_CSS.md merged once). Tokens that already existed above are
   reused as they are and are not repeated here. Never hard-code a hex in a screen.
   ============================================================================ */
:root {
  --fw-extra: 800;                                   /* the big figures */

  /* ---- Surfaces, borders, shadows ---- */
  --surface-band:  #F8FAF8;                          /* filter row 2, modal footers, zoom stats band */
  --surface-hover: #F6F8F7;                          /* icon button hover (DESIGN_02 Gear) */
  --border-input:  rgba(23,32,29,0.16);              /* inputs, chips, ghost buttons, seg tracks */
  --shadow-xs:     0 1px 2px rgba(22,38,31,.06), 0 2px 6px -2px rgba(22,38,31,.06);
  --shadow-seg:    0 1px 2px rgba(22,38,31,.25);     /* the active seg option */
  --shadow-modal:  0 24px 60px -16px rgba(23,32,29,0.35), 0 40px 90px -20px rgba(8,18,13,.45);
  --backdrop:      rgba(12,22,17,.52);               /* modals, drawers */
  --backdrop-zoom: rgba(12,22,17,.58);               /* zoom modal */
  --grad-hero-radial: radial-gradient(120% 160% at 0% 0%, #2A4D3F 0%, #1B3128 42%, #12211A 100%);
  --hero-glow:     radial-gradient(circle, rgba(217,169,78,.10), rgba(217,169,78,0) 62%);

  /* ---- Positive / negative ---- */
  --pos: #2E7D55;  --pos-soft: #E2F1E8;
  --neg: #B0442C;  --neg-soft: #F8E5DF;
  --pos-on-dark: #8EDDB2;  --pos-on-dark-soft: rgba(142,221,178,.14);
  --neg-on-dark: #F4A99A;  --neg-on-dark-soft: rgba(244,169,154,.14);

  /* ---- Centres ---- */
  --c-ternes: #1F4D3A;  --c-ag: #3F8F6B;  --c-sg: #8CC0A1;  --c-fbm: #2E6F8E;
  --c-repu: #8FB4CF;  --c-rp: #B8862F;  --c-epi: #C2643F;  --c-berri: #6E4A6B;

  /* ---- Métiers ---- */
  --m-psy: #24493A;  --m-para: #4E8C74;  --m-thm: #9CC5AE;  --m-med: #2F5D7C;
  --m-alt: #C99A4B;  --m-bureau: #A35A3E;  --m-autre: #B9B3A8;

  /* ---- Chart series ---- */
  --s-ca: #2E6B52;  --s-tof: #C08A2E;  --s-marge: #9A6B1E;  --s-pvm: #6E4A6B;
  --s-eng: #2E6F8E;  --s-ltv: #1F4D3A;  --s-obj: #8A6417;

  /* ---- Task labels (white text, all at least 4.5:1) ---- */
  --tl-cs: #94570A;  --tl-prix: #6B4FA8;  --tl-devis: #2E5FB8;  --tl-mes: #1F7A55;
  --tl-dg: #B0442C;  --tl-contrat: #2E6F8E;  --tl-depart: #8E3B5A;  --tl-fact: #4F5D75;
  --tl-option: #A35A3E;  --tl-abo: #4B3F8F;  --tl-perso: #5E6B66;

  /* ---- Due badges (text on its soft fill) ---- */
  --due-late: #9A3A26;   --due-late-soft: var(--neg-soft);
  --due-today: #8A4F06;  --due-today-soft: rgba(186,111,10,0.16);
  --due-done: #24684A;   --due-done-soft: var(--pos-soft);

  /* ---- Finances: sociétés (each matches the centre it holds) ---- */
  --soc-wekare: #2E6B52;  --soc-mesos: #6E4A6B;  --soc-property: #B8862F;  --soc-ora: #C2643F;

  /* ---- Status pills (solid fill, white text). Seven fills carry every label of the
     Finances brief: the label picks its tone, the tone picks its fill. ---- */
  --pill-grey: #6B7570;                /* brouillon, arrêté, révoqué */
  --pill-dark: #4E5652;                /* annulée */
  --pill-blue: var(--tl-devis);        /* à payer, à valider, prêt */
  --pill-red: var(--tl-dg);            /* en retard, en défaut, sans contrat, écart, manquant */
  --pill-amber: var(--tl-cs);          /* partiellement payée, en attente, validé non reçu */
  --pill-green: var(--tl-mes);         /* payée, actif, signé, reçu, remboursé */
  --pill-violet: var(--tl-prix);       /* avoir, facture absente */

  /* ---- Aging (white text) ---- */
  --age-0-15: #C99A4B;  --age-15-30: #B97A32;  --age-30-60: #B0442C;  --age-60: #7E2A1C;

  /* ---- Selection ---- */
  --sel-bar: var(--ink);  --sel-row: rgba(186,111,10,0.06);

  /* ---- Switch ---- */
  --switch-on: var(--tl-mes);  --switch-off: #C9D0CC;

  /* ---- Slot colours: the exact paints of the Plan d'occupation grid (Vue centre,
     « Colorer par statut »), read from the shipped grid. The code wins over the brief. ---- */
  --slot-libre: color-mix(in srgb,var(--st-dispo) 72%,transparent);
  --slot-occupe: color-mix(in srgb,var(--st-occupe) 90%,transparent);
  --slot-depart: color-mix(in srgb,var(--st-departopt) 70%,transparent);
  --slot-reserve: color-mix(in srgb,var(--st-reserve) 70%,transparent);
  --slot-option: repeating-linear-gradient(45deg,color-mix(in srgb,var(--st-dispo) 85%,transparent) 0 7px,rgba(255,255,255,0.5) 7px 10px);
  --slot-depart-anticipe: repeating-linear-gradient(45deg,color-mix(in srgb,var(--st-departopt) 70%,transparent) 0 7px,rgba(255,255,255,0.5) 7px 10px);

  /* ---- Overlay stack (above the app's own dialog at 90, below its toasts at 200) ---- */
  --z-drawer: 120;  --z-pop: 130;  --z-modal: 140;
}

/* ============================================================================
   SHARED COMPONENTS — defined once, used by every lane. The markup comes from the
   helpers in WeKare_OS.html (uiSeg, uiChip, uiPill, uiSwitch, uiIconBtn, uiKpi,
   uiDrawer, uiModal, uiConfirm, uiPrompt, moduleSettings). A lane never restyles
   these classes: it writes inside its own LANE block at the end of this file.
   ============================================================================ */

/* Seg control: sunk track, the active option is an ink fill. */
.ui-seg{display:inline-flex;align-items:center;gap:2px;padding:3px;height:38px;box-sizing:border-box;
  background:var(--surface-sunk);border:1px solid var(--border);border-radius:var(--r-lg)}
.ui-seg button{height:32px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;
  font-weight:var(--fw-semi);background:transparent;color:var(--ink-muted);cursor:pointer;white-space:nowrap}
.ui-seg button[aria-pressed="true"]{font-weight:var(--fw-bold);background:var(--ink);color:var(--surface);
  box-shadow:var(--shadow-seg)}
.ui-seg button:focus-visible{outline:3px solid var(--ocre-tint)}
.ui-seg.ui-seg--sm{height:34px}
.ui-seg.ui-seg--sm button{height:28px}

/* Chip: a filter with its colour square and its count. */
.ui-chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;box-sizing:border-box;
  border:1px solid var(--border-input);border-radius:10px;background:var(--surface);color:var(--ink);
  font:inherit;font-size:13px;font-weight:var(--fw-semi);box-shadow:var(--shadow-xs);white-space:nowrap}
button.ui-chip{cursor:pointer}
.ui-chip:focus-visible{outline:3px solid var(--ocre-tint)}
.ui-chip .ui-chip__sq{width:10px;height:10px;border-radius:3px;flex:none}
.ui-chip .ui-chip__n{font-size:12px;font-weight:var(--fw-bold);color:var(--ink-faint);font-variant-numeric:tabular-nums}
.ui-chip.is-on{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.ui-chip.is-on .ui-chip__n{color:var(--ink-on-dark-muted)}

/* Status pill: solid fill, white text. */
.ui-pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;box-sizing:border-box;border-radius:6px;
  font-size:11.5px;font-weight:var(--fw-bold);line-height:1;white-space:nowrap;color:var(--surface);
  background:var(--pill-grey)}
.ui-pill.ui-pill--grey{background:var(--pill-grey)}
.ui-pill.ui-pill--dark{background:var(--pill-dark)}
.ui-pill.ui-pill--blue{background:var(--pill-blue)}
.ui-pill.ui-pill--red{background:var(--pill-red)}
.ui-pill.ui-pill--amber{background:var(--pill-amber)}
.ui-pill.ui-pill--green{background:var(--pill-green)}
.ui-pill.ui-pill--violet{background:var(--pill-violet)}

/* Switch: a real checkbox (role=switch) under a 40 x 22 track. */
.ui-switch{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;
  font-size:13.5px;font-weight:var(--fw-semi);color:var(--ink);cursor:pointer}
.ui-switch input{position:absolute;opacity:0;width:1px;height:1px}
.ui-switch .ui-switch__track{position:relative;flex:none;width:40px;height:22px;border-radius:11px;
  background:var(--switch-off);transition:background var(--dur)}
.ui-switch .ui-switch__track::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;
  border-radius:50%;background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left var(--dur)}
.ui-switch input:checked + .ui-switch__track{background:var(--switch-on)}
.ui-switch input:checked + .ui-switch__track::after{left:20px}
.ui-switch input:focus-visible + .ui-switch__track{outline:3px solid var(--ocre-tint)}

/* Icon button: 40 (default) or 34. */
.ui-iconbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:40px;height:40px;padding:0;box-sizing:border-box;border-radius:11px;border:1px solid var(--border-input);
  background:var(--surface);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-xs)}
.ui-iconbtn:hover{background:var(--surface-hover);box-shadow:var(--shadow-1)}
.ui-iconbtn:focus-visible{outline:3px solid var(--ocre-tint)}
.ui-iconbtn[aria-expanded="true"]{background:var(--ink);color:var(--surface)}
.ui-iconbtn.ui-iconbtn--34{width:34px;height:34px;border-radius:9px;border-color:var(--border);
  color:var(--ink-muted);box-shadow:none}
.ui-iconbtn.has-dot::after{content:"";position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;
  background:var(--ocre);box-shadow:0 0 0 2px var(--surface)}

/* KPI tile: a white card, the figure at 800. */
.ui-kpi{display:flex;flex-direction:column;gap:6px;min-width:0;padding:18px 20px;box-sizing:border-box;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-1)}
.ui-kpi .ui-kpi__label{font-size:12px;font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink-faint)}
.ui-kpi .ui-kpi__value{font-size:28px;font-weight:var(--fw-extra);line-height:1.1;color:var(--ink);
  font-variant-numeric:tabular-nums}
.ui-kpi .ui-kpi__delta{align-self:flex-start;display:inline-flex;align-items:center;height:22px;padding:0 8px;
  border-radius:6px;font-size:12px;font-weight:var(--fw-bold);color:var(--ink-muted);background:var(--surface-sunk);
  font-variant-numeric:tabular-nums}
.ui-kpi .ui-kpi__delta.is-pos{color:var(--pos);background:var(--pos-soft)}
.ui-kpi .ui-kpi__delta.is-neg{color:var(--neg);background:var(--neg-soft)}
.ui-kpi .ui-kpi__sub{font-size:12.5px;color:var(--ink-faint)}

/* Right drawer: 600 (default) or 560, over the backdrop. */
.ui-drawer-wrap{position:fixed;inset:0;z-index:var(--z-drawer)}
.ui-drawer-wrap .ui-drawer__backdrop{position:absolute;inset:0;background:var(--backdrop)}
.ui-drawer{position:fixed;top:0;right:0;bottom:0;width:600px;max-width:100vw;box-sizing:border-box;display:flex;
  flex-direction:column;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-modal)}
.ui-drawer.ui-drawer--560{width:560px}
.ui-drawer .ui-drawer__head{display:flex;align-items:center;gap:12px;padding:18px 22px;
  border-bottom:1px solid var(--hairline)}
.ui-drawer .ui-drawer__head h2{flex:1;min-width:0;margin:0;font-size:17px;font-weight:var(--fw-extra)}
.ui-drawer .ui-drawer__body{flex:1;min-height:0;overflow:auto;padding:20px 22px}
.ui-drawer .ui-drawer__foot{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:14px 22px;
  border-top:1px solid var(--hairline);background:var(--surface-band)}
.ui-drawer .ui-drawer__foot:empty{display:none}

/* In-app modal (uiModal, uiConfirm, uiPrompt). */
.ui-modal-wrap{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;
  padding:24px;box-sizing:border-box;background:var(--backdrop)}
.ui-modal{display:flex;flex-direction:column;width:480px;max-width:100%;max-height:100%;box-sizing:border-box;
  overflow:hidden;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:18px;
  box-shadow:var(--shadow-modal)}
.ui-modal .ui-modal__head{display:flex;align-items:center;gap:12px;padding:18px 20px 10px}
.ui-modal .ui-modal__head h2{flex:1;min-width:0;margin:0;font-size:16px;font-weight:var(--fw-extra)}
.ui-modal .ui-modal__body{flex:1;min-height:0;overflow:auto;padding:0 20px 18px;font-size:13.5px;
  line-height:var(--lh-base);color:var(--ink-muted)}
.ui-modal .ui-modal__body p{margin:0 0 10px}
.ui-modal .ui-modal__msg{min-height:17px;margin-top:8px;font-size:12px;color:var(--neg)}
.ui-modal .ui-modal__foot{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;
  border-top:1px solid var(--hairline);background:var(--surface-band)}

/* Gear popover (moduleSettings): 380 wide, right-aligned 8px under its button. */
.ui-gear-pop{position:fixed;z-index:var(--z-pop);width:380px;box-sizing:border-box;overflow:hidden;
  background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:18px;
  box-shadow:var(--shadow-modal)}
.ui-gear-pop .ui-gear-pop__head{display:flex;align-items:center;gap:10px;padding:16px 18px}
.ui-gear-pop .ui-gear-pop__badge{display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:32px;height:32px;border-radius:10px;background:var(--ink);color:var(--surface)}
.ui-gear-pop .ui-gear-pop__head h2{flex:1;min-width:0;margin:0;font-size:15.5px;font-weight:var(--fw-extra)}
.ui-gear-pop .ui-gear-pop__sec{display:flex;flex-direction:column;gap:12px;padding:16px 18px;
  border-top:1px solid var(--hairline)}
.ui-gear-pop .ui-gear-pop__cap{font-size:11px;font-weight:var(--fw-bold);letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-faint)}
.ui-gear-pop .ui-gear-pop__row{display:flex;align-items:center;justify-content:space-between;gap:12px;
  font-size:13.5px;font-weight:var(--fw-semi)}
.ui-gear-pop .ui-gear-pop__foot{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;
  border-top:1px solid var(--hairline);background:var(--surface-band)}

/* ============================================================================
   LANE BLOCKS — each lane writes its CSS inside its own block and nowhere else.
   ============================================================================ */
/* ==== LANE:DASH ==== */
/* DASH lane — the classes below are the reference's inline styles, moved mechanically (one class per distinct
   style string, declarations byte-identical): design/SmileOS_DESIGNS_01-05/DESIGN_01_dashboard/reference_html. */
.dash-root{margin:-14px -8px -8px;line-height:normal;font-family:'Albert Sans', system-ui, sans-serif;color:#17201D;font-variant-numeric:tabular-nums}
.dash-root .dash-main{max-width:1400px;margin:0 auto}
.dash-scope *{box-sizing:content-box}
.dash-scope button,.dash-scope select,.dash-scope input[type=checkbox]{box-sizing:border-box}
.dash-scope a{color:#17201D}
.dash-scope button.dash-x156,.dash-scope button.dash-x198{padding:0;font:inherit}
.dash-scope button.dash-x198{padding:0 16px;font-size:14px;font-weight:700;cursor:pointer}
.dash-scope .dash-chip-on,.dash-scope .dash-btn.dash-chip-on.dash-x44:hover{border:1px solid #17201D;background:#17201D;color:#fff;font-weight:700}
.dash-scope .dash-sw-off{background:#AEB7B1}
.dash-scope .dash-sw-off .dash-x39{left:2px}
.dash-scope .dash-rel{position:relative}
.dash-scope .dash-menu{position:absolute;right:0;top:44px;z-index:6;min-width:240px;padding:8px;display:flex;flex-direction:column;gap:4px;background:#FFFFFF;border:1px solid rgba(23,32,29,0.10);border-radius:12px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26)}
.dash-scope .dash-menu button,.dash-scope .dash-menu button.dash-btn{height:34px;padding:0 12px;border:0;border-radius:9px;background:transparent;font:inherit;font-size:13.5px;font-weight:600;color:#17201D;text-align:left;cursor:pointer}
.dash-scope .dash-menu button:hover{background:#EEF1F0}
.dash-scope .dash-menu span{padding:6px 12px;font-size:13px;color:#5E6B66}
.dash-scope .dash-msg{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px}
.dash-scope .dash-msg-dark{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:124px}
.dash-scope .dash-busy{opacity:.55;pointer-events:none}
.dash-scope .dash-na{color:#5E6B66;font-weight:600}
.dash-scope .dash-pill-slot{min-height:22px}
.dash-scope .dash-zoom-body{position:relative;flex:1;padding:18px 28px 18px;min-height:0;overflow:auto}
.dash-zoom-layer{position:fixed;inset:0;z-index:var(--z-modal);line-height:normal;font-family:'Albert Sans', system-ui, sans-serif;color:#17201D;font-variant-numeric:tabular-nums}
.dash-scope .dash-tip{display:none}
.dash-scope .dash-tip.on{display:block}
.dash-scope button:focus-visible,.dash-scope a:focus-visible,.dash-scope input:focus-visible,.dash-scope select:focus-visible{outline:2px solid #BA6F0A;outline-offset:2px}
.dash-scope .dash-x6,.dash-scope .dash-btn.dash-x6:hover{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.dash-scope .dash-x16,.dash-scope .dash-btn.dash-x16:hover{color:#5E6B66}
.dash-scope .dash-x17,.dash-scope .dash-btn.dash-x17:hover{max-width:1400px;margin:0 auto;padding:18px 32px 56px}
.dash-scope .dash-x18,.dash-scope .dash-btn.dash-x18:hover{display:flex;flex-wrap:wrap;border-bottom:1px solid rgba(23,32,29,0.16);margin-bottom:20px}
.dash-scope .dash-x19,.dash-scope .dash-btn.dash-x19:hover{display:inline-flex;align-items:center;height:46px;padding:0 4px;margin-right:28px;text-decoration:none;font-size:15px;font-weight:700;color:#17201D;border-bottom:2.5px solid #17201D}
.dash-scope .dash-x20,.dash-scope .dash-btn.dash-x20:hover{display:inline-flex;align-items:center;height:46px;padding:0 4px;margin-right:28px;text-decoration:none;font-size:15px;font-weight:600;color:#5E6B66;border-bottom:2.5px solid transparent}
.dash-scope .dash-x21,.dash-scope .dash-btn.dash-x21:hover{background:#FFFFFF;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);overflow:hidden;margin-bottom:22px}
.dash-scope .dash-x22,.dash-scope .dash-btn.dash-x22:hover{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 16px;padding:16px 20px}
.dash-scope .dash-x23,.dash-scope .dash-btn.dash-x23:hover{display:flex;flex-direction:column;gap:7px}
.dash-scope .dash-x24,.dash-scope .dash-btn.dash-x24:hover{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5E6B66}
.dash-scope .dash-x25,.dash-scope .dash-btn.dash-x25:hover{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid rgba(23,32,29,0.16);border-radius:11px;background:#FFFFFF;color:#17201D;box-shadow:inset 0 1px 0 rgba(22,38,31,.03)}
.dash-scope input[type="date"].dash-x26,.dash-scope input[type="date"].dash-x196{width:136px}
.dash-scope .dash-x26,.dash-scope .dash-btn.dash-x26:hover{border:0;outline:0;font:inherit;font-size:14px;font-weight:600;width:96px;color:#17201D;background:transparent;font-variant-numeric:tabular-nums}
.dash-scope .dash-x27,.dash-scope .dash-btn.dash-x27:hover{width:1px;align-self:stretch;background:rgba(23,32,29,0.10)}
.dash-scope .dash-x28,.dash-scope .dash-btn.dash-x28:hover{display:inline-flex;align-items:center;gap:2px;padding:3px;height:38px;box-sizing:border-box;background:#EEF1F0;border:1px solid rgba(23,32,29,0.10);border-radius:12px}
.dash-scope .dash-x29,.dash-scope .dash-btn.dash-x29:hover{height:32px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;cursor:pointer;font-weight:700;background:#17201D;color:#fff;box-shadow:0 1px 2px rgba(22,38,31,.25)}
.dash-scope .dash-x30,.dash-scope .dash-btn.dash-x30:hover{height:32px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;cursor:pointer;font-weight:600;background:transparent;color:#3B4A45}
.dash-scope .dash-x31,.dash-scope .dash-btn.dash-x31:hover{display:flex;flex-wrap:wrap;gap:8px}
.dash-scope .dash-x32,.dash-scope .dash-btn.dash-x32:hover{flex:1 1 0}
.dash-scope .dash-x33,.dash-scope .dash-btn.dash-x33:hover{position:relative;display:inline-flex;align-items:center}
.dash-scope .dash-x34,.dash-scope .dash-btn.dash-x34:hover{appearance:none;-webkit-appearance:none;height:34px;padding:0 34px 0 13px;border-radius:10px;border:1px solid rgba(23,32,29,0.16);background:#FFFFFF;font:inherit;font-size:13.5px;font-weight:600;color:#17201D;cursor:pointer}
.dash-scope .dash-x35,.dash-scope .dash-btn.dash-x35:hover{position:absolute;right:10px;color:#5E6B66;pointer-events:none}
.dash-scope .dash-x36,.dash-scope .dash-btn.dash-x36:hover{display:inline-flex;align-items:center;gap:10px;height:34px;cursor:pointer}
.dash-scope .dash-x37,.dash-scope .dash-btn.dash-x37:hover{position:absolute;opacity:0;width:1px;height:1px}
.dash-scope .dash-x38,.dash-scope .dash-btn.dash-x38:hover{width:40px;height:22px;border-radius:11px;background:#2E6B52;position:relative;box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}
.dash-scope .dash-x39,.dash-scope .dash-btn.dash-x39:hover{position:absolute;top:2px;left:20px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.dash-scope .dash-x40,.dash-scope .dash-btn.dash-x40:hover{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 22px;padding:14px 20px 16px;background:#F8FAF8;border-top:1px solid rgba(23,32,29,0.10)}
.dash-scope .dash-x41,.dash-scope .dash-btn.dash-x41:hover{display:flex;flex-direction:column;gap:7px;flex:1 1 auto;min-width:0}
.dash-scope .dash-x42,.dash-scope .dash-btn.dash-x42:hover{display:flex;flex-wrap:wrap;gap:6px}
.dash-scope .dash-x43,.dash-scope .dash-btn.dash-x43:hover{height:34px;padding:0 14px;border-radius:17px;border:1px solid #17201D;background:#17201D;color:#fff;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.dash-scope .dash-x44,.dash-scope .dash-btn.dash-x44:hover{height:34px;padding:0 13px 0 11px;border-radius:17px;border:1px solid rgba(23,32,29,0.16);background:#FFFFFF;color:#17201D;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px}
.dash-scope .dash-x45,.dash-scope .dash-btn.dash-x45:hover{width:9px;height:9px;border-radius:50%;background:#1F4D3A}
.dash-scope .dash-x46,.dash-scope .dash-btn.dash-x46:hover{width:9px;height:9px;border-radius:50%;background:#3F8F6B}
.dash-scope .dash-x47,.dash-scope .dash-btn.dash-x47:hover{width:9px;height:9px;border-radius:50%;background:#8CC0A1}
.dash-scope .dash-x48,.dash-scope .dash-btn.dash-x48:hover{width:9px;height:9px;border-radius:50%;background:#2E6F8E}
.dash-scope .dash-x49,.dash-scope .dash-btn.dash-x49:hover{width:9px;height:9px;border-radius:50%;background:#8FB4CF}
.dash-scope .dash-x50,.dash-scope .dash-btn.dash-x50:hover{width:9px;height:9px;border-radius:50%;background:#B8862F}
.dash-scope .dash-x51,.dash-scope .dash-btn.dash-x51:hover{width:9px;height:9px;border-radius:50%;background:#C2643F}
.dash-scope .dash-x52,.dash-scope .dash-btn.dash-x52:hover{width:9px;height:9px;border-radius:50%;background:#6E4A6B}
.dash-scope .dash-x53,.dash-scope .dash-btn.dash-x53:hover{position:relative;border-radius:22px;background:radial-gradient(120% 160% at 0% 0%, #2A4D3F 0%, #1B3128 42%, #12211A 100%);box-shadow:0 1px 0 rgba(255,255,255,.06) inset, 0 28px 50px -28px rgba(18,33,26,.7), 0 2px 4px rgba(18,33,26,.18);overflow:hidden;margin-bottom:22px}
.dash-scope .dash-x54,.dash-scope .dash-btn.dash-x54:hover{position:absolute;right:-120px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle, rgba(217,169,78,.10), rgba(217,169,78,0) 62%);pointer-events:none}
.dash-scope .dash-x55,.dash-scope .dash-btn.dash-x55:hover{position:relative;display:flex;flex-wrap:wrap;gap:26px;padding:28px}
.dash-scope .dash-x56,.dash-scope .dash-btn.dash-x56:hover{flex:1.45 1 520px;min-width:0;display:flex;flex-direction:column;gap:22px}
.dash-scope .dash-x57,.dash-scope .dash-btn.dash-x57:hover{display:flex;flex-direction:column;gap:10px}
.dash-scope .dash-x58,.dash-scope .dash-btn.dash-x58:hover{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.dash-scope .dash-x59,.dash-scope .dash-btn.dash-x59:hover{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.dash-scope .dash-x60,.dash-scope .dash-btn.dash-x60:hover{font-size:76px;line-height:.95;font-weight:800;letter-spacing:-0.035em;color:#fff}
.dash-scope .dash-x61,.dash-scope .dash-btn.dash-x61:hover{font-size:28px;font-weight:700;color:#E9B96A}
.dash-scope .dash-x62,.dash-scope .dash-btn.dash-x62:hover{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:11px;background:rgba(142,221,178,.14);color:#8EDDB2;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.dash-scope .dash-x63,.dash-scope .dash-btn.dash-x63:hover{font-size:8px}
.dash-scope .dash-x64,.dash-scope .dash-btn.dash-x64:hover{font-size:14px;color:rgba(255,255,255,.8)}
.dash-scope .dash-x65,.dash-scope .dash-btn.dash-x65:hover{color:#fff}
.dash-scope .dash-x66,.dash-scope .dash-btn.dash-x66:hover{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.dash-scope .dash-x67,.dash-scope .dash-btn.dash-x67:hover{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:15px;border:1px solid rgba(217,169,78,.45);background:rgba(217,169,78,.12);color:#F1D39A;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.dash-scope .dash-x68,.dash-scope .dash-btn.dash-x68:hover{height:1px;background:linear-gradient(90deg, rgba(255,255,255,.16), rgba(255,255,255,.04))}
.dash-scope .dash-x69,.dash-scope .dash-btn.dash-x69:hover{display:grid;grid-template-columns:repeat(auto-fit, minmax(128px, 1fr));gap:18px 20px}
.dash-scope .dash-x70,.dash-scope .dash-btn.dash-x70:hover{display:flex;flex-direction:column;gap:6px;min-width:0}
.dash-scope .dash-x71,.dash-scope .dash-btn.dash-x71:hover{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#A6BAB3}
.dash-scope .dash-x72,.dash-scope .dash-btn.dash-x72:hover{font-size:22px;font-weight:800;color:#fff;letter-spacing:-0.01em;white-space:nowrap}
.dash-scope .dash-x73,.dash-scope .dash-btn.dash-x73:hover{display:flex;align-items:center;gap:6px}
.dash-scope .dash-x74,.dash-scope .dash-btn.dash-x74:hover{font-size:11.5px;color:rgba(255,255,255,.6)}
.dash-scope .dash-x75,.dash-scope .dash-btn.dash-x75:hover{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:11px;background:rgba(244,169,154,.14);color:#F4A99A;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.dash-scope .dash-x76,.dash-scope .dash-btn.dash-x76:hover{flex:1 1 380px;min-width:0}
.dash-scope .dash-x77,.dash-scope .dash-btn.dash-x77:hover{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:16px;height:100%;box-sizing:border-box;background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.dash-scope .dash-x78,.dash-scope .dash-btn.dash-x78:hover{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.dash-scope .dash-x79,.dash-scope .dash-btn.dash-x79:hover{display:flex;flex-direction:column;gap:5px;min-width:0}
.dash-scope .dash-x80,.dash-scope .dash-btn.dash-x80:hover{font-size:20px;line-height:1.1;font-weight:800;color:#fff}
.dash-scope .dash-x81,.dash-scope .dash-btn.dash-x81:hover{font-size:12.5px;color:rgba(255,255,255,.72)}
.dash-scope .dash-x82,.dash-scope .dash-btn.dash-x82:hover{color:#fff;font-weight:800}
.dash-scope .dash-x83,.dash-scope .dash-btn.dash-x83:hover{margin:0 8px;color:rgba(255,255,255,.35)}
.dash-scope .dash-x84,.dash-scope .dash-btn.dash-x84:hover{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.dash-scope .dash-x85,.dash-scope .dash-btn.dash-x85:hover{font-size:18px;font-weight:800;color:rgba(255,255,255,.85)}
.dash-scope .dash-x86,.dash-scope .dash-btn.dash-x86:hover{height:124px;display:flex;flex-direction:column}
.dash-scope .dash-x87,.dash-scope .dash-btn.dash-x87:hover{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;border-bottom:1px dashed rgba(255,255,255,.22);margin-bottom:8px}
.dash-scope .dash-x88,.dash-scope .dash-btn.dash-x88:hover{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8)}
.dash-scope .dash-x89,.dash-scope .dash-btn.dash-x89:hover{font-size:14px;font-weight:700;color:#fff}
.dash-scope .dash-x90,.dash-scope .dash-btn.dash-x90:hover{display:flex}
.dash-scope .dash-x91,.dash-scope .dash-btn.dash-x91:hover{flex:1;text-align:center;font-size:11.5px;font-weight:600;color:rgba(255,255,255,.5)}
.dash-scope .dash-x92,.dash-scope .dash-btn.dash-x92:hover{flex:1 1 140px;display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:8px 12px;border-radius:11px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.dash-scope .dash-x93,.dash-scope .dash-btn.dash-x93:hover{font-size:12px;color:rgba(255,255,255,.7)}
.dash-scope .dash-x94,.dash-scope .dash-btn.dash-x94:hover{font-size:14px;font-weight:800;color:#fff;white-space:nowrap}
.dash-scope .dash-x95,.dash-scope .dash-btn.dash-x95:hover{font-size:14px;font-weight:800;color:#F4A99A;white-space:nowrap}
.dash-scope .dash-x96,.dash-scope .dash-btn.dash-x96:hover{background:#FFFFFF;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);margin-bottom:22px;overflow:hidden}
.dash-scope .dash-x97,.dash-scope .dash-btn.dash-x97:hover{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 0}
.dash-scope .dash-x98,.dash-scope .dash-btn.dash-x98:hover{margin:0;font-size:15.5px;font-weight:700;color:#17201D}
.dash-scope .dash-x99,.dash-scope .dash-btn.dash-x99:hover{margin:3px 0 0;font-size:12.5px;color:#5E6B66}
.dash-scope .dash-x100,.dash-scope .dash-btn.dash-x100:hover{height:36px;padding:0 14px;border-radius:10px;border:1px solid rgba(23,32,29,0.10);background:#EEF1F0;color:#17201D;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.dash-scope .dash-x101,.dash-scope .dash-btn.dash-x101:hover{overflow-x:auto;margin-top:12px}
.dash-scope .dash-x102,.dash-scope .dash-btn.dash-x102:hover{width:100%;min-width:860px;border-collapse:collapse;font-variant-numeric:tabular-nums}
.dash-scope .dash-x103,.dash-scope .dash-btn.dash-x103:hover{text-align:left;padding:12px 16px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5E6B66;white-space:nowrap;border-bottom:1px solid rgba(23,32,29,0.16)}
.dash-scope .dash-x104,.dash-scope .dash-btn.dash-x104:hover{text-align:right;padding:12px 16px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5E6B66;white-space:nowrap;border-bottom:1px solid rgba(23,32,29,0.16)}
.dash-scope .dash-x105,.dash-scope .dash-btn.dash-x105:hover{padding:11px 16px;border-bottom:1px solid rgba(23,32,29,0.10);font-size:14px;text-align:right;white-space:nowrap;text-align:left;font-weight:600}
.dash-scope .dash-x106,.dash-scope .dash-btn.dash-x106:hover{display:inline-flex;align-items:center;gap:10px}
.dash-scope .dash-x107,.dash-scope .dash-btn.dash-x107:hover{width:10px;height:10px;border-radius:3px;background:#1F4D3A}
.dash-scope .dash-x108,.dash-scope .dash-btn.dash-x108:hover{padding:11px 16px;border-bottom:1px solid rgba(23,32,29,0.10);font-size:14px;text-align:right;white-space:nowrap;font-weight:600}
.dash-scope .dash-x109,.dash-scope .dash-btn.dash-x109:hover{padding:11px 16px;border-bottom:1px solid rgba(23,32,29,0.10);font-size:14px;text-align:right;white-space:nowrap}
.dash-scope .dash-x110,.dash-scope .dash-btn.dash-x110:hover{display:inline-flex;align-items:center;gap:10px;justify-content:flex-end;width:100%}
.dash-scope .dash-x111,.dash-scope .dash-btn.dash-x111:hover{font-weight:600}
.dash-scope .dash-x112,.dash-scope .dash-btn.dash-x112:hover{width:72px;height:6px;border-radius:3px;background:#E9EDEA;overflow:hidden}
.dash-scope .dash-x113,.dash-scope .dash-btn.dash-x113:hover{display:block;height:100%;width:67.9%;background:#1F4D3A;border-radius:3px}
.dash-scope .dash-x114,.dash-scope .dash-btn.dash-x114:hover{color:#2E7D55;font-weight:700}
.dash-scope .dash-x115,.dash-scope .dash-btn.dash-x115:hover{padding:11px 16px;border-bottom:1px solid rgba(23,32,29,0.10);font-size:14px;text-align:right;white-space:nowrap;font-weight:700;color:#17201D}
.dash-scope .dash-x116,.dash-scope .dash-btn.dash-x116:hover{width:10px;height:10px;border-radius:3px;background:#3F8F6B}
.dash-scope .dash-x117,.dash-scope .dash-btn.dash-x117:hover{display:block;height:100%;width:76.8%;background:#3F8F6B;border-radius:3px}
.dash-scope .dash-x118,.dash-scope .dash-btn.dash-x118:hover{color:#B0442C;font-weight:700}
.dash-scope .dash-x119,.dash-scope .dash-btn.dash-x119:hover{width:10px;height:10px;border-radius:3px;background:#8CC0A1}
.dash-scope .dash-x120,.dash-scope .dash-btn.dash-x120:hover{display:block;height:100%;width:71.4%;background:#8CC0A1;border-radius:3px}
.dash-scope .dash-x121,.dash-scope .dash-btn.dash-x121:hover{color:#5E6B66;font-weight:600}
.dash-scope .dash-x122,.dash-scope .dash-btn.dash-x122:hover{width:10px;height:10px;border-radius:3px;background:#2E6F8E}
.dash-scope .dash-x123,.dash-scope .dash-btn.dash-x123:hover{display:block;height:100%;width:82.1%;background:#2E6F8E;border-radius:3px}
.dash-scope .dash-x124,.dash-scope .dash-btn.dash-x124:hover{width:10px;height:10px;border-radius:3px;background:#8FB4CF}
.dash-scope .dash-x125,.dash-scope .dash-btn.dash-x125:hover{display:block;height:100%;width:79.6%;background:#8FB4CF;border-radius:3px}
.dash-scope .dash-x126,.dash-scope .dash-btn.dash-x126:hover{padding:12px 16px;font-size:14px;text-align:right;white-space:nowrap;background:#EEF1F0;font-weight:700;border-bottom:1px solid rgba(23,32,29,0.16);text-align:left}
.dash-scope .dash-x127,.dash-scope .dash-btn.dash-x127:hover{padding:12px 16px;font-size:14px;text-align:right;white-space:nowrap;background:#EEF1F0;font-weight:700;border-bottom:1px solid rgba(23,32,29,0.16)}
.dash-scope .dash-x128,.dash-scope .dash-btn.dash-x128:hover{width:10px;height:10px;border-radius:3px;background:#B8862F}
.dash-scope .dash-x129,.dash-scope .dash-btn.dash-x129:hover{display:block;height:100%;width:84.3%;background:#B8862F;border-radius:3px}
.dash-scope .dash-x130,.dash-scope .dash-btn.dash-x130:hover{width:10px;height:10px;border-radius:3px;background:#C2643F}
.dash-scope .dash-x131,.dash-scope .dash-btn.dash-x131:hover{display:block;height:100%;width:68.2%;background:#C2643F;border-radius:3px}
.dash-scope .dash-x132,.dash-scope .dash-btn.dash-x132:hover{width:10px;height:10px;border-radius:3px;background:#6E4A6B}
.dash-scope .dash-x133,.dash-scope .dash-btn.dash-x133:hover{display:block;height:100%;width:74.0%;background:#6E4A6B;border-radius:3px}
.dash-scope .dash-x134,.dash-scope .dash-btn.dash-x134:hover{padding:11px 16px;border-bottom:1px solid rgba(23,32,29,0.10);font-size:14px;text-align:right;white-space:nowrap;font-weight:700;color:#B0442C}
.dash-scope .dash-x135,.dash-scope .dash-btn.dash-x135:hover{padding:14px 16px;font-size:15px;text-align:right;white-space:nowrap;font-weight:800;color:#fff;background:#17201D;text-align:left;border-bottom-left-radius:14px}
.dash-scope .dash-x136,.dash-scope .dash-btn.dash-x136:hover{padding:14px 16px;font-size:15px;text-align:right;white-space:nowrap;font-weight:800;color:#fff;background:#17201D}
.dash-scope .dash-x137,.dash-scope .dash-btn.dash-x137:hover{padding:14px 16px;font-size:15px;text-align:right;white-space:nowrap;font-weight:800;color:#fff;background:#17201D;color:#8EDDB2}
.dash-scope .dash-x138,.dash-scope .dash-btn.dash-x138:hover{padding:14px 16px;font-size:15px;text-align:right;white-space:nowrap;font-weight:800;color:#fff;background:#17201D;color:#E9B96A;border-bottom-right-radius:14px}
.dash-scope .dash-x139,.dash-scope .dash-btn.dash-x139:hover{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin:8px 0 14px}
.dash-scope .dash-x140,.dash-scope .dash-btn.dash-x140:hover{margin:0;font-size:19px;font-weight:800}
.dash-scope .dash-x141,.dash-scope .dash-btn.dash-x141:hover{margin:4px 0 0;font-size:13px;color:#5E6B66}
.dash-scope .dash-x142,.dash-scope .dash-btn.dash-x142:hover{height:38px;padding:0 14px;border-radius:10px;border:1px solid rgba(23,32,29,0.16);background:#FFFFFF;color:#17201D;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.dash-scope .dash-x143,.dash-scope .dash-btn.dash-x143:hover{display:grid;grid-template-columns:repeat(auto-fit, minmax(340px, 1fr));gap:18px}
.dash-scope .dash-x144,.dash-scope .dash-btn.dash-x144:hover{background:#FFFFFF;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);display:flex;flex-direction:column}
.dash-scope .dash-x145,.dash-scope .dash-btn.dash-x145:hover{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:18px 18px 4px}
.dash-scope .dash-x146,.dash-scope .dash-btn.dash-x146:hover{margin:0;font-size:14px;font-weight:700;color:#3B4A45}
.dash-scope .dash-x147,.dash-scope .dash-btn.dash-x147:hover{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dash-scope .dash-x148,.dash-scope .dash-btn.dash-x148:hover{font-size:24px;font-weight:800;letter-spacing:-0.01em}
.dash-scope .dash-x149,.dash-scope .dash-btn.dash-x149:hover{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:11px;background:#E2F1E8;color:#2E7D55;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.dash-scope .dash-x150,.dash-scope .dash-btn.dash-x150:hover{display:flex;gap:14px;flex-wrap:wrap}
.dash-scope .dash-x151,.dash-scope .dash-btn.dash-x151:hover{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#3B4A45}
.dash-scope .dash-x152,.dash-scope .dash-btn.dash-x152:hover{width:14px;height:3px;border-radius:2px;background:#2E6B52}
.dash-scope .dash-x153,.dash-scope .dash-btn.dash-x153:hover{width:14px;height:3px;border-radius:2px;background:#8A6417;opacity:.8}
.dash-scope .dash-x154,.dash-scope .dash-btn.dash-x154:hover{width:14px;height:3px;border-radius:2px;background:#2E6B52;opacity:.8}
.dash-scope .dash-x155,.dash-scope .dash-btn.dash-x155:hover{display:flex;gap:6px}
.dash-scope .dash-x156,.dash-scope .dash-btn.dash-x156:hover{width:34px;height:34px;border-radius:10px;border:1px solid rgba(23,32,29,0.10);background:transparent;color:#3B4A45;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none}
.dash-scope .dash-x157,.dash-scope .dash-btn.dash-x157:hover{padding:6px 14px 14px}
.dash-scope .dash-x158,.dash-scope .dash-btn.dash-x158:hover{display:block;width:100%;height:auto;overflow:visible}
.dash-scope .dash-x159,.dash-scope .dash-btn.dash-x159:hover{width:14px;height:3px;border-radius:2px;background:#C08A2E}
.dash-scope .dash-x160,.dash-scope .dash-btn.dash-x160:hover{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:11px;background:#F8E5DF;color:#B0442C;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.dash-scope .dash-x168,.dash-scope .dash-btn.dash-x168:hover{font-size:18px;font-weight:800;color:#8EDDB2}
.dash-scope .dash-x169,.dash-scope .dash-btn.dash-x169:hover{width:220px;height:14px;border-radius:7px;background:rgba(255,255,255,.08)}
.dash-scope .dash-x170,.dash-scope .dash-btn.dash-x170:hover{width:70px;height:22px;border-radius:6px;background:rgba(255,255,255,.08)}
.dash-scope .dash-x171,.dash-scope .dash-btn.dash-x171:hover{height:124px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px}
.dash-scope .dash-x172,.dash-scope .dash-btn.dash-x172:hover{display:flex;align-items:flex-end;height:74px;border-bottom:1px solid rgba(255,255,255,.14)}
.dash-scope .dash-x173,.dash-scope .dash-btn.dash-x173:hover{flex:1;display:flex;justify-content:center}
.dash-scope .dash-x174,.dash-scope .dash-btn.dash-x174:hover{width:36px;height:40px;border-radius:5px;background:rgba(255,255,255,.08)}
.dash-scope .dash-x175,.dash-scope .dash-btn.dash-x175:hover{width:36px;height:24px;border-radius:5px;background:rgba(255,255,255,.08)}
.dash-scope .dash-x176,.dash-scope .dash-btn.dash-x176:hover{width:36px;height:14px;border-radius:5px;background:rgba(255,255,255,.08)}
.dash-scope .dash-x177,.dash-scope .dash-btn.dash-x177:hover{width:36px;height:28px;border-radius:5px;background:rgba(255,255,255,.08)}
.dash-scope .dash-x178,.dash-scope .dash-btn.dash-x178:hover{width:36px;height:20px;border-radius:5px;background:rgba(255,255,255,.08)}
.dash-scope .dash-x179,.dash-scope .dash-btn.dash-x179:hover{width:52px;height:10px;border-radius:5px;background:rgba(255,255,255,.08)}
.dash-scope .dash-x180,.dash-scope .dash-btn.dash-x180:hover{height:36px;border-radius:11px;background:rgba(255,255,255,.06)}
.dash-scope .dash-x187,.dash-scope .dash-btn.dash-x187:hover{position:absolute;inset:0;background:rgba(12,22,17,.58)}
.dash-scope .dash-x188,.dash-scope .dash-btn.dash-x188:hover{position:absolute;inset:28px 32px;background:#FFFFFF;border-radius:22px;box-shadow:0 24px 60px -16px rgba(23,32,29,0.35), 0 40px 90px -20px rgba(8,18,13,.45);display:flex;flex-direction:column;overflow:hidden}
.dash-scope .dash-x189,.dash-scope .dash-btn.dash-x189:hover{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:20px 24px;border-bottom:1px solid rgba(23,32,29,0.10)}
.dash-scope .dash-x190,.dash-scope .dash-btn.dash-x190:hover{display:flex;flex-direction:column;gap:6px}
.dash-scope .dash-x191,.dash-scope .dash-btn.dash-x191:hover{margin:0;font-size:22px;font-weight:800}
.dash-scope .dash-x192,.dash-scope .dash-btn.dash-x192:hover{height:24px;padding:0 10px;border-radius:12px;background:#EEF1F0;border:1px solid rgba(23,32,29,0.10);font-size:12px;font-weight:600;color:#3B4A45;display:inline-flex;align-items:center}
.dash-scope .dash-x193,.dash-scope .dash-btn.dash-x193:hover{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.dash-scope .dash-x194,.dash-scope .dash-btn.dash-x194:hover{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid rgba(23,32,29,0.16);border-radius:11px;background:#FFFFFF}
.dash-scope .dash-x195,.dash-scope .dash-btn.dash-x195:hover{font-size:12px;font-weight:700;color:#5E6B66}
.dash-scope .dash-x196,.dash-scope .dash-btn.dash-x196:hover{border:0;outline:0;font:inherit;font-size:14px;font-weight:600;width:92px;color:#17201D;background:transparent;font-variant-numeric:tabular-nums}
.dash-scope .dash-x197,.dash-scope .dash-btn.dash-x197:hover{width:1px;height:28px;background:rgba(23,32,29,0.10);margin:0 4px}
.dash-scope .dash-x198,.dash-scope .dash-btn.dash-x198:hover{height:40px;padding:0 16px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);background:#FFFFFF;color:#17201D;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.dash-scope .dash-x199,.dash-scope .dash-btn.dash-x199:hover{display:flex;flex-wrap:wrap;gap:8px;padding:16px 24px 0}
.dash-scope .dash-x200,.dash-scope .dash-btn.dash-x200:hover{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:16px;border:1px solid rgba(23,32,29,0.16);background:#FFFFFF;font-size:13px;font-weight:600;cursor:pointer;color:#17201D}
.dash-scope .dash-x201,.dash-scope .dash-btn.dash-x201:hover{accent-color:#2E6B52;margin:0}
.dash-scope .dash-x202,.dash-scope .dash-btn.dash-x202:hover{accent-color:#8A6417;margin:0}
.dash-scope .dash-x203,.dash-scope .dash-btn.dash-x203:hover{width:14px;height:3px;border-radius:2px;background:#8A6417;opacity:.7}
.dash-scope .dash-x204,.dash-scope .dash-btn.dash-x204:hover{width:14px;height:3px;border-radius:2px;background:#2E6B52;opacity:.7}
.dash-scope .dash-x205,.dash-scope .dash-btn.dash-x205:hover{accent-color:#17201D;margin:0}
.dash-scope .dash-x206,.dash-scope .dash-btn.dash-x206:hover{width:14px;height:3px;border-radius:2px;background:#17201D}
.dash-scope .dash-x207,.dash-scope .dash-btn.dash-x207:hover{position:relative;flex:1;padding:18px 28px 6px;min-height:0}
.dash-scope .dash-x208,.dash-scope .dash-btn.dash-x208:hover{position:absolute;left:calc(55.59% + 14px);top:50.7%;transform:translateY(-10%);background:#FFFFFF;border:1px solid rgba(23,32,29,0.10);border-radius:12px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);padding:10px 12px;min-width:170px}
.dash-scope .dash-x209,.dash-scope .dash-btn.dash-x209:hover{font-size:12.5px;font-weight:800;margin-bottom:6px}
.dash-scope .dash-x210,.dash-scope .dash-btn.dash-x210:hover{display:flex;justify-content:space-between;gap:12px;font-size:13px}
.dash-scope .dash-x211,.dash-scope .dash-btn.dash-x211:hover{display:inline-flex;align-items:center;gap:6px;color:#3B4A45}
.dash-scope .dash-x212,.dash-scope .dash-btn.dash-x212:hover{width:9px;height:9px;border-radius:50%;background:#2E6B52}
.dash-scope .dash-x213,.dash-scope .dash-btn.dash-x213:hover{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-top:4px}
.dash-scope .dash-x214,.dash-scope .dash-btn.dash-x214:hover{color:#3B4A45}
.dash-scope .dash-x215,.dash-scope .dash-btn.dash-x215:hover{color:#2E7D55}
.dash-scope .dash-x216,.dash-scope .dash-btn.dash-x216:hover{display:flex;flex-wrap:wrap;gap:12px;padding:14px 24px 22px;border-top:1px solid rgba(23,32,29,0.10);background:#F8FAF8}
.dash-scope .dash-x217,.dash-scope .dash-btn.dash-x217:hover{flex:1 1 150px;padding:12px 16px;border-radius:12px;background:#EEF1F0;border:1px solid rgba(23,32,29,0.10);display:flex;flex-direction:column;gap:3px}
.dash-scope .dash-x218,.dash-scope .dash-btn.dash-x218:hover{font-size:20px;font-weight:800}
.dash-scope .dash-x219,.dash-scope .dash-btn.dash-x219:hover{font-size:12px;color:#5E6B66}
.dash-scope .dash-x220,.dash-scope .dash-btn.dash-x220:hover{position:relative;border-radius:22px;background:radial-gradient(120% 160% at 0% 0%, #2A4D3F 0%, #1B3128 42%, #12211A 100%);box-shadow:0 28px 50px -28px rgba(18,33,26,.7), 0 2px 4px rgba(18,33,26,.18);overflow:hidden;margin-bottom:22px}
.dash-scope .dash-x221,.dash-scope .dash-btn.dash-x221:hover{position:relative;display:flex;flex-wrap:wrap;gap:24px;align-items:center;padding:26px 28px}
.dash-scope .dash-x222,.dash-scope .dash-btn.dash-x222:hover{flex:1 1 300px;display:flex;flex-direction:column;gap:10px}
.dash-scope .dash-x223,.dash-scope .dash-btn.dash-x223:hover{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.dash-scope .dash-x224,.dash-scope .dash-btn.dash-x224:hover{font-size:60px;line-height:.95;font-weight:800;letter-spacing:-0.03em;color:#fff}
.dash-scope .dash-x225,.dash-scope .dash-btn.dash-x225:hover{font-size:24px;font-weight:700;color:#E9B96A}
.dash-scope .dash-x226,.dash-scope .dash-btn.dash-x226:hover{flex:2 1 600px;display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:12px}
.dash-scope .dash-x227,.dash-scope .dash-btn.dash-x227:hover{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.dash-scope .dash-x228,.dash-scope .dash-btn.dash-x228:hover{font-size:26px;font-weight:800;color:#fff;letter-spacing:-0.01em;white-space:nowrap}
.dash-scope .dash-x229,.dash-scope .dash-btn.dash-x229:hover{display:grid;grid-template-columns:repeat(auto-fit, minmax(560px, 1fr));gap:18px;margin-bottom:22px}
.dash-scope .dash-x230,.dash-scope .dash-btn.dash-x230:hover{background:#FFFFFF;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);overflow:hidden;min-width:0}
.dash-scope .dash-x231,.dash-scope .dash-btn.dash-x231:hover{width:100%;min-width:600px;border-collapse:collapse;font-variant-numeric:tabular-nums}
.dash-scope .dash-x232,.dash-scope .dash-btn.dash-x232:hover{text-align:left;padding:10px 14px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5E6B66;border-bottom:1px solid rgba(23,32,29,0.16);vertical-align:bottom}
.dash-scope .dash-x233,.dash-scope .dash-btn.dash-x233:hover{text-align:right;padding:10px 14px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5E6B66;border-bottom:1px solid rgba(23,32,29,0.16);vertical-align:bottom}
.dash-scope .dash-x234,.dash-scope .dash-btn.dash-x234:hover{padding:10px 14px;border-bottom:1px solid rgba(23,32,29,0.10);font-size:13.5px;text-align:right;white-space:nowrap;text-align:left;font-weight:600}
.dash-scope .dash-x235,.dash-scope .dash-btn.dash-x235:hover{display:inline-flex;align-items:center;gap:9px}
.dash-scope .dash-x236,.dash-scope .dash-btn.dash-x236:hover{padding:10px 14px;border-bottom:1px solid rgba(23,32,29,0.10);font-size:13.5px;text-align:right;white-space:nowrap}
.dash-scope .dash-x237,.dash-scope .dash-btn.dash-x237:hover{padding:10px 14px;border-bottom:1px solid rgba(23,32,29,0.10);font-size:13.5px;text-align:right;white-space:nowrap;font-weight:600}
.dash-scope .dash-x238,.dash-scope .dash-btn.dash-x238:hover{padding:10px 14px;border-bottom:1px solid rgba(23,32,29,0.10);font-size:13.5px;text-align:right;white-space:nowrap;color:#3B4A45}
.dash-scope .dash-x239,.dash-scope .dash-btn.dash-x239:hover{padding:10px 14px;border-bottom:1px solid rgba(23,32,29,0.10);font-size:13.5px;text-align:right;white-space:nowrap;font-weight:700;min-width:120px}
.dash-scope .dash-x240,.dash-scope .dash-btn.dash-x240:hover{display:block;height:4px;border-radius:2px;margin-top:5px;background:#E9EDEA}
.dash-scope .dash-x241,.dash-scope .dash-btn.dash-x241:hover{display:block;height:100%;width:7.8%;border-radius:2px;background:#1F4D3A}
.dash-scope .dash-x242,.dash-scope .dash-btn.dash-x242:hover{display:block;height:100%;width:40.0%;border-radius:2px;background:#1F4D3A}
.dash-scope .dash-x243,.dash-scope .dash-btn.dash-x243:hover{display:block;height:100%;width:17.4%;border-radius:2px;background:#1F4D3A}
.dash-scope .dash-x244,.dash-scope .dash-btn.dash-x244:hover{display:block;height:100%;width:55.4%;border-radius:2px;background:#1F4D3A}
.dash-scope .dash-x245,.dash-scope .dash-btn.dash-x245:hover{display:block;height:100%;width:100.0%;border-radius:2px;background:#1F4D3A}
.dash-scope .dash-x246,.dash-scope .dash-btn.dash-x246:hover{display:block;height:100%;width:31.3%;border-radius:2px;background:#1F4D3A}
.dash-scope .dash-x247,.dash-scope .dash-btn.dash-x247:hover{padding:12px 14px;font-size:14px;text-align:right;white-space:nowrap;font-weight:800;background:#EEF1F0;text-align:left}
.dash-scope .dash-x248,.dash-scope .dash-btn.dash-x248:hover{padding:12px 14px;font-size:14px;text-align:right;white-space:nowrap;font-weight:800;background:#EEF1F0}
.dash-scope .dash-x249,.dash-scope .dash-btn.dash-x249:hover{padding:12px 14px;font-size:14px;text-align:right;white-space:nowrap;font-weight:800;background:#EEF1F0;color:#3B4A45}
.dash-scope .dash-x250,.dash-scope .dash-btn.dash-x250:hover{display:block;height:100%;width:4.4%;border-radius:2px;background:#1F4D3A}
.dash-scope .dash-x251,.dash-scope .dash-btn.dash-x251:hover{display:block;height:100%;width:10.8%;border-radius:2px;background:#3F8F6B}
.dash-scope .dash-x252,.dash-scope .dash-btn.dash-x252:hover{display:block;height:100%;width:6.9%;border-radius:2px;background:#8CC0A1}
.dash-scope .dash-x253,.dash-scope .dash-btn.dash-x253:hover{display:block;height:100%;width:21.0%;border-radius:2px;background:#2E6F8E}
.dash-scope .dash-x254,.dash-scope .dash-btn.dash-x254:hover{display:block;height:100%;width:16.9%;border-radius:2px;background:#8FB4CF}
.dash-scope .dash-x255,.dash-scope .dash-btn.dash-x255:hover{display:block;height:100%;width:91.1%;border-radius:2px;background:#B8862F}
.dash-scope .dash-x256,.dash-scope .dash-btn.dash-x256:hover{display:block;height:100%;width:100.0%;border-radius:2px;background:#C2643F}
.dash-scope .dash-x257,.dash-scope .dash-btn.dash-x257:hover{display:block;height:100%;width:33.5%;border-radius:2px;background:#6E4A6B}
.dash-scope .dash-x258,.dash-scope .dash-btn.dash-x258:hover{background:#FFFFFF;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);margin-bottom:22px}
.dash-scope .dash-x259,.dash-scope .dash-btn.dash-x259:hover{height:12px}
.dash-scope .dash-x260,.dash-scope .dash-btn.dash-x260:hover{display:flex;flex-wrap:wrap;gap:8px 14px;padding:0 20px}
.dash-scope .dash-x261,.dash-scope .dash-btn.dash-x261:hover{padding:10px 16px 16px}
.dash-scope .dash-x262,.dash-scope .dash-btn.dash-x262:hover{display:block;width:100%;height:auto}
.dash-scope .dash-x263,.dash-scope .dash-btn.dash-x263:hover{background:#FFFFFF;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);}
.dash-scope .dash-x264,.dash-scope .dash-btn.dash-x264:hover{height:10px}
.dash-scope .dash-x265,.dash-scope .dash-btn.dash-x265:hover{display:flex;gap:16px;padding:0 20px;flex-wrap:wrap}
.dash-scope .dash-x266,.dash-scope .dash-btn.dash-x266:hover{width:12px;height:12px;border-radius:3px;background:#1F4D3A}
.dash-scope .dash-x267,.dash-scope .dash-btn.dash-x267:hover{width:14px;height:3px;border-radius:2px;background:#A5620A}
.dash-scope .dash-x268,.dash-scope .dash-btn.dash-x268:hover{padding:12px 16px 16px}
.dash-scope .dash-x269,.dash-scope .dash-btn.dash-x269:hover{display:grid;grid-template-columns:repeat(auto-fit, minmax(520px, 1fr));gap:18px;margin-bottom:22px}
.dash-scope .dash-x270,.dash-scope .dash-btn.dash-x270:hover{display:flex;flex-wrap:wrap;gap:22px;align-items:center;padding:16px 20px 20px}
.dash-scope .dash-x271,.dash-scope .dash-btn.dash-x271:hover{flex:0 1 280px;display:flex;justify-content:center}
.dash-scope .dash-x272,.dash-scope .dash-btn.dash-x272:hover{display:block;width:100%;max-width:300px;height:auto}
.dash-scope .dash-x273,.dash-scope .dash-btn.dash-x273:hover{flex:1 1 260px;min-width:0}
.dash-scope .dash-x274,.dash-scope .dash-btn.dash-x274:hover{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0 6px;margin-top:4px;border-bottom:1px solid rgba(23,32,29,0.16)}
.dash-scope .dash-x275,.dash-scope .dash-btn.dash-x275:hover{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#2E6F8E}
.dash-scope .dash-x276,.dash-scope .dash-btn.dash-x276:hover{width:14px;height:3px;border-radius:2px;background:#2E6F8E}
.dash-scope .dash-x277,.dash-scope .dash-btn.dash-x277:hover{font-size:13px;font-weight:800}
.dash-scope .dash-x278,.dash-scope .dash-btn.dash-x278:hover{color:#5E6B66;font-weight:700;margin-left:6px}
.dash-scope .dash-x279,.dash-scope .dash-btn.dash-x279:hover{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid rgba(23,32,29,0.10)}
.dash-scope .dash-x280,.dash-scope .dash-btn.dash-x280:hover{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600}
.dash-scope .dash-x281,.dash-scope .dash-btn.dash-x281:hover{font-size:13px;font-weight:600}
.dash-scope .dash-x282,.dash-scope .dash-btn.dash-x282:hover{display:inline-block;width:56px;text-align:right;color:#5E6B66}
.dash-scope .dash-x283,.dash-scope .dash-btn.dash-x283:hover{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#C2643F}
.dash-scope .dash-x284,.dash-scope .dash-btn.dash-x284:hover{width:14px;height:3px;border-radius:2px;background:#C2643F}
.dash-scope .dash-x285,.dash-scope .dash-btn.dash-x285:hover{padding:14px 18px 18px}
.dash-scope .dash-x286,.dash-scope .dash-btn.dash-x286:hover{display:flex;gap:8px;align-items:center}
.dash-scope .dash-x287,.dash-scope .dash-btn.dash-x287:hover{display:inline-flex;align-items:center;gap:2px;padding:3px;height:34px;box-sizing:border-box;background:#EEF1F0;border:1px solid rgba(23,32,29,0.10);border-radius:12px}
.dash-scope .dash-x288,.dash-scope .dash-btn.dash-x288:hover{height:28px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;cursor:pointer;font-weight:700;background:#17201D;color:#fff;box-shadow:0 1px 2px rgba(22,38,31,.25)}
.dash-scope .dash-x289,.dash-scope .dash-btn.dash-x289:hover{height:28px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;cursor:pointer;font-weight:600;background:transparent;color:#3B4A45}
.dash-scope .dash-x290,.dash-scope .dash-btn.dash-x290:hover{display:flex;flex-wrap:wrap;gap:8px 16px;padding:0 20px}
.dash-scope .dash-x291,.dash-scope .dash-btn.dash-x291:hover{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#3B4A45}
.dash-scope .dash-x292,.dash-scope .dash-btn.dash-x292:hover{width:11px;height:11px;border-radius:3px;background:#24493A}
.dash-scope .dash-x293,.dash-scope .dash-btn.dash-x293:hover{width:11px;height:11px;border-radius:3px;background:#4E8C74}
.dash-scope .dash-x294,.dash-scope .dash-btn.dash-x294:hover{width:11px;height:11px;border-radius:3px;background:#9CC5AE}
.dash-scope .dash-x295,.dash-scope .dash-btn.dash-x295:hover{width:11px;height:11px;border-radius:3px;background:#2F5D7C}
.dash-scope .dash-x296,.dash-scope .dash-btn.dash-x296:hover{width:11px;height:11px;border-radius:3px;background:#C99A4B}
.dash-scope .dash-x297,.dash-scope .dash-btn.dash-x297:hover{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#5E6B66}
.dash-scope .dash-x298,.dash-scope .dash-btn.dash-x298:hover{width:11px;height:11px;border-radius:3px;background:#A35A3E;opacity:.45}
.dash-scope .dash-x299,.dash-scope .dash-btn.dash-x299:hover{padding:12px 18px 16px;overflow-x:auto}
.dash-scope .dash-x300,.dash-scope .dash-btn.dash-x300:hover{min-width:760px}
.dash-scope .dash-x301,.dash-scope .dash-btn.dash-x301:hover{padding:10px 20px 14px;overflow-x:auto}
.dash-scope .dash-x302,.dash-scope .dash-btn.dash-x302:hover{min-width:480px}
.dash-scope .dash-x303,.dash-scope .dash-btn.dash-x303:hover{display:grid;grid-template-columns:minmax(150px, 190px) 1fr 110px 64px;align-items:center;gap:14px;padding:9px 0;border-bottom:1px solid rgba(23,32,29,0.10)}
.dash-scope .dash-x304,.dash-scope .dash-btn.dash-x304:hover{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:#17201D}
.dash-scope .dash-x305,.dash-scope .dash-btn.dash-x305:hover{width:10px;height:10px;border-radius:3px;background:#9CC5AE}
.dash-scope .dash-x306,.dash-scope .dash-btn.dash-x306:hover{height:10px;border-radius:5px;background:#EDF0EE;overflow:hidden}
.dash-scope .dash-x307,.dash-scope .dash-btn.dash-x307:hover{display:block;height:100%;width:100.0%;background:#9CC5AE;border-radius:5px}
.dash-scope .dash-x308,.dash-scope .dash-btn.dash-x308:hover{text-align:right;font-size:13.5px;font-weight:700}
.dash-scope .dash-x309,.dash-scope .dash-btn.dash-x309:hover{text-align:right;font-size:13px;font-weight:600;color:#5E6B66}
.dash-scope .dash-x310,.dash-scope .dash-btn.dash-x310:hover{width:10px;height:10px;border-radius:3px;background:#24493A}
.dash-scope .dash-x311,.dash-scope .dash-btn.dash-x311:hover{display:block;height:100%;width:95.0%;background:#24493A;border-radius:5px}
.dash-scope .dash-x312,.dash-scope .dash-btn.dash-x312:hover{width:10px;height:10px;border-radius:3px;background:#C99A4B}
.dash-scope .dash-x313,.dash-scope .dash-btn.dash-x313:hover{display:block;height:100%;width:78.6%;background:#C99A4B;border-radius:5px}
.dash-scope .dash-x314,.dash-scope .dash-btn.dash-x314:hover{width:10px;height:10px;border-radius:3px;background:#4E8C74}
.dash-scope .dash-x315,.dash-scope .dash-btn.dash-x315:hover{display:block;height:100%;width:30.3%;background:#4E8C74;border-radius:5px}
.dash-scope .dash-x316,.dash-scope .dash-btn.dash-x316:hover{width:10px;height:10px;border-radius:3px;background:#2F5D7C}
.dash-scope .dash-x317,.dash-scope .dash-btn.dash-x317:hover{display:block;height:100%;width:23.3%;background:#2F5D7C;border-radius:5px}
.dash-scope .dash-x318,.dash-scope .dash-btn.dash-x318:hover{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:#5E6B66}
.dash-scope .dash-x319,.dash-scope .dash-btn.dash-x319:hover{width:10px;height:10px;border-radius:3px;background:#A35A3E}
.dash-scope .dash-x320,.dash-scope .dash-btn.dash-x320:hover{display:block;height:100%;width:0.0%;background:#A35A3E;border-radius:5px}
/* the dark bands carry their darkest stop as a colour under the (opaque) gradient: what sits on them sits on dark green for any reader of computed backgrounds */
.dash-scope .dash-x53,.dash-scope .dash-x220{background-color:#12211A}
/* ==== END LANE:DASH ==== */

/* ==== LANE:TACHES ==== */
/* Mes tâches (DESIGN_02): every declaration below is the reference's own inline style, moved to a class
   (tools: scratchpad gen_css.py). --tk-c is the card's --tl-* label colour. */
.tk-tl-cs{--tk-c:var(--tl-cs)}
.tk-tl-prix{--tk-c:var(--tl-prix)}
.tk-tl-devis{--tk-c:var(--tl-devis)}
.tk-tl-mes{--tk-c:var(--tl-mes)}
.tk-tl-dg{--tk-c:var(--tl-dg)}
.tk-tl-contrat{--tk-c:var(--tl-contrat)}
.tk-tl-depart{--tk-c:var(--tl-depart)}
.tk-tl-fact{--tk-c:var(--tl-fact)}
.tk-tl-option{--tk-c:var(--tl-option)}
.tk-tl-abo{--tk-c:var(--tl-abo)}
.tk-tl-perso{--tk-c:var(--tl-perso)}
.tk-tl-ink{--tk-c:#17201D}
#page-mestaches.page{padding:22px 28px 40px}
.tk-actions,.tk-chips,.tk-visits,.tk-board,.tk-dlg{line-height:normal}
:is(.tk-actions,.tk-chips,.tk-visits,.tk-board,.tk-dlg) :where(*:not(button,select,input,textarea,[class^="ui-"],[class*=" ui-"])){box-sizing:content-box}
.tk-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px}
.tk-grow{flex:1 1 auto}
.primarybtn.tk-new{height:40px;padding:0 16px;border-radius:11px;border:0;background:var(--ocre-deep);color:#FFF6E9;font:inherit;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 8px 20px -8px rgba(186,111,10,0.55)}
.tk-chips{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px;margin-bottom:14px;background:#fff;border:1px solid rgba(23,32,29,0.08);border-radius:16px;box-shadow:0 1px 2px rgba(22,38,31,.06), 0 2px 6px -2px rgba(22,38,31,.06)}
.tk-chip{height:32px;padding:0 10px 0 9px;border-radius:16px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.tk-chip .tk-chip__sq{width:10px;height:10px;border-radius:3px;background:var(--tk-c)}
.tk-chip .tk-chip__n{font-size:11.5px;font-weight:700;color:#5E6B66}
.tk-chip.tk-chip--tout{padding:0 12px}
.tk-chip.tk-chip--tout[aria-pressed="true"]{height:32px;padding:0 12px;border-radius:16px;border:1px solid #17201D;background:#17201D;color:#fff;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.tk-chip.tk-chip--tout[aria-pressed="true"] .tk-chip__n{font-size:11.5px;font-weight:700;padding:1px 7px;border-radius:9px;background:rgba(255,255,255,.16);color:#fff}
.tk-chip[aria-pressed="true"]{background:var(--tk-c);border-color:var(--tk-c);color:#fff}
.tk-chip[aria-pressed="true"] .tk-chip__sq{background:#fff}
.tk-chip[aria-pressed="true"] .tk-chip__n{color:#fff}
.tk-chip:focus-visible,.tk-card:focus-visible,.tk-ctl:focus-visible,.tk-ibtn:focus-visible{outline:3px solid var(--ocre-tint);outline-offset:2px}
.tk-chip.is-err .tk-chip__n{color:var(--neg)}
.tk-visits{display:flex;align-items:stretch;gap:12px;padding:10px 12px;margin-bottom:14px;background:#fff;border:1px solid rgba(23,32,29,0.08);border-radius:16px;box-shadow:0 1px 2px rgba(22,38,31,.06), 0 2px 6px -2px rgba(22,38,31,.06)}
.tk-visits__head{flex:0 0 96px;display:flex;flex-direction:column;justify-content:center;padding-left:4px}
.tk-visits__t{font-size:13px;font-weight:700}
.tk-visits__s{font-size:11.5px;color:#5E6B66}
.tk-visits__week{flex:1;display:flex;gap:6px;min-width:0}
.tk-day{flex:1 1 0;min-width:0;padding:8px 10px;border-radius:10px;background:#F6F8F7}
.tk-day__h{font-size:11.5px;font-weight:700;color:#3B4A45}
.tk-day__none{display:block;margin-top:4px;font-size:11.5px;color:#5E6B66}
.tk-visit{display:block;width:100%;text-align:left;border:0;border-radius:7px;background:#E7EEF9;color:#1F4A8F;font:inherit;font-size:11.5px;font-weight:600;padding:3px 6px;margin-top:4px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-day.is-today{flex:1 1 0;min-width:0;padding:8px 10px;border-radius:10px;background:rgba(186,111,10,0.10);box-shadow:inset 0 0 0 1.5px rgba(186,111,10,0.45)}
.tk-day.is-today .tk-day__h{font-size:11.5px;font-weight:700;color:#8A4F06}
.tk-board{display:flex;gap:14px;align-items:stretch;overflow-x:auto;padding-bottom:4px}
.tk-col{flex:1 1 0;min-width:240px;display:flex;flex-direction:column;border-radius:16px;background:#EEF1F0;border:1px solid rgba(23,32,29,0.08);overflow:hidden}
.tk-col__head{display:flex;align-items:center;gap:8px;padding:12px 14px 10px;position:sticky;top:0;background:inherit;z-index:1}
.tk-col__t{margin:0;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#17201D}
.tk-col__n{margin-left:auto;min-width:24px;height:22px;padding:0 7px;box-sizing:border-box;border-radius:11px;background:#fff;border:1px solid rgba(23,32,29,0.08);font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.tk-col__body{flex:1;display:flex;flex-direction:column;gap:8px;padding:2px 10px 12px;overflow-y:auto;min-height:0}
.tk-card{display:flex;flex-direction:column;gap:9px;padding:12px;border-radius:12px;background:#fff;border:1px solid rgba(23,32,29,0.08);box-shadow:0 1px 2px rgba(22,38,31,.06), 0 2px 6px -2px rgba(22,38,31,.06);cursor:grab;user-select:none;-webkit-user-select:none;flex:none}
.tk-card:hover{box-shadow:var(--shadow-1)}
.tk-card__labels{display:flex;gap:6px;flex-wrap:wrap}
.tk-pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:var(--tk-c);color:#fff;font-size:11px;font-weight:700;letter-spacing:.01em;white-space:nowrap}
.tk-card__t{margin:0;font-size:14px;line-height:1.32;font-weight:600;color:#17201D}
.tk-card__obj{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#3B4A45;min-width:0}
.tk-card__ico{color:#5E6B66;flex:none}
.tk-card__objt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-card__foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tk-due{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border-radius:6px;background:#EEF1F0;color:#3B4A45;font-size:11.5px;font-weight:600}
.tk-due.is-late{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border-radius:6px;background:#F8E5DF;color:#9A3A26;font-size:11.5px;font-weight:700}
.tk-due.is-today{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border-radius:6px;background:rgba(186,111,10,0.16);color:#8A4F06;font-size:11.5px;font-weight:700}
.tk-due.is-done{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border-radius:6px;background:#E2F1E8;color:#24684A;font-size:11.5px;font-weight:700}
.tk-meta{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#5E6B66}
.tk-meta.is-full{color:#24684A}
.tk-card__av{margin-left:auto}
.tk-av{width:26px;height:26px;border-radius:50%;background:var(--tk-c);color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff;flex:none}
.tk-card__act{display:flex;gap:6px}
.primarybtn.tk-btn-s{height:30px;padding:0 12px;border-radius:9px;border:0;background:var(--ocre-deep);color:#FFF6E9;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:none}
.ghostbtn.tk-btn-s{height:30px;padding:0 12px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.softbtn.tk-more{height:36px;border-radius:10px;border:1px solid rgba(23,32,29,0.10);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none}
.softbtn.tk-more span{color:#5E6B66;font-weight:600}
.tk-card.is-done{opacity:.72}
.tk-card.is-done .tk-card__t{text-decoration:line-through;text-decoration-color:rgba(23,32,29,.35)}
.tk-empty{flex:1;min-height:140px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1.5px dashed rgba(23,32,29,0.16);color:#5E6B66;font-size:13px;font-weight:600}
.tk-sk{height:110px;border-radius:12px;background:linear-gradient(90deg,#E6EBE8,#F1F4F2,#E6EBE8);flex:none}
.tk-sk.tk-sk--b{height:140px}
.tk-sk.tk-sk--c{height:90px}
.tk-sk-n{display:inline-block;width:14px;height:8px;border-radius:4px;background:#D9DFDB}
.tk-board.is-dragging .tk-col{border:1.5px dashed rgba(23,32,29,0.22)}
.tk-board.is-dragging .tk-col.is-target,.tk-col.is-kbtarget{background:rgba(186,111,10,0.07);border:2px solid #BA6F0A;box-shadow:0 0 0 4px rgba(186,111,10,0.12)}
.tk-drop{height:118px;border-radius:12px;border:2px dashed #BA6F0A;background:rgba(186,111,10,0.10);flex:none}
.tk-slot{border-radius:12px;border:1.5px dashed rgba(23,32,29,0.20);background:rgba(23,32,29,0.03);flex:none;box-sizing:border-box}
.tk-card.tk-ghost{position:fixed;margin:0;transform:rotate(3deg);box-shadow:0 24px 50px -12px rgba(23,32,29,0.45), 0 4px 10px rgba(23,32,29,0.12);border-radius:12px;z-index:calc(var(--z-modal) + 5);box-sizing:border-box;cursor:grabbing;pointer-events:none}
.tk-card.is-picked{outline:3px solid var(--ocre-tint);outline-offset:2px}
.tk-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tk-backdrop{position:fixed;inset:0;background:rgba(12,22,17,.52);z-index:calc(var(--z-modal) - 2)}
.tk-dlg{position:fixed;left:50%;top:64px;transform:translateX(-50%);width:920px;max-width:calc(100% - 48px);background:#fff;border-radius:22px;box-shadow:0 24px 60px -16px rgba(23,32,29,0.35), 0 40px 90px -20px rgba(8,18,13,.45);z-index:calc(var(--z-modal) - 1);overflow:hidden;max-height:calc(100vh - 64px);display:flex;flex-direction:column}
.tk-dlg.tk-dlg--composer{top:56px;width:640px;max-height:calc(100vh - 56px)}
.tk-dlg__head{display:flex;align-items:flex-start;gap:14px;padding:22px 24px 18px;border-bottom:1px solid rgba(23,32,29,0.08);flex:none}
.tk-dlg__headl{flex:1;display:flex;flex-direction:column;gap:10px}
.tk-dlg__meta{display:flex;align-items:center;gap:8px}
.tk-dlg__in{font-size:12.5px;color:#5E6B66}
.tk-dlg__in b{color:#3B4A45}
.tk-dlg__title{margin:0;font-size:22px;line-height:1.25;font-weight:800}
.tk-ibtn{width:36px;height:36px;border-radius:10px;border:1px solid rgba(23,32,29,0.10);background:#fff;color:#3B4A45;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none;padding:0}
.tk-dlg__body{display:flex;flex-wrap:wrap;gap:24px;padding:22px 24px 26px;overflow-y:auto;min-height:0}
.tk-dlg__main{flex:1 1 480px;min-width:0}
.tk-origine{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:#EEF1F0;margin-bottom:22px}
.tk-origine__ico{width:30px;height:30px;border-radius:9px;background:#fff;color:var(--tk-c);display:inline-flex;align-items:center;justify-content:center;flex:none;box-shadow:0 1px 2px rgba(22,38,31,.06), 0 2px 6px -2px rgba(22,38,31,.06)}
.tk-origine__txt{display:flex;flex-direction:column;gap:2px}
.tk-cap{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5E6B66}
.tk-txt{font-size:13.5px;color:#17201D}
.tk-sec{margin-bottom:24px}
.tk-sec__h{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.tk-sec__h h3{margin:0;font-size:14.5px;font-weight:800;color:#17201D}
textarea.tk-desc{font-size:13.5px;line-height:1.5;color:#3B4A45;padding:12px 14px;border-radius:12px;border:1px solid rgba(23,32,29,0.10);background:#fff;width:100%;box-sizing:border-box;resize:none;font-family:inherit;display:block}
.tk-sec__n{margin-left:auto;font-size:12.5px;font-weight:700;color:#5E6B66}
.tk-bar{height:6px;border-radius:3px;background:#E6EBE8;margin-bottom:8px;overflow:hidden}
.tk-bar__f{height:100%;background:#1F7A55;border-radius:3px}
.tk-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;cursor:pointer}
.tk-item input{position:absolute;opacity:0;width:1px;height:1px}
.tk-box{width:18px;height:18px;border-radius:5px;border:1.5px solid rgba(23,32,29,0.30);background:#fff;flex:none}
.tk-item input:checked + .tk-box{width:18px;height:18px;border-radius:5px;background:#1F7A55;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none;border:0}
.tk-item input:not(:checked) + .tk-box svg{display:none}
.tk-item input:focus-visible + .tk-box{outline:3px solid var(--ocre-tint);outline-offset:2px}
.tk-item__t{font-size:13.5px;color:#17201D}
.tk-item input:checked ~ .tk-item__t{font-size:13.5px;color:#5E6B66;text-decoration:line-through}
.ghostbtn.tk-add{margin-top:6px;height:34px;padding:0 12px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.tk-addrow{display:flex;gap:8px;margin-top:6px}
.tk-compose{display:flex;gap:10px;margin-bottom:14px}
.tk-av.tk-av--30{width:30px;height:30px;font-size:13px}
.tk-av.tk-av--24{width:24px;height:24px;font-size:10px}
.tk-compose__f{flex:1;display:block}
textarea.tk-area{width:100%;box-sizing:border-box;resize:vertical;padding:10px 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);font:inherit;font-size:13.5px;color:#17201D;display:block}
.tk-com{display:flex;gap:10px;margin-bottom:10px}
.tk-com__b{flex:1}
.tk-com__h{font-size:13px}
.tk-com__t{margin-top:4px;padding:10px 12px;border-radius:11px;background:#F6F8F7;font-size:13.5px;color:#17201D}
.tk-faint{color:#5E6B66}
.tk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tk-hist{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid #E6EBE8;display:flex;flex-direction:column;gap:10px}
.tk-hist li{position:relative;font-size:13px;color:#3B4A45}
.tk-hist__dot{position:absolute;left:-20px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--tk-c);box-shadow:0 0 0 3px #fff}
.tk-rail{flex:0 1 290px;display:flex;flex-direction:column;gap:14px}
.tk-linked{padding:14px;border-radius:14px;border:1px solid rgba(23,32,29,0.10);background:#fff;box-shadow:0 1px 2px rgba(22,38,31,.06), 0 2px 6px -2px rgba(22,38,31,.06);display:flex;flex-direction:column;gap:10px}
.tk-linked__row{display:flex;gap:10px;align-items:flex-start}
.tk-linked__ico{width:34px;height:34px;border-radius:10px;background:#E7EEF9;color:#2E5FB8;display:inline-flex;align-items:center;justify-content:center;flex:none}
.tk-linked__b{display:flex;flex-direction:column;gap:2px;min-width:0}
.tk-linked__ref{font-size:14px;font-weight:700}
.tk-linked__l{font-size:12.5px;color:#3B4A45}
.tk-linked__amt{font-size:13px;font-weight:700;margin-top:2px}
.primarybtn.tk-go{height:40px;border-radius:11px;border:0;background:var(--ocre-deep);color:#FFF6E9;font:inherit;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:none}
.ghostbtn.tk-open{height:36px;border-radius:10px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.tk-field{display:flex;flex-direction:column;gap:6px}
.tk-ctl{width:100%;height:40px;display:flex;align-items:center;gap:8px;padding:0 10px 0 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);background:#fff;font:inherit;font-size:13.5px;font-weight:600;color:#17201D;cursor:pointer;text-align:left;box-sizing:border-box;position:relative}
.tk-ctl__chev{margin-left:auto;color:#5E6B66}
.tk-ctl select,.tk-ctl input[type=date]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font:inherit}
.tk-ctl .tk-ctl__due{margin-left:6px}
.tk-sep{height:1px;background:rgba(23,32,29,0.08)}
.softbtn.tk-done{height:38px;border-radius:10px;border:1px solid rgba(23,32,29,0.10);background:#EEF1F0;color:#17201D;font:inherit;font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.tk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto}
.tk-list li{padding:10px 12px;border-radius:11px;background:#F6F8F7;font-size:13.5px;color:#17201D;display:flex;gap:8px;justify-content:space-between}
.tk-menu{position:absolute;right:64px;top:62px;min-width:220px;padding:6px;border-radius:12px;background:#fff;border:1px solid rgba(23,32,29,0.10);box-shadow:var(--shadow-modal);z-index:2;display:flex;flex-direction:column;gap:2px}
.tk-menu button{height:34px;padding:0 10px;border:0;border-radius:8px;background:transparent;font:inherit;font-size:13.5px;font-weight:600;color:#17201D;text-align:left;cursor:pointer}
.tk-menu button:hover{background:#F6F8F7}
.tk-dlg__chead{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid rgba(23,32,29,0.08);flex:none}
.tk-dlg__chead h2{margin:0;font-size:20px;font-weight:800;flex:1}
.tk-dlg__cbody{display:flex;flex-direction:column;gap:18px;padding:22px 24px;overflow-y:auto;min-height:0}
.tk-lbl{display:block}
input.tk-input{width:100%;box-sizing:border-box;height:42px;padding:0 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);font:inherit;font-size:14px;color:#17201D;background:#fff}
textarea.tk-ta{width:100%;box-sizing:border-box;resize:vertical;padding:10px 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);font:inherit;font-size:14px;color:#17201D;display:block}
input.tk-input.is-bad{border-color:var(--neg)}
.tk-err{font-size:12.5px;font-weight:600;color:var(--neg)}
.tk-grid2{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px}
.tk-stack{display:flex;flex-direction:column;gap:8px}
.tk-quickrow{display:flex;gap:6px}
.tk-quick{height:30px;padding:0 10px;border-radius:15px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.tk-quick[aria-pressed="true"]{border:1px solid #17201D;background:#17201D;color:#fff}
.tk-linkbox{display:flex;align-items:center;gap:8px;height:42px;padding:0 6px 0 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);background:#fff;position:relative}
.tk-linkbox input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:13.5px;color:#17201D;background:transparent}
.tk-token{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 6px 0 10px;border-radius:8px;background:#EEF1F0;font-size:13px;font-weight:600}
.tk-token button{width:22px;height:22px;border:0;background:transparent;color:#3B4A45;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.tk-linkres{position:absolute;left:0;right:0;top:46px;z-index:3;padding:6px;border-radius:12px;background:#fff;border:1px solid rgba(23,32,29,0.10);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;gap:2px}
.tk-linkres button{height:34px;padding:0 10px;border:0;border-radius:8px;background:transparent;font:inherit;font-size:13.5px;font-weight:600;color:#17201D;text-align:left;cursor:pointer}
.tk-linkres button:hover{background:#F6F8F7}
.tk-lab{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:7px;border:0;background:var(--tk-c);color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer;opacity:.88}
.tk-lab[aria-pressed="true"]{opacity:1;box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--tk-c)}
.tk-clist{display:flex;flex-direction:column;gap:2px;padding:4px;border-radius:12px;border:1px solid rgba(23,32,29,0.10)}
.ghostbtn.tk-add2{align-self:flex-start;margin:4px 6px 6px;height:32px;padding:0 10px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.tk-ctl.tk-ctl--w220{width:220px}
.tk-dlg__foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid rgba(23,32,29,0.08);background:#F8FAF8;flex:none}
.ghostbtn.tk-cancel{height:42px;padding:0 18px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.primarybtn.tk-create{height:42px;padding:0 18px;border-radius:11px;border:0;background:var(--ocre-deep);color:#FFF6E9;font:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px -8px rgba(186,111,10,0.55)}
.tk-tablewrap{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--hairline);border-radius:16px;box-shadow:var(--shadow-xs);padding:6px 10px 10px;line-height:normal}
.tk-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--ink)}
.tk-table th{text-align:left;padding:10px 10px 8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5E6B66}
.tk-table td{padding:8px 10px;border-top:1px solid var(--hairline);vertical-align:middle;color:var(--ink-muted)}
.tk-table td.tk-table__t{font-size:14px;font-weight:600;color:var(--ink)}
.tk-table tbody tr[data-action]{cursor:pointer}
.tk-table tbody tr[data-action]:hover{background:var(--surface-band)}
.tk-table tbody tr:focus-visible{outline:3px solid var(--ocre-tint);outline-offset:-3px}
.tk-table .tk-table__o{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--ink)}
@keyframes tk-sk{0%{background-position:0 0}100%{background-position:200% 0}}
.tk-sk{background-size:200% 100%;animation:tk-sk 1.4s linear infinite}
@media (prefers-reduced-motion:reduce){.tk-sk{animation:none}}
/* ==== END LANE:TACHES ==== */

/* ==== LANE:PLAN ==== */
/* PO-1 — toolbar, centre header, selection bar, « Options en cours » (DESIGN_05 Main.html / Options.html).
   Declarations moved from the reference's inline styles; a literal equal to a token is written as the token. */
.po-flex1{flex:1}
#page-plan #pmsBar{gap:10px;margin-bottom:12px}
#page-plan #pmsBar select,#page-plan #pmsBar input[type="date"]{box-sizing:content-box;height:38px;padding:0 10px 0 12px;border-radius:11px;border:1px solid var(--border-input);background:var(--surface);font:inherit;font-size:13.5px;font-weight:700;color:var(--ink);cursor:pointer;max-width:none}
#page-plan #pmsBar #pmsCentre{min-width:190px}
#page-plan #pmsBar #pmsJour{min-width:170px}
#page-plan #pmsSwitch{margin-left:0}
#page-plan #pmsSwitch button{height:32px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;cursor:pointer;font-weight:600;background:transparent;color:var(--ink-muted);box-shadow:none}
#page-plan #pmsSwitch button[aria-pressed="true"]{font-weight:700;background:var(--ink);color:#fff;box-shadow:0 1px 2px rgba(22,38,31,.25)}
#page-plan .pmslegend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:14px;font-size:12.5px;font-weight:600;color:var(--ink-muted)}
#page-plan .pmslegend>span{display:inline-flex;align-items:center;gap:6px}
#page-plan .pmslegend i{width:11px;height:11px;border-radius:3px;margin-right:0}
.po-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-1)}
.po-chead{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:0 0 14px}
.po-chead h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-0.01em}
.po-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 auto}
.po-chip{box-sizing:content-box;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px;border-radius:15px;background:var(--surface-sunk);border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--ink-muted);white-space:nowrap}
.po-chip b{color:var(--ink)}
/* WK-PLANONB · P1 — « Corriger l'occupation »: the chosen person of the picker, the before / after block */
.pc-leadrow[aria-pressed="true"]{border-color:var(--ocre);font-weight:var(--fw-bold)}
.st-apercu:empty{display:none}
.st-apercu{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-sunk)}
.sm-dlg-body>.ui-seg{align-self:flex-start}
.po-ring{stroke:var(--slot-occupe)}
.po-sw{width:10px;height:10px;border-radius:3px}
.po-sw--option{background:var(--slot-option)}
.po-sw--depart{background:var(--slot-depart)}
#page-plan .pmsact{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;border-radius:14px;background:var(--surface-band);border:1px solid var(--border)}
#page-plan .pmsact .selinfo{font-family:inherit;font-size:13px;font-weight:600;color:var(--ink-faint)}
#page-plan .pmsact input{box-sizing:content-box;flex:1 1 260px;min-width:0;height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--border-input);font:inherit;font-size:13.5px;background:var(--surface)}
#page-plan .pmsact select{box-sizing:content-box;min-width:120px;height:38px;padding:0 10px 0 12px;border-radius:11px;border:1px solid var(--border-input);background:var(--surface);font:inherit;font-size:13.5px;font-weight:700;color:var(--ink);cursor:pointer}
#page-plan .pmsact #pmsTtl{min-width:90px}
.po-btn{height:32px;padding:0 13px;border-radius:9px;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.po-btn.ghostbtn,#page-plan .pmsact button.po-btn.ghostbtn{border:1px solid var(--border-input);background:var(--surface);color:var(--ink)}
.po-btn.primarybtn,#page-plan .pmsact button.po-btn.primarybtn{border:0;background:var(--ocre);color:var(--ink-on-accent);box-shadow:0 8px 20px -10px rgba(186,111,10,0.55)}
.po-btn.po-btn--36,#page-plan .pmsact button.po-btn--36{height:36px;padding:0 13px;border-radius:9px;font-size:13px}
.po-optblock{overflow:visible}
.po-bhead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 0}
.po-bhead h2{margin:0;font-size:15.5px;font-weight:700}
.po-count{box-sizing:content-box;min-width:24px;height:22px;padding:0 7px;border-radius:11px;background:var(--surface-sunk);font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.po-count.is-on{background:var(--ink);color:#fff}
.po-gap12{height:12px}
.po-opt-row{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(150px,1fr) minmax(170px,1fr) 140px auto;align-items:center;gap:14px;padding:12px 20px;border-top:1px solid var(--hairline)}
.po-opt-cab{display:flex;align-items:center;gap:10px;min-width:0}
.po-opt-tile{width:34px;height:34px;border-radius:9px;background:var(--slot-option);flex:none}
.po-opt-tile--anticipe{background:var(--slot-depart-anticipe)}
.po-opt-cabtx{display:flex;flex-direction:column;min-width:0}
.po-opt-cabtx b{font-size:13.5px}
.po-opt-cabtx span{font-size:12.5px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.po-opt-client{font-size:13.5px}
.po-opt-client .is-none{color:var(--ink-faint);font-weight:600}
.po-opt-by{display:flex;flex-direction:column;font-size:12.5px;color:var(--ink-muted)}
.po-opt-by b{color:var(--ink)}
.po-opt-by .d{color:var(--ink-faint)}
.po-exp{justify-self:start;display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:7px;color:#fff;font-size:12px;font-weight:700;white-space:nowrap}
.po-exp--long{background:var(--tl-devis)}
.po-exp--mid{background:var(--tl-cs)}
.po-exp--short{background:var(--tl-dg)}
.po-exp--dead{background:#4E5652}
.po-opt-acts{display:flex;gap:6px;justify-content:flex-end;align-items:center}
.po-rel{position:relative}
.po-more{box-sizing:content-box;width:34px;height:34px;padding:0;border-radius:9px;border:1px solid var(--border-input);background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.po-more[aria-expanded="true"]{background:var(--ink);color:#fff}
.po-menu{box-sizing:content-box;position:absolute;right:0;top:40px;width:300px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-modal);z-index:3;padding:8px}
.po-menu-cap{padding:6px 10px 8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
.po-hist{display:flex;gap:10px;padding:7px 10px;font-size:13px}
.po-hist i{width:8px;height:8px;margin-top:6px;border-radius:50%;background:#40AC7A;flex:none}
.po-hist .w{color:var(--ink-faint)}
.po-menu-item{display:block;width:100%;text-align:left;padding:7px 10px;border:0;border-radius:8px;background:transparent;font:inherit;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer}
.po-menu-item:hover{background:var(--surface-sunk)}
.po-prolong{position:absolute;right:0;top:40px;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px 18px;width:max-content;max-width:460px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-modal)}
.po-prolong .n{font-size:13px;color:var(--ink-muted)}
.po-prolong .n b{color:var(--ink)}
.po-empty{display:flex;align-items:center;gap:14px;padding:22px 20px}
.po-empty-ic{width:42px;height:42px;border-radius:12px;background:var(--surface-sunk);display:inline-flex;align-items:center;justify-content:center}
.po-empty-ic i{width:16px;height:16px;border-radius:4px;background:var(--slot-option)}
.po-empty b{font-size:14px;font-weight:700}
/* PO-2 / PO-3 — Synthèse: title, KPI strip, small multiples, status bar, Départs / Arrivées, plan hero and
   hover card (DESIGN_05 Tous.html / Ternes.html). The plan well keeps the reference's #F7F1E7. */
#page-plan #pmsCtlVision .pt-seg{display:inline-flex;align-items:center;gap:2px;padding:3px;height:38px;box-sizing:border-box;background:var(--surface-sunk);border:1px solid var(--border);border-radius:12px}
#page-plan #pmsCtlVision .pt-segbtn{height:32px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;cursor:pointer;font-weight:600;background:transparent;color:var(--ink-muted);box-shadow:none}
#page-plan #pmsCtlVision .pt-segbtn.on{font-weight:700;background:var(--ink);color:#fff;box-shadow:0 1px 2px rgba(22,38,31,.25)}
.po-syntitle{display:flex;align-items:baseline;gap:12px;margin:4px 0 14px;flex-wrap:wrap}
.po-syntitle h2{margin:0;font-size:24px;font-weight:800;white-space:nowrap}
.po-syntitle span{font-size:13px;color:var(--ink-faint)}
.po-kpis{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:12px;margin-bottom:16px}
.po-kpi{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-1)}
.po-kpi .l,.po-tile .l,.po-to .l{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
.po-kpi b{font-size:24px;color:var(--ink)}
.po-kpi b.is-neg{color:var(--neg)}
.po-kpi .s{font-size:12px;color:var(--ink-faint)}
.po-minis{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:14px;margin-bottom:16px}
.po-mini{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-1);text-decoration:none;color:var(--ink);min-width:0;cursor:pointer}
.po-mini-h{display:flex;align-items:center;gap:10px}
.po-mini-t{flex:1;min-width:0}
.po-mini-n{font-size:14.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.po-mini-sub{font-size:12px;color:var(--ink-faint)}
/* FOLLOW-UP 1 — no row of cabinet squares: the plan fills a bigger well. */
.po-mini-well{box-sizing:content-box;border-radius:12px;background:#F7F1E7;border:1px solid var(--border);padding:6px;height:176px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.po-mini-well img{width:100%;height:100%;object-fit:contain}
.po-mini-sq,.po-hero-sq{display:flex;flex-wrap:wrap;gap:3px}
.po-mini-sq span,.po-hero-sq span{box-sizing:content-box;width:12px;height:12px;border-radius:3px;border:1px solid rgba(23,32,29,.08)}
.po-sec{margin-bottom:16px}
.po-sttotal{font-size:12.5px;font-weight:700;color:var(--ink-faint)}
.po-stbody{padding:14px 20px 18px;display:flex;flex-direction:column;gap:14px}
.po-stbar{display:flex;gap:2px;border-radius:7px;overflow:hidden}
.po-stbar span{height:14px}
.po-stleg{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px 28px}
.po-stleg>div{display:flex;align-items:center;gap:8px;min-width:0}
.po-stleg .sw{width:11px;height:11px;border-radius:3px;flex:none}
.po-stleg .lb{font-size:13px;color:var(--ink-muted);white-space:nowrap}
.po-stleg b{margin-left:auto;font-size:14px}
.po-stleg .p{width:46px;text-align:right;font-size:12px;color:var(--ink-faint)}
.po-st-libre{background:var(--slot-libre)}
.po-st-occupe{background:var(--slot-occupe)}
.po-st-option{background:var(--slot-option)}
.po-st-depart{background:var(--slot-depart)}
.po-st-reserve{background:var(--slot-reserve)}
.po-st-depart_option{background:var(--slot-depart-anticipe)}
.po-two{display:flex;flex-wrap:wrap;gap:16px}
.po-liste{flex:1 1 440px;min-width:0;overflow:hidden}
.po-gap10{height:10px}
.po-lrow{display:grid;grid-template-columns:78px minmax(0,1fr) 62px 46px;align-items:center;gap:10px;padding:8px 18px;border-top:1px solid var(--hairline)}
.po-lrow[data-action]{cursor:pointer}
.po-badge{display:inline-flex;height:22px;align-items:center;padding:0 8px;border-radius:6px;color:#fff;font-size:11.5px;font-weight:700}
.po-badge--pose{background:#B5523F}
.po-badge--anticipe{background:#8E2A1E}
.po-badge--avenir{background:var(--tl-devis)}
.po-lrow .who{min-width:0}
.po-lrow .n{font-size:13.5px;font-weight:700}
.po-lrow .m{font-size:12px;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.po-lrow .d{text-align:right;font-size:13px;font-weight:700}
.po-lrow .v{text-align:right;font-size:13px;font-weight:700;color:var(--ocre-deep);text-decoration:none}
.po-pager{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;border-top:1px solid var(--hairline);background:var(--surface-band);border-radius:0 0 20px 20px}
.po-pager .r{font-size:12.5px;color:var(--ink-faint)}
.po-pager .b{display:flex;gap:6px}
.po-btn[disabled]{background:var(--disabled-bg);color:var(--disabled-ink);opacity:1;cursor:not-allowed;box-shadow:none}
.po-lempty{padding:14px 18px 18px;font-size:13px;color:var(--ink-faint)}
.po-hero{margin-bottom:16px}
.po-hero-in{display:flex;flex-wrap:wrap;gap:20px;padding:18px 18px 16px}
.po-hero-left{flex:1 1 700px;min-width:0;display:flex;flex-direction:column;gap:10px}
.po-well{position:relative;border-radius:16px;background:#F7F1E7;border:1px solid var(--border);padding:10px}
.po-plan{position:relative;width:100%}
.po-plan img,.po-plan svg{position:absolute;inset:0;width:100%;height:100%}
.po-plan img{object-fit:contain}
.po-cab{cursor:pointer;outline:none}
.po-cab-free{cursor:default}
.po-hhead--free{margin-bottom:0}
.po-cab polygon{fill-opacity:0.82;stroke:rgba(23,32,29,.35);stroke-width:3;stroke-linejoin:round}
.po-cab:hover polygon,.po-cab:focus polygon,.po-cab.is-on polygon{fill-opacity:0.92;stroke:#17201D;stroke-width:7}
.po-mk-opt{fill:#40AC7A;stroke:#fff;pointer-events:none}
.po-mk-dep{fill:var(--slot-depart);stroke:#fff;pointer-events:none}
.po-hover{box-sizing:content-box;position:absolute;width:310px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-modal);padding:14px;z-index:3}
.po-hhead{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.po-hhead .t{flex:1}
.po-hname{font-size:15px;font-weight:800}
.po-hsub{font-size:12px;color:var(--ink-faint)}
.po-hgrid{display:grid;grid-template-columns:18px repeat(7, minmax(0, 1fr));gap:3px;align-items:center}
.po-hgrid .dh{text-align:center;font-size:10.5px;font-weight:700;color:var(--ink-faint)}
.po-hgrid .rh{font-size:10.5px;font-weight:700;color:var(--ink-faint)}
.po-hcell{height:30px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--ink);overflow:hidden;white-space:nowrap}
.po-hmems{margin-top:10px;border-top:1px solid var(--hairline);padding-top:6px}
.po-hmem{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:12.5px}
.po-hmem i{width:8px;height:8px;border-radius:2px;flex:none}
.po-hmem .q{margin-left:auto;color:var(--ink-faint)}
.po-hfoot{margin-top:8px;display:flex;justify-content:flex-end}
.po-leg{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:0 4px}
.po-leg .g{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-muted)}
.po-leg .g i{width:120px;height:9px;border-radius:5px;background:linear-gradient(90deg,#F6E9C8,#E29816)}
.po-leg .k{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-muted)}
.po-leg .k i{width:10px;height:10px;border-radius:50%}
.po-leg .k i.o{background:#40AC7A}
.po-leg .k i.d{background:var(--slot-depart)}
.po-leg .sp{flex:1}
.po-hero-right{flex:0 1 250px;display:flex;flex-direction:column;gap:10px}
.po-to{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}
.po-to .c{display:flex;flex-direction:column}
.po-to b{font-size:22px}
.po-to .s{font-size:12px;color:var(--ink-faint)}
.po-tiles{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px}
.po-tile{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}
.po-tile b{font-size:20px;color:var(--ink)}
.po-tile b.is-dep{color:#E0766A}
.po-tile .s{font-size:12px;color:var(--ink-faint)}
/* PO-4 — the plan editor (DESIGN_05 Editeur.html) */
#pmsWrap.po-editing #pmsBar,#pmsWrap.po-editing .pmslegend{display:none}
.po-btn.po-btn--38{height:38px}
.po-btn.po-btn--34{height:34px}
.po-ed-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.po-ed-head h2{margin:0;font-size:22px;font-weight:800}
.po-ed-head select,.po-ed-selbox select{box-sizing:content-box;min-width:190px;height:38px;padding:0 10px 0 12px;border-radius:11px;border:1px solid var(--border-input);background:var(--surface);font:inherit;font-size:13.5px;font-weight:700;color:var(--ink);cursor:pointer}
.po-ed-selbox select{min-width:200px}
.po-ed-cols{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.po-ed-main{flex:1 1 640px;min-width:0}
.po-ed-side{flex:0 1 300px}
.po-ed-pad{padding:16px;display:flex;flex-direction:column;gap:12px}
.po-ed-side .po-ed-pad{gap:10px}
.po-ed-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.po-ed-side h2{margin:0 0 4px;font-size:15.5px;font-weight:700}
#poEdSvg.is-draw{cursor:crosshair}
.po-ed-shape{fill:rgba(46,95,184,.14);stroke:#2E5FB8;stroke-width:4;stroke-dasharray:14 10;cursor:pointer}
.po-ed-shape.is-sel{fill:rgba(186,111,10,.22);stroke:#BA6F0A;stroke-width:6;stroke-dasharray:0}
.po-ed-label{fill:#17201D;pointer-events:none}
.po-ed-label.is-free{fill:#5E6B66}
.po-ed-handle{fill:#fff;stroke:#BA6F0A;stroke-width:6;cursor:move}
.po-ed-draft{fill:none;stroke:#BA6F0A;stroke-width:5;stroke-dasharray:14 10;pointer-events:none}
.po-ed-pt{fill:#fff;stroke:#BA6F0A;stroke-width:5;pointer-events:none}
.po-ed-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);cursor:pointer}
.po-ed-item.is-sel{border:2px solid var(--ocre)}
.po-ed-item .num{min-width:30px;height:28px;padding:0 4px;border-radius:8px;background:var(--surface-sunk);display:inline-flex;align-items:center;justify-content:center;font-weight:800}
.po-ed-item .t{flex:1}
.po-ed-item .n{font-size:13.5px;font-weight:700}
.po-ed-item .ty{font-size:12px;color:var(--ink-faint)}
.po-ed-item .ok{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--tl-mes)}
.po-ed-item .todo{font-size:12.5px;font-weight:700;color:var(--ink-faint)}
.po-ed-sep{height:1px;background:var(--hairline);margin:6px 0}
.po-ed-selbox{display:flex;flex-direction:column;gap:6px}
.po-ed-selbox .cap{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
.po-ed-selbox .none{font-size:13px;color:var(--ink-faint)}
/* The reference sets no line-height (normal); the shell's body value made every row taller. */
#page-plan .po-card,#page-plan .po-kpi,#page-plan .po-mini,#page-plan .po-syntitle,#page-plan .po-chead,#page-plan .po-ed-head,#page-plan .po-hover,#page-plan .pmsact,#page-plan .pmslegend{line-height:normal}
/* W4-H · H4 — a centre's TO / TOF on its tile; the alert for a half-day held by 2+ people (outline and
   badge, never a status fill: the six status colours keep their meaning) */
.po-mini-taux{display:flex;gap:10px;margin-top:3px;font-size:12px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.po-mini-taux b{font-weight:700}
.po-conflit{border:2px solid var(--pill-red);border-radius:12px;background:var(--surface);color:var(--ink);padding:12px 14px;margin:0 0 14px}
.po-conflit-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.po-conflit-h b{color:var(--pill-red);font-weight:700}
.po-conflit ul{margin:8px 0 0;padding-left:18px;font-size:13px;line-height:1.5}
/* N25 · FL6 — the alert rows open the people of the half-day; the people panel; the occupant radios of « Corriger l'occupation » */
.po-conflit li[data-conflit]{cursor:pointer}
.po-conflit li[data-conflit]:hover,.po-conflit li[data-conflit]:focus-visible{text-decoration:underline}
.po-pers{display:flex;flex-direction:column;gap:6px;border:1px solid var(--border-input);border-radius:12px;background:var(--surface);color:var(--ink);padding:10px 14px;margin:0 0 14px;font-size:13px}
.po-pers__row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.po-pers__row .ghostbtn{margin-left:auto}
.po-pers__ref{color:var(--ink-muted)}
.st-occ{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);cursor:pointer}
.st-occ input{width:auto;flex:none;margin:0}
.pmsboard .pmscell.conflit{outline:3px solid var(--pill-red);outline-offset:-3px;position:relative}
.pmsboard .pmscell.conflit::after{content:"2+";position:absolute;top:2px;right:3px;padding:0 4px;border-radius:6px;
  background:var(--pill-red);color:#fff;font-size:10px;font-weight:700;line-height:14px}
/* ==== END LANE:PLAN ==== */

/* ==== LANE:SAT ==== */
/* SATVENTE · V1 — Vente brouillons: the compact control and the drawer rows */
#page-dispo .acqhead:has(.sat-brbtn){display:flex;align-items:center;gap:12px}
#page-dispo .acqhead .sat-brbtn{margin-left:auto;height:38px;padding:0 14px;
  white-space:nowrap;font-weight:var(--fw-bold)}
/* the Vente leave modal: its three answers stay on one line each */
.ui-modal__foot .sat-leave{white-space:nowrap;padding:0 12px;font-size:13px}
#dvLeaveMsg:empty,#satLeaveMsg:empty{display:none}
.sat-brhead{display:flex;align-items:center;margin-bottom:14px}
.sat-brlist{display:flex;flex-direction:column;gap:8px}
.sat-brrow{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:var(--surface);
  border:1px solid var(--border-input);border-radius:12px;box-shadow:var(--shadow-xs)}
.sat-brtop{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.sat-brclient{font-size:14.5px;font-weight:var(--fw-bold);color:var(--ink);min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.sat-brprix{font-size:14px;font-weight:var(--fw-bold);color:var(--ink);white-space:nowrap}
.sat-brsub{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;font-size:13px;color:var(--ink-muted)}
.sat-brref{font-size:12.5px;color:var(--ink-faint)}
.sat-brfoot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sat-brmeta{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:12.5px;color:var(--ink-faint);min-width:0}
.sat-bracts{display:flex;gap:8px;flex:none}
.sat-bracts .primarybtn,.sat-bracts .ghostbtn{height:32px;padding:0 12px;font-size:13px}
.sat-brempty{padding:28px 12px;text-align:center;font-size:13.5px;color:var(--ink-faint);background:var(--surface-sunk);
  border-radius:12px}
/* SATVENTE · ST-1 — Satisfaction: tabs row, Résultats (DESIGN_04 reference values, tokens where one carries the value) */
.sat-tabsrow{display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid var(--border-input);margin-bottom:16px}
.sat-tabs{display:flex;flex:1 1 auto}
.sat-tab{display:inline-flex;align-items:center;height:46px;padding:0 2px;margin-right:22px;border:0;background:transparent;
  font:inherit;font-size:14.5px;font-weight:600;color:var(--ink-faint);border-bottom:2.5px solid transparent;cursor:pointer}
.sat-tab[aria-current="page"]{font-weight:700;color:var(--ink);border-bottom-color:var(--ink)}
.sat-tab:focus-visible{outline:3px solid var(--ocre-tint);outline-offset:-3px}
.sat-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 18px;padding:14px 18px;margin-bottom:18px;
  background:var(--surface);border:1px solid rgba(23,32,29,0.10);border-radius:18px;
  box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26)}
.sat-f{display:flex;flex-direction:column;gap:7px}
.sat-flab{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
.sat-fsel{min-width:220px;height:38px;padding:0 10px 0 12px;border-radius:11px;border:1px solid var(--border-input);
  background:var(--surface);font:inherit;font-size:13.5px;font-weight:700;color:var(--ink);cursor:pointer}
#satRCentre{min-width:200px}
.sat-fsep{width:1px;align-self:stretch;background:rgba(23,32,29,0.10)}
.sat-hero{position:relative;border-radius:22px;background:var(--grad-hero-radial);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset, 0 28px 50px -28px rgba(18,33,26,.7), 0 2px 4px rgba(18,33,26,.18);
  overflow:hidden;margin-bottom:18px;font-variant-numeric:tabular-nums}
.sat-hero-glow{position:absolute;right:-120px;top:-160px;width:520px;height:520px;border-radius:50%;background:var(--hero-glow)}
.sat-hero-in{position:relative;display:flex;flex-wrap:wrap;gap:30px;align-items:center;padding:24px 28px}
.sat-gauge{flex:0 1 300px;display:flex;flex-direction:column;align-items:center;gap:4px}
.sat-eyebrow{align-self:flex-start;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-on-dark-muted)}
.sat-gsvg{display:block;width:100%;max-width:300px;height:auto;font-family:var(--font-ui)}
.sat-g-track{stroke:rgba(255,255,255,.10)}
.sat-g-fill{stroke:var(--ocre-on-dark)}
.sat-g-knob{fill:#fff;stroke:var(--ocre-on-dark)}
.sat-score{fill:#fff}
.sat-g-lab{fill:var(--ink-on-dark-muted)}
.sat-delta{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:11px;
  background:rgba(142,221,178,.14);color:#8EDDB2;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.sat-delta.sat-delta--neg{background:rgba(244,169,154,.14);color:#F4A99A}
.sat-delta-ar{font-size:8px}
.sat-mid{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:14px}
.sat-ppd{display:flex;gap:3px}
.sat-ppd div{height:12px}
.sat-ppd div:first-child{border-radius:6px 0 0 6px}
.sat-ppd div:last-child{border-radius:0 6px 6px 0}
.sat-prom{background:#8EDDB2}
.sat-pas{background:#E9B96A}
.sat-det{background:#F4A99A}
.sat-figs{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}
.sat-fig{display:flex;flex-direction:column;gap:3px}
.sat-figl{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-on-dark-muted)}
.sat-sq{display:inline-block;width:9px;height:9px;border-radius:3px;flex:none}
.sat-fig b{font-size:20px;color:#fff}
.sat-fign{font-size:12px;color:var(--ink-on-dark-muted)}
.sat-tiles{flex:0 1 230px;display:flex;flex-direction:column;gap:10px}
.sat-tile{display:flex;flex-direction:column;gap:5px;padding:12px 14px;border-radius:13px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.09)}
.sat-tilel{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-on-dark-muted)}
.sat-tile b{font-size:22px;color:#fff}
.sat-tiles-sub{font-size:12px;color:var(--ink-on-dark-muted)}
.sat-row{display:flex;flex-wrap:wrap;gap:16px}
.sat-card{background:var(--surface);border:1px solid rgba(23,32,29,0.10);border-radius:20px;
  box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26)}
.sat-card--centres{flex:1 1 460px;min-width:0}
.sat-card--questions{flex:1.2 1 520px;min-width:0}
.sat-card--verbatims{margin-top:16px}
.sat-empty{padding:36px 20px}
.sat-chead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 0}
.sat-chead h2{margin:0;font-size:15.5px;font-weight:700;color:var(--ink)}
.sat-chead p{margin:3px 0 0;font-size:12.5px;color:var(--ink-faint)}
.sat-caside{font-size:12px;color:var(--ink-faint)}
.sat-cbody{padding:10px 20px 16px}
.sat-crow{display:grid;grid-template-columns:150px 1fr 48px 40px;align-items:center;gap:12px;padding:7px 0}
.sat-cname{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink)}
.sat-ctrack{height:12px;border-radius:6px;background:#EDF0EE;overflow:hidden}
.sat-ctrack span{display:block;height:100%;border-radius:6px}
.sat-crow b{text-align:right;font-size:14px;color:var(--ink);font-variant-numeric:tabular-nums}
.sat-cn{text-align:right;font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums}
.sat-qleg{display:flex;gap:10px}
.sat-qleg span{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ink-muted)}
.sat-qleg i{display:inline-block;width:9px;height:9px;border-radius:2px}
.sat-d1{background:#B0442C}
.sat-d2{background:#D7845F}
.sat-d3{background:#C9B18A}
.sat-d4{background:#7FB89A}
.sat-d5{background:#1F7A55}
.sat-qbody{padding:10px 20px 14px}
.sat-qrow{display:grid;grid-template-columns:minmax(0,1fr) 220px 64px;align-items:center;gap:14px;padding:10px 0;
  border-top:1px solid rgba(23,32,29,0.08)}
.sat-qlab{font-size:13.5px;font-weight:600;color:var(--ink)}
.sat-qbar{display:flex;gap:2px;border-radius:5px;overflow:hidden}
.sat-qbar span{height:10px}
.sat-qrow b{text-align:right;font-size:15px;font-variant-numeric:tabular-nums}
.sat-q--haut{color:#1F7A55}
.sat-q--moyen{color:#94570A}
.sat-q--bas{color:#B0442C}
.sat-vgrid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;padding:14px 18px 18px}
.sat-v{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:14px;border:1px solid rgba(23,32,29,0.10);
  background:var(--surface);box-shadow:var(--shadow-xs)}
.sat-vtop{display:flex;align-items:center;gap:8px}
.sat-vnote{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;border-radius:7px;
  color:#fff;font-size:12.5px;font-weight:800}
.sat-vnote--promoteur{background:#1F7A55}
.sat-vnote--passif{background:#94570A}
.sat-vnote--detracteur{background:#B0442C}
.sat-vtag{display:inline-flex;height:22px;align-items:center;padding:0 8px;border-radius:6px;background:var(--surface-sunk);
  font-size:11.5px;font-weight:700;color:var(--ink-muted)}
.sat-vmeta{margin-left:auto;font-size:12px;color:var(--ink-faint)}
.sat-vtxt{margin:0;font-size:14px;line-height:1.45;color:var(--ink)}
.sat-vnone{padding:14px 0;font-size:13.5px;color:var(--ink-faint)}
.sat-vgrid .sat-vnone{grid-column:1 / -1}
.sat-canaux{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:12px;font-size:13.5px;color:var(--ink)}
.sat-canaux-lab{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
.sat-canal{display:inline-flex;align-items:center;gap:7px}
.sat-canal--off{color:var(--ink-faint)}
@media(max-width:900px){.sat-vgrid{grid-template-columns:1fr}.sat-qrow{grid-template-columns:minmax(0,1fr) 120px 48px}}
/* SATVENTE · ST-2 — Questionnaires */
.sat-qz{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.sat-qlist{flex:0 1 300px;display:flex;flex-direction:column;gap:10px}
.sat-qnew{height:40px;padding:0 13px;border-radius:9px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;
  gap:7px;white-space:nowrap;box-sizing:border-box}
.sat-qitem{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;padding:12px 14px;border-radius:14px;
  border:1px solid rgba(23,32,29,0.10);background:var(--surface);font:inherit;cursor:pointer;box-shadow:var(--shadow-xs)}
.sat-qitem[aria-pressed="true"]{border:2px solid var(--ink);padding:11px 13px}
.sat-qitem-top{display:flex;align-items:center;gap:8px}
.sat-qitem-top b{font-size:14px;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis}
.sat-qpill{margin-left:auto;display:inline-flex;height:20px;align-items:center;padding:0 7px;border-radius:6px;color:#fff;
  font-size:11px;font-weight:700;flex:none}
.sat-qpill--envoye{background:#1F7A55}
.sat-qpill--brouillon{background:#6B7570}
.sat-qitem-sub{font-size:12.5px;color:var(--ink-faint)}
.sat-qed{flex:1 1 640px;min-width:0}
.sat-qed-in{padding:18px 20px;display:flex;flex-direction:column;gap:14px}
.sat-qed-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sat-qtitre{flex:1 1 300px;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--border-input);font:inherit;
  font-size:18px;font-weight:800;color:var(--ink);background:var(--surface);box-sizing:border-box;min-width:0}
.sat-qbtns{display:inline-flex;flex-wrap:wrap;gap:10px}
.sat-qbtns button,.sat-qadd button,.sat-opt-btns button{padding:0 13px;border-radius:9px;font-size:13px;font-weight:700;
  display:inline-flex;align-items:center;gap:7px;white-space:nowrap;box-sizing:border-box}
.sat-qbtns button{height:40px}
.sat-qintro{width:100%;box-sizing:border-box;padding:10px 14px;border-radius:12px;border:1px solid var(--border-input);
  font:inherit;font-size:14px;color:var(--ink);background:var(--surface);resize:vertical}
.sat-qtitre:disabled,.sat-qintro:disabled,.sat-qc-in:disabled,.sat-qc-type:disabled,.sat-opt-in:disabled{
  background:var(--disabled-bg);color:var(--disabled-ink)}
.sat-qcards{display:flex;flex-direction:column;gap:10px}
.sat-qed-in .uerr:empty,.sat-ne-in .uerr:empty{display:none}
.sat-qc{display:flex;gap:12px;padding:14px 16px;border-radius:16px;background:var(--surface);
  border:1px solid rgba(23,32,29,0.10);box-shadow:var(--shadow-xs)}
.sat-qc.is-on{border:2px solid var(--ink);padding:13px 15px}
.sat-qc-left{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ink-faint)}
.sat-qc-n{width:26px;height:26px;border-radius:8px;background:var(--surface-sunk);display:inline-flex;align-items:center;
  justify-content:center;font-size:12.5px;font-weight:800;color:var(--ink)}
.sat-qc-handle{border:0;background:transparent;color:var(--ink-faint);padding:2px;border-radius:6px;cursor:grab;display:inline-flex}
.sat-qc-handle:focus-visible{outline:3px solid var(--ocre-tint)}
.sat-qc-main{flex:1;min-width:0}
.sat-qc-row{display:flex;gap:8px;align-items:center}
.sat-qc-in{flex:1 1 0;width:auto;min-width:0;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--border-input);font:inherit;
  font-size:14px;font-weight:600;color:var(--ink);background:var(--surface);box-sizing:border-box}
.sat-qc-type{flex:0 0 auto;width:auto;min-width:140px;height:38px;padding:0 10px 0 12px;border-radius:11px;border:1px solid var(--border-input);
  background:var(--surface);font:inherit;font-size:13.5px;font-weight:700;color:var(--ink);cursor:pointer}
.sat-nps{display:flex;gap:4px;margin-top:10px}
.sat-nps span{flex:1;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12.5px;
  font-weight:700;color:var(--ink)}
.sat-nps--det{background:#F8E5DF}
.sat-nps--pas{background:#F6EBD6}
.sat-nps--prom{background:#E2F1E8}
.sat-note-cell{background:var(--surface-sunk)}
.sat-nps--deux span{flex:0 0 64px}
.sat-opts{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.sat-opt{display:flex;align-items:center;gap:8px}
.sat-opt-box{width:16px;height:16px;border-radius:5px;border:1.5px solid rgba(23,32,29,0.30);box-sizing:border-box;flex:none}
.sat-opt-in{flex:1 1 0;width:auto;height:34px;padding:0 10px;border-radius:9px;border:1px solid var(--border-input);font:inherit;
  font-size:13.5px;color:var(--ink);background:var(--surface);box-sizing:border-box;min-width:0}
.sat-opt-autre{font-size:13.5px;color:var(--ink-muted)}
.sat-opt-x{width:30px;height:30px;border:0;background:transparent;color:var(--ink-faint);display:inline-flex;align-items:center;
  justify-content:center;cursor:pointer;border-radius:8px;flex:none}
.sat-opt-x svg{width:14px;height:14px}
.sat-opt-btns{display:flex;gap:6px}
.sat-opt-btns button{height:30px}
.sat-opt-btns button[aria-pressed="true"]{border-color:var(--ink)}
.sat-txtbox{margin-top:10px;height:44px;border-radius:9px;border:1px dashed var(--border-input)}
.sat-qadd{display:flex;gap:8px;flex-wrap:wrap}
.sat-qadd button{height:36px}
/* SATVENTE · ST-3 — Envois */
.sat-ez{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.sat-ne{flex:0 1 380px}
.sat-ne-in{padding:18px 20px;display:flex;flex-direction:column;gap:16px}
.sat-ne-in h2,.sat-ed-top h2{margin:0;font-size:15.5px;font-weight:700;color:var(--ink)}
.sat-ne .sat-fsel{min-width:260px;width:100%}
.sat-dests{display:flex;flex-direction:column;gap:7px}
.sat-dest{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(23,32,29,0.10);
  cursor:pointer;background:var(--surface)}
.sat-dest.is-on{border:2px solid var(--ink);padding:9px 11px}
.sat-dest input{width:18px;height:18px;margin:0;accent-color:var(--ink);flex:none}
.sat-dest-l{font-size:13.5px;font-weight:700;color:var(--ink)}
.sat-dest-r{margin-left:auto;font-size:12.5px;color:var(--ink-faint);min-width:0}
.sat-dest-sel{max-width:170px;height:30px;padding:0 8px;border-radius:8px;border:1px solid var(--border-input);
  background:var(--surface);font:inherit;font-size:12.5px;color:var(--ink)}
.sat-canal{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:var(--ink)}
.sat-canal input{width:18px;height:18px;margin:0;accent-color:var(--ink);flex:none}
.sat-canal--off{color:var(--ink-faint)}
.sat-ne-sep{height:1px;background:rgba(23,32,29,0.08)}
.sat-ne-send{height:44px;width:100%;margin:0;border-radius:12px;font-size:14.5px;font-weight:700;justify-content:center}
.sat-ne .ui-seg button:disabled{background:var(--disabled-bg);color:var(--disabled-ink);opacity:1;cursor:not-allowed;box-shadow:none}
.sat-ez-right{flex:1 1 600px;min-width:0}
.sat-etable{overflow:hidden}
.sat-etable .sat-chead{padding-bottom:10px}
.sat-etable-x{overflow-x:auto}
.sat-et{width:100%;min-width:640px;border-collapse:collapse;font-variant-numeric:tabular-nums}
.sat-et th{text-align:left;padding:11px 14px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  color:var(--ink-faint);white-space:nowrap;border-bottom:1px solid var(--border-input);background:var(--surface)}
.sat-et td{padding:10px 14px;border-bottom:1px solid rgba(23,32,29,0.08);font-size:13.5px;vertical-align:middle;
  white-space:nowrap;text-align:left;color:var(--ink)}
.sat-et .sat-r{text-align:right}
.sat-erow{cursor:pointer}
.sat-erow:hover td,.sat-erow.is-on td{background:var(--surface-band)}
.sat-ebar{display:flex;align-items:center;gap:10px}
.sat-ebar-t{width:90px;height:8px;border-radius:4px;background:#E6EBE8;overflow:hidden}
.sat-ebar-t span{display:block;height:100%;background:#1F7A55;border-radius:4px}
.sat-epill{display:inline-flex;height:22px;align-items:center;padding:0 8px;border-radius:6px;color:#fff;font-size:11.5px;
  font-weight:700}
.sat-epill--en_cours{background:#2E5FB8}
.sat-epill--cloturee,.sat-epill--brouillon{background:#6B7570}
.sat-edetail{margin-top:16px}
.sat-ed-in{padding:16px 20px;display:flex;flex-direction:column;gap:12px}
.sat-ed-top{display:flex;align-items:center;gap:10px}
.sat-ed-top h2{flex:1}
.sat-ring-t{stroke:#E6EBE8}
.sat-ring-f{stroke:#1F7A55}
.sat-ring-x{fill:var(--ink);font-family:var(--font-ui)}
.sat-ed-chips{display:flex;gap:8px}
.sat-echip{height:34px;padding:0 12px;border-radius:17px;border:1px solid var(--border-input);background:var(--surface);
  color:var(--ink);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;
  white-space:nowrap}
.sat-echip[aria-pressed="true"]{border:2px solid var(--ink);padding:0 11px}
.sat-echip-n{font-size:12px;padding:1px 7px;border-radius:9px;background:var(--surface-sunk)}
.sat-sq--repondu{background:#1F7A55}
.sat-sq--sans{background:#94570A}
.sat-ed-list{max-height:420px;overflow:auto}
.sat-eperson{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid rgba(23,32,29,0.08)}
.sat-ep-n{flex:1;font-size:13.5px;font-weight:600;color:var(--ink);min-width:0}
.sat-ep-n span{font-weight:400;color:var(--ink-faint)}
.sat-ep-ok{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:#1F7A55;white-space:nowrap}
.sat-ep-no{font-size:12.5px;font-weight:700;color:#94570A;white-space:nowrap}
.sat-ed-relance{align-self:flex-start;height:40px;padding:0 14px;border-radius:9px;font-size:13px;font-weight:700}
/* SATVENTE follow-up · G12 — the pager of a server-paged list */
.sat-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;font-size:12.5px;color:var(--ink-faint)}
.sat-pager-b{display:inline-flex;gap:8px}
.sat-pager .ghostbtn{height:30px;padding:0 12px;font-size:12.5px}
.sat-pager .ghostbtn:disabled{background:var(--disabled-bg);color:var(--disabled-ink);opacity:1;cursor:not-allowed;box-shadow:none}
/* ==== END LANE:SAT ==== */

/* ==== LANE:FIN ==== */
.fn-002535{margin-top:12px}
.fn-010961{height:32px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-weight:700;background:#17201D;color:#fff;box-shadow:0 1px 2px rgba(22,38,31,.25)}
.fn-018806{background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);margin-bottom:16px}
.fn-022969{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#2E5FB8;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.fn-0279b4{display:flex;justify-content:space-between;padding:5px 0;font-size:14px;font-weight:800;}
.fn-02e433{position:absolute;top:0;right:0;bottom:0;width:600px;background:#fff;box-shadow:-30px 0 60px -20px rgba(8,18,13,.45);z-index:6;display:flex;flex-direction:column;border-radius:22px 0 0 22px;overflow:hidden}
.fn-04b01b{width:9px;height:9px;border-radius:3px;background:#6B4FA8}
.fn-04fddc{padding:10px 14px;border-bottom:1px solid rgba(23,32,29,0.08);font-size:13.5px;vertical-align:middle;white-space:nowrap;text-align:right;}
.fn-06c1ec{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px;padding:0 22px 18px}
.fn-08515b{width:9px;height:9px;border-radius:50%;background:#6E4A6B}
.fn-093c7e{height:34px;padding:0 12px;border-radius:17px;border:1px solid #17201D;background:#17201D;color:#fff;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap}
.fn-0b74e2{width:10px;height:10px;border-radius:50%;background:#6E4A6B;flex:none}
.fn-0be5de{width:9px;height:9px;border-radius:50%;background:#C2643F}
.fn-0dad52{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid rgba(23,32,29,0.16);border-radius:10px;background:#fff;color:#5E6B66;width:240px;box-sizing:border-box}
.fn-0f4427{width:100%;min-width:1000px;border-collapse:collapse;font-variant-numeric:tabular-nums}
.fn-10b97c{flex:1 1 0;display:flex;flex-direction:column;gap:6px;min-width:0}
.fn-13cddf{width:18px;height:18px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;background:#17201D;color:#fff}
.fn-14e778{display:flex;flex-direction:column;gap:3px;padding:9px 10px;border-radius:11px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.fn-153aef{width:40px;height:22px;border-radius:11px;background:#C9D0CC;position:relative;flex:none;display:inline-block}
.fn-16bc93{display:flex;justify-content:space-between;padding:5px 0;font-size:13.5px;}
.fn-178454{height:5px;background:#6E4A6B}
.fn-181402{border:0;outline:0;font:inherit;font-size:13.5px;flex:1;min-width:0;background:transparent;color:#17201D}
.fn-1862e2{width:30px;height:6px;border-radius:3px;background:#B0442C}
.fn-190227{position:absolute;opacity:0;width:1px;height:1px}
.fn-19a772{position:absolute;inset:0;background:rgba(12,22,17,.45);z-index:4}
.fn-1b87e1{font-size:12.5px;color:#A6BAB3}
.fn-1bc40a{display:flex;flex-direction:column;gap:7px}
.fn-1fdd22{min-width:104px;text-align:center;font-size:14px;font-weight:700}
.fn-2075ff{display:flex;flex-wrap:wrap;gap:6px}
.fn-217b3e{height:28px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;cursor:pointer;font-weight:700;background:#17201D;color:#fff;box-shadow:0 1px 2px rgba(22,38,31,.25)}
.fn-2238e0{width:7px;height:7px;border-radius:50%;background:#C2643F}
.fn-2244fe{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px}
.fn-23b1b8{height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 10px 0 12px;border-radius:10px;border:1px solid rgba(23,32,29,0.16);background:#fff;font:inherit;font-size:13.5px;font-weight:600;color:#17201D;cursor:pointer}
.fn-23efe1{color:#17201D}
.fn-2442fb{display:flex;flex-direction:column;gap:1px}
.fn-2592cc{font-size:16px}
.fn-271011{width:11px;height:11px;border-radius:3px;background:#2E6B52}
.fn-2829ad{display:flex;flex-wrap:wrap;gap:16px}
.fn-284f58{font-size:24px;font-weight:800}
.fn-2e2fa1{width:9px;height:9px;border-radius:3px;background:#B0442C}
.fn-2e5190{font-size:14px;font-weight:700}
.fn-2ef833{display:grid;grid-template-columns:86px 1fr 40px;align-items:center;gap:10px;padding:9px 0;border-top:1px solid rgba(23,32,29,0.08)}
.fn-2fc807{color:#B0442C;font-weight:600}
.fn-2ffadf{display:inline-flex;align-items:center;height:46px;padding:0 2px;margin-right:18px;text-decoration:none;font-size:14px;white-space:nowrap;font-weight:600;color:#5E6B66;border-bottom:2.5px solid transparent}
.fn-307288{flex:25.2 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:0;border-radius:12px;background:#C99A4B;color:#fff;font:inherit;cursor:pointer;text-align:left}
.fn-30bdf6{font-size:11.5px;opacity:.9}
.fn-30ecda{width:100%;min-width:1060px;border-collapse:collapse;font-variant-numeric:tabular-nums}
.fn-3201d5{display:inline-flex;align-items:center;gap:2px;padding:3px;height:34px;box-sizing:border-box;background:#EEF1F0;border:1px solid rgba(23,32,29,0.10);border-radius:12px}
.fn-33d250{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:8px}
.fn-3407c4{height:5px;background:#2E6B52}
.fn-3643e9{background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);flex:1 1 440px;min-width:0;overflow:hidden}
.fn-39a6b5{display:flex;justify-content:space-between;padding:5px 0;font-size:14px;font-weight:800;color:#B0442C;}
.fn-39ca28{background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);flex:1 1 300px}
.fn-39d587{height:1px;background:rgba(23,32,29,0.08);margin:4px 0}
.fn-3aeaa6{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 18px;padding:14px 18px;margin-bottom:18px;background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:18px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26)}
.fn-3c1356{height:8px;border-radius:4px;background:#E6EBE8;overflow:hidden}
.fn-3c224b{display:inline-flex;gap:3px}
.fn-3c534d{padding:10px 14px;border-bottom:1px solid rgba(23,32,29,0.08);font-size:13.5px;vertical-align:middle;white-space:nowrap;text-align:right;font-weight:600;color:#B0442C}
.fn-3d457c{flex:1;overflow:auto}
.fn-3dbc70{padding:10px 14px;border-bottom:1px solid rgba(23,32,29,0.08);font-size:13.5px;vertical-align:middle;white-space:nowrap;text-align:right;font-weight:600}
.fn-411f4f{padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.fn-41b0c5{width:9px;height:9px;border-radius:3px;background:#6B7570}
.fn-41d530{height:32px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;cursor:pointer;font-weight:700;background:#17201D;color:#fff;box-shadow:0 1px 2px rgba(22,38,31,.25)}
.fn-41f981{width:10px;height:10px;border-radius:50%;background:#C2643F;flex:none}
.fn-423403{width:40px;height:22px;border-radius:11px;background:#1F7A55;position:relative;flex:none;display:inline-block}
.fn-430da3{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#3B4A45}
.fn-440dcb{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid rgba(23,32,29,0.08);background:#F8FAF8;border-radius:0 0 20px 20px}
.fn-4535c7{height:32px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-weight:600;background:transparent;color:#3B4A45}
.fn-45b5cd{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:11px;background:rgba(244,169,154,.14);color:#F4A99A;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.fn-466912{display:inline-flex;align-items:center;gap:2px;padding:3px;height:38px;box-sizing:border-box;background:#EEF1F0;border:1px solid rgba(23,32,29,0.10);border-radius:12px}
.fn-46a905{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:16px}
.fn-474cb5{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#6B7570;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.fn-4772bb{flex:1;display:flex;flex-direction:column;gap:8px}
.fn-48fa12{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.fn-4b0f28{font-size:19px;font-weight:800;margin-top:4px;color:#1F7A55}
.fn-4dddea{flex:1 1 220px;display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:18px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26)}
.fn-4e0fc6{position:absolute;left:-20px;top:4px;width:10px;height:10px;border-radius:50%;background:#2E5FB8;box-shadow:0 0 0 3px #fff}
.fn-4e236e{padding:12px 14px;border-radius:14px;background:#fff;border:1px solid rgba(23,32,29,0.10)}
.fn-4eb23a{color:#fff}
.fn-50d1e6{width:9px;height:9px;border-radius:3px;background:#4E5652}
.fn-516256{font-size:12.5px;font-weight:700;color:#5E6B66}
.fn-523ee4{display:flex;align-items:center;gap:8px;padding-bottom:6px}
.fn-524984{width:8px;height:8px;border-radius:50%;background:#6E4A6B}
.fn-525a99{display:flex;justify-content:space-between;align-items:baseline}
.fn-531037{width:100.0%;height:100%;border-radius:4px;background:#6B7570}
.fn-53c62c{height:8px;border-radius:4px;background:rgba(255,255,255,.12);overflow:hidden}
.fn-53dc1a{flex:0 0 auto;font-size:13px;font-weight:700}
.fn-540f4b{width:8px;height:8px;border-radius:50%;background:#2E6B52}
.fn-547f82{width:9px;height:9px;border-radius:50%;background:#B8862F}
.fn-54d5eb{background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);flex:2 1 560px}
.fn-552c56{width:26px;height:6px;border-radius:3px;background:#94570A}
.fn-57b492{width:10px;height:10px;border-radius:50%;background:#2E6B52;flex:none}
.fn-58aba5{cursor:pointer;}
.fn-59ace2{width:10px;height:10px;border-radius:50%;background:#B8862F;flex:none}
.fn-5b71b9{width:10px;height:10px;border-radius:50%;background:#6B7570}
.fn-5d2c04{width:100%;min-width:1040px;border-collapse:collapse;font-variant-numeric:tabular-nums}
.fn-5d7227{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid rgba(23,32,29,0.16);border-radius:10px;background:#fff;color:#5E6B66;width:300px;box-sizing:border-box}
.fn-5f8525{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:16px;background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09)}
.fn-60ca6d{display:flex;gap:14px}
.fn-616ac6{height:12px}
.fn-6175c4{display:block;width:100%;height:auto;overflow:visible}
.fn-617963{margin-bottom:14px}
.fn-62d35c{font-size:19px;font-weight:800;margin-top:4px;color:#17201D}
.fn-6317e8{flex:1 1 240px;display:flex;flex-direction:column;text-decoration:none;color:#17201D;background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:18px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);overflow:hidden}
.fn-632dda{width:88.5%;height:100%;border-radius:4px;background:#2E5FB8}
.fn-63cbce{display:flex;flex-wrap:wrap;gap:8px;padding:14px 22px;border-top:1px solid rgba(23,32,29,0.08);background:#F8FAF8}
.fn-64e45b{padding:12px 14px;border-radius:14px;background:#FBEFEB;border:1px solid rgba(23,32,29,0.10)}
.fn-656191{margin-top:10px;margin-left:auto;width:260px}
.fn-65933c{width:34px;height:34px;border:0;background:transparent;color:#3B4A45;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:9px}
.fn-65e8a8{height:34px;padding:0 13px;border-radius:9px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.fn-667528{height:38px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.fn-67ae28{width:7px;height:7px;border-radius:50%;background:#B8862F}
.fn-683dde{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#A6BAB3}
.fn-685cf0{display:flex;flex-direction:column;gap:8px}
.fn-69aed7{display:grid;grid-template-columns:12px minmax(0,1fr) 46px 130px 20px;align-items:center;gap:12px;padding:11px 18px;border-top:1px solid rgba(23,32,29,0.08);text-decoration:none;color:#17201D}
.fn-6bc797{position:relative;border-radius:22px;background:radial-gradient(120% 160% at 0% 0%, #2A4D3F 0%, #1B3128 42%, #12211A 100%);background:radial-gradient(120% 160% at 0% 0%, #2A4D3F 0%, #1B3128 42%, #12211A 100%);box-shadow:0 1px 0 rgba(255,255,255,.06) inset, 0 28px 50px -28px rgba(18,33,26,.7), 0 2px 4px rgba(18,33,26,.18);overflow:hidden;margin-bottom:18px}
.fn-6bd10d{width:9px;height:9px;border-radius:3px;background:#1F7A55}
.fn-6c62a3{position:absolute;left:-20px;top:4px;width:10px;height:10px;border-radius:50%;background:#94570A;box-shadow:0 0 0 3px #fff}
.fn-6cfa54{flex:1 1 200px;display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:18px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);}
.fn-6daa46{width:18px;height:18px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid rgba(23,32,29,0.30);background:#fff}
.fn-6e9775{height:1px;background:linear-gradient(90deg, rgba(255,255,255,.16), rgba(255,255,255,.04))}
.fn-6f4842{font-size:14.5px;font-weight:800}
.fn-7030ea{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#B0442C;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.fn-74bc8d{display:inline-flex;cursor:pointer}
.fn-78bab2{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px;border-radius:15px;background:#E2F1E8;color:#24684A;font-size:12.5px;font-weight:700;white-space:nowrap}
.fn-79205c{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid #E6EBE8;display:flex;flex-direction:column;gap:10px}
.fn-792cdd{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:14px}
.fn-79a561{width:77.0%;height:100%;border-radius:4px;background:#1F7A55}
.fn-7bc0bc{flex:1;font-size:13.5px;font-weight:600}
.fn-7d715b{height:34px;padding:0 13px;border-radius:9px;border:0;background:var(--ocre-deep);color:#FFF6E9;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.fn-7dbf25{padding:12px 16px 14px}
.fn-7e2050{width:10px;height:10px;border-radius:50%;background:#B0442C}
.fn-7f373d{font-size:10px;font-weight:700;color:#3B4A45}
.fn-809c18{width:7px;height:7px;border-radius:50%;background:#2E6B52}
.fn-80d3ca{width:30px;height:6px;border-radius:3px;background:#DCE2DE}
.fn-816e1c{color:#3B4A45}
.fn-81cf46{font-size:10px;font-weight:700;color:#5E6B66}
.fn-824a72{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;background:#17201D;color:#fff}
.fn-83c856{text-align:right;padding:11px 14px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#5E6B66;white-space:nowrap;border-bottom:1px solid rgba(23,32,29,0.16);background:#fff}
.fn-83e448{font-weight:700}
.fn-84411c{font-size:21px;font-weight:800}
.fn-84dd05{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 2px;border-top:1px solid rgba(23,32,29,0.08)}
.fn-8507a4{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid rgba(23,32,29,0.08)}
.fn-856e0a{text-align:right;font-size:15px;font-weight:800}
.fn-871bd8{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;background:#17201D;border-radius:20px 20px 0 0;color:#fff}
.fn-875d38{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid rgba(23,32,29,0.16);border-radius:10px;background:#fff;color:#5E6B66;width:260px;box-sizing:border-box}
.fn-87a50e{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#4E5652;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.fn-87ba74{width:8px;height:8px;border-radius:50%;background:#C2643F}
.fn-886eb9{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:11px;background:rgba(142,221,178,.14);color:#8EDDB2;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.fn-89bd09{flex:1;min-width:0}
.fn-89fad8{display:inline-flex;align-items:center;height:38px;box-sizing:border-box;padding:0 2px;border:1px solid rgba(23,32,29,0.16);border-radius:11px;background:#fff}
.fn-8ad557{display:inline-flex;align-items:center;justify-content:center;height:28px;border-radius:8px;background:#EEF1F0;font-size:13px;font-weight:800}
.fn-8c19a5{width:9px;height:9px;border-radius:3px;background:#2E5FB8}
.fn-8ca224{padding:12px 16px 4px}
.fn-8d1877{flex:1 1 600px;display:flex;gap:6px}
.fn-8dc817{display:inline-flex;align-items:center;height:46px;padding:0 2px;margin-right:18px;text-decoration:none;font-size:14px;white-space:nowrap;font-weight:700;color:#17201D;border-bottom:2.5px solid #17201D}
.fn-8dfd2a{flex:28.9 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:0;border-radius:12px;background:#B0442C;color:#fff;font:inherit;cursor:pointer;text-align:left}
.fn-8fddec{display:block;width:100%;height:auto}
.fn-908ae8{font-size:8px}
.fn-91294d{display:flex;gap:6px}
.fn-954776{display:flex;gap:18px}
.fn-96732d{font-size:12px;font-weight:700;padding:1px 7px;border-radius:9px;background:#B0442C;color:#fff;margin-left:6px}
.fn-986b0a{padding:10px 14px;border-bottom:1px solid rgba(23,32,29,0.08);font-size:13.5px;vertical-align:middle;white-space:nowrap;text-align:left;}
.fn-98830e{font-size:14px;color:rgba(255,255,255,.8)}
.fn-9a33fc{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#EEF1F0}
.fn-9ab237{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#6B4FA8;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.fn-9c33ff{font-size:12px;padding:1px 7px;border-radius:9px;background:#EEF1F0}
.fn-9da77a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 2px}
.fn-9dd375{padding:10px 14px;border-bottom:1px solid rgba(23,32,29,0.08);font-size:13.5px;vertical-align:middle;white-space:nowrap;text-align:right;width:28px}
.fn-9e7734{font-size:13.5px;font-weight:700}
.fn-9edcb0{font-size:26px;font-weight:800;letter-spacing:-0.01em;color:#B0442C;white-space:nowrap}
.fn-9f5b2e{padding:20px 22px 16px;display:flex;gap:12px;align-items:flex-start}
.fn-9fb2da{width:26px;height:6px;border-radius:3px;background:#DCE2DE}
.fn-9fe38b{font-size:14px;color:#fff}
.fn-a0bdf9{width:11px;height:11px;border-radius:3px;background:#C9D6CF}
.fn-a0c7c8{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px}
.fn-a117ae{display:flex;justify-content:space-between;padding:5px 0;font-size:13.5px;color:#1F7A55;}
.fn-a37cb9{margin:0;font-size:15.5px;font-weight:700}
.fn-a415fd{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 16px}
.fn-a45ba4{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.fn-a52ac6{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.fn-a7c00c{font-size:12px;color:#5E6B66}
.fn-a8873f{width:8px;height:8px;border-radius:50%;background:#B8862F}
.fn-ab116e{height:32px;padding:0 13px;border-radius:9px;border:0;background:var(--ocre-deep);color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.fn-ab6ab2{position:relative;width:40px;height:40px;box-sizing:border-box;border-radius:11px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(22,38,31,.06), 0 2px 6px -2px rgba(22,38,31,.06);text-decoration:none}
.fn-ab86b5{flex:1.3 1 460px;min-width:0;display:flex;flex-direction:column;gap:18px}
.fn-abaa2e{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#94570A;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.fn-ac38e5{width:34px;height:34px;border-radius:10px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#3B4A45;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.fn-ac8702{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#1F7A55;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.fn-aec78b{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:#1F7A55}
.fn-afa817{height:32px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;cursor:pointer;font-weight:600;background:transparent;color:#3B4A45}
.fn-afe71e{font-size:14px;color:#1F7A55}
.fn-b118e8{width:38px;height:38px;border-radius:50%;background:#6E4A6B;color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.fn-b7b1e0{padding:18px 22px;border-top:1px solid rgba(23,32,29,0.08)}
.fn-b859b4{font-size:24px;font-weight:700;color:#E9B96A}
.fn-b8e80e{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:6px 0;border-top:1px solid rgba(23,32,29,0.08)}
.fn-b8fe6f{padding:14px 16px 12px;display:flex;flex-direction:column;gap:10px}
.fn-b91af6{font-size:20px;font-weight:800;color:#fff;white-space:nowrap}
.fn-b9c509{font-size:13px;font-weight:700;color:#A5620A;display:inline-flex;align-items:center;gap:5px}
.fn-b9ff50{display:inline-flex;flex-direction:column;align-items:center;gap:3px}
.fn-ba5701{font-size:11.5px;font-weight:700;opacity:.9}
.fn-ba735e{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(23,32,29,0.10);text-decoration:none;color:#17201D;box-shadow:0 1px 2px rgba(22,38,31,.06), 0 2px 6px -2px rgba(22,38,31,.06)}
.fn-c22c6e{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#A6BAB3}
.fn-c25ea5{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.fn-c41d95{display:flex;align-items:center;justify-content:space-between;gap:8px}
.fn-c59ad0{display:flex;align-items:center;gap:6px}
.fn-c634e6{height:38px;padding:0 13px;border-radius:9px;border:0;background:var(--ocre-deep);color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.fn-c6a8b0{width:1px;align-self:stretch;background:rgba(23,32,29,0.10)}
.fn-c71768{flex:19.9 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:0;border-radius:12px;background:#B97A32;color:#fff;font:inherit;cursor:pointer;text-align:left}
.fn-c79fde{display:flex;flex-wrap:wrap;flex:1 1 auto;min-width:0}
.fn-c7ddfb{width:10px;height:10px;border-radius:50%;background:#94570A}
.fn-c8926e{position:relative;font-size:13px;color:#3B4A45}
.fn-ca4b30{width:7px;height:7px;border-radius:50%;background:#6E4A6B}
.fn-ccd9e5{display:flex;flex-direction:column;gap:6px;min-width:0}
.fn-cdffdd{text-align:left;padding:11px 14px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#5E6B66;white-space:nowrap;border-bottom:1px solid rgba(23,32,29,0.16);background:#fff}
.fn-ce75a2{position:absolute;right:-120px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle, rgba(217,169,78,.10), rgba(217,169,78,0) 62%)}
.fn-d35845{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.fn-d3a422{height:32px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.fn-d41d8c{}
.fn-d4440b{position:absolute;top:2px;left:20px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.fn-d52ecb{font-size:12.5px;color:#5E6B66}
.fn-d6e2b3{background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);overflow:hidden}
.fn-d7b2b5{width:7px;height:7px;border-radius:50%;background:#2E7D55}
.fn-d7d013{color:#5E6B66}
.fn-d7f7ee{width:36px;text-align:left;padding:11px 14px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#5E6B66;white-space:nowrap;border-bottom:1px solid rgba(23,32,29,0.16);background:#fff}
.fn-da3799{font-size:12px;padding:1px 7px;border-radius:9px;background:rgba(255,255,255,.18)}
.fn-da5cd6{flex:1}
.fn-db3902{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5E6B66}
.fn-db3e44{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 0}
.fn-db74b6{margin:3px 0 0;font-size:12.5px;color:#5E6B66}
.fn-dbdecf{font-size:20px;font-weight:800;color:#F4A99A;white-space:nowrap}
.fn-dcccd4{background:rgba(186,111,10,0.06);}
.fn-dd9466{font-size:12.5px;font-weight:700;color:#3B4A45}
.fn-ddfa09{margin:0;font-size:24px;font-weight:800}
.fn-df74e8{overflow-x:auto}
.fn-e0c385{flex:26.0 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:0;border-radius:12px;background:#7E2A1C;color:#fff;font:inherit;cursor:pointer;text-align:left}
.fn-e2c658{font-size:64px;line-height:.95;font-weight:800;letter-spacing:-0.03em;color:#fff}
.fn-e43e91{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.fn-e48f7a{width:86.8%;height:100%;border-radius:4px;background:linear-gradient(90deg,#BA6F0A,#E9B96A)}
.fn-e4f5f6{width:32px;height:32px;border-radius:9px;background:#fff;color:#1F7A55;display:inline-flex;align-items:center;justify-content:center}
.fn-e5e6f8{font-size:20px}
.fn-e5ed0e{height:28px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;cursor:pointer;font-weight:600;background:transparent;color:#3B4A45}
.fn-e634e6{font-weight:600}
.fn-e890a4{display:flex;justify-content:space-between;font-size:12.5px;color:#A6BAB3}
.fn-e8f99d{background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);flex:1.2 1 520px;min-width:0}
.fn-e9175f{height:34px;padding:0 13px;border-radius:9px;border:0;background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.fn-e9c2c8{height:5px;background:#C2643F}
.fn-ecc547{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#A6BAB3}
.fn-ee9693{height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 10px 0 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);background:#fff;font:inherit;font-size:13.5px;font-weight:700;color:#17201D;cursor:pointer}
.fn-eee767{color:#E9B96A}
.fn-f0a3e5{padding:0 22px 18px}
.fn-f0dd98{width:10px;height:10px;border-radius:50%;background:#2E5FB8}
.fn-f18ae7{display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid rgba(23,32,29,0.16);margin-bottom:16px}
.fn-f2f667{font-size:13px;color:#5E6B66}
.fn-f383cb{width:9px;height:9px;border-radius:3px;background:#94570A}
.fn-f424a1{font-size:19px;font-weight:800;margin-top:4px;color:#B0442C}
.fn-f50c2a{display:flex;flex-direction:column;gap:2px}
.fn-f7f816{margin:0;font-size:14px;font-weight:800}
.fn-f8e0e1{background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);overflow:hidden;margin-bottom:16px}
.fn-f9abd2{height:5px;background:#B8862F}
.fn-fa3733{width:36px;height:36px;border-radius:10px;border:1px solid rgba(23,32,29,0.10);background:#fff;color:#3B4A45;display:inline-flex;align-items:center;justify-content:center}
.fn-fa7c2b{font-size:26px;font-weight:800;letter-spacing:-0.01em;color:#17201D;white-space:nowrap}
.fn-fa8ad1{height:34px;padding:0 12px;border-radius:17px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap}
.fn-fa91ba{display:grid;grid-template-columns:repeat(auto-fit, minmax(108px, 1fr));gap:14px}
.fn-faaa79{display:flex;gap:8px;align-items:center}
.fn-fafba8{position:relative;display:flex;flex-wrap:wrap;gap:28px;padding:26px 28px}
.fn-fb1844{width:9px;height:9px;border-radius:50%;background:#2E6B52}
.fn-fb717b{padding:16px 18px;display:flex;align-items:center;gap:16px}
.fn-fcb6fd{text-align:right;font-size:13px;font-weight:600;color:#3B4A45}
.fn-fd2c6a{color:#B0442C}
.fn-feb29f{font-size:13.5px;font-weight:600}
.ghostbtn.fn-65e8a8,.softbtn.fn-65e8a8,.primarybtn.fn-65e8a8{height:34px;padding:0 13px;border-radius:9px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.ghostbtn.fn-667528,.softbtn.fn-667528,.primarybtn.fn-667528{height:38px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.ghostbtn.fn-7d715b,.softbtn.fn-7d715b,.primarybtn.fn-7d715b{height:34px;padding:0 13px;border-radius:9px;border:0;background:var(--ocre-deep);color:#FFF6E9;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.ghostbtn.fn-ab116e,.softbtn.fn-ab116e,.primarybtn.fn-ab116e{height:32px;padding:0 13px;border-radius:9px;border:0;background:var(--ocre-deep);color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.ghostbtn.fn-c634e6,.softbtn.fn-c634e6,.primarybtn.fn-c634e6{height:38px;padding:0 13px;border-radius:9px;border:0;background:var(--ocre-deep);color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.ghostbtn.fn-d3a422,.softbtn.fn-d3a422,.primarybtn.fn-d3a422{height:32px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.ghostbtn.fn-e9175f,.softbtn.fn-e9175f,.primarybtn.fn-e9175f{height:34px;padding:0 13px;border-radius:9px;border:0;background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
/* lane-local rules (states the reference pages do not draw); tokens only */
#page-fin{font-variant-numeric:tabular-nums;line-height:normal}
#page-fin .fin-link{cursor:pointer}
#page-fin .fn-010961.fin-on-wekare{background:var(--soc-wekare)}
#page-fin .fn-010961.fin-on-wk_mesos{background:var(--soc-mesos)}
#page-fin .fn-010961.fin-on-wekare_property{background:var(--soc-property)}
#page-fin .fn-010961.fin-on-wk_ora{background:var(--soc-ora)}
#page-fin .fin-dot-on{background:var(--surface)}
#page-fin .fin-chip-off{background:var(--surface-sunk);color:var(--ink-faint)}
#page-fin .fin-dot-off{background:var(--ink-faint)}
#page-fin .fin-indispo{font-size:14px;font-weight:600}
#page-fin .fin-vide{display:block;color:var(--ink-faint);font-size:13.5px}
#page-fin .fin-skel{background:var(--surface-sunk);border-radius:var(--r-lg);height:52px;margin-bottom:12px}
#page-fin .fin-skel-hero{height:317px;border-radius:var(--r-hero);margin-bottom:18px}
#page-fin .fin-err{display:flex;align-items:center;gap:12px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-1);color:var(--ink-muted)}
#page-fin .fin-err-d{font-size:12.5px;color:var(--ink-faint)}
#page-fin.on{padding:22px 28px 40px}
.ui-drawer .fin-regl{margin:0 -22px}
.ui-drawer .fin-regl .fn-b7b1e0:first-child{border-top:0}
#page-fin .fin-age-on{box-shadow:0 0 0 2px var(--surface) inset,0 0 0 2px var(--ink)}
#page-fin .fin-nl{margin-top:16px}
.ui-modal .fin-recap{max-height:260px;overflow:auto}
.ui-modal .fin-choix{cursor:pointer}
.ui-modal label.fin-choix{justify-content:flex-start;align-items:center}
#page-fin .fin-acts{display:flex;gap:6px;justify-content:flex-end}
.ui-modal .fin-choix input{margin-right:8px}
.fin-drawer{position:fixed;inset:0;z-index:var(--z-drawer);font-family:var(--font-ui);color:var(--ink);font-variant-numeric:tabular-nums;line-height:normal}
.fin-drawer .fin-link{cursor:pointer}
#page-fin tr[data-action]:focus-visible{outline:2px solid var(--ocre);outline-offset:-2px}
#page-fin .fin-console{margin-top:16px}
/* MERGE · 4b: the line under a hero figure (« à rattacher », « attendus ») */
.fin-sous{font-size:12px;font-weight:600;opacity:.78;white-space:nowrap}
/* ==== END LANE:FIN ==== */

/* ==== LANE:OPTOFF2 ==== */
/* « Options en cours » (DESIGN_08) and « Offboarding » (DESIGN_11): the references' inline styles, moved to
   classes with the same declarations. KPI tiles are the shared .ui-kpi (G14), chips the shared .ui-chip. */
.oo-top{display:flex;justify-content:flex-end;margin-bottom:14px}
.oo-kpis{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:12px;margin-bottom:16px}
.oo-kpi.oo-kpi--red .ui-kpi__value{color:#B0442C}
.oo-kpi.oo-kpi--amber .ui-kpi__value{color:#94570A}
.oo-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}
.oo-grow{flex:1}
.oo-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.oo-select{min-width:180px;height:38px;padding:0 10px 0 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);background:#fff;font:inherit;font-size:13.5px;font-weight:700;color:#17201D;cursor:pointer;box-sizing:border-box}
.oo-select.oo-select--of{min-width:170px;height:36px}
.oo-card{background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26)}
.oo-card.oo-card--clip{overflow:hidden}
.oo-gap2{height:2px}
.oo-grp{display:flex;align-items:center;gap:10px;padding:10px 18px;background:#F8FAF8;border-top:1px solid rgba(23,32,29,0.08)}
.oo-grp b{font-size:14px}
.oo-grp b.is-none{color:#5E6B66}
.oo-grp-n{min-width:24px;height:22px;padding:0 7px;box-sizing:border-box;border-radius:11px;background:#EEF1F0;color:#17201D;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.ghostbtn.oo-btn{height:32px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.primarybtn.oo-btn{height:32px;padding:0 13px;border-radius:9px;border:0;background:var(--ocre-deep);color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.ghostbtn.oo-btn.oo-btn--30{height:30px}
.primarybtn.oo-btn.oo-btn--40{height:40px}
.ghostbtn.oo-btn:disabled{background:var(--disabled-bg);color:var(--disabled-ink);opacity:1;cursor:not-allowed;box-shadow:none}
.oo-row{display:grid;grid-template-columns:34px minmax(170px,1fr) minmax(120px,.8fr) minmax(140px,.9fr) 150px auto;align-items:center;gap:14px;padding:11px 18px;border-top:1px solid rgba(23,32,29,0.08)}
.oo-row.is-liberee{opacity:.6}
/* MERGE-VAGUE3 · 3d: at 1280 the three row actions ran out of the card (« Libérer » cut): narrower floors */
@media (max-width:1340px){.oo-row{grid-template-columns:34px minmax(130px,1fr) minmax(84px,.8fr) minmax(112px,.9fr) 132px auto;gap:10px}}
.oo-tile{width:34px;height:34px;border-radius:9px;background:repeating-linear-gradient(135deg, #40AC7A 0 7px, #FFFFFF 7px 12px)}
.oo-cab{min-width:0}
.oo-cab-t{font-size:13.5px;font-weight:700}
.oo-cab-s{font-size:12.5px;color:#3B4A45}
.oo-devis{font-size:13px;color:#3B4A45}
.oo-by{font-size:12.5px;color:#3B4A45}
.oo-by b{color:#17201D}
.oo-by span{color:#5E6B66}
.oo-exp{justify-self:start;display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:7px;color:#fff;font-size:12px;font-weight:700;white-space:nowrap}
.oo-exp.oo-exp--red{background:#B0442C}
.oo-exp.oo-exp--blue{background:#2E5FB8}
.oo-exp.oo-exp--amber{background:#94570A}
.oo-exp.oo-exp--grey{background:#4E5652}
.oo-acts{display:flex;gap:6px;justify-content:flex-end;align-items:center}
.oo-done{font-size:12.5px;font-weight:700;color:#5E6B66}
.oo-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid rgba(23,32,29,0.08);background:#F8FAF8;border-radius:0 0 20px 20px}
.oo-pager-n{font-size:12.5px;color:#5E6B66}
.oo-pager-b{display:flex;gap:6px}
.oo-empty{display:flex;align-items:center;gap:14px;padding:26px 22px}
.oo-empty b{font-size:15px}
.oo-empty-tile{width:42px;height:42px;border-radius:12px;background:repeating-linear-gradient(135deg, #40AC7A 0 7px, #FFFFFF 7px 12px);opacity:.7}
.of-bar-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.of-search{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid rgba(23,32,29,0.16);border-radius:10px;background:#fff;color:#5E6B66;width:240px;box-sizing:border-box}
.of-search input{border:0;outline:0;font:inherit;font-size:13.5px;flex:1;min-width:0;background:transparent;color:#17201D}
.of-head{display:grid;grid-template-columns:36px minmax(0,1.2fr) minmax(0,1fr) 120px 170px 140px 24px;gap:12px;padding:12px 18px}
.of-head span{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#5E6B66}
.of-open{background:rgba(186,111,10,0.05);border-top:1px solid rgba(23,32,29,0.08)}
.of-row{display:grid;grid-template-columns:36px minmax(0,1.2fr) minmax(0,1fr) 120px 170px 140px 24px;align-items:center;gap:12px;padding:12px 18px;cursor:pointer}
.of-row.of-row--line{padding:11px 18px;border-top:1px solid rgba(23,32,29,0.08)}
.of-row:focus-visible{outline:3px solid var(--ocre-tint);outline-offset:-3px}
.of-av{width:34px;height:34px;border-radius:50%;background:#17201D;color:#fff;font-size:14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
.of-nom{font-size:14px}
.of-lieu{font-size:12.5px;color:#5E6B66}
.of-src{font-size:13px;color:#3B4A45}
.of-date b{font-size:13.5px}
.of-j{font-size:12px;font-weight:700;color:#5E6B66}
.of-j.is-late{color:#B0442C}
.of-prog{display:flex;align-items:center;gap:8px}
.of-bar{display:flex;gap:3px;width:120px}
.of-bar span{flex:1;height:6px;border-radius:3px;background:#DCE2DE}
.of-bar span.is-on{background:#1F7A55}
.of-n{font-size:12.5px;font-weight:700;color:#3B4A45}
.ui-pill.of-pill{background:#B5523F}
.of-chev{display:inline-flex;color:#5E6B66}
.of-chev.is-open{transform:rotate(180deg)}
.of-steps{padding:4px 18px 10px 66px}
.of-step{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:14px;align-items:center;padding:0 0 12px}
.of-line{position:absolute;left:15px;top:34px;bottom:-12px;width:2px;background:#E6EBE8}
.of-dot{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.of-dot.of-dot--fait{background:#1F7A55;color:#fff}
.of-dot.of-dot--courante{background:#BA6F0A;color:#fff}
.of-dot.of-dot--attente{background:#DCE2DE;color:#3B4A45}
.of-dot.of-dot--finale{background:#EEF1F0;color:#3B4A45}
.of-st{font-size:14px;font-weight:800}
.of-sd{font-size:12.5px;color:#3B4A45}
.of-sa{display:flex;gap:6px;justify-content:flex-end}
.of-final{height:32px;padding:0 13px;border-radius:9px;border:0;background:#EEF1F0;color:#5E6B66;font:inherit;font-size:13px;font-weight:700}
.of-foot{display:flex;justify-content:flex-end;padding:0 0 4px}
/* ==== END LANE:OPTOFF2 ==== */
/* ==== LANE:VENTE2 ==== */
/* DESIGN_06 Vente (VE-1..3). Declarations moved from the reference's inline styles (Main / Replie / Etats / Valider /
   Envoyer .html); a value equal to a token is the token, any other stays literal. */
:root{--vb-brouillon:#6B7570;--vb-attente:#94570A;--vb-valide:#1F7A55;--vb-refus:#B0442C;--vb-encre:#17201D;
  --vb-encre-lab:#C9D3CE;--vb-scene:#E9ECEA;--vb-bandeau:rgba(186,111,10,0.10);--vb-bandeau-bord:rgba(186,111,10,0.35);
  --vb-bandeau-txt:#6E3F05;--vb-bandeau-ico:#8A4F06;--vb-backdrop:rgba(12,22,17,0.5)}
/* VE-1 · the brouillons card */
.vb-host{font-family:'Albert Sans', system-ui, sans-serif;color:#17201D;line-height:normal;font-size:16px}
.vb-host:empty{display:none}
.vb-card{background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);margin-bottom:16px}
.vb-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px}
.vb-head--vide{flex-wrap:nowrap;padding:14px 16px}
.vb-titre{font-size:15px;font-weight:800}
.vb-aucun{font-size:13px;color:#5E6B66;margin-left:8px}
.vb-toggle{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;font:inherit;font-size:15px;font-weight:800;color:#17201D;cursor:pointer;padding:0}
.vb-chev-open{display:inline-flex;transform:rotate(180deg)}
.vb-count{min-width:24px;height:22px;padding:0 7px;box-sizing:border-box;border-radius:11px;background:#EEF1F0;color:#17201D;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.vb-pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.vb-pill--brouillon{background:var(--vb-brouillon)}
.vb-pill--attente{background:var(--vb-attente)}
.vb-pill--valide{background:var(--vb-valide)}
.vb-pill--refus{background:var(--vb-refus)}
.vb-grow,.vv-grow{flex:1}
.vb-dernier{font-size:12.5px;color:#5E6B66}
.vb-host .ghostbtn.vb-reprendre,.vb-host .ghostbtn.vb-voirplus{height:32px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box;box-shadow:none}
.vb-seg{display:inline-flex;align-items:center;gap:2px;padding:3px;height:34px;box-sizing:border-box;background:#EEF1F0;border:1px solid rgba(23,32,29,0.10);border-radius:12px}
.vb-segb{height:28px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;cursor:pointer;font-weight:600;background:transparent;color:#3B4A45}
.vb-segb.on{font-weight:700;background:#17201D;color:#fff;box-shadow:0 1px 2px rgba(22,38,31,.25)}
.vb-search{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid rgba(23,32,29,0.16);border-radius:10px;background:#fff;color:#5E6B66;width:220px;box-sizing:border-box}
.vb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.vb-search input{border:0;outline:0;font:inherit;font-size:13.5px;flex:1;min-width:0;background:transparent;color:#17201D;padding:1px 2px;height:auto;box-shadow:none;border-radius:0}
.vb-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(200px,1.4fr) 110px 190px 90px auto;align-items:center;gap:14px;padding:9px 16px;border-top:1px solid rgba(23,32,29,0.08)}
.vb-who{min-width:0}
.vb-client{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vb-ref{font-size:12px;color:#5E6B66}
.vb-lieu{font-size:13px;color:#3B4A45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vb-prix{text-align:right;font-size:13.5px;white-space:nowrap}
.vb-ht{font-weight:600;color:#5E6B66;font-size:11.5px}
.vb-auteur{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#5E6B66;white-space:nowrap}
.vb-avatar{width:22px;height:22px;border-radius:50%;background:#17201D;color:#fff;font-size:9px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
.vb-avatar--1{background:#1F7A55}
.vb-avatar--2{background:#6B4FA8}
.vb-avatar--3{background:#2E6F8E}
.vb-acts{display:flex;gap:6px;justify-content:flex-end;position:relative}
.vb-host .primarybtn.vb-continuer{height:30px;padding:0 13px;border-radius:9px;border:0;background:var(--ocre-deep);color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.vb-more{width:30px;height:30px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#3B4A45;display:inline-flex;align-items:center;justify-content:center;padding:1px 6px;cursor:pointer}
.vb-menu{position:absolute;right:0;top:34px;min-width:150px;padding:6px;border-radius:12px;background:#fff;border:1px solid rgba(23,32,29,0.10);box-shadow:var(--shadow-modal);z-index:3;display:flex;flex-direction:column;gap:2px}
.vb-menu button{height:32px;padding:0 10px;border:0;border-radius:8px;background:transparent;font:inherit;font-size:13px;font-weight:700;color:var(--vb-refus);text-align:left;cursor:pointer}
.vb-menu button:hover{background:#EEF1F0}
.vb-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid rgba(23,32,29,0.08);background:#F8FAF8;border-radius:0 0 20px 20px}
.vb-range{font-size:12.5px;color:#5E6B66}
.vb-vide{padding:14px 16px;border-top:1px solid rgba(23,32,29,0.08);font-size:13px;color:#5E6B66}
/* B_VENTE · C · the leads card of « Nouvelle vente »: the brouillons card's rows, the whole row is the target */
.vl-body{max-height:264px;overflow-y:auto}
.vb-row--lead{grid-template-columns:minmax(180px,1.4fr) minmax(120px,1fr) minmax(120px,1fr) 90px 90px;cursor:pointer}
.vb-row--lead:hover{background:var(--surface-sunk)}
/* VE-2 · « Valider le devis » */
#dvep.cvw:has(.vv-box),#dvenvoi.cvw:has(.ve-box){background:var(--vb-backdrop);padding:0;display:block}
#dvep.cvw[hidden],#dvenvoi.cvw[hidden]{display:none}
#dvep .cvw-box.vv-box{position:fixed;inset:24px 28px;width:auto;height:auto;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#fff;border-radius:22px;box-shadow:0 24px 60px -16px rgba(23,32,29,0.35), 0 40px 90px -20px rgba(8,18,13,.45);display:flex;flex-direction:column;overflow:hidden;font-family:'Albert Sans', system-ui, sans-serif;color:#17201D;line-height:normal;font-size:16px}
.vv-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(23,32,29,0.10)}
.vv-head h2,.ve-head h2{margin:0;font-size:19px;font-weight:800;line-height:normal}
.vv-qui{font-size:13px;color:#5E6B66}
.vv-x{width:36px;height:36px;border-radius:10px;border:1px solid rgba(23,32,29,0.10);background:#fff;color:#3B4A45;display:inline-flex;align-items:center;justify-content:center;flex:none;padding:1px 6px;cursor:pointer}
.vv-corps{flex:1;display:flex;min-height:0}
.vv-scene{flex:1;overflow:auto;background:var(--vb-scene);padding:28px}
.vv-page{width:100%;max-width:640px;margin:0 auto;background:#fff;box-shadow:0 10px 30px -12px rgba(0,0,0,.35);border-radius:4px;overflow:hidden}
.vv-frame{display:block;width:100%;height:1123px;border:0}
/* the reference paints this panel in the page beige; S0 forbids it on a container: the neutral well instead */
.vv-cote{flex:0 0 440px;display:flex;flex-direction:column;background:var(--surface-sunk);border-left:1px solid rgba(23,32,29,0.10);min-height:0}
.vv-blocs{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px}
.vv-bloc{padding:16px 18px;border-radius:18px;background:#fff;border:1px solid rgba(23,32,29,0.10);box-shadow:0 1px 2px rgba(22,38,31,.06), 0 2px 6px -2px rgba(22,38,31,.06)}
.vv-bloc-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.vv-bloc-h h3{margin:0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5E6B66;line-height:normal}
.vv-bloc-acts{display:inline-flex;gap:6px}
.vv-tuiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vv-tuile{padding:12px 14px;border-radius:14px;background:#fff;border:1px solid rgba(23,32,29,0.16)}
.vv-tuile-l{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#3B4A45}
.vv-tuile-v{font-size:22px;font-weight:800;margin-top:4px;color:#17201D}
.vv-tuile-u{font-size:12px;font-weight:700;color:#3B4A45}
.vv-tuile--encre{background:var(--vb-encre);border:1px solid var(--vb-encre)}
.vv-tuile--encre .vv-tuile-l{color:var(--vb-encre-lab)}
.vv-tuile-v--clair{color:#fff}
.vv-convenu{display:flex;align-items:baseline;gap:6px;margin-top:4px}
.vv-convenu input,.vv-convenu input:disabled{width:110px;height:32px;border:0;border-bottom:1.5px solid rgba(255,255,255,.35);border-radius:0;font:inherit;font-size:22px;font-weight:800;color:#fff;-webkit-text-fill-color:#fff;opacity:1;padding:0;background:transparent;box-shadow:none;outline:0}
.vv-convenu-u{font-size:12px;font-weight:700;color:#E9B96A}
.vv-ecart{display:flex;align-items:center;gap:10px;margin-top:10px}
.vv-ecart-eur{font-size:12.5px;color:#3B4A45}
.vv-bandeau{display:flex;gap:12px;align-items:flex-start;margin-top:12px;padding:12px 14px;border-radius:14px;background:var(--vb-bandeau);border:1px solid var(--vb-bandeau-bord)}
.vv-bandeau-i{color:var(--vb-bandeau-ico)}
.vv-bandeau-t{font-size:13.5px;font-weight:800;color:var(--vb-bandeau-txt)}
.vv-bandeau-s{font-size:12.5px;color:var(--vb-bandeau-txt);margin-top:2px}
.vv-champ{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.vv-lab{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5E6B66}
.vv-champ input{height:40px;padding:0 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);font:inherit;font-size:14px;background:#fff;color:#17201D;box-sizing:border-box}
.vv-champ input:disabled{background:var(--disabled-bg);color:var(--disabled-ink);-webkit-text-fill-color:var(--disabled-ink);opacity:1;cursor:not-allowed}
.vv-col12{display:flex;flex-direction:column;gap:12px}
.vv-col6{display:flex;flex-direction:column;gap:6px}
.vv-lu{font-size:13.5px;font-weight:700;color:#17201D}
.vv-date{min-width:200px;height:38px;padding:0 10px 0 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);background:#fff;font:inherit;font-size:13.5px;font-weight:700;color:#17201D;cursor:pointer;box-sizing:border-box;align-self:flex-start}
.vv-date:disabled{background:var(--disabled-bg);color:var(--disabled-ink);-webkit-text-fill-color:var(--disabled-ink);opacity:1;cursor:not-allowed}
.vv-legal{padding:10px 12px;border-radius:12px;background:#EEF1F0;font-size:12.5px;color:#3B4A45;margin-bottom:8px}
.vv-mentions{display:flex;flex-direction:column;gap:8px}
.vv-mention{padding:10px 12px;border-radius:12px;border:1px solid rgba(23,32,29,0.10);background:#fff}
.vv-mention-l{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5E6B66;margin-bottom:6px}
.vv-mention-t{font-size:13.5px;line-height:1.9}
.vv-box .vv-mention-t .dvep-chip[data-var]{display:inline-block;min-width:36px;height:26px;line-height:24px;padding:0 6px;margin:0 3px;border-radius:7px;border:1px solid rgba(23,32,29,0.16);background:#EEF1F0;color:#17201D;font:inherit;font-size:13px;font-weight:700;text-align:center;box-sizing:border-box}
.vv-box .vv-pied.dvep-foot{display:flex;align-items:center;gap:8px;padding:14px 16px;border-top:1px solid rgba(23,32,29,0.10);background:#fff;margin:0;position:static;box-sizing:border-box}
.vv-box .vv-bloc.dvep-sec{margin:0;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid rgba(23,32,29,0.10);box-shadow:0 1px 2px rgba(22,38,31,.06), 0 2px 6px -2px rgba(22,38,31,.06)}
.vv-mention-t .dvep-edit{border:0;padding:0;margin:0;background:transparent;box-shadow:none;min-height:0;height:auto;border-radius:0;font:inherit;line-height:inherit}
.vv-msg{flex:1;min-width:0;font-size:12.5px;color:#3B4A45}
.vv-msg.ko{color:var(--vb-refus)}
.vv-parti{font-size:13px;font-weight:700;color:#3B4A45}
.vv-box .ghostbtn.vv-btn42,.ve-box .ghostbtn.vv-btn42,.vv-box .ghostbtn.vv-btn28{height:42px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box;box-shadow:none}
.vv-box .ghostbtn.vv-btn28{height:28px}
.vv-box .primarybtn.vv-btn42,.ve-box .primarybtn.vv-btn42{height:42px;padding:0 13px;border-radius:9px;border:0;background:var(--ocre-deep);color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.vv-box .primarybtn.vv-btn42:disabled{background:var(--disabled-bg);color:var(--disabled-ink);opacity:1;cursor:not-allowed;box-shadow:none}
/* VE-3 · « Envoyer le devis » */
#dvenvoi .cvw-box.ve-box{position:fixed;left:50%;top:60px;transform:translateX(-50%);width:620px;max-width:calc(100% - 32px);max-height:calc(100% - 80px);height:auto;margin:0;padding:0;border:0;background:#fff;border-radius:22px;box-shadow:0 24px 60px -16px rgba(23,32,29,0.35), 0 40px 90px -20px rgba(8,18,13,.45);overflow:auto;font-family:'Albert Sans', system-ui, sans-serif;color:#17201D;line-height:normal;font-size:16px;display:block}
.ve-head{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid rgba(23,32,29,0.10)}
.ve-head h2{flex:1}
.ve-corps{padding:18px 22px;display:flex;flex-direction:column;gap:14px}
.ve-argent{display:flex;border-radius:16px;background:var(--vb-encre);overflow:hidden}
.ve-argent-c{flex:1;padding:14px 16px}
.ve-argent-c--2{border-left:1px solid rgba(255,255,255,.14)}
.ve-argent-l{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vb-encre-lab)}
.ve-argent-v{font-size:22px;font-weight:800;color:#fff;margin-top:4px}
.ve-argent-s{font-size:12.5px;font-weight:600;color:#E9B96A}
.ve-box .ve-recap.dvenv-body{display:block;gap:normal;max-width:none;margin:0;padding:4px 16px;border-radius:16px;background:#EEF1F0;border:1px solid rgba(23,32,29,0.10)}
.ve-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid rgba(23,32,29,0.10);font-size:14px}
.ve-row:first-child{border-top:0}
.ve-row span{color:#3B4A45;font-weight:600}
.ve-row b{color:#17201D;text-align:right}
.ve-msg{font-size:12.5px;color:var(--vb-refus)}
.ve-msg:empty{display:none}
.ve-pied{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid rgba(23,32,29,0.10);background:#F8FAF8}
/* the leave modal (Etats.html) */
.vl-wrap .ui-modal{width:460px;border-radius:20px;border:1px solid rgba(23,32,29,0.10);overflow:hidden}
.vl-wrap .ui-modal .ui-modal__head{padding:20px 22px 8px}
.vl-wrap .ui-modal .ui-modal__head h2{margin:0;font-size:17px;font-weight:800}
.vl-wrap .ui-modal .ui-modal__body{padding:0 22px}
.vl-recap{margin:6px 0 0;font-size:13.5px;color:#3B4A45}
.vl-wrap .ui-modal .ui-modal__foot{justify-content:flex-end;gap:8px;padding:16px 22px;border-top:0;background:#fff}
.vl-wrap .ui-modal__foot .sat-leave{height:40px;padding:0 13px;border-radius:9px;font-size:13px;font-weight:700;box-sizing:border-box}
.vl-wrap .ui-modal__foot .softbtn.sat-leave{border:1px solid rgba(23,32,29,0.10);background:#EEF1F0;color:#17201D}
/* W5-A · A2 — the préavis / option / promotion rows of « Conditions » (layout only) */
.vv-rang{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vv-box .vv-num{width:84px;min-width:0;cursor:text}
/* B_VENTE · A — « Dépôt de garantie » of the devis: an amount is wider than a number of months; what is not due is not shown */
.vv-box .vv-num.vv-num--montant{width:128px}
#dvep [data-vv="depot"] [hidden]{display:none}
.vv-box .vv-seg-l{height:auto;flex-wrap:wrap;align-self:flex-start}
/* ==== END LANE:VENTE2 ==== */
/* ==== LANE:MEMBRE2 ==== */
:where(#ficheWrap) [class*="m2-"]{box-sizing:content-box;line-height:normal}
:where(#ficheWrap) button[class*="m2-"]{box-sizing:border-box}
.m2-051377{text-align:center;font-size:11px;font-weight:700;color:#5E6B66}
.m2-060fcf{display:flex;align-items:center;gap:14px;padding:12px 18px;border-top:1px solid rgba(23,32,29,0.08)}
.m2-074fbd{position:relative;padding:24px 28px}
.m2-078f3a{height:30px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.m2-0cdb62{font-size:20px;color:#8EDDB2}
.m2-0e59a9{height:10px}
.m2-0f28ee{font-size:13.5px;color:rgba(255,255,255,.8)}
.m2-14f558{height:36px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.m2-16376c{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid rgba(23,32,29,0.08);font-size:13.5px}
.m2-217b3e{height:28px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;cursor:pointer;font-weight:700;background:#17201D;color:#fff;box-shadow:0 1px 2px rgba(22,38,31,.25)}
.m2-26c253{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.m2-29f05b{flex:1;padding:10px 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);font:inherit;font-size:13.5px;resize:vertical}
.m2-2e0430{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:6px}
.m2-2e5190{font-size:14px;font-weight:700}
.m2-2fcf37{display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:12px;margin-bottom:16px}
.m2-2fe602{display:flex;gap:10px;padding:12px 18px;border-top:1px solid rgba(23,32,29,0.08)}
.m2-3044b6{font-size:13px}
.m2-3201d5{display:inline-flex;align-items:center;gap:2px;padding:3px;height:34px;box-sizing:border-box;background:#EEF1F0;border:1px solid rgba(23,32,29,0.10);border-radius:12px}
.m2-3503ba{display:flex;flex-direction:column;gap:6px}
.m2-37d2b6{display:flex;flex-direction:column;gap:16px}
.m2-3a3029{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:16px;background:rgba(255,255,255,.92);border:0;font-size:13px;white-space:nowrap}
.m2-3baeb7{height:40px;padding:0 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);font:inherit;font-size:14px;color:#17201D;background:#fff;box-sizing:border-box;width:100%}
.m2-3cc446{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.m2-3e80fe{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:10px}
.m2-3ed1cd{font-size:11px;font-weight:700;color:#5E6B66;text-align:center}
.m2-435e54{padding:12px 18px 16px;display:grid;grid-template-columns:140px 18px repeat(7, minmax(0, 1fr));gap:5px;align-items:center}
.m2-4492f6{font-size:20px;color:#fff}
.m2-45e730{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.m2-48adb2{flex:1 1 360px;display:flex;flex-direction:column;gap:6px;min-width:0}
.m2-498329{width:64px;height:64px;border-radius:18px;background:#E9B96A;color:#12211A;font-size:24px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
.m2-4ba92f{font-size:26px;font-weight:800;letter-spacing:-0.01em;color:#1F7A55;white-space:nowrap}
.m2-4d638f{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.m2-5aa9ee{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.m2-5f1c47{padding:14px 18px;border-top:1px solid rgba(23,32,29,0.08);display:flex;flex-direction:column;gap:12px}
.m2-619ffb{margin:0;font-size:28px;font-weight:800;color:#fff}
.m2-61a386{flex:1 1 140px;display:flex;flex-direction:column;gap:6px;min-width:0}
.m2-61da39{font-size:12px;font-weight:600;color:#3B4A45;white-space:nowrap}
.m2-683dde{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#A6BAB3}
.m2-6b1599{font-size:12px;color:#A6BAB3}
.m2-6cfa54{flex:1 1 200px;display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:18px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);}
.m2-6f9cb8{position:relative;border-radius:22px;background:radial-gradient(120% 160% at 0% 0%, #2A4D3F 0%, #1B3128 42%, #12211A 100%);box-shadow:0 1px 0 rgba(255,255,255,.06) inset, 0 28px 50px -28px rgba(18,33,26,.7), 0 2px 4px rgba(18,33,26,.18);overflow:hidden;margin-bottom:16px}
.m2-7030ea{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#B0442C;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.m2-72fafc{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.m2-78306b{flex:1 1 120px;display:flex;flex-direction:column;gap:6px;min-width:0}
.m2-788045{height:40px;padding:0 13px;border-radius:9px;border:0;background:var(--ocre-deep);color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.m2-7bf85a{padding:6px 18px 10px}
.m2-7e4085{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center}
.m2-816e1c{color:#3B4A45}
.m2-89bd09{flex:1;min-width:0}
.m2-8ba1de{font-size:15px;white-space:nowrap}
.m2-9b2cfb{width:30px;height:30px;border-radius:50%;background:#2E6F8E;color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
.m2-a20063{padding:8px 18px 4px}
.m2-a37cb9{margin:0;font-size:15.5px;font-weight:700}
.m2-a6c63a{width:30px;height:30px;border-radius:50%;background:#17201D;color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
.m2-a781fc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.m2-a80973{font-size:11.5px;color:#5E6B66}
.m2-ab734d{background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);}
.m2-ac27bf{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid rgba(23,32,29,0.08)}
.m2-ac8702{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#1F7A55;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.m2-b0043e{margin-top:16px}
.m2-be0716{display:flex;gap:10px;padding:14px 18px}
.m2-bf2921{width:36px;height:36px;border-radius:10px;background:#EEF1F0;display:inline-flex;align-items:center;justify-content:center;color:#3B4A45}
.m2-c335c7{padding:8px 18px 14px}
.m2-c4e248{width:30px;height:30px;border-radius:50%;background:#8E3B5A;color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
.m2-c4fcda{height:38px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;font:inherit;font-size:13px;font-weight:700}
.m2-c634e6{height:38px;padding:0 13px;border-radius:9px;border:0;background:var(--ocre-deep);color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.m2-ce016c{font-size:13px;font-weight:800}
.m2-ce75a2{position:absolute;right:-120px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle, rgba(217,169,78,.10), rgba(217,169,78,0) 62%)}
.m2-d0025e{height:28px;border-radius:7px;background:#EEF1F0}
.m2-d3a422{height:32px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.m2-d52ecb{font-size:12.5px;color:#5E6B66}
.m2-d6e2b3{background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);overflow:hidden}
.m2-d77760{margin-top:4px;font-size:13.5px;line-height:1.45}
.m2-d7d013{color:#5E6B66}
.m2-da5cd6{flex:1}
.m2-db3902{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5E6B66}
.m2-db3e44{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 0}
.m2-e0e9ec{display:flex;gap:8px;flex-wrap:wrap}
.m2-e5ed0e{height:28px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;cursor:pointer;font-weight:600;background:transparent;color:#3B4A45}
.m2-e72dd0{padding:14px 18px;font-size:13.5px;color:#5E6B66}
.m2-f6e3d7{text-align:right}
.m2-fa7c2b{font-size:26px;font-weight:800;letter-spacing:-0.01em;color:#17201D;white-space:nowrap}
.ghostbtn.m2-078f3a,.softbtn.m2-078f3a,.primarybtn.m2-078f3a{height:30px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.ghostbtn.m2-14f558,.softbtn.m2-14f558,.primarybtn.m2-14f558{height:36px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.ghostbtn.m2-788045,.softbtn.m2-788045,.primarybtn.m2-788045{height:40px;padding:0 13px;border-radius:9px;border:0;background:var(--ocre-deep);color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.ghostbtn.m2-c4fcda,.softbtn.m2-c4fcda,.primarybtn.m2-c4fcda{height:38px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;font:inherit;font-size:13px;font-weight:700}
.ghostbtn.m2-c634e6,.softbtn.m2-c634e6,.primarybtn.m2-c634e6{height:38px;padding:0 13px;border-radius:9px;border:0;background:var(--ocre-deep);color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.ghostbtn.m2-d3a422,.softbtn.m2-d3a422,.primarybtn.m2-d3a422{height:32px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
/* lane-local: states the reference does not carry as an inline style */
#ficheWrap.m2 .ftabs{display:flex;gap:0;padding:0;background:transparent;box-shadow:none;border-bottom:1px solid rgba(23,32,29,0.16);margin-bottom:16px}
#ficheWrap.m2 .ftab{box-sizing:content-box;line-height:normal;display:inline-flex;align-items:center;height:46px;margin:0 22px 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-decoration:none;font-size:14.5px;font-weight:600;color:#5E6B66;border-bottom:2.5px solid transparent;cursor:pointer}
#ficheWrap.m2 .ftab.on{font-weight:700;color:#17201D;border-bottom:2.5px solid #17201D}
.m2-hero h2,.m2-hero b{font-family:inherit}
.m2-ac8702.m2-pill--depart{background:#B0442C}
.m2-ac8702.m2-pill--parti{background:#6B7570}
.m2-ac8702.m2-pill--attente{background:#94570A}
.m2-ac8702.m2-pill--avenant{background:#6B4FA8}
.m2-ac8702.m2-pill--type{margin-left:8px;vertical-align:middle}
.m2-ac8702.m2-pill--initial{background:var(--surface-sunk);color:var(--ink);box-shadow:inset 0 0 0 1px var(--hairline)}
.m2-avrow{padding-left:18px}
.m2-ac8702.m2-pill--avenir{background:#2E5FB8}
.m2-neg{font-size:20px;color:#F4A99A}
.m2-dot{width:9px;height:9px;border-radius:50%;flex:none}
.m2-cell{height:28px;border-radius:7px}
.m2-c-ternes{background:var(--c-ternes)}.m2-c-ag{background:var(--c-ag)}.m2-c-sg{background:var(--c-sg)}.m2-c-fbm{background:var(--c-fbm)}
.m2-c-repu{background:var(--c-repu)}.m2-c-rp{background:var(--c-rp)}.m2-c-epi{background:var(--c-epi)}.m2-c-berri{background:var(--c-berri)}
.m2-c-autre{background:var(--ink-faint)}
.m2-actions{position:relative;align-items:flex-start}
.m2-menu{position:absolute;right:0;top:44px;z-index:30;min-width:210px;padding:6px;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-modal);display:flex;flex-direction:column}
.m2-menu[hidden]{display:none}
.m2-menu button,.m2-menu a{display:block;width:100%;box-sizing:border-box;text-align:left;padding:9px 12px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:13.5px;font-weight:600;text-decoration:none;cursor:pointer}
.m2-menu button:hover,.m2-menu a:hover{background:var(--surface-sunk)}
.m2-editwrap{padding:0 18px 14px}
.m2-editwrap:empty{display:none}
.m2-more{padding:0 18px 14px}
.m2-nowrap{white-space:nowrap}
/* W8-A · P2 — big accounts: one chip / one row per centre, opened on click */
.m2-grp-chip{font:inherit;font-size:13px;color:inherit;cursor:pointer}
.m2-grp-row{grid-column:1 / -1;display:flex;align-items:center;gap:8px;padding:6px 0;border:0;border-top:1px solid var(--hairline);background:none;font:inherit;font-size:13px;color:var(--ink);text-align:left;cursor:pointer}
.pl-pdf-na{font-size:12px;color:var(--ink-faint);white-space:nowrap}
#ficheWrap.m2 .fc-item[hidden]{display:none}
.m2-fa7c2b.ff-du{color:#B0442C}
.ff-status+.ff-pl,.ff-status~.ff-arch{margin:-6px 0 16px}
.ff-abo{margin-bottom:16px}
.ff-abo .frem-list{padding:0 18px 12px}
#fremForm input[type=number],#fremForm input[type=date],#fremForm input[type=text]{font-family:inherit}
.m2-ac8702.m2-pill--averifier{background:#2E5FB8}
.m2-ac8702.m2-pill--rapprocher{background:#6B4FA8}
.m2-docs .fdoc3{flex-wrap:wrap}
.m2-docs .fd-uplink{padding:0 18px 12px}
.m2-docs .fd-didit{flex-basis:100%}
.m2-notes .m2-29f05b{background:var(--surface);color:var(--ink)}
.m2-notekind{display:flex;align-items:center;gap:12px;padding:0 18px 12px 58px}
.m2-notekind:empty{display:none}
.m2-more--top{padding-top:12px;border-top:1px solid rgba(23,32,29,0.08)}
.m2-top .smile-back{margin:0}
.m2-actions .primarybtn,.m2-26c253 .primarybtn,.m2-be0716 .primarybtn{margin-left:0}
.m2-menu,.m2-menu button,.m2-menu a{box-sizing:border-box}
.m2-docs .m2-060fcf.fdoc3{display:flex;align-items:center;gap:14px;padding:12px 18px;border-top:1px solid rgba(23,32,29,0.08);border-bottom:0;flex-wrap:wrap}
.m2-notes .m2-29f05b{line-height:normal}
#ficheAbo .dv-negocie{white-space:normal}
.fc-list.m2-ab734d{padding:0}
.fc-list.m2-ab734d .fc-item{border:0;padding:0;margin:0}
.fc-list.m2-ab734d .fc-ract{display:flex;align-items:center;gap:12px;flex:none}
.fc-list.m2-ab734d .fc-detail{padding:0 0 10px}
/* LANE VAULT7 — the contract PDF viewer of the member page (inside the shared .cvw frame). */
.cvw-box.cvw-pdfbox{width:min(940px,100%);height:92vh;max-height:92vh}
.cvw-pdf{flex:1;min-height:0;overflow:auto;background:var(--surface-sunk);padding:var(--s4);display:flex;
  flex-direction:column;align-items:center;gap:var(--s3)}
.cvw-pdf canvas{display:block;max-width:100%;height:auto;background:var(--surface);border:1px solid var(--border);
  box-shadow:var(--shadow-1)}
.cvw-pdf-vide{margin:auto;color:var(--ink-faint);font-size:var(--fs-body)}
.cvw-docs{display:flex;gap:var(--s2);flex-wrap:wrap;padding:var(--s2) var(--s4);border-bottom:1px solid var(--hairline)}
/* CONTRATS14 · L4 — the Contrats tab, one card per contract (the list's card frame moves to each contract). */
.fc-list.m2-ab734d.c14{background:transparent;border:0;box-shadow:none}
.fc-list.m2-ab734d.c14 .m2-db3e44{padding:0 2px}
.fc-list.m2-ab734d.c14 .m2-7bf85a{padding:var(--s3) 0 0;display:flex;flex-direction:column;gap:var(--s3)}
.fc-list.m2-ab734d.c14 .fc-item{background:var(--surface);border:1px solid var(--border);border-radius:20px;
  box-shadow:var(--shadow-1);padding:4px 18px 12px}
.fc-list.m2-ab734d.c14 .fc-item[hidden]{display:none}
.fc-list.m2-ab734d.c14 .fc-item>.fc-rmain{border-top:0}
.c14-bloc{padding-top:var(--s2)}
.c14-titre{font-size:var(--fs-cap);font-weight:700;color:var(--ink-faint);padding:var(--s2) 0 6px}
.c14-bloc .m2-16376c{align-items:center}
.c14-bloc .m2-ac27bf{padding:10px 0}
.c14-sub{margin-left:10px}
[data-c14-annule] [data-c14-resume]{text-decoration:line-through;color:var(--ink-faint)}
/* ==== END LANE:MEMBRE2 ==== */
/* ==== LANE:ONB2 ==== */
#page-onb .o2-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px}
#page-onb .o2-seg{display:inline-flex;align-items:center;gap:2px;padding:3px;height:38px;box-sizing:border-box;background:#EEF1F0;border:1px solid rgba(23,32,29,0.10);border-radius:12px}
#page-onb .o2-seg-on{height:32px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;cursor:pointer;font-weight:700;background:#17201D;color:#fff;box-shadow:0 1px 2px rgba(22,38,31,.25)}
#page-onb .o2-seg-off{height:32px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;cursor:pointer;font-weight:600;background:transparent;color:#3B4A45}
#page-onb .o2-grow{flex:1}
#page-onb .o2-gear{position:relative;width:40px;height:40px;box-sizing:border-box;border-radius:11px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(22,38,31,.06), 0 2px 6px -2px rgba(22,38,31,.06);text-decoration:none}
#page-onb .o2-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
#page-onb .o2-chip-on{height:34px;padding:0 12px;border-radius:17px;border:1px solid #17201D;background:#17201D;color:#fff;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap}
#page-onb .o2-chip{height:34px;padding:0 12px;border-radius:17px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap}
#page-onb .o2-chip-n-on{font-size:12px;padding:1px 7px;border-radius:9px;background:rgba(255,255,255,.18)}
#page-onb .o2-chip-n{font-size:12px;padding:1px 7px;border-radius:9px;background:#EEF1F0}
#page-onb .o2-sq-grey{width:9px;height:9px;border-radius:3px;background:#6B7570}
#page-onb .o2-sq-teal{width:9px;height:9px;border-radius:3px;background:#2E6F8E}
#page-onb .o2-sq-dark{width:9px;height:9px;border-radius:3px;background:#1F4D3A}
#page-onb .o2-sq-violet{width:9px;height:9px;border-radius:3px;background:#6B4FA8}
#page-onb .o2-cols{display:flex;flex-wrap:wrap;gap:16px}
#page-onb .o2-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#page-onb .o2-search-in{border:0;outline:0;font:inherit;font-size:13.5px;flex:1;min-width:0;background:transparent;color:#17201D}
#page-onb .o2-search-260{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid rgba(23,32,29,0.16);border-radius:10px;background:#fff;color:#5E6B66;width:260px;box-sizing:border-box}
#page-onb .o2-search-210{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid rgba(23,32,29,0.16);border-radius:10px;background:#fff;color:#5E6B66;width:210px;box-sizing:border-box}
#page-onb .o2-search-220{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid rgba(23,32,29,0.16);border-radius:10px;background:#fff;color:#5E6B66;width:220px;box-sizing:border-box}
#page-onb .o2-list{background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);flex:1 1 520px;min-width:0;overflow:hidden;align-self:flex-start}
#page-onb .o2-list-head{display:flex;align-items:center;gap:10px;padding:12px 14px}
#page-onb .o2-select{min-width:170px;height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 10px 0 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);background:#fff;font:inherit;font-size:13.5px;font-weight:700;color:#17201D;cursor:pointer;box-sizing:border-box}
#page-onb .o2-row-on{display:grid;grid-template-columns:36px minmax(0,1fr) 150px;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border:0;border-top:1px solid rgba(23,32,29,0.08);background:rgba(186,111,10,0.07);font:inherit;cursor:pointer}
#page-onb .o2-row{display:grid;grid-template-columns:36px minmax(0,1fr) 150px;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border:0;border-top:1px solid rgba(23,32,29,0.08);background:#fff;font:inherit;cursor:pointer}
#page-onb .o2-av34{width:34px;height:34px;border-radius:50%;background:#17201D;color:#fff;font-size:14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
#page-onb .o2-row-mid{min-width:0;display:flex;flex-direction:column;gap:6px}
#page-onb .o2-row-name{display:flex;align-items:baseline;gap:8px}
#page-onb .o2-row-b{font-size:14px;color:#17201D}
#page-onb .o2-sub{font-size:12.5px;color:#5E6B66;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-onb .o2-prog{display:flex;gap:3px;width:100%}
#page-onb .o2-sg-fait{flex:1;height:6px;border-radius:3px;background:#1F7A55}
#page-onb .o2-sg-courant{flex:1;height:6px;border-radius:3px;background:#BA6F0A}
#page-onb .o2-sg-a_faire{flex:1;height:6px;border-radius:3px;background:#DCE2DE}
#page-onb .o2-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
#page-onb .o2-row-step{font-size:12.5px;font-weight:700;color:#17201D}
#page-onb .o2-since-ocre{font-size:11.5px;font-weight:700;color:#94570A}
#page-onb .o2-since-bleu{font-size:11.5px;font-weight:700;color:#2E5FB8}
#page-onb .o2-since-rouge{font-size:11.5px;font-weight:700;color:#B0442C}
#page-onb .o2-panel{background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);flex:0 1 440px}
#page-onb .o2-panel-in{padding:18px 20px;display:flex;flex-direction:column;gap:14px}
#page-onb .o2-p-head{display:flex;align-items:flex-start;gap:12px}
#page-onb .o2-av44{width:44px;height:44px;border-radius:50%;background:#17201D;color:#fff;font-size:18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
#page-onb .o2-p-h2{margin:0;font-size:19px;font-weight:800}
#page-onb .o2-muted{font-size:12.5px;color:#5E6B66}
#page-onb .o2-more34{width:34px;height:34px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;display:inline-flex;align-items:center;justify-content:center}
#page-onb .o2-more32{width:32px;height:32px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;display:inline-flex;align-items:center;justify-content:center}
#page-onb .o2-tiles3{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:8px}
#page-onb .o2-tile{padding:10px 12px;border-radius:12px;background:#EEF1F0}
#page-onb .o2-tile-l{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5E6B66}
#page-onb .o2-tile-v{font-size:15px}
#page-onb .o2-st{position:relative;display:flex;gap:14px;padding:0 0 14px}
#page-onb .o2-st-line-fait{position:absolute;left:15px;top:34px;bottom:-14px;width:2px;background:#1F7A55}
#page-onb .o2-st-line{position:absolute;left:15px;top:34px;bottom:-14px;width:2px;background:#E6EBE8}
#page-onb .o2-st-dot-fait{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;background:#1F7A55;color:#fff;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
#page-onb .o2-st-dot-courant{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;background:#BA6F0A;color:#fff;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
#page-onb .o2-st-dot-a_faire{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;background:#DCE2DE;color:#3B4A45;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
#page-onb .o2-st-body{flex:1;min-width:0;padding-top:4px}
#page-onb .o2-st-t{font-size:14px;font-weight:800;}
#page-onb .o2-st-t-a_faire{font-size:14px;font-weight:800;color:#5E6B66}
#page-onb .o2-st-s{font-size:12.5px;color:#3B4A45;margin-top:2px}
#page-onb .o2-st-acts{display:flex;gap:6px;margin-top:8px}
#page-onb .o2-ghost30{height:30px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
#page-onb .o2-ghost32{height:32px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
#page-onb .o2-ghost34{height:34px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
#page-onb .o2-ghost36{height:36px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
#page-onb .o2-ghost38{height:38px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
#page-onb .o2-prim32{height:32px;padding:0 13px;border-radius:9px;border:0;background:var(--ocre-deep);color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
#page-onb .o2-prim44{height:44px;padding:0 13px;border-radius:9px;border:0;background:var(--ocre-deep);color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
#page-onb .o2-pc-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
#page-onb .o2-pc-h2{margin:0;font-size:20px;font-weight:800}
#page-onb .o2-pc-count{font-size:13px;font-weight:700}
#page-onb .o2-pc-left{flex:1 1 600px;min-width:0}
#page-onb .o2-pc-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}
#page-onb .o2-pc-card{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid rgba(23,32,29,0.10);box-shadow:0 1px 2px rgba(22,38,31,.06), 0 2px 6px -2px rgba(22,38,31,.06)}
#page-onb .o2-pc-top{display:flex;align-items:flex-start;gap:10px}
#page-onb .o2-pc-ico{width:36px;height:36px;border-radius:10px;background:#EEF1F0;display:inline-flex;align-items:center;justify-content:center;color:#3B4A45;flex:none}
#page-onb .o2-pc-info{flex:1;min-width:0}
#page-onb .o2-pc-name{font-size:14px;font-weight:800}
#page-onb .o2-pc-acts{display:flex;gap:6px;align-items:center}
#page-onb .o2-pill-violet{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#6B4FA8;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
#page-onb .o2-pill-green{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#1F7A55;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
#page-onb .o2-pill-blue{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#2E5FB8;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
#page-onb .o2-pill-red{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#B0442C;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
#page-onb .o2-pill-grey{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#6B7570;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
#page-onb .o2-pill-teal{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#2E6F8E;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
#page-onb .o2-pill-dark{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#1F4D3A;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
#page-onb .o2-pill-amber{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#94570A;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
#page-onb .o2-pill-expire{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#4E5652;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
#page-onb .o2-side{background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);flex:0 1 380px;align-self:flex-start}
#page-onb .o2-side-in{padding:16px 18px;display:flex;flex-direction:column;gap:12px}
#page-onb .o2-row8{display:flex;gap:8px}
#page-onb .o2-sep{height:1px;background:rgba(23,32,29,0.08)}
#page-onb .o2-kpis{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:12px;margin-bottom:16px}
#page-onb .o2-kpi{flex:1 1 200px;display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:18px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);}
#page-onb .o2-kpi-l{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5E6B66}
#page-onb .o2-kpi-v{font-size:26px;font-weight:800;letter-spacing:-0.01em;color:#17201D;white-space:nowrap}
#page-onb .o2-kpi-v-amber{font-size:26px;font-weight:800;letter-spacing:-0.01em;color:#94570A;white-space:nowrap}
#page-onb .o2-kpi-v-red{font-size:26px;font-weight:800;letter-spacing:-0.01em;color:#B0442C;white-space:nowrap}
#page-onb .o2-sg-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}
#page-onb .o2-sg-card{background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);overflow:hidden}
#page-onb .o2-sg-scroll{overflow-x:auto}
#page-onb .o2-sg-table{width:100%;min-width:1080px;border-collapse:collapse;font-variant-numeric:tabular-nums}
#page-onb .o2-th-l{text-align:left;padding:11px 14px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#5E6B66;white-space:nowrap;border-bottom:1px solid rgba(23,32,29,0.16);background:#fff}
#page-onb .o2-th-r{text-align:right;padding:11px 14px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#5E6B66;white-space:nowrap;border-bottom:1px solid rgba(23,32,29,0.16);background:#fff}
#page-onb .o2-td-l{padding:10px 14px;border-bottom:1px solid rgba(23,32,29,0.08);font-size:13.5px;vertical-align:middle;white-space:nowrap;text-align:left;}
#page-onb .o2-td-r{padding:10px 14px;border-bottom:1px solid rgba(23,32,29,0.08);font-size:13.5px;vertical-align:middle;white-space:nowrap;text-align:right;}
#page-onb .o2-sg-who{display:flex;flex-direction:column;gap:1px}
#page-onb .o2-sg-who-n{font-weight:700}
#page-onb .o2-sg-who-s{font-size:12px;color:#5E6B66}
#page-onb .o2-sg-ht{font-size:11.5px;color:#5E6B66}
#page-onb .o2-sg-open{color:#3B4A45}
#page-onb .o2-sg-acts{display:flex;gap:6px;justify-content:flex-end}
#page-onb .o2-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid rgba(23,32,29,0.08);background:#F8FAF8;border-radius:0 0 20px 20px}
#page-onb .o2-pager-btns{display:flex;gap:6px}
#page-onb .o2-root{line-height:normal;font-variant-numeric:tabular-nums;color:#17201D}
#page-onb .o2-root button,#page-onb .o2-root select,#page-onb .o2-root input{font-family:inherit}
#page-onb .o2-root [hidden]{display:none}
/* W12-A6 — a step passed whose deposit / mandate is still awaited: its own colour (the token of the « en attente »
   pill), neither the not-started grey nor the done green */
#page-onb .o2-sg-attente{flex:1;height:6px;border-radius:3px;background:var(--pill-amber)}
#page-onb .o2-st-dot-arrete{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;background:#DCE2DE;color:#3B4A45;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
#page-onb .o2-st-t-arrete{font-size:14px;font-weight:800;color:#5E6B66}
#page-onb .o2-rel{position:relative}
#page-onb .o2-menu{position:absolute;right:0;top:38px;z-index:6;min-width:190px;display:flex;flex-direction:column;gap:4px;padding:6px;background:#fff;border:1px solid rgba(23,32,29,0.16);border-radius:12px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26)}
#page-onb .o2-menu > *{justify-content:flex-start}
#page-onb .o2-st-acts{flex-wrap:wrap;align-items:center}
#page-onb .o2-legacy .softbtn,#page-onb .o2-legacy .ghostbtn,#page-onb .o2-legacy a.softbtn{height:32px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box;margin:0}
#page-onb .o2-legacy .primarybtn{height:32px;padding:0 13px;border-radius:9px;border:0;background:var(--ocre-deep);color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box;margin:0}
#page-onb .o2-legacy .primarybtn:disabled,#page-onb .o2-root button:disabled{background:var(--disabled-bg);color:var(--disabled-ink);opacity:1;cursor:not-allowed;box-shadow:none}
#page-onb .o2-legacy .onb-cta-note,#page-onb .o2-legacy .onb-docs-sum,#page-onb .o2-legacy .onb-note{font-size:12.5px;color:#3B4A45;flex-basis:100%}
#page-onb .o2-pc-card .pr-msg:empty{display:none}
#page-onb .o2-pc-card .pr-msg{font-size:12.5px;color:#3B4A45}
#page-onb .o2-pc-card .pr-inline{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px}
#page-onb .o2-pc-card .pr-inline input,#page-onb .o2-pc-card .pr-inline select,#page-onb .o2-pc-card .pr-dev-pane input{height:32px;padding:0 10px;border-radius:10px;border:1px solid rgba(23,32,29,0.16);font:inherit;font-size:13.5px;box-sizing:border-box}
#page-onb .o2-pc-card .pr-dev{display:flex;flex-direction:column;gap:4px}
#page-onb .o2-pc-card .pr-dev-pane{display:flex;gap:6px}
#page-onb .o2-side .prv-form{display:flex;flex-direction:column;gap:12px}
#page-onb .o2-side .prv-side-h{display:flex;align-items:center;justify-content:space-between}
#page-onb .o2-side .prv-side-h h3{margin:0;font-size:15.5px;font-weight:800}
#page-onb .o2-side .prv-chip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#6B7570;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
#page-onb .o2-side .prv-group{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#page-onb .o2-side .prv-group .dvfi-gt{grid-column:1 / -1;margin:0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5E6B66}
#page-onb .o2-side .dvfi-f{display:flex;flex-direction:column;gap:4px;min-width:0}
#page-onb .o2-side .dvfi-f .dvfi-lab{font-size:11.5px;font-weight:700;color:#3B4A45}
#page-onb .o2-side .dvfi-f input,#page-onb .o2-side .dvfi-f select{height:36px;padding:0 10px;border-radius:10px;border:1px solid rgba(23,32,29,0.16);font:inherit;font-size:13.5px;box-sizing:border-box;width:100%;background:#fff;color:#17201D}
#page-onb .o2-side .dvfi-f .onb-hash{font-size:11px;color:#5E6B66}
#page-onb .o2-side .dvfi-act{display:flex;flex-direction:column;gap:6px}
#page-onb .o2-side .dvfi-act .softbtn{height:38px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box;justify-content:center}
#page-onb .o2-side .eml-msg{font-size:12.5px;color:#3B4A45}
#page-onb .o2-side .eml-msg:empty{display:none}
#page-onb .o2-side .o2-prim44{justify-content:center}
#page-onb .o2-side .o2-legacy{display:flex;flex-wrap:wrap;gap:8px}
#page-onb .o2-empty{padding:28px 16px;text-align:center;font-size:13.5px;color:#5E6B66;border-top:1px solid rgba(23,32,29,0.08)}
.ui-drawer .o2-auto{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(23,32,29,0.08);font-size:13.5px}
/* ==== END LANE:ONB2 ==== */
/* ==== LANE:LCVPM2 ==== */
:is(#lcTabs,#lcHero,#upsellBoard,#leadBoard,#lc2Picker){font-size:16px;line-height:normal;font-variant-numeric:tabular-nums}
:is(#lcTabs,#lcHero,#upsellBoard,#leadBoard,#lc2Picker) :where([class*="lc2-"]:not(button,input,select)){box-sizing:content-box}
#page-leads .lc2x-tab{background:none;border:0;border-radius:0;padding:0;font-family:inherit;cursor:pointer;box-sizing:content-box}
#page-leads .lc2x-date{border:0;background:transparent;font:inherit;color:inherit;padding:0;outline:0;min-width:0}
#lc2Picker{position:fixed;inset:0;z-index:var(--z-modal);overflow:auto}
#lc2Picker button:disabled{background:var(--disabled-bg);color:var(--disabled-ink);opacity:1;cursor:not-allowed;box-shadow:none}
#lc2Picker select{appearance:auto}
.lc2x-vis{margin-top:10px}
:is(#page-leads,#lc2Picker) .lc2-14{flex:1 1 0;min-width:0;display:flex;flex-direction:column;}
:is(#page-leads,#lc2Picker) .lc2-18{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
:is(#page-leads,#lc2Picker) .lc2-28{color:#5E6B66;}
:is(#page-leads,#lc2Picker) .lc2-30{display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid rgba(23,32,29,0.16);margin-bottom:16px;}
:is(#page-leads,#lc2Picker) .lc2-31{display:flex;flex:1;}
:is(#page-leads,#lc2Picker) .lc2-32{display:inline-flex;align-items:center;height:46px;margin-right:22px;text-decoration:none;font-size:14.5px;font-weight:700;color:#17201D;border-bottom:2.5px solid #17201D;}
:is(#page-leads,#lc2Picker) .lc2-33{display:inline-flex;align-items:center;height:46px;margin-right:22px;text-decoration:none;font-size:14.5px;font-weight:600;color:#5E6B66;border-bottom:2.5px solid transparent;}
:is(#page-leads,#lc2Picker) .lc2-34{padding-bottom:6px;display:flex;gap:8px;}
:is(#page-leads,#lc2Picker) .lc2-35{height:40px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box;}
:is(#page-leads,#lc2Picker) .lc2-37{background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);margin-bottom:14px;}
:is(#page-leads,#lc2Picker) .lc2-38{padding:14px 16px 16px;display:flex;flex-direction:column;gap:12px;}
:is(#page-leads,#lc2Picker) .lc2-39{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
:is(#page-leads,#lc2Picker) .lc2-40{font-size:12.5px;font-weight:700;color:#3B4A45;}
:is(#page-leads,#lc2Picker) .lc2-41{height:34px;display:inline-flex;align-items:center;gap:8px;padding:0 10px 0 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);background:#fff;font:inherit;font-size:13.5px;font-weight:700;color:#17201D;cursor:pointer;box-sizing:border-box;}
:is(#page-leads,#lc2Picker) .lc2-43{flex:1;}
:is(#page-leads,#lc2Picker) .lc2-44{height:34px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box;}
:is(#page-leads,#lc2Picker) .lc2-45{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;}
:is(#page-leads,#lc2Picker) .lc2-46{flex:0 1 300px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:18px 20px;border-radius:18px;background:radial-gradient(120% 160% at 0% 0%, #2A4D3F 0%, #1B3128 42%, #12211A 100%);box-shadow:0 20px 40px -24px rgba(18,33,26,.7);}
:is(#page-leads,#lc2Picker) .lc2-47{display:flex;flex-direction:column;gap:6px;}
:is(#page-leads,#lc2Picker) .lc2-48{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#A6BAB3;}
:is(#page-leads,#lc2Picker) .lc2-49{display:flex;align-items:baseline;gap:8px;}
:is(#page-leads,#lc2Picker) .lc2-50{font-size:40px;line-height:1;font-weight:800;color:#fff;letter-spacing:-.02em;}
:is(#page-leads,#lc2Picker) .lc2-51{font-size:15px;font-weight:700;color:#E9B96A;}
:is(#page-leads,#lc2Picker) .lc2-52{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:11px;background:rgba(142,221,178,.14);color:#8EDDB2;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;}
:is(#page-leads,#lc2Picker) .lc2-53{font-size:8px;}
:is(#page-leads,#lc2Picker) .lc2-54{display:flex;flex-direction:column;gap:5px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);}
:is(#page-leads,#lc2Picker) .lc2-55{display:flex;justify-content:space-between;font-size:12.5px;color:#A6BAB3;}
:is(#page-leads,#lc2Picker) .lc2-56{color:#fff;}
:is(#page-leads,#lc2Picker) .lc2-57{font-weight:600;color:#A6BAB3;}
:is(#page-leads,#lc2Picker) .lc2-58{height:6px;border-radius:3px;background:rgba(255,255,255,.12);}
:is(#page-leads,#lc2Picker) .lc2-59{width:2%;height:100%;border-radius:3px;background:#E9B96A;}
:is(#page-leads,#lc2Picker) .lc2-60{flex:1 1 640px;min-width:0;display:flex;align-items:stretch;gap:4px;}
:is(#page-leads,#lc2Picker) .lc2-61{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:16px;background:#fff;border:1px solid rgba(23,32,29,0.10);}
:is(#page-leads,#lc2Picker) .lc2-62{display:flex;align-items:center;gap:7px;}
:is(#page-leads,#lc2Picker) .lc2-63{width:9px;height:9px;border-radius:50%;background:#6B7570;}
:is(#page-leads,#lc2Picker) .lc2-64{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
:is(#page-leads,#lc2Picker) .lc2-65{margin-left:auto;}
:is(#page-leads,#lc2Picker) .lc2-66{min-width:24px;height:22px;padding:0 7px;box-sizing:border-box;border-radius:11px;background:#EEF1F0;color:#17201D;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;}
:is(#page-leads,#lc2Picker) .lc2-67{display:flex;flex-direction:column;}
:is(#page-leads,#lc2Picker) .lc2-68{font-size:24px;letter-spacing:-.01em;white-space:nowrap;}
:is(#page-leads,#lc2Picker) .lc2-69{font-size:11.5px;font-weight:700;color:#5E6B66;}
:is(#page-leads,#lc2Picker) .lc2-70{height:6px;border-radius:3px;background:#EDF0EE;overflow:hidden;}
:is(#page-leads,#lc2Picker) .lc2-71{width:24%;height:100%;background:#6B7570;border-radius:3px;}
:is(#page-leads,#lc2Picker) .lc2-72{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#5E6B66;}
:is(#page-leads,#lc2Picker) .lc2-73{white-space:nowrap;}
:is(#page-leads,#lc2Picker) .lc2-74{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:11px;background:#E2F1E8;color:#2E7D55;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;}
:is(#page-leads,#lc2Picker) .lc2-75{flex:0 0 18px;display:flex;align-items:center;justify-content:center;color:#5E6B66;}
:is(#page-leads,#lc2Picker) .lc2-78{font-weight:700;}
:is(#page-leads,#lc2Picker) .lc2-81{width:9px;height:9px;border-radius:50%;background:#94570A;}
:is(#page-leads,#lc2Picker) .lc2-83{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:11px;background:#F8E5DF;color:#B0442C;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;}
:is(#page-leads,#lc2Picker) .lc2-84{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;}
:is(#page-leads,#lc2Picker) .lc2-89{border:0;outline:0;font:inherit;font-size:13.5px;flex:1;min-width:0;background:transparent;color:#17201D;}
:is(#page-leads,#lc2Picker) .lc2-90{height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 10px 0 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);background:#fff;font:inherit;font-size:13.5px;font-weight:700;color:#17201D;cursor:pointer;box-sizing:border-box;}
:is(#page-leads,#lc2Picker) .lc2-91{height:36px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box;}
:is(#page-leads,#lc2Picker) .lc2-93{height:38px;padding:0 13px;border-radius:9px;border:0;background:var(--ocre-deep);color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box;}
:is(#page-leads,#lc2Picker) .lc2-95{display:flex;gap:10px;align-items:stretch;overflow-x:auto;}
:is(#page-leads,#lc2Picker) .lc2-96{flex:1 1 0;min-width:150px;display:flex;flex-direction:column;border-radius:16px;background:#EEF1F0;border:1px solid rgba(23,32,29,0.08);}
:is(#page-leads,#lc2Picker) .lc2-97{padding:12px 12px 8px;}
:is(#page-leads,#lc2Picker) .lc2-98{width:8px;height:8px;border-radius:50%;background:#6B7570;}
:is(#page-leads,#lc2Picker) .lc2-99{margin:0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
:is(#page-leads,#lc2Picker) .lc2-100{font-size:11.5px;color:#5E6B66;margin-top:3px;}
:is(#page-leads,#lc2Picker) .lc2-101{display:flex;flex-direction:column;gap:8px;padding:2px 8px 10px;}
:is(#page-leads,#lc2Picker) .lc2-102{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:#fff;border:1px solid rgba(23,32,29,0.08);box-shadow:0 1px 2px rgba(22,38,31,.06), 0 2px 6px -2px rgba(22,38,31,.06);cursor:grab;}
:is(#page-leads,#lc2Picker) .lc2-103{display:flex;align-items:flex-start;gap:8px;}
:is(#page-leads,#lc2Picker) .lc2-104{flex:1;font-size:14px;}
:is(#page-leads,#lc2Picker) .lc2-105{font-size:12.5px;font-weight:800;}
:is(#page-leads,#lc2Picker) .lc2-106{font-size:12.5px;color:#3B4A45;}
:is(#page-leads,#lc2Picker) .lc2-107{font-size:13px;letter-spacing:1px;color:#BA6F0A;}
:is(#page-leads,#lc2Picker) .lc2-108{color:#D8DDD9;}
:is(#page-leads,#lc2Picker) .lc2-109{display:flex;gap:6px;flex-wrap:wrap;}
:is(#page-leads,#lc2Picker,#page-onb) .lc2-110{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#EEF1F0;font-size:11.5px;font-weight:700;color:#3B4A45;}
:is(#page-leads,#lc2Picker) .lc2-111{display:flex;align-items:center;justify-content:space-between;}
:is(#page-leads,#lc2Picker) .lc2-112{width:22px;height:22px;border-radius:50%;background:#1F7A55;color:#fff;font-size:9px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none;}
:is(#page-leads,#lc2Picker) .lc2-113{font-size:11.5px;color:#5E6B66;}
:is(#page-leads,#lc2Picker) .lc2-114{font-size:12.5px;color:#5E6B66;}
:is(#page-leads,#lc2Picker) .lc2-117{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#1F4A8F;background:#E7EEF9;border-radius:7px;padding:5px 8px;}
:is(#page-leads,#lc2Picker) .lc2-124{min-height:110px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1.5px dashed rgba(23,32,29,.16);font-size:13px;font-weight:600;color:#5E6B66;}
:is(#page-leads,#lc2Picker) .lc2-125{flex:0 1 300px;display:flex;flex-direction:column;gap:8px;padding:18px 20px;border-radius:18px;background:radial-gradient(120% 160% at 0% 0%, #2A4D3F 0%, #1B3128 42%, #12211A 100%);box-shadow:0 20px 40px -24px rgba(18,33,26,.7);}
:is(#page-leads,#lc2Picker) .lc2-126{font-size:40px;line-height:1;font-weight:800;color:#fff;}
:is(#page-leads,#lc2Picker) .lc2-127{display:flex;justify-content:space-between;font-size:12.5px;color:#A6BAB3;padding-top:10px;border-top:1px solid rgba(255,255,255,.12);}
:is(#page-leads,#lc2Picker) .lc2-128{color:#8EDDB2;}
:is(#page-leads,#lc2Picker) .lc2-129{flex:1 1 600px;min-width:0;display:flex;gap:12px;}
:is(#page-leads,#lc2Picker) .lc2-130{width:9px;height:9px;border-radius:50%;background:#1F7A55;}
:is(#page-leads,#lc2Picker) .lc2-131{font-size:24px;color:#1F7A55;}
:is(#page-leads,#lc2Picker) .lc2-132{font-size:24px;color:#94570A;}
:is(#page-leads,#lc2Picker) .lc2-133{width:9px;height:9px;border-radius:50%;background:#B0442C;}
:is(#page-leads,#lc2Picker) .lc2-134{font-size:24px;color:#B0442C;}
:is(#page-leads,#lc2Picker) .lc2-135{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid rgba(23,32,29,0.16);border-radius:10px;background:#fff;color:#5E6B66;width:150px;box-sizing:border-box;}
:is(#page-leads,#lc2Picker) .lc2-136{height:34px;padding:0 12px;border-radius:17px;border:1px solid #17201D;background:#17201D;color:#fff;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;}
:is(#page-leads,#lc2Picker) .lc2-137{font-size:12px;padding:1px 7px;border-radius:9px;background:rgba(255,255,255,.18);}
:is(#page-leads,#lc2Picker) .lc2-138{height:34px;padding:0 12px;border-radius:17px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;}
:is(#page-leads,#lc2Picker) .lc2-139{width:9px;height:9px;border-radius:3px;background:#1F7A55;}
:is(#page-leads,#lc2Picker) .lc2-140{font-size:12px;padding:1px 7px;border-radius:9px;background:#EEF1F0;}
:is(#page-leads,#lc2Picker) .lc2-141{width:9px;height:9px;border-radius:3px;background:#94570A;}
:is(#page-leads,#lc2Picker) .lc2-142{width:9px;height:9px;border-radius:3px;background:#B0442C;}
:is(#page-leads,#lc2Picker) .lc2-143{flex:1 1 0;min-width:180px;display:flex;flex-direction:column;border-radius:16px;background:#EEF1F0;border:1px solid rgba(23,32,29,0.08);}
:is(#page-leads,#lc2Picker) .lc2-144{font-size:13px;color:#B0442C;white-space:nowrap;}
:is(#page-leads,#lc2Picker) .lc2-145{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#B0442C;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap;}
:is(#page-leads,#lc2Picker) .lc2-146{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#3B4A45;}
:is(#page-leads,#lc2Picker) .lc2-147{color:#17201D;}
:is(#page-leads,#lc2Picker) .lc2-148{font-size:12px;color:#3B4A45;padding:5px 8px;border-radius:7px;background:#EEF1F0;}
:is(#page-leads,#lc2Picker) .lc2-149{font-size:13px;color:#1F7A55;white-space:nowrap;}
:is(#page-leads,#lc2Picker) .lc2-150{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#1F7A55;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap;}
:is(#page-leads,#lc2Picker) .lc2-151{font-size:13px;color:#94570A;white-space:nowrap;}
:is(#page-leads,#lc2Picker) .lc2-152{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#94570A;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap;}
:is(#page-leads,#lc2Picker) .lc2-153{font-size:13px;color:#5E6B66;white-space:nowrap;}
:is(#page-leads,#lc2Picker) .lc2-154{height:30px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box;}
:is(#page-leads,#lc2Picker) .lc2-156{position:absolute;inset:0;background:rgba(12,22,17,0.5);z-index:4;}
:is(#page-leads,#lc2Picker) .lc2-163{width:36px;height:36px;border-radius:10px;border:1px solid rgba(23,32,29,0.10);background:#fff;color:#3B4A45;display:inline-flex;align-items:center;justify-content:center;flex:none;}
:is(#page-leads,#lc2Picker) .lc2-171{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5E6B66;}
:is(#page-leads,#lc2Picker) .lc2-172{height:40px;padding:0 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);font:inherit;font-size:14px;color:#17201D;background:#fff;box-sizing:border-box;width:100%;}
:is(#page-leads,#lc2Picker) .lc2-185{flex:1 1 100px;display:flex;flex-direction:column;gap:6px;min-width:0;}
:is(#page-leads,#lc2Picker) .lc2-207{display:inline-flex;align-items:center;gap:2px;padding:3px;height:34px;box-sizing:border-box;background:#EEF1F0;border:1px solid rgba(23,32,29,0.10);border-radius:12px;}
:is(#page-leads,#lc2Picker) .lc2-208{height:28px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;cursor:pointer;font-weight:600;background:transparent;color:#3B4A45;}
:is(#page-leads,#lc2Picker) .lc2-209{height:28px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;cursor:pointer;font-weight:700;background:#17201D;color:#fff;box-shadow:0 1px 2px rgba(22,38,31,.25);}
:is(#page-leads,#lc2Picker) .lc2-212{position:absolute;left:50%;top:20px;transform:translateX(-50%);width:1240px;max-width:calc(100% - 40px);background:#fff;border-radius:22px;box-shadow:0 24px 60px -16px rgba(23,32,29,0.35), 0 40px 90px -20px rgba(8,18,13,.45);z-index:6;overflow:hidden;}
:is(#page-leads,#lc2Picker) .lc2-213{display:flex;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid rgba(23,32,29,0.10);}
:is(#page-leads,#lc2Picker) .lc2-214{margin:0;font-size:19px;font-weight:800;flex:1;}
:is(#page-leads,#lc2Picker) .lc2-215{width:36px;height:36px;border-radius:10px;border:1px solid rgba(23,32,29,0.16);background:#fff;display:inline-flex;align-items:center;justify-content:center;}
:is(#page-leads,#lc2Picker) .lc2-216{font-size:14px;}
:is(#page-leads,#lc2Picker) .lc2-217{padding:12px 22px 0;display:flex;flex-wrap:wrap;gap:6px;}
:is(#page-leads,#lc2Picker) .lc2-218{height:32px;padding:0 12px;border-radius:16px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;}
:is(#page-leads,#lc2Picker) .lc2-219{height:32px;padding:0 12px;border-radius:16px;border:1px solid #17201D;background:#17201D;color:#fff;font:inherit;font-size:13px;font-weight:700;}
:is(#page-leads,#lc2Picker) .lc2-220{display:flex;gap:20px;padding:8px 22px 18px;align-items:flex-start;}
:is(#page-leads,#lc2Picker) .lc2-221{flex:1 1 auto;min-width:0;display:flex;}
:is(#page-leads,#lc2Picker) .lc2-222{flex:0 0 52px;display:flex;flex-direction:column;}
:is(#page-leads,#lc2Picker) .lc2-223{height:52px;}
:is(#page-leads,#lc2Picker) .lc2-224{position:relative;height:532px;}
:is(#page-leads,#lc2Picker) .lc2-225{position:absolute;right:8px;top:-8px;font-size:11.5px;font-weight:700;color:#3B4A45;}
:is(#page-leads,#lc2Picker) .lc2-226{position:absolute;right:8px;top:20px;font-size:11.5px;font-weight:500;color:#5E6B66;}
:is(#page-leads,#lc2Picker) .lc2-245{text-align:center;padding:8px 0 10px;}
:is(#page-leads,#lc2Picker) .lc2-246{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#5E6B66;}
:is(#page-leads,#lc2Picker) .lc2-247{font-size:15px;font-weight:800;}
:is(#page-leads,#lc2Picker) .lc2-248{position:relative;height:532px;border-left:1px solid #E6EBE8;}
:is(#page-leads,#lc2Picker) .lc2-249{position:absolute;left:0;right:0;top:0px;border-top:1px solid #DCE2DE;}
:is(#page-leads,#lc2Picker) .lc2-250{position:absolute;left:0;right:0;top:14px;border-top:1px dashed #F1F3F2;}
:is(#page-leads,#lc2Picker) .lc2-251{position:absolute;left:0;right:0;top:28px;border-top:1px dashed #E6EBE8;}
:is(#page-leads,#lc2Picker) .lc2-288{position:absolute;left:4px;right:4px;top:57px;height:40px;border-radius:8px;background:#E7EEF9;border:1px solid #B9CBEA;padding:3px 7px;box-sizing:border-box;overflow:hidden;}
:is(#page-leads,#lc2Picker) .lc2-289{font-size:11.5px;font-weight:700;color:#1F4A8F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
:is(#page-leads,#lc2Picker) .lc2-290{font-size:10.5px;color:#3B5C93;}
:is(#page-leads,#lc2Picker) .lc2-294{position:relative;height:532px;border-left:1px solid #E6EBE8;background:rgba(186,111,10,.04);}
:is(#page-leads,#lc2Picker) .lc2-296{position:absolute;left:4px;right:4px;top:281px;height:40px;border-radius:8px;background:rgba(186,111,10,.16);border:2px solid #BA6F0A;padding:4px 8px;box-sizing:border-box;box-shadow:0 10px 24px -12px rgba(186,111,10,.6);}
:is(#page-leads,#lc2Picker) .lc2-297{font-size:12px;font-weight:800;color:#6E3F05;}
:is(#page-leads,#lc2Picker) .lc2-298{font-size:10.5px;color:#8A4F06;}
:is(#page-leads,#lc2Picker) .lc2-299{position:absolute;left:50%;bottom:-5px;width:30px;height:7px;margin-left:-15px;border-radius:4px;background:#BA6F0A;}
:is(#page-leads,#lc2Picker) .lc2-301{flex:0 0 260px;display:flex;flex-direction:column;gap:14px;}
:is(#page-leads,#lc2Picker) .lc2-302{min-width:240px;height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 10px 0 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);background:#fff;font:inherit;font-size:13.5px;font-weight:700;color:#17201D;cursor:pointer;box-sizing:border-box;}
:is(#page-leads,#lc2Picker) .lc2-303{display:flex;gap:10px;}
:is(#page-leads,#lc2Picker) .lc2-304{padding:12px 14px;border-radius:14px;background:#EEF1F0;border:1px solid rgba(23,32,29,0.10);font-size:13.5px;}
:is(#page-leads,#lc2Picker) .lc2-305{height:44px;padding:0 13px;border-radius:9px;border:0;background:var(--ocre-deep);color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box;}
#page-leads .lead-panel>.filter-bar{background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);margin-bottom:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;}
#page-leads #leadTabs{display:inline-flex;align-items:center;gap:2px;padding:3px;height:38px;box-sizing:border-box;background:#EEF1F0;border:1px solid rgba(23,32,29,0.10);border-radius:12px;}
#page-leads #leadTabs .ltab{height:32px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;cursor:pointer;font-weight:600;background:transparent;color:#3B4A45;}
#page-leads #leadTabs .ltab.on{height:32px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;cursor:pointer;font-weight:700;background:#17201D;color:#fff;box-shadow:0 1px 2px rgba(22,38,31,.25);}
#page-leads .filter-bar .lead-search{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid rgba(23,32,29,0.16);border-radius:10px;background:#fff;color:#5E6B66;width:200px;box-sizing:border-box;}
#page-leads .filter-bar .lead-search input{border:0;outline:0;font:inherit;font-size:13.5px;flex:1;min-width:0;background:transparent;color:#17201D;}
#page-leads .filter-bar .select{height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 10px 0 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);background:#fff;font:inherit;font-size:13.5px;font-weight:700;color:#17201D;cursor:pointer;box-sizing:border-box;}
#page-leads .filter-bar .more, #page-leads .filter-bar .softbtn{height:36px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box;}
#page-leads .filter-bar .result-count{font-size:12.5px;font-weight:700;color:#5E6B66;}
#page-leads .filter-bar .primarybtn{height:38px;padding:0 13px;border-radius:9px;border:0;background:var(--ocre-deep);color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box;}
#page-leads #lcMore>summary{width:38px;height:38px;border-radius:10px;border:1px solid rgba(23,32,29,0.16);background:#fff;display:inline-flex;align-items:center;justify-content:center;}
#leadModal .fhead{display:flex;align-items:center;gap:14px;padding:16px 22px;background:#fff;border-bottom:1px solid rgba(23,32,29,0.10);}
#leadModal .fh-av{width:44px;height:44px;border-radius:50%;background:#94570A;color:#fff;font-size:18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none;}
#leadModal .fh-top h2{margin:0;font-size:21px;font-weight:800;}
#leadModal .fh-sub{font-size:12.5px;color:#5E6B66;}
#leadModal #leadSave{height:40px;padding:0 13px;border-radius:9px;border:0;background:var(--ocre-deep);color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box;}
#leadModal #leadBack{width:36px;height:36px;border-radius:10px;border:1px solid rgba(23,32,29,0.10);background:#fff;color:#3B4A45;display:inline-flex;align-items:center;justify-content:center;flex:none;}
#leadModal .fcols>.fcard, #leadModal .ld-col>.fcard{padding:16px 18px;border-radius:18px;background:#fff;border:1px solid rgba(23,32,29,0.10);box-shadow:0 1px 2px rgba(22,38,31,.06), 0 2px 6px -2px rgba(22,38,31,.06);}
#leadModal .fcard h3{margin:0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5E6B66;}
#leadModal .ffield label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5E6B66;}
#leadModal .ffield input.ledit, #leadModal .ffield select.ledit{height:40px;padding:0 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);font:inherit;font-size:14px;color:#17201D;background:#fff;box-sizing:border-box;width:100%;}
#lc2Picker .lc2-156{position:fixed}
#lc2Picker .lc2-pk-body{cursor:crosshair;user-select:none}
#lc2Picker #lc2PkBloc{cursor:move;z-index:2}
#lc2Picker .lc2-pk-handle{cursor:ns-resize}
#lc2Picker .lc2-pk-busy{z-index:1}
#lc2Picker .lc2-pk-ferme{position:absolute;left:0;right:0;background:var(--surface-sunk);opacity:.72;cursor:not-allowed}
.lc2x-vis{display:flex;flex-wrap:wrap;gap:8px}
#lc2Picker .lc2x-apercu:empty{display:none}
#lc2Picker .lc2x-apercu{border:1px solid var(--border);border-left:3px solid var(--ocre);border-radius:9px;padding:10px 12px;background:var(--surface);font-size:12.5px;line-height:1.45}
#lc2Picker .lc2x-ap-dest{color:var(--ink-muted)}
#lc2Picker .lc2x-ap-sujet{font-weight:700;color:var(--ink);margin:4px 0}
#lc2Picker .lc2x-ap-corps{white-space:pre-wrap;font-family:inherit;font-size:12.5px;color:var(--ink);margin:0;max-height:180px;overflow:auto}
#lc2Picker .lc2x-err{font-size:12.5px;font-weight:700;color:#B0442C;min-height:16px}
#lc2Picker .lc2x-ou:empty{display:none}
#lc2Picker .lc2x-ou{font-size:12.5px;line-height:1.4;color:var(--ink-faint);overflow-wrap:anywhere}
#leadBoard.lc2-95{grid-template-columns:none;padding:0 0 12px}
#leadBoard .kanban-col.lc2-96{padding:0;gap:0}
#leadBoard .lead-card.lc2-card{margin:0}
#leadBoard .lead-card.lc2-card.dragging{opacity:.45}
#page-leads .filter-bar .result-count{margin-left:auto}
#page-leads .filter-bar .select{max-width:140px}
#page-leads .lead-panel>.filter-bar{flex-wrap:wrap}
#page-leads .filter-bar .lead-search{flex:0 1 200px;min-width:120px}
#page-leads .filter-bar .lead-search svg{flex:none}
#page-leads #leadPager .pager-size{display:none}
#leadScrim.lead-scrim{background:rgba(12,22,17,0.5)}
#leadModal.lead-modal{width:auto;max-height:none;position:fixed;inset:24px 40px;border:0;border-radius:22px;box-shadow:0 24px 60px -16px rgba(23,32,29,0.35), 0 40px 90px -20px rgba(8,18,13,.45)}
#leadModal .fcols{padding:18px 22px;gap:14px}
#upsellBoard .lc2-upcard{cursor:pointer}
#upsellBoard .lc2-upcard .up-act{display:flex;flex-wrap:wrap;gap:6px}
/* ==== END LANE:LCVPM2 ==== */
/* ==== LANE:SUPPORT3 ==== */
/* Support & tickets (DESIGN_12): the board and the ticket panel. The declarations are the reference inline
   styles moved to classes. KPI tiles are the shared .ui-kpi (G14), the reply seg the shared .ui-seg. */
:root{--s3-cat-acces:#2E5FB8;--s3-cat-maintenance:#94570A;--s3-cat-menage:#3F8B9E;--s3-cat-equipement:#7A6420;
  --s3-cat-reservation:var(--tl-prix);--s3-cat-facturation:#1F7A55;--s3-cat-contrat:var(--tl-contrat);
  --s3-cat-it:#4B3F8F;--s3-cat-autre:var(--tl-perso)}
.s3{font-variant-numeric:tabular-nums}
/* the reference inherits `line-height: normal`; the shell's body does not */
.s3-top,.s3-filters,.s3-board,.s3-dw{line-height:normal}
.s3-col-h h2,.s3-dw h2,.s3-sec h3{line-height:normal}
.s3-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.s3-grow{flex:1}
.primarybtn.s3-btn{height:40px;padding:0 13px;border-radius:9px;border:0;background:var(--ocre-deep);color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.primarybtn.s3-btn.s3-btn--36{height:36px}
.ghostbtn.s3-btn{height:30px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.ghostbtn.s3-btn.s3-btn--38{height:38px}
.ghostbtn.s3-btn[disabled]{background:var(--disabled-bg);color:var(--disabled-ink);opacity:1;cursor:not-allowed;box-shadow:none}
.s3-kpis{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:12px;margin-bottom:16px}
.s3-kpi.s3-kpi--red .ui-kpi__value{color:#B0442C}
.s3-kpi.s3-kpi--amber .ui-kpi__value{color:#94570A}
.s3-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px}
.s3-search{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid rgba(23,32,29,0.16);border-radius:10px;background:#fff;color:#5E6B66;width:200px;box-sizing:border-box}
.s3-search input{border:0;outline:0;font:inherit;font-size:13.5px;flex:1;min-width:0;background:transparent;color:#17201D}
.s3-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.s3-select{height:34px;padding:0 10px 0 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);background:#fff;font:inherit;font-size:13.5px;font-weight:700;color:#17201D;cursor:pointer;box-sizing:border-box;max-width:100%}
.s3-select.s3-select--38{height:38px;width:100%;min-width:0}
.s3-select.s3-select--presta{height:38px;min-width:260px;flex:1 1 260px}
.s3-chip{height:34px;padding:0 12px;border-radius:17px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap}
.s3-chip[aria-pressed="true"]{border:1px solid #17201D;background:#17201D;color:#fff}
.s3-chip i{width:9px;height:9px;border-radius:3px}
.s3-chip i.s3-sq--haute{background:#B0442C}
.s3-chip i.s3-sq--sans{background:#94570A}
.s3-chip .s3-chip-n{font-size:12px;padding:1px 7px;border-radius:9px;background:#EEF1F0}
.s3-chip[aria-pressed="true"] .s3-chip-n{background:rgba(255,255,255,.18)}
.s3-board{display:flex;gap:10px;align-items:stretch;overflow-x:auto}
.s3-col{flex:1 1 0;min-width:160px;display:flex;flex-direction:column;border-radius:16px;background:#EEF1F0;border:1px solid rgba(23,32,29,0.08)}
.s3-col.is-drop{border-color:#17201D}
.s3-col-h{display:flex;align-items:center;gap:7px;padding:12px 12px 10px}
.s3-dot{width:8px;height:8px;border-radius:50%;flex:none}
.s3-dot--ouvert{background:#2E5FB8}.s3-dot--en_cours{background:#BA6F0A}.s3-dot--en_attente{background:#6B4FA8}
.s3-dot--resolu{background:#1F7A55}.s3-dot--ferme{background:#4E5652}.s3-dot--reouvert{background:#B0442C}
.s3-col-h h2{margin:0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#17201D}
.s3-col-n{margin-left:auto}
.s3-count{min-width:24px;height:22px;padding:0 7px;box-sizing:border-box;border-radius:11px;background:#EEF1F0;color:#17201D;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.s3-col-b{display:flex;flex-direction:column;gap:8px;padding:2px 8px 10px;flex:1;min-height:48px}
.s3-card{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:#fff;border:1px solid rgba(23,32,29,0.08);box-shadow:0 1px 2px rgba(22,38,31,.06), 0 2px 6px -2px rgba(22,38,31,.06);cursor:grab;min-width:0;color:#17201D}
.s3-card:focus-visible{outline:3px solid var(--ocre-tint)}
.s3-card.is-drag{opacity:.5}
.s3-tags{display:flex;gap:6px;flex-wrap:wrap}
.s3-pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#6B7570;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.s3-cat--acces{background:var(--s3-cat-acces)}.s3-cat--maintenance{background:var(--s3-cat-maintenance)}
.s3-cat--menage{background:var(--s3-cat-menage)}.s3-cat--equipement{background:var(--s3-cat-equipement)}
.s3-cat--reservation{background:var(--s3-cat-reservation)}.s3-cat--facturation{background:var(--s3-cat-facturation)}
.s3-cat--contrat{background:var(--s3-cat-contrat)}.s3-cat--it{background:var(--s3-cat-it)}
.s3-cat--autre{background:var(--s3-cat-autre)}
.s3-prio--haute{background:#B0442C}.s3-prio--urgente{background:#7E2A1C}.s3-prio--normale{background:#6B7570}.s3-prio--basse{background:#4E5652}
.s3-st--ouvert{background:#2E5FB8}.s3-st--en_cours{background:#94570A}.s3-st--en_attente{background:#6B4FA8}
.s3-st--resolu{background:#1F7A55}.s3-st--ferme{background:#4E5652}.s3-st--reouvert{background:#B0442C}
.s3-pill--violet{background:#6B4FA8}.s3-pill--blue{background:#2E5FB8}.s3-pill--green{background:#1F7A55}
.s3-pill--amber{background:#94570A}.s3-pill--red{background:#B0442C}.s3-pill--dark{background:#4E5652}
.s3-title{font-size:14px;line-height:1.3;font-weight:700;overflow-wrap:anywhere}
.s3-lieu{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#3B4A45;min-width:0;overflow-wrap:anywhere}
.s3-pin{color:#5E6B66;display:inline-flex;flex:none}
.s3-nolieu{color:#5E6B66}
.s3-foot{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.s3-ref{display:flex;flex-direction:column;min-width:0}
.s3-num{font-size:11.5px;font-weight:700;color:#5E6B66;white-space:nowrap}
.s3-age{font-size:11.5px;color:#5E6B66;white-space:nowrap}
.s3-who{margin-left:auto;flex:none}
.s3-av{width:24px;height:24px;border-radius:50%;background:#2E6F8E;color:#fff;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
.s3-av.s3-av--22{width:22px;height:22px;font-size:9px}
.s3-av.s3-av--30{width:30px;height:30px;font-size:12px}
.s3-av--0{background:#2E6F8E}.s3-av--1{background:#8E3B5A}.s3-av--2{background:#17201D}.s3-av--3{background:#6E4A6B}.s3-av--4{background:#1F4D3A}.s3-av--5{background:#A35A3E}
.s3-sans{display:inline-flex;height:22px;align-items:center;padding:0 7px;border-radius:6px;background:#94570A;font-size:11px;font-weight:800;color:#fff;white-space:nowrap}
.s3-msg{padding:28px 12px;text-align:center;font-size:13.5px;color:#5E6B66}
/* archives (modal list) */
.s3-arch{display:flex;flex-direction:column;gap:8px}
.s3-arch-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid rgba(23,32,29,0.08);cursor:pointer;font:inherit;text-align:left;color:#17201D;min-width:0}
.s3-arch-row b{flex:1;min-width:0;font-size:13.5px;overflow-wrap:anywhere}
.s3-arch-foot{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12.5px;color:#5E6B66}
.s3-arch-foot span{flex:1}
/* forms in the in-app modals */
.s3-form{display:flex;flex-direction:column;gap:10px}
.s3-fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.s3-fld>span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5E6B66}
.s3-in{height:38px;padding:0 12px;border-radius:10px;border:1px solid rgba(23,32,29,0.16);font:inherit;font-size:13.5px;box-sizing:border-box;width:100%;background:#fff;color:#17201D}
.s3-ta{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:12px;border:1px solid rgba(23,32,29,0.16);font:inherit;font-size:13.5px;resize:vertical;background:#fff;color:#17201D}
.s3-form-row{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px}
.s3-check{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#17201D}
.s3-err{font-size:12.5px;font-weight:700;color:#B0442C;min-height:16px}
/* the ticket panel */
.s3-dw-back{position:fixed;inset:0;background:rgba(12,22,17,.4);z-index:var(--z-drawer)}
.s3-dw{position:fixed;top:0;right:0;bottom:0;width:640px;max-width:100vw;background:#fff;box-shadow:-30px 0 60px -20px rgba(8,18,13,.45);z-index:var(--z-drawer);display:flex;flex-direction:column;border-radius:22px 0 0 22px;overflow:hidden;color:#17201D;font-variant-numeric:tabular-nums}
.s3-dw-head{padding:20px 22px 16px;display:flex;flex-direction:column;gap:10px}
.s3-dw-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.s3-dw-ref{font-size:12.5px;font-weight:800;color:#5E6B66}
.s3-dw-x{width:36px;height:36px;border-radius:10px;border:1px solid rgba(23,32,29,0.10);background:#fff;color:#3B4A45;display:inline-flex;align-items:center;justify-content:center;flex:none;cursor:pointer}
.s3-dw h2{margin:0;font-size:22px;font-weight:800;overflow-wrap:anywhere}
.s3-dw-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:#3B4A45}
.s3-dw-by{display:inline-flex;align-items:center;gap:6px}
.s3-dw-by b{color:#17201D}
.s3-dw-lieu{display:inline-flex;align-items:center;gap:5px}
.s3-dw-ctl{margin-top:4px}
.s3-dw-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px}
.s3-dw-body{flex:1;overflow:auto}
.s3-sec{padding:16px 22px;border-top:1px solid rgba(23,32,29,0.08)}
.s3-sec h3{margin:0 0 20px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5E6B66}
.s3-reply{display:flex;flex-direction:column;gap:8px}
.s3-end{display:flex;justify-content:flex-end}
.s3-thread{display:flex;flex-direction:column;gap:10px}
.s3-bub-row{display:flex;gap:10px}
.s3-bub-row.s3-bub-row--team{flex-direction:row-reverse}
.s3-bub{max-width:78%;padding:10px 12px;border-radius:14px;background:#EEF1F0;color:#17201D;min-width:0}
.s3-bub-row--team .s3-bub{background:#17201D;color:#fff}
.s3-bub-row--team.s3-bub-row--note .s3-bub{background:#EEF1F0;color:#17201D}
.s3-bub-meta{font-size:11.5px;font-weight:700;color:#5E6B66;margin-bottom:3px}
.s3-bub-row--team .s3-bub-meta{color:#C9D3CE}
.s3-bub-row--team.s3-bub-row--note .s3-bub-meta{color:#5E6B66}
.s3-bub-text{font-size:13.5px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.s3-wait{margin-top:10px}
.s3-ivs{display:flex;flex-direction:column;gap:8px}
.s3-iv{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#EEF1F0;flex-wrap:wrap}
.s3-iv-ic{width:32px;height:32px;border-radius:9px;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#94570A;flex:none}
.s3-iv-main{flex:1;min-width:0}
.s3-iv-n{font-size:13.5px;font-weight:700;overflow-wrap:anywhere}
.s3-iv-s{font-size:12px;color:#5E6B66;overflow-wrap:anywhere}
.s3-iv-act{display:flex;gap:6px;flex-basis:100%;justify-content:flex-end}
.s3-iv-form{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.s3-iv-line{display:flex;gap:8px;flex-wrap:wrap}
.s3-hist{list-style:none;margin:0;padding:0 0 0 16px;border-left:2px solid #E6EBE8;display:flex;flex-direction:column;gap:10px}
.s3-hist li{position:relative;font-size:13px;color:#17201D}
.s3-hist-dot{position:absolute;left:-20px;top:5px;width:9px;height:9px;border-radius:50%;background:#A8B2AD;box-shadow:0 0 0 3px #fff}
.s3-hist-d{color:#5E6B66}
/* ==== END LANE:SUPPORT3 ==== */
/* ==== LANE:AVENANTS3 ==== */
#page-onb .a3-row-on{display:grid;grid-template-columns:36px minmax(0,1fr) 170px;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border:0;border-top:1px solid rgba(23,32,29,0.08);background:rgba(186,111,10,0.07);font:inherit;cursor:pointer}
#page-onb .a3-row{display:grid;grid-template-columns:36px minmax(0,1fr) 170px;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border:0;border-top:1px solid rgba(23,32,29,0.08);background:#fff;font:inherit;cursor:pointer}
#page-onb .a3-row-name{display:flex;align-items:center;gap:8px}
#page-onb .a3-ecart-upsell{font-size:12.5px;color:#1F7A55}
#page-onb .a3-ecart-downsell{font-size:12.5px;color:#94570A}
#page-onb .a3-sg-saute{flex:1;height:6px;border-radius:3px;background:repeating-linear-gradient(135deg,#DCE2DE 0 4px,#fff 4px 7px)}
#page-onb .a3-p-title{display:flex;align-items:center;gap:8px}
#page-onb .a3-cmp{display:grid;grid-template-columns:1fr 18px 1fr;align-items:center;gap:8px;padding:12px;border-radius:14px;background:#EEF1F0}
#page-onb .a3-cmp-v-up{font-size:15px;color:#1F7A55}
#page-onb .a3-cmp-s{font-size:12px;color:#3B4A45}
#page-onb .a3-cmp-arrow{color:#5E6B66}
#page-onb .a3-st-dot-saute{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;background:repeating-linear-gradient(135deg,#DCE2DE 0 4px,#fff 4px 7px);color:#3B4A45;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
#page-onb .a3-row-name,#page-onb .a3-p-title{flex-wrap:wrap;min-width:0}
#page-onb .a3-row-name > *{flex:none}
#page-onb .a3-p-title .o2-p-h2{line-height:normal}
/* ==== END LANE:AVENANTS3 ==== */
/* ==== LANE:SIGNATURES3 ==== */
.sg3-root .sg3-tabs{display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid rgba(23,32,29,0.16);margin-bottom:16px}
.sg3-root .sg3-tabs-nav{display:flex;flex:1}
.sg3-root .sg3-tab-on{display:inline-flex;align-items:center;height:46px;margin-right:22px;text-decoration:none;font-size:14.5px;font-weight:700;color:#17201D;border-bottom:2.5px solid #17201D}
.sg3-root .sg3-tab{display:inline-flex;align-items:center;height:46px;margin-right:22px;text-decoration:none;font-size:14.5px;font-weight:600;color:#5E6B66;border-bottom:2.5px solid transparent}
.sg3-root .sg3-gearwrap{padding-bottom:6px}
.sg3-root .sg3-drop{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 20px;border-radius:22px;border:2px dashed rgba(23,32,29,.20);background:#fff;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26)}
.sg3-root .sg3-drop-ico{width:72px;height:72px;border-radius:20px;background:linear-gradient(145deg,#C7871E,#A5620A);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -12px rgba(186,111,10,.6)}
.sg3-root .sg3-drop-t{margin:0;font-size:22px;font-weight:800}
.sg3-root .sg3-drop-s{font-size:14px;color:#3B4A45}
.sg3-root .sg3-prim44{height:44px;padding:0 13px;border-radius:9px;border:0;background:#BA6F0A;color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.sg3-root .sg3-mt16{margin-top:16px}
.sg3-root .sg3-card-clip{background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);overflow:hidden}
.sg3-root .sg3-card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 0}
.sg3-root .sg3-h2{margin:0;font-size:15.5px;font-weight:700}
.sg3-root .sg3-h10{height:10px}
.sg3-root .sg3-rec-row{display:flex;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid rgba(23,32,29,0.08)}
.sg3-root .sg3-ico34{width:34px;height:34px;border-radius:10px;background:#EEF1F0;display:inline-flex;align-items:center;justify-content:center}
.sg3-root .sg3-grow{flex:1}
.sg3-root .sg3-rec-t{font-size:13.5px;font-weight:700}
.sg3-root .sg3-rec-s{font-size:12px;color:#5E6B66}
.sg3-root .sg3-pill-green{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#1F7A55;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.sg3-root .sg3-pill-amber{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#94570A;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.sg3-root .sg3-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px}
.sg3-root .sg3-chip-on{height:34px;padding:0 12px;border-radius:17px;border:1px solid #17201D;background:#17201D;color:#fff;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap}
.sg3-root .sg3-chip{height:34px;padding:0 12px;border-radius:17px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap}
.sg3-root .sg3-chip-n-on{font-size:12px;padding:1px 7px;border-radius:9px;background:rgba(255,255,255,.18)}
.sg3-root .sg3-chip-n{font-size:12px;padding:1px 7px;border-radius:9px;background:#EEF1F0}
.sg3-root .sg3-sq-contrat{width:9px;height:9px;border-radius:3px;background:#1F4D3A}
.sg3-root .sg3-sq-avenant{width:9px;height:9px;border-radius:3px;background:#6B4FA8}
.sg3-root .sg3-sq-devis{width:9px;height:9px;border-radius:3px;background:#2E6F8E}
.sg3-root .sg3-sq-mise_en_demeure{width:9px;height:9px;border-radius:3px;background:#B0442C}
.sg3-root .sg3-sq-autres{width:9px;height:9px;border-radius:3px;background:#5E6B66}
.sg3-root .sg3-prim38{height:38px;padding:0 13px;border-radius:9px;border:0;background:#BA6F0A;color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.sg3-root .sg3-scroll{overflow-x:auto}
.sg3-root .sg3-table-900{width:100%;min-width:900px;border-collapse:collapse;font-variant-numeric:tabular-nums}
.sg3-root .sg3-table-980{width:100%;min-width:980px;border-collapse:collapse;font-variant-numeric:tabular-nums}
.sg3-root .sg3-th-l{text-align:left;padding:11px 14px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#5E6B66;white-space:nowrap;border-bottom:1px solid rgba(23,32,29,0.16);background:#fff}
.sg3-root .sg3-th-r{text-align:right;padding:11px 14px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#5E6B66;white-space:nowrap;border-bottom:1px solid rgba(23,32,29,0.16);background:#fff}
.sg3-root .sg3-td-l{padding:10px 14px;border-bottom:1px solid rgba(23,32,29,0.08);font-size:13.5px;vertical-align:middle;white-space:nowrap;text-align:left;}
.sg3-root .sg3-td-r{padding:10px 14px;border-bottom:1px solid rgba(23,32,29,0.08);font-size:13.5px;vertical-align:middle;white-space:nowrap;text-align:right;}
.sg3-root .sg3-mod-name{display:flex;align-items:center;gap:12px}
.sg3-root .sg3-pill-contrat{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#1F4D3A;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.sg3-root .sg3-pill-avenant{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#6B4FA8;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.sg3-root .sg3-pill-devis{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#2E6F8E;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.sg3-root .sg3-pill-archive{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#4E5652;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.sg3-root .sg3-acts{display:flex;gap:6px;justify-content:flex-end}
.sg3-root .sg3-ghost30{height:30px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.sg3-root .sg3-prim30{height:30px;padding:0 13px;border-radius:9px;border:0;background:#BA6F0A;color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.sg3-root .sg3-tr-off{opacity:.6}
.sg3-root .sg3-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid rgba(23,32,29,0.08);background:#F8FAF8;border-radius:0 0 20px 20px}
.sg3-root .sg3-muted{font-size:12.5px;color:#5E6B66}
.sg3-root .sg3-pager-btns{display:flex;gap:6px}
.sg3-root .sg3-ghost32{height:32px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.sg3-root .sg3-search-220{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid rgba(23,32,29,0.16);border-radius:10px;background:#fff;color:#5E6B66;width:220px;box-sizing:border-box}
.sg3-root .sg3-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sg3-root .sg3-search-in{border:0;outline:0;font:inherit;font-size:13.5px;flex:1;min-width:0;background:transparent;color:#17201D}
.sg3-root .sg3-who{display:flex;flex-direction:column;gap:1px}
.sg3-root .sg3-who-n{font-weight:700}
.sg3-root .sg3-who-s{font-size:12px;color:#5E6B66}
.sg3-root .sg3-signe{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:#1F7A55}
.sg3-root .sg3-as-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.sg3-root .sg3-ghost38{height:38px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.sg3-root .sg3-as-title{font-size:18px;font-weight:800}
.sg3-root .sg3-ghost40{height:40px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.sg3-root .sg3-pub-off{height:40px;padding:0 16px;border-radius:11px;border:0;background:var(--disabled-bg);color:var(--disabled-ink);font:inherit;font-size:14px;font-weight:700}
.sg3-root .sg3-stepper{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:14px;border-radius:16px;background:#fff;border:1px solid rgba(23,32,29,0.10);box-shadow:0 1px 2px rgba(22,38,31,.06), 0 2px 6px -2px rgba(22,38,31,.06)}
.sg3-root .sg3-step{display:flex;align-items:center;gap:8px}
.sg3-root .sg3-dot-done{width:26px;height:26px;border-radius:50%;background:#1F7A55;color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.sg3-root .sg3-dot-cur{width:26px;height:26px;border-radius:50%;background:#BA6F0A;color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.sg3-root .sg3-dot-todo{width:26px;height:26px;border-radius:50%;background:#DCE2DE;color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.sg3-root .sg3-step-l{font-size:13px;font-weight:600;color:#5E6B66}
.sg3-root .sg3-step-l-cur{font-size:13px;font-weight:800;color:#17201D}
.sg3-root .sg3-step-sep{flex:0 0 40px;height:2px;background:#DCE2DE}
.sg3-root .sg3-as-cols{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.sg3-root .sg3-as-card{background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);flex:1 1 520px;min-width:0}
.sg3-root .sg3-as-pad{padding:16px 18px}
.sg3-root .sg3-as-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.sg3-root .sg3-h2-800{margin:0;font-size:15.5px;font-weight:800}
.sg3-root .sg3-pill-red{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#B0442C;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.sg3-root .sg3-mt10{margin-top:10px}
.sg3-root .sg3-as-row{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1.2fr);align-items:center;gap:10px;padding:9px 0;border-top:1px solid rgba(23,32,29,0.08)}
.sg3-root .sg3-code{font-size:12.5px;font-weight:700;padding:5px 8px;border-radius:7px;background:#EEF1F0;color:#17201D;;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg3-root .sg3-code-ko{font-size:12.5px;font-weight:700;padding:5px 8px;border-radius:7px;background:#fff;color:#8E2A1E;border:1.5px solid #B0442C;;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg3-root .sg3-arrow{color:#5E6B66}
.sg3-root .sg3-sel{height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 10px 0 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);background:#fff;font:inherit;font-size:13.5px;font-weight:700;color:#17201D;cursor:pointer;box-sizing:border-box}
.sg3-root .sg3-sel-ko{height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 10px 0 12px;border-radius:11px;border:2px solid #B0442C;background:#fff;font:inherit;font-size:13.5px;font-weight:700;color:#8E2A1E}
.sg3-root .sg3-chev{margin-left:auto;color:#5E6B66}
.sg3-root .sg3-chev-ko{margin-left:auto}
.sg3-root .sg3-ap-pad{padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.sg3-root .sg3-ap-head{display:flex;align-items:center;gap:10px}
.sg3-root .sg3-h2-grow{margin:0;font-size:15.5px;font-weight:800;flex:1}
.sg3-root .sg3-sel-m{min-width:220px;height:34px;display:inline-flex;align-items:center;gap:8px;padding:0 10px 0 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);background:#fff;font:inherit;font-size:13.5px;font-weight:700;color:#17201D;cursor:pointer;box-sizing:border-box}
.sg3-root .sg3-ap-well{padding:18px;border-radius:16px;background:#E9ECEA}
.sg3-root .sg3-sheet-t{font-size:15px;font-weight:800;margin-bottom:10px}
.sg3-root .sg3-p{margin:0 0 8px}
.sg3-root .sg3-val{background:#E2F1E8;padding:0 3px}
.sg3-root .sg3-trou{background:#fff;color:#8E2A1E;padding:0 3px;border:1.5px solid #B0442C;border-radius:4px}
.sg3-root .sg3-pl-ico{width:38px;height:38px;border-radius:11px;background:#EEF1F0;display:inline-flex;align-items:center;justify-content:center}
.sg3-root .sg3-pl-name{font-size:16px;font-weight:800}
.sg3-root .sg3-prim40{height:40px;padding:0 13px;border-radius:9px;border:0;background:#BA6F0A;color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.sg3-root .sg3-pl-cols{display:flex;gap:16px;align-items:flex-start}
.sg3-root .sg3-pl-side{background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);flex:0 0 280px;align-self:flex-start}
.sg3-root .sg3-pl-side-pad{padding:16px;display:flex;flex-direction:column;gap:10px}
.sg3-root .sg3-pl-sec{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.sg3-root .sg3-h3{margin:0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5E6B66}
.sg3-root .sg3-ztype{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(23,32,29,0.10);background:#fff;font:inherit;font-size:13.5px;font-weight:700;color:#17201D;cursor:grab}
.sg3-root .sg3-zico-signature{width:28px;height:28px;border-radius:8px;background:#BA6F0A;display:inline-flex;align-items:center;justify-content:center;color:#fff}
.sg3-root .sg3-zico-date{width:28px;height:28px;border-radius:8px;background:#6B4FA8;display:inline-flex;align-items:center;justify-content:center;color:#fff}
.sg3-root .sg3-sep{height:1px;background:rgba(23,32,29,0.08);margin:6px 0}
.sg3-root .sg3-signer{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#EEF1F0}
.sg3-root .sg3-avatar{width:30px;height:30px;border-radius:50%;background:#BA6F0A;color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
.sg3-root .sg3-signer-key{width:12px;height:12px;border-radius:3px;border:2px solid #BA6F0A}
.sg3-root .sg3-pl-well{flex:1 1 560px;min-width:0;padding:24px;border-radius:20px;background:#E9ECEA}
.sg3-root .sg3-thumbs{display:flex;gap:8px;justify-content:center;margin-top:12px}
.sg3-root .sg3-thumb{width:44px;height:62px;border-radius:4px;background:#fff;border:1px solid rgba(23,32,29,0.10);display:flex;align-items:flex-end;justify-content:center;font-size:10px;font-weight:700;color:#5E6B66;padding-bottom:3px;box-sizing:border-box}
.sg3-root .sg3-thumb-on{width:44px;height:62px;border-radius:4px;background:#fff;border:2px solid #17201D;display:flex;align-items:flex-end;justify-content:center;font-size:10px;font-weight:700;color:#5E6B66;padding-bottom:3px;box-sizing:border-box}
.sg3-root .sg3-zlabel{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6E3F05}
.sg3-root .sg3-zhandle{position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;border-radius:3px;background:#fff;border:2px solid #BA6F0A}
.sg3-root{line-height:normal;font-variant-numeric:tabular-nums;color:#17201D}
.sg3-root button,.sg3-root select,.sg3-root input{font-family:inherit}
.sg3-root [hidden],.sg3-root .sg3-hidden{display:none}
.sg3-root .primarybtn{background:var(--ocre-deep)}
.sg3-root button:disabled{background:var(--disabled-bg);color:var(--disabled-ink);opacity:1;cursor:not-allowed;box-shadow:none}
.sg3-root .sg3-pub-off:disabled{opacity:1}
.sg3-root a.sg3-tab-on,.sg3-root a.sg3-tab{cursor:pointer}
.sg3-root .sg3-drop.is-over{border-color:#BA6F0A}
.sg3-root .sg3-rec-row{width:100%;border-left:0;border-right:0;border-bottom:0;background:#fff;font:inherit;color:inherit;text-align:left;cursor:pointer;box-sizing:border-box}
.sg3-root .sg3-rec-main{flex:1;min-width:0}
.sg3-root .sg3-rec-t,.sg3-root .sg3-rec-s{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sg3-root .sg3-empty{padding:28px 16px;text-align:center;font-size:13.5px;color:#5E6B66;border-top:1px solid rgba(23,32,29,0.08)}
.sg3-root .sg3-search-in{width:100%}
.sg3-root .sg3-pub-on{height:40px;padding:0 16px;border-radius:11px;border:0;background:var(--ocre-deep);color:#FFF6E9;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.sg3-root .sg3-sel,.sg3-root .sg3-sel-ko,.sg3-root .sg3-sel-m{position:relative;min-width:0;max-width:100%}
.sg3-root .sg3-sel select,.sg3-root .sg3-sel-ko select,.sg3-root .sg3-sel-m select{appearance:none;-webkit-appearance:none;border:0;outline:0;background:transparent;font:inherit;color:inherit;flex:1;min-width:0;width:100%;height:100%;cursor:pointer;text-overflow:ellipsis;padding:0 22px 0 0;margin:0}
.sg3-root .sg3-sel .sg3-chev,.sg3-root .sg3-sel-ko .sg3-chev-ko,.sg3-root .sg3-sel-m .sg3-chev{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;display:inline-flex}
.sg3-root .sg3-code,.sg3-root .sg3-code-ko{display:block;min-width:0;font-family:inherit}
.sg3-root .sg3-sheet{position:relative;width:100%;max-width:470px;margin:0 auto;background:#fff;border-radius:4px;box-shadow:0 14px 34px -14px rgba(0,0,0,.35);padding:9% 8%;box-sizing:border-box;font-size:12.5px;line-height:1.6;color:#17201D;overflow-wrap:anywhere}
.sg3-root .sg3-ap-scroll{max-height:640px;overflow-y:auto}
.sg3-root .sg3-p:empty{display:none}
.sg3-root .sg3-ap-msg{font-size:12.5px;color:#5E6B66}
.ui-drawer .sg3-root .sg3-ap-scroll{max-height:none}
.ui-modal .sg3-root .sg3-field{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:700;color:#3B4A45}
#page-sigplacer .sg3-placer .sg3-pl-id{min-width:0}
#page-sigplacer .sg3-placer .sg3-pl-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#page-sigplacer .sg3-placer .sg3-pl-types{display:flex;flex-direction:column;gap:10px}
#page-sigplacer .sg3-placer .sw-chip{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(23,32,29,0.10);background:#fff;font:inherit;font-size:13.5px;font-weight:700;color:#17201D;cursor:grab;box-sizing:border-box;opacity:1;user-select:none;touch-action:none}
#page-sigplacer .sg3-placer .sw-chip:hover,#page-sigplacer .sg3-placer .sw-chip.req{border-color:rgba(23,32,29,0.10);background:#fff}
#page-sigplacer .sg3-placer .sw-chip.placed{opacity:1}
#page-sigplacer .sg3-placer .sw-pencil{margin-left:auto}
#page-sigplacer .sg3-placer #swThumbs{position:static;max-height:none;overflow:visible;flex-direction:row}
#page-sigplacer .sg3-placer .sw-thumb{width:44px;height:62px;border-radius:4px;background:#fff;border:1px solid rgba(23,32,29,0.10);display:flex;align-items:flex-end;justify-content:center;font-size:10px;font-weight:700;color:#5E6B66;padding-bottom:3px;box-sizing:border-box;padding:0 0 3px;cursor:pointer;font-family:inherit;box-shadow:none}
#page-sigplacer .sg3-placer .sw-thumb.on{border:2px solid #17201D;box-shadow:none}
#page-sigplacer .sg3-placer .sw-thumb canvas{display:none}
#page-sigplacer .sg3-placer .sw-thumbnum{font:inherit;color:inherit;margin:0;padding:0}
#page-sigplacer .sg3-placer .sp-pages{padding:0;background:transparent;border-radius:0;max-height:none;overflow:visible;gap:16px}
#page-sigplacer .sg3-placer .sp-page{border-radius:4px;box-shadow:0 14px 34px -14px rgba(0,0,0,.35)}
#page-sigplacer .sg3-placer .sp-pagenum{display:none}
#page-sigplacer .sg3-placer .sp-msg{margin:0 0 12px}
#page-sigplacer .sg3-placer .sp-zone.kind-signature{border-radius:10px;border:2px solid #BA6F0A;background:rgba(186,111,10,.10);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:8px 12px;box-sizing:border-box}
#page-sigplacer .sg3-placer .sp-zone.kind-signature .sp-zonemark{font-size:22px;color:#17201D;line-height:1.15}
#page-sigplacer .sg3-placer .sp-zone.kind-date{border-radius:8px;border:2px solid #6B4FA8;background:rgba(107,79,168,.08);display:flex;align-items:center;justify-content:flex-start;padding:0 10px;box-sizing:border-box;font-size:11.5px;font-weight:700;color:#4B3F8F}
#page-sigplacer .sg3-placer .sp-zone.kind-date .sp-zonelabel{font:inherit;color:inherit;letter-spacing:0;text-transform:none}
#page-sigplacer .sg3-placer .sg3-zlabel{white-space:nowrap}
/* ==== END LANE:SIGNATURES3 ==== */
/* ==== LANE:PLANNING3 ==== */
/* built by tools/planning3_css.py from DESIGN_15 reference_html: do not edit by hand */
.pl3{line-height:normal;color:#17201D;font-size:16px}
.pl3 select{width:auto}
.pl3 .primarybtn,.pl3 .ghostbtn{margin:0}
.pl3 :where(div,span,section,aside,label,b,h2,h3){box-sizing:content-box}
.pl3 .pl3-day{border:0;background:transparent;font-family:inherit;cursor:pointer;width:100%;box-sizing:border-box}
.pl3 .pl3-check-on{width:18px;height:18px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;background:var(--pc);color:#fff}
.pl3 .pl3-check-off{width:18px;height:18px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--pc);box-sizing:border-box}
.pl3 .pl3-av{width:24px;height:24px;border-radius:50%;background:var(--pc);color:#fff;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
.pl3 .pl3-av36{width:36px;height:36px;border-radius:50%;background:var(--pc);color:#fff;font-size:15px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
.pl3 .pl3-nom{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pl3 input.pl3-57:focus-visible + span{outline:2px solid #BA6F0A;outline-offset:2px}
.pl3 .pl3-leg-pres{width:16px;height:12px;border-radius:3px;background:rgba(var(--pcr),0.1)}
.pl3 .pl3-leg-open{width:16px;height:12px;border-radius:3px;background:rgba(var(--pcr),0.18);border:1.5px dashed rgba(var(--pcr),0.55)}
.pl3 .pl3-leg-vis{width:16px;height:12px;border-radius:3px;background:var(--pc)}
.pl3 .pl3-h{position:absolute;right:8px;font-size:11.5px;font-weight:700;color:#3B4A45}
.pl3 .pl3-l1{position:absolute;left:0;right:0;border-top:1px solid #DCE2DE}
.pl3 .pl3-l2{position:absolute;left:0;right:0;border-top:1px dashed #EEF1EF}
.pl3 .pl3-chip{display:flex;align-items:center;gap:5px;height:22px;padding:0 6px;border-radius:6px;background:var(--pc);color:#fff;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden}
.pl3 .pl3-chip-abs{display:flex;align-items:center;gap:5px;height:22px;padding:0 6px;border-radius:6px;border:1.5px dashed rgba(var(--pcr),0.5);color:#5E6B66;font-size:11px;font-weight:700;white-space:nowrap}
.pl3 .pl3-chip-abs b{font-weight:800;color:var(--pc)}
.pl3 .pl3-chip-t{overflow:hidden;text-overflow:ellipsis;min-width:0}
.pl3 .pl3-lane{position:absolute;top:0;bottom:0}
.pl3 .pl3-pres{position:absolute;left:1px;right:1px;border-radius:6px;background:rgba(var(--pcr),0.08)}
.pl3 .pl3-open{position:absolute;left:2px;right:2px;border-radius:6px;background:rgba(var(--pcr),0.13);border:1.5px dashed rgba(var(--pcr),0.5);cursor:pointer}
.pl3 .pl3-ev{position:absolute;border-radius:8px;background:var(--pc);color:#fff;padding:4px 8px;box-sizing:border-box;overflow:hidden;box-shadow:0 6px 14px -8px rgba(0,0,0,.45);z-index:2;cursor:pointer}
.pl3 .pl3-ev--1{padding:0 8px}
.pl3 .pl3-bloc{position:absolute;border-radius:8px;background:var(--surface);color:var(--ink);padding:4px 8px 4px 11px;box-sizing:border-box;overflow:hidden;box-shadow:inset 4px 0 0 var(--pc),inset 0 0 0 1px rgba(var(--pcr),0.45);z-index:2}
.pl3 .pl3-bloc--1{padding:0 8px 0 11px}
.pl3 .pl3-bloc--absence{background:repeating-linear-gradient(135deg,var(--surface) 0 7px,var(--surface-sunk) 7px 14px)}
.pl3 .pl3-leg-ev{width:16px;height:12px;border-radius:3px;background:var(--surface);box-shadow:inset 4px 0 0 var(--pc),inset 0 0 0 1px rgba(var(--pcr),0.45)}
.pl3 .pl3-open:focus-visible,.pl3 .pl3-ev:focus-visible{outline:2px solid #BA6F0A;outline-offset:1px}
.pl3 button.pl3-37{cursor:pointer;padding:0;font-size:inherit}
.pl3 button.pl3-32,.pl3 button.pl3-165,.pl3 button.pl3-188{cursor:pointer}
.pl3.pl3-retour{margin-bottom:12px}
.pl3 .pl3-sw{width:36px;height:20px;border-radius:10px;background:#C9D0CC;position:relative;display:inline-block;cursor:pointer}
.pl3 .pl3-sw span{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff}
.pl3 input:checked + .pl3-sw{background:#1F7A55}
.pl3 input:checked + .pl3-sw span{left:18px}
.pl3 .pl3-vin{width:54px;height:28px;padding:0 6px;margin:0 4px;border-radius:8px;border:1px solid rgba(23,32,29,0.16);font:inherit;font-size:12.5px;box-sizing:border-box}
.pl3 .pl3-date{width:150px}
.pl3 .pl3-qui{min-width:0}
.pl3 .pl3-ajout{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(23,32,29,0.08)}
.pl3 .pl3-err{font-size:13px;font-weight:700;color:#B0442C}
.pl3 .pl3-err:not(:empty){margin-top:8px}
.pl3-drawer{position:fixed;inset:0;z-index:var(--z-drawer)}
.pl3.pl3-bk{display:flex;flex-direction:column;gap:12px;min-width:420px}
.pl3 .pl3-f{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.pl3 .pl3-fl{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5E6B66}
.pl3 .pl3-in{height:36px;padding:0 10px;border-radius:10px;border:1px solid rgba(23,32,29,0.16);font:inherit;font-size:13.5px;width:100%;box-sizing:border-box;background:#fff;color:#17201D}
.pl3 .pl3-in:disabled{background:var(--disabled-bg);color:var(--disabled-ink);-webkit-text-fill-color:var(--disabled-ink);opacity:1;cursor:not-allowed}
.pl3 .pl3-f2{display:flex;gap:10px}
.pl3 .pl3-res{display:flex;flex-direction:column;gap:2px}
.pl3 .pl3-lead{text-align:left;padding:7px 8px;border:0;border-radius:10px;background:#EEF1F0;font:inherit;font-size:13.5px;font-weight:700;color:#17201D;cursor:pointer}
.pl3 .pl3-lead span{font-weight:500;color:#5E6B66;margin-left:8px}
.pl3 .pl3-choisi{font-size:13.5px;font-weight:800}
.pl3 .pl3-7{display:flex;flex-direction:column;gap:2px}
.pl3 .pl3-14{flex:1 1 0;min-width:0;display:flex;flex-direction:column}
.pl3 .pl3-30{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}
.pl3 .pl3-31{height:38px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.pl3 .pl3-32{width:38px;height:38px;border-radius:10px;border:1px solid rgba(23,32,29,0.16);background:#fff;display:inline-flex;align-items:center;justify-content:center}
.pl3 .pl3-33{font-size:18px}
.pl3 .pl3-34{flex:1}
.pl3 .pl3-35{height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 10px 0 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);background:#fff;font:inherit;font-size:13.5px;font-weight:700;color:#17201D;cursor:pointer;box-sizing:border-box}
.pl3 .pl3-37{position:relative;width:40px;height:40px;box-sizing:border-box;border-radius:11px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(22,38,31,.06), 0 2px 6px -2px rgba(22,38,31,.06);text-decoration:none}
.pl3 .pl3-38{display:flex;gap:16px;align-items:flex-start}
.pl3 .pl3-39{background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);flex:0 0 270px;align-self:flex-start}
.pl3 .pl3-40{padding:16px;display:flex;flex-direction:column;gap:14px}
.pl3 .pl3-41{height:40px;padding:0 13px;border-radius:9px;border:0;background:#BA6F0A;color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.pl3 .pl3-42{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.pl3 .pl3-43{font-size:14px}
.pl3 .pl3-44{display:flex;gap:4px}
.pl3 .pl3-45{width:34px;height:34px;border-radius:10px;border:1px solid rgba(23,32,29,0.10);background:transparent;color:#3B4A45;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none}
.pl3 .pl3-46{display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));gap:2px;text-align:center}
.pl3 .pl3-47{font-size:11px;font-weight:700;color:#5E6B66;padding:3px 0}
.pl3 .pl3-48{font-size:12px;font-weight:500;padding:5px 0;border-radius:7px;color:transparent}
.pl3 .pl3-49{font-size:12px;font-weight:500;padding:5px 0;border-radius:7px;color:#17201D}
.pl3 .pl3-50{font-size:12px;font-weight:500;padding:5px 0;border-radius:7px;box-shadow:inset 0 0 0 1.5px #BA6F0A;color:#17201D}
.pl3 .pl3-51{font-size:12px;font-weight:700;padding:5px 0;border-radius:7px;background:rgba(186,111,10,0.14);color:#17201D}
.pl3 .pl3-52{height:1px;background:rgba(23,32,29,0.08)}
.pl3 .pl3-53{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.pl3 .pl3-54{margin:0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5E6B66}
.pl3 .pl3-55{height:26px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.pl3 .pl3-56{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;cursor:pointer;background:#EEF1F0}
.pl3 .pl3-57{position:absolute;opacity:0;width:1px;height:1px}
.pl3 .pl3-60{flex:1;font-size:13.5px;font-weight:800}
.pl3 .pl3-61{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;cursor:pointer}
.pl3 .pl3-64{flex:1;font-size:13.5px;font-weight:600}
.pl3 .pl3-69{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#3B4A45}
.pl3 .pl3-70{display:flex;align-items:center;gap:8px}
.pl3 .pl3-74{height:36px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.pl3 .pl3-75{background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26);flex:1 1 700px;min-width:0}
.pl3 .pl3-76{display:flex;padding:8px 14px 14px}
.pl3 .pl3-77{flex:0 0 52px;display:flex;flex-direction:column}
.pl3 .pl3-78{height:135px}
.pl3 .pl3-79{position:relative;height:600px}
.pl3 .pl3-90{text-align:center;padding:6px 0 8px}
.pl3 .pl3-91{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#5E6B66}
.pl3 .pl3-92{font-size:15px;font-weight:800}
.pl3 .pl3-93{display:flex;flex-direction:column;gap:3px;padding:0 4px 8px;min-height:75px;border-bottom:1px solid #DCE2DE}
.pl3 .pl3-95{font-weight:800}
.pl3 .pl3-98{position:relative;height:600px;border-left:1px solid #E6EBE8}
.pl3 .pl3-130{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl3 .pl3-131{font-size:11px;opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl3 .pl3-133{display:flex;align-items:center;gap:6px;height:100%;min-width:0;font-size:12px;white-space:nowrap}
.pl3 .pl3-134{flex:none}
.pl3 .pl3-135{font-weight:800;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pl3 .pl3-136{flex:none;opacity:.9;font-weight:700}
.pl3 .pl3-160{position:absolute;inset:0;background:rgba(12,22,17,.45);z-index:4}
.pl3 .pl3-161{position:absolute;top:0;right:0;bottom:0;width:760px;background:#fff;box-shadow:-30px 0 60px -20px rgba(8,18,13,.45);z-index:6;display:flex;flex-direction:column;border-radius:22px 0 0 22px;overflow:hidden}
.pl3 .pl3-162{display:flex;align-items:center;gap:12px;padding:20px 22px}
.pl3 .pl3-164{margin:0;font-size:19px;font-weight:800;flex:1}
.pl3 .pl3-165{width:36px;height:36px;border-radius:10px;border:1px solid rgba(23,32,29,0.10);background:#fff;color:#3B4A45;display:inline-flex;align-items:center;justify-content:center;flex:none}
.pl3 .pl3-166{flex:1;overflow:auto}
.pl3 .pl3-167{padding:4px 22px 18px}
.pl3 .pl3-168{display:grid;grid-template-columns:90px 40px 170px 92px 92px 1fr;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(23,32,29,0.08)}
.pl3 .pl3-169{font-size:13.5px}
.pl3 .pl3-170{display:inline-flex}
.pl3 .pl3-173{min-width:170px;height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 10px 0 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);background:#fff;font:inherit;font-size:13.5px;font-weight:700;color:#17201D;cursor:pointer;box-sizing:border-box}
.pl3 .pl3-174{height:36px;padding:0 10px;border-radius:10px;border:1px solid rgba(23,32,29,0.16);font:inherit;font-size:13.5px;width:92px;box-sizing:border-box}
.pl3 .pl3-175{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#3B4A45}
.pl3 .pl3-176{width:12px;height:10px;border-radius:3px;background:rgba(93,185,142,.18);border:1px dashed rgba(31,122,85,.45)}
.pl3 .pl3-177{display:grid;grid-template-columns:90px 40px 1fr;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(23,32,29,0.08)}
.pl3 .pl3-178{font-size:13.5px;color:#5E6B66}
.pl3 .pl3-181{font-size:13px;color:#5E6B66}
.pl3 .pl3-182{padding:16px 22px;border-top:1px solid rgba(23,32,29,0.08)}
.pl3 .pl3-183{height:30px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.pl3 .pl3-184{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(23,32,29,0.08)}
.pl3 .pl3-185{width:70px;font-size:13.5px}
.pl3 .pl3-186{flex:1;font-size:13.5px}
.pl3 .pl3-187{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#B0442C;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.pl3 .pl3-188{width:30px;height:30px;border:0;background:transparent;color:#5E6B66}
.pl3 .pl3-189{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#2E5FB8;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.pl3 .pl3-190{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid rgba(23,32,29,0.08);background:#F8FAF8}
.pl3 .pl3-191{height:40px;padding:0 13px;border-radius:9px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
/* ==== END LANE:PLANNING3 ==== */
/* ==== LANE:SHELL4 ==== */
/* The app shell (vague 4): a narrower expanded sidebar, and the three widths. >= 1440 the sidebar is in the flow;
   1024 to 1439 the icon rail holds the column and the expanded sidebar is an overlay over a scrim; below 1024 the
   column is gone and the same overlay opens from the header's menu button. /shell.js sets .rail and .sb-open. */
:root{--sidebar-w:232px}
.sidebar .nav-item span,.sidebar .bt{white-space:nowrap}
body .sidebar .nav{flex-direction:column;flex-wrap:nowrap}
.sh-scrim{display:none;position:fixed;inset:0;z-index:calc(var(--z-drawer) - 20);margin:0;padding:0;border:0;
  border-radius:0;background:var(--backdrop);cursor:default}
.app.sb-open .sh-scrim{display:block}
.topbar .sh-menu{display:none}
@media (max-width:1439.98px){
  body .app,body .app.rail{grid-template-columns:var(--sidebar-rail-w) minmax(0,1fr)}
  body .app .main{grid-column:2}
  body .app.sb-open .sidebar{position:fixed;left:0;top:0;width:var(--sidebar-w);max-width:calc(100vw - 56px);
    box-sizing:border-box;z-index:calc(var(--z-drawer) - 10)}
}
@media (max-width:1023.98px){
  body .app,body .app.rail{grid-template-columns:minmax(0,1fr)}
  body .app .main{grid-column:1}
  body .app .sidebar{display:none}
  body .app.sb-open .sidebar{display:flex}
  .topbar .sh-menu{display:inline-flex}
}
/* ==== END LANE:SHELL4 ==== */
/* ==== LANE:AM5 ==== */
/* « Application membre » (DESIGN_16): page shell, Contenu, Voir comme, Publier, Bureau, Messages. The inline styles
   of the reference, moved to am5-* classes; a value equal to a token is written as the token. The content of the
   phone is the practitioner app with its own stylesheet, inside its frame: nothing here styles it.
   S0 (a container never reads as the page beige, ΔE >= 5): the stage well is #ECE5D9 (the reference's #EDE6DA sits
   at ΔE 4.8) and a selected row is --ocre-soft (the reference's 10 % and 7 % ocre on white sit at ΔE 0.9 and 1.9). */
.am5{font-variant-numeric:tabular-nums;color:var(--ink)}
.am5 .am5-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.am5 .am5-flex{flex:1}
.am5-tabs{display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid var(--border-input);margin-bottom:14px}
.am5-nav{display:flex;flex:1;flex-wrap:wrap}
.am5-tab{display:inline-flex;align-items:center;height:46px;margin-right:22px;padding:0;border:0;border-bottom:2.5px solid transparent;background:transparent;font:inherit;font-size:14.5px;font-weight:600;color:var(--ink-faint);cursor:pointer;white-space:nowrap}
.am5-tab.on{font-weight:700;color:var(--ink);border-bottom-color:var(--ink)}
.am5-gearw{padding-bottom:6px}
.am5-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}
.am5-sel select{min-width:170px;height:38px;padding:0 30px 0 12px;border-radius:11px;border:1px solid var(--border-input);background-color:var(--surface);font:inherit;font-size:13.5px;font-weight:700;color:var(--ink);cursor:pointer;box-sizing:border-box}
.am5-sel--34 select{height:34px;min-width:190px}
.am5-voirbtn{min-width:200px;height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 10px 0 12px;border-radius:11px;border:1px solid var(--border-input);background:var(--surface);font:inherit;font-size:13.5px;font-weight:700;color:var(--ink);cursor:pointer;box-sizing:border-box}
.am5-voirbtn svg{color:var(--ink-faint);flex:none}
.am5-voirbtn span{flex:1;text-align:left;white-space:nowrap}
.am5-voirbtn--34{height:34px;min-width:190px}
.am5-etat{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-muted);white-space:nowrap}
.am5-pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.am5-pill--mod{background:#94570A}
.am5-t-actu{background:#2F63C9}.am5-t-evt{background:#6B4FA8}.am5-t-msg{background:#94570A}
.am5-e-br{background:#6B7570}.am5-e-pub{background:#1F7A55}.am5-e-prog{background:#2E5FB8}
.am5 .am5-publier{height:38px;padding:0 13px;border-radius:9px;font-size:13px;font-weight:700;white-space:nowrap}
.am5 .am5-publier--36{height:36px}
.am5 .am5-publier:disabled{background:var(--disabled-bg);color:var(--disabled-ink);opacity:1;cursor:not-allowed;box-shadow:none}
.am5-cols{display:flex;gap:14px;align-items:flex-start}
.am5-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-1);align-self:flex-start}
.am5-blocs{flex:0 0 230px}
.am5-blocs-in{padding:12px 10px}
.am5-cap{margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
.am5-bloclist{display:flex;flex-direction:column;gap:2px}
.am5-bloc{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border-radius:10px;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer}
.am5-bloc.on{background:var(--ocre-soft)}
.am5-bloc-n{flex:1;font-size:13.5px;font-weight:600;color:var(--ink)}
.am5-bloc.on .am5-bloc-n{font-weight:800}
.am5-dot{width:8px;height:8px;border-radius:50%;background:var(--ocre);flex:none}
.am5-fixe{font-size:10.5px;font-weight:800;color:#fff;background:#6B7570;border-radius:5px;padding:2px 6px}
.am5-scene{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;padding:22px 16px 28px;border-radius:20px;background:#ECE5D9;border:1px solid var(--border)}
.am5-scene--msg{flex:0 0 auto}
.am5-tel{border-radius:46px;background:#111;padding:12px;box-sizing:border-box;box-shadow:0 40px 80px -30px rgba(0,0,0,.55), 0 0 0 1px rgba(0,0,0,.4);max-width:100%}
.am5-tel-in{position:relative;width:100%;height:100%;border-radius:36px;overflow:hidden;background:var(--surface)}
.am5-frame{display:block;width:100%;height:100%;border:0;background:var(--surface)}
.am5-frame--reel{position:absolute;inset:0;display:none}
.am5-frame--reel.on{display:block}
.am5-tel--reel #am5Frame{display:none}
.am5-nav-frame{width:100%;border-radius:14px;overflow:hidden;background:var(--surface);border:1px solid var(--border-input);box-shadow:0 30px 60px -30px rgba(0,0,0,.45)}
.am5-nav-bar{display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;background:var(--surface-sunk);border-bottom:1px solid var(--border)}
.am5-nav-bar i{width:10px;height:10px;border-radius:50%;background:#C9CFCC}
.am5-url{margin-left:10px;flex:1;max-width:420px;height:22px;line-height:22px;padding:0 10px;border-radius:7px;background:var(--surface);font-size:11.5px;color:var(--ink-faint)}
.am5-nav-view{position:relative;width:100%;overflow:hidden}
.am5-frame--bureau{width:1280px;height:800px;transform-origin:0 0}
.am5-comme{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:14px}
.am5-comme-pill{display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:0 6px 0 12px;border-radius:19px;background:var(--ink);color:#fff;font-size:13px;font-weight:700}
.am5-av{width:44px;height:44px;border-radius:50%;background:#6E4A6B;color:#fff;font-size:18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
.am5-av--s{width:26px;height:26px;font-size:10px}
.am5-av--m{width:32px;height:32px;font-size:12px}
.am5-quitter{height:28px;padding:0 12px;border-radius:14px;border:0;background:rgba(255,255,255,.14);color:#fff;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.am5-panneau{flex:0 0 380px;overflow:hidden}
.am5-ph{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--hairline)}
.am5-ph-ic{width:32px;height:32px;border-radius:10px;background:rgba(186,111,10,.14);color:#8A4F06;display:inline-flex;align-items:center;justify-content:center}
.am5-ph-t{margin:0;font-size:16px;font-weight:800;flex:1}
.am5-pb{padding:16px 18px;display:flex;flex-direction:column;gap:14px}
.am5-pb--12{gap:12px}
.am5-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.am5-f--8{gap:8px}
.am5-f .ui-seg{align-self:flex-start}
.am5-lab{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
.am5-in{height:40px;padding:0 12px;border-radius:11px;border:1px solid var(--border-input);font:inherit;font-size:14px;color:var(--ink);background:var(--surface);box-sizing:border-box;width:100%}
.am5-in--t{height:34px;padding:0 10px;border-radius:9px;font-size:13.5px;font-weight:700}
.am5-ta{padding:9px 12px;border-radius:11px;border:1px solid var(--border-input);font:inherit;font-size:14px;line-height:1.45;color:var(--ink);background:var(--surface);box-sizing:border-box;width:100%;resize:vertical}
.am5-ta--s{padding:7px 10px;border-radius:9px;font-size:13px;line-height:1.4}
.am5-in:disabled,.am5-ta:disabled{background:var(--disabled-bg);color:var(--disabled-ink)}
#am5Items{display:flex;flex-direction:column;gap:8px}
.am5-item{display:flex;gap:8px;align-items:flex-start;padding:10px;border-radius:12px;border:1px solid var(--border);background:var(--surface)}
.am5-item:focus-within{border:2px solid var(--ink);padding:9px}
.am5-grip{color:var(--ink-faint);margin-top:8px;cursor:grab}
.am5-item-in{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.am5-x{width:30px;height:30px;border:0;background:transparent;color:var(--ink-faint);margin-top:2px;cursor:pointer;flex:none}
.am5 .am5-ghost{height:34px;padding:0 13px;border-radius:9px;border:1px solid var(--border-input);background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;box-sizing:border-box}
.am5 .am5-ghost--32{height:32px}
.am5 .am5-ghost--36{height:36px}
.am5 .am5-ghost:disabled{background:var(--disabled-bg);color:var(--disabled-ink);opacity:1;cursor:not-allowed;box-shadow:none}
.am5-carte{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;border:1px solid var(--border);background:var(--surface)}
.am5-codes{display:flex;flex-direction:column;gap:6px}
.am5-code{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;border-radius:11px;background:var(--surface-sunk);font-size:13.5px;color:var(--ink-muted)}
.am5-code b{color:var(--ink);letter-spacing:.12em}
.am5-jetons{display:flex;flex-wrap:wrap;gap:6px}
.am5-jeton{height:28px;padding:0 10px;border-radius:14px;border:1px solid var(--border-input);background:var(--surface);font:inherit;font-size:12.5px;font-weight:700;color:var(--ink);cursor:pointer}
.am5-qui{display:flex;align-items:center;gap:12px}
.am5-qui-n{font-size:16px;font-weight:800}
.am5-qui-s{font-size:12.5px;color:var(--ink-faint)}
.am5-lignes{display:flex;flex-direction:column;gap:2px}
.am5-ligne{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--hairline);font-size:13.5px}
.am5-ligne span{color:var(--ink-muted)}
.am5-ligne b{text-align:right}
.am5-vide{padding:40px;text-align:center;color:var(--ink-muted);font-size:14px}
/* the member picker and the Publier recap live in the shared modal */
.am5-choix{display:flex;flex-direction:column;gap:10px;min-width:min(420px,80vw)}
.am5-res{display:flex;flex-direction:column;gap:2px;max-height:360px;overflow:auto}
.am5-res-l{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:10px;background:transparent;font:inherit;text-align:left;cursor:pointer;color:var(--ink)}
.am5-res-l:hover,.am5-res-l:focus-visible{background:var(--surface-sunk)}
.am5-res-t{display:flex;flex-direction:column;min-width:0}
.am5-res-t b{font-size:13.5px}
.am5-res-t span{font-size:12px;color:var(--ink-faint)}
.am5-res-vide,.am5-res-n{padding:8px 10px;font-size:12.5px;color:var(--ink-faint)}
.am5-pub{display:flex;flex-direction:column;gap:10px;width:min(616px,80vw)}
.am5-pub-c{padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface)}
.am5-pub-h{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.am5-pub-h>b{font-size:14px;flex:1}
.am5-pub-h>span{font-size:12.5px;color:var(--ink-muted)}
.am5-pub-h>span b{color:var(--ink)}
.am5-pub-l{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--hairline);font-size:13px}
.am5-pub-k{color:var(--ink-muted);font-weight:700;overflow-wrap:anywhere}
.am5-pub-v{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}
.am5-pub-av{text-decoration:line-through;color:var(--ink-faint)}
.am5-pub-ap{font-weight:700}
.am5-pub-n{padding:12px 14px;border-radius:14px;background:var(--surface-sunk)}
.am5-pub-n .ui-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px;font-weight:700}
.am5-pub-vis{font-size:12.5px;color:var(--ink-muted);margin-right:auto}
.am5-pub-vis b{color:var(--ink)}
.am5-pub-btn{display:flex;gap:10px}
/* Messages */
.am5-mliste{flex:0 0 300px;overflow:hidden}
.am5-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 14px}
.am5-chip{height:34px;padding:0 12px;border-radius:17px;border:1px solid var(--border-input);background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap}
.am5-chip.on{border-color:var(--ink);background:var(--ink);color:#fff}
.am5-chip-sq{width:9px;height:9px;border-radius:3px}
.am5-chip-n{font-size:12px;padding:1px 7px;border-radius:9px;background:var(--surface-sunk);color:var(--ink)}
.am5-chip.on .am5-chip-n{background:rgba(255,255,255,.18);color:#fff}
.am5-mrow{display:flex;flex-direction:column;gap:5px;width:100%;padding:12px 16px;border:0;border-top:1px solid var(--hairline);background:transparent;font:inherit;text-align:left;cursor:pointer;color:var(--ink)}
.am5-mrow.on{background:var(--ocre-soft)}
.am5-mrow-h{display:flex;align-items:center;justify-content:space-between;gap:6px}
.am5-mrow-t{font-size:13.5px;overflow-wrap:anywhere}
.am5-mrow-s{font-size:12px;color:var(--ink-muted)}
.am5-mvide{padding:22px 16px;border-top:1px solid var(--hairline);font-size:13px;color:var(--ink-faint)}
.am5-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid var(--hairline);background:var(--surface-band);border-radius:0 0 20px 20px;font-size:12.5px;color:var(--ink-faint)}
.am5-pager-b{display:flex;gap:6px}
.am5-compo{flex:1 1 420px;min-width:0}
.am5-compo-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.am5-dest{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.am5-aud{font-size:12.5px;color:var(--ink-muted)}
.am5-row3{display:flex;gap:10px;flex-wrap:wrap}
.am5-row3>.am5-f{flex:1 1 130px}
.am5-quand{display:inline-flex;gap:8px}
.am5-quand .am5-in{height:34px;width:auto}
.am5-check{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;cursor:pointer}
.am5-check input{width:16px;height:16px;accent-color:var(--ocre)}
.am5-compo-f{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:4px}
.am5-lu{display:inline-flex;align-items:center;height:34px;padding:0 12px;border-radius:12px;background:var(--surface-sunk);font-size:13.5px;font-weight:700}
@media (max-width:1500px){
  .am5-panneau{flex-basis:320px}
  .am5-blocs{flex-basis:200px}
  .am5-mliste{flex-basis:270px}
}
@media (max-width:1360px){
  .am5-cols{flex-wrap:wrap}
  .am5-scene{order:3;flex-basis:100%}
  .am5-panneau,.am5-compo{flex:1 1 320px}
}
/* FU4 · 4: the « Partenaires » block of Contenu (same card as an infos element) */
#am5Parts{display:flex;flex-direction:column;gap:8px}
.am5-part{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:12px;border:1px solid var(--border);background:var(--surface)}
.am5-part:focus-within{border:2px solid var(--ink);padding:9px}
.am5-part-logo{width:44px;height:44px;flex:none;border-radius:10px;background:var(--surface-sunk);color:var(--ink-muted);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:12px;font-weight:700}
.am5-part-logo canvas{width:100%;height:100%;display:block}
.am5-in--l{height:34px;padding:0 10px;border-radius:9px;font-size:13px}
.am5-part-act{display:flex;gap:8px;flex-wrap:wrap}
.am5-photo{display:flex;flex-direction:column;gap:8px}
.am5-photo canvas{width:100%;aspect-ratio:16/9;display:block;border-radius:10px;background:var(--surface-sunk)}
.am5-err{font-size:12.5px;line-height:1.35;color:var(--neg)}
.am5-part--lu .am5-item-in{gap:2px;min-height:44px;justify-content:center}
.am5-part-n{font-size:13.5px;font-weight:700;color:var(--ink)}
.am5-part-o{font-size:13px;line-height:1.4;color:var(--ink-muted)}
.am5-part-l{font-size:12.5px;color:var(--ink-faint);overflow-wrap:anywhere}
/* ==== END LANE:AM5 ==== */
/* ==== LANE:PLANS5 ==== */
/* Application membre › Plans (DESIGN_16 §2, reference_html/Plans.html): the declarations are the reference's
   inline styles, moved to classes. One deviation: the plan well is --surface-sunk, not the reference's #F7F1E7
   (S0: no container paints a near-page beige). */
.pe5{font-family:'Albert Sans', system-ui, sans-serif;color:#17201D;font-variant-numeric:tabular-nums;line-height:normal;font-size:16px}
.pe5 *{box-sizing:border-box}
.pe5-tabs{display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid rgba(23,32,29,0.16);margin-bottom:14px}
.pe5-tabs nav{display:flex;flex:1}
.pe5-tab{display:inline-flex;align-items:center;height:46px;margin-right:22px;padding:0;border:0;border-bottom:2.5px solid transparent;background:transparent;font:inherit;font-size:14.5px;font-weight:600;color:#5E6B66;cursor:pointer}
.pe5-tab[aria-selected="true"]{font-weight:700;color:#17201D;border-bottom:2.5px solid #17201D}
.pe5-chips{margin-bottom:12px}
.pe5-chips>div{display:flex;flex-wrap:wrap;gap:6px}
.pe5-chip{height:32px;padding:0 12px;border-radius:16px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.pe5-chip[aria-pressed="true"]{border:1px solid #17201D;background:#17201D;color:#fff}
.pe5-cols{display:flex;gap:14px;align-items:flex-start}
.pe5-card{background:#fff;border:1px solid rgba(23,32,29,0.10);border-radius:20px;box-shadow:0 1px 2px rgba(23,32,29,0.07), 0 8px 22px -12px rgba(23,32,29,0.26)}
.pe5-left{flex:0 0 236px;align-self:flex-start;min-width:0}
.pe5-mid{flex:1 1 560px;min-width:0}
.pe5-right{flex:0 0 270px;align-self:flex-start;min-width:0}
.pe5-pad{padding:14px;display:flex;flex-direction:column;gap:12px}
.pe5-pad--16{padding:16px}
.pe5-vide{padding:28px;font-size:14px;color:#5E6B66}
.pe5-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.pe5-h h3{margin:0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5E6B66}
.pe5-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pe5-tool{display:flex;align-items:center;gap:7px;height:36px;padding:0 10px;border-radius:10px;border:1px solid rgba(23,32,29,0.10);background:#fff;color:#17201D;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;min-width:0;text-align:left}
.pe5-tool svg{flex:0 0 auto;stroke:#3B4A45}
.pe5-tool span{min-width:0;line-height:1.1}
.pe5-tool[aria-pressed="true"]{border:2px solid #17201D;background:#17201D;color:#fff}
.pe5-tool[aria-pressed="true"] svg{stroke:#fff}
.pe5-tool:disabled{background:var(--disabled-bg);color:var(--disabled-ink);opacity:1;cursor:not-allowed;box-shadow:none}
.pe5-sep{height:1px;background:rgba(23,32,29,0.08)}
.pe5-count{min-width:24px;height:22px;padding:0 7px;box-sizing:border-box;border-radius:11px;background:#EEF1F0;color:#17201D;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.pe5-pt{display:flex;align-items:center;gap:8px;padding:7px 6px;border-radius:9px}
.pe5-pt.is-sel{background:rgba(186,111,10,.10)}
.pe5-pt>i{flex:0 0 auto;width:10px;height:10px;border-radius:50%}
.pe5-ptn,.pe5-tyn{flex:1;min-width:0;padding:0;border:0;background:transparent;font:inherit;font-size:13px;font-weight:600;color:#17201D;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pe5-pt.is-sel .pe5-ptn{font-weight:800}
.pe5-eye{flex:0 0 auto;display:inline-flex;padding:0;border:0;background:transparent;color:#1F7A55;cursor:pointer}
.pe5-eye.is-off{color:#5E6B66}
.pe5-more{align-self:flex-start;margin-top:4px;padding:0 6px;border:0;background:transparent;font:inherit;font-size:12.5px;font-weight:700;color:#17201D;text-decoration:underline;cursor:pointer}
.pe5-ty{display:flex;align-items:center;gap:8px;padding:6px 6px}
.pe5-ty>i{flex:0 0 auto;width:22px;height:22px;border-radius:50%;box-shadow:0 0 0 3px #fff, 0 0 0 4px rgba(23,32,29,0.10)}
.pe5-tyn{font-weight:400}
.pe5-ty.is-on .pe5-tyn{font-weight:700}
.pe5-dots{flex:0 0 auto;display:inline-flex;padding:0;border:0;background:transparent;color:#5E6B66;cursor:pointer}
.pe5 .pe5-btn,.pe5-foot-del{padding:0 13px;border-radius:9px;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box;line-height:normal;min-height:0}
.pe5 .ghostbtn.pe5-btn{border:1px solid rgba(23,32,29,0.16);background:#fff;color:#17201D}
.pe5 .primarybtn.pe5-btn{border:0;background:#BA6F0A;color:#FFF6E9;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55)}
.pe5 .pe5-btn--30{height:30px}
.pe5 .pe5-btn--32{height:32px}
.pe5 .pe5-btn--36{height:36px}
.pe5-left .pe5-btn--32{align-self:flex-start}
.pe5-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.pe5-flex1{flex:1}
.pe5-seg{display:inline-flex;align-items:center;gap:2px;padding:3px;height:34px;box-sizing:border-box;background:#EEF1F0;border:1px solid rgba(23,32,29,0.10);border-radius:12px;max-width:100%}
.pe5-seg button{height:28px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;cursor:pointer;font-weight:600;background:transparent;color:#3B4A45;white-space:nowrap}
.pe5-seg button[aria-pressed="true"]{font-weight:700;background:#17201D;color:#fff;box-shadow:0 1px 2px rgba(22,38,31,.25)}
.pe5-state{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#94570A;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.pe5-state--pub{background:#1F7A55}
.pe5-well{position:relative;border-radius:16px;background:var(--surface-sunk);border:1px solid rgba(23,32,29,0.10);padding:12px}
.pe5-canvas svg{display:block;width:100%;height:auto;max-height:68vh;touch-action:none;user-select:none}
.pe5-canvas svg .it{cursor:pointer}
.pe5-canvas svg[data-tool="gomme"] .it{cursor:not-allowed}
.pe5-canvas svg:not([data-tool="select"]):not([data-tool="gomme"]){cursor:crosshair}
.pe5-canvas svg[data-vue="occupation"]{cursor:default}
.pe5-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px}
.pe5-legend:empty{display:none}
.pe5-legend span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:#3B4A45}
.pe5-legend i{width:9px;height:9px;border-radius:50%}
.pe5-ihead{display:flex;align-items:center;gap:10px}
.pe5-ihead>i{flex:0 0 auto;width:30px;height:30px;border-radius:50%;box-shadow:0 0 0 3px #fff, 0 0 0 4px rgba(23,32,29,0.10)}
.pe5-ihead>i.is-neutre{background:#EEF1F0}
.pe5-ihead h2{margin:0;font-size:16px;font-weight:800;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pe5-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.pe5-f .l{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5E6B66}
.pe5-f input[type="text"]{height:38px;padding:0 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);font:inherit;font-size:14px;color:#17201D;background:#fff;width:100%;min-width:0}
.pe5-f select{height:36px;padding:0 10px 0 12px;border-radius:11px;border:1px solid rgba(23,32,29,0.16);background:#fff;font:inherit;font-size:13.5px;font-weight:700;color:#17201D;cursor:pointer;box-sizing:border-box;width:100%;min-width:0}
.pe5-sw{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:#EEF1F0;cursor:pointer}
.pe5-sw>span:first-child{font-size:13.5px;font-weight:700}
.pe5-sw input{position:absolute;opacity:0;width:1px;height:1px}
.pe5-sw__t{flex:0 0 auto;width:40px;height:22px;border-radius:11px;background:#B4BEB9;position:relative;display:inline-block}
.pe5-sw__t::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff}
.pe5-sw input:checked+.pe5-sw__t{background:#1F7A55}
.pe5-sw input:checked+.pe5-sw__t::after{left:20px}
.pe5-sw input:focus-visible+.pe5-sw__t{outline:2px solid #17201D;outline-offset:2px}
.pe5-sl{display:flex;flex-direction:column;gap:6px}
.pe5-sl__h{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:700}
.pe5-sl__h .v{color:#3B4A45}
.pe5-sl__t{font-size:12.5px;font-weight:700}
.pe5-sl input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:16px;margin:0;padding:0;background:transparent;cursor:pointer}
.pe5-sl input[type="range"]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,#BA6F0A 0,#BA6F0A var(--pe5-p,50%),#E6EBE8 var(--pe5-p,50%),#E6EBE8 100%)}
.pe5-sl input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:50%;background:#fff;border:2px solid #BA6F0A}
.pe5-sl input[type="range"]::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(to right,#BA6F0A 0,#BA6F0A var(--pe5-p,50%),#E6EBE8 var(--pe5-p,50%),#E6EBE8 100%)}
.pe5-sl input[type="range"]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #BA6F0A}
.pe5-row{display:flex;flex-wrap:wrap;gap:6px}
.pe5-modal{display:flex;flex-direction:column;gap:14px;font-family:'Albert Sans', system-ui, sans-serif;line-height:normal}
.pe5-modal .pe5-f input[type="text"]{box-sizing:border-box}
.pe5-sws,.pe5-ics{display:flex;flex-wrap:wrap;gap:8px}
.pe5-swb{width:28px;height:28px;padding:0;border-radius:50%;border:0;box-shadow:0 0 0 3px #fff, 0 0 0 4px rgba(23,32,29,0.10);cursor:pointer}
.pe5-swb[aria-pressed="true"]{box-shadow:0 0 0 3px #fff, 0 0 0 5px #17201D}
.pe5-icb{width:38px;height:38px;padding:0;border-radius:11px;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#3B4A45;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.pe5-icb[aria-pressed="true"]{border:2px solid #17201D;background:#17201D;color:#fff}
.pe5-foot-del{height:38px;margin-right:auto;border:1px solid rgba(23,32,29,0.16);background:#fff;color:#A63A2B}
/* Plan d'occupation › Synthèse: the plan is drawn from the same vector model (no image any more). */
.po-mini-well svg.pe5-fond{width:100%;height:100%}
/* ==== END LANE:PLANS5 ==== */
/* ==== LANE:ACCES5 ==== */
/* Application membre › Accès & codes (DESIGN_16 §3). The declarations are the reference inline styles moved to
   classes. Pills are the shared .ui-pill, the switch the shared .ui-switch. */
.a5,.a5-shell{font-variant-numeric:tabular-nums;line-height:normal;color:var(--ink)}
.a5 h2,.a5 h3{line-height:normal}
.a5-tabs{display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid var(--border-input);margin-bottom:14px}
.a5-tabs nav{display:flex;flex:1}
.a5-tab{display:inline-flex;align-items:center;height:46px;margin-right:22px;padding:0;background:none;border:0;border-bottom:2.5px solid transparent;font:inherit;font-size:14.5px;font-weight:600;color:var(--ink-faint);cursor:pointer;white-space:nowrap}
.a5-tab.is-on{font-weight:700;color:var(--ink);border-bottom-color:var(--ink)}
.a5-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-1)}
.a5-centre{margin-bottom:14px}
.a5-card__h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 0}
.a5-card__h h2{margin:0;font-size:15.5px;font-weight:700}
.a5-card__r{display:flex;gap:8px;align-items:center}
.a5-select{min-width:150px;height:34px;padding:0 10px 0 12px;border-radius:11px;border:1px solid var(--border-input);background:var(--surface);font:inherit;font-size:13.5px;font-weight:700;color:var(--ink);cursor:pointer;box-sizing:border-box;max-width:100%}
.a5-rows{padding:6px 18px 12px}
.a5-row{display:grid;grid-template-columns:minmax(0,1fr) 140px auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--hairline)}
.a5-row.a5-row--160{grid-template-columns:minmax(0,1fr) 160px auto}
.a5-row:has(.a5-val--clair),.a5-row:has(#a5Edit){grid-template-columns:minmax(0,1fr) minmax(140px,auto) auto}
.a5-row__l{font-size:13.5px;font-weight:700}
.a5-row__a{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.a5-val{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:14px;font-weight:800;letter-spacing:.12em;color:var(--ink-muted)}
.a5-val.a5-val--clair{letter-spacing:.05em;color:var(--ink);overflow-wrap:anywhere}
.a5-vide{font-size:13px;color:var(--ink-faint)}
.a5-in{height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--border-input);background:var(--surface);color:var(--ink);font:inherit;font-size:13.5px;width:160px;max-width:100%;box-sizing:border-box}
.a5-in.a5-in--saisir{border:2px solid var(--ocre)}
.a5-in:focus{outline:3px solid var(--ocre-tint);outline-offset:0}
.ghostbtn.a5-btn{height:30px;padding:0 13px;border-radius:9px;border:1px solid var(--border-input);background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box;box-shadow:none}
.ghostbtn.a5-btn[disabled]{background:var(--disabled-bg);color:var(--disabled-ink);opacity:1;cursor:not-allowed;box-shadow:none}
.primarybtn.a5-btn{height:30px;padding:0 13px;border-radius:9px;border:0;background:var(--ocre-deep);color:#FFF6E9;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;box-sizing:border-box;box-shadow:none}
.primarybtn.a5-btn.a5-btn--40{height:40px;box-shadow:0 8px 20px -10px rgba(186,111,10,0.55)}
.a5-cols{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}
.a5-file{flex:0 1 420px;align-self:flex-start;overflow:hidden;min-width:0}
.a5-membre{flex:1 1 560px;min-width:0}
.a5-count{min-width:24px;height:22px;padding:0 7px;box-sizing:border-box;border-radius:11px;background:var(--ink);color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.a5-gap{height:10px}
.a5-q{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:0;border-top:1px solid var(--hairline);background:var(--surface);font:inherit;color:var(--ink);text-align:left;cursor:pointer;box-sizing:border-box}
.a5-q.is-on{background:rgba(186,111,10,.07)}
.a5-q__t{flex:1;min-width:0;display:flex;flex-direction:column}
.a5-q__n{font-size:13.5px;font-weight:800;overflow-wrap:anywhere}
.a5-q__s{font-size:12px;color:var(--ink-muted);overflow-wrap:anywhere}
.a5-q .ui-pill{flex:none}
.a5-av{width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
.a5-av.a5-av--44{width:44px;height:44px;font-size:18px}
.a5-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 14px;border-top:1px solid var(--hairline);font-size:12.5px;color:var(--ink-faint)}
.a5-pager span{margin-right:auto}
.a5-etat{padding:14px 2px;font-size:13.5px;color:var(--ink-faint)}
.a5-etat.a5-etat--file{padding:14px;border-top:1px solid var(--hairline)}
.a5-membre__in{padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.a5-search-w{position:relative;width:300px;max-width:100%}
.a5-search{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--border-input);border-radius:10px;background:var(--surface);color:var(--ink-faint);width:100%;box-sizing:border-box}
.a5-search input{border:0;outline:0;font:inherit;font-size:13.5px;flex:1;min-width:0;background:transparent;color:var(--ink)}
.a5-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.a5-res{position:absolute;top:40px;left:0;right:0;z-index:5;background:var(--surface);border:1px solid var(--border-input);border-radius:12px;box-shadow:var(--shadow-1);padding:4px;max-height:320px;overflow:auto}
.a5-res .a5-etat{padding:10px}
.a5-res__i{display:flex;flex-direction:column;gap:2px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:var(--surface);font:inherit;color:var(--ink);text-align:left;cursor:pointer}
.a5-res__i:hover,.a5-res__i:focus-visible{background:var(--surface-sunk)}
.a5-res__i b{font-size:13.5px}
.a5-res__i span{font-size:12px;color:var(--ink-muted)}
.a5-who{display:flex;align-items:center;gap:12px}
.a5-who__t{flex:1;min-width:0}
.a5-who__n{font-size:17px;font-weight:800;overflow-wrap:anywhere}
.a5-who__s{font-size:12.5px;color:var(--ink-muted)}
.a5-bloc{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px;border-radius:14px;border:1px solid var(--border)}
.a5-bloc b{font-size:14px}
.a5-bloc__r{display:flex;gap:8px;align-items:center}
.a5-bloc.a5-bloc--ouvert{display:block;padding:4px 14px 8px;border:2px solid var(--ink)}
.a5-bloc__h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 0}
.a5-notif{padding:12px 14px;border-radius:14px;background:var(--surface-sunk)}
.a5-notif .ui-switch{font-weight:700}
.a5-save{display:flex;justify-content:flex-end}
.a5-sep{height:1px;background:var(--hairline)}
.a5-centre__hist{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.a5-hist__h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.a5-hist__h h3{margin:0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
.a5-hist{list-style:none;margin:0;padding:0 0 0 16px;border-left:2px solid #E6EBE8;display:flex;flex-direction:column;gap:10px}
.a5-hist li{position:relative;font-size:13px}
.a5-hist__dot{position:absolute;left:-20px;top:5px;width:9px;height:9px;border-radius:50%;background:#A8B2AD;box-shadow:0 0 0 3px #fff}
.a5-hist__q{color:var(--ink-faint)}
/* ==== END LANE:ACCES5 ==== */
/* ==== LANE:QUICK7 ==== */
/* QUICK7 · 2 — the version bar */
.smile-version-bar{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:calc(var(--z-modal) + 10);display:flex;align-items:center;gap:10px;padding:6px 6px 6px 16px;border-radius:999px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-pop);font-family:var(--font-ui);font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap}
.smile-version-bar__sep{color:var(--ink-faint)}
.smile-version-bar .primarybtn{padding:6px 14px;font-size:13px;border-radius:999px}

/* QUICK7 · 6 — the notes timeline (lead modal + member page), one look */
.nt{display:flex;flex-direction:column}
.nt-item{padding:12px 0;border-top:1px solid var(--border)}
.nt-item:first-child{border-top:0}
.nt-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:13px}
.nt-auteur{font-weight:var(--fw-bold);color:var(--ink)}
.nt-date,.nt-src{font-size:12.5px;color:var(--ink-faint)}
.nt-src::before{content:"· "}
.nt-body{margin-top:6px;font-size:13.5px;line-height:1.5;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}
.nt-fields{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;font-size:12.5px;color:var(--ink-muted)}
.nt-fields span{padding:2px 8px;border-radius:6px;background:var(--surface-sunk)}
#fNotesPanel .nt{padding:0 18px;border-top:1px solid var(--border)}
#leadWrap .nt{margin-bottom:10px}

/* QUICK7 · 7 — tel: / mailto: links (telLink, mailLink) and the lead's contact row */
.ui-contact{color:inherit;text-decoration:underline;text-decoration-color:var(--border-input);text-underline-offset:2px}
.ui-contact:hover,.ui-contact:focus-visible{color:var(--ocre-deep);text-decoration-color:currentColor}
.ld-contact{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:10px;font-size:13px}
.ld-contact .ghostbtn{margin-left:auto}
.ld-mail{display:flex;flex-direction:column;gap:6px;min-width:min(520px,80vw)}
.ld-mail label{font-size:12.5px;color:var(--ink-faint);margin-top:6px}
.ld-mail__to{font-size:13px;color:var(--ink-faint)}
.ld-mail__to b{color:var(--ink)}
.ld-mail textarea{resize:vertical;font:inherit}
/* FU9-C · 5 — the composer fits its modal (the form was wider than the 480px modal: a horizontal scrollbar) */
.ui-modal:has(.ld-mail){width:600px}
.ld-mail{min-width:0}
.ld-mail .uin{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
.ld-mail textarea{overflow-wrap:anywhere}
/* ==== END LANE:QUICK7 ==== */
/* ==== LANE:PIPE8 ==== */
/* Pipedrive's rows on the notes timeline: the mark, the subject line */
.nt-pd{padding:1px 8px;border-radius:6px;background:var(--surface-sunk);font-size:12px;font-weight:var(--fw-bold);color:var(--ink-muted)}
.nt-sujet{margin-top:6px;font-size:13.5px;font-weight:var(--fw-bold);color:var(--ink);overflow-wrap:anywhere}
/* FU9-C · 6 — the timeline's tools (search, type chips) and one row layout: type | date | author, then the text */
.nt-outils{display:flex;flex-direction:column;gap:8px;padding:0 0 10px;border-bottom:1px solid var(--border)}
.nt-outils .nt-q{box-sizing:border-box;width:100%;max-width:360px;height:34px}
.nt-types{display:flex;flex-wrap:wrap;gap:6px}
.nt-types .ui-chip{height:30px;padding:0 10px;font-size:12.5px}
.nt .nt-head{display:grid;grid-template-columns:132px 190px minmax(0,1fr) auto;align-items:center;gap:6px 8px}
.nt-type{display:flex;min-width:0}
.nt-type .ui-pill{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nt-pied{display:flex;align-items:center;gap:12px;padding:10px 0 0;border-top:1px solid var(--border)}
.nt-compte{font-size:12.5px;color:var(--ink-faint)}
/* ==== END LANE:PIPE8 ==== */
/* ==== LANE:GOOGLE8 ==== */
.gw-modal{display:flex;flex-direction:column;gap:var(--s4);min-width:min(620px,84vw)}
.gw-sec h3{font-size:13px;font-weight:600;color:var(--ink-faint);margin:0 0 var(--s2)}
.gw-boite{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:10px 0;border-top:1px solid var(--border)}
.gw-sec h3+.gw-boite{border-top:0}
.gw-meta{display:block;margin-top:2px;font-size:12.5px;color:var(--ink-faint)}
.gw-btns{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}
.gw-sec .ui-switch{margin-top:var(--s2)}
.gw-jrow{display:grid;grid-template-columns:150px 150px 1fr 1fr;gap:var(--s2);padding:6px 0;border-top:1px solid var(--border);font-size:12.5px;color:var(--ink)}
.gw-jrow time{color:var(--ink-faint)}
.gw-card[hidden]{display:none}
#fNotesPanel+.gw-card{margin-top:var(--s4)}
.gw-card .fc-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}
.gw-adresses{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin:var(--s2) 0 var(--s3)}
.gw-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:12.5px;color:var(--ink)}
.gw-chip i{font-style:normal;color:var(--ink-faint)}
.gw-chip button{border:0;background:none;cursor:pointer;color:var(--ink-faint);font-size:14px;line-height:1;padding:0}
.gw-fil{border-top:1px solid var(--border)}
.gw-fil__head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;width:100%;padding:11px 0;border:0;background:none;cursor:pointer;text-align:left;font:inherit;color:var(--ink)}
.gw-fil__sujet{font-weight:600;font-size:13.5px}
.gw-fil__n,.gw-fil__boite,.gw-fil__head time{font-size:12.5px;color:var(--ink-faint)}
.gw-fil__head time{margin-left:auto}
.gw-fil__body{padding:0 0 var(--s3)}
.gw-msg{padding:10px 12px;margin-top:8px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
.gw-msg[data-sens="sortant"]{background:var(--surface-sunk)}
.gw-msg__head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:13px}
.gw-msg__head time{margin-left:auto;font-size:12.5px;color:var(--ink-faint)}
.gw-adr,.gw-msg__to{font-weight:400;font-size:12.5px;color:var(--ink-faint)}
.gw-msg__body{margin-top:8px;font-size:13.5px;line-height:1.5;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}
.gw-pieces{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.gw-piece{display:inline-flex;gap:6px;padding:4px 10px;border:1px solid var(--border);border-radius:8px;font-size:12.5px;color:var(--ink);text-decoration:none;background:var(--surface)}
.gw-piece span{color:var(--ink-faint)}
.gw-fil__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-top:10px}
/* ==== END LANE:GOOGLE8 ==== */
/* ==== LANE:TARIF ==== */
/* FB1 · F1 — Tarification › Règles: compact sections, dense tables and field rows (tokens only). */
/* the engine view really leaves the page while the rules tab is shown */
#page-pricing .tm-layout[hidden],#page-pricing .tm-formula[hidden],#page-pricing #tmRegles[hidden]{display:none}
#page-pricing .rg-bar{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s3)}
#page-pricing .rg-bar__n{flex:1;min-width:0}
#page-pricing .rg-bar .pfnote{padding:0}
#page-pricing .rg-bar #tmRgErr{color:var(--ink);font-weight:var(--fw-semi)}
#page-pricing .rg-bar .tm-btn{width:auto;margin:0}
#page-pricing .rg{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);align-items:start}
#page-pricing .rg-sec{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}
#page-pricing .rg-sec--w{grid-column:1 / -1}
#page-pricing .rg-sec__h{margin:0;padding:10px 16px;font-size:var(--fs-base);font-weight:var(--fw-semi);color:var(--ink);border-bottom:1px solid var(--hairline)}
#page-pricing .rg-sec__b{padding:10px 16px 12px}
#page-pricing .rg-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5,24px);align-items:start}
#page-pricing .rg-suite{margin-top:10px;padding-top:10px;border-top:1px solid var(--hairline)}
#page-pricing .rg-sub,#page-pricing .rg-tbl caption{margin:0 0 4px;padding:0;text-align:left;font-size:12px;font-weight:700;color:var(--ink-muted)}
#page-pricing .rg-sub span{margin-left:6px;font-weight:var(--fw-semi);color:var(--ink-faint)}
#page-pricing .rg-tbl{width:100%;border-collapse:collapse;font-size:var(--fs-base);font-variant-numeric:tabular-nums}
#page-pricing .rg-tbl caption{caption-side:top}
#page-pricing .rg-tbl th{padding:4px 8px 4px 0;text-align:left;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;border-bottom:1px solid var(--hairline)}
#page-pricing .rg-tbl tbody th{border-bottom:0}
#page-pricing .rg-tbl td{padding:3px 8px 3px 0;vertical-align:middle;border-bottom:1px solid var(--hairline-soft)}
#page-pricing .rg-tbl tbody tr:last-child td{border-bottom:0}
#page-pricing .rg-tbl td.rg-act{width:1%;padding-right:0;text-align:right}
#page-pricing .rg-tbl--vol{width:auto}
#page-pricing .rg .tm-inp{height:30px;padding:0 8px}
#page-pricing .rg .tm-inp input{width:44px}
#page-pricing .rg .tm-inp.rg-txt{display:flex}
#page-pricing .rg .tm-inp.rg-txt input{flex:1;width:auto;min-width:90px;text-align:left;font-weight:var(--fw-semi)}
#page-pricing .rg .select{height:30px;max-width:100%;padding-top:0;padding-bottom:0;line-height:28px;font-size:var(--fs-base)}
#page-pricing .rg-tbl td .select{width:100%}
#page-pricing .rg .tm-btn{width:auto;height:30px;margin:0;padding:0 10px;font-size:12.5px}
#page-pricing .rg .rg-add{margin-top:6px}
#page-pricing .rg .rg-apercu-btn{margin-top:12px}
#page-pricing .rg-fields{display:flex;flex-wrap:wrap;align-items:center;gap:6px 24px}
#page-pricing .rg-f{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:32px}
#page-pricing .rg-f__l{font-size:var(--fs-base);font-weight:var(--fw-semi);color:var(--ink-muted);white-space:nowrap}
#page-pricing .rg-apercu{margin-top:6px}
#page-pricing .rg-ligne{display:flex;align-items:baseline;gap:10px;padding:5px 0;border-bottom:1px solid var(--hairline-soft);font-size:var(--fs-base)}
#page-pricing .rg-ligne__q{font-weight:var(--fw-semi);color:var(--ink)}
#page-pricing .rg-ligne__d{flex:1;color:var(--ink-faint)}
#page-pricing .rg-ligne__v{color:var(--ink-muted)}
@media (max-width:1100px){#page-pricing .rg,#page-pricing .rg-cols{grid-template-columns:1fr}#page-pricing .rg-sec__b{overflow-x:auto}}
/* the confirmation of a rules save (inside the shared dialog) */
.tm-rg-conf{display:flex;flex-direction:column;gap:10px}
.tm-rg-chg{margin:0;padding:8px 12px 8px 28px;max-height:38vh;overflow:auto;border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--surface-sunk);font-size:var(--fs-base);color:var(--ink)}
.tm-rg-chg li{padding:2px 0}
/* ==== END LANE:TARIF ==== */

/* ==== LANE:GRILLEPRIX ==== */
/* B_VENTE · D — « Grille des prix », second tab of « Nouvelle vente » (painter: WeKare_Vente.js). Tokens only. */
#page-dispo .gp-onglets{display:flex;gap:var(--s4);margin:0 0 16px;border-bottom:1px solid var(--hairline)}
#page-dispo .gp-onglet{padding:8px 2px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;font:inherit;font-weight:var(--fw-semi);color:var(--ink-muted);cursor:pointer}
#page-dispo .gp-onglet:hover{color:var(--ink)}
#page-dispo .gp-onglet.on{color:var(--ink);border-bottom-color:var(--ocre)}
#page-dispo .gp-panneau{display:none}
#page-dispo.gp-on .gp-panneau{display:block}
#page-dispo.gp-on #dpNeuve{display:none !important}
/* « Ajout à un membre » has neither the tabs nor the grid */
#page-dispo:has(#dpModes .dp-mode.on[data-mode="upsell"]) .gp-onglets,
#page-dispo:has(#dpModes .dp-mode.on[data-mode="upsell"]) .gp-panneau{display:none}
#page-dispo .gp-filtres{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s4);padding:16px 18px;margin-bottom:12px}
@media (max-width:1000px){#page-dispo .gp-filtres{grid-template-columns:repeat(2,minmax(0,1fr))}}
#page-dispo .gp-legende{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4);margin:0 2px 12px;font-size:var(--fs-cap);color:var(--ink-faint)}
#page-dispo .gp-leg{display:inline-flex;align-items:center;gap:5px}
#page-dispo .gp-pastille{display:inline-block;width:14px;height:14px;border-radius:4px;border:1px solid var(--border-strong);background-color:var(--surface)}
#page-dispo .gp-carte{padding:6px 14px 10px;overflow-x:auto}
#page-dispo .gp-table{width:100%;border-collapse:separate;border-spacing:4px;font-size:var(--fs-body);color:var(--ink)}
#page-dispo .gp-table th{padding:6px 6px;font-size:var(--fs-cap);font-weight:var(--fw-semi);color:var(--ink-faint);text-align:center;white-space:nowrap}
#page-dispo .gp-table th.gp-cabcol,#page-dispo .gp-table td.gp-cabcol{text-align:left;white-space:nowrap}
#page-dispo .gp-table th.gp-totcol,#page-dispo .gp-table td.gp-totcol{text-align:right;white-space:nowrap;font-weight:var(--fw-semi)}
#page-dispo .gp-table td.gp-totcol{min-width:92px}
#page-dispo .gp-tete{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
#page-dispo .gp-cell{min-width:78px;height:36px;padding:0 8px;text-align:center;border:1px solid var(--border);border-radius:var(--r-md);background-color:var(--surface);background-image:none;color:var(--ink)}
/* colour intensity = opacity steps of ONE token */
#page-dispo [data-gp-niveau="1"]{background-color:color-mix(in srgb,var(--teal) 10%,var(--surface))}
#page-dispo [data-gp-niveau="2"]{background-color:color-mix(in srgb,var(--teal) 20%,var(--surface))}
#page-dispo [data-gp-niveau="3"]{background-color:color-mix(in srgb,var(--teal) 30%,var(--surface))}
#page-dispo [data-gp-niveau="4"]{background-color:color-mix(in srgb,var(--teal) 40%,var(--surface))}
#page-dispo [data-gp-niveau="5"]{background-color:color-mix(in srgb,var(--teal) 50%,var(--surface))}
#page-dispo .gp-cell[data-gp-etat="depart_pose"],#page-dispo .gp-hachure{background-image:repeating-linear-gradient(45deg,color-mix(in srgb,var(--st-depart) 45%,transparent) 0 3px,transparent 3px 9px)}
#page-dispo .gp-cell.gp-coche{border-color:var(--ink-muted)}
#page-dispo .gp-act{text-align:right;white-space:nowrap}
#page-dispo .gp-act .softbtn[disabled]{opacity:.5;cursor:default}
#page-dispo .gp-vide{padding:18px 4px;color:var(--ink-faint);font-size:var(--fs-body)}
/* ==== END LANE:GRILLEPRIX ==== */

/* ==== W16 S7 ==== */
/* D06 · Bienvenue · mise en service: the welcome window (painter: WeKare_Onboarding_Fix.js). Styles moved
   from the reference's inline styles; sizes follow the reference's content-box layout. */
.bv-ov{position:fixed;inset:0;z-index:var(--z-modal);font-family:var(--font-ui);color:var(--ink);font-variant-numeric:tabular-nums;line-height:normal}
.bv-ov [hidden]{display:none !important}
.bv-fond{position:absolute;inset:0;background:var(--backdrop)}
.bv-modale,.bv-modale *{box-sizing:content-box}
.bv-modale{position:absolute;inset:40px 50px;background:var(--surface);border-radius:var(--r-hero);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;overflow:hidden}
.bv-tete{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--border)}
.bv-tete h2{margin:0;font-size:19px;font-weight:800;flex:1;color:var(--ink)}
.bv-x{width:36px;height:36px;padding:0;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--ink-muted);display:inline-flex;align-items:center;justify-content:center;flex:none;cursor:pointer}
.bv-corps{flex:1;display:flex;min-height:0}
.bv-personne{flex:0 0 250px;display:flex;flex-direction:column;gap:12px;padding:20px;border-right:1px solid var(--border);background:var(--surface-band);overflow-y:auto}
.bv-qui{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.bv-avatar{width:64px;height:64px;border-radius:50%;background:var(--ink-faint);color:var(--surface);font-size:26px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
.bv-qui b{font-size:18px;overflow-wrap:anywhere}
.bv-metier{font-size:12.5px;color:var(--ink-muted)}
.bv-fait{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--hairline);font-size:13.5px}
.bv-fait span{color:var(--ink-muted);flex:none}
.bv-fait b{text-align:right;min-width:0;overflow-wrap:anywhere}
.bv-pousse{flex:1}
.bv-erreur{font-size:12.5px;font-weight:600;color:var(--neg)}
.primarybtn.bv-primary{box-sizing:border-box;margin:0;align-self:stretch;min-height:46px;padding:6px 13px;border-radius:9px;border:0;background:var(--ocre);color:var(--ink-on-accent);box-shadow:var(--shadow-ocre);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;text-decoration:none;flex:none}
.primarybtn.bv-primary:disabled{background:var(--surface-sunk);color:var(--ink-faint);box-shadow:none;cursor:default}
.bv-saisie{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px;padding:20px;overflow-y:auto}
.bv-champ{display:flex;flex-direction:column;gap:6px;margin:0}
.bv-champ.bv-court{max-width:220px}
.bv-lb{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
.bv-texte{padding:10px 12px;border-radius:12px;border:1px solid var(--border-input);background:var(--surface);color:var(--ink);font:inherit;font-size:14px;line-height:1.5;resize:vertical;flex:none}
.bv-code{height:40px;padding:0 12px;border-radius:11px;border:1px solid var(--border-input);background:var(--surface);color:var(--ink);font:inherit;font-size:15px;font-weight:700}
.bv-texte:disabled,.bv-code:disabled{background:var(--surface-sunk);color:var(--ink-muted)}
.bv-envoi-ligne{display:flex;gap:8px;align-items:center}
.bv-seg{display:inline-flex;align-items:center;gap:2px;padding:3px;height:34px;box-sizing:border-box;background:var(--surface-sunk);border:1px solid var(--border);border-radius:12px}
.bv-seg button{height:28px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:13.5px;cursor:pointer;font-weight:600;background:transparent;color:var(--ink-muted)}
.bv-seg button[aria-pressed="true"]{font-weight:700;background:var(--ink);color:var(--surface);box-shadow:var(--shadow-xs)}
.bv-seg button:disabled{cursor:default}
.bv-heure-wrap{position:relative}
.bv-heure{min-width:170px;height:34px;display:inline-flex;align-items:center;gap:8px;padding:0 10px 0 12px;border-radius:11px;border:1px solid var(--border-input);background:var(--surface);font:inherit;font-size:13.5px;font-weight:700;color:var(--ink);cursor:pointer;box-sizing:border-box}
.bv-heure:disabled{cursor:default}
.bv-heure .bv-ico{color:var(--ink-faint);display:inline-flex}
.bv-heure .bv-chev{margin-left:auto;color:var(--ink-faint);display:inline-flex}
.bv-liste{position:absolute;left:0;top:38px;z-index:2;min-width:170px;margin:0;padding:6px;list-style:none;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;gap:2px;max-height:240px;overflow-y:auto}
.bv-liste li{padding:7px 10px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer;white-space:nowrap}
.bv-liste li:hover,.bv-liste li[aria-selected="true"]{background:var(--surface-sunk)}
.bv-verrou{display:flex;flex-direction:column;gap:6px}
.bv-vligne{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:var(--surface-sunk);font-size:13px}
.bv-vligne span{color:var(--ink-muted);display:inline-flex;align-items:center;gap:6px;flex:none}
.bv-vligne b{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;text-align:right;min-width:0;overflow-wrap:anywhere}
.bv-apercu{flex:0 0 380px;padding:20px;background:var(--surface-sunk);border-left:1px solid var(--border);overflow-y:auto}
.bv-apercu>.bv-lb{display:block;margin-bottom:10px}
.bv-papier{background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-1)}
.bv-entete{padding:12px 16px;border-bottom:1px solid var(--hairline);font-size:12.5px;overflow-wrap:anywhere}
.bv-entete span{color:var(--ink-faint)}
.bv-mail{padding:20px 18px;font-size:13.5px;line-height:1.55}
.bv-marque{font-size:22px;font-style:italic;font-weight:600;margin-bottom:12px}
.bv-msg{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:21px}
.bv-boite{padding:12px;border-radius:10px;background:var(--surface-sunk);font-size:13px;overflow-wrap:anywhere}
.bv-bouton{text-align:center;margin:18px 0 6px}
.bv-bouton a,.bv-bouton a:hover{display:inline-block;padding:12px 22px;border-radius:12px;background:var(--ocre-deep);color:var(--surface);font-weight:800;font-size:14px;text-decoration:none}
.bv-signature{color:var(--ink-muted);font-size:12.5px}
@media (max-width:1100px){.bv-modale{inset:16px}.bv-apercu{flex-basis:300px}.bv-personne{flex-basis:210px}}
/* ==== /W16 S7 ==== */
/* ==== W16 S6 ==== */
/* D03 Règles d'abonnement: pending counter in the bar, grid blocks with their pill, ChangedInput (ocre edge, old
   value struck), promotions example + threshold row, the confirmation's change lines. Existing tokens only. */
#page-pricing .rg-bar [hidden]{display:none}
#page-pricing .rg-nb{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:var(--ocre-deep);color:var(--ink-on-accent);font-size:11.5px;font-weight:700;white-space:nowrap}
#page-pricing .rg-grille__h{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin:0 0 6px}
#page-pricing .rg-grille__t{margin:0;font-size:15px;font-weight:700;color:var(--ink)}
#page-pricing .rg-pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
#page-pricing .rg-pill--nouvelle{background:var(--tl-devis)}
#page-pricing .rg-pill--ancienne{background:var(--tl-prix)}
#page-pricing .rg-grille .rg-add::before{content:"+";margin-right:8px;font-weight:400}
#page-pricing .rg-tbl td{white-space:nowrap}
#page-pricing .rg .tm-inp.rg-chg{border-color:var(--ocre);box-shadow:inset 0 0 0 1px var(--ocre);background:var(--ocre-soft)}
#page-pricing .rg-ancien{margin-left:6px;font-size:12px;color:var(--ink-faint)}
#page-pricing .rg-ex{color:var(--ink-muted)}
#page-pricing .rg-seuil{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-top:10px;padding-top:10px;border-top:1px solid var(--hairline)}
#page-pricing .rg-seuil__l{font-size:var(--fs-base);font-weight:700;color:var(--ink)}
#smDialog .sm-dlg:has(.tm-rg-conf){width:min(600px,94vw)}
.tm-rg-conf .tm-rg-chg{list-style:none;padding:0;border:0;border-radius:0;background:none}
.tm-rg-conf .tm-rg-chg li{display:grid;grid-template-columns:108px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--hairline)}
.tm-rg-chg__s{font-weight:var(--fw-semi);color:var(--ink-muted)}
.tm-rg-chg__v{text-align:right;white-space:nowrap}
.tm-rg-chg__v s{color:var(--ink-faint)}
.tm-rg-chg__f{margin:0 4px;color:var(--ink-faint)}
.tm-rg-conf .tm-rg-effet{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:var(--r-lg);background:var(--surface-sunk)}
.tm-rg-conf .tm-rg-effet>span{font-size:var(--fs-base);font-weight:700;color:var(--ink)}
.tm-rg-conf .tm-rg-effet .uin{width:auto}
/* ==== /W16 S6 ==== */
/* ==== W16 S4 ==== */
/* D07 Contrat — the review's panel: « Générer le contrat » card, annexes, live preview heading, bar host */
.w16-ct .w16-ct-head{flex:1;min-width:0}
.w16-ct .w16-ct-head h3{font-size:var(--fs-h3);margin:0;color:var(--ink)}
.w16-ct .w16-ct-sub{font-size:12.5px;color:var(--ink-muted);margin-top:2px}
.w16-ct .w16-barre-etat:empty{display:none}
.w16-ct .w16-barre-etat{padding:var(--s3) var(--s4) 0}
.w16-ct .w16-ct-live{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);width:794px;max-width:100%;margin:0 auto var(--s3)}
.w16-ct .w16-ct-liveh{font-family:var(--font-ui);font-size:13px;font-weight:var(--fw-semi);color:var(--ink)}
.w16-ct-card.dvep-sec{border-radius:var(--r-card);padding:var(--s4)}
.w16-ct-h{font-family:var(--font-ui);font-size:15px;font-weight:var(--fw-semi);color:var(--ink);margin:0 0 var(--s3)}
.w16-ct-f{margin:0 0 var(--s3)}
.w16-ct-f:last-of-type{margin-bottom:0}
.w16-ct-l{display:block;font-size:12.5px;font-weight:var(--fw-semi);color:var(--ink-muted);margin:0 0 4px}
.w16-ct-f .uin{display:block;width:100%;box-sizing:border-box}
.w16-ct-f .uin:disabled{background:var(--surface-sunk);color:var(--ink-muted)}
.w16-ct-pre{display:flex;align-items:center;gap:var(--s2)}
.w16-ct-pre .uin{width:88px;flex:0 0 88px}
.w16-ct-unit{font-size:13px;color:var(--ink-muted)}
.w16-ct-note{font-size:11.5px;color:var(--ink-faint);margin-top:4px}
.w16-ct-val{font-size:var(--fs-body);font-weight:var(--fw-semi);color:var(--ink)}
.w16-ct-note[hidden],.w16-ct-motif[hidden]{display:none}
.w16-ct-motif{margin-top:var(--s2)}
.w16-ct-anx{list-style:none;margin:0;padding:0}
.w16-ct-an{display:flex;align-items:baseline;gap:var(--s3);padding:8px 0;border-bottom:1px solid var(--hairline);font-size:13px}
.w16-ct-an:last-child{border-bottom:0;padding-bottom:0}
.w16-ct-ann{flex:0 0 auto;font-size:11.5px;font-weight:var(--fw-semi);color:var(--ink-faint)}
.w16-ct-ant{flex:1;min-width:0;color:var(--ink);overflow-wrap:anywhere}
/* ==== /W16 S4 ==== */
/* ==== W16 S1 ==== */
/* D05 · Vente « Forfait mensuel » panel (dark) + the full-screen devis review: v4 tokens only, no new colour */
.w16-barre-etat:empty{display:none}
#page-devis .w16-barre-etat{margin:0 0 var(--s3)}
.w16-cadenas{flex:none;vertical-align:-1px}
/* a tier that cannot be taken: dashed padlock chip, its reason in the tooltip and on the line below */
#page-devis .dv-quote .dv-engbtn[data-verrou="1"]{flex-direction:row;gap:5px;border-style:dashed;color:var(--ink-on-dark-muted);cursor:not-allowed}
#page-devis .dv-quote .dv-engbtn[data-verrou="1"]:hover{border-color:var(--line-on-dark,rgba(255,255,255,.18))}
#page-devis .w16-eng-plus{display:flex;flex-direction:column;gap:6px;margin-top:8px}
#page-devis .w16-eng-plus:empty{display:none}
.w16-verrou-l{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-on-dark-muted)}
.w16-verrou-l--clair{color:var(--ink-muted);margin-top:2px}
.w16-case{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:var(--fw-bold,700);cursor:pointer;align-self:flex-start}
.w16-case input{width:16px;height:16px;margin:0;accent-color:var(--ocre)}
#dvep .w16-case{margin-top:8px;color:var(--ink)}
#dvep .vb-segb.w16-verrou{display:inline-flex;align-items:center;gap:5px;border:1px dashed var(--hairline);color:var(--ink-muted);cursor:not-allowed}
/* « Conditions » and « Promotion » inside the dark panel, separated by hairlines */
#page-devis .w16-blocs:empty{display:none}
#page-devis .w16-bloc{display:flex;flex-direction:column;gap:10px;padding:14px 20px;border-top:1px solid var(--dark-hairline);margin-top:14px}
#page-devis .w16-bloc + .w16-bloc{margin-top:0}
#page-devis .w16-lab{font-size:10.5px;font-weight:var(--fw-bold,700);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-on-dark-muted)}
#page-devis .w16-tete{display:flex;align-items:center;justify-content:space-between;gap:8px}
#page-devis .w16-seuil{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:6px;border:1px solid var(--line-on-dark,rgba(255,255,255,.18));color:var(--ink-on-dark);font-size:11px;font-weight:800;white-space:nowrap}
#page-devis .w16-cond{display:flex;align-items:center;gap:10px;font-size:14px}
#page-devis .w16-grow{flex:1;min-width:0}
#page-devis .w16-cond-s{font-size:12.5px;color:var(--ink-on-dark-muted)}
#page-devis .w16-cond-o{font-size:12.5px;font-weight:var(--fw-bold,700);color:var(--ocre-on-dark)}
#page-devis .w16-cond-v{font-size:14px;font-weight:var(--fw-bold,700);font-variant-numeric:tabular-nums;white-space:nowrap}
#page-devis .w16-cond .w16-num{flex:none;width:72px;text-align:right}
/* N25 · P3 — the justification dialog asked from the leave question sits above the shared modal */
.sm-dlg-wrap.sm-dlg-wrap--dessus{z-index:calc(var(--z-modal) + 1)}
#page-devis .w16-promo{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;border:1px solid var(--line-on-dark,rgba(255,255,255,.18));background:transparent;color:var(--ink-on-dark);font:inherit;font-size:13.5px;text-align:left;cursor:pointer}
#page-devis .w16-promo[disabled]{cursor:default}
#page-devis .w16-promo.on{border-color:var(--ocre-on-dark);background:var(--ocre-soft)}
#page-devis .w16-radio{flex:none;width:16px;height:16px;border-radius:50%;box-sizing:border-box;border:1.5px solid var(--ink-on-dark-muted)}
#page-devis .w16-promo.on .w16-radio{border:5px solid var(--ocre-on-dark)}
#page-devis .w16-ech{margin-top:4px;padding:10px 12px;border-radius:12px;border:1px solid var(--dark-hairline)}
/* one line « label … amount »: label and amount stay on ONE text line (the unit is read with its amount) */
.w16-ligne{display:block;text-align:justify;text-align-last:justify}
.w16-ligne > span,.w16-ligne > b{display:inline-block;text-align:left;text-align-last:auto}
#page-devis .w16-ligne{padding:6px 0;font-size:13px;border-top:1px solid var(--dark-hairline);margin-top:6px}
#page-devis .w16-ligne > span{color:var(--ink-on-dark-muted)}
#page-devis .w16-ligne > b{font-variant-numeric:tabular-nums;white-space:nowrap}
#page-devis .w16-ligne--total{font-weight:800}
#page-devis .w16-ligne--total > span{color:var(--ink-on-dark)}
#dvep .w16-ech-t{margin:10px 0 2px}
#dvep .vv-convenu-u{white-space:nowrap;font-size:12px}
#dvep .ve-row.w16-ligne > b{white-space:nowrap}
/* ==== /W16 S1 ==== */
/* ==== W16 S2 ==== */
/* D01 Avenant as the v4 Main screen: the Vente page framed for an avenant (root .dv-wrap[data-w16-avenant]) */
#page-devis .dv-wrap[data-w16-avenant]{grid-template-columns:minmax(0,1fr) 400px}
@media(max-width:1100px){#page-devis .dv-wrap[data-w16-avenant]{grid-template-columns:minmax(0,1fr) 360px}}
@media(max-width:900px){#page-devis .dv-wrap[data-w16-avenant]{grid-template-columns:1fr}}
#page-devis .dv-wrap[data-w16-avenant]>.w16-barre-etat,
#page-devis .dv-wrap[data-w16-avenant]>.w16-avn-tete{grid-column:1/-1}
#page-devis .dv-wrap[data-w16-avenant]>.w16-barre-etat:empty{display:none}
#page-devis [data-w16-avenant] .dv-close,
#page-devis [data-w16-avenant] .dv-h1,
#page-devis [data-w16-avenant] .dv-entrynote,
#page-devis [data-w16-avenant] .dv-ribbon,
#page-devis [data-w16-avenant] .dv-quote,
#page-devis [data-w16-avenant] #dvActions,
#page-devis [data-w16-avenant] #dvPerson .dv-change{display:none}
#page-devis [data-w16-avenant] #dvAvenant{display:contents}
/* « Sa semaine » of the mockup: the legend, the week, the cabinets (the summary strip is the member card's line) */
#page-devis [data-w16-avenant] .dv-occ>.dv-stklab,
#page-devis [data-w16-avenant] .dv-occ>.dv-occ-strip,
#page-devis [data-w16-avenant] .dv-occ>.dv-occ-h{display:none}
#page-devis [data-w16-avenant] .dv-right{max-height:calc(100vh - 48px);overflow-y:auto}
#page-devis .w16-avn-tete{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s3)}
#page-devis .w16-avn-h1{margin:0;font-family:var(--font-display);font-size:var(--fs-h1);font-weight:600;color:var(--ink)}
#page-devis .w16-avn-pill{padding:4px 10px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);
  color:var(--ink-muted);font-size:var(--fs-cap)}
#page-devis .w16-avn-grow{flex:1}
#page-devis .w16-avn-msub{margin-top:2px;color:var(--ink-muted);font-size:var(--fs-cap)}
#page-devis .w16-avn-legende{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0 12px;color:var(--ink-muted);font-size:var(--fs-cap)}
#page-devis .w16-avn-leg{display:inline-flex;align-items:center;gap:6px}
#page-devis .w16-avn-leg i{display:inline-block;width:12px;height:12px;border-radius:3px;border:1px solid var(--border-strong);background:var(--surface)}
#page-devis .w16-avn-leg[data-k="libre"] i{background:var(--st-dispo);border-color:var(--st-dispo)}
#page-devis .w16-avn-leg[data-k="occupe"] i{background:var(--st-occupe);border-color:var(--st-occupe)}
#page-devis .w16-avn-leg[data-k="option"] i{background:var(--st-option);border-color:var(--st-option)}
#page-devis .w16-avn-leg[data-k="depart"] i{background:var(--st-depart);border-color:var(--st-depart)}
#page-devis .w16-avn-leg[data-k="reserve"] i{background:var(--st-reserve);border-color:var(--st-reserve)}
#page-devis .w16-avn-leg[data-k="departopt"] i{background:var(--st-departopt);border-color:var(--st-departopt)}
#page-devis .w16-avn-leg[data-k="place"] i{background:var(--ink);border-color:var(--ink)}
#page-devis .w16-avn-leg[data-k="ajoute"] i{box-shadow:0 0 0 2px var(--st-dispo) inset}
#page-devis .w16-avn-leg[data-k="retire"] i{box-shadow:0 0 0 2px var(--st-depart) inset}
#page-devis .w16-avn-leg[data-k="deplace"] i{box-shadow:0 0 0 2px var(--st-reserve) inset}
#page-devis [data-w16-avenant] .dv-slot[data-w16-etat="ajoute"]{box-shadow:0 0 0 2px var(--st-dispo) inset}
#page-devis [data-w16-avenant] .dv-slot[data-w16-etat="retire"]{box-shadow:0 0 0 2px var(--st-depart) inset}
#page-devis [data-w16-avenant] .dv-slot[data-w16-etat="deplace"]{box-shadow:0 0 0 2px var(--st-reserve) inset}
#page-devis .w16-avn-avap{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);color:var(--ink-muted);font-size:var(--fs-cap)}
#page-devis .w16-avn-avap:empty{display:none}
/* the panel: the dark anchor card of the mockup (same surface as the Vente quote card) */
#page-devis .w16-avn-panneau{margin-top:0;padding:18px 20px;border-radius:var(--r-card);background:var(--grad-hero);
  color:var(--ink-on-dark);box-shadow:var(--shadow-hero)}
#page-devis .w16-avn-panneau .dv-avnlab{color:var(--ink-on-dark-muted);margin-bottom:0}
#page-devis .w16-avn-ptete{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
#page-devis .w16-avn-pref{color:var(--ocre-on-dark);font-size:var(--fs-cap);font-weight:var(--fw-semi);font-variant-numeric:tabular-nums}
#page-devis .w16-avn-panneau .dv-avnrow{color:var(--ink-on-dark-muted)}
#page-devis .w16-avn-panneau .dv-avnrow .dv-v{color:var(--ink-on-dark);white-space:nowrap}
#page-devis .w16-avn-panneau .dv-englab{color:var(--ink-on-dark-faint)}
#page-devis .w16-avn-panneau .dv-note,
#page-devis .w16-avn-panneau .dv-avn-msg{color:var(--ink-on-dark-muted)}
#page-devis .w16-avn-total{display:flex;flex-direction:column;gap:3px;margin:6px 0 4px}
#page-devis .w16-avn-total .w16-avn-tlab{font-size:var(--fs-cap);font-weight:var(--fw-semi);color:var(--ocre-on-dark)}
#page-devis .w16-avn-total .w16-avn-tht{font-size:var(--fs-h2);font-weight:700;color:var(--ink-on-dark);font-variant-numeric:tabular-nums}
#page-devis .w16-avn-total .w16-avn-tttc,
#page-devis .w16-avn-total .w16-avn-resume{font-size:var(--fs-cap);color:var(--ink-on-dark-muted);font-variant-numeric:tabular-nums}
#page-devis .w16-avn-total .w16-avn-delta{align-self:flex-start;margin-top:4px;padding:2px 8px;border:0;border-radius:6px;
  background:var(--st-dispo);color:#fff;font-size:var(--fs-cap);font-weight:var(--fw-semi);font-variant-numeric:tabular-nums}
#page-devis .w16-avn-panneau .avn-eng,
#page-devis .w16-avn-panneau .avn-neg,
#page-devis .w16-avn-lignes,
#page-devis .w16-avn-bloc,
#page-devis .w16-avn-mentions{margin-top:12px;padding-top:12px;border-top:1px solid var(--line-on-dark,rgba(255,255,255,.14))}
#page-devis .w16-avn-panneau .avn-eng .dv-engbtn[disabled]{background:transparent;color:var(--ink-on-dark-faint);
  border-style:dashed;opacity:1;cursor:not-allowed}
#page-devis .w16-avn-panneau .avn-fig>div{background:transparent;border-color:var(--line-on-dark,rgba(255,255,255,.18))}
#page-devis .w16-avn-panneau .avn-opt{flex:1 1 96px;min-width:96px}
#page-devis .w16-avn-panneau .avn-opt.on{background:rgba(233,185,106,.12);border-color:var(--ocre-on-dark);color:var(--ink-on-dark)}
#page-devis .w16-avn-panneau .avn-opt[disabled]{background:transparent;color:var(--ink-on-dark-faint);border-style:dashed}
#page-devis .w16-avn-panneau .avn-opt small{color:var(--ink-on-dark-muted);font-size:var(--fs-cap)}
#page-devis .w16-avn-panneau .avn-opt b{color:inherit;font-size:var(--fs-cap)}
#page-devis .w16-avn-panneau .avn-warn{background:rgba(255,255,255,.06);color:var(--ink-on-dark);border-left-color:var(--ocre-on-dark)}
#page-devis .w16-avn-panneau .field label{color:var(--ink-on-dark);text-transform:none;letter-spacing:0;font-size:var(--fs-body);font-weight:var(--fw-semi);margin:0}
#page-devis .w16-avn-panneau .uin{background:rgba(255,255,255,.06);border-color:var(--line-on-dark,rgba(255,255,255,.18));
  color:var(--ink-on-dark);color-scheme:dark}
#page-devis .w16-avn-bloc .dv-avn-date{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
#page-devis .w16-avn-bloc .dv-avn-date .uin{width:auto}
#page-devis .w16-avn-panneau .dv-avn-calc{margin-top:12px;background:transparent;border:0;padding:0;color:var(--ink-on-dark);
  font-weight:var(--fw-semi);cursor:pointer}
#page-devis .w16-avn-panneau .dv-avncas{background:transparent;color:var(--ink-on-dark)}
#page-devis .w16-avn-mentions{color:var(--ink-on-dark-muted);font-size:var(--fs-cap)}
#page-devis .w16-avn-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}
#page-devis .w16-avn-actions .primarybtn,
#page-devis .w16-avn-actions .ghostbtn{width:100%;margin:0;box-sizing:border-box;justify-content:center;min-height:44px}
#page-devis .w16-avn-actions .dv-avn-msg{text-align:center}
/* MATIN · M5 — avenant screen only: the right column ends inside the window (its real top is measured by
   `avnCalerColonne`, WeKare_AvenantV2.js; without it the column keeps its former height) and its actions stay at its
   bottom, the panel scrolling above them. The look is the shared foot (`.ui-modal__foot`). */
#page-devis [data-w16-avenant] .dv-right{max-height:max(280px, calc(100vh - var(--w16-avn-haut, 24px) - 24px))}
#page-devis [data-w16-avenant] .w16-avn-actions{position:sticky;bottom:0;z-index:2;padding:12px;
  border:1px solid var(--hairline);border-radius:var(--r-card);background:var(--surface-band)}
/* F3 — a refused engagement step: padlock, the reason in the tooltip, « Client entreprise » right below */
#page-devis .avn-eng .dv-engbtn[data-verrou="1"]{display:inline-flex;align-items:center;gap:5px}
#page-devis .w16-cadenas{display:inline-flex}
#page-devis .w16-avn-entreprise{display:flex;align-items:center;gap:6px;margin-top:8px;color:var(--ink-on-dark);font-size:var(--fs-cap)}
/* ==== /W16 S2 ==== */
/* ==== W16 S0 ==== */
/* D00 « barre d'état » (WeKare_BarreEtat.js): a white card stuck to the top of the screen's content. */
.w16-barre-etat{position:sticky;top:0;z-index:6;margin-bottom:12px}
.w16-barre-etat:empty{display:none}
.w16-be{--be-brouillon:#6B7570;--be-valide:#2E5FB8;--be-modifie:#94570A;--be-envoye:#6B4FA8;--be-signe:#1F7A55;
  --be-contresigne:#1F4D3A;--be-applique:#1F7A55;--be-annule:#6B7570;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px 10px 16px;border-radius:14px;box-sizing:border-box;
  background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);color:var(--ink);font-family:var(--font-ui)}
.w16-be__id{display:inline-flex;align-items:center;gap:8px}
.w16-be__type{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
.w16-be__ref{font-size:14px}
.w16-be__etat{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:8px;background:var(--be-brouillon);
  color:#fff;font-size:12.5px;font-weight:800;white-space:nowrap}
.w16-be[data-etat="valide"] .w16-be__etat{background:var(--be-valide)}
.w16-be[data-etat="modifie"] .w16-be__etat{background:var(--be-modifie)}
.w16-be[data-etat="envoye"] .w16-be__etat{background:var(--be-envoye)}
.w16-be[data-etat="signe"] .w16-be__etat{background:var(--be-signe)}
.w16-be[data-etat="contresigne"] .w16-be__etat{background:var(--be-contresigne)}
.w16-be[data-etat="applique"] .w16-be__etat{background:var(--be-applique)}
.w16-be[data-etat="annule"] .w16-be__etat{background:var(--be-annule)}
.w16-be__meta{font-size:12.5px;color:var(--ink-muted)}
.w16-be__cadenas{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--ink-muted)}
.w16-be__vide{flex:1}
.w16-be__actions{display:flex;gap:8px;flex-wrap:wrap}
.w16-be__actions:empty{display:none}
.w16-be .w16-be__actions .ghostbtn,.w16-be .w16-be__actions .primarybtn{height:36px;min-height:0;padding:0 13px;border-radius:9px;
  font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;
  text-decoration:none;box-sizing:border-box;margin:0;width:auto}
.w16-be .w16-be__actions .ghostbtn{border:1px solid var(--border-input);background:var(--surface);color:var(--ink);box-shadow:none}
.w16-be .w16-be__actions .primarybtn{border:0;background:var(--ocre);color:var(--ink-on-accent);box-shadow:0 8px 20px -10px rgba(186,111,10,0.55)}
/* the leave guard's question: three answers on one line */
.ui-modal__foot .w16-garde__b{white-space:nowrap;padding:0 12px;font-size:13px}
.w16-garde__msg:empty{display:none}
/* ==== /W16 S0 ==== */
/* ==== W16 S5 ==== */
/* D02 fiche membre: « Où il exerce » table + mini-week, big-account groups and badge line, Abonnement Pennylane,
   Associés. Styles moved from design/v4/D02_fiche_membre/reference_html (Main.html, GrosCompte.html). */
:root{--s5-sa-place:#3B4C9B;--s5-vide:#E6E9E7}
.s5-centre-badge{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:22px;padding:0 6px;border-radius:6px;color:#fff;font-size:11px;font-weight:800;box-sizing:border-box;flex:none;white-space:nowrap}
.s5-centre-badge.m2-c-autre{background:var(--ink-faint)}
.s5-centre-badge--abbr::before{content:attr(data-abbr)}
.s5-ou{overflow:hidden}
.s5-gap{height:8px}
.s5-scroll{overflow-x:auto}
.s5-table{width:100%;min-width:760px;border-collapse:collapse;font-variant-numeric:tabular-nums}
.s5-table th{text-align:left;padding:11px 14px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;border-bottom:1px solid rgba(23,32,29,0.16);background:var(--surface)}
.s5-table td{padding:10px 14px;border-bottom:1px solid rgba(23,32,29,0.08);font-size:13.5px;vertical-align:middle;white-space:nowrap;text-align:left;color:var(--ink)}
.s5-table tbody tr:last-child td{border-bottom:0}
.s5-table th.s5-r,.s5-table td.s5-r,.s5-r{text-align:right}
.s5-centre{display:flex;align-items:center;gap:8px}
.s5-type{display:inline-flex;height:20px;align-items:center;padding:0 7px;border-radius:6px;background:var(--surface-sunk);font-size:11px;font-weight:700;color:#3B4A45}
.s5-semaine{display:grid;grid-template-columns:repeat(7,14px);grid-template-rows:repeat(2,9px);grid-auto-flow:column;gap:2px;width:max-content}
.s5-cell{width:14px;height:9px;border-radius:2px;background:var(--s5-vide)}
.s5-cell.s5-cell--on{background:var(--s5-sa-place)}
.s5-demis{display:flex;flex-wrap:wrap;gap:4px}
.s5-demi{display:inline-flex;height:24px;align-items:center;padding:0 8px;border-radius:7px;background:#E7EEF4;color:#1F4A63;font-size:12px;font-weight:700;white-space:nowrap}
/* big account */
.s5-outils{display:flex;gap:8px;align-items:center}
.s5-cherche{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid rgba(23,32,29,0.16);border-radius:10px;background:var(--surface);color:var(--ink-faint);width:160px;box-sizing:border-box}
.s5-cherche input{border:0;outline:0;font:inherit;font-size:13.5px;flex:1;min-width:0;width:100%;background:transparent;color:var(--ink);padding:0}
.s5-cherche:focus-within{border-color:var(--ink)}
.s5-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.s5-groupe{display:flex;align-items:center;gap:12px;width:100%;padding:12px 18px;border:0;border-top:1px solid rgba(23,32,29,0.08);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-sizing:border-box}
.s5-groupe[aria-expanded="true"]{background:#F8FAF8}
.s5-chevron{display:inline-flex;color:#3B4A45;flex:none}
.s5-groupe[aria-expanded="true"] .s5-chevron{transform:rotate(180deg)}
.s5-groupe-nom{font-size:14.5px;flex:1;min-width:0;color:var(--ink)}
.s5-groupe-sub{font-size:13px;color:#3B4A45;white-space:nowrap;flex:none}
.s5-groupe-total{width:120px;text-align:right;font-size:14px;color:var(--ink);white-space:nowrap;flex:none}
.s5-ligne{display:grid;grid-template-columns:90px 100px 1fr 120px;align-items:center;gap:10px;padding:9px 18px 9px 62px;border-top:1px solid rgba(23,32,29,0.08);font-size:13.5px;color:var(--ink);font-variant-numeric:tabular-nums}
.s5-autres{padding:9px 18px 12px 62px;border-top:1px solid rgba(23,32,29,0.08)}
.s5-badges{display:flex;align-items:center;gap:10px;margin:14px 0 16px;flex-wrap:nowrap;white-space:nowrap;min-height:22px}
.s5-badge{display:inline-flex;align-items:center;gap:6px}
.s5-badge b{font-size:14px;color:#fff}
.s5-sep{color:rgba(255,255,255,.4)}
.s5-total{margin-left:6px;font-size:13.5px;font-weight:700;color:rgba(255,255,255,.85)}
.ghostbtn.m2-c4fcda.s5-mail{display:inline-flex;align-items:center;gap:6px}
.s5-cols{margin-top:16px;align-items:start}
/* Abonnement Pennylane */
.s5-pl-corps{padding:4px 18px 14px}
.s5-pl-corps>:first-child{border-top:0}
.s5-pl-ligne{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(23,32,29,0.08)}
.s5-pl-g{flex:1;min-width:0}
.s5-pl-g b{font-size:14px}
.s5-pl-sub{font-size:12.5px;color:#3B4A45}
.s5-pl-kv{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(23,32,29,0.08);font-size:13.5px}
.s5-pl-kv>span{color:#3B4A45}
[data-pl-pills]{display:inline-flex;flex-wrap:wrap;gap:6px}
#fichePlAbo [data-pl-miroir]{cursor:help}
/* Associés */
#ficheWrap.m2 #ficheAssocies.s5-assoc-card{padding:0;margin:0}
.s5-assoc-corps{padding:2px 18px 12px}
.s5-assoc{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(23,32,29,0.08);flex-wrap:wrap}
.s5-assoc-corps>.s5-assoc:first-child{border-top:0}
.s5-assoc-ini{width:30px;height:30px;border-radius:50%;background:var(--ink-faint);color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
.s5-assoc-g{flex:1;min-width:0}
.s5-assoc-g b{font-size:14px}
.s5-assoc-detail{font-size:12.5px;color:#3B4A45;overflow-wrap:anywhere}
.s5-assoc-com{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#3B4A45;white-space:nowrap}
.s5-assoc-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end;padding:12px 0 4px;border-top:1px solid rgba(23,32,29,0.08)}
.s5-assoc-form[hidden]{display:none}
.s5-assoc-form .s5-assoc-com{grid-column:1 / span 2}
.s5-assoc-form .primarybtn{justify-self:end}
@media (max-width:900px){.s5-assoc-form{grid-template-columns:1fr}.s5-assoc-form .s5-assoc-com{grid-column:auto}}
/* ==== /W16 S5 ==== */
/* ==== W16 S3 ==== */
/* D04 Onboarding « Dépôt + mandat »: list grid (Membre · Progression · Mandat · Option · Depuis), step filters on
   one line inside the list card, deposit card, MandateBlock, locked line, launch window. Values moved from the
   reference's inline styles. */
#page-onb .w16-s3-cols{align-items:flex-start;flex-wrap:nowrap}
#page-onb .w16-s3-cols>.o2-list{flex:1 1 0}
#page-onb .w16-s3-cols>.o2-panel{flex:0 0 400px;align-self:flex-start}
/* ruling 2026-10-08: the chips are compact enough to hold on one row beside the open dossier panel at 1440; below
   that they wrap to a second row. Never a sideways scroll, never a clipped label. */
#page-onb .w16-s3-chips{flex-wrap:wrap;overflow:visible;gap:4px 3px;margin:0;padding:0 12px 10px}
#page-onb .w16-s3-chips>button{flex:none;height:30px;padding:0 6px;gap:3px;font-size:12px;white-space:nowrap}
#page-onb .w16-s3-chips>button>.o2-sq-grey{width:6px;height:6px;border-radius:2px;flex:none}
#page-onb .w16-s3-chips>button>span:last-child{flex:none;padding:0 4px;border-radius:8px;font-size:12px;line-height:16px}
#page-onb .w16-s3-heads{display:grid;grid-template-columns:minmax(170px,1fr) 140px 120px 110px 84px;gap:12px;padding:10px 16px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#5E6B66}
#page-onb .w16-s3-row{grid-template-columns:minmax(170px,1fr) 140px 120px 110px 84px;gap:12px;padding:12px 16px}
#page-onb .w16-s3-who{display:flex;align-items:center;gap:10px;min-width:0}
#page-onb .w16-s3-who-t{display:flex;flex-direction:column;min-width:0}
#page-onb .w16-s3-who-t .lc2-110{align-self:flex-start;margin-top:3px}
#page-onb .w16-s3-prog{display:flex;flex-direction:column;gap:5px;min-width:0}
#page-onb .w16-s3-step{font-size:12px;font-weight:700;color:#17201D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-onb .w16-s3-cell{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-width:0;font-size:12.5px}
#page-onb .w16-s3-since{text-align:right}
.w16-s3-card{padding:12px 14px;border-radius:14px;border:1px solid rgba(23,32,29,0.10);background:#fff;margin-top:8px;display:flex;flex-direction:column;gap:6px;align-items:stretch}
.w16-s3-card-h{display:flex;align-items:center;gap:10px}
.w16-s3-card-h>b{font-size:14px;flex:1;color:#17201D}
.w16-s3-card-s{font-size:12.5px;color:#3B4A45}
.w16-s3-ko{color:#B0442C;font-weight:700}
.w16-s3-card-a{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.w16-s3-card-a>button{height:32px;padding:0 13px;border-radius:9px;font-size:13px;font-weight:700;white-space:nowrap}
.w16-s3-pill{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:6px;color:#fff;font-size:11.5px;font-weight:700}
.w16-s3-pill-gris{background:#6B7570}
.w16-s3-pill-ambre{background:#2E5FB8}
.w16-s3-pill-rouge{background:#B0442C}
.w16-s3-pill-vert{background:#1F7A55}
.w16-s3-lock{margin-top:8px;padding:10px 12px;border-radius:12px;background:#EEF1F0;display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:#17201D}
.w16-s3-lock-ic{width:12px;height:10px;border-radius:2px;background:#3B4A45;position:relative;flex:none;margin-top:4px}
.w16-s3-lock-ic::before{content:"";position:absolute;left:2px;top:-6px;width:8px;height:8px;box-sizing:border-box;border:2px solid #3B4A45;border-bottom:0;border-radius:4px 4px 0 0}
/* launch window « Dépôt et mandat » */
#smDialog #onbLct .onb-lct-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid rgba(23,32,29,0.08)}
#smDialog #onbLct .onb-lct-row:first-child{border-top:0}
#smDialog #onbLct .onb-lct-tx{flex:1;min-width:0}
#smDialog #onbLct .onb-lct-tx>b{font-size:14.5px}
#smDialog #onbLct .onb-lct-tx>span{font-size:12.5px;color:#3B4A45}
/* ==== /W16 S3 ==== */
/* ==== AV21 ENTONNOIR ==== Onboarding › Avenants, five-step funnel: the sentence a route answered, the
   « À compléter » list and the Pennylane change, inside the existing o2-st step. Tokens only. */
#page-onb .a21-note{margin-top:6px;padding:8px 10px;border-radius:8px;background:var(--surface-sunk);color:var(--ink);font-size:12.5px;overflow-wrap:anywhere}
#page-onb .a21-completer,#page-onb .a21-pl{display:flex;flex-direction:column;gap:6px;margin-top:8px}
#page-onb .a21-pl:empty{display:none}
/* ==== /AV21 ENTONNOIR ==== */
/* ==== AV21 ECRAN ==== */
/* AVENANT 21 · the avenant preparation panel (WeKare_AvenantV2.js): four prices 2 x 2 in the existing price block,
   the two switches of « Conditions », « À compléter » and the other-société notice. Tokens only. */
#page-devis .w16-avn-panneau [data-avn-prix] .avn-fig{grid-template-columns:1fr 1fr}
#page-devis .w16-avn-panneau .ui-switch{color:var(--ink-on-dark);margin-top:var(--s2)}
#page-devis .w16-avn-panneau .av21-toggle .field{margin-top:var(--s2)}
#page-devis .w16-avn-panneau [data-av21-a-completer] .field{margin-top:var(--s2)}
#page-devis .w16-avn-panneau [data-av21-a-completer] .ghostbtn,
#page-devis .w16-avn-panneau [data-av21-autre-societe] .ghostbtn{margin-top:var(--s2)}
/* V_NIGHT · V5 — ghost buttons on the dark avenant panel take the on-dark ink (they were --ink on --grad-hero, 1.19:1) */
#page-devis .w16-avn-panneau [data-av21-a-completer] .ghostbtn,
#page-devis .w16-avn-panneau [data-av21-autre-societe] .ghostbtn{color:var(--ink-on-dark);border-color:var(--line-on-dark,rgba(255,255,255,.18));background:transparent}
/* V_NIGHT · V5 — the draft-type chips sit on a light surface: the unselected one takes the light-surface ink and line */
#page-devis #dvBrouillon .dv-engbtn:not(.on){color:var(--ink);border-color:var(--ink-faint)}
#page-devis .dv-quote #dvBrouillon .dv-engbtn:not(.on),#page-devis .w16-avn-panneau #dvBrouillon .dv-engbtn:not(.on){color:var(--ink-on-dark);border-color:var(--line-on-dark,rgba(255,255,255,.18))}
#page-devis .w16-avn-actions .dv-avn-msg[data-av21-refus]{color:var(--ink);font-weight:var(--fw-semi)}
#page-devis [data-av21-contrats] .av21-contrat{display:block;width:100%;margin-top:var(--s2);text-align:left;white-space:normal}
/* the contract choice is pending: the sale panel, its actions and its draft block are not offered, the grid is not selectable */
#page-devis .dv-wrap[data-av21-choix] .dv-right > :not(#dvAvenant){display:none}
#page-devis .dv-wrap[data-av21-choix] #dvSlotsCard{pointer-events:none;opacity:.5}
/* ==== /AV21 ECRAN ==== */
/* ==== LANE:MSD (WK-PLANONB · P4, « Créer un membre sans dossier ») ==== */
.msd-ouvrir{white-space:nowrap}
.msd .msd-bloc{margin:0 0 var(--s5)}
.msd .msd-bloc>h3,.msd .msd-apercu>h3{margin:0 0 var(--s3);font-size:13.5px;font-weight:var(--fw-bold);color:var(--ink)}
.msd .msd-grille{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3) var(--s4)}
.msd .msd-large{grid-column:1 / -1}
.msd .uin{box-sizing:border-box;width:100%}
.msd .uin:disabled{background:var(--surface-sunk);color:var(--ink-muted)}
.msd .msd-titre{margin:0 0 var(--s1);font-size:12px;font-weight:var(--fw-semi);color:var(--ink-muted)}
.msd .msd-trouves,.msd .msd-choisis{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s2) 0}
.msd .msd-trouves:empty,.msd .msd-choisis:empty{display:none}
.msd .msd-vide{margin:0;font-size:12.5px;color:var(--ink-faint)}
.msd .msd-sem{display:grid;grid-template-columns:86px repeat(7,1fr);gap:var(--s1);align-items:center}
.msd .msd-sem-tete,.msd .msd-sem-rang{font-size:12px;font-weight:var(--fw-semi);color:var(--ink-faint)}
.msd .msd-sem-tete{text-align:center}
.msd .msd-slot{height:34px;padding:0;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);
  color:var(--ink);font:inherit;font-size:12px;font-weight:var(--fw-semi);cursor:pointer}
.msd .msd-slot:focus-visible{outline:3px solid var(--ocre-tint)}
.msd .msd-slot[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.msd .msd-slot:disabled{background:var(--disabled-bg);color:var(--disabled-ink);cursor:not-allowed}
.msd .msd-refus{margin:0 0 var(--s4);padding:var(--s3) var(--s4);border-radius:var(--r-lg);background:var(--neg-soft);color:var(--ink);
  border-left:3px solid var(--neg);font-size:13px}
.msd .msd-refus p{margin:0 0 var(--s1)}
.msd .msd-refus p:last-child{margin:0}
.msd .msd-apercu{padding:var(--s4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);font-size:13px}
.msd .msd-ap-l{display:flex;justify-content:space-between;gap:var(--s4);padding:var(--s1) 0}
.msd .msd-ap-l>span{color:var(--ink-faint)}
.msd .msd-ap-l>b{font-weight:var(--fw-semi);text-align:right}
.msd .msd-ap-effets{margin:var(--s3) 0 0;padding-top:var(--s3);border-top:1px solid var(--border);color:var(--ink-muted)}
.msd [hidden]{display:none}
.msd label[hidden]{display:none}
.msd .msd-coche{display:flex;align-items:center;gap:var(--s2);margin:var(--s3) 0;font-size:13px;color:var(--ink)}
/* ==== END LANE:MSD ==== */
/* ==== LANE:N25-FL3 « Départ envisagé » (WeKare_DepartEnvisage.js; no new colour: the cell keeps its status look) ==== */
.pmsboard .pmscell[data-depart-envisage] .nm{-webkit-line-clamp:1}
.pmsboard .pmscell .de-com{max-width:100%;overflow:hidden;font-family:var(--font-ui);font-size:9.5px;
  font-weight:var(--fw-semi);line-height:1.1;text-align:center;color:inherit}
.de-bloc{margin-top:var(--s4)}
.de-bloc .de-note{white-space:pre-wrap;overflow-wrap:anywhere}
.de-slots{display:flex;flex-wrap:wrap;gap:6px}
.de-slot{height:30px;padding:0 10px;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface);
  color:var(--ink);font:inherit;font-size:13px;cursor:pointer}
.de-slot[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--surface);font-weight:var(--fw-bold)}
.de-slot:focus-visible{outline:3px solid var(--ocre-tint)}
.dv-depart-ban[data-depart-envisage-banniere]{border-left-color:var(--st-occupe)}
#dvEnvBan[hidden]{display:none}
#page-devis .dv-cabname .dv-tc{margin-left:auto}
/* ==== END LANE:N25-FL3 ==== */
/* ==== LANE:N25-FL5 the mandate request reading of the step « Dépôt + mandat » (no colour of its own) ==== */
.onb-mandat-envoi{flex-basis:100%;min-width:0;display:flex;flex-direction:column;gap:2px}
.onb-mandat-envoi .onb-cta-note{overflow-wrap:anywhere}
/* ==== END LANE:N25-FL5 ==== */