/* [project]/node_modules/@fontsource-variable/ibm-plex-sans/standard.css [app-client] (css) */
@font-face {
  font-family: IBM Plex Sans Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 700;
  font-stretch: 75% 100%;
  src: url("../media/ibm-plex-sans-cyrillic-ext-standard-normal.25ixuw6mdnqh6.woff2") format("woff2-variations");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: IBM Plex Sans Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 700;
  font-stretch: 75% 100%;
  src: url("../media/ibm-plex-sans-cyrillic-standard-normal.0yw2kaqqcumv8.woff2") format("woff2-variations");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Sans Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 700;
  font-stretch: 75% 100%;
  src: url("../media/ibm-plex-sans-greek-standard-normal.0eawgagfmip86.woff2") format("woff2-variations");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: IBM Plex Sans Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 700;
  font-stretch: 75% 100%;
  src: url("../media/ibm-plex-sans-vietnamese-standard-normal.3bgd08gfs0g3_.woff2") format("woff2-variations");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: IBM Plex Sans Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 700;
  font-stretch: 75% 100%;
  src: url("../media/ibm-plex-sans-latin-ext-standard-normal.1gv4c8i19ugwj.woff2") format("woff2-variations");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: IBM Plex Sans Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 700;
  font-stretch: 75% 100%;
  src: url("../media/ibm-plex-sans-latin-standard-normal.1g51gds7rao--.woff2") format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* [project]/node_modules/@fontsource-variable/source-serif-4/opsz.css [app-client] (css) */
@font-face {
  font-family: "Source Serif 4 Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url("../media/source-serif-4-cyrillic-ext-opsz-normal.3j7458fpqnizt.woff2") format("woff2-variations");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: "Source Serif 4 Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url("../media/source-serif-4-cyrillic-opsz-normal.1lnz6mgtgk_0l.woff2") format("woff2-variations");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: "Source Serif 4 Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url("../media/source-serif-4-greek-opsz-normal.35lbqngyba2hu.woff2") format("woff2-variations");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: "Source Serif 4 Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url("../media/source-serif-4-vietnamese-opsz-normal.32ao8qh1l5_h8.woff2") format("woff2-variations");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: "Source Serif 4 Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url("../media/source-serif-4-latin-ext-opsz-normal.28_7fur8pm80p.woff2") format("woff2-variations");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Source Serif 4 Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url("../media/source-serif-4-latin-opsz-normal.34w3mzf0pwje2.woff2") format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* [project]/node_modules/@fontsource-variable/source-serif-4/opsz-italic.css [app-client] (css) */
@font-face {
  font-family: "Source Serif 4 Variable";
  font-style: italic;
  font-display: swap;
  font-weight: 200 900;
  src: url("../media/source-serif-4-cyrillic-ext-opsz-italic.27a-_quniiwka.woff2") format("woff2-variations");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: "Source Serif 4 Variable";
  font-style: italic;
  font-display: swap;
  font-weight: 200 900;
  src: url("../media/source-serif-4-cyrillic-opsz-italic.1n2rspzt4vtg7.woff2") format("woff2-variations");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: "Source Serif 4 Variable";
  font-style: italic;
  font-display: swap;
  font-weight: 200 900;
  src: url("../media/source-serif-4-greek-opsz-italic.35bcsw1hqn917.woff2") format("woff2-variations");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: "Source Serif 4 Variable";
  font-style: italic;
  font-display: swap;
  font-weight: 200 900;
  src: url("../media/source-serif-4-vietnamese-opsz-italic.18zugqcl16yt2.woff2") format("woff2-variations");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: "Source Serif 4 Variable";
  font-style: italic;
  font-display: swap;
  font-weight: 200 900;
  src: url("../media/source-serif-4-latin-ext-opsz-italic.24vfqkeu3t2ri.woff2") format("woff2-variations");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Source Serif 4 Variable";
  font-style: italic;
  font-display: swap;
  font-weight: 200 900;
  src: url("../media/source-serif-4-latin-opsz-italic.357upjflixf5q.woff2") format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* [project]/node_modules/@fontsource/ibm-plex-mono/400.css [app-client] (css) */
@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../media/ibm-plex-mono-cyrillic-ext-400-normal.09jq5v9-1wf71.woff2") format("woff2"), url("../media/ibm-plex-mono-cyrillic-ext-400-normal.2iaubq2jy0rx3.woff") format("woff");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../media/ibm-plex-mono-cyrillic-400-normal.0m1ahpdxrpokj.woff2") format("woff2"), url("../media/ibm-plex-mono-cyrillic-400-normal.2-z93d2j9-3s0.woff") format("woff");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../media/ibm-plex-mono-vietnamese-400-normal.3a7fs2yw914a9.woff2") format("woff2"), url("../media/ibm-plex-mono-vietnamese-400-normal.2kzc8ichkozg5.woff") format("woff");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../media/ibm-plex-mono-latin-ext-400-normal.1hjaitcyq2e2r.woff2") format("woff2"), url("../media/ibm-plex-mono-latin-ext-400-normal.0nrwft7nlo5oa.woff") format("woff");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../media/ibm-plex-mono-latin-400-normal.3xdfs0-p_zi4c.woff2") format("woff2"), url("../media/ibm-plex-mono-latin-400-normal.2lhng2ntocry9.woff") format("woff");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* [project]/app/globals.css [app-client] (css) */
:root {
  --fond: #f3f4f6;
  --carte: #fff;
  --texte: #24272b;
  --discret: #6b7079;
  --bord: #dfe1e5;
  --accent: #24527a;
  --accent-clair: #e4ecf3;
  --ajout: #e5f2ea;
  --ajout-fort: #2f7a4f;
  --retrait: #f6e9e8;
  --retrait-fort: #a2403a;
  --info: #e8eef4;
  --creux: #e8eaed;
  --creux-doux: #f0f1f3;
  --creux-leger: #eceef1;
  --blanc: #fff;
  --avert: #f7f0dc;
  --sur-accent: #fff;
  --valide: #3f8a5f;
  --brique-ocre: #c98a3d;
  --brique-rouge: #a63f26;
  --brique-noire: #2e2522;
  --grue: #e0a020;
  --grue-encre: #8a5c00;
  --grue-clair: #fbf2da;
  --veille: #2f72b8;
  --veille-encre: #1c4a80;
  --veille-clair: #e5eef8;
  --cadre: #f3f4f6;
  --travail: #fff;
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --police-app: "IBM Plex Sans Variable", -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  --police-doc: "Source Serif 4 Variable", Georgia, serif;
  --mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
}

:root[data-theme="dark"] {
  --fond: #1d1f22;
  --carte: #24272b;
  --texte: #d5d8dc;
  --discret: #9298a0;
  --bord: #363a40;
  --accent: #7d9fd1;
  --sur-accent: #191b1e;
  --accent-clair: #2c3644;
  --ajout: #263329;
  --ajout-fort: #7fbf98;
  --retrait: #382a2a;
  --retrait-fort: #d9858a;
  --info: #2a3139;
  --creux: #30343a;
  --creux-doux: #282b30;
  --creux-leger: #2c2f34;
  --blanc: #24272b;
  --avert: #36321f;
  --valide: #7fbf98;
  --brique-ocre: #d9a45c;
  --brique-rouge: #c8573a;
  --brique-noire: #d5d8dc;
  --grue: #f0b735;
  --grue-encre: #f3c766;
  --grue-clair: #362f1f;
  --veille: #5b9ee6;
  --veille-encre: #90c0f2;
  --veille-clair: #1d2938;
  --cadre: #24272b;
  --travail: #1d1f22;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

* {
  box-sizing: border-box;
}

html, body {
  background: var(--fond);
  height: 100%;
  color: var(--texte);
  font: 14px/1.5 var(--police-app);
  margin: 0;
}

a {
  color: inherit;
}

h1 {
  margin: 2px 0;
  font-size: 20px;
}

h2 {
  margin: 0;
  font-size: 17px;
}

h3 {
  margin: 24px 0 8px;
  font-size: 14px;
}

code, pre {
  font-family: var(--mono);
  font-size: 12.5px;
}

button, .bouton {
  font: inherit;
  border: 1px solid var(--accent);
  background: var(--accent);
  color: var(--sur-accent);
  cursor: pointer;
  border-radius: 6px;
  padding: 5px 12px;
  text-decoration: none;
}

button.secondaire, .bouton.secondaire {
  border-color: var(--bord);
  background: var(--carte);
  color: var(--texte);
}

button.secondaire:hover:not(:disabled), .bouton.secondaire:hover {
  border-color: var(--accent);
  color: var(--accent);
}

button:disabled {
  opacity: .45;
  cursor: default;
}

button.lien {
  color: var(--accent);
  background: none;
  border: none;
  padding: 4px 0;
}

button.lien.actif {
  font-weight: 600;
}

select {
  font: inherit;
  border: 1px solid var(--bord);
  border-radius: 6px;
  padding: 3px 6px;
}

table {
  border-collapse: collapse;
  background: var(--carte);
  border: 1px solid var(--bord);
  width: 100%;
}

th, td {
  text-align: left;
  border-bottom: 1px solid var(--bord);
  vertical-align: top;
  padding: 6px 10px;
}

th {
  color: var(--discret);
  font-size: 12px;
  font-weight: 600;
}

.nombre {
  text-align: right;
}

.discret {
  color: var(--discret);
}

.vide {
  color: var(--discret);
  text-align: center;
  padding: 32px;
}

.vide.a-gauche {
  text-align: left;
}

.bandeau {
  border-radius: 6px;
  margin: 8px 0;
  padding: 8px 12px;
}

.bandeau.danger {
  background: var(--retrait);
  color: var(--retrait-fort);
}

.bandeau.info {
  background: var(--info);
}

.etiquette {
  background: var(--creux);
  border-radius: 999px;
  margin-left: 4px;
  padding: 1px 8px;
  font-size: 12px;
  display: inline-block;
}

.etiquette.actif {
  background: var(--accent-clair);
  color: var(--accent);
}

.etiquette.absent {
  opacity: .6;
}

.etiquette.danger, .etiquette.gravite-haute, .etiquette.gravite-bloquant {
  background: var(--retrait);
  color: var(--retrait-fort);
}

.statut-a-ecrire, .statut-brouillon {
  --statut: var(--discret);
}

.statut-a-relire {
  --statut: var(--accent);
}

.statut-valide {
  --statut: var(--valide);
}

.pastille {
  border: 1.5px solid var(--statut);
  border-radius: 50%;
  flex: none;
  width: 10px;
  height: 10px;
}

.pastille.statut-a-ecrire {
  opacity: .8;
  border-style: dotted;
}

.pastille.statut-brouillon {
  background: linear-gradient(to top, var(--statut) 50%, transparent 50%);
}

.pastille.statut-valide {
  background: var(--statut);
}

.etiquette[class*="statut-"] {
  color: var(--statut);
}

.page {
  max-width: 960px;
  margin: 0 auto;
  padding: 32px 24px;
}

.marque-accueil {
  align-items: center;
  gap: 5px;
  display: flex;
}

.marque-accueil .nom {
  letter-spacing: -.045em;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
}

.marque-accueil .nom .mini {
  margin-right: .04em;
  font-weight: 300;
}

.marque-accueil .logo-briques {
  width: 19px;
  height: 15px;
}

.logo-briques {
  flex: none;
  width: 32px;
  height: 25px;
}

.espace-entete h1.entreprise-nom:before {
  content: none;
}

.entree {
  background: var(--fond);
  place-items: center;
  min-height: 100vh;
  padding: 24px;
  display: grid;
}

.entree-cadre {
  background: var(--carte);
  border: 1px solid var(--bord);
  border-radius: 10px;
  flex-direction: column;
  gap: 8px;
  width: min(320px, 100%);
  padding: 28px 28px 24px;
  display: flex;
}

.entree-marque {
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  font-size: 20px;
  font-weight: 600;
  display: flex;
}

.entree-cadre label {
  color: var(--discret);
  font-size: 13px;
}

.entree-cadre input {
  font: inherit;
  border: 1px solid var(--bord);
  background: var(--fond);
  color: var(--texte);
  border-radius: 6px;
  padding: 7px 10px;
}

.entree-cadre input:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
  border-color: var(--accent);
}

.entree-cadre input[aria-invalid] {
  border-color: var(--retrait-fort);
}

.entree-erreur {
  color: var(--retrait-fort);
  margin: 0;
  font-size: 13px;
}

.entree-cadre button {
  margin-top: 8px;
  padding: 7px 12px;
}

.logo-briques .ocre {
  fill: var(--brique-ocre);
}

.logo-briques .rouge {
  fill: var(--brique-rouge);
}

.logo-briques .noire {
  fill: var(--brique-noire);
}

.theme-choix {
  border: 1px solid var(--bord);
  background: var(--creux-doux);
  border-radius: 7px;
  flex: none;
  align-items: center;
  gap: 2px;
  padding: 2px;
  display: flex;
}

.theme-choix button {
  width: 24px;
  height: 22px;
  color: var(--discret);
  background: none;
  border: none;
  border-radius: 5px;
  place-items: center;
  padding: 0;
  display: grid;
}

.theme-choix button:hover {
  color: var(--texte);
}

.theme-choix button[aria-pressed="true"] {
  background: var(--carte);
  color: var(--texte);
  box-shadow: 0 0 0 1px var(--bord);
}

.theme-choix button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

.theme-choix svg {
  width: 14px;
  height: 14px;
}

.espace {
  flex-direction: column;
  display: flex;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

:is(html:has(.espace), body:has(.espace)) {
  overflow: hidden;
}

.espace-entete {
  background: var(--cadre);
  border-bottom: 1px solid var(--bord);
  justify-content: space-between;
  align-items: center;
  gap: 16px 32px;
  padding: 9px 20px 10px;
  display: flex;
}

.espace-entete > div:first-child {
  flex: auto;
  min-width: 0;
}

.entete-titre {
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.entete-retour {
  width: 26px;
  height: 26px;
  color: var(--discret);
  border-radius: 6px;
  flex: none;
  place-items: center;
  margin-left: -6px;
  font-size: 16px;
  text-decoration: none;
  display: grid;
}

.entete-retour:hover {
  background: var(--creux);
  color: var(--accent);
}

.entete-retour:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

.entete-frise {
  flex: 0 380px;
  min-width: 240px;
}

.espace-entete h1 {
  font-family: var(--police-doc);
  letter-spacing: -.01em;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  margin: 0 0 2px;
  font-size: 21px;
  font-weight: 600;
  overflow: hidden;
}

.espace-entete h1:before {
  content: "";
  vertical-align: -3px;
  width: 29px;
  height: 22px;
  -webkit-mask: var(--logo-briques) no-repeat center / contain;
  -webkit-mask: var(--logo-briques) no-repeat center / contain;
  mask: var(--logo-briques) no-repeat center / contain;
  background: currentColor;
  margin-right: 10px;
  display: inline-block;
}

:root {
  --logo-briques: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 20' fill='none' stroke='black' stroke-width='1.2'%3E%3Crect x='2.6' y='1.1' width='13.8' height='4.8' rx='1.6'/%3E%3Crect x='8.6' y='7.6' width='13.8' height='4.8' rx='1.6'/%3E%3Crect x='2.6' y='14.1' width='13.8' height='4.8' rx='1.6'/%3E%3C/svg%3E");
}

.espace-entete > div:first-child > .discret:last-child {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12.5px;
  overflow: hidden;
}

.espace-entete .theme-choix {
  align-self: center;
}

.espace > .bandeau {
  margin: 8px 20px 0;
}

.espace-corps {
  grid-template-rows: minmax(0, 1fr);
  grid-template-columns: var(--largeur-chats, 210px) 1px minmax(0, var(--largeur-chat, 420px)) 1px
    minmax(0, 1fr);
  flex: 1;
  min-height: 0;
  display: grid;
}

.redimensionneur {
  z-index: 2;
  cursor: col-resize;
  touch-action: none;
  background: var(--bord);
  position: relative;
}

.redimensionneur:before {
  content: "";
  position: absolute;
  inset: 0 -3px;
}

.redimensionneur:after {
  content: "";
  background: var(--accent);
  opacity: 0;
  width: 3px;
  transition: opacity .12s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1px;
}

.redimensionneur:hover:after, .redimensionneur.actif:after, .redimensionneur:focus-visible:after {
  opacity: 1;
}

.redimensionneur:focus-visible {
  outline: none;
}

.espace-fils {
  background: var(--cadre);
  flex-direction: column;
  min-height: 0;
  display: flex;
}

.fils-entete {
  justify-content: space-between;
  align-items: center;
  padding: 12px 12px 8px;
  display: flex;
}

.fils-entete .lien {
  font-size: 20px;
  line-height: 1;
}

.chat-entete {
  border-bottom: 1px solid var(--bord);
  align-items: center;
  gap: 8px;
  padding: 12px 8px 8px 14px;
  display: flex;
}

.chat-entete-titre {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: var(--discret);
  flex: 1;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
}

.chat-corps {
  min-height: 0;
}

.chat-fermer {
  width: 24px;
  height: 24px;
  color: var(--discret);
  background: none;
  border: none;
  border-radius: 5px;
  flex: none;
  place-items: center;
  padding: 0;
  font-size: 18px;
  line-height: 1;
  display: grid;
}

.chat-fermer:hover {
  background: var(--creux);
  color: var(--texte);
}

.chat-fermer:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

.chat-rail {
  display: none;
}

.espace-corps.chat-ferme {
  grid-template-columns: 44px 1px minmax(0, 1fr);
}

.espace-corps.chat-ferme > .espace-fils, .espace-corps.chat-ferme > .sep-chats, .espace-corps.chat-ferme > .espace-chat {
  display: none;
}

.espace-corps.chat-ferme > .sep-chat {
  pointer-events: none;
}

.espace-corps.chat-ferme > .chat-rail {
  background: var(--cadre);
  min-height: 0;
  display: block;
}

.chat-rouvrir {
  width: 100%;
  color: var(--discret);
  background: none;
  border: none;
  border-radius: 0;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 14px 0;
  display: flex;
  position: relative;
}

.chat-rouvrir .logo-briques {
  width: 22px;
  height: 17px;
}

.chat-rail-nom {
  writing-mode: vertical-rl;
  letter-spacing: .02em;
  font-size: 12.5px;
  font-weight: 600;
}

.chat-rouvrir:hover {
  background: var(--creux);
  color: var(--accent);
}

.chat-rouvrir:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}

.chat-rail-occupe {
  background: var(--accent);
  border-radius: 50%;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 10px;
  right: 9px;
}

.fils-liste {
  flex: 1;
  margin: 0;
  padding: 0 6px 12px;
  list-style: none;
  overflow: auto;
}

.fil {
  cursor: pointer;
  border-radius: 6px;
  padding: 8px 26px 8px 10px;
  transition: padding-left .25s;
  position: relative;
}

.fil.occupe {
  padding-left: 26px;
}

.fil:hover {
  background: var(--creux);
}

.fil.actif {
  background: var(--accent-clair);
}

.fil.non-lu .fil-titre {
  font-weight: 600;
}

.fil-titre {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 13px;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}

button.fil-titre {
  width: 100%;
  color: inherit;
  text-align: left;
  background: none;
  border: none;
  border-radius: 3px;
  padding: 0;
}

button.fil-titre:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.fil-supprimer:focus-visible {
  visibility: visible;
  outline: 2px solid var(--accent);
}

.fil-chantier {
  flex-direction: column-reverse;
  gap: 2px;
  width: 13px;
  display: flex;
  position: absolute;
  top: 9px;
  bottom: 9px;
  left: 8px;
  overflow: hidden;
}

.fil-chantier i {
  background: var(--brique-ocre);
  opacity: 0;
  border-radius: 1.5px;
  flex: 1 1 0;
  width: 10px;
  min-height: 3px;
  max-height: 7px;
  animation: 2.8s cubic-bezier(.3, .7, .4, 1) infinite fil-pose;
}

.fil-chantier i:nth-child(2n) {
  margin-left: 3px;
}

.fil-chantier i:nth-child(2) {
  background: var(--brique-rouge);
  animation-delay: .25s;
}

.fil-chantier i:nth-child(3) {
  background: var(--brique-noire);
  animation-delay: .5s;
}

.fil-chantier i:nth-child(4) {
  background: var(--brique-ocre);
  animation-delay: .75s;
}

.fil-chantier i:nth-child(5) {
  background: var(--brique-rouge);
  animation-delay: 1s;
}

@keyframes fil-pose {
  0% {
    opacity: 0;
    transform: translateY(-14px);
  }

  10%, 64% {
    opacity: 1;
    transform: none;
  }

  76%, 100% {
    opacity: 0;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fil-chantier i {
    opacity: 1;
    animation: none;
  }
}

.fil:not(.epingle) {
  --epingle: var(--accent);
}

.fil:not(.epingle):hover .fil-pastille, .fil:not(.epingle).actif .fil-pastille {
  visibility: hidden;
}

.fils-entete {
  position: relative;
}

.fils-menu {
  z-index: 5;
  background: var(--carte);
  border: 1px solid var(--bord);
  border-radius: 8px;
  flex-direction: column;
  min-width: 190px;
  padding: 6px;
  display: flex;
  position: absolute;
  top: calc(100% - 2px);
  left: 6px;
  right: 6px;
  box-shadow: 0 6px 20px #14181e1f;
}

.fils-menu-aide {
  color: var(--discret);
  margin: 2px 6px 6px;
  font-size: 11.5px;
  line-height: 1.35;
}

.fils-menu button {
  color: var(--texte);
  text-align: left;
  background: none;
  border: none;
  border-radius: 5px;
  padding: 6px 8px;
  font-size: 13px;
}

.fils-menu button:hover, .fils-menu button:focus-visible {
  background: var(--accent-clair);
  color: var(--accent);
  outline: none;
}

.fils-menu .fils-menu-libre {
  border-top: 1px solid var(--bord);
  color: var(--discret);
  border-radius: 0 0 5px 5px;
  margin-top: 4px;
}

.fil-supprimer {
  width: 20px;
  height: 20px;
  color: var(--discret);
  visibility: hidden;
  background: none;
  border: none;
  border-radius: 4px;
  padding: 0;
  font-size: 15px;
  line-height: 1;
  position: absolute;
  top: 6px;
  right: 4px;
}

.fil:hover .fil-supprimer, .fil.actif .fil-supprimer {
  visibility: visible;
}

.fil-supprimer:hover {
  background: var(--retrait);
  color: var(--retrait-fort);
}

.fils-vide {
  padding: 0 12px;
  font-size: 12px;
}

.espace-editeur {
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.espace-editeur > .navigation {
  flex: none;
  min-height: 41px;
  overflow: auto hidden;
}

.espace-editeur > .partage {
  grid-template-rows: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr) 1px var(--largeur-arbre, 280px);
  flex: 1;
  min-height: 0;
  display: grid;
}

.espace-docs {
  background: var(--travail);
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  display: flex;
}

.espace-chat {
  background: var(--travail);
  grid-template-rows: auto auto minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

.espace-arbre {
  background: var(--cadre);
  min-height: 0;
  overflow: auto;
}

.espace-editeur > .partage.sans-arbre {
  grid-template-columns: minmax(0, 1fr);
}

.partage.sans-arbre .espace-arbre, .partage.sans-arbre .sep-arbre {
  display: none;
}

@media (max-width: 1200px) {
  .espace-editeur > .partage:not(.arbre-voulu) {
    grid-template-columns: minmax(0, 1fr);
  }

  .partage:not(.arbre-voulu) .espace-arbre, .partage:not(.arbre-voulu) .sep-arbre {
    display: none;
  }
}

@media (max-width: 900px) {
  .espace-corps {
    grid-template-columns: minmax(0, var(--largeur-chat, 420px)) 1px minmax(0,
        1fr);
  }

  .espace-fils, .sep-chats {
    display: none;
  }
}

.chatkit {
  width: 100%;
  height: 100%;
  display: block;
}

.chat-chargement {
  color: var(--discret);
  padding: 24px;
}

.navigation {
  border-bottom: 1px solid var(--bord);
  background: var(--cadre);
  flex: none;
  align-items: center;
  gap: 2px;
  padding: 6px 10px;
  display: flex;
}

.nav-bouton {
  width: 28px;
  height: 28px;
  color: var(--discret);
  background: none;
  border: none;
  border-radius: 6px;
  place-items: center;
  font-size: 16px;
  line-height: 1;
  display: grid;
}

.nav-bouton:hover:not(:disabled) {
  background: var(--creux);
  color: var(--texte);
}

.nav-bouton:disabled {
  opacity: .35;
  cursor: default;
}

.nav-sep {
  background: var(--bord);
  width: 1px;
  height: 18px;
  margin: 0 6px;
}

.onglets {
  flex: 1;
  align-items: center;
  gap: 2px;
  min-width: 0;
  display: flex;
  overflow-x: auto;
}

.onglets > button, .onglets > .nav-sep {
  flex: none;
}

.onglets.onglets-fin {
  flex: none;
  margin-left: 8px;
}

.onglets button {
  color: var(--discret);
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 6px;
  padding: 5px 10px;
}

.onglets button:hover {
  background: var(--creux);
  color: var(--texte);
}

.onglets button.actif {
  background: var(--creux);
  color: var(--texte);
  font-weight: 600;
}

.app-mcp {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.app-mcp-cadre {
  background: var(--blanc);
  border: none;
  flex: 1;
  width: 100%;
}

.nav-bouton:focus-visible, .onglets button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}

.liste-doc ul {
  max-width: 780px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.liste-doc li {
  cursor: pointer;
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  display: flex;
}

.liste-doc li:hover {
  background: var(--creux);
}

.liste-doc li.niveau-3 {
  padding-left: 28px;
}

.liste-doc li.niveau-4 {
  padding-left: 48px;
}

.liste-titre {
  flex: 1;
}

.arbre {
  padding: 12px;
}

.arbre a {
  color: inherit;
  text-decoration: none;
}

.arbre-entete {
  flex-direction: column;
  margin-bottom: 8px;
  display: flex;
}

.arbre ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.arbre-ligne {
  cursor: pointer;
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  padding: 4px 6px;
  display: flex;
}

.arbre-ligne:hover {
  background: var(--creux);
}

.arbre-ligne.actif {
  background: var(--accent-clair);
}

.arbre-ligne.niveau-3 {
  padding-left: 22px;
}

.arbre-ligne.niveau-4 {
  padding-left: 38px;
}

.arbre-titre {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.points {
  color: var(--discret);
  font-size: 12px;
}

.marque-tour {
  color: var(--accent);
  font-size: 10px;
}

.dossier {
  color: var(--discret);
  margin: 10px 0 4px;
  font-size: 12px;
  font-weight: 600;
}

.avertissements {
  margin-top: 12px;
  font-size: 12px;
}

.vue {
  flex: 1;
  min-height: 0;
  padding: 16px 24px 48px;
  overflow: auto;
}

.ariane {
  flex-wrap: wrap;
  align-items: center;
  gap: 2px;
  font-size: 15px;
  display: flex;
}

.ariane button {
  color: var(--discret);
  background: none;
  border: none;
  border-radius: 4px;
  padding: 2px 4px;
}

.ariane button:hover {
  color: var(--accent);
}

.ariane button.actif {
  color: var(--texte);
  font-weight: 600;
}

.ariane-sep {
  color: var(--discret);
  padding: 0 2px;
}

.chapitre > .ariane {
  margin: -4px 0 6px -4px;
  font-size: 13.5px;
}

.analyse {
  flex: 1;
  min-height: 0;
  padding: 16px 24px 48px;
  overflow: auto;
}

.analyse h3 {
  scroll-margin-top: 12px;
}

.chapitre header, .analyse-entete {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  margin-bottom: 12px;
  display: flex;
}

.chapitre header h2 {
  flex-basis: 100%;
}

.chapitre-meta {
  align-items: center;
  gap: 10px;
  display: flex;
}

.critere {
  color: var(--accent);
}

.actions {
  gap: 8px;
  margin-left: auto;
  display: flex;
}

.sous-chapitre h3 {
  cursor: pointer;
  align-items: center;
  gap: 8px;
  display: flex;
}

.sous-chapitre h3:hover {
  color: var(--accent);
}

.sous-chapitre.niveau-4 {
  margin-left: 16px;
}

.exigences {
  background: var(--carte);
  border: 1px solid var(--bord);
  border-radius: 8px;
  margin-top: 24px;
  padding: 10px 14px;
}

.exigences h3 {
  margin-top: 0;
}

.redaction-corps {
  grid-template-columns: minmax(200px, 260px) minmax(0, 1fr);
  align-items: start;
  gap: 28px;
  display: grid;
}

.redaction-exigences {
  border-right: 1px solid var(--bord);
  max-height: calc(100vh - 220px);
  padding: 2px 16px 0 0;
  position: sticky;
  top: 0;
  overflow: auto;
}

.redaction-exigences h3 {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 600;
}

.redaction-exigences h3 .discret {
  margin-left: 4px;
  font-weight: 400;
}

.redaction-exigences ul {
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.redaction-exigences li {
  border-left: 2px solid var(--accent);
  flex-direction: column;
  gap: 2px;
  padding-left: 10px;
  font-size: 13px;
  line-height: 1.45;
  display: flex;
}

.redaction-source {
  color: var(--discret);
  font-size: 12px;
}

@media (max-width: 900px) {
  .redaction-corps {
    grid-template-columns: minmax(0, 1fr);
  }

  .redaction-exigences {
    border-right: 0;
    max-height: none;
    padding: 0;
    position: static;
  }
}

.md, .liste-doc h2, .chapitre header h2, .analyse h2, .analyse h3, .sous-chapitre h3, pre.texte-piece {
  font-family: var(--police-doc);
}

.liste-doc h2, .chapitre header h2, .analyse h2 {
  letter-spacing: -.01em;
  font-size: 20px;
  font-weight: 600;
}

.md, pre.texte-piece {
  font-size: 15.5px;
  line-height: 1.6;
}

.md {
  max-width: 780px;
}

.md code {
  font-size: 13px;
}

.md table {
  margin: 8px 0;
}

pre.source {
  white-space: pre-wrap;
  background: var(--carte);
  border: 1px solid var(--bord);
  border-radius: 8px;
  padding: 12px;
}

.editeur textarea {
  width: 100%;
  font-family: var(--mono);
  border: 1px solid var(--bord);
  resize: vertical;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 12.5px;
  line-height: 1.5;
}

.lint {
  margin-top: 6px;
  font-size: 12.5px;
}

.lint-ok .lint-etat {
  color: var(--ajout-fort);
}

.lint-erreurs .lint-etat, .lint-indisponible .lint-etat {
  color: var(--retrait-fort);
}

.lint ul {
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
}

.diag {
  cursor: pointer;
  border-radius: 4px;
  padding: 3px 8px;
}

.diag-error {
  background: var(--retrait);
}

.diag-warning {
  background: var(--avert);
}

.diag-pos {
  font-family: var(--mono);
  color: var(--discret);
  margin-right: 8px;
}

.tour {
  margin-bottom: 16px;
}

.tour summary {
  cursor: pointer;
  color: var(--accent);
}

.diff {
  border: 1px solid var(--bord);
  background: var(--carte);
  border-radius: 8px;
  overflow: hidden;
}

.diff-entete {
  border-bottom: 1px solid var(--bord);
  padding: 4px 10px;
  font-size: 12px;
}

.diff-entete .ajout {
  color: var(--ajout-fort);
}

.diff-entete .retrait {
  color: var(--retrait-fort);
}

.diff pre {
  white-space: pre-wrap;
  margin: 0;
}

.diff pre > div {
  padding: 0 10px;
}

.diff-ajout {
  background: var(--ajout);
}

.diff-retrait {
  background: var(--retrait);
}

.diff-replie {
  color: var(--discret);
  background: var(--creux-leger);
  font-style: italic;
}

.diff-marque {
  width: 14px;
  color: var(--discret);
  display: inline-block;
}

button.arbre-ligne, a.arbre-ligne {
  width: 100%;
  color: inherit;
  text-align: left;
  font: inherit;
  background: none;
  border: none;
}

button.arbre-ligne:hover, a.arbre-ligne:hover {
  background: var(--creux);
}

button.arbre-ligne.actif {
  background: var(--accent-clair);
}

button.arbre-ligne:focus-visible, a.arbre-ligne:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}

.vue.projets, .vue.socle {
  container-type: inline-size;
}

.projets-entete {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 20px;
  margin-bottom: 14px;
  display: flex;
}

.projets-entete h2, .socle-entete h2 {
  font-family: var(--police-doc);
  letter-spacing: -.01em;
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}

.nouveau-projet {
  align-items: center;
  gap: 7px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
}

.nouveau-projet span {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}

.nouveau-projet:hover {
  filter: brightness(1.08);
}

.nouveau-projet:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.projets-entete .nouveau-projet {
  margin-left: auto;
}

.vide .nouveau-projet {
  margin-top: 12px;
}

.projets-liste {
  border-top: 1px solid var(--bord);
  max-width: 980px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.projet-remise {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.projet-jours {
  letter-spacing: -.01em;
  font-variant-numeric: tabular-nums;
  font-size: 17px;
  font-weight: 600;
}

.projet-remise.proche .projet-jours {
  color: var(--retrait-fort);
}

.projet-remise.passee {
  opacity: .6;
}

.projet-date {
  color: var(--discret);
  font-size: 12.5px;
}

.projet-titre {
  font-family: var(--police-doc);
  letter-spacing: -.01em;
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
}

.projet-acheteur {
  margin: 3px 0 12px;
  font-size: 13px;
}

.logo-briques.au-travail rect {
  animation: 3.6s ease-in-out infinite briques-glissent;
}

.logo-briques.au-travail .rouge {
  animation-delay: -1.2s;
}

.logo-briques.au-travail .noire {
  animation-delay: -2.4s;
}

@keyframes briques-glissent {
  0%, 100% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(4px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .logo-briques.au-travail rect {
    animation: none;
  }
}

@container (max-width: 560px) {
  .projet-remise {
    flex-direction: row;
    align-items: baseline;
    gap: 10px;
  }
}

.socle > * {
  max-width: 820px;
}

.socle-entete p {
  max-width: 68ch;
  margin: 6px 0 0;
}

.socle-tour {
  border-left: 2px solid var(--accent);
  padding-left: 10px;
  font-size: 13px;
}

.socle-groupe-titre {
  border-bottom: 1px solid var(--texte);
  font-family: var(--police-doc);
  color: var(--discret);
  margin: 40px 0 0;
  padding-bottom: 6px;
  font-size: 15px;
  font-style: italic;
  font-weight: 400;
}

.rubrique {
  padding-top: 22px;
  scroll-margin-top: 0;
}

.rubrique-entete {
  align-items: baseline;
  gap: 10px;
  display: flex;
}

.rubrique-entete h3 {
  font-family: var(--police-doc);
  letter-spacing: -.01em;
  margin: 0;
  font-size: 19px;
  font-weight: 600;
}

.rubrique-nombre {
  color: var(--discret);
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
}

.rubrique-ajouter {
  margin-left: auto;
  font-size: 13px;
}

.filtres {
  flex-wrap: wrap;
  gap: 6px;
  margin: 10px 0 2px;
  display: flex;
}

button.filtre {
  border: 1px solid var(--bord);
  color: var(--texte);
  background: none;
  border-radius: 999px;
  padding: 1px 10px;
  font-size: 12.5px;
}

button.filtre:hover {
  border-color: var(--accent);
}

button.filtre.actif {
  border-color: var(--accent);
  background: var(--accent-clair);
  color: var(--accent);
}

.filtre-nombre {
  color: var(--discret);
  font-size: 11.5px;
}

.invitation {
  border: 1.5px dotted var(--bord);
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-top: 10px;
  padding: 12px 16px;
  display: flex;
}

.invitation p {
  font-family: var(--police-doc);
  color: var(--discret);
  margin: 0;
  font-style: italic;
}

.invitation-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  display: flex;
}

.categorie-titre {
  color: var(--discret);
  margin: 18px 0 0;
  font-size: 13px;
  font-weight: 600;
}

.fiche {
  border-bottom: 1px solid var(--bord);
  padding: 14px 0 16px;
}

.categorie:last-child .fiche:last-child {
  border-bottom: none;
}

.fiche.change {
  border-left: 2px solid var(--accent);
  margin-left: -14px;
  padding-left: 12px;
}

.fiche-entete {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 14px;
  display: flex;
}

.fiche-titre {
  font-family: var(--police-doc);
  letter-spacing: -.005em;
  flex: 260px;
  margin: 0;
  font-size: 16.5px;
  font-weight: 600;
}

.fiche-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
  font-size: 13px;
  display: flex;
}

.fiche-actions button:not(.lien):not(.demander-agent) {
  padding: 3px 10px;
}

.fiche-actions .lien {
  color: var(--discret);
}

.fiche:hover .fiche-actions .lien, .fiche-actions .lien:focus-visible {
  color: var(--accent);
}

.fiche .fiche-actions .lien.danger {
  color: var(--retrait-fort);
}

button.lien:focus-visible, button.filtre:focus-visible, .fiche-tags .etiquette:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: 4px;
}

.fiche .tour {
  margin: 4px 0 8px;
  font-size: 13px;
}

.fiche .editeur {
  margin-top: 10px;
}

.fiche-aide {
  margin: 6px 0 0;
  font-size: 12.5px;
}

.cartouche {
  border: 1.5px solid var(--texte);
  grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
  margin: 10px 0 12px;
  display: grid;
  overflow: hidden;
}

.cartouche > div {
  min-width: 0;
  box-shadow: 1px 0 0 var(--bord),
    0 1px 0 var(--bord);
  padding: 5px 10px 7px;
}

.cartouche > div.large {
  grid-column: span 2;
}

.cartouche dt {
  color: var(--discret);
  font-size: 11px;
}

.cartouche dd {
  overflow-wrap: anywhere;
  margin: 1px 0 0;
  font-size: 13.5px;
}

.fiche-manque {
  color: var(--discret);
  margin: -4px 0 8px;
  font-size: 12px;
}

.fiche .md {
  font-size: 15px;
}

.fiche .md > :first-child {
  margin-top: 0;
}

.fiche-tags {
  flex-wrap: wrap;
  gap: 4px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.fiche-tags .etiquette {
  color: var(--texte);
  border: none;
  margin: 0;
  font-size: 12px;
}

.fiche-tags .etiquette:hover {
  color: var(--accent);
}

@container (max-width: 520px) {
  .cartouche > div.large {
    grid-column: auto;
  }

  .fiche.change {
    margin-left: -8px;
    padding-left: 6px;
  }
}

.trait {
  background: var(--creux);
  transform-origin: 0;
  height: 9px;
  animation: trait-trace .46s cubic-bezier(.2, .7, .2, 1) calc(var(--i, 0) * 45ms)
      both,
    trait-respire 1.6s ease-in-out calc(.46s + var(--i, 0) * 45ms) infinite
      alternate;
  border-radius: 3px;
  flex: none;
  margin: 4px 0;
  display: block;
}

.trait-h1 {
  vertical-align: -2px;
  height: 17px;
  margin: 0;
  display: inline-block;
}

.trait-h2 {
  height: 15px;
  margin: 3px 0 10px;
}

.trait-gras {
  height: 11px;
}

.trait-petit {
  opacity: .7;
  height: 7px;
}

.discret > .trait-petit {
  vertical-align: middle;
  display: inline-block;
}

@keyframes trait-trace {
  from {
    transform: scaleX(0);
  }
}

@keyframes trait-respire {
  to {
    opacity: .45;
  }
}

.squelette-pastille {
  border: 1.5px dotted var(--bord);
  background: none;
}

.squelette li {
  cursor: default;
}

.squelette li:hover {
  background: none;
}

.squelette-chat {
  background: var(--travail);
  align-items: flex-end;
  height: 100%;
  padding: 12px;
  display: flex;
}

.squelette-compositeur {
  border: 1px solid var(--bord);
  border-radius: 12px;
  width: 100%;
  height: 92px;
  padding: 18px 16px;
}

.picto {
  stroke-width: 1.2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
  width: 22px;
  height: 18px;
}

.picto-fond {
  fill: color-mix(in srgb, var(--teinte) 18%, var(--carte));
  stroke: var(--teinte);
}

.picto-trait {
  fill: none;
  stroke: var(--teinte);
}

.picto-plein {
  fill: var(--teinte);
  stroke: var(--carte);
}

.picto-dce {
  --teinte: var(--brique-rouge);
}

.picto-reponse {
  --teinte: var(--accent);
}

.picto-notes {
  --teinte: var(--brique-ocre);
}

.picto-entreprise {
  --teinte: var(--discret);
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/*# sourceMappingURL=_1x7dcq7n32e7s._.css.map*/