/*
  Uncook — système visuel V4 (DA) · uncook-v4.css
  PRODUIT, 12/11/2026. Une seule feuille : jetons + quelques composants préfixés .uck-. Aucune mise en page.
  Mode d'emploi : LISEZMOI.md (même dossier). Les couleurs sont aussi dans couleurs.json ; verifier.mjs
  contrôle que les deux disent la même chose et que chaque paire texte/fond tient le contraste.

  CONSOLIDATION, PAS D'INVENTION. Chaque valeur cite sa source servie sur origin/main :
    L2  = site/workspace-v4/lot2/lot2.css     (socle :root l.1602-1606, sombre --d-* l.627, P6 l.1853-1912, P4 l.1926-1934, chip-ai l.1819-1820)
    WS  = site/workspace-v4/lot2/workspace.css (fond « scène » l.89, sombre l.170, typo l.2)
    HV5 = site/_home-v4/home-v5.css            (titre héros et son surlignage citron)
    KIT = origin/produit/panneau-jetons-v3 @ 7afca859, tools/produit-panneau/jetons-v4.css (ce que l'extension embarque)
  Les noms --uck-* sont ceux du KIT : une page ou l'extension qui lit déjà le KIT lit cette feuille sans rien renommer.

  Thème sombre : html[data-theme=dark] (comme l'espace) OU préférence système, sauf si la page force data-theme=light.
*/

/* ---------- Polices : fichiers déjà servis (site/assets/marque-b/polices/, OFL). 2e source = copie du dépôt (assets/brand/b/polices/) pour l'aperçu local. ---------- */
@font-face { font-family: "Uncook DM Sans"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("/assets/marque-b/polices/dm-sans-400.ttf") format("truetype"), url("../b/polices/dm-sans-400.ttf") format("truetype"); }
@font-face { font-family: "Uncook DM Sans"; font-style: normal; font-weight: 600 700; font-display: swap; /* L2 l.1598-1599 : le 600 sert aussi le 700 */
  src: url("/assets/marque-b/polices/dm-sans-600.ttf") format("truetype"), url("../b/polices/dm-sans-600.ttf") format("truetype"); }
@font-face { font-family: "Uncook Jakarta"; font-style: normal; font-weight: 600 800; font-display: swap; /* KIT : Jakarta 700 sert 600 à 800 */
  src: url("/assets/marque-b/polices/plus-jakarta-sans-700.ttf") format("truetype"), url("../b/polices/plus-jakarta-sans-700.ttf") format("truetype"); }

/* =====================================================================  CLAIR  ===================================================================== */
:root {
  color-scheme: light;

  /* Fonds */
  --uck-paper: #FCFCFF;          /* L2 :root --wash : fond de page */
  --uck-surface: #FFFFFF;        /* L2 :root --paper : cartes */
  --uck-tint: #EEF0FC;           /* L2 --v4-tint : lavande, pastille d'outil par défaut */
  --uck-on-lime: #263153;        /* texte/icône posés sur le citron (état choisi, bouton citron) */
  --uck-lime: #E4EE99;           /* L2 --citron : surlignage, icône choisie, bouton sur bande bleue */
  --uck-lime-soft: #F2F6CF;      /* L2 --v4-lime-soft */
  --uck-lime-line: #C4D56C;      /* L2 --v4-lime-line */
  --uck-bg:                      /* WS l.89 : la « scène » de l'accueil de l'espace, lilas en haut à droite, citron en bas à gauche */
    radial-gradient(ellipse 42% 60% at 100% 0%, #DDE2FB 0%, #DDE2FB00 70%),
    radial-gradient(ellipse 36% 55% at 0% 100%, #F2F6CF 0%, #F2F6CF00 70%),
    linear-gradient(150deg, #F4F6FF 0%, #E8ECFB 100%);
  --uck-bg-end: #E8ECFB;         /* point le plus foncé du fond (contraste mesuré dessus) */

  /* Lignes (décor) */
  --uck-line: #E5E8F3;           /* L2 --line */
  --uck-line-strong: rgba(68, 88, 172, .22); /* L2 --v4-line-strong */

  /* Encres */
  --uck-ink: #263153;            /* L2 --ink : texte */
  --uck-ink-muted: #5C6480;      /* L2 --muted : texte secondaire */
  --uck-accent: #4458AC;         /* KIT : couleur de TEXTE d'action (lien, titre de carte, icône) */

  /* Action */
  --uck-blue: #4458AC;           /* L2 --blue : fond du bouton principal, bande d'action */
  --uck-blue-hover: #36478F;     /* L2 --v4-blue-hover */
  --uck-on-blue: #FCFCFF;        /* L2 --v4-on-blue : texte sur bleu */

  /* Focus */
  --uck-focus: #4458AC;          /* L2 P6 .tool-card:focus-visible ; WS l.2 outline var(--blue) */
  --uck-focus-width: 2px;        /* KIT v3 : 2 px décalé de 2 (le 3+3 donnait un double trait) */
  --uck-focus-offset: 2px;

  /* Polices et graisses servies */
  --uck-font-head: "Uncook Jakarta", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --uck-font-body: "Uncook DM Sans", "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --uck-fw-head: 700;            /* titres : Jakarta 700, seule graisse de titre servie */
  --uck-fw-body: 400;            /* texte : DM Sans 400 */
  --uck-fw-strong: 600;          /* boutons, emphase : DM Sans 600 */

  /* Échelle typographique (rien sous 13 px : L2 socle) */
  --uck-fs-display: clamp(40px, 4.3vw, 62px); --uck-lh-display: 1.105; --uck-ls-display: -.045em; /* HV5 h1 62 / 50 / 40 px, -2.8px */
  --uck-fs-h1: 30px;  --uck-lh-h1: 1.25; --uck-ls-h1: -.03em;   /* WS l.2 h1 700 30px/1.25 ; L2 h1 -.03em */
  --uck-fs-title: 21px; --uck-lh-title: 1.2; --uck-ls-title: -.02em; /* KIT titre de carte */
  --uck-fs-h2: 19px;  --uck-lh-h2: 1.35; --uck-ls-h2: -.02em;   /* WS l.2 h2 700 19px/1.35 */
  --uck-fs-tool: 16px; --uck-ls-tool: -.01em;                   /* L2 P6 .tool-card>strong 700 16px/1.3 */
  --uck-fs-body: 15px; --uck-lh-body: 1.5;                      /* WS l.2 body 15px/1.5 */
  --uck-fs-lead: 16px;                                          /* L2 .home-new-task74 p 16px/1.5 */
  --uck-fs-small: 13px; --uck-lh-small: 1.45;                   /* L2 P6 .tool-card>p 13px/1.45 */
  --uck-fs-label: 13px; --uck-ls-label: .08em;                  /* L2 .label 13px .08em majuscules */

  /* Espacements (pas de 4) */
  --uck-space-1: 4px; --uck-space-2: 8px; --uck-space-3: 12px; --uck-space-4: 16px;
  --uck-space-5: 20px; --uck-space-6: 24px; --uck-space-8: 32px; --uck-space-12: 48px; --uck-space-16: 64px;

  /* Rayons */
  --uck-radius-card: 18px;       /* L2 --v4-radius-card */
  --uck-radius-band: 24px;       /* L2 .home-new-task74 border-radius:24px */
  --uck-radius-scene: 30px;      /* WS l.88 scène */
  --uck-radius-button: 10px;     /* L2 --v4-radius-button */
  --uck-radius-row: 12px;        /* L2 --v4-radius-row */
  --uck-radius-icon: 11px;       /* L2 P6 .tool-card-icon */
  --uck-radius-ai: 8px;          /* L2 P4 .cc-pastille */
  --uck-radius-pill: 999px;

  /* Ombres */
  --uck-shadow-card: 0 24px 48px -30px rgba(38, 49, 83, .32);   /* L2 --v4-card-shadow */
  --uck-shadow-float: 0 30px 70px -28px rgba(38, 49, 83, .45);  /* L2 --v4-float-shadow */
  --uck-shadow-button: 0 10px 22px -14px rgba(68, 88, 172, .93); /* L2 --v4-button-shadow */

  /* Tailles */
  --uck-btn-h: 48px;             /* L2 .home-new-task74>.button min-height */
  --uck-btn-h-sm: 36px;          /* KIT */
  --uck-icon-box: 36px;          /* L2 P6 .tool-card-icon 36×36, glyphe 22 */

  /* Teintes PAR OUTIL (pastille) : proposition PRODUIT 12/11, à valider LEAD. Palette propre aux outils, plus saturée que les IA,
     dans les trous de teinte laissés par les 8 IA ; CIEDE2000 ≥ 10 contre chaque IA, le citron et les autres outils (verifier.mjs). */
  --uck-tool-handoff-bg: #CAD0FE; --uck-tool-handoff-ink: #36478F;
  --uck-tool-merge-bg: #FAD3FF; --uck-tool-merge-ink: #7E2F96;
  --uck-tool-summarize-bg: #B8E4FE; --uck-tool-summarize-ink: #0B5A7A;
  --uck-tool-memo-bg: #FFD3B1; --uck-tool-memo-ink: #8A4310;
  --uck-tool-export-bg: #D0E7C1; --uck-tool-export-ink: #2F6B1E;
  --uck-tool-profile-bg: #FECDCB; --uck-tool-profile-ink: #9E1F33;
  /* Survol d'une pastille d'outil (R2, PRODUIT 12/11) : même encre, fond un cran plus dense (clair : L* −5, chroma ×1,2 ; Export : L* −2,5,
     chroma ×1,3, teinte +10° pour garder 4,5:1 et s'écarter du citron). Encre ≥ 4,5:1, CIEDE2000 ≥ 10 contre IA, citron et autres outils (verifier.mjs). */
  --uck-tool-handoff-hover: #BAC2F8;   --uck-tool-merge-hover: #F0C2F7;   --uck-tool-summarize-hover: #A1D7F6;
  --uck-tool-memo-hover: #F6C39B;   --uck-tool-export-hover: #BAE4B7;   --uck-tool-profile-hover: #F6BDBB;

  /* Pastilles d'IA (2 lettres) : L2 P4 .cc-pastille[data-ia] l.1927-1930 */
  --uck-ai-cg-bg: #DDF1E8; --uck-ai-cg-ink: #0B5E45;
  --uck-ai-cl-bg: #F8E3DA; --uck-ai-cl-ink: #8E3B1E;
  --uck-ai-ge-bg: #E1E9FB; --uck-ai-ge-ink: #1F47A6;
  --uck-ai-co-bg: #ECE4FA; --uck-ai-co-ink: #5B2FA6;
  --uck-ai-pe-bg: #DCEFF1; --uck-ai-pe-ink: #0F5D63;
  --uck-ai-mv-bg: #FBEBCB; --uck-ai-mv-ink: #7A4A00;
  --uck-ai-gn-bg: #E5E8EE; --uck-ai-gn-ink: #2E3A52;
  --uck-ai-as-bg: #F7E1EE; --uck-ai-as-ink: #8A2560;
  /* Puce pleine d'IA (encre blanche), mêmes valeurs clair et sombre : L2 .chip-ai[data-ai] l.1819-1820 */
  --uck-ai-cg-solid: #0F7A5E; --uck-ai-cl-solid: #A9512D; --uck-ai-ge-solid: #3557C2; --uck-ai-co-solid: #6A4BB4;
  --uck-ai-pe-solid: #1C6B78; --uck-ai-mv-solid: #A8461C; --uck-ai-gn-solid: #555F70; --uck-ai-as-solid: #2C66AD;
}

/* =====================================================================  SOMBRE  =====================================================================
   Le bloc est écrit deux fois (forcé / préférence système) : verifier.mjs contrôle que les deux sont identiques. */
:root[data-theme=dark] {
  color-scheme: dark;
  --uck-paper: #13182B;          /* L2 --d-bg */
  --uck-surface: #1C233A;        /* L2 --d-surface */
  --uck-tint: #293452;           /* L2 --d-soft */
  --uck-lime: #E4EE99;           /* L2 --d-cit-ink */
  --uck-lime-soft: #343B45;      /* L2 --d-cit-tint */
  --uck-lime-line: #586057;      /* L2 --d-cit-line */
  --uck-bg: linear-gradient(150deg, #1F2742 0%, #161B2E 100%); /* WS l.170 */
  --uck-bg-end: #1F2742;         /* point le plus clair du fond sombre (contraste mesuré dessus) */
  --uck-line: #3C4765;           /* L2 --d-line */
  --uck-line-strong: #6B7899;    /* L2 --d-edge */
  --uck-ink: #EDF0FF;            /* L2 --d-ink */
  --uck-ink-muted: #B4BDD8;      /* L2 --d-muted */
  --uck-accent: #A4B6FF;         /* L2 --d-accent */
  --uck-blue: #2348EF;           /* L2 l.1606 sombre --blue */
  --uck-blue-hover: #4458AC;     /* KIT */
  --uck-on-blue: #FFFFFF;
  --uck-focus: #A4B6FF;          /* L2 P6 sombre outline-color var(--d-accent) */
  --uck-shadow-card: none;       /* L2 l.1606 */
  --uck-shadow-float: 0 30px 70px -28px #000000A6;
  --uck-shadow-button: none;
  --uck-tool-handoff-bg: #4D4B62; --uck-tool-handoff-ink: #CCD3FF;
  --uck-tool-merge-bg: #5F425B; --uck-tool-merge-ink: #F6BDF8;
  --uck-tool-summarize-bg: #2F4A5C; --uck-tool-summarize-ink: #8FD3FA;
  --uck-tool-memo-bg: #584435; --uck-tool-memo-ink: #FFC08C;
  --uck-tool-export-bg: #3A432E; --uck-tool-export-ink: #BEDC8E;
  --uck-tool-profile-bg: #5F4142; --uck-tool-profile-ink: #FFB9BD;
  /* survol sombre (R2) : L* +4, chroma ×1,2, même encre */
  --uck-tool-handoff-hover: #565470;   --uck-tool-merge-hover: #6D4968;   --uck-tool-summarize-hover: #32546A;
  --uck-tool-memo-hover: #654C3A;   --uck-tool-export-hover: #424D33;   --uck-tool-profile-hover: #6D484A;
  --uck-on-lime: #13182B;
  --uck-ai-cg-bg: #173B33; --uck-ai-cg-ink: #8FE0C0;
  --uck-ai-cl-bg: #43281F; --uck-ai-cl-ink: #F5B39B;
  --uck-ai-ge-bg: #1E2E57; --uck-ai-ge-ink: #A9C2FF;
  --uck-ai-co-bg: #33264F; --uck-ai-co-ink: #CDB5FF;
  --uck-ai-pe-bg: #163B40; --uck-ai-pe-ink: #8ED8DE;
  --uck-ai-mv-bg: #3F3115; --uck-ai-mv-ink: #F2CC7A;
  --uck-ai-gn-bg: #2A3246; --uck-ai-gn-ink: #C9D2E6;
  --uck-ai-as-bg: #42213A; --uck-ai-as-ink: #F3A9D2;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) {
    color-scheme: dark;
    --uck-paper: #13182B;
    --uck-surface: #1C233A;
    --uck-tint: #293452;
    --uck-lime: #E4EE99;
    --uck-lime-soft: #343B45;
    --uck-lime-line: #586057;
    --uck-bg: linear-gradient(150deg, #1F2742 0%, #161B2E 100%);
    --uck-bg-end: #1F2742;
    --uck-line: #3C4765;
    --uck-line-strong: #6B7899;
    --uck-ink: #EDF0FF;
    --uck-ink-muted: #B4BDD8;
    --uck-accent: #A4B6FF;
    --uck-blue: #2348EF;
    --uck-blue-hover: #4458AC;
    --uck-on-blue: #FFFFFF;
    --uck-focus: #A4B6FF;
    --uck-shadow-card: none;
    --uck-shadow-float: 0 30px 70px -28px #000000A6;
    --uck-shadow-button: none;
    --uck-tool-handoff-bg: #4D4B62; --uck-tool-handoff-ink: #CCD3FF;
    --uck-tool-merge-bg: #5F425B; --uck-tool-merge-ink: #F6BDF8;
    --uck-tool-summarize-bg: #2F4A5C; --uck-tool-summarize-ink: #8FD3FA;
    --uck-tool-memo-bg: #584435; --uck-tool-memo-ink: #FFC08C;
    --uck-tool-export-bg: #3A432E; --uck-tool-export-ink: #BEDC8E;
    --uck-tool-profile-bg: #5F4142; --uck-tool-profile-ink: #FFB9BD;
    /* survol sombre (R2) : L* +4, chroma ×1,2, même encre */
    --uck-tool-handoff-hover: #565470;     --uck-tool-merge-hover: #6D4968;     --uck-tool-summarize-hover: #32546A;
    --uck-tool-memo-hover: #654C3A;     --uck-tool-export-hover: #424D33;     --uck-tool-profile-hover: #6D484A;
    --uck-on-lime: #13182B;
    --uck-ai-cg-bg: #173B33; --uck-ai-cg-ink: #8FE0C0;
    --uck-ai-cl-bg: #43281F; --uck-ai-cl-ink: #F5B39B;
    --uck-ai-ge-bg: #1E2E57; --uck-ai-ge-ink: #A9C2FF;
    --uck-ai-co-bg: #33264F; --uck-ai-co-ink: #CDB5FF;
    --uck-ai-pe-bg: #163B40; --uck-ai-pe-ink: #8ED8DE;
    --uck-ai-mv-bg: #3F3115; --uck-ai-mv-ink: #F2CC7A;
    --uck-ai-gn-bg: #2A3246; --uck-ai-gn-ink: #C9D2E6;
    --uck-ai-as-bg: #42213A; --uck-ai-as-ink: #F3A9D2;
  }
}

/* =====================================================================  COMPOSANTS  ===================================================================== */

/* Fond doux : sur <body class="uck-fond"> ou sur un bloc. */
.uck-fond { background: var(--uck-paper); background-image: var(--uck-bg); background-attachment: fixed; color: var(--uck-ink);
  font: var(--uck-fw-body) var(--uck-fs-body)/var(--uck-lh-body) var(--uck-font-body); -webkit-font-smoothing: antialiased; }

/* Rôles typographiques */
.uck-display { font: var(--uck-fw-head) var(--uck-fs-display)/var(--uck-lh-display) var(--uck-font-head); letter-spacing: var(--uck-ls-display); color: var(--uck-ink); margin: 0; }
.uck-surligne { background: linear-gradient(transparent 19%, var(--uck-lime) 19%, var(--uck-lime) 94%, transparent 94%); color: #4458AC; /* HV5 h1 span : bleu sur citron, mêmes valeurs en sombre */
  padding: 0 3px 1px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.uck-h1 { font: var(--uck-fw-head) var(--uck-fs-h1)/var(--uck-lh-h1) var(--uck-font-head); letter-spacing: var(--uck-ls-h1); color: var(--uck-ink); margin: 0; }
.uck-h2 { font: var(--uck-fw-head) var(--uck-fs-h2)/var(--uck-lh-h2) var(--uck-font-head); letter-spacing: var(--uck-ls-h2); color: var(--uck-ink); margin: 0; }
.uck-texte { font: var(--uck-fw-body) var(--uck-fs-body)/var(--uck-lh-body) var(--uck-font-body); color: var(--uck-ink); margin: 0; }
.uck-discret { font-size: var(--uck-fs-small); line-height: var(--uck-lh-small); color: var(--uck-ink-muted); margin: 0; }
.uck-label { font: var(--uck-fw-strong) var(--uck-fs-label)/1.3 var(--uck-font-body); letter-spacing: var(--uck-ls-label); text-transform: uppercase; color: var(--uck-ink-muted); }
.uck-lien { color: var(--uck-accent); font-weight: var(--uck-fw-strong); text-decoration: underline; text-underline-offset: 3px; }

/* Anneau de focus : un seul, partout */
:where(.uck-btn, .uck-carte-outil, .uck-lien, .uck-chip):focus-visible { outline: var(--uck-focus-width) solid var(--uck-focus); outline-offset: var(--uck-focus-offset); }

/* Carte */
.uck-carte { background: var(--uck-surface); color: var(--uck-ink); border: 1px solid var(--uck-line); border-radius: var(--uck-radius-card);
  box-shadow: var(--uck-shadow-card); padding: var(--uck-space-5); }

/* Pastille d'outil : <span class="uck-pastille" data-outil="merge">{svg}</span>. Sans data-outil : la teinte unique de l'espace. */
.uck-pastille { flex: none; display: inline-flex; align-items: center; justify-content: center; inline-size: var(--uck-icon-box); block-size: var(--uck-icon-box);
  border-radius: var(--uck-radius-icon); background: var(--uck-p-bg, var(--uck-tint)); color: var(--uck-p-ink, var(--uck-accent)); }
.uck-pastille svg { inline-size: 22px; block-size: 22px; }
[data-outil=handoff]   { --uck-p-bg: var(--uck-tool-handoff-bg);   --uck-p-ink: var(--uck-tool-handoff-ink); --uck-p-hover: var(--uck-tool-handoff-hover); }
[data-outil=merge]     { --uck-p-bg: var(--uck-tool-merge-bg);     --uck-p-ink: var(--uck-tool-merge-ink); --uck-p-hover: var(--uck-tool-merge-hover); }
[data-outil=summarize] { --uck-p-bg: var(--uck-tool-summarize-bg); --uck-p-ink: var(--uck-tool-summarize-ink); --uck-p-hover: var(--uck-tool-summarize-hover); }
[data-outil=memo]      { --uck-p-bg: var(--uck-tool-memo-bg);      --uck-p-ink: var(--uck-tool-memo-ink); --uck-p-hover: var(--uck-tool-memo-hover); }
[data-outil=export]    { --uck-p-bg: var(--uck-tool-export-bg);    --uck-p-ink: var(--uck-tool-export-ink); --uck-p-hover: var(--uck-tool-export-hover); }
[data-outil=aiprofile] { --uck-p-bg: var(--uck-tool-profile-bg); --uck-p-ink: var(--uck-tool-profile-ink); --uck-p-hover: var(--uck-tool-profile-hover); }

/* Survol (R2) : la pastille garde la teinte de SON outil, un cran plus dense — jamais blanche, jamais transparente. Le lien ou la carte
   qui la porte peut changer de fond (citron sur le menu du site) ; la pastille, elle, reste lisible et dit toujours quel outil. */
:where(a, button, label, [role=menuitem], [role=option], .uck-carte-outil):hover .uck-pastille,
:where(a, button, label, [role=menuitem], [role=option], .uck-carte-outil):focus-visible .uck-pastille {
  background: var(--uck-p-hover, var(--uck-p-bg, var(--uck-tint))); color: var(--uck-p-ink, var(--uck-accent)); }

/* Carte d'outil : pastille + nom + une ligne. <a class="uck-carte-outil" data-outil="…"> (L2 P6 .tool-card) */
.uck-carte-outil { display: flex; flex-direction: column; gap: var(--uck-space-1); padding: 14px 16px 16px; min-inline-size: 0;
  background: var(--uck-surface); color: var(--uck-ink); border: 1px solid var(--uck-line); border-radius: var(--uck-radius-card);
  text-decoration: none; transition: border-color .15s ease, box-shadow .15s ease; }
.uck-carte-outil .uck-pastille { margin-block-end: 6px; }
.uck-carte-outil strong { font: var(--uck-fw-head) var(--uck-fs-tool)/1.3 var(--uck-font-head); letter-spacing: var(--uck-ls-tool); color: var(--uck-ink); }
.uck-carte-outil p { margin: 0; font-size: var(--uck-fs-small); line-height: var(--uck-lh-small); color: var(--uck-ink-muted); }
.uck-carte-outil:hover { border-color: var(--uck-line-strong); box-shadow: var(--uck-shadow-card); }
.uck-carte-outil[aria-checked=true], .uck-carte-outil[aria-current] { border-color: var(--uck-accent); box-shadow: inset 0 0 0 1px var(--uck-accent); }
.uck-carte-outil[aria-checked=true] .uck-pastille, .uck-carte-outil[aria-current] .uck-pastille { --uck-p-bg: var(--uck-lime); --uck-p-hover: var(--uck-lime); --uck-p-ink: var(--uck-on-lime); } /* L2 P6 : icône choisie = citron, réservé à la sélection */

/* Pastille d'IA (2 lettres) : <span class="uck-ia" data-ia="CG">CG</span> ; puce pleine : class="uck-ia uck-ia-plein" */
.uck-ia { display: inline-flex; align-items: center; justify-content: center; inline-size: 32px; block-size: 28px; border-radius: var(--uck-radius-ai);
  font: 700 var(--uck-fs-small)/1 var(--uck-font-body); letter-spacing: .2px; background: var(--uck-ai-gn-bg); color: var(--uck-ai-gn-ink); }
.uck-ia[data-ia=CG] { background: var(--uck-ai-cg-bg); color: var(--uck-ai-cg-ink); --uck-ia-solid: var(--uck-ai-cg-solid); }
.uck-ia[data-ia=CL] { background: var(--uck-ai-cl-bg); color: var(--uck-ai-cl-ink); --uck-ia-solid: var(--uck-ai-cl-solid); }
.uck-ia[data-ia=GE] { background: var(--uck-ai-ge-bg); color: var(--uck-ai-ge-ink); --uck-ia-solid: var(--uck-ai-ge-solid); }
.uck-ia[data-ia=CO] { background: var(--uck-ai-co-bg); color: var(--uck-ai-co-ink); --uck-ia-solid: var(--uck-ai-co-solid); }
.uck-ia[data-ia=PE] { background: var(--uck-ai-pe-bg); color: var(--uck-ai-pe-ink); --uck-ia-solid: var(--uck-ai-pe-solid); }
.uck-ia[data-ia=MV] { background: var(--uck-ai-mv-bg); color: var(--uck-ai-mv-ink); --uck-ia-solid: var(--uck-ai-mv-solid); }
.uck-ia[data-ia=GN] { background: var(--uck-ai-gn-bg); color: var(--uck-ai-gn-ink); --uck-ia-solid: var(--uck-ai-gn-solid); }
.uck-ia[data-ia=AS] { background: var(--uck-ai-as-bg); color: var(--uck-ai-as-ink); --uck-ia-solid: var(--uck-ai-as-solid); }
.uck-ia.uck-ia-plein { background: var(--uck-ia-solid, var(--uck-ai-gn-solid)); color: #FFFFFF; }

/* Boutons : un seul .uck-btn-principal par vue */
.uck-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--uck-space-2); min-block-size: var(--uck-btn-h); padding: 12px 20px;
  border-radius: var(--uck-radius-button); font: var(--uck-fw-strong) var(--uck-fs-body)/1.25 var(--uck-font-body); text-decoration: none; cursor: pointer;
  border: 1px solid transparent; transition: background-color .15s ease, box-shadow .15s ease, color .15s ease; }
.uck-btn svg { inline-size: 18px; block-size: 18px; }
.uck-btn-principal { background: var(--uck-blue); color: var(--uck-on-blue); box-shadow: var(--uck-shadow-button); }
.uck-btn-principal:hover { background: var(--uck-blue-hover); }
.uck-btn-secondaire { background: var(--uck-surface); color: var(--uck-ink); border-color: var(--uck-line-strong); }
.uck-btn-secondaire:hover { background: var(--uck-tint); color: var(--uck-accent); }
.uck-btn-citron { background: #E4EE99; color: #263153; border-color: #E4EE99; } /* L2 .home-new-task74>.button : sur une bande bleue seulement, mêmes valeurs en sombre */
.uck-btn-citron:hover { background: #FCFCFF; border-color: #FCFCFF; }
.uck-btn:disabled, .uck-btn[aria-disabled=true] { opacity: .48; cursor: default; box-shadow: none; }

/* Bande d'action (« Nouvelle tâche » de l'espace, L2 .home-new-task74) : dégradé bleu de marque → indigo (LEAD 12/11), mêmes valeurs clair et sombre.
   Texte #FCFCFF et bouton citron ≥ 4,5:1 aux trois arrêts (verifier.mjs). */
.uck-bande { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--uck-space-6); padding: 24px 32px;
  border-radius: var(--uck-radius-band); background: #4458AC linear-gradient(120deg, #4458AC 0%, #3B3F9E 60%, #36358F 100%); color: #FCFCFF; }
.uck-bande :is(h2, h3, p) { color: #FCFCFF; margin: 0; }

/* Puce (filtre, source) : L2 P6 .chat-chip */
.uck-chip { display: inline-flex; align-items: center; gap: var(--uck-space-2); min-block-size: 40px; padding: 0 14px; border: 1px solid var(--uck-line);
  border-radius: var(--uck-radius-pill); background: var(--uck-surface); color: var(--uck-ink); font: var(--uck-fw-strong) var(--uck-fs-small)/1 var(--uck-font-body); }
.uck-chip .uck-ia { inline-size: 26px; block-size: 22px; border-radius: 6px; }

/* Pastille Beta (KIT v3 .uck-beta) */
.uck-beta { display: inline-block; padding: 4px 10px; border: 1px solid var(--uck-line); border-radius: var(--uck-radius-pill); background: var(--uck-surface);
  color: var(--uck-ink); font: 400 var(--uck-fs-small)/1.4 var(--uck-font-body); }
.uck-beta b { font-weight: var(--uck-fw-strong); color: var(--uck-accent); letter-spacing: var(--uck-ls-label); text-transform: uppercase; }

/* Ligne de confiance (KIT .uck-trust-line) : petite, encre pleine, lien Privacy en accent */
.uck-confiance { display: flex; align-items: center; gap: var(--uck-space-2); font-size: var(--uck-fs-small); line-height: var(--uck-lh-small); color: var(--uck-ink); margin: 0; }
.uck-confiance svg { inline-size: 16px; block-size: 16px; color: var(--uck-accent); flex: none; }

@media (prefers-reduced-motion: reduce) { .uck-btn, .uck-carte-outil { transition: none; } }