:root { --accent: var(--produit-pretoire); --accent-plein: var(--produit-pretoire-plein, var(--produit-pretoire)); --accent-rayon: var(--courant-rayon-moyen); }
body { margin: 0; background: var(--fond); color: var(--texte); font-family: var(--police-interface); font-size: var(--texte-corps); line-height: 1.5; }

.dos-app { display: flex; align-items: flex-start; min-block-size: 100dvh; }
.dos-app .vd-rail--sombre { --vd-rail-fond: var(--navy); }
@media (min-width: 900px) { .dos-app .vd-rail--sombre { position: sticky; inset-block-start: 0; block-size: 100dvh; overflow-y: auto; box-sizing: border-box; } }
.dos-principal-zone { flex: 1 1 auto; min-inline-size: 0; }
.dos-burger { display: none; }
.vd-provenance { margin: 0; }
.dos { padding: var(--espace-xl) var(--espace-l); max-inline-size: 1280px; box-sizing: border-box; inline-size: 100%; margin-inline: auto; min-inline-size: 0; }
.dos-vue:focus { outline: none; }
.dos-vue h2 { font-size: var(--texte-titre); margin: 0 0 var(--espace-m); }
.dos-vue h3 { font-size: var(--texte-corps); margin: var(--espace-l) 0 var(--espace-s); }
.dos-vue .vd-card > h3:first-child { margin-block-start: 0; }
.dos-vue .vd-fil__quoi .vd-lien { font-size: var(--texte-corps); }
.dos-vue .vd-ariane { margin-block-end: var(--espace-m); }
.dos-intro { color: var(--texte-attenue); margin: 0 0 var(--espace-l); max-inline-size: 70ch; }
.dos-avis { margin: 0 0 var(--espace-m); }
.dos-avis:empty { display: none; }

.dos-tuiles { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); margin-block-end: var(--espace-l); }
a.dos-tuile { box-sizing: border-box; display: flex; flex-direction: column; gap: var(--espace-xs); text-decoration: none; }
a.dos-tuile:hover { border-color: var(--bordure-forte); }
a.dos-tuile:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.dos-deux { display: grid; grid-template-columns: 1fr 1fr; gap: var(--espace-l); }
.dos-deux > .vd-card { min-inline-size: 0; }
.dos-deux .vd-vide { padding-block: var(--espace-m); }

.dos-entete h2 { margin: 0; }
.dos-outils { margin-block-end: var(--espace-s); }
.dos-outils .vd-button [data-icone], .dos-actions .vd-button [data-icone] { margin-inline-end: var(--espace-xxs); }
.dos-repli { display: none; }
.dos-filtres .vd-champ__saisie { inline-size: auto; }

.dos-table tbody tr[data-ouvrir] { cursor: pointer; }
.dos-table td { overflow-wrap: anywhere; }
.dos-principal { font-weight: var(--graisse-appuyee); }
.dos-secondaire { color: var(--texte-attenue); font-size: var(--texte-legende); margin-block-start: var(--espace-xxxs); }
.dos-montrer-mobile { display: none; }

.dos-fiche { display: grid; grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); gap: var(--espace-l); align-items: start; }
.dos-fiche__titre { align-items: flex-start; flex-wrap: nowrap; }
.dos-fiche__titre h2 { flex: 1 1 auto; min-inline-size: 0; }
.dos-fiche__titre h2 { margin: 0; }
.dos-fiche__tete { display: flex; flex-wrap: wrap; gap: var(--espace-s); align-items: center; margin-block: var(--espace-s) var(--espace-m); }
.dos-colonne { display: flex; flex-direction: column; gap: var(--espace-m); min-inline-size: 0; }
.dos-colonne > .vd-card h3 { margin-block-start: 0; }
.dos-actions { display: flex; flex-wrap: wrap; gap: var(--espace-s); margin-block: var(--espace-m) 0; }
.dos-actions .vd-button + .vd-button { margin-inline-start: 0; }
.dos-attributs { margin-block-end: 0; }
.dos-frise { grid-template-columns: minmax(0, 1fr); gap: var(--espace-s); }
.dos-frise .vd-jalon__quoi { overflow-wrap: anywhere; }
.dos-frise .vd-button { margin-block-start: var(--espace-xs); }
.dos-liste-simple { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--espace-s); }
.dos-auteur { color: var(--texte-attenue); }

.vd-fil__item[data-nature="mail"] { --vd-fil-ton: var(--information); }
.vd-fil__item[data-nature="decision"] { --vd-fil-ton: var(--succes); }
.vd-fil__item[data-nature="document"] { --vd-fil-ton: var(--accent); }
.vd-fil__item[data-nature="note"] { --vd-fil-ton: var(--bordure-forte); }
.vd-fil__item[data-nature="photo"] { --vd-fil-ton: var(--alerte); }
.vd-fil__item[data-nature="relance"] { --vd-fil-ton: var(--danger); }
.dos-photo { max-inline-size: min(220px, 100%); border-radius: var(--courant-rayon-petit); margin-block-start: var(--espace-xs); }


.dos-guide { max-inline-size: 70ch; }
.dos-guide li + li { margin-block-start: var(--espace-xs); }

#modale .vd-modale__corps .vd-champ:last-child { margin-block-end: 0; }
#modale .vd-champ { max-inline-size: none; }

.dos-compte__qui { padding: var(--espace-s) var(--espace-m); font-size: var(--texte-legende); color: var(--texte-attenue); border-block-end: 1px solid var(--bordure); }
.dos-compte__qui strong { color: var(--texte); }

@media (max-width: 899px) {
  [data-vd-barre-basse='presente'] .vd-fugace { inset-block-end: calc(130px + env(safe-area-inset-bottom, 0px)); }
  .dos-app { display: block; }
  .dos-burger { display: inline-flex; }
  .dos-fiche, .dos-deux { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 720px) {
}
@media (max-width: 620px) {
  .dos { padding: var(--espace-l) var(--espace-m); }
  .dos-cacher-mobile { display: none; }
  .dos-montrer-mobile { display: block; margin-block-start: var(--espace-xxs); }
  span.dos-montrer-mobile { display: inline; }
  .vd-topbar .vd-lanceur__touche { display: none; }
  .dos-outils .vd-button { white-space: nowrap; }
  .dos-repli { display: inline-flex; }
  .dos-filtres[data-replie="oui"] { display: none; }
  .dos-filtres { flex-direction: column; align-items: stretch; }
  .dos-filtres .vd-champ__saisie { inline-size: 100%; }
}

.dos-bascule { display: inline-flex; gap: var(--espace-xs); align-items: center; font-size: var(--texte-legende); color: var(--texte-attenue); }
.dos-connexion { display: grid; place-items: center; min-block-size: 100dvh; padding: var(--espace-m); box-sizing: border-box; }
.dos-connexion__carte { inline-size: min(420px, 100%); display: flex; flex-direction: column; gap: var(--espace-s); }
.dos-connexion__carte form, .dos-connexion__carte section { display: flex; flex-direction: column; gap: var(--espace-s); }
.dos-connexion__erreur { color: var(--danger); margin: 0; min-block-size: 1.4em; }
.dos-cm__panneau { display: flex; flex-direction: column; gap: var(--espace-s); max-block-size: min(640px, calc(100dvh - 160px)); }
.dos-cm__tete { display: flex; align-items: center; gap: var(--espace-s); }
.dos-cm__tete .vd-segments { min-inline-size: 0; flex: 1 1 auto; }
.dos-cm__tete .vd-iconbtn { margin-inline-start: auto; }
.dos-cm__corps { overflow-y: auto; min-block-size: 0; }
.dos-cm { display: flex; flex-direction: column; gap: var(--espace-s); }
.dos-cm__etiquette { margin: 0; font-size: var(--texte-legende); font-weight: 600; color: var(--texte-attenue); }
.dos-cm__aide { margin: 0; font-size: var(--texte-legende); color: var(--texte-attenue); }
.dos-cm__cible { margin: 0; font-size: var(--texte-legende); border: 1px solid var(--accent); border-radius: var(--courant-rayon-petit); padding: var(--espace-xs) var(--espace-s); }
.dos-cm__types { display: flex; flex-wrap: wrap; gap: var(--espace-xs); }
.dos-cm__erreur { color: var(--danger); margin: 0; font-size: var(--texte-legende); }
.dos-cm__citation { margin: 0; padding-inline-start: var(--espace-s); border-inline-start: 3px solid var(--accent); color: var(--texte-attenue); white-space: pre-wrap; }
.dos-cm__meta { display: flex; flex-wrap: wrap; gap: var(--espace-xs); align-items: center; margin: 0; font-size: var(--texte-legende); color: var(--texte-attenue); }
.dos-cm__liste { list-style: none; margin: 0; padding: 0; }
.dos-cm__liste li + li { border-block-start: 1px solid var(--bordure); }
.dos-cm__ligne { display: flex; flex-direction: column; gap: var(--espace-xxs); inline-size: 100%; padding: var(--espace-s) 0; border: 0; background: none; text-align: start; font: inherit; color: inherit; cursor: pointer; }
.dos-cm__extrait { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dos-cm__bulle { max-inline-size: 92%; align-self: flex-start; border: 1px solid var(--accent); border-radius: var(--courant-rayon-petit); padding: var(--espace-xs) var(--espace-s); }
.dos-cm__bulle--moi { align-self: flex-end; border-color: var(--bordure); background: var(--surface-haute, transparent); }
.dos-cm__auteur { margin: 0; font-size: var(--texte-legende); color: var(--texte-attenue); font-weight: 600; }
.dos-cm__texte { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.dos-cm__capture { inline-size: 100%; max-block-size: 140px; object-fit: cover; object-position: top; border: 1px solid var(--bordure); border-radius: var(--courant-rayon-petit); }
.dos-cm__bandeau { position: fixed; inset-inline: 0; top: 0; z-index: var(--plan-au-dessus-de-tout); display: flex; flex-wrap: wrap; gap: var(--espace-s); align-items: center; justify-content: center; padding: var(--espace-s) var(--espace-m); padding-block-start: max(var(--espace-s), env(safe-area-inset-top)); background: var(--navy); color: #fff; font-weight: 600; }
.dos-groupe { margin-block-end: var(--espace-l); }
.dos-groupe .vd-table-enveloppe { margin: 0; }
.dos-pieces { margin: 0 0 var(--espace-s); padding-inline-start: var(--espace-l); display: flex; flex-direction: column; gap: var(--espace-xs); }
.dos-case { display: flex; align-items: center; gap: var(--espace-s); margin-block: var(--espace-s); }
#adverse-conflit:not(:empty) { margin-block: calc(-1 * var(--espace-xs)) var(--espace-m); }
.dos-attributs + .dos-liste-simple, .dos-attributs + p + .dos-liste-simple { margin-block-start: var(--espace-m); }