/* Ma semaine — le mois en pastilles (comptoir tactile, 48 px ; teintes de magasin.css). */

.comptoir-outil [hidden] { display: none !important; }
.ms-vu { background: var(--ambre-pale); color: var(--ambre); border-radius: 10px; padding: 10px 14px; margin: 8px 0; }
.ms-nav { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 10px 0; }
.ms-nav h2 { font-size: 1.3em; }
.ms-nav .btn-comptoir { min-width: 64px; }

.ms-resume { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.ms-resume > div {
  flex: 1 1 12rem; display: grid; gap: 2px; padding: 10px 14px;
  border-radius: 12px; background: var(--surface); border: 1px solid var(--bordure);
}
.ms-resume b { font-size: 1.5em; }

.ms-grille { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.ms-vide { min-height: 0; }
.ms-entete { text-align: center; font-size: 0.8em; color: var(--gris-moyen); text-transform: uppercase; }
.ms-jour {
  min-height: 72px; padding: 6px; border-radius: 10px; font-size: 0.78em; line-height: 1.3;
  display: flex; flex-direction: column; gap: 2px; overflow: hidden;
  background: var(--surface); border: 2px solid var(--bordure);
}
.ms-jour b { font-size: 1.25em; }
.ms-jour.ms-aujourdhui { border-color: var(--texte); }
.ms-plages { font-weight: 600; }
.ms-mag, .ms-motif { color: var(--gris-fonce); }

/* Les pastilles : la case et la légende partagent les teintes. */
.p-confirme { background: var(--vert-pale); border-color: var(--vert-pale); color: var(--vert); }
.p-prevu { background: var(--accent-pale); border-color: var(--accent-pale); color: var(--accent); }
.p-en_attente, .p-chez_romain { background: var(--ambre-pale); border-color: var(--ambre); color: var(--ambre); }
.p-echange { background: var(--surface); border-color: var(--violet); color: var(--violet); }
.p-absent { background: var(--fond-clair); border-color: var(--fond-clair); color: var(--gris-fonce); }
.p-repos { background: none; border-color: transparent; color: var(--gris-moyen); }

.ms-legende { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 14px; font-size: 0.85em; }
.ms-p { padding: 3px 10px; border-radius: 999px; border: 2px solid transparent; }

.ms-cp { font-size: 1.15em; margin: 6px 0; }
.comptoir-carte h3 { margin-bottom: 6px; }
.acc-notes { list-style: none; margin: 14px 0; padding: 0; color: var(--gris-fonce); }