/* Ce que cette page ajoute à commun.css ; classes préfixées m-. Aucune couleur, aucun rayon, aucune police en dur. */
body{font-size:16px}
.moi{max-width:720px;margin:0 auto;min-height:var(--vh);display:flex;flex-direction:column}
.moi .main{flex:1;padding-bottom:calc(64px + env(safe-area-inset-bottom))}
.moi .ph{padding-top:10px}
.m-haut{padding-top:16px}
/* la barre du bas existe ici à TOUTES les largeurs : commun.css ne la montre que sous 1100 px */
.bottom{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,150px);justify-content:center;position:fixed;left:0;right:0;bottom:0;background:var(--bg);border-top:1px solid var(--line);z-index:5;padding-bottom:env(safe-area-inset-bottom)}
.bottom button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;justify-items:center;gap:3px;padding:8px 0 10px;font-size:11px;color:var(--ink-3);min-height:44px;position:relative;text-align:center}
.bottom button:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.bottom svg{width:20px;height:20px}
.bottom [aria-current="page"]{color:var(--ink);font-weight:700}
.ys-panier[data-sur-barre]{bottom:calc(64px + env(safe-area-inset-bottom));padding-bottom:12px}
.ys-panier p{margin:0;font-size:14.5px}
.toast{bottom:calc(76px + env(safe-area-inset-bottom))}
/* l'en-tête : la marque, puis les pilules, dans le flux (elles défilent avec la page) */
.m-tete{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:calc(12px + env(safe-area-inset-top)) var(--gutter) 0}
.m-outils{margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.m-pilule{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:var(--tap);padding:0 10px;border-radius:var(--r-btn);font-size:13.5px;font-weight:700;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap}
.m-pilule:focus-visible,.m-lien:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.m-pilule svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round}
.m-attente{padding:24px var(--gutter);color:var(--ink-3);margin:0}
/* un jour : « Ma semaine » (section) et « Équipe » (details : les jours passés de la semaine en cours sont repliés) */
.m-jours{display:grid;gap:10px}
.m-jour{border:1px solid var(--line);border-radius:var(--r-lg);padding:12px 16px;display:grid;gap:8px;background:var(--bg);min-width:0}
.m-jour[data-auj]{border-color:var(--line-strong);background:var(--surface)}
.m-jour>header,.m-jour>summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--ink);min-height:28px}
.m-jour>summary{cursor:pointer;list-style:none;min-height:var(--tap)}
.m-jour>summary::-webkit-details-marker{display:none}
.m-jour>summary::after{content:"▾";color:var(--ink-3)}
.m-jour:not([open])>summary::after{content:"▸"}
details.m-jour{display:block}                          /* le contenu d'un <details> n'hérite pas de la grille : marges explicites */
.m-jour[open]>summary,.m-jour>.m-note{margin-bottom:8px}
.m-tot{margin-left:auto;color:var(--ink-3);font-size:14.5px;font-weight:500}
.m-cr{display:grid;gap:4px;justify-items:start;padding-top:8px;border-top:1px solid var(--line)}
.m-h{font-family:var(--f-display);font-weight:600;font-size:24px;letter-spacing:-.02em;line-height:1.15;color:var(--ink)}
.m-abs,.m-repos{font-family:var(--f-display);font-weight:600;font-size:19px;line-height:1.2;color:var(--ink-2);margin:0}
.m-repos{color:var(--ink-3);font-weight:400}
.m-det{font-size:14.5px;color:var(--ink-3);margin:0}
.m-note{margin:0;padding:8px 12px;border-radius:var(--r-sm);background:var(--hl-4);color:var(--hl-ink);font-size:15px;justify-self:stretch}
.m-lien{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;min-height:var(--tap);font-size:14.5px;font-weight:500;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
/* « Équipe » : qui travaille quand */
.m-gens{display:grid}
.m-gens>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.m-gens>div[data-moi]{background:var(--hl-4);border-radius:var(--r-sm);border-top-color:transparent;padding:8px 10px;margin:0 -10px}
.m-gens>div[data-moi] b{color:var(--hl-ink)}
.m-gens>div[data-moi]+div{border-top-color:transparent}
.m-gens b{color:var(--ink);font-weight:700}
.m-gens small,.m-liste small{display:block;color:var(--ink-3);font-size:14px}
.m-hs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0 12px;font-family:var(--f-display);font-weight:600;font-size:17px;color:var(--ink);text-align:right}
.m-hs span{white-space:nowrap}
.m-hs .discret{font-family:var(--f-body);font-weight:400;font-size:15px}
/* listes des panneaux : demandes, créneaux à prendre, indisponibilités, documents */
.m-liste{display:grid}
.m-liste>div{display:grid;gap:4px;justify-items:start;padding:12px 16px;border-top:1px solid var(--line)}
.m-liste>div:first-child{border-top:0}
.m-liste b,.m-liste a{color:var(--ink);font-weight:700}
.m-l1{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.m-rien{margin:0;padding:12px 16px;color:var(--ink-3);font-size:15px}
.m-rien+.m-liste{border-top:1px solid var(--line)}
.panel .pad p{margin:0}
/* dans un dialogue */
.m-dlgp{margin:0;font-size:15px;color:var(--ink-2)}
.m-recap{display:grid;border:1px solid var(--line);border-radius:var(--r-sm)}
.m-recap>div{display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:8px 12px;border-top:1px solid var(--line);font-size:15px}
.m-recap>div:first-child{border-top:0}
.m-recap b{color:var(--ink)}
.m-recap span{grid-column:1/-1;color:var(--ink-3);font-size:14px}
@media print{.m-outils{display:none}}
/* « Mon prochain service » : la carte du haut de Ma semaine (bord encre, pas un bloc héros : R5) */
.m-hero{border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--bg);padding:16px 20px 18px;display:grid;gap:4px;justify-items:start}
.m-eti{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.m-j{margin:0;font-family:var(--f-display);font-weight:600;font-size:19px;color:var(--ink-2)}
.m-h1{margin:0;font-family:var(--f-display);font-weight:700;font-size:44px;letter-spacing:-.03em;line-height:1.05;color:var(--ink)}
.m-sans{font-size:26px}
.m-hero .m-note{margin-top:6px}
.m-grand{min-height:56px;width:100%;justify-content:center;font-size:17px;margin-top:10px}
/* deux colonnes dès le bureau : la semaine à gauche, compteurs / documents / code à droite */
.m-cols{display:grid;gap:16px;padding-top:12px}
.m-g,.m-d{display:grid;gap:16px;align-content:start;min-width:0}
.m-fbar{position:static;padding:0}
@media (min-width:1100px){
  .moi{max-width:1120px}
  .m-cols{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}
  .m-d{position:sticky;top:16px}
}