/* ============================================================
   L'app (app.html) — refonte du 16/10/2026, alignée sur
   l'espace membre (membre-home.css + membre-fun.css chargés
   avant) : logo « vague », bleu / violet selon le jour,
   arc-en-ciel = aujourd'hui / réussites. Textes inchangés.
   ============================================================ */
body[data-page="app"]{ background:#FCFCFC !important; }

/* ---------- en-tête : le nouveau logo ---------- */
body[data-page="app"] .app-head{ background:rgba(252,252,252,.85) !important; backdrop-filter:blur(16px) saturate(1.4); -webkit-backdrop-filter:blur(16px) saturate(1.4); }
body[data-page="app"] .app-brand{ align-items:center !important; gap:.35em !important; }
body[data-page="app"] .app-logo{ width:30px; height:30px; flex:none; border-radius:9px; box-shadow:0 6px 14px -6px rgba(17,135,196,.7); }
body[data-page="app"] .app-brand b{ font-family:"Manrope",system-ui,sans-serif !important; font-weight:800 !important; font-size:19px !important; letter-spacing:-.03em; }
body[data-page="app"] .app-brand .yo{ font-family:"Manrope",system-ui,sans-serif !important; font-weight:800 !important; font-size:19px !important; color:#37BDF8 !important; top:0 !important; line-height:1 !important; letter-spacing:-.03em; }
body[data-page="app"] .app-jour{ font-family:"Manrope",system-ui,sans-serif; font-weight:700; }

/* ---------- titres des écrans : plus de manuscrit ---------- */
body[data-page="app"] .app-eyebrow{
  font-family:"Manrope",system-ui,sans-serif !important; font-weight:700 !important; font-size:14px !important;
  color:#0B84BF !important; transform:none !important; margin-bottom:.35em !important;
}
body[data-page="app"] .ecran h1{ font-family:"Manrope",system-ui,sans-serif; font-weight:800; letter-spacing:-.04em; font-size:clamp(30px,8.5vw,38px); }

/* ---------- carte du jour ---------- */
body[data-page="app"] .jour-hero{ border:none !important; background:linear-gradient(160deg,#E7F6FE,#fff 62%) !important; box-shadow:0 24px 50px -32px rgba(26,155,224,.75) !important; }
body[data-page="app"] .jour-hero.normal{ background:linear-gradient(160deg,#F0EAFF,#fff 62%) !important; box-shadow:0 24px 50px -32px rgba(123,92,245,.75) !important; }
body[data-page="app"] .jour-hero .emoji-fond{
  top:18px !important; right:18px !important; opacity:1 !important; transform:none !important;
  width:64px; height:64px; border-radius:22px; display:grid; place-items:center; color:#fff;
  background:linear-gradient(155deg,#5ACBFA,#1A9BE0); box-shadow:0 16px 28px -14px rgba(26,155,224,.9);
  animation:fun-flotte 4s ease-in-out infinite;
}
body[data-page="app"] .jour-hero.normal .emoji-fond{ background:linear-gradient(155deg,#A98BFF,#7B5CF5); box-shadow:0 16px 28px -14px rgba(123,92,245,.9); }
body[data-page="app"] .jour-hero .emoji-fond svg{ width:32px; height:32px; }
body[data-page="app"] .jour-hero .badge-jour{ font-family:"Manrope",system-ui,sans-serif !important; letter-spacing:.06em !important; }
body[data-page="app"] .jour-hero.normal .badge-jour{ color:#5B3BD9 !important; }
body[data-page="app"] .jour-hero h2{ padding-right:70px; }
body[data-page="app"] .btn-valider{ background:linear-gradient(155deg,#5ACBFA,#1A9BE0) !important; color:#fff !important; box-shadow:0 14px 26px -12px rgba(26,155,224,.9) !important; }
body[data-page="app"] .jour-hero.normal .btn-valider{ background:linear-gradient(155deg,#A98BFF,#7B5CF5) !important; box-shadow:0 14px 26px -12px rgba(123,92,245,.9) !important; }

/* ---------- les trois chiffres ---------- */
body[data-page="app"] .stat-puce{ background:#fff !important; border:1px solid rgba(22,22,26,.06) !important; box-shadow:0 14px 30px -24px rgba(22,22,26,.45) !important; }
body[data-page="app"] .stat-puce .val{ font-family:"Manrope",system-ui,sans-serif; font-weight:800; background:linear-gradient(90deg,#FF4D9D,#FF9A3D,#37BDF8,#8B5CF6,#FF4D9D); background-size:200% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; animation:fun-prism 8s linear infinite; }
body[data-page="app"] .stat-puce .flamme{ color:#FF7A3D; -webkit-text-fill-color:initial; }

/* ---------- ta semaine : pastilles rondes, comme le calendrier ---------- */
body[data-page="app"] .semaine-carte{ background:#fff !important; border:none !important; display:grid !important; grid-template-columns:auto 1fr; column-gap:12px; row-gap:0; }
body[data-page="app"] .semaine-carte .anneau{ grid-row:1; align-self:center; }
body[data-page="app"] .semaine-carte .semaine-info{ display:contents; }
body[data-page="app"] .semaine-carte .semaine-info h3{ grid-column:2; grid-row:1; margin:0; align-self:end; }
body[data-page="app"] .semaine-carte .semaine-info p{ grid-column:2; grid-row:2; margin:0; }
body[data-page="app"] .semaine-carte #ptsSemaine, body[data-page="app"] .semaine-carte .sem7-barre{ grid-column:1 / -1; }
body[data-page="app"] .semaine-carte .anneau{ grid-row:1 / 3; }
body[data-page="app"] .semaine-carte .sem7{ display:grid !important; grid-template-columns:repeat(7,minmax(0,1fr)) !important; gap:5px !important; overflow:visible !important; margin:.9rem 0 .6rem !important; padding:4px 0 !important; }
body[data-page="app"] .semaine-carte .sem7-tuile{ padding:.55rem .1rem .5rem !important; border-radius:14px !important; gap:.3rem !important; }
body[data-page="app"] .semaine-carte .sem7-nom{ font-size:0 !important; }
body[data-page="app"] .semaine-carte .sem7-nom::first-letter{ font-size:12px; }
body[data-page="app"] .semaine-carte .sem7-ic{ width:30px !important; height:30px !important; }
body[data-page="app"] .semaine-carte .sem7-ic svg{ width:17px !important; height:17px !important; }
body[data-page="app"] .semaine-carte .sem7-jour.est-fait .sem7-ic{ background-size:17px !important; }
body[data-page="app"] .semaine-carte .sem7-num{ font-size:14px !important; }
body[data-page="app"] .semaine-carte .anneau .centre{ font-family:"Manrope",system-ui,sans-serif; font-weight:800; background:linear-gradient(155deg,#5ACBFA,#7B5CF5); -webkit-background-clip:text; background-clip:text; color:transparent; }

/* ---------- pensée du jour : arc-en-ciel qui ondule ---------- */
body[data-page="app"] .pensee-carte{ background:#fff !important; border:none !important; position:relative; overflow:hidden; }
body[data-page="app"] .pensee-carte::before{ content:""; position:absolute; width:200px; height:200px; right:-70px; top:-70px; border-radius:50%; background:conic-gradient(from 0deg,#FF4D9D,#FF9A3D,#37BDF8,#8B5CF6,#FF4D9D); filter:blur(36px); opacity:.35; animation:fun-souffle 7s ease-in-out infinite; }
body[data-page="app"] .pensee-carte h3{ position:relative; font-family:"Manrope",system-ui,sans-serif; color:#0B84BF; }
body[data-page="app"] .pensee-carte .txt{
  position:relative; font-family:"Manrope",system-ui,sans-serif !important; font-weight:800 !important; font-size:21px !important; line-height:1.3 !important; transform:none !important;
  background:linear-gradient(90deg,#FF4D9D,#FF9A3D,#37BDF8,#8B5CF6,#FF4D9D); background-size:200% 100%; -webkit-background-clip:text; background-clip:text; color:transparent !important; animation:fun-prism 6s linear infinite;
}

/* ---------- pastille compteur ---------- */
body[data-page="app"] .chip-compteur{ background:#fff !important; border:none !important; box-shadow:0 14px 30px -22px rgba(22,22,26,.5) !important; }
body[data-page="app"] .chip-compteur .mi{ background:linear-gradient(155deg,#FF8FC0,#F0468A) !important; color:#fff !important; border:none !important; }

/* ---------- écran Calendrier ---------- */
body[data-page="app"] .cal-app .cal-day[data-futur="true"]{ background:#fff !important; box-shadow:inset 0 0 0 1.5px rgba(22,22,26,.1) !important; opacity:.8; }
body[data-page="app"] .cal-app .cal-day[data-futur="true"] .dt{ background:#F5F6F8 !important; box-shadow:none; }
body[data-page="app"] .cal-app .cal-day .num{ font-size:15px !important; }
body[data-page="app"] .cal-app .cal-day .dt{ width:28px !important; height:28px !important; }
body[data-page="app"] .cal-app .cal-day .dt svg{ width:16px !important; height:16px !important; }
body[data-page="app"] .cal-app .cal-day.done .dt{ background-size:16px !important; }
body[data-page="app"] .cal-app .cal-grid{ gap:6px !important; }
body[data-page="app"] .cal-app .cal-day{ border-radius:14px !important; gap:4px !important; aspect-ratio:1/1.15 !important; }
body[data-page="app"] .cal-nav button, body[data-page="app"] #calPrec, body[data-page="app"] #calSuiv{ border-radius:50% !important; background:#fff !important; border:1px solid rgba(22,22,26,.1) !important; }

/* ---------- méthode (onglet) : les deux jours ---------- */
body[data-page="app"] .rythme-jour .rj-emoji{ width:48px !important; height:48px !important; border-radius:16px; color:#fff !important; background:linear-gradient(155deg,#5ACBFA,#1A9BE0); }
body[data-page="app"] .rythme-jour.normal .rj-emoji{ background:linear-gradient(155deg,#A98BFF,#7B5CF5); }
body[data-page="app"] .rythme-jour .rj-emoji svg{ width:26px !important; height:26px !important; }

/* ---------- barre d'onglets ---------- */
body[data-page="app"] .tabbar{ background:rgba(255,255,255,.92) !important; border-top:1px solid rgba(22,22,26,.06) !important; }
body[data-page="app"] .tabbar button{ font-family:"Manrope",system-ui,sans-serif !important; font-weight:700 !important; color:rgba(22,22,26,.55) !important; }
body[data-page="app"] .tabbar button .ic svg{ width:25px !important; height:25px !important; stroke-width:2.1; }
body[data-page="app"] .tabbar button.on{ color:#fff !important; background:linear-gradient(155deg,#5ACBFA,#7B5CF5) !important; box-shadow:0 12px 22px -12px rgba(123,92,245,.9) !important; }
body[data-page="app"] .tabbar button.on .ic{ animation:fun-pop .4s cubic-bezier(.34,1.56,.64,1); }

/* ---------- récompenses (onglet Moi) ---------- */
body[data-page="app"] .recomp-nom{ font-family:"Manrope",system-ui,sans-serif !important; text-transform:none !important; letter-spacing:0 !important; }

/* ---------- célébration de palier ---------- */
body[data-page="app"] .fete-carte .palier{ font-family:"Manrope",system-ui,sans-serif !important; font-weight:800 !important; transform:none !important; background:linear-gradient(90deg,#FF4D9D,#FF9A3D,#37BDF8,#8B5CF6); -webkit-background-clip:text; background-clip:text; color:transparent !important; }
body[data-page="app"] .ecran .methode-quote{ font-family:"Manrope",system-ui,sans-serif !important; font-weight:700 !important; font-size:1.02rem !important; }

/* ambre → violet (règles générées depuis app.css / app-overrides.css) */
body[data-page="app"] .jour-hero.normal{ background:linear-gradient(165deg, rgba(139,92,246,.20), var(--white) 62%) !important; border-color:rgba(139,92,246,.30) !important; }
body[data-page="app"] .jour-hero.normal .badge-jour{ color:#5B3BD9 !important; }
body[data-page="app"] .pt-jour.plaisir i{ background:linear-gradient(165deg, rgba(139,92,246,.22), var(--white) 70%) !important; border-color:rgba(139,92,246,.30) !important; color:#5B3BD9 !important; }
body[data-page="app"] .rythme-jour.normal .rj-emoji{ color:#5B3BD9 !important; }
body[data-page="app"] .jour-hero.normal{ background:linear-gradient(150deg, rgba(139,92,246,.14), var(--white)) !important; }

/* ---------- recettes ---------- */
body[data-page="app"] .r-carte .atout{ font-family:"Inter",system-ui,sans-serif !important; font-weight:500 !important; font-size:15px !important; line-height:1.45; color:rgba(22,22,26,.64) !important; margin:.3em 0 0 !important; }
body[data-page="app"] .r-filtres button{ font-family:"Manrope",system-ui,sans-serif; font-weight:700; }
body[data-page="app"] .r-filtres button.on{ background:linear-gradient(155deg,#5ACBFA,#7B5CF5) !important; border-color:transparent !important; color:#fff !important; box-shadow:0 10px 20px -12px rgba(123,92,245,.9); }
body[data-page="app"] .r-carte{ border:none !important; box-shadow:0 22px 44px -30px rgba(22,22,26,.5) !important; }

/* ============================================================
   « Adouci » (17/10/2026) — même esprit que l'espace membre :
   pastels, plus de dégradés pleins ni d'arc-en-ciel sur les mots.
   ============================================================ */
body[data-page="app"] .jour-hero, body[data-page="app"] .jour-hero.normal{ background:#fff !important; border:1px solid rgba(22,22,26,.07) !important; box-shadow:0 20px 44px -36px rgba(22,22,26,.4) !important; }
body[data-page="app"] .jour-hero .emoji-fond{ background:#E6F6FE !important; color:#0B84BF !important; box-shadow:none !important; animation:none !important; }
body[data-page="app"] .jour-hero.normal .emoji-fond{ background:#F1ECFF !important; color:#6D4AE8 !important; }
body[data-page="app"] .btn-valider, body[data-page="app"] .jour-hero.normal .btn-valider{ background:#37BDF8 !important; color:#16161A !important; box-shadow:none !important; }
body[data-page="app"] .stat-puce .val, body[data-page="app"] .semaine-carte .anneau .centre, body[data-page="app"] .pensee-carte .txt{ background:none !important; -webkit-text-fill-color:#16161A !important; color:#16161A !important; animation:none !important; }
body[data-page="app"] .pensee-carte::before{ opacity:.12 !important; animation:none !important; }
body[data-page="app"] .chip-compteur .mi{ background:#FFEAF3 !important; color:#E0457A !important; }
body[data-page="app"] .rythme-jour .rj-emoji{ background:#E6F6FE !important; color:#0B84BF !important; }
body[data-page="app"] .rythme-jour.normal .rj-emoji{ background:#F1ECFF !important; color:#6D4AE8 !important; }
body[data-page="app"] .tabbar button.on{ background:#E6F6FE !important; color:#0B84BF !important; box-shadow:none !important; }
body[data-page="app"] .r-filtres button.on{ background:#16161A !important; box-shadow:none !important; }