/* Seul endroit pour les styles propres à l'application. Le gabarit (theme.css, styles.css) ne se modifie pas :
   pour changer l'accent, redéfinir --ac (clair) et --as (sombre) ici ; pour un autre style : <html data-style="editorial|compact|studio|nordique">. */
.marque-initiale {
  display: inline-grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: var(--r-md);
  background: var(--accent-soft);
  color: var(--accent);
  font-weight: 700;
  font-size: var(--t-lg);
}

/* Bandeau « session expirée » (ajouté par coque.js quand un appel /api/ répond 401). */
.bandeau-session {
  position: sticky;
  top: 0;
  z-index: 1000;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  background: var(--warning-soft);
  color: var(--warning);
  border-bottom: 1px solid var(--warning);
  font-weight: 600;
}
.bandeau-session a { color: inherit; text-decoration: underline; }