/* ============================================================
   Espace membre — retouche « esprit de la home » (16/10/2026)
   Chargé APRÈS style.css, uniquement sur les pages membres
   (body[data-page]). On garde la structure et le contenu ;
   on aligne l'apparence sur l'accueil « L'assiette » :
   Manrope/Inter, plus d'écriture manuscrite (Caveat), logo
   « Fini le yoyo » en bleu, en-tête 72 px flouté, cartes douces.
   ============================================================ */
body[data-page]{
  --canvas:#FCFCFC;
  --hand:"Manrope", system-ui, sans-serif;
  background:#FCFCFC;
  font-family:"Inter", system-ui, sans-serif;
}

/* ---------- en-tête ---------- */
body[data-page] .member-bar{
  background:rgba(252,252,252,.8);
  backdrop-filter:blur(16px) saturate(1.4); -webkit-backdrop-filter:blur(16px) saturate(1.4);
  border-bottom:1px solid rgba(22,22,26,.08);
}
body[data-page] .member-bar-in{ min-height:72px; }
body[data-page] .brand{ align-items:center; gap:.28em; }
body[data-page] .brand b{ font-family:"Manrope",system-ui,sans-serif; font-weight:800; font-size:22px; letter-spacing:-.03em; }
body[data-page] .brand .yo{
  font-family:"Manrope",system-ui,sans-serif; font-weight:800; font-size:22px; letter-spacing:-.03em;
  color:#37BDF8; line-height:1; top:0; text-transform:lowercase;
}
body[data-page] .member-links a{
  font-family:"Manrope",system-ui,sans-serif; font-weight:600; font-size:15px;
  color:rgba(22,22,26,.64); border-bottom:0; padding:.35em 0;
}
body[data-page] .member-links a:hover,
body[data-page] .member-links a.on{ color:#16161A; }
body[data-page] .member-links a.on{ box-shadow:inset 0 -2px 0 #37BDF8; }
body[data-page] .member-back-top{ font-family:"Manrope",system-ui,sans-serif; font-weight:600; font-size:15px; color:rgba(22,22,26,.64); }
body[data-page] .member-back-top:hover{ color:#0B84BF; }
body[data-page] .member-logout{
  font-family:"Manrope",system-ui,sans-serif; font-weight:700; font-size:14px;
  height:40px; padding:0 18px; border-radius:999px; border:1px solid rgba(22,22,26,.12); background:#fff; color:#16161A;
}

/* ---------- l'écriture manuscrite devient le sur-titre de la home ---------- */
body[data-page] .eyebrow,
body[data-page] .hand{
  font-family:"Manrope",system-ui,sans-serif; font-weight:700; font-size:15px; line-height:1.2;
  letter-spacing:.01em; color:#0B84BF; transform:none; animation:none;
}
body[data-page] .eyebrow{ display:inline-block; margin-bottom:.6em; }
body[data-page] .tb-salut{
  font-family:"Manrope",system-ui,sans-serif; font-weight:800; color:#16161A;
  font-size:clamp(40px,6vw,64px); line-height:1.05; letter-spacing:-.045em; transform:none; margin-bottom:.22em;
}
body[data-page] .ch-num,
body[data-page] .tel-salut,
body[data-page] .feuille-titre{ font-family:"Manrope",system-ui,sans-serif; font-weight:800; transform:none; }

/* ---------- titres ---------- */
body[data-page] h1,
body[data-page] h2{ font-family:"Manrope",system-ui,sans-serif; font-weight:800; letter-spacing:-.035em; }

/* ---------- cartes : plus douces, comme les tuiles de la home ---------- */
body[data-page] .card{
  border:1px solid rgba(22,22,26,.08); border-radius:26px;
  box-shadow:0 1px 0 rgba(22,22,26,.02), 0 18px 40px -28px rgba(22,22,26,.22);
}

/* ---------- boutons ---------- */
body[data-page] .btn{ font-family:"Manrope",system-ui,sans-serif; font-weight:700; box-shadow:none; }
body[data-page] .btn:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(22,22,26,.2); }

@media (max-width:860px){
  body[data-page] .member-bar-in{ min-height:60px; }
  body[data-page] .brand b,
  body[data-page] .brand .yo{ font-size:20px; }
}

/* ============================================================
   Calendriers et icônes — plus clairs, plus simples (16/10/2026)
   Un seul principe partout : fond blanc, une pastille ronde par
   jour (bleu ou violet selon le jour) ; jour tenu =
   pastille pleine avec une coche ; aujourd'hui = liseré noir.
   ============================================================ */
body[data-page]{
  --leger:#37BDF8; --leger-doux:#E6F6FE; --leger-fonce:#0B84BF;
  --plaisir:#8B5CF6; --plaisir-doux:#F1ECFF; --plaisir-fonce:#6D4AE8;
  --coche:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 12.5l4 4 9-9'/%3E%3C/svg%3E");
}

/* ---------- « Ta semaine » (tableau de bord) ---------- */
body[data-page] .sem7-tuile{
  background:#fff !important; border:1px solid rgba(22,22,26,.08) !important; border-radius:20px;
  box-shadow:0 1px 0 rgba(22,22,26,.02) !important; padding:.8rem .3rem .75rem; gap:.45rem;
}
body[data-page] .sem7-tuile:hover{ box-shadow:0 14px 30px -18px rgba(22,22,26,.35) !important; }
body[data-page] .sem7-nom{
  font-family:"Manrope",system-ui,sans-serif; font-size:12px; font-weight:700; letter-spacing:0; text-transform:none;
  color:rgba(22,22,26,.55) !important;
}
body[data-page] .sem7-nom::first-letter{ text-transform:uppercase; }
body[data-page] .sem7-ic{
  width:42px; height:42px; border-radius:50%; background:var(--leger-doux); color:var(--leger-fonce) !important;
}
body[data-page] .sem7-ic svg{ width:21px; height:21px; }
body[data-page] .sem7-jour.est-plaisir .sem7-ic{ background:var(--plaisir-doux); color:var(--plaisir-fonce) !important; }
body[data-page] .sem7-num{ font-size:17px; color:#16161A !important; }
body[data-page] .sem7-coche{ display:none !important; }
/* tenue : la pastille se remplit et porte une coche */
body[data-page] .sem7-jour.est-fait .sem7-tuile{ background:#fff !important; border-color:rgba(22,22,26,.08) !important; color:inherit; }
body[data-page] .sem7-jour.est-fait .sem7-ic{ opacity:1 !important; transform:none !important; background:var(--leger) var(--coche) center/22px no-repeat; }
body[data-page] .sem7-jour.est-plaisir.est-fait .sem7-ic{ background:var(--plaisir) var(--coche) center/22px no-repeat; }
body[data-page] .sem7-jour.est-fait .sem7-ic svg{ display:none; }
body[data-page] .sem7-jour.est-fait .sem7-nom{ color:rgba(22,22,26,.55) !important; }
body[data-page] .sem7-jour.est-fait .sem7-num{ color:#16161A !important; }
/* aujourd'hui */
body[data-page] .sem7-jour.est-aujourdhui .sem7-tuile{ box-shadow:0 0 0 2px #16161A !important; border-color:transparent !important; }
body[data-page] .sem7-jour.est-aujourdhui .sem7-nom{ color:#16161A !important; }
/* à venir */
body[data-page] .sem7-jour.est-futur .sem7-tuile{ opacity:.45; }
body[data-page] .sem7-barre{ background:#EEF0F3; }
body[data-page] .sem7-barre i{ background:#37BDF8; }

/* ---------- calendrier du mois ---------- */
body[data-page] .cal-grid{ gap:8px; }
body[data-page] .cal-dow{ font-family:"Manrope",system-ui,sans-serif; font-size:12px; font-weight:700; color:rgba(22,22,26,.45); text-transform:none; }
body[data-page] .cal-day{
  background:#fff !important; border:1px solid rgba(22,22,26,.07) !important; border-radius:16px !important;
  gap:6px; aspect-ratio:1/1.05;
}
body[data-page] .cal-day.empty{ background:transparent !important; border:none !important; }
body[data-page] .cal-day:hover{ box-shadow:0 12px 26px -16px rgba(22,22,26,.35); }
body[data-page] .cal-day .num{ font-family:"Manrope",system-ui,sans-serif; font-size:15px; font-weight:800; color:#16161A !important; }
body[data-page] .cal-day .dt{
  width:28px; height:28px; border-radius:50%; display:grid; place-items:center;
  background:var(--leger-doux); color:var(--leger-fonce) !important;
}
body[data-page] .cal-day .dt svg{ width:15px; height:15px; stroke-width:2.2; }
body[data-page] .cal-day.normal .dt,
body[data-page] .cal-day.plaisir .dt{ background:var(--plaisir-doux); color:var(--plaisir-fonce) !important; }
/* tenue : pastille pleine + coche, la case reste blanche */
body[data-page] .cal-day.done{ background:#fff !important; border-color:rgba(22,22,26,.07) !important; box-shadow:none; }
body[data-page] .cal-day.done::after{ content:none !important; }
body[data-page] .cal-day.done .dt{ background:var(--leger) var(--coche) center/17px no-repeat; }
body[data-page] .cal-day.done.normal .dt,
body[data-page] .cal-day.done.plaisir .dt{ background:var(--plaisir) var(--coche) center/17px no-repeat; }
body[data-page] .cal-day.done .dt svg{ display:none; }
body[data-page] .cal-day.done .num{ color:#16161A !important; }
/* aujourd'hui : liseré noir */
body[data-page] .cal-day.today{ outline:none !important; box-shadow:0 0 0 2px #16161A !important; border-color:transparent !important; }
body[data-page] .cal-day.today::before{ content:none !important; }
body[data-page] .cal-day[data-future] { opacity:.55; }
body[data-page] .cal-day[data-future] .num{ font-weight:700; }
/* légende, alignée sur les pastilles */
body[data-page] .cal-legend{ font-family:"Manrope",system-ui,sans-serif; font-size:13px; font-weight:700; text-transform:none; letter-spacing:0; color:rgba(22,22,26,.7); gap:.5rem; }
body[data-page] .cal-legend span{ background:#fff; border:1px solid rgba(22,22,26,.08); padding:.4em .9em .4em .45em; }
body[data-page] .cal-legend i{ width:20px !important; height:20px !important; border-radius:50% !important; border:none !important; }
body[data-page] .cal-legend span:nth-child(1) i{ background:var(--leger-doux) !important; box-shadow:inset 0 0 0 5px var(--leger-doux), inset 0 0 0 20px var(--leger) ; }
body[data-page] .cal-legend span:nth-child(2) i{ background:var(--plaisir-doux) !important; box-shadow:inset 0 0 0 5px var(--plaisir-doux), inset 0 0 0 20px var(--plaisir); }
body[data-page] .cal-legend span:nth-child(3) i{ background:var(--leger) var(--coche) center/12px no-repeat !important; }

/* ---------- médaillons des paliers : mêmes pastilles ---------- */
body[data-page] .recomp-med{ background:#F3F4F6 !important; border:none !important; box-shadow:none !important; color:rgba(22,22,26,.45) !important; }
body[data-page] .recomp.on .recomp-med{ background:var(--leger) !important; color:#fff !important; }
body[data-page] .recomp-nom{ font-family:"Manrope",system-ui,sans-serif; font-weight:700; text-transform:none; letter-spacing:0; font-size:11px; }

@media (max-width:640px){
  body[data-page] .sem7-ic{ width:38px; height:38px; }
  body[data-page] .cal-grid{ gap:5px; }
  body[data-page] .cal-day{ border-radius:12px !important; gap:3px; aspect-ratio:1/1.15; }
  body[data-page] .cal-day .num{ font-size:13px; }
  body[data-page] .cal-day .dt{ width:22px; height:22px; }
  body[data-page] .cal-day .dt svg{ width:12px; height:12px; }
}