/* ═══════════════════════════════════════════════════════════════════════════════════════════════════════════
   CONTRÔLE AVANT ENVOI et VERSION « PROJET » (2026-10-07) : fenêtre « Présentations PowerPoint », composant
   Shared/ControleAvantEnvoi.razor. Préfixe envoi- ; le reste vient des règles de la fenêtre (memo-). Couleurs : jetons
   de l'application (clair et sombre), états sur --st-red, --st-amber et --st-green comme le contrôle du masque.
   ═══════════════════════════════════════════════════════════════════════════════════════════════════════════ */
.envoi-version .memo-segments { align-self: flex-start; }
.envoi-corps { display: flex; flex-direction: column; gap: 10px; padding: 4px 14px 14px; }
.envoi-depot { flex: 0 0 auto; }
.envoi-attente { margin: 0; font-size: .8rem; color: var(--mut1, #9fb3ba); }

/* Bilan : une phrase, puis les autres gravités, les diapositives et le nom de code. */
.envoi-bilan { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border-radius: 10px;
               border: 1px solid var(--o8, rgba(255,255,255,.12)); background: color-mix(in oklab, var(--surf-1, #0e1620) 55%, transparent); }
.envoi-bilan-ic { flex: 0 0 auto; width: 22px; height: 22px; margin-top: 1px; border-radius: 999px; display: grid; place-items: center; font-size: .75rem; font-weight: 800; }
.envoi-bilan.bloquant .envoi-bilan-ic { color: var(--st-red, #f0705a); background: color-mix(in srgb, var(--st-red, #f0705a) 16%, transparent); }
.envoi-bilan.corriger .envoi-bilan-ic, .envoi-bilan.verifier .envoi-bilan-ic { color: var(--st-amber, #fbbf24); background: color-mix(in srgb, var(--st-amber, #fbbf24) 18%, transparent); }
.envoi-bilan.pret .envoi-bilan-ic { color: var(--st-green, #34d399); background: color-mix(in srgb, var(--st-green, #34d399) 16%, transparent); }
.envoi-bilan-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.envoi-bilan-txt strong { font-size: .86rem; font-weight: 750; line-height: 1.35; color: var(--tx1, #e9f1f2); }
.envoi-bilan-txt span { font-size: .74rem; line-height: 1.4; color: var(--mut1, #9fb3ba); }

/* Constats : un par ligne, la gravité en filet de gauche et en pastille. */
.envoi-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.envoi-constat { display: flex; align-items: flex-start; gap: 10px; padding: 9px 11px; border-radius: 10px;
                 border: 1px solid var(--o8, rgba(255,255,255,.12)); border-left-width: 3px;
                 background: color-mix(in oklab, var(--surf-2, #13202b) 60%, transparent); }
.envoi-constat.bloquant { border-left-color: var(--st-red, #f0705a); }
.envoi-constat.corriger { border-left-color: var(--st-amber, #fbbf24); }
.envoi-constat.verifier { border-left-color: color-mix(in srgb, var(--mut1, #9fb3ba) 70%, transparent); }
.envoi-ic { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 1px; border-radius: 999px; display: grid; place-items: center; font-size: .66rem; font-weight: 800; }
.envoi-constat.bloquant .envoi-ic { color: var(--st-red, #f0705a); background: color-mix(in srgb, var(--st-red, #f0705a) 16%, transparent); }
.envoi-constat.corriger .envoi-ic { color: var(--st-amber, #fbbf24); background: color-mix(in srgb, var(--st-amber, #fbbf24) 18%, transparent); }
.envoi-constat.verifier .envoi-ic { color: var(--mut1, #9fb3ba); background: color-mix(in srgb, var(--mut1, #9fb3ba) 16%, transparent); }
.envoi-texte { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.envoi-lieu { font-size: .68rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--mut1, #9fb3ba); }
.envoi-gravite { margin-right: 8px; }
.envoi-constat.bloquant .envoi-gravite { color: var(--st-red, #f0705a); }
.envoi-constat.corriger .envoi-gravite { color: var(--st-amber, #fbbf24); }
.envoi-msg { font-size: .8rem; line-height: 1.45; color: var(--tx1, #e9f1f2); }
.envoi-extrait { font-size: .76rem; line-height: 1.4; font-style: italic; color: var(--tx2, #c9d6da); overflow-wrap: anywhere; quotes: "\00AB\00A0" "\00A0\00BB"; }
.envoi-corr { font-size: .74rem; line-height: 1.4; color: var(--mut1, #9fb3ba); }

/* Vérifié sans rien à signaler, replié. */
.envoi-verifie summary { cursor: pointer; font-size: .76rem; color: var(--mut1, #9fb3ba); }
.envoi-verifie ul { list-style: none; margin: 6px 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px; font-size: .76rem; line-height: 1.45; color: var(--tx2, #c9d6da); }
.envoi-verifie li span { color: var(--st-green, #34d399); font-weight: 800; margin-right: 4px; }

.envoi-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.envoi-actions small { flex: 1 1 220px; font-size: .72rem; line-height: 1.4; color: var(--mut1, #9fb3ba); }

@media (max-width: 520px) {
    .envoi-corps { padding: 4px 10px 12px; }
    .envoi-constat { padding: 8px 9px; gap: 8px; }
    .envoi-actions .memo-btn { width: 100%; }
}