/* KenhoWeb GSP Notifications — la page « Notifications » de
   l'application (v1.4.0) : la boîte de réception.
   La page n'existe que comme vue de l'application ; son habillage
   reste sobre et lisible même ouverte hors du cadre (aperçu web) :
   la barre du bas du module Cadre n'apparaît qu'en mode application,
   comme partout. Familles visuelles du ministère : fond nuit,
   liserés dorés, papier pour les éléments. */

.kwgn-page-corps {
    margin: 0;
    background: #0d1b2e;
    color: #f4efe4;
    font-family: Georgia, 'Times New Roman', serif;
}

.kwgn-page {
    max-width: 640px;
    margin: 0 auto;
    padding: 14px 14px 96px; /* la place de la barre du bas de l'application */
}

/* ── Barre du haut : « ⌂ Accueil » + titre ─────────────────────── */
.kwgn-page-haut {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 0 12px;
    border-bottom: 2px solid #c8a24a;
    margin-bottom: 14px;
}
.kwgn-page-accueil {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #c8a24a;
    color: #0d1b2e !important;
    font-weight: bold;
    text-decoration: none !important;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 15px;
    white-space: nowrap;
}
.kwgn-page-titre {
    font-size: 22px;
    margin: 0;
    color: #f4efe4;
}

/* ── Outils : « Tout marquer comme lu » ────────────────────────── */
.kwgn-page-outils { text-align: right; margin: 4px 0 10px; }
#kwgn-page-tout-lire {
    background: transparent;
    color: #c8a24a;
    border: 1px solid #c8a24a;
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 13px;
    cursor: pointer;
}

#kwgn-page-chargement { color: #b9c4d4; font-style: italic; }
#kwgn-page-vide { color: #b9c4d4; text-align: center; padding: 24px 8px; }

/* ── La liste (façon boîte de réception) ───────────────────────── */
#kwgn-page-liste { list-style: none; margin: 0; padding: 0; }
.kwgn-p-item {
    background: #fdf9ef;
    color: #22314a;
    border-radius: 10px;
    margin-bottom: 10px;
    border-left: 4px solid transparent;
    overflow: hidden;
}
.kwgn-p-nonlu { border-left-color: #c8a24a; }
.kwgn-p-lu { opacity: .62; }
.kwgn-p-lien {
    display: block;
    position: relative;
    padding: 12px 14px 12px 26px;
    color: inherit !important;
    text-decoration: none !important;
}
.kwgn-p-pastille {
    position: absolute;
    left: 10px;
    top: 18px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #c0392b;
}
.kwgn-p-type {
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #8a6d1f;
    border: 1px solid #c8a24a;
    border-radius: 999px;
    padding: 2px 8px;
    margin-bottom: 6px;
}
.kwgn-p-titre-item { display: block; font-size: 16px; font-weight: normal; }
.kwgn-p-nonlu .kwgn-p-titre-item { font-weight: bold; }
.kwgn-p-texte { display: block; font-size: 14px; margin-top: 3px; color: #43536e; }
.kwgn-p-date { display: block; font-size: 12px; margin-top: 5px; color: #7c879c; }

/* ── v1.5.0 — la page de LECTURE d'une annonce ────────────────────
   Une page conçue pour lire, dans l'application : carte papier sur
   le fond nuit, texte en entier, retour à la boîte et ⌂ Accueil
   en haut. Aucun habillage du site web. */
.kwgn-lecture-haut { justify-content: space-between; }
.kwgn-lecture {
    background: #fffdf6;
    color: #2b2415;
    border: 1px solid #e7dcc0;
    border-left: 4px solid #c8a24a;
    border-radius: 14px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, .25);
    padding: 20px 18px 24px;
}
.kwgn-lecture-type {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: .04em;
    color: #6b5310;
    background: #f7efce;
    border-radius: 999px;
    padding: 4px 10px;
    margin: 0 0 10px;
}
.kwgn-lecture-titre { font-size: 24px; line-height: 1.25; margin: 0 0 6px; color: #20304a; }
.kwgn-lecture-date { font-size: 13px; color: #7c879c; margin: 0 0 16px; }
.kwgn-lecture-corps { font-size: 17px; line-height: 1.65; }
.kwgn-lecture-corps p { margin: 0 0 14px; }
.kwgn-lecture-corps h2 { font-size: 21px; margin: 22px 0 10px; color: #20304a; }
.kwgn-lecture-corps h3 { font-size: 18px; margin: 18px 0 8px; color: #20304a; }
.kwgn-lecture-corps blockquote {
    margin: 16px 0; padding: 10px 14px;
    border-left: 3px solid #c8a24a; background: #faf5e6;
    font-style: italic;
}
.kwgn-lecture-corps img { max-width: 100%; height: auto; border-radius: 10px; }
.kwgn-lecture-corps a { color: #8a6508; }
.kwgn-lecture-corps ul, .kwgn-lecture-corps ol { margin: 0 0 14px; padding-left: 22px; }
.kwgn-lecture-corps li { margin-bottom: 6px; }
.kwgn-lecture-vide { color: #b9c4d4; text-align: center; padding: 24px 8px; }