/* =============================================================
   MNEMO — 10 — THÈME « SOMMAIRE »
   =============================================================
   Direction B du dossier « Trois directions temporelles ».

   Parti pris repris du dossier : l'événement est un livre, les moments nommés
   sont ses chapitres. Fond assumé sombre pour la salle, compensé par un texte
   à 14:1 ; deux accents seulement (ambre et bleu) ; tout est d'équerre ; le
   mono en capitales porte toute la signalétique.

   Cette feuille se charge en dernier et ne s'applique que sous
   [data-theme="sommaire"]. Elle fait deux choses, dans cet ordre :

     1. elle redéfinit le jeu de tokens de 00-base.css avec les valeurs
        relevées dans le fichier de design — c'est ce qui repeint les dix
        feuilles d'un coup, sans les toucher ;
     2. elle corrige ce qu'un token ne peut pas dire : une forme, une famille
        de police, une position de badge, une trame. Chaque règle de cette
        seconde partie renvoie à l'écran du dossier qui la justifie (B1 flux,
        B2 minute, B4 annonce, B5/B6 sondage, B7 photo, B8 avant, B9 archives).

   Les valeurs hexadécimales ci-dessous sont recopiées telles quelles depuis le
   fichier de design : c'est volontairement la seule feuille du projet où des
   littéraux de couleur subsistent.
   ============================================================= */

:root[data-theme="sommaire"] {
  /* ---- Surfaces ------------------------------------------------
     #0B0A09 le vide (voiles posés sur un média), #14120F l'écran,
     #1B1815 le panneau haut, #201E1A le chrome d'archive. */
  --papier:    #0B0A09;
  --papier-2:  #14120F;
  --papier-3:  #1B1815;
  --papier-4:  #201E1A;

  --bg:        #14120F;
  --bg-2:      #1B1815;
  --bg-3:      #201E1A;
  --surface:   rgba(27, 24, 21, 0.92);
  --carte:     #1B1815;

  /* ---- Filets --------------------------------------------------
     #33302A est le filet standard du dossier ; #262320 le filet fin et
     #3A362F le filet de tuile sortent des voiles d'encre ci-dessous. */
  --border:    #33302A;

  /* ---- Encres --------------------------------------------------
     Six paliers dans le dossier : #F4EFE4 primaire, #EDE6D8 courant,
     #C7C0B2 secondaire, #A29B8C atténué, #6E675B faible, #4E483F inactif.
     Le rapport de force entre --text-dim et --text-mute est conservé :
     dim reste le plus lisible des deux. */
  --encre:     #F4EFE4;
  --text:      #F4EFE4;
  --text-dim:  #C7C0B2;
  --text-mute: #A29B8C;
  --encre-2:   #A29B8C;
  --encre-3:   #C7C0B2;

  /* Ce qui se pose sur un aplat d'accent : l'écran, jamais du blanc. */
  --sur-accent: #14120F;
  --sur-grad:   #14120F;

  /* Blanc vif — obturateur, pastille d'interrupteur, chip active. Le dossier
     l'écrit #F4EFE4 (« VIDÉO », le rond du bouton d'ajout). */
  --papier-vif: #F4EFE4;

  /* Tête de lecture : le dossier la trace en ambre, 2 px (B2). */
  --curseur:   #F0A93C;

  /* ---- Accents -------------------------------------------------
     Deux, pas trois. L'ambre dit « maintenant / officiel », le bleu dit
     « chapitre / sondage ». Les alias hérités du thème néon suivent. */
  --tampon:    #F0A93C;
  --bleue:     #7FB2FF;
  --pink:      #F0A93C;
  --cyan:      #7FB2FF;
  --purple:    #7FB2FF;
  --yellow:    #F0A93C;
  --green:     #7FB2FF;
  /* Le dossier n'a pas de rouge : aucun de ses dix écrans n'en pose un. Le
     signal d'alerte passe donc par l'ambre, comme le reste de l'urgent. */
  --danger:    #F0A93C;

  /* ---- Composantes ---------------------------------------------
     --encre-rgb s'inverse (l'encre est claire), --ombre-rgb passe au noir
     (le dossier n'ombre qu'en rgba(0,0,0,.4)), --carte-rgb devient le vide
     #0B0A09 : c'est la valeur des pastilles posées sur un média. */
  --encre-rgb:   244, 239, 228;
  --ombre-rgb:   0, 0, 0;
  --carte-rgb:   11, 10, 9;
  --tampon-rgb:  240, 169, 60;
  --jaune-rgb:   240, 169, 60;
  --bleue-rgb:   127, 178, 255;
  --papier-rgb:  11, 10, 9;
  --papier4-rgb: 32, 30, 26;
  --encre2-rgb:  162, 155, 140;

  /* ---- Effets --------------------------------------------------
     Pas de lueur : le dossier n'a qu'un seul procédé d'emphase, le halo net
     de 4 px autour d'un cadre d'accent (B4). */
  --glow-pink:   0 0 0 4px rgba(240, 169, 60, 0.12);
  --glow-purple: 0 0 0 4px rgba(240, 169, 60, 0.12);
  --glow-cyan:   0 0 0 4px rgba(127, 178, 255, 0.12);

  /* Aucun dégradé dans le dossier : la signature devient un aplat. */
  --grad-primary: linear-gradient(135deg, #F0A93C 0%, #F0A93C 100%);
  --grad-hot:     linear-gradient(135deg, #F0A93C 0%, #F0A93C 100%);

  /* ---- Formes --------------------------------------------------
     Tout est d'équerre. --r-k à 0 met à plat les 167 rayons littéraux des
     dix feuilles ; les cercles vrais (border-radius: 50%) sont écrits en
     pourcentage et restent ronds — le dossier en garde (avatars, pastilles
     de vote, compte à rebours, bouton d'ajout). */
  --r-k:  0;
  --r-sm: 0;
  --r-md: 0;
  --r-lg: 0;
  --r-xl: 0;

  /* ---- Trames --------------------------------------------------
     La hachure qui tient lieu de média dans tout le dossier. Elle sert ici
     de fond d'attente : ce qu'on voit tant qu'une photo n'est pas arrivée. */
  --hachure:     repeating-linear-gradient(135deg, #2A2621 0 8px, #231F1B 8px 16px);
  --hachure-lg:  repeating-linear-gradient(135deg, #332E28 0 10px, #2A251F 10px 20px);
  --hachure-ann: repeating-linear-gradient(160deg, #2E2924 0 10px, #262119 10px 20px);

  /* ---- Filets nommés (valeurs relevées, réutilisées plus bas) ---- */
  --filet-fin:   #262320;
  --filet-tuile: #3A362F;
  --filet-inter: #4E483F;
  --filet-pointille: #5A5348;
  --bleu-fond:   #101418;
  --bleu-carte:  #191D26;
  --bleu-opt:    #141920;
  --bleu-filet:  #3E4A5E;
  --bleu-filet-2: #4E5C72;
  --bleu-texte:  #B9C3D2;
  --bleu-dim:    #93A3BC;
}

/* La couleur de la barre système suit le thème (voir applyTheme dans
   01a-core.js, qui écrit aussi la balise <meta name="theme-color">). */


/* =============================================================
   FOND — B1 : aplat, pas de papier
   ============================================================= */

/* Le halo de bord et le grain d'impression sont deux idées de papier. Sur
   l'encre, le grain en multiply ne fait que salir et le halo lit comme une
   tache. Le dossier pose un aplat franc. */
[data-theme="sommaire"] body::before { background: var(--bg); }
[data-theme="sommaire"] body::after  { display: none; }


/* =============================================================
   TYPOGRAPHIE — le mono porte la signalétique
   ============================================================= */

/* Dans les dix écrans du dossier, tout ce qui est mono est en capitales et
   interlettré (.06em à .22em selon le niveau). C'est ce qui donne au thème son
   air de générique. */
[data-theme="sommaire"] .mono {
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
/* Exception : le code d'événement est déjà interlettré à 0.3em pour être
   dicté à voix haute. */
[data-theme="sommaire"] .event-share-code { letter-spacing: 0.3em; }

/* Le display du dossier est plus serré que celui du thème papier
   (line-height .92 sur le titre de couverture, -.02em de chasse). */
[data-theme="sommaire"] .display,
[data-theme="sommaire"] .empty-title,
[data-theme="sommaire"] .modal-title {
  font-family: 'Archivo', sans-serif;
  font-weight: 900;
  letter-spacing: -0.02em;
}

/* Aucun texte dégradé dans le dossier : les quatre endroits qui découpent un
   dégradé dans les glyphes (logo de démarrage, logo d'auth, heure de la jauge,
   compteurs de profil) reviennent à l'aplat. Il faut annuler explicitement le
   découpage ET le remplissage transparent : la forme courte `background`
   remet bien background-clip à border-box, mais -webkit-text-fill-color
   survit et laisserait le texte invisible. */
[data-theme="sommaire"] .splash-logo,
[data-theme="sommaire"] .auth-logo {
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: var(--text);
  color: var(--text);
  animation: none;
  filter: none;
}


/* =============================================================
   BOUTONS ET CHAMPS — B8 : blocs pleins, pas de pilules
   ============================================================= */

[data-theme="sommaire"] .btn { font-weight: 800; }

/* B8 : « Ouvrir le premier chapitre » est un bloc ambre plein, sans halo. */
[data-theme="sommaire"] .btn-primary {
  background: var(--tampon);
  color: var(--sur-accent);
  box-shadow: none;
}
[data-theme="sommaire"] .btn-primary:hover:not(:disabled) {
  filter: brightness(1.08);
  box-shadow: none;
}

/* B10 : l'action secondaire est un cadre d'accent vide, en mono. */
[data-theme="sommaire"] .btn-secondary,
[data-theme="sommaire"] .btn-danger {
  background: transparent;
  font-family: 'Space Mono', monospace;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 13px;
}
[data-theme="sommaire"] .btn-secondary { border-color: var(--bleue); color: var(--bleue); }
[data-theme="sommaire"] .btn-danger    { border-color: var(--tampon); color: var(--tampon); }
[data-theme="sommaire"] .btn-secondary:hover:not(:disabled) { background: rgba(127, 178, 255, 0.1); }
[data-theme="sommaire"] .btn-danger:hover:not(:disabled)    { background: rgba(240, 169, 60, 0.1); }

/* B9 : le bouton neutre est un filet #4E483F, jamais un fond. */
[data-theme="sommaire"] .btn-ghost {
  background: transparent;
  border-color: var(--filet-inter);
}
[data-theme="sommaire"] .btn-ghost:hover {
  background: rgba(var(--encre-rgb), 0.06);
  border-color: var(--text-mute);
}

/* Le toast reprend le cadre bleu du dossier plutôt que la pilule à lueur. */
[data-theme="sommaire"] .toast {
  background: var(--bleu-carte);
  border-color: var(--bleue);
  color: var(--bleue);
  box-shadow: none;
  font-family: 'Space Mono', monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 11px;
}
[data-theme="sommaire"] .toast.error {
  background: var(--bg-2);
  border-color: var(--tampon);
  color: var(--tampon);
}


/* =============================================================
   TEXTE POSÉ SUR UN APLAT D'ACCENT
   =============================================================
   Le thème papier écrit ces libellés soit en blanc, soit en encre atténuée.
   Sur l'ambre du dossier, les deux tombent sous le seuil : le dossier écrit
   systématiquement #14120F sur ses aplats. */
[data-theme="sommaire"] .camera-tool-btn-on,
[data-theme="sommaire"] .camera-tool-btn-on:hover,
[data-theme="sommaire"] .camera-mode-btn-active,
[data-theme="sommaire"] .camera-mode-btn-active:hover,
[data-theme="sommaire"] .crop-editor-save-btn,
[data-theme="sommaire"] .burst-review-validate-btn,
[data-theme="sommaire"] .upload-grid-crop-set,
[data-theme="sommaire"] .upload-grid-crop-attention,
[data-theme="sommaire"] .upload-grid-conflict,
[data-theme="sommaire"] .upload-grid-outperiod,
[data-theme="sommaire"] .stories-details-btn,
[data-theme="sommaire"] .btn-announcement-primary,
[data-theme="sommaire"] .ann-editor-publish-btn,
[data-theme="sommaire"] .mygrid-cell-ann-badge,
[data-theme="sommaire"] .polaroid-official-badge,
[data-theme="sommaire"] .ann-card-badge,
[data-theme="sommaire"] .modal-announcement-icon,
[data-theme="sommaire"] .stories-header-icon,
[data-theme="sommaire"] .fab-announcement {
  color: var(--sur-accent) !important;
}


/* =============================================================
   TAMPONS — B4/B9 : la signalétique devient un bandeau plein
   =============================================================
   Le tampon encreur (cadre fin, fond papier, léger travers) est une idée de
   la direction papier. Le dossier signale par un aplat de couleur porteuse :
   ambre pour l'officiel, bleu pour le sondage, gris pour le clos. */

[data-theme="sommaire"] .tampon {
  border: 0;
  background: var(--tampon);
  color: var(--sur-accent);
  font-family: 'Space Mono', monospace;
  font-weight: 700;
  letter-spacing: 0.14em;
  padding: 4px 6px;
}
[data-theme="sommaire"] .tampon-sm { padding: 3px 5px; letter-spacing: 0.1em; }

[data-theme="sommaire"] .tampon-tampon { background: var(--tampon); color: var(--sur-accent); }
[data-theme="sommaire"] .tampon-bleue  { background: var(--bleue);  color: var(--bleu-fond); }
[data-theme="sommaire"] .tampon-encre  { background: var(--text);   color: var(--sur-accent); }
/* B9 : le clos ne penche pas, il grise. */
[data-theme="sommaire"] .tampon-passe {
  background: #6E675B;
  color: var(--sur-accent);
  transform: none;
}

/* B9 : un média dont le créneau est passé se désature vers le gris d'archive,
   il ne se délave pas vers le papier. */
[data-theme="sommaire"] .ann-past-media {
  filter: saturate(0.3) brightness(0.72) contrast(1.02);
}


/* =============================================================
   TUILE PHOTO — B1 : rectangle plein cadre, pas de tirage papier
   =============================================================
   Le dossier abandonne le polaroid : plus de cadre blanc, plus de travers,
   plus d'ombre portée. Une tuile est un rectangle bordé d'un filet #3A362F,
   avec l'heure en pastille sombre en haut à gauche et l'auteur en bas. */

[data-theme="sommaire"] .polaroid {
  background: var(--bg);
  padding: 0;
  border: 1px solid var(--filet-tuile);
  /* Le travers de l'éventail disparaît, l'échelle du carousel reste. */
  transform: scale(var(--s, 1));
  box-shadow: none;
}
[data-theme="sommaire"] .polaroid-focused {
  box-shadow: 0 0 0 1px var(--tampon);
}
[data-theme="sommaire"] .polaroid-peripheral {
  filter: saturate(0.75) brightness(0.8);
}

/* Fond d'attente : la hachure du dossier, visible tant que l'image n'est pas
   arrivée. Sur réseau saturé — le cas nominal d'un événement — c'est l'état
   qu'on voit le plus souvent. */
[data-theme="sommaire"] .polaroid-img {
  background: var(--hachure);
  box-shadow: none;
}
[data-theme="sommaire"] .polaroid-video .polaroid-img { box-shadow: none; }

/* B1 : l'horodatage passe en haut à gauche, en pastille #0B0A09 à 80 %. */
[data-theme="sommaire"] .polaroid-time-badge {
  top: 6px;
  left: 6px;
  right: auto;
  padding: 3px 5px;
  background: rgba(11, 10, 9, 0.8);
  color: var(--text);
  font-family: 'Space Mono', monospace;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.04em;
  box-shadow: none;
}
/* La corbeille libère le coin haut gauche pris par l'horodatage. */
[data-theme="sommaire"] .polaroid-delete {
  left: auto;
  right: 6px;
  top: 6px;
  background: rgba(11, 10, 9, 0.8);
}

/* B2 : la légende manuscrite est posée pleine encre, alignée à gauche. */
[data-theme="sommaire"] .polaroid-caption {
  color: var(--text);
  text-align: left;
  padding: 10px 10px 0;
  margin-top: 0;
}
[data-theme="sommaire"] .polaroid-meta {
  padding: 6px 10px 10px;
  margin-top: 0;
}
[data-theme="sommaire"] .polaroid-name {
  font-family: 'Space Mono', monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-dim);
}
[data-theme="sommaire"] .polaroid-avatar { box-shadow: none; }

/* B1 : le badge « VIDÉO 0:12 » est un aplat clair en bas à droite. */
[data-theme="sommaire"] .polaroid-play {
  background: rgba(11, 10, 9, 0.7);
  border-color: var(--text);
  box-shadow: none;
}
[data-theme="sommaire"] .polaroid-mute {
  background: rgba(11, 10, 9, 0.8);
  border-color: var(--filet-tuile);
}


/* =============================================================
   GRILLE — B1 : deux colonnes, hachure d'attente
   ============================================================= */

[data-theme="sommaire"] .mygrid-cell {
  background: var(--hachure);
  border: 1px solid var(--filet-tuile);
  box-shadow: none;
}
[data-theme="sommaire"] .mygrid-cell-time,
[data-theme="sommaire"] .mygrid-cell-user {
  font-family: 'Space Mono', monospace;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
[data-theme="sommaire"] .mygrid-group-title {
  font-family: 'Archivo', sans-serif;
  font-weight: 900;
  letter-spacing: -0.01em;
}


/* =============================================================
   JAUGE — B1/B2 : le graphe et la navigation sont le même objet
   =============================================================
   Les barres passent en bleu, la barre courante en ambre, le clos en gris —
   la couleur dit l'état du chapitre, plus l'heure de la journée. La palette
   elle-même est calculée dans 03b-histogram.js, qui lit le thème actif ; il
   ne reste ici que la forme. */

[data-theme="sommaire"] .histo { background: var(--bg-2); border-color: var(--filet-tuile); }
/* Seul rayon conservé du dossier : les 2 px des barres du sommaire. */
[data-theme="sommaire"] .histo-bar { border-radius: 2px; }
[data-theme="sommaire"] .histo-title,
[data-theme="sommaire"] .histo-labels {
  font-family: 'Space Mono', monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-mute);
}
/* B1 : « MAINTENANT » est un aplat ambre, pas un dégradé découpé dans le texte. */
[data-theme="sommaire"] .histo-now {
  background: var(--tampon);
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: var(--sur-accent);
  color: var(--sur-accent);
  padding: 4px 6px;
  font-family: 'Space Mono', monospace;
  font-weight: 700;
  letter-spacing: 0.1em;
  box-shadow: none;
}
[data-theme="sommaire"] .histo-cursor-line { box-shadow: none; }
[data-theme="sommaire"] .histo-cursor-dot  { box-shadow: none; }

/* Règle temporelle : filets nets, vignettes hachurées, tête de lecture ambre. */
[data-theme="sommaire"] .ruler-wrap { background: var(--bg-2); border-color: var(--filet-tuile); }
[data-theme="sommaire"] .ruler-thumb,
[data-theme="sommaire"] .ruler-thumb-back { background: var(--hachure); box-shadow: none; }
[data-theme="sommaire"] .ruler-tick-label,
[data-theme="sommaire"] .ruler-tick-label-sm,
[data-theme="sommaire"] .ruler-indicator-time,
[data-theme="sommaire"] .ruler-zoom-level,
[data-theme="sommaire"] .ruler-floating-zoom-level {
  font-family: 'Space Mono', monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
[data-theme="sommaire"] .ruler-indicator-line { background: var(--tampon); }
[data-theme="sommaire"] .ruler-tag-band-label {
  font-family: 'Space Mono', monospace;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}


/* =============================================================
   CHROME — B1 : bandeau haut fin, mono, filet du bas
   ============================================================= */

[data-theme="sommaire"] .header {
  background: var(--bg);
  border-bottom: 1px solid var(--filet-fin);
  box-shadow: none;
}
[data-theme="sommaire"] .header-title {
  font-family: 'Archivo', sans-serif;
  font-weight: 900;
  letter-spacing: -0.01em;
}
[data-theme="sommaire"] .day-selector-trigger,
[data-theme="sommaire"] .fbtn,
[data-theme="sommaire"] .icon-btn {
  border-radius: 0;
}
[data-theme="sommaire"] .fbtn,
[data-theme="sommaire"] .day-selector-label {
  font-family: 'Space Mono', monospace;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
[data-theme="sommaire"] .filterbar {
  background: var(--bg);
  border-bottom: 1px solid var(--filet-fin);
}
[data-theme="sommaire"] .header-menu,
[data-theme="sommaire"] .day-selector-menu,
[data-theme="sommaire"] .fbtn-date-menu {
  background: var(--bg-2);
  border: 1px solid var(--filet-tuile);
  box-shadow: none;
}
[data-theme="sommaire"] .header-menu-section-label {
  font-family: 'Space Mono', monospace;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* B7 : un avatar est un cercle vide cerné d'un filet #4E483F, avec les
   initiales en mono atténué — pas une pastille d'accent. Le filet est posé en
   box-shadow et non en border : `overflow: hidden` masquerait un inset, et une
   bordure rognerait le contenu (box-sizing global). */
[data-theme="sommaire"] .avatar,
[data-theme="sommaire"] .avatar-md,
[data-theme="sommaire"] .polaroid-avatar,
[data-theme="sommaire"] .profile-avatar {
  background: transparent;
  color: var(--text-dim);
  font-family: 'Space Mono', monospace;
  font-weight: 700;
  box-shadow: 0 0 0 1px var(--filet-inter);
}

/* B1 : le bouton d'ajout est un rond clair posé sur l'écran, sans dégradé,
   sans halo et sans balancement. */
[data-theme="sommaire"] .fab {
  background: var(--papier-vif);
  color: var(--sur-accent);
  box-shadow: none;
  animation: none;
}
[data-theme="sommaire"] .fab-announcement {
  background: var(--tampon);
  box-shadow: none;
}
[data-theme="sommaire"] .fab-secondary {
  background: var(--bg-2);
  border-color: var(--bleue);
  box-shadow: none;
}


/* =============================================================
   MODALES — B6 : plein cadre, filets, pas de feuille arrondie
   ============================================================= */

[data-theme="sommaire"] .modal,
[data-theme="sommaire"] .modal-sm,
[data-theme="sommaire"] .modal-detail {
  border: 1px solid var(--filet-tuile);
  box-shadow: none;
}
[data-theme="sommaire"] .modal-header,
[data-theme="sommaire"] .modal-footer {
  border-color: var(--filet-fin);
}
[data-theme="sommaire"] .modal-header-date,
[data-theme="sommaire"] .comment-time {
  font-family: 'Space Mono', monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* B7 : la zone média du plein écran est le noir le plus profond du dossier. */
[data-theme="sommaire"] .modal-photo-detail,
[data-theme="sommaire"] .detail-photo {
  background: #0E0D0B;
}
/* B7 : le bouton d'envoi de commentaire est un carré ambre de 48 px. */
[data-theme="sommaire"] .comment-send {
  border-radius: 0;
  background: var(--tampon);
  color: var(--sur-accent);
  box-shadow: none;
}


/* =============================================================
   ANNONCE — B4 : cadre ambre, bandeau de tampons plein, halo net
   ============================================================= */

[data-theme="sommaire"] .ann-card {
  border: 1px solid var(--tampon);
  box-shadow: 0 0 0 4px rgba(240, 169, 60, 0.12);
  background: var(--bg-2);
}
[data-theme="sommaire"] .ann-card-bg,
[data-theme="sommaire"] .detail-ann-media,
[data-theme="sommaire"] .ann-preview-placeholder {
  background: var(--hachure-ann);
}
/* B4 : le texte posé sur un média repose sur une plaque — le procédé de la
   direction papier tient sur l'encre, il change seulement de fond. */
[data-theme="sommaire"] .ann-card-block-text,
[data-theme="sommaire"] .stories-block-text,
[data-theme="sommaire"] .detail-ann-block-text,
[data-theme="sommaire"] .ann-preview-block-text {
  background: rgba(11, 10, 9, 0.8);
  box-shadow: none;
}
/* B4 : le bandeau d'en-tête d'une annonce en vue détail reprend l'aplat ambre. */
[data-theme="sommaire"] .modal-header {
  background: var(--bg-2);
}


/* =============================================================
   SONDAGE — B5/B6 : la seule surface bleue de l'app
   =============================================================
   Le dossier isole le sondage dans une gamme bleue à part : fond #191D26,
   options #141920, filets #3E4A5E, barre de résultat à 22 %. */

[data-theme="sommaire"] .poll-voter {
  background: var(--bleu-carte);
  border: 1px solid var(--bleue);
}
[data-theme="sommaire"] .poll-voter-q {
  font-family: 'Archivo', sans-serif;
  font-weight: 900;
  font-size: 20px;
  line-height: 1.03;
  letter-spacing: -0.01em;
}
[data-theme="sommaire"] .poll-opt {
  background: var(--bleu-opt);
  border: 1px solid var(--bleu-filet);
  min-height: 48px;
  color: var(--text);
}
[data-theme="sommaire"] .poll-opt:hover:not(:disabled) { border-color: var(--bleue); }
[data-theme="sommaire"] .poll-opt-mine { border-color: var(--bleue); }
[data-theme="sommaire"] .poll-opt-bar { background: rgba(127, 178, 255, 0.22); }
[data-theme="sommaire"] .poll-opt-mine .poll-opt-bar { background: rgba(127, 178, 255, 0.3); }
[data-theme="sommaire"] .poll-opt-check { color: var(--bleue); }
[data-theme="sommaire"] .poll-opt-stat {
  font-family: 'Space Mono', monospace;
  font-weight: 700;
  font-size: 14px;
  color: var(--text);
}
[data-theme="sommaire"] .poll-voter-foot,
[data-theme="sommaire"] .poll-deadline-info {
  font-family: 'Space Mono', monospace;
  letter-spacing: 0.06em;
  color: var(--bleu-dim);
}
/* Le rendu statique de l'éditeur partage la même fiche (§5.4 du brief). */
[data-theme="sommaire"] .poll-overlay { background: var(--bleu-carte); border-color: var(--bleue); }
[data-theme="sommaire"] .poll-overlay-opt { background: var(--bleu-opt); border-color: var(--bleu-filet); }
[data-theme="sommaire"] .poll-overlay-opt-dot { border-color: var(--bleue); }


/* =============================================================
   ÉTAT VIDE — B8 : « Le sommaire est encore blanc »
   =============================================================
   L'écran d'ouverture du dossier est un titre display serré, un paragraphe
   courant, puis le programme en lignes de 44 px. On ne peut pas en reprendre
   la structure depuis une feuille de style, mais on en reprend la voix. */

[data-theme="sommaire"] .empty { color: var(--text-dim); }
[data-theme="sommaire"] .empty-title {
  font-size: 33px;
  line-height: 1;
  letter-spacing: -0.02em;
}
[data-theme="sommaire"] .empty-desc { color: var(--text-dim); font-size: 16px; }
[data-theme="sommaire"] .empty-icon { display: none; }
/* B9 : le bandeau de pagination est un filet, pas une plaque. */
[data-theme="sommaire"] .load-older-banner {
  background: transparent;
  border: 1px solid var(--filet-inter);
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}


/* =============================================================
   PROFIL / MODÉRATION — alignement sur la gamme
   ============================================================= */

[data-theme="sommaire"] .profile-stat-value {
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: var(--text);
  color: var(--text);
  font-family: 'Space Mono', monospace;
}
[data-theme="sommaire"] .profile-stat-label,
[data-theme="sommaire"] .profile-tab,
[data-theme="sommaire"] .profile-top-tab {
  font-family: 'Space Mono', monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
[data-theme="sommaire"] .profile-avatar { box-shadow: none; }

/* Le fond d'aperçu d'annonce sans image : hachure, pas de dégradé pastel. */
[data-theme="sommaire"] .ann-preview-placeholder { background: var(--hachure-ann); }


/* =============================================================
   MOUVEMENT — B : une seule animation, la pulsation du direct
   =============================================================
   Le dossier ne conserve qu'un mouvement continu : le point ambre du direct,
   à 2.4 s. Le balancement du bouton d'ajout et le dégradé qui dérive sont des
   gestes de la direction festive ; ils s'arrêtent ici. */
[data-theme="sommaire"] .splash-logo,
[data-theme="sommaire"] .fab {
  animation: none;
}