/* ===========================================================================
   ÉCRAN ATTESTATIONS & DOCUMENTS (.att-*) — PST-06, lot E4 (2026-10-09).
   La carte des réglages et la FEUILLE du document. La feuille est une page de
   lettre : elle se lit à l'écran dans les jetons du thème, et sort seule à
   l'impression, en noir sur blanc.
   =========================================================================== */

.att-reglages { padding: 16px 18px; margin-bottom: 16px; }
.att-bandeau { margin-bottom: 12px; }

.att-tete { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.att-imprimer { margin-left: auto; }

/* La feuille : une largeur de page lisible, centrée, au rythme d'une lettre. */
.att-papier { max-width: 760px; margin: 0 auto; padding: 32px 40px 40px; min-height: 400px; color: var(--et-ink); }
.att-entete {
    display: flex; justify-content: space-between; gap: 16px;
    padding-bottom: 16px; margin-bottom: 28px; border-bottom: 1px solid var(--et-hairline);
}
.att-societe { font-size: 18px; font-weight: 700; }
.att-lieu, .att-ref { font-size: 13px; color: var(--et-muted); }
.att-ref { text-align: right; }
.att-titre {
    margin: 0 0 28px; text-align: center; text-transform: uppercase; letter-spacing: .06em;
    font-size: 20px; font-weight: 700;
}
.att-corps { font-size: 15px; line-height: 1.9; }
.att-signature { display: flex; justify-content: flex-end; margin-top: 48px; }
.att-signature__bloc { min-width: 260px; text-align: center; }
.att-signature__fonction { margin-top: 4px; }
.att-signature__place { height: 60px; }
.att-signature__nom { padding-top: 4px; border-top: 1px solid var(--et-hairline); font-weight: 600; }

@media (max-width: 1024px) {
    .att-imprimer { min-height: 44px; }
}
@media (max-width: 720px) {
    .att-papier { padding: 20px 16px 24px; }
    .att-entete { flex-direction: column; }
    .att-ref { text-align: left; }
}

/* L'IMPRESSION NE SORT QUE LA FEUILLE. La coquille et les barres d'outils ont déjà leur
   règle (easytime-shell.css, easypaie.css § 15) ; l'en-tête de l'écran, la carte des
   réglages et la tête de carte restaient, autour de la lettre. Noir sur blanc en dur :
   le papier n'a pas de thème sombre (même raison que easypaie.css § 15). */
@media print {
    .ep-entete,
    .att-reglages,
    .att-bandeau,
    .att-tete,
    .fpa { display: none !important; }
    .att-document { border: 0 !important; }
    .att-papier { max-width: none; padding: 0; color: #000; background: #fff; }
    .att-entete, .att-signature__nom { border-color: #000; }
    .att-lieu, .att-ref { color: #000; }
}