/* ===== Palette multicolore Sevöa ===== */
:root{--cream:#FFF9F2;--navy:#1F2A5A;--coral:#E8604F;--teal:#2F9E8F;--sun:#F5C451;--lav:#B9B4F0;--sidebar-w:260px}
body{background:radial-gradient(circle at 0 0,#FDE6DF,transparent 35%),radial-gradient(circle at 100% 100%,#E3E0FA,transparent 35%),#FFF9F2}
.app-header{position:relative;text-align:center;padding:34px 150px 26px;margin:0 0 6px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 240 200%22%3E%3Cg%3E%3Cellipse cx=%2240%22 cy=%2240%22 rx=%2280%22 ry=%2255%22 fill=%22%23FBD5CC%22 opacity=%22.8%22/%3E%3Cellipse cx=%2230%22 cy=%22150%22 rx=%2260%22 ry=%2240%22 fill=%22%23CFEDE6%22 opacity=%22.9%22/%3E%3Cpath d=%22M20 120C40 60 90 40 130 50C120 100 80 140 20 120Z%22 fill=%22%232F9E8F%22/%3E%3Cpath d=%22M20 120C50 95 85 75 130 50%22 stroke=%22%23CFEDE6%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M60 40C70 10 110 0 140 12C130 42 95 55 60 40Z%22 fill=%22%23F5C451%22/%3E%3Cpath d=%22M0 90C20 70 40 70 55 78C45 98 20 104 0 90Z%22 fill=%22%23E8604F%22/%3E%3Ccircle cx=%22150%22 cy=%2295%22 r=%229%22 fill=%22%23B9B4F0%22/%3E%3Cpath d=%22M165 30l4 12 12 4-12 4-4 12-4-12-12-4 12-4z%22 fill=%22%23F5C451%22/%3E%3C/g%3E%3C/svg%3E") left top/220px auto no-repeat,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 240 200%22%3E%3Cg%3E%3Cellipse cx=%22200%22 cy=%2250%22 rx=%2280%22 ry=%2255%22 fill=%22%23E3E0FA%22 opacity=%22.9%22/%3E%3Cellipse cx=%22215%22 cy=%22150%22 rx=%2260%22 ry=%2240%22 fill=%22%23FDE9B8%22 opacity=%22.9%22/%3E%3Cpath d=%22M220 110C200 55 150 40 110 55C120 100 160 135 220 110Z%22 fill=%22%23B9B4F0%22/%3E%3Cpath d=%22M220 110C190 90 150 75 110 55%22 stroke=%22%23E3E0FA%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M180 40C170 10 130 0 100 14C112 42 145 55 180 40Z%22 fill=%22%232F9E8F%22/%3E%3Cpath d=%22M240 85C220 70 200 72 185 80C195 100 220 104 240 85Z%22 fill=%22%23F27A68%22/%3E%3Ccircle cx=%2295%22 cy=%22100%22 r=%228%22 fill=%22%23F5C451%22/%3E%3Cpath d=%22M70 35l3 9 9 3-9 3-3 9-3-9-9-3 9-3z%22 fill=%22%23E8604F%22/%3E%3C/g%3E%3C/svg%3E") right top/220px auto no-repeat}
.app-header .page-title{font-size:clamp(28px,4vw,40px);color:#1F2A5A}
.app-header .page-sub{max-width:520px;margin:6px auto 0;color:#5F6788}
.app-header>div[style*="flex"]{justify-content:center!important;text-align:center}
.rc-eyebrow{color:#2F9E8F!important}
@media(max-width:700px){.app-header{padding:90px 18px 14px;background-size:150px auto,150px auto;background-position:left -30px top -14px,right -30px top -14px}
.app-header .page-title{font-size:28px}}
.sidebar-logo-mark{background:#fff!important;border:2px solid #CFEDE6}
.sidebar-logo-mark svg{stroke:#2F9E8F!important}
.sidebar-avatar{background:#E8604F!important}
.sidebar-link.active{background:#FDE0D9;box-shadow:inset 3px 0 0 #E8604F}
.sidebar-icon{background:#E6F5F2!important}.sidebar-icon svg{stroke:#2F9E8F!important}
.sidebar-link.active .sidebar-icon{background:#FBD3CA!important}.sidebar-link.active .sidebar-icon svg{stroke:#E8604F!important}
.btn-primary,.tb-btn{background:#E8604F!important;box-shadow:0 10px 22px -10px rgba(232,96,79,.7)}
.btn-primary:hover,.tb-btn:hover{background:#D24A3A!important}
.bottom-nav-item.active{color:#fff}
.bottom-nav-item.active .bottom-nav-icon{background:#E8604F;border-radius:16px;padding:6px 16px}
.bottom-nav-item.active .bottom-nav-icon svg{stroke:#fff}
.bottom-nav-item.active .bottom-nav-label{color:#E8604F}
.card:nth-of-type(4n+2),.rc-card:nth-child(4n+2){border-top:4px solid #2F9E8F}
body{background:radial-gradient(circle at 0 0,#FFEDE7,transparent 28%),radial-gradient(circle at 100% 100%,#EEEBFC,transparent 28%),#FFF9F2!important}
.app-layout,.app-main,.app-content{background:transparent!important}
.app-header{background-color:transparent}
.rc-sticky{background:rgba(255,249,242,.92)!important}
[class*="bulle-fab"],.fab-bulle,#bulle-fab,.bulle-float{background:linear-gradient(135deg,#2F9E8F,#6CC5B8)!important}
.pause-douce-btn{background:linear-gradient(135deg,#2F9E8F,#6CC5B8)!important;box-shadow:0 8px 20px -8px rgba(47,158,143,.7)!important}
@media(max-width:700px){.app-header{padding:78px 20px 12px!important;background-size:130px auto,130px auto!important;background-position:left -26px top -8px,right -26px top -8px!important}
.app-header .page-sub{font-size:14px}}
@media(min-width:701px){.app-header{padding:34px 150px 20px!important}}
/* ===== Illustrations Pépiz (kit graphique) ===== */
.sidebar-logo-mark{background:transparent!important;border:0!important;width:56px;height:38px}
.sidebar-logo-mark svg{display:none}
.sidebar-logo-mark{background:url(images/deco/logo-pepiz.svg) center/contain no-repeat!important}
.mob-topbar-icon{font-size:0!important;background:url(images/deco/logo-pepiz.svg) center/contain no-repeat!important;width:38px!important;height:26px!important;border-radius:0!important;box-shadow:none!important}
.app-header{background:
 url(images/deco/feuilles.png) left -20px top 6px/150px auto no-repeat,
 url(images/deco/forme-menthe.png) left -70px top -40px/230px auto no-repeat,
 url(images/deco/coeur.png) right 40px top 22px/62px auto no-repeat,
 url(images/deco/forme-jaune.png) right -60px top -50px/220px auto no-repeat!important}
@media(max-width:700px){.app-header{background:
 url(images/deco/feuilles.png) left -22px top 8px/92px auto no-repeat,
 url(images/deco/forme-menthe.png) left -50px top -30px/150px auto no-repeat,
 url(images/deco/coeur.png) right 14px top 24px/44px auto no-repeat,
 url(images/deco/forme-jaune.png) right -40px top -40px/140px auto no-repeat!important}}
.tb-box-budget{position:relative}
.tb-wallet{position:absolute;right:14px;top:8px;width:84px;height:auto;pointer-events:none}
.tb-box-budget h2{padding-right:92px}
.courses-empty-icon{font-size:0!important}.courses-empty-icon img{width:150px;height:auto}
.courses-stats-strip{background:#fff url(images/deco/panier.png) right 10px center/64px auto no-repeat;padding-right:84px}
@media(max-width:700px){.app-header{padding:84px 34px 12px!important}.app-header .rc-eyebrow{margin-top:-6px}
.app-header{background-position:left -26px top -4px,left -50px top -34px,right 10px top 22px,right -40px top -40px!important}}
/* logo Pépiz (maquettes) */
.sidebar-logo-main,.mob-topbar-brand{font-style:normal!important;font-weight:600!important;color:#1F2A5A!important}
.sidebar-logo-main::after,.mob-topbar-brand::after{content:".";color:#D9A21B}
.sidebar-logo-mark{width:58px!important;height:42px!important}
.mob-topbar-icon{width:42px!important;height:30px!important}
/* Ma Bulle : tuiles colorées */
.mood-grid .mood-card:nth-child(1){background:#E6F5F2;border-color:#CFEDE6}
.mood-grid .mood-card:nth-child(2){background:#FDEAE5;border-color:#FBD5CC}
.mood-grid .mood-card:nth-child(3){background:#FFF4D6;border-color:#FBE6A8}
.mood-grid .mood-card:nth-child(4){background:#E8F0FB;border-color:#CFDFF5}
.mood-grid .mood-card:nth-child(5){background:#EFECFB;border-color:#DAD6F7}
.mood-grid .mood-card:nth-child(6){background:#EAF5E3;border-color:#D3E8C6}
.bulle-pioche{background:linear-gradient(120deg,#F3F1FD,#E3E0FA)!important;border-color:#D3CEF3!important}
/* Liste de courses : rayons colorés */
.cat-group{border-radius:22px;overflow:hidden;border:1px solid #EFE3D2;background:#fff;margin-bottom:16px}
.cat-group-header{padding:14px 18px}
.cat-group:nth-child(5n+1) .cat-group-header{background:#E3F4EF}
.cat-group:nth-child(5n+2) .cat-group-header{background:#FDE5DF}
.cat-group:nth-child(5n+3) .cat-group-header{background:#FFF1CC}
.cat-group:nth-child(5n+4) .cat-group-header{background:#E4EDFA}
.cat-group:nth-child(5n+5) .cat-group-header{background:#ECE9FB}
.cat-group-header,.cat-group-header *{color:#1F2A5A}
.cat-group-count{background:#fff;border-radius:999px;padding:1px 10px;font-weight:700}
@media(min-width:1100px){#courses-container{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;align-items:start}.cat-group{margin:0}}
.courses-empty{text-align:center}.courses-empty-icon{display:block;text-align:center}.courses-empty-icon img{margin:0 auto}
/* Menu de la semaine : jours colorés */
.day-card{border-radius:22px;overflow:hidden;border:1px solid #EFE3D2;background:#fff}
.week-grid .day-card:nth-child(7n+1) .day-header{background:#E3F4EF}
.week-grid .day-card:nth-child(7n+2) .day-header{background:#FDE5DF}
.week-grid .day-card:nth-child(7n+3) .day-header{background:#FFF1CC}
.week-grid .day-card:nth-child(7n+4) .day-header{background:#E4EDFA}
.week-grid .day-card:nth-child(7n+5) .day-header{background:#ECE9FB}
.week-grid .day-card:nth-child(7n+6) .day-header{background:#FDE0E8}
.week-grid .day-card:nth-child(7n+7) .day-header{background:#EAF5E3}
.day-header{color:#1F2A5A}
@media(min-width:1150px){.week-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.week-grid .day-card{margin:0}}
@media(min-width:1500px){.week-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* Repas complets */
.meal-slot-plus,.tb-plus{display:block;font-size:12px;line-height:1.35;margin-top:4px;color:#8A5A00;background:#FFF4D6;border-radius:8px;padding:3px 8px;width:fit-content;max-width:100%}
.meal-slot-plus.ok,.tb-plus.ok{color:#1F7A6D;background:#E6F5F2}