/* Audit interface aligned with Formation Entre-Deux site components. */
.entete-actions{display:flex;flex:1;align-items:center;justify-content:flex-end;gap:24px}
.entete{height:var(--hauteur-entete);padding-top:0;padding-bottom:0}
.entete-actions:has(.lien-navigation){display:flex;align-items:center}
.lien-navigation{border:0;background:transparent;padding:0;cursor:pointer;font-family: Inter;font-size:16px;font-weight:400;line-height:27px;color:#000;display:inline-flex;align-items:center}
.lien-navigation:hover{text-decoration:none}
.entete-actions .bouton.principal{font-size:16px;line-height:1;font-family:Inter,sans-serif;font-weight:500;padding:16px 36px;border-radius:10px;background-color:rgba(0,0,0,.79);color:#fff;border:1px solid #000;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;appearance:none;-webkit-appearance:none;margin:0;height:auto;min-height:0}
.entete-actions .bouton.principal:hover{background-color:#000;border-color:#000}

.ligne-audit{cursor:pointer;transition:none}
.ligne-audit:hover{background:transparent}
.ligne-audit h2,.ligne-audit p{font-weight:400!important}

/* Exact site spacing: the H1 alone owns the 52px separation. */
.hero{row-gap:0}
.hero-droite h1{margin:0;padding-bottom:52px}
.hero-droite p{margin:0!important;padding:0!important}

/* The audit page starts at the same vertical position as the homepage hero content: 168px from the viewport top. */
.contenu-audit{padding-top:76px}
.barre-laterale{padding-top:76px}
.en-tete-indicateur{align-items:flex-end;margin-bottom:24px}
.en-tete-indicateur>div:first-child{min-width:0}

/* Remove the left hero eyebrow as requested. */
.hero-gauche{visibility:hidden}

/* Minimal status select: no underline, black chevron, bottom-aligned with the H1. */
.statut-indicateur{min-width:190px;position:relative;align-self:flex-end;margin-bottom:0}
.statut-indicateur select{width:100%;min-height:44px;padding:10px 46px 10px 14px;border:0;border-radius:0;background-color:transparent;font-size:16px;font-weight:400;line-height:24px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:calc(100% - 18px) 50%;background-size:14px 8px;background-repeat:no-repeat}
.statut-indicateur select:focus{outline:0}

/* More breathing room in the left navigation. */
.audit-titre{margin-bottom:32px}
.resume{margin:0 0 32px;padding:24px 0}
.outils{margin-bottom:32px}
.navigation-indicateurs{display:grid;gap:10px}
.critere-groupe{border-bottom:1px solid #e2e2e2;padding-bottom:6px}
.critere-nav{width:100%;margin:0;padding:18px 2px;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;cursor:pointer;color:#969696;font-family: Inter;font-size:12px;font-weight:400;line-height:18px;text-transform:uppercase}
.critere-nav .chevron{width:14px;height:8px;flex:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23969696' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:center;background-size:14px 8px;background-repeat:no-repeat;transition:transform .15s ease}
.critere-nav .chevron::before,.critere-nav .chevron::after{display:none}
.critere-groupe.ouvert .critere-nav .chevron{transform:rotate(180deg)}
.critere-indicateurs{padding:4px 0 16px;display:grid;gap:5px}
.critere-indicateurs[hidden]{display:none}
.indicateur-nav{font-weight:400;padding-top:12px;padding-bottom:12px}
.outils-audit{gap:12px;margin-top:36px}

/* When filtering by a status, matching criteria open automatically. */
.audit-page:has([data-filtre="non_commence"].actif) .critere-indicateurs[hidden],
.audit-page:has([data-filtre="en_cours"].actif) .critere-indicateurs[hidden],
.audit-page:has([data-filtre="termine"].actif) .critere-indicateurs[hidden]{display:grid}
.audit-page:has([data-filtre="non_commence"].actif) .critere-nav .chevron,
.audit-page:has([data-filtre="en_cours"].actif) .critere-nav .chevron,
.audit-page:has([data-filtre="termine"].actif) .critere-nav .chevron{transform:rotate(180deg)}

/* File and URL evidence blocks share the same component treatment. */
.preuve-types{display:grid;grid-template-columns:1fr;gap:32px;align-items:start}
.depot,.ajout-lien{border:1px solid #bbb;border-radius:10px;padding:24px;background:#fff}
.ajout-lien{display:grid;gap:18px}
.ajout-lien label{display:grid;gap:7px;font-weight:400;font-size:14px}
.ajout-lien input{width:100%;border:0;border-bottom:1px solid #222;border-radius:0;padding:10px 0;background:#fff;font-size:16px;outline:0}
.ajout-lien .bouton{justify-self:start}
.fichier{border:1px solid #ddd;border-radius:10px;padding:14px 16px;margin-top:10px}
.fichier a.bouton{border:0;border-radius:0;padding:0;background:transparent;color:#000;text-decoration:underline;text-underline-offset:3px;font-size:14px;min-height:0}
.fichier a.bouton:hover{background:transparent;color:#000}

/* Status messages are notifications, not CTAs. */
.toast{right:24px;bottom:24px;border:1px solid #d8d8d8;border-radius:10px;background:#fff;color:#000;padding:12px 16px;box-shadow:0 8px 24px rgba(0,0,0,.10);font-size:14px;font-weight:400}

/* Contact-form inspired audit dialog. */
.dialogue{width:min(1040px,calc(100% - 48px));max-height:calc(100dvh - 48px);border:0;border-radius:0;padding:0;box-shadow:none;background:#fff}
.dialogue::backdrop{background:rgba(0,0,0,.34);backdrop-filter:blur(2px)}
.dialogue form{padding:64px 72px 56px;display:grid;grid-template-columns:1fr 1fr;column-gap:64px;row-gap:38px}
.dialogue-entete{grid-column:1/-1;align-items:flex-start;margin-bottom:8px}
.dialogue h2{margin:0;font-size:38px;font-weight:400;line-height:48px;letter-spacing:0}
.dialogue .sur-titre{display:none}
.dialogue .icone-bouton{font-size:34px;font-weight:300;line-height:1;padding:0 4px}
.dialogue label{display:grid;gap:8px;font-family: Inter;font-size:16px;font-weight:400;line-height:24px}
.dialogue label:nth-of-type(3),.dialogue label:nth-of-type(4){grid-column:1/-1}
.dialogue input,.dialogue select{width:100%;min-height:48px;padding:10px 40px 10px 0;border:0;border-bottom:1px solid #222;border-radius:0;background:#fff;font-size:18px;font-weight:400;outline:0}
.dialogue select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:calc(100% - 8px) 50%;background-size:14px 8px;background-repeat:no-repeat}
.dialogue input:focus,.dialogue select:focus{border-bottom-color:#000}
.dialogue-actions{grid-column:1/-1;justify-content:flex-start;margin-top:10px}
.dialogue-actions .bouton{min-width:180px;min-height:54px;padding:16px 28px;font-size:16px;font-weight:400}

@media(max-width:950px){
  .entete-actions:has(.lien-navigation){display:flex;gap:20px}
  .lien-navigation{font-size:14px}
  .hero{row-gap:0}
  .hero-gauche{display:none}
  .hero-droite p{grid-row:2}
  .hero-droite h1{padding-bottom:52px}
  .contenu-audit,.barre-laterale{padding-top:48px}
  .dialogue form{padding:44px 32px;grid-template-columns:1fr;gap:28px}
  .dialogue label:nth-of-type(3),.dialogue label:nth-of-type(4){grid-column:auto}
  .dialogue-entete,.dialogue-actions{grid-column:1}
}
@media(max-width:600px){
  .entete-actions .lien-navigation{display:none}
  .dialogue{width:calc(100% - 24px)}
  .dialogue form{padding:32px 22px}
  .dialogue h2{font-size:30px;line-height:38px}
  .dialogue-actions{align-items:stretch}
  .dialogue-actions .bouton{width:100%}
  .statut-indicateur{width:100%;margin-bottom:0}
}
.dialogue-auth{width:min(720px,calc(100% - 32px))}
.dialogue-auth form{grid-template-columns:1fr}
.dialogue-auth .dialogue-entete,.dialogue-auth .dialogue-actions,.dialogue-auth .meta{grid-column:1}
.auth-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.auth-actions .lien-navigation{min-height:44px}
.champ-date{cursor:pointer}
.champ-date input{cursor:pointer}
.champ-date:focus-visible{outline:2px solid #000;outline-offset:3px}
.champ-date input:focus-visible{outline:2px solid #000;outline-offset:3px}
.audit-viewer .barre-laterale{padding-bottom:32px}
.audit-viewer .navigation-indicateurs{margin-top:32px}
.message-auth{grid-column:1;min-height:24px;margin:0;font-size:14px;line-height:22px}
.message-auth.succes{color:#176b36}
.message-auth.erreur{color:#a01f1f}
body.verrouille .entete{visibility:hidden}
.logo-connexion{position:fixed;top:26px;left:40px;z-index:1;text-decoration:none}
body.verrouille .dialogue-auth::backdrop{background:#fff;backdrop-filter:none}
@media(max-width:950px){.logo-connexion{top:22px;left:24px}}