@import url("yh-systeme.css?v=3");
/* YH Studio : « Atelier — Édition YH ».
   Habillage de Postiz : papier ivoire, encre, un rouge qui signe. Système commun : yh-systeme.css.
   Synthèses : C:/Projet/Rendus-ArtCraft/yh-studio-interface/SYNTHESE-SYSTEME.md (et SYNTHESE.md pour les comportements). */

/* ---------- Système ---------- */
:root {
  --yh-red: var(--yh-rouge); --yh-red-hover: var(--yh-rouge-appui); --yh-red-text: var(--yh-rouge);
  --yh-ink: var(--yh-encre); --yh-paper: var(--yh-ivoire);
  --yh-display: var(--yh-titre); --yh-sans: var(--yh-texte);
  --yh-ease: cubic-bezier(.2, 0, 0, 1); --yh-t: 120ms;
}

/* Postiz est rendu en thème sombre par défaut : les deux thèmes pointent vers le papier */
:root .dark, :root .light {
  --new-bgColor: #F4EFE6 !important; --new-bgColorInner: #FBF8F2 !important; --new-col-color: #FBF8F2 !important;
  --new-box-hover: #EFE9DE !important; --new-bgLineColor: #E2DACB !important; --new-border: #E2DACB !important; --new-sep: #CFC5B3 !important;
  --new-table-header: #F4EFE6 !important; --new-table-border: #E2DACB !important; --new-table-text: #6B635B !important;
  --new-table-text-focused: #CC0202 !important; --new-ai-btn: #EFE9DE !important;
  --new-btn-primary: #CC0202 !important; --new-btn-simple: #EFE9DE !important; --new-btn-text: #0F0D0E !important;
  --new-textItemBlur: #6B635B !important; --new-textItemFocused: #FBF8F2 !important; --new-boxFocused: #0F0D0E !important;
  --new-small-strips: #F4EFE6 !important; --new-big-strips: #F1ECE2 !important; --new-settings: #FBF8F2 !important;
  --new-back-drop: rgba(15, 13, 14, .38) !important; --popup-color: rgba(15, 13, 14, .04) !important;
  --new-menu-dots: #8A8178 !important; --menu-shadow: 0 24px 48px -24px rgba(15, 13, 14, .22), 0 0 0 1px #E2DACB !important;
  --color-primary: #F4EFE6 !important; --color-secondary: #FBF8F2 !important; --color-third: #EFE9DE !important;
  --color-forth: #CC0202 !important; --color-seventh: #CC0202 !important;
  --color-custom4: #CC0202 !important; --color-custom7: #CC0202 !important; --color-custom11: #6B635B !important;
  --color-custom12: #2A2527 !important; --color-custom28: #CFC5B3 !important; --color-custom29: #FBF8F2 !important;
  --color-custom30: #CC0202 !important; --color-custom41: #CFC5B3 !important; --color-custom42: #6B635B !important;
  --color-custom45: #A80000 !important; --color-custom50: #EFE9DE !important; --color-custom51: #CC0202 !important;
  --copilot-kit-primary-color: #0F0D0E; --copilot-kit-background-color: #FBF8F2; --copilot-kit-input-background-color: #F4EFE6;
  --copilot-kit-secondary-color: #F4EFE6; --copilot-kit-separator-color: #E2DACB; --copilot-kit-muted-color: #E2DACB;
}

/* Violet et rose codés en dur dans Postiz */
[class*="bg-[#612BD3]"], [class*="bg-[#612bd3]"] { background-color: var(--yh-rouge) !important; color: var(--yh-ivoire) !important; }
[class*="text-[#612BD3]"], [class*="text-[#612bd3]"] { color: var(--yh-rouge) !important; }
[class*="border-[#612BD3]"]:not([class*="hover:border-[#612"]), [class*="border-[#612bd3]"]:not([class*="hover:border-[#612"]) { border-color: var(--yh-rouge) !important; }
[class*="text-[#fc69ff]"], [class*="text-[#FC69FF]"] { color: var(--yh-rouge) !important; }
[class*="bg-[#d82d7e]"], [class*="bg-[#D82D7E]"] { background-color: var(--new-btn-simple) !important; }
[class*="text-[#32d583]"], [class*="text-[#32D583]"] { color: var(--new-table-text) !important; }
[class*="border-[#FC69FF]"], [class*="border-[#fc69ff]"] { border-color: var(--new-sep) !important; }
[class*="text-orange-500"] { color: var(--new-table-text) !important; }
input[class*="border-[#612"], input[class*="border-[#612"]:not(:focus) { border-color: var(--new-border) !important; }
circle[fill="#FF3EA2"], circle[fill="#ff3ea2"] { fill: var(--yh-rouge); }
/* Interrupteurs : actifs en encre */
[class*="rounded-[100px]"][class~="bg-customColor4"] { background: var(--yh-encre) !important; border-color: var(--yh-encre) !important; }
[class*="rounded-[100px]"][class~="bg-customColor4"] > div { background: transparent !important; }
[class*="rounded-[100px]"][class~="bg-customColor4"] > div > div { background: var(--yh-ivoire) !important; }
/* Action destructrice : contour rouge, pas d'aplat */
button[class*="!bg-red-800"] { background: transparent !important; border: 1px solid var(--yh-rouge); color: var(--yh-rouge) !important; border-radius: var(--yh-rayon); }
button[class*="!bg-red-800"]:hover { background: var(--yh-rouge-voile) !important; }
.cursor-pointer > .text-red-400 { color: var(--new-table-text) !important; }
/* Agent : « Démarrer une nouvelle conversation » est une action secondaire */
a[class*="bg-btnPrimary"][class*="whitespace-nowrap"] {
  background: transparent !important; border: 1px solid var(--yh-encre); color: var(--yh-encre) !important; white-space: normal !important;
  max-height: none !important; padding-inline: 14px !important; text-align: center; border-radius: var(--yh-rayon) !important;
}
a[class*="bg-btnPrimary"][class*="whitespace-nowrap"]:hover { background: var(--yh-creme) !important; }
.uppy-Dashboard-dropFilesHereHint { border-color: var(--new-sep) !important; color: var(--new-table-text) !important; }
button:disabled[class*="bg-[#612BD3]"], button:disabled[class*="bg-[#612bd3]"] { background: var(--new-btn-simple) !important; color: var(--yh-t3) !important; opacity: 1 !important; }
button[class*="bg-[#612BD3]"]:not(:disabled):hover, button[class*="bg-[#612bd3]"]:not(:disabled):hover { background-color: var(--yh-rouge-appui) !important; }

/* ---------- Typographie ---------- */
body, button, input, textarea, select, [class*="plus_jakarta_sans"] { font-family: var(--yh-texte) !important; }
body { color: var(--yh-encre); }
body:has(.yh-panel) form h1, body:has(.yh-panel) [class*="text-[40px]"], body:has(.yh-panel) [class*="text-[32px]"] { font-family: var(--yh-titre) !important; font-weight: 900 !important; letter-spacing: -.02em; }
body:has(.yh-panel) .yh-login-logo { display: none !important; }
/* Titre de page : Raleway Black, puis le mot en italique serif (posé par brand.js) */
h1.truncate { font-family: var(--yh-titre) !important; font-weight: 900 !important; font-size: 34px; letter-spacing: -.02em; line-height: 1.05; overflow: visible !important; color: var(--yh-encre); }
h1.truncate[data-yh-mot]::after { content: ", " attr(data-yh-mot); }
h1.truncate[data-yh-mot]::after { font-family: var(--yh-serif); font-style: italic; font-weight: 400; font-size: 1.14em; letter-spacing: 0; }
.yh-mono { font-family: var(--yh-mono) !important; font-variant-numeric: tabular-nums; letter-spacing: .02em; }
::selection { background: rgba(204, 2, 2, .18); color: var(--yh-encre); }

/* Sur-titre éditorial au-dessus du titre de page (texte posé par brand.js) */
[data-yh-surtitre] { flex-direction: column !important; justify-content: center; gap: 6px; }
[data-yh-surtitre]::before {
  content: attr(data-yh-surtitre);
  font: 500 11px/1 var(--yh-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--yh-rouge);
}
/* Compteur d'échecs, cliquable */
[data-yh-echecs] { position: relative; cursor: default; }
[data-yh-echecs]::after {
  content: attr(data-yh-echecs);
  position: absolute; right: 0; top: 50%; transform: translateY(-50%);
  font: 500 10.5px var(--yh-mono); letter-spacing: .14em; text-transform: uppercase;
  color: var(--yh-rouge); border: 1px solid var(--yh-rouge); background: transparent;
  padding: 5px 10px; border-radius: var(--yh-rayon); cursor: pointer;
}

/* ---------- Matière : papier ---------- */
body { background-color: var(--new-bgColor) !important; }
/* L'en-tête de page reçoit le filet d'encre du colophon */
[data-yh-surtitre] { position: relative; }
[class*="bg-newBgColorInner"] { box-shadow: none; }

/* ---------- Navigation ---------- */
[class~="bg-boxFocused"] { box-shadow: none; color: var(--yh-ivoire) !important; }
[class~="bg-boxFocused"] svg { color: var(--yh-ivoire); }
#left-menu a[class~="bg-boxFocused"] { position: relative; border-radius: var(--yh-rayon) !important; }
#left-menu a[class~="bg-boxFocused"]::before {
  content: ""; position: absolute; left: -10px; top: 10px; bottom: 10px; width: 2px; background: var(--yh-rouge);
}
#left-menu { border-right: 1px solid var(--yh-filet); }
/* Indicateur d'élément actif des listes : filet rouge */
[class*="w-[4px]"][class*="rounded-s-[3px]"] > svg { display: none !important; }
[class*="w-[4px]"][class*="rounded-s-[3px]"] { width: 2px !important; align-self: stretch; margin: 10px 0; background: var(--yh-rouge); border-radius: 0 !important; }

/* ---------- Boutons, champs ---------- */
button[class*="bg-btnPrimary"], a[class*="bg-btnPrimary"]:not([class*="whitespace-nowrap"]) { border-radius: var(--yh-rayon) !important; color: var(--yh-ivoire) !important; }
button[class*="bg-btnPrimary"] { transition: background-color var(--yh-t) var(--yh-ease); }
button[class*="bg-btnPrimary"]:hover:not(:disabled) { background-color: var(--yh-rouge-appui) !important; }
button[class*="bg-btnPrimary"]:disabled, [class*="bg-btnPrimary"][class*="cursor-not-allowed"] { background: var(--new-btn-simple) !important; color: var(--yh-t3) !important; cursor: not-allowed; }
[class*="rounded-[8px]"], [class*="rounded-[10px]"], [class*="rounded-[12px]"] { border-radius: var(--yh-rayon) !important; }
input, textarea, select { border-radius: var(--yh-rayon) !important; }
input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: none !important; box-shadow: 0 0 0 2px var(--yh-ivoire), 0 0 0 3px var(--yh-encre) !important; border-color: var(--yh-encre) !important;
}
:focus-visible { outline-color: var(--yh-rouge); }

/* ---------- Cartes de publication (calendrier) ---------- */
.group:has(> [class*="rounded-tr-[10px]"][class*="bg-btnPrimary"]) {
  --yh-etat: var(--yh-filet-fort);
  --tw-ring-shadow: 0 0 #0000 !important; box-shadow: none !important; border-radius: var(--yh-rayon) !important;
}
.group:has(> [class*="rounded-tr-[10px]"][class*="bg-btnPrimary"])::before {
  content: ""; position: absolute; z-index: 4; left: 0; top: 0; bottom: 0; width: 2px; background: var(--yh-etat);
}
.group:has(> [class*="rounded-tr-[10px]"][class*="bg-btnPrimary"]):hover > [class*="bg-newColColor"] { border-color: var(--yh-encre) !important; }
.group[data-yh-etat="erreur"] { --yh-etat: var(--yh-rouge) !important; }
.group[data-yh-etat="erreur"] > [class*="bg-newColColor"] { background: var(--yh-ivoire) !important; border-color: var(--yh-rouge) !important; }
.group[data-yh-etat="publiee"] { --yh-etat: var(--yh-filet-fort) !important; }
.group[data-yh-etat="publiee"] > [class*="bg-newColColor"] { color: var(--yh-t2); }
.group[class*="ring-green-500"] { --yh-etat: var(--yh-filet-fort); }
.group[class*="ring-red-500"] { --yh-etat: var(--yh-rouge); }
.group[class*="ring-red-500"] > [class*="bg-newColColor"] { border-color: var(--yh-rouge) !important; }
.group:not([data-yh-etat="publiee"]):not([data-yh-etat="erreur"]):not([class*="ring-green-500"]) { --yh-etat: var(--yh-encre); }
.group > [class*="-top-[6px]"][class*="bg-green-500"] { display: none !important; }
.group > [class*="-top-[6px]"][class*="bg-red-500"] { background: var(--yh-rouge) !important; width: 14px !important; height: 14px !important; font-size: 9px !important; box-shadow: 0 0 0 3px var(--new-bgColor); }
.group > [class*="bg-newColColor"][class*="rounded-br-[10px]"] {
  border-radius: var(--yh-rayon) !important; border: 1px solid var(--yh-filet); background: var(--yh-ivoire);
  box-shadow: none; padding: 8px 10px 8px 12px !important; color: var(--yh-encre);
}
.group img[src*="/icons/platforms/"] { width: 14px !important; height: 14px !important; top: 9px !important; border-color: var(--yh-ivoire) !important; }
/* Barre d'actions : flottante, n'apparaît qu'au survol */
.group > [class*="rounded-tr-[10px]"][class*="bg-btnPrimary"] {
  position: absolute !important; z-index: 6; top: 6px; right: 6px; left: auto !important;
  width: auto !important; height: 28px !important; min-height: 28px !important; max-height: 28px !important;
  padding: 0 8px !important; gap: 10px !important; border-radius: var(--yh-rayon) !important;
  background: var(--yh-encre) !important; border: 0; color: var(--yh-ivoire) !important;
  box-shadow: 0 12px 24px -12px rgba(15, 13, 14, .5);
  opacity: 0; pointer-events: none;
}
.group:hover > [class*="rounded-tr-[10px]"][class*="bg-btnPrimary"],
.group:focus-within > [class*="rounded-tr-[10px]"][class*="bg-btnPrimary"] { opacity: 1; pointer-events: auto; }
.group > [class*="rounded-tr-[10px]"][class*="bg-btnPrimary"] > div:hover { color: #FFFFFF; text-decoration: underline !important; text-underline-offset: 3px; }
.group > [class*="rounded-tr-[10px]"][class*="bg-btnPrimary"] .text-red-500, .group > [class*="rounded-tr-[10px]"][class*="bg-btnPrimary"] > .text-red-500 { color: var(--yh-rouge-nuit) !important; }
.group > [class*="rounded-tr-[10px]"][class*="bg-btnPrimary"] > [class*="group-hover:hidden"]:empty { display: none; }
@media (hover: none) {
  .group > [class*="rounded-tr-[10px]"][class*="bg-btnPrimary"] { opacity: .92; pointer-events: auto; }
  .group > [class*="rounded-tr-[10px]"][class*="bg-btnPrimary"] > .hidden { display: block !important; }
}
/* Doublon détecté par brand.js */
[data-yh-doublon]::after {
  content: attr(data-yh-doublon); position: absolute; z-index: 5; left: 12px; top: -8px;
  font: 500 10px var(--yh-mono); letter-spacing: .12em; color: #8A6A2E;
  border: 1px solid #C9A46A; padding: 1px 5px; background: var(--yh-ivoire);
}
[data-yh-doublon] { outline: 1px dashed #C9A46A; outline-offset: 2px; }
/* Aujourd'hui : plus de point rose */
[class*="text-newTableTextFocused"][class*="gap-[6px]"] > [class*="rounded-full"][class*="bg-newTableTextFocused"] { display: none; }

/* ---------- Analyses ---------- */
[class*="hover:border-[#612bd3]"], [class*="hover:border-[#612BD3]"] { border-color: var(--yh-filet) !important; background: var(--yh-ivoire) !important; border-radius: var(--yh-rayon) !important; }
[class*="hover:border-[#612bd3]"]:hover, [class*="hover:border-[#612BD3]"]:hover { border-color: var(--yh-encre) !important; }
[class*="hover:border-[#612"] [class*="w-[8px]"][class*="h-[8px]"][class*="rounded-full"] { background: var(--yh-filet-fort) !important; }
.yh-chiffre { font-family: var(--yh-titre) !important; font-weight: 900 !important; font-size: 56px !important; line-height: 1 !important; letter-spacing: -.03em; padding: 6px 4px 10px; display: inline-block; color: var(--yh-encre); }
.yh-jour { font: 500 11px var(--yh-mono) !important; letter-spacing: .16em; text-transform: uppercase; color: var(--yh-t2) !important; text-align: start !important; padding: 18px 2px 2px !important; border-bottom: 1px solid var(--yh-encre); }
[class*="hover:border-[#612"] canvas { filter: grayscale(1) brightness(.5) contrast(1.1); }

/* ---------- Accueil, volumes, médiathèque, aide ---------- */
.yh-accueil {
  position: fixed; z-index: 2147482500; right: 32px; bottom: 32px;
  width: min(600px, calc(100vw - 32px)); padding: 18px 48px 18px 22px; border-radius: var(--yh-rayon);
  background: var(--yh-ivoire); border: 1px solid var(--yh-filet); box-shadow: var(--yh-ombre-panneau), inset 3px 0 0 var(--yh-rouge);
  color: var(--yh-encre); display: flex; flex-direction: column; gap: 6px;
  animation: yhAccueil var(--yh-d-ouvre) var(--yh-sortie) both;
}
.yh-accueil strong { font: 900 24px/1.1 var(--yh-titre); letter-spacing: -.01em; }
.yh-accueil strong em, .yh-accueil .yh-s { font-family: var(--yh-serif); font-style: italic; font-weight: 400; font-size: 1.12em; }
.yh-accueil .yh-accueil-ligne { font-size: 13px; color: var(--yh-t2); text-wrap: balance; }
.yh-accueil .yh-accueil-ligne b { color: var(--yh-rouge); font-weight: 600; }
.yh-accueil button { position: absolute; top: 10px; right: 12px; width: 28px; height: 28px; border-radius: var(--yh-rayon); color: var(--yh-t2); font-size: 18px; background: transparent; border: 0; cursor: pointer; }
.yh-accueil button:hover { background: var(--yh-creme); color: var(--yh-encre); }
.yh-accueil.yh-sortie { animation: yhAccueilSortie 120ms cubic-bezier(.4, 0, 1, 1) both; }
.yh-accueil-sur { font: 500 11px var(--yh-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--yh-rouge); }
@keyframes yhAccueil { from { opacity: 0; } to { opacity: 1; } }
@keyframes yhAccueilSortie { to { opacity: 0; } }

/* Volume du jour : une légende sous la date, jamais collée au nom du jour */
[data-yh-volume] { position: relative; }
[data-yh-volume]::after {
  content: attr(data-yh-volume); display: block; position: static; margin-top: 3px; line-height: 1;
  font: 500 9.5px var(--yh-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--yh-t2);
}
.yh-libre::after { color: var(--yh-t3) !important; }

/* Médiathèque : les vignettes restent en salle de projection */
[data-yh-duree] { background: var(--yh-projection) !important; }
[data-yh-duree]::after, [data-yh-format]::before {
  position: absolute; z-index: 3; pointer-events: none;
  font: 500 11px var(--yh-mono); letter-spacing: .06em; color: var(--yh-projection-t);
  background: rgba(15, 13, 14, .78); padding: 2px 6px;
}
[data-yh-duree]::after { content: attr(data-yh-duree); right: 6px; top: 6px; }
[data-yh-format]::before { content: attr(data-yh-format); left: 6px; top: 6px; }

.yh-aide {
  position: fixed; z-index: 2147482600; inset: 0; margin: auto; width: min(420px, calc(100vw - 32px)); height: max-content;
  padding: 22px 24px; border-radius: var(--yh-rayon); background: var(--yh-ivoire); border: 1px solid var(--yh-filet);
  box-shadow: 0 0 0 100vmax rgba(15, 13, 14, .38), var(--yh-ombre-panneau); color: var(--yh-encre); cursor: pointer;
  animation: yhAccueil var(--yh-d-ouvre) var(--yh-sortie) both;
}
.yh-aide dl { display: grid; grid-template-columns: max-content 1fr; gap: 10px 18px; margin: 14px 0 0; }
.yh-aide dt { font: 12px var(--yh-mono); color: var(--yh-encre); border: 1px solid var(--yh-filet-fort); padding: 2px 8px; text-align: center; }
.yh-aide dd { margin: 0; font-size: 13px; color: var(--yh-t2); align-self: center; }
@media (hover: none) { .yh-aide, .yh-raccourcis { display: none; } }

/* ---------- Divers ---------- */
* { scrollbar-color: var(--yh-filet-fort) transparent; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }
.yh-hidden { display: none !important; }
.cursor-pointer:has(> img[src*="flag-icons"]:not([title="fr"]):not([title="en"])) { display: none !important; }
.grid-cols-4:has(> .cursor-pointer > img[src*="flag-icons"]) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.yh-covered { visibility: hidden !important; }
.yh-sidebar-logo { width: 44px; height: 44px; margin-top: 8px; border-radius: var(--yh-rayon); display: block; }
.yh-login-logo { height: 52px; width: auto; display: block; align-self: flex-start; }
/* Interrupteur de thème : le papier est la règle */
div.select-none.cursor-pointer:has(> svg[width="22"][height="22"]) { display: none !important; }

/* ---------- Connexion : la couverture du magazine ---------- */
.yh-panel {
  position: absolute; inset: 0; z-index: 5;
  display: flex; flex-direction: column; justify-content: center; gap: 26px; padding: 8% 10%;
  background: var(--yh-papier); color: var(--yh-encre); overflow: hidden; border-right: 1px solid var(--yh-encre);
}
.yh-panel::before { content: ""; position: absolute; inset: 0; opacity: .06; mix-blend-mode: multiply; pointer-events: none; background: var(--yh-grain); }
.yh-panel > * { position: relative; z-index: 1; }
.yh-panel img { height: 56px; width: auto; align-self: flex-start; }
.yh-panel .yh-sur { font: 500 12px var(--yh-mono); letter-spacing: .2em; text-transform: uppercase; color: var(--yh-rouge); }
.yh-panel h2 { font: 900 clamp(38px, 4.2vw, 66px)/1 var(--yh-titre); margin: 0; letter-spacing: -.03em; max-width: 11em; }
.yh-panel h2 em { font-family: var(--yh-serif); font-style: italic; font-weight: 400; letter-spacing: 0; color: var(--yh-encre); font-size: 1.1em; }
.yh-panel p { font-size: 17px; line-height: 1.6; color: var(--yh-t2); margin: 0; max-width: 30em; }
.yh-panel ul { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0; }
.yh-panel li { font: 500 11px var(--yh-mono); letter-spacing: .14em; text-transform: uppercase; border: 1px solid var(--yh-filet-fort); padding: 6px 10px; color: var(--yh-encre); }
.yh-panel small { font: 500 11px var(--yh-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--yh-t2); }
.yh-panel small a { color: var(--yh-rouge); text-decoration: none; }

/* ---------- Recette : fenêtres, avertissements, interrupteurs ---------- */
/* Coins nets partout (fenêtres, menus, cartes), sauf les ronds (avatars, pastilles) */
[class*="rounded-[16px]"], [class*="rounded-[20px]"], [class*="rounded-[24px]"], [class*="rounded-[30px]"], [class*="rounded-2xl"], [class*="rounded-xl"], [class*="rounded-lg"] { border-radius: var(--yh-rayon) !important; }
/* Avertissements : contour rouge, jamais un second aplat */
button[class*="bg-red-"]:not([class*="!bg-red-800"]), [role="button"][class*="bg-red-"], div[class*="cursor-pointer"][class*="bg-red-"] { background: transparent !important; color: var(--yh-rouge) !important; border: 1px solid var(--yh-rouge) !important; }
button[class*="bg-red-"] svg, div[class*="cursor-pointer"][class*="bg-red-"] svg { color: var(--yh-rouge); stroke: currentColor; }
/* Interrupteurs inactifs : un filet, pas un gros contour noir */
[class*="rounded-[100px]"]:not([class~="bg-customColor4"]) { background: var(--yh-creme) !important; border-color: var(--yh-filet-fort) !important; }
[class*="rounded-[100px]"]:not([class~="bg-customColor4"]) > div { background: var(--yh-ivoire) !important; box-shadow: 0 0 0 1px var(--yh-filet-fort); }
/* Titres de fenêtre en Raleway */
[class*="bg-newBgColorInner"] > div > [class*="text-[20px]"], [class*="text-[24px]"][class*="font-"] { font-family: var(--yh-titre) !important; font-weight: 900 !important; letter-spacing: -.01em; }

/* ---------- Recette DA n° 2 ---------- */
/* Étiquette tissée en bas à gauche, juste après la barre de navigation */
body { --yh-etiquette-gauche: 92px; }
/* Bulle d'aide de Postiz : discrète, jamais sur les actions */
[class*="copilotKitButton"], .copilotKitButton { transform: scale(.82); opacity: .8; }

/* Calendrier : date du jour en encre, soulignée d'un filet rouge */
[class*="text-newTableTextFocused"][class*="gap-[6px]"] { color: var(--yh-encre) !important; font-weight: 700 !important; text-decoration: underline 2px var(--yh-rouge); text-underline-offset: 5px; }
/* Ligne de compte toujours réservée sous la date */
[class*="bg-newTableHeader"][class*="h-[62px]"]:not([data-yh-volume])::after {
  content: "—"; display: block; margin-top: 3px; line-height: 1; font: 500 9.5px var(--yh-mono); letter-spacing: .14em; color: var(--yh-t3);
}
/* Hachures des jours passés : à peine visibles */
:root .dark, :root .light { --new-big-strips: #F3EEE5 !important; }
/* « Ajouter un canal » sur une seule ligne */
button[class*="bg-btnSimple"][class*="h-[44px]"] { white-space: nowrap; padding-inline: 12px !important; font-size: 13px; }
/* Cartes : titre sur deux lignes, légende « réseau · état » posée par brand.js */
.group > [class*="bg-newColColor"] [class*="line-clamp-1"] { position: static !important; -webkit-line-clamp: 2 !important; line-clamp: 2 !important; font-size: 12.5px; line-height: 1.3; }
.group > [class*="bg-newColColor"] .w-full.relative { min-height: 32px; }
.group[data-yh-libelle]:not([data-yh-doublon])::after {
  content: attr(data-yh-libelle); position: absolute; z-index: 5; left: 36px; top: 8px; pointer-events: none;
  font: 500 9.5px var(--yh-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--yh-t2);
}
.group[data-yh-libelle] > [class*="bg-newColColor"] { padding-top: 22px !important; }
.group[data-yh-etat="erreur"][data-yh-libelle]::after { color: var(--yh-rouge); }

/* Médias : la légende sous l'image, rien posé dessus */
.group.aspect-square:has([data-yh-duree]), .group.aspect-square:has(video), .group.aspect-square:has(img[src*="/uploads/"]) { aspect-ratio: auto !important; height: auto !important; }
.group.aspect-square > div:has(> [data-yh-duree]), .group.aspect-square > div:has(> div > video) { display: flex; flex-direction: column; border-width: 0 !important; }
.group.aspect-square > div > [class*="absolute"][class*="bottom-[10px]"] { position: static !important; order: 2; text-align: start !important; color: var(--yh-encre) !important; font-size: 12.5px; padding: 8px 0 0; }
.group.aspect-square [data-yh-duree] { aspect-ratio: 1; height: auto !important; overflow: visible !important; border-radius: var(--yh-rayon) !important; opacity: 1 !important; }
.group.aspect-square > div:has(> [data-yh-duree]) { padding-bottom: 20px; }
.group.aspect-square [data-yh-duree] video { border-radius: var(--yh-rayon) !important; }
[data-yh-duree]::after, [data-yh-format]::before { top: calc(100% + 28px) !important; background: transparent !important; color: var(--yh-t2) !important; padding: 0 !important; }
[data-yh-duree]::after { right: 0 !important; } [data-yh-format]::before { left: 0 !important; content: "VIDÉO · " attr(data-yh-format) !important; }

/* Analyses : canaux inactifs lisibles (texte gris, avatar pâli) */
#left-menu ~ * [class*="opacity-"]:has(img) { opacity: 1 !important; }
[class*="opacity-20"], [class*="opacity-30"], [class*="opacity-40"] { --yh-pali: 1; }
[class*="opacity-20"]:has(> img), [class*="opacity-30"]:has(> img) { opacity: 1 !important; color: var(--yh-t2) !important; }
[class*="opacity-20"]:has(> img) img, [class*="opacity-30"]:has(> img) img { opacity: .6; }

/* Désactivé : gris lisible et contour pointillé, jamais blanc sur beige */
button:disabled { color: var(--yh-t2) !important; border: 1px dashed var(--yh-filet-fort) !important; background: transparent !important; opacity: 1 !important; }
/* Barre d'outils de l'éditeur de publication : libellés à 12 px */
.post-toolbar [class*="text-[10px]"], .post-toolbar [class*="text-[11px]"], [class*="bg-newBgColorInner"] [class*="text-[10px]"]:not(#left-menu *):not(.group *) { font-size: 12px !important; }

/* Réglages : cartes ivoire, interrupteurs à angles nets avec « Oui / Non » */
[class~="bg-sixth"] { background: var(--yh-ivoire) !important; border-color: var(--yh-filet) !important; border-radius: var(--yh-rayon) !important; }
[class*="rounded-[100px]"][class*="w-[57px]"] { border-radius: var(--yh-rayon) !important; position: relative; overflow: visible; }
[class*="rounded-[100px]"][class*="w-[57px]"] div { border-radius: 1px !important; }
[class*="rounded-[100px]"][class*="w-[57px]"]:not([class~="bg-customColor4"]) { background: transparent !important; border: 1px solid var(--yh-t2) !important; }
[class*="rounded-[100px]"][class*="w-[57px]"]:not([class~="bg-customColor4"]) > div > div { background: var(--yh-t3) !important; box-shadow: none; }
[class*="rounded-[100px]"][class*="w-[57px]"]::after { content: "NON"; position: absolute; right: calc(100% + 10px); top: 50%; transform: translateY(-50%); font: 500 10px var(--yh-mono); letter-spacing: .14em; color: var(--yh-t2); }
[class*="rounded-[100px]"][class*="w-[57px]"][class~="bg-customColor4"]::after { content: "OUI"; color: var(--yh-encre); }
select { min-width: 240px; }
select, input[type="text"], input[type="search"] { min-height: 40px; }

/* Chapô et folio posés par brand.js */
.yh-chapo-postiz { font-size: 14px; color: var(--yh-t2); margin: 2px 0 0; font-family: var(--yh-texte); }
.yh-folio-postiz { position: fixed; z-index: 29; left: 30px; bottom: 96px; writing-mode: vertical-rl; transform: rotate(180deg); font: 500 9.5px var(--yh-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--yh-t3); pointer-events: none; }
/* Filet d'encre sous l'en-tête de page */
[data-yh-surtitre] { padding-bottom: 6px; justify-content: flex-start !important; padding-top: 12px; height: auto !important; overflow: visible !important; }
[data-yh-surtitre] .yh-chapo-postiz { font-weight: 400; }

/* L'en-tête de page n'est plus bloqué à 80 px : sur-titre, titre et chapô respirent */
[class*="bg-newBgColorInner"][class*="h-[80px]"]:has([data-yh-surtitre]) { height: auto !important; min-height: 104px; padding-top: 14px; padding-bottom: 14px; align-items: flex-start; border-bottom: 1px solid var(--yh-encre); }
[data-yh-surtitre] { padding-top: 0 !important; }

/* Recette n° 2 — Créer : avertissement « contenu manquant » en contour, jamais en aplat (FF3F3F hors charte) */
[class*="bg-[#FF3F3F]"] { background: transparent !important; border: 1px solid var(--yh-rouge) !important; color: var(--yh-rouge) !important; border-radius: var(--yh-rayon) !important; }
[class*="bg-[#FF3F3F]"] svg { color: var(--yh-rouge); fill: currentColor; }
/* Réglages : les listes restent dans leur carte */
select { max-width: 100%; }

/* ---------- Créneaux conseillés (vue semaine) : hachures encre 6 %, étiquette mono ---------- */
[data-yh-creneau] { position: relative; background-image: repeating-linear-gradient(135deg, rgba(15, 13, 14, .06) 0 2px, transparent 2px 7px) !important; }
[data-yh-creneau]:not([data-yh-creneau=" "])::before { content: attr(data-yh-creneau); position: absolute; left: 6px; top: 4px; z-index: 1; pointer-events: none;
  font: 500 9.5px/1.2 var(--yh-mono); letter-spacing: .08em; color: var(--yh-t2); white-space: nowrap; }

/* ---------- Panneau « Préparation » (fenêtre Créer) : ivoire, encre, jamais de rouge ---------- */
.yh-prepa { margin: 14px 20px 6px; padding: 14px 16px; background: var(--yh-ivoire); border: 1px solid var(--yh-filet); border-radius: var(--yh-rayon); width: 320px; max-width: calc(100% - 40px); }
.yh-prepa-tete { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.yh-prepa-k { font: 900 40px/1 var(--yh-titre); color: var(--yh-encre); letter-spacing: -.02em; }
.yh-prepa-k small { font: 500 12px var(--yh-mono); color: var(--yh-t2); letter-spacing: 0; margin-left: 2px; }
.yh-prepa-palier { margin: 6px 0 10px; font: 600 13.5px var(--yh-texte); color: var(--yh-encre); }
.yh-prepa-vide { margin: 8px 0 0; font-size: 13px; color: var(--yh-t2); }
.yh-prepa-piste { display: flex; flex-direction: column; gap: 6px; padding: 8px 0; border-top: 1px solid var(--yh-filet); font-size: 12.5px; color: var(--yh-encre); }
.yh-prepa-piste b { font: 500 11px var(--yh-mono); color: var(--yh-t2); }
.yh-prepa-piste button, .yh-prepa-oui-non button { align-self: flex-start; height: 28px; padding: 0 10px; border: 1px solid var(--yh-encre); background: transparent; color: var(--yh-encre); border-radius: var(--yh-rayon); font: 600 12px var(--yh-texte); cursor: pointer; }
.yh-prepa-piste button:hover, .yh-prepa-oui-non button:hover { background: var(--yh-creme); }
.yh-prepa-oui-non { display: flex; gap: 6px; }
.yh-prepa-detail { margin-top: 6px; font-size: 12px; color: var(--yh-t2); }
.yh-prepa-detail summary { cursor: pointer; font: 500 10.5px var(--yh-mono); letter-spacing: .12em; text-transform: uppercase; }
.yh-prepa-detail div { display: flex; justify-content: space-between; padding: 3px 0; font-family: var(--yh-mono); }
/* Créneau conseillé : la case étiquetée porte un filet d'encre (les jours passés sont déjà hachurés) */
[data-yh-creneau] { box-shadow: inset 2px 0 0 var(--yh-encre); }
/* Fenêtre Créer : la barre « Paramètres » du réseau n'est pas une action (un seul aplat rouge : « Ajouter au calendrier ») */
.bg-newSettings > [class*="bg-[#612BD3]"] { background: var(--yh-encre) !important; color: var(--yh-ivoire) !important; }

/* Recette : étiquette de créneau jamais sur une carte, source visible, indices du détail */
[data-yh-creneau]:has(> *)::before { display: none; }
.yh-leg-creneaux { font: 500 10px var(--yh-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--yh-t2); margin-right: 14px; align-self: center; white-space: nowrap; }
.yh-prepa-creneau { margin: 0 0 8px; font: 500 11px/1.4 var(--yh-mono); color: var(--yh-encre); }
.yh-prepa-indice { margin: 0 0 6px; font: 11.5px/1.4 var(--yh-texte); color: var(--yh-t2); }
/* Éditeur : le libellé « VIDÉO · 9:16 » des vignettes ne passe pas sur la barre d'outils */
.bg-popup:has(.tiptap) .relative:has(> video) [data-yh-format]::before, .bg-popup:has(.tiptap) [data-yh-format]:has(video)::before { display: none; }