:root{--bg:#f5f6f0;--panel:#fffdf8;--ink:#23302b;--muted:#7c8781;--green:#4d7f67;--green2:#6c9b7e;--pale:#eaf2e8;--cream:#fbf3e6;--amber:#e8a94f;--red:#ca6658;--purple:#8d73aa;--line:#e6e8e1;--shadow:0 18px 50px rgba(44,58,51,.09);--radius:26px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.eyebrow{display:block;font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--green);margin-bottom:6px}.eyebrow.light{color:#d6eddc}.muted{color:var(--muted)}.primary,.secondary,.ghost{border:0;border-radius:16px;padding:14px 20px;font-weight:800;transition:.2s}.primary{background:var(--green);color:white;box-shadow:0 8px 20px rgba(77,127,103,.22)}.primary:hover{transform:translateY(-1px);background:#406e59}.secondary{background:var(--pale);color:var(--green)}.ghost{background:transparent;color:var(--muted)}.wide{width:100%}.hidden{display:none!important}.alert{padding:13px 16px;border-radius:14px;margin:12px 0;font-size:.92rem}.alert.error{background:#fff0ed;color:#9a4c43;border:1px solid #f3d6d1}.alert.success{background:#edf7ef;color:#39634c;border:1px solid #d5ead9}.fade-out{opacity:0;transition:.5s}label{font-size:.82rem;font-weight:800;color:#4a5651;display:flex;flex-direction:column;gap:7px}input,select,textarea{width:100%;border:1px solid #dfe4dc;border-radius:14px;padding:13px 14px;background:white;color:var(--ink);outline:none;transition:.18s}input:focus,select:focus,textarea:focus{border-color:#89ac97;box-shadow:0 0 0 4px rgba(77,127,103,.09)}textarea{min-height:94px;resize:vertical}small{font-weight:500;color:var(--muted)}
.auth-page{background:linear-gradient(135deg,#eef4eb 0%,#f8f2e8 100%)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;max-width:1180px;margin:auto;padding:54px;gap:90px}.auth-brand h1{font-size:clamp(2.7rem,5vw,5rem);line-height:1.02;margin:14px 0 20px;letter-spacing:-.05em}.auth-brand h1 span{color:var(--green)}.auth-brand p{font-size:1.06rem;line-height:1.7;color:#64716a;max-width:600px}.logo-orb{width:76px;height:76px;border-radius:26px;background:white;display:grid;place-items:center;font-size:2rem;box-shadow:var(--shadow);margin-bottom:25px}.logo-orb.small{width:48px;height:48px;border-radius:16px;font-size:1.35rem;margin:0}.brand-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.brand-pills span{background:rgba(255,255,255,.68);padding:9px 13px;border-radius:999px;font-size:.84rem;font-weight:700}.auth-card{background:rgba(255,255,255,.88);padding:42px;border-radius:32px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.9)}.auth-card h2{font-size:2rem;margin:6px 0}.card-icon{font-size:2.1rem}.stack-form{display:flex;flex-direction:column;gap:16px;margin-top:24px}.security-note{text-align:center;color:#839087;font-size:.76rem;margin-top:19px}
.setup-page{background:linear-gradient(160deg,#eef5ec,#fbf5ec);min-height:100vh}.setup-shell{max-width:1000px;margin:auto;padding:30px 25px 70px}.setup-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:26px}.brand-mini{display:flex;align-items:center;gap:10px;font-size:1.05rem}.brand-mini span{font-size:1.5rem}.step-label{text-align:right;color:var(--muted);font-size:.82rem}.setup-progress{display:flex;gap:8px}.setup-progress span{width:34px;height:7px;border-radius:999px;background:#d8ded5;transition:.25s}.setup-progress span.active{background:var(--green)}.setup-card{background:rgba(255,255,255,.94);border-radius:32px;padding:42px 48px;box-shadow:var(--shadow);min-height:590px}.setup-step{display:none}.setup-step.active{display:block;animation:rise .28s ease}.step-emoji{font-size:2.4rem;margin-bottom:11px}.setup-card h1{font-size:clamp(2rem,4vw,3.2rem);margin:8px 0 10px;letter-spacing:-.04em}.lead{color:var(--muted);line-height:1.65;max-width:720px;margin:0 0 28px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-2.compact{gap:12px}.setup-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:34px;padding-top:24px}.members-list{display:flex;flex-direction:column;gap:10px;margin:18px 0}.member-row{display:grid;grid-template-columns:44px 1.35fr 1.05fr 1fr 38px;gap:10px;align-items:start;padding:12px;background:#f8faf6;border:1px solid var(--line);border-radius:18px}.member-symbol{height:45px;display:grid;place-items:center;background:white;border-radius:13px;margin-top:24px}.remove-member{border:0;background:transparent;color:#a67a70;font-size:1.4rem;height:45px;margin-top:24px}.member-age-preview{min-height:1em;line-height:1.15;display:block}.finish-card{align-self:end;min-height:75px;background:var(--pale);border-radius:17px;padding:15px;display:flex;flex-direction:column;justify-content:center;gap:4px}.finish-card span{color:var(--muted);font-size:.8rem}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.app-page{background:#f3f5ef}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.main-pane{padding:32px 38px 60px;max-width:1500px;width:100%;margin:0 auto}.side-panel{position:sticky;top:0;height:100vh;background:#fffdf9;border-right:1px solid var(--line);padding:27px 18px;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:11px;padding:0 8px 26px}.side-brand strong,.side-brand span{display:block}.side-brand span{font-size:.72rem;color:var(--muted);margin-top:2px}.side-panel nav{display:flex;flex-direction:column;gap:5px}.side-panel nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:15px;color:#69736e}.side-panel nav a span{font-size:1.08rem;width:24px}.side-panel nav a b{font-size:.88rem}.side-panel nav a.active,.side-panel nav a:hover{background:var(--pale);color:var(--green)}.budget-card{margin-top:auto;background:linear-gradient(145deg,#eff5eb,#f8f3e8);padding:16px;border-radius:18px;display:flex;flex-direction:column;gap:2px}.budget-card>span,.budget-card small{font-size:.72rem;color:var(--muted)}.budget-card strong{font-size:1.45rem}.budget-line{height:6px;background:white;border-radius:99px;margin:9px 0}.budget-line i{display:block;height:100%;background:var(--green);border-radius:99px}.logout-form button{width:100%;margin-top:14px;border:0;background:transparent;color:#87918c;padding:11px;text-align:left}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.topbar h1{font-size:clamp(1.8rem,3vw,2.6rem);margin:2px 0 4px;letter-spacing:-.035em}.topbar p{margin:0;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:10px}.icon-button,.avatar{width:46px;height:46px;border-radius:16px;display:grid;place-items:center}.icon-button{border:0;background:white;font-size:1.5rem;color:var(--green);box-shadow:0 7px 20px rgba(44,58,51,.06)}.avatar{background:var(--green);color:white;font-weight:900}.welcome-banner{display:flex;align-items:center;gap:12px;background:#eaf5eb;border:1px solid #d6e8d7;border-radius:18px;padding:14px 17px;margin-bottom:18px}.welcome-banner>div{display:flex;flex-direction:column;gap:2px;flex:1}.welcome-banner span{font-size:.82rem;color:#5e7867}.welcome-banner button{border:0;background:transparent;font-size:1.3rem;color:#66806f}.hero-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(220px,.8fr);gap:17px}.flemme-card{background:linear-gradient(120deg,#416f59,#628a70);color:white;border-radius:28px;padding:26px 28px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;box-shadow:0 16px 38px rgba(57,99,78,.17)}.flemme-icon{font-size:2.7rem}.flemme-card h2{font-size:2rem;margin:3px 0 5px}.flemme-card p{margin:0;max-width:620px;color:#dcebe0;font-size:.9rem;line-height:1.5}.flemme-button{white-space:nowrap;background:white;color:#416f59;padding:13px 16px;border-radius:15px;font-weight:900;font-size:.85rem}.kpi-stack{display:grid;grid-template-columns:1fr;gap:9px}.kpi{background:#fffdf9;border:1px solid var(--line);border-radius:20px;padding:12px 14px;display:flex;align-items:center;gap:12px}.kpi-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--pale)}.kpi-icon.amber{background:#fbf0dc}.kpi-icon.purple{background:#f0eaf7}.kpi strong,.kpi span{display:block}.kpi strong{font-size:1.28rem}.kpi div span{font-size:.72rem;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;margin:30px 0 15px}.section-head h2{font-size:1.7rem;margin:0}.segmented{display:flex;background:#e8ebe4;border-radius:14px;padding:4px}.segmented button{border:0;background:transparent;padding:8px 11px;border-radius:10px;color:#7d8781;font-size:.76rem;font-weight:700}.segmented button.active{background:white;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.05)}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.category-card{background:#fffdf9;border:1px solid var(--line);border-radius:22px;padding:17px}.category-title{display:flex;align-items:center;gap:9px;margin-bottom:9px}.category-title>span{font-size:1.15rem}.category-title h3{margin:0;flex:1;font-size:1rem}.category-title b{background:#f0f2ed;color:#78827c;min-width:26px;height:26px;border-radius:9px;display:grid;place-items:center;font-size:.72rem}.product-list{display:flex;flex-direction:column}.product-row{display:flex;align-items:center;gap:8px;padding:11px 3px;border-top:1px solid #edf0e9}.product-main{flex:1;min-width:0}.product-main strong,.product-main span{display:block}.product-main strong{font-size:.86rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.product-main span{font-size:.7rem;color:var(--muted);margin-top:2px}.expiry{font-size:.65rem;font-weight:800;padding:5px 7px;border-radius:8px;background:#edf2ec;color:#6e8075}.expiry.warn{background:#fff0d7;color:#9a6a20}.expiry.danger{background:#ffe7e2;color:#a64f42}.inline-delete button{border:0;background:transparent;color:#a7afaa;font-size:1.15rem}.empty-fridge{background:#fffdf9;border:1px dashed #cfd7cc;border-radius:26px;padding:42px 22px;text-align:center}.fridge-illustration{display:flex;justify-content:center;gap:8px;font-size:2rem;margin-bottom:16px}.empty-fridge h3{margin:0 0 8px}.empty-fridge p{color:var(--muted);max-width:570px;margin:0 auto 20px;line-height:1.55}.mobile-nav{display:none}
.modal{position:fixed;inset:0;background:rgba(27,38,33,.42);backdrop-filter:blur(7px);display:none;place-items:center;z-index:50;padding:18px}.modal.open{display:grid}.modal-card{background:#fffdf9;width:min(600px,100%);max-height:92vh;overflow:auto;border-radius:28px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.22);animation:rise .2s ease}.modal-head{display:flex;justify-content:space-between;align-items:start}.modal-head h2{margin:0;font-size:1.7rem}.modal-head button{border:0;background:#f1f2ed;width:38px;height:38px;border-radius:12px;font-size:1.25rem}.modal-open{overflow:hidden}
.simple-app,.placeholder-page{max-width:1180px;margin:auto;padding:42px 28px 70px}.simple-head{display:flex;gap:25px;align-items:start;margin-bottom:24px}.simple-head>div{flex:1}.simple-head h1{font-size:2.5rem;margin:4px 0}.simple-head p{color:var(--muted)}.back{display:inline-flex;padding:10px 13px;background:white;border-radius:12px;font-size:.82rem;font-weight:800}.family-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:15px}.family-card{background:#fffdf9;border:1px solid var(--line);border-radius:24px;padding:23px}.family-card:first-child{grid-row:span 2}.family-card h2{margin-top:0}.member-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.member-card{background:#f7f9f4;border-radius:17px;padding:15px;display:grid;grid-template-columns:43px 1fr;column-gap:10px;align-items:center}.member-avatar{grid-row:span 2;width:43px;height:43px;border-radius:14px;background:var(--pale);display:grid;place-items:center;font-weight:900;color:var(--green)}.member-card span{font-size:.75rem;color:var(--muted)}dl{margin:0}dl div{padding:11px 0;border-top:1px solid var(--line)}dt{font-size:.72rem;color:var(--muted);margin-bottom:3px}dd{margin:0;font-weight:700;font-size:.88rem}.coming-note{margin-top:15px;padding:14px 18px;background:#ecefe8;border-radius:15px;color:#69736d;font-size:.83rem}.placeholder-page{min-height:100vh}.placeholder-card{max-width:720px;margin:9vh auto 0;background:#fffdf9;border:1px solid var(--line);border-radius:30px;padding:45px;text-align:center;box-shadow:var(--shadow)}.placeholder-icon{font-size:4rem}.placeholder-card h1{font-size:2.6rem;margin:7px 0}.placeholder-card p{color:var(--muted);line-height:1.65}.placeholder-roadmap{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:24px 0}.placeholder-roadmap span{padding:7px 10px;background:var(--pale);border-radius:99px;font-size:.75rem;color:var(--green);font-weight:800}.link-button{display:inline-block}
@media(max-width:950px){.auth-shell{grid-template-columns:1fr;padding:30px;gap:24px}.auth-brand{display:none}.app-shell{display:block}.side-panel{display:none}.main-pane{padding:24px 18px 95px}.mobile-nav{display:flex;position:fixed;z-index:30;left:10px;right:10px;bottom:10px;background:rgba(255,253,249,.96);border:1px solid var(--line);box-shadow:0 14px 40px rgba(30,40,35,.16);backdrop-filter:blur(12px);border-radius:22px;padding:7px;justify-content:space-around}.mobile-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:1.1rem;padding:7px;border-radius:15px}.mobile-nav a span{font-size:.62rem;font-weight:800;color:#89938d}.mobile-nav a.active{background:var(--pale)}.hero-grid{grid-template-columns:1fr}.kpi-stack{grid-template-columns:repeat(3,1fr)}.kpi{flex-direction:column;text-align:center;gap:5px}.category-grid{grid-template-columns:1fr 1fr}.family-layout{grid-template-columns:1fr}.family-card:first-child{grid-row:auto}.setup-card{padding:34px 26px}.grid-2{grid-template-columns:1fr}.member-row{grid-template-columns:38px 1fr 70px 34px}.member-row label:nth-of-type(3){grid-column:2/4}.member-row .remove-member{grid-column:4;grid-row:1}.flemme-card{grid-template-columns:auto 1fr}.flemme-button{grid-column:1/-1;text-align:center}}
@media(max-width:620px){.setup-shell{padding:18px 12px 45px}.setup-head{grid-template-columns:1fr auto}.step-label{display:none}.setup-card{padding:25px 17px;border-radius:24px}.setup-progress span{width:22px}.member-row{grid-template-columns:34px 1fr 63px 30px;padding:9px}.topbar{align-items:flex-start}.topbar p{font-size:.82rem}.topbar h1{font-size:1.65rem}.avatar{display:none}.flemme-card{padding:20px;border-radius:23px;gap:12px}.flemme-icon{font-size:2rem}.flemme-card h2{font-size:1.55rem}.flemme-card p{font-size:.8rem}.kpi-stack{gap:7px}.kpi{padding:9px}.kpi-icon{width:36px;height:36px}.section-head{display:block}.segmented{margin-top:12px;overflow-x:auto}.category-grid{grid-template-columns:1fr}.family-layout{grid-template-columns:1fr}.member-grid{grid-template-columns:1fr}.simple-app,.placeholder-page{padding:22px 13px 80px}.simple-head{display:block}.simple-head .back{margin-bottom:18px}.placeholder-card{padding:28px 20px}.modal{padding:0;align-items:end}.modal-card{border-radius:26px 26px 0 0;max-height:92vh;width:100%}.grid-2.compact{grid-template-columns:1fr 1fr}}
/* STEP 2 — barcode scan / enriched inventory */
.scan-shortcut{border:1px solid #dbe6dc;background:#eef6ef;color:var(--green);height:46px;padding:0 15px;border-radius:16px;font-weight:900;display:flex;align-items:center;gap:7px}.scan-shortcut span{font-size:1.05rem}.scan-shortcut:hover{background:#e5f0e6}.empty-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.budget-line i{width:0}.product-row{gap:10px}.product-thumb{width:42px;height:42px;border-radius:12px;background:#f4f6f0;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;font-size:1rem}.product-thumb.has-image{background:white;border:1px solid #ecefe9}.product-thumb img{width:100%;height:100%;object-fit:contain;padding:3px}.product-name-line{display:flex;align-items:center;gap:6px;min-width:0}.product-name-line strong{min-width:0}.source-badge{font-size:.52rem!important;line-height:1!important;margin:0!important;background:#eaf2e8;color:#4d7f67;border-radius:6px;padding:4px 5px;font-weight:900;letter-spacing:.03em;flex:0 0 auto}.mini-tags{display:flex;gap:4px;margin-top:5px;flex-wrap:wrap}.mini-tags i{font-style:normal;font-size:.54rem;background:#f1f3ee;color:#6e7873;padding:3px 5px;border-radius:6px}.mini-tags .nutri-a{background:#e0f2e4;color:#24703c}.mini-tags .nutri-b{background:#e9f4df;color:#52722e}.mini-tags .nutri-c{background:#fff2ce;color:#8a6b18}.mini-tags .nutri-d{background:#ffe9d4;color:#9a5724}.mini-tags .nutri-e{background:#ffe0da;color:#9e493d}.row-tools{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.qty-tools{display:flex;gap:3px}.qty-tools form{margin:0}.qty-tools button{width:25px;height:25px;border:1px solid #e1e6df;background:#fafbf8;border-radius:8px;color:#66746c;font-weight:900;line-height:1}.qty-tools button:hover{background:#edf3eb;color:var(--green)}
.product-modal-card{width:min(690px,100%)}.barcode-zone{margin-top:20px;background:linear-gradient(145deg,#eef5ec,#f8f2e7);border:1px solid #dce7dc;border-radius:22px;padding:16px}.barcode-zone-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.barcode-zone-head>div{display:flex;align-items:center;gap:10px}.barcode-zone-head strong,.barcode-zone-head small{display:block}.barcode-zone-head strong{font-size:.9rem}.barcode-zone-head small{font-size:.68rem;margin-top:2px}.scan-orb{width:40px;height:40px;border-radius:13px;background:white;display:grid;place-items:center;color:var(--green);font-weight:900;box-shadow:0 5px 14px rgba(60,90,70,.08)}.scan-button{border:0;background:var(--green);color:white;border-radius:12px;padding:10px 12px;font-size:.75rem;font-weight:900}.barcode-line{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.barcode-line input{background:rgba(255,255,255,.88);padding:11px 12px}.barcode-line button{border:1px solid #d5dfd4;background:white;border-radius:12px;padding:0 13px;color:var(--green);font-weight:900;font-size:.75rem}.lookup-status{min-height:18px;margin-top:8px;font-size:.7rem;color:var(--muted)}.lookup-status.loading{color:#7d6e45}.lookup-status.success{color:#376b4d}.lookup-status.error{color:#a34f43}.lookup-status.neutral{color:#6f776f}.scanner-panel{margin-top:12px}.video-shell{position:relative;overflow:hidden;background:#17211c;border-radius:18px;aspect-ratio:16/9}.video-shell video{width:100%;height:100%;object-fit:cover;display:block}.scan-frame{position:absolute;inset:22% 12%;border:2px solid rgba(255,255,255,.95);border-radius:14px;box-shadow:0 0 0 999px rgba(0,0,0,.22)}.scan-frame:before,.scan-frame:after,.scan-frame i:before,.scan-frame i:after{content:"";position:absolute;width:24px;height:24px;border-color:#aee0b7;border-style:solid}.scan-frame:before{left:-2px;top:-2px;border-width:4px 0 0 4px;border-radius:9px 0 0 0}.scan-frame:after{right:-2px;top:-2px;border-width:4px 4px 0 0;border-radius:0 9px 0 0}.scan-frame i:before{left:-2px;bottom:-2px;border-width:0 0 4px 4px;border-radius:0 0 0 9px}.scan-frame i:after{right:-2px;bottom:-2px;border-width:0 4px 4px 0;border-radius:0 0 9px 0}.scanner-help{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:.69rem;color:var(--muted)}.scanner-help button{border:0;background:transparent;color:#9b5a4f;font-weight:900}.off-preview{display:grid;grid-template-columns:56px 1fr auto;gap:11px;align-items:center;margin-top:12px;background:rgba(255,255,255,.82);border:1px solid #dfe8de;border-radius:16px;padding:10px}.off-image{width:56px;height:56px;border-radius:12px;background:white;overflow:hidden}.off-image img{width:100%;height:100%;object-fit:contain;padding:3px}.off-copy{min-width:0}.off-copy strong,.off-copy small{display:block}.off-copy strong{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.off-copy small{font-size:.68rem;margin-top:2px}.off-kicker{font-size:.52rem;font-weight:900;letter-spacing:.1em;color:var(--green)}.preview-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.preview-tags span{font-size:.56rem;background:#eef2ea;border-radius:6px;padding:3px 5px;color:#69746d;font-weight:800}.preview-check{width:28px;height:28px;border-radius:9px;background:#e4f3e6;color:#39724e;display:grid;place-items:center;font-weight:900}.form-divider{display:flex;align-items:center;gap:10px;margin:18px 0 0;color:#849087;font-size:.64rem;font-weight:900;letter-spacing:.08em}.form-divider:before,.form-divider:after{content:"";height:1px;background:#e7e9e3;flex:1}.off-attribution{text-align:center;margin:0;font-size:.65rem;color:#8a938e}.off-attribution a{text-decoration:underline}.off-preview[hidden],.scanner-panel[hidden]{display:none!important}
@media(max-width:760px){.scan-shortcut{font-size:0;width:46px;padding:0;justify-content:center}.scan-shortcut span{font-size:1.1rem}.product-row{align-items:flex-start}.row-tools{margin-left:auto}.product-thumb{width:38px;height:38px}.inline-delete{align-self:center}.barcode-zone-head{align-items:flex-start}.barcode-zone-head>div{align-items:flex-start}.scan-button{white-space:nowrap}.barcode-line{grid-template-columns:1fr}.barcode-line button{height:39px}.video-shell{aspect-ratio:4/3}}
@media(max-width:480px){.product-modal-card{padding:18px}.barcode-zone{padding:13px}.barcode-zone-head{display:block}.barcode-zone-head .scan-button{width:100%;margin-top:10px}.off-preview{grid-template-columns:48px 1fr auto}.off-image{width:48px;height:48px}.product-row{display:grid;grid-template-columns:38px 1fr auto auto}.product-main{min-width:0}.row-tools{grid-column:3}.inline-delete{grid-column:4}.product-main>span{white-space:normal}.mini-tags{display:none}.grid-2.compact{grid-template-columns:1fr}.empty-actions{flex-direction:column}.empty-actions button{width:100%}}
/* STEP 3 — intelligent stock, anti-waste and shopping list */
.kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.step3-hero{grid-template-columns:minmax(0,1.7fr) minmax(340px,.9fr)}.step3-kpis .kpi{min-height:68px}.kpi-icon.blue{background:#e7f1f5}.kpi-icon.rose{background:#f8e9e6}.kpi-link{position:relative}.kpi-link>b{margin-left:auto;color:#9aa39e;font-size:1.3rem}.side-panel nav a em{margin-left:auto;background:var(--green);color:#fff;font-style:normal;font-size:.62rem;font-weight:900;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center}
.smart-strip{margin-top:18px;background:#fffdf9;border:1px solid var(--line);border-radius:24px;padding:18px}.smart-strip-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:12px}.smart-strip-head h2{margin:0;font-size:1.32rem}.waste-pill{background:#f4f6f1;border:1px solid #e6eae3;border-radius:999px;padding:7px 11px;font-size:.7rem;color:#77827c;white-space:nowrap}.waste-pill b{color:var(--ink)}.urgent-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.urgent-card{display:grid;grid-template-columns:40px minmax(0,1fr) 30px;align-items:center;gap:9px;background:#fbf6e9;border:1px solid #f1e4c9;border-radius:16px;padding:9px}.urgent-card.overdue{background:#fff0ed;border-color:#f0d3cd}.urgent-card.today{background:#fff5df;border-color:#eed8a6}.urgent-thumb{width:40px;height:40px;border-radius:11px;background:white;display:grid;place-items:center;overflow:hidden}.urgent-thumb img{width:100%;height:100%;object-fit:contain;padding:2px}.urgent-copy{min-width:0}.urgent-copy strong,.urgent-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.urgent-copy strong{font-size:.78rem}.urgent-copy span{font-size:.62rem;color:#8b7860;margin-top:2px}.urgent-card form{margin:0}.urgent-card button{border:0;background:white;width:30px;height:30px;border-radius:10px;color:var(--green);font-weight:900}.all-good{display:flex;align-items:center;gap:12px;background:#eef5ec;border-radius:16px;padding:14px}.all-good>span{font-size:1.5rem}.all-good b,.all-good small{display:block}.all-good small{margin-top:2px}.inventory-head p{margin:3px 0 0;color:var(--muted);font-size:.72rem}
.state-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.state-tags i{font-style:normal;font-size:.53rem!important;padding:3px 5px;border-radius:6px;margin:0!important;font-weight:800}.opened-tag{background:#e6f0f6;color:#486e83}.restock-tag{background:#eee9f6;color:#765d94}.low-tag{background:#fff0d9;color:#9a6d2a}.favorite-badge{color:#c96b6e!important;font-size:.64rem!important;margin:0!important}.step3-tools{min-width:88px}.qty-tools{align-items:center}.qty-tools>b{min-width:26px;text-align:center;font-size:.68rem}.smart-product-row{position:relative;padding-right:3px}.product-more{position:relative;align-self:center}.product-more>summary{list-style:none;width:30px;height:30px;border-radius:9px;background:#f3f5f0;display:grid;place-items:center;font-size:.72rem;font-weight:900;color:#78827c;cursor:pointer}.product-more>summary::-webkit-details-marker{display:none}.product-more[open]>summary{background:#e8f0e7;color:var(--green)}.product-popover{position:absolute;z-index:20;right:0;top:36px;width:310px;background:white;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 18px 45px rgba(36,48,42,.18)}.quick-actions{display:grid;gap:5px}.quick-actions form,.final-actions form{margin:0}.quick-actions button{width:100%;border:0;background:#f6f7f3;border-radius:10px;padding:9px 10px;text-align:left;font-size:.7rem;color:#54615a;font-weight:750}.quick-actions button:hover{background:#edf3eb}.mini-settings{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.mini-settings label{font-size:.6rem;gap:4px}.mini-settings input,.mini-settings select{font-size:.68rem;padding:8px;border-radius:9px}.mini-settings label:nth-of-type(3){grid-column:1/-1}.mini-settings button{grid-column:1/-1;padding:8px;border-radius:10px;font-size:.68rem}.final-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line)}.final-actions button{width:100%;border:0;border-radius:10px;padding:8px;font-size:.66rem;font-weight:850}.final-actions .consumed{background:#e7f3e9;color:#3f7350}.final-actions .wasted{background:#fff0e7;color:#9a6545}.final-actions .delete-action{background:transparent;color:#a26b62}.final-actions form:last-child{grid-column:1/-1}.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.check-card{display:grid;grid-template-columns:auto 34px 1fr;align-items:center;gap:8px;background:#f7f8f4;border:1px solid var(--line);border-radius:14px;padding:10px;cursor:pointer}.check-card input{width:16px;height:16px}.check-card>span{font-size:1.1rem}.check-card b,.check-card small{display:block}.check-card b{font-size:.72rem}.check-card small{font-size:.59rem;margin-top:2px;line-height:1.3}
.history-panel{margin-top:26px}.history-head{margin-bottom:10px}.history-list{background:#fffdf9;border:1px solid var(--line);border-radius:20px;padding:5px 15px}.history-list>div{display:grid;grid-template-columns:10px minmax(120px,.7fr) minmax(140px,1fr) auto;gap:9px;align-items:center;padding:10px 2px;border-top:1px solid #eef0ea;font-size:.7rem}.history-list>div:first-child{border-top:0}.history-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-list>div>span:nth-of-type(2){color:var(--muted)}.history-list time{color:#9aa39e;font-size:.62rem}.history-dot{width:7px;height:7px;border-radius:50%;background:#a7b0aa}.history-dot.added,.history-dot.consumed{background:#6f9d7d}.history-dot.wasted{background:#ce806b}.history-dot.opened{background:#6f94aa}
.shopping-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:16px}.shopping-card,.shopping-add-card,.done-shopping{background:#fffdf9;border:1px solid var(--line);border-radius:24px;padding:20px}.shopping-title{display:flex;justify-content:space-between;align-items:center}.shopping-title h2,.shopping-add-card h2{margin:0;font-size:1.35rem}.shopping-icon{font-size:2rem}.shopping-list{margin-top:13px}.shopping-row{display:grid;grid-template-columns:36px minmax(0,1fr) 32px;gap:9px;align-items:center;padding:11px 2px;border-top:1px solid #edf0e9}.shopping-row:first-child{border-top:0}.shopping-row strong,.shopping-row span{display:block}.shopping-row strong{font-size:.85rem}.shopping-row span{font-size:.68rem;color:var(--muted);margin-top:2px}.shopping-row span b{display:inline;color:var(--purple)}.shop-check,.shop-delete{border:0;background:transparent}.shop-check{width:32px;height:32px;border:2px solid #d7ddd6;border-radius:50%;font-size:1.1rem;color:#8d9891}.shop-delete{font-size:1.2rem;color:#aa837b}.shopping-empty{text-align:center;padding:50px 20px;color:var(--muted)}.shopping-empty>span{font-size:2rem}.shopping-empty b{display:block;color:var(--ink);margin-top:8px}.shopping-empty p{margin:5px 0 0;font-size:.78rem}.shopping-add-card .stack-form{margin-top:18px}.auto-info{display:flex;gap:10px;background:#f0f3ec;border-radius:15px;padding:12px;margin-top:15px}.auto-info>span{font-size:1.2rem}.auto-info b{font-size:.72rem}.auto-info p{font-size:.65rem;line-height:1.45;color:var(--muted);margin:3px 0 0}.done-shopping{margin-top:16px}.done-shopping>div{display:flex;flex-wrap:wrap;gap:6px}.done-shopping form{margin:0}.done-shopping button{border:0;background:#f0f3ee;border-radius:999px;padding:7px 10px;font-size:.68rem;color:#66726b}.done-shopping button span{color:var(--green);font-weight:900}.done-shopping button small{margin-left:5px;font-size:.56rem}
@media(max-width:1180px){.step3-hero{grid-template-columns:1fr}.urgent-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.step3-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.step3-kpis .kpi{flex-direction:column;text-align:center;min-width:0}.step3-kpis .kpi-link>b{display:none}.shopping-layout{grid-template-columns:1fr}.product-popover{right:0}}
@media(max-width:680px){.smart-strip-head{align-items:flex-start}.waste-pill{white-space:normal}.urgent-row{grid-template-columns:1fr}.step3-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.step3-kpis .kpi{flex-direction:row;text-align:left}.toggle-grid{grid-template-columns:1fr}.history-list>div{grid-template-columns:9px 1fr auto}.history-list>div>span:nth-of-type(2){grid-column:2/4}.product-popover{position:fixed;left:12px;right:12px;top:auto;bottom:88px;width:auto;max-height:65vh;overflow:auto}.smart-product-row{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:start}.smart-product-row .product-thumb{grid-column:1}.smart-product-row .product-main{grid-column:2}.smart-product-row .row-tools{grid-column:3}.smart-product-row .product-more{grid-column:4}.state-tags{max-width:100%}.shopping-layout{gap:10px}}


/* STEP 3 — family birthdays and editable household profiles */
.family-page{max-width:1260px}.family-layout-wide{grid-template-columns:1.55fr .85fr}.family-members-card{grid-row:span 2}.family-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.family-card-head h2{margin:3px 0 0}.member-count{background:var(--pale);color:var(--green);padding:7px 10px;border-radius:999px;font-size:.72rem;font-weight:900;white-space:nowrap}.member-grid-editable{grid-template-columns:repeat(2,minmax(0,1fr))}.member-profile-card{display:block;padding:15px;border:1px solid #edf0e9}.member-profile-top{display:flex;align-items:center;gap:11px}.member-profile-card .member-avatar{flex:0 0 43px}.member-summary{min-width:0;display:flex;flex-direction:column;gap:2px}.member-summary strong{font-size:.96rem}.member-summary span{font-size:.78rem;color:#38483f;font-weight:800}.member-summary small{font-size:.68rem;color:var(--muted);white-space:normal}.member-editor{margin-top:12px;border-top:1px solid var(--line);padding-top:8px}.member-editor>summary,.add-family-member>summary{cursor:pointer;list-style:none;font-size:.72rem;font-weight:900;color:var(--green);padding:6px 0}.member-editor>summary::-webkit-details-marker,.add-family-member>summary::-webkit-details-marker{display:none}.member-edit-form,.member-add-form{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:8px}.member-edit-form label,.member-add-form label{font-size:.68rem}.member-edit-form label:first-of-type,.member-add-form label:first-of-type{grid-column:1/-1}.member-edit-form button,.member-add-form button{align-self:end}.member-delete-form{margin-top:8px}.member-delete-form button{border:0;background:transparent;color:#a86458;font-weight:800;font-size:.7rem;padding:5px 0}.add-family-member{margin-top:14px;background:#f7faf4;border:1px dashed #cbd8c5;border-radius:17px;padding:10px 14px}.flash{margin:0 0 16px;padding:12px 14px;border-radius:14px;font-size:.82rem;font-weight:800}.flash.ok{background:#e7f6e9;color:#2f6d3d}.flash.error{background:#fae8e5;color:#97493f}

@media(max-width:950px){.family-layout-wide{grid-template-columns:1fr}.family-members-card{grid-row:auto}.member-grid-editable{grid-template-columns:repeat(2,minmax(0,1fr))}.member-row{grid-template-columns:38px 1fr 1fr 34px}.member-row label:nth-of-type(3){grid-column:2/4}}
@media(max-width:620px){.member-grid-editable{grid-template-columns:1fr}.member-edit-form,.member-add-form{grid-template-columns:1fr}.member-edit-form label:first-of-type,.member-add-form label:first-of-type{grid-column:auto}.member-row{grid-template-columns:34px 1fr 30px}.member-row .member-symbol{grid-column:1;grid-row:1}.member-row label:nth-of-type(1),.member-row label:nth-of-type(2),.member-row label:nth-of-type(3){grid-column:2/3}.member-row .remove-member{grid-column:3;grid-row:1}.family-card-head{align-items:flex-start}}

.member-age-preview{font-size:.62rem;color:var(--green);font-weight:800;min-height:.8em}

/* STEP 4 — family meal planner */
.today-plan-strip{margin:20px 0 0;background:#fffdf9;border:1px solid var(--line);border-radius:22px;padding:17px}.today-plan-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.today-plan-head h2{font-size:1.18rem;margin:0}.mini-link{font-size:.72rem;font-weight:900;color:var(--green)}.today-meals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.today-meal{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px dashed #d9ddd6;border-radius:15px;padding:10px 11px;color:#7d8781;background:#fafbf7}.today-meal>span{font-size:1.15rem}.today-meal small,.today-meal strong{display:block}.today-meal small{font-size:.59rem;text-transform:uppercase;letter-spacing:.06em;color:#8c958f}.today-meal strong{font-size:.76rem;color:#526059;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-meal>b{font-size:1.1rem;color:#a0a8a3}.today-meal.filled{border-style:solid;background:white}.today-meal.slot-petit_dejeuner.filled{border-left:4px solid #d7a55a}.today-meal.slot-dejeuner.filled{border-left:4px solid #6c98b7}.today-meal.slot-diner.filled{border-left:4px solid #9a79b5}
.planning-main{max-width:none;min-width:0}.planning-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.planning-topbar h1{margin:3px 0 5px;font-size:clamp(1.9rem,3vw,2.7rem);letter-spacing:-.04em}.planning-topbar p{margin:0;color:var(--muted);max-width:760px}.planning-top-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.compact-btn{padding:11px 14px}.flemme-mini{background:linear-gradient(120deg,#4f7d68,#6d957a);color:white;padding:11px 14px;border-radius:14px;font-size:.78rem;font-weight:900;box-shadow:0 7px 18px rgba(55,92,72,.14)}
.week-toolbar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;background:#fffdf9;border:1px solid var(--line);border-radius:20px;padding:10px 12px;margin-bottom:12px}.week-arrow{width:38px;height:38px;border-radius:12px;background:#f0f3ed;display:grid;place-items:center;font-size:1.1rem;font-weight:900;color:#5c6b63}.week-title{text-align:center}.week-title span,.week-title strong{display:block}.week-title span{font-size:.57rem;letter-spacing:.14em;font-weight:900;color:var(--green)}.week-title strong{font-size:1rem;margin-top:2px}
.planning-context{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.presence-card,.antiwaste-card{background:#fffdf9;border:1px solid var(--line);border-radius:18px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.presence-copy{display:flex;align-items:center;gap:10px;min-width:0}.context-icon{width:36px;height:36px;border-radius:11px;background:var(--pale);display:grid;place-items:center;flex:0 0 auto}.presence-copy b,.presence-copy small{display:block}.presence-copy b{font-size:.76rem}.presence-copy small{font-size:.64rem;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-dots{display:flex;flex-direction:row-reverse;justify-content:flex-end}.family-dots span,.meal-people i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#eaf2e8;border:2px solid white;color:#4d7f67;font-size:.6rem;font-weight:900;font-style:normal;margin-left:-5px}.antiwaste-card>a{font-size:.66rem;font-weight:900;color:var(--green);white-space:nowrap}
.calendar-wrap{overflow-x:auto;padding-bottom:8px;margin:0 -3px}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(155px,1fr));gap:8px;min-width:1120px;padding:3px}.day-column{background:#fffdf9;border:1px solid var(--line);border-radius:20px;min-height:468px;overflow:hidden}.day-column.is-today{border-color:#96b6a1;box-shadow:0 0 0 2px rgba(77,127,103,.07)}.day-head{display:flex;align-items:center;justify-content:space-between;padding:13px 13px 11px;border-bottom:1px solid #edf0ea;background:#fafbf7}.day-head>div{display:flex;align-items:baseline;gap:7px}.day-head strong{font-size:.76rem}.day-head span{font-size:1.45rem;font-weight:900}.day-head em{font-style:normal;font-size:.52rem;background:var(--green);color:white;border-radius:999px;padding:4px 6px;font-weight:900}.meal-slots{padding:8px;display:flex;flex-direction:column;gap:7px}.meal-card,.empty-meal{width:100%;border:0;text-align:left;border-radius:14px;min-height:104px;padding:10px;transition:.16s}.meal-card:hover,.empty-meal:hover{transform:translateY(-1px);box-shadow:0 6px 15px rgba(44,58,51,.07)}.meal-card{display:flex;flex-direction:column;align-items:flex-start;border-left:4px solid transparent}.meal-card.slot-petit_dejeuner{background:#fff6e9;border-left-color:#d7a55a}.meal-card.slot-dejeuner{background:#edf6fb;border-left-color:#6c98b7}.meal-card.slot-diner{background:#f4eff9;border-left-color:#9a79b5}.meal-slot-label{font-size:.52rem;text-transform:uppercase;letter-spacing:.06em;font-weight:900;color:#738078}.meal-card strong{font-size:.77rem;line-height:1.28;margin-top:6px;color:#2f3d36}.meal-card>small{font-size:.59rem;color:#78847d;margin-top:4px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meal-people{display:flex;align-items:center;margin-top:auto;padding-top:9px}.meal-people i{width:22px;height:22px;font-size:.53rem}.meal-people span{font-size:.55rem;color:#8d9691}.empty-meal{display:flex;align-items:center;justify-content:center;gap:6px;border:1px dashed #d9ddd6;background:#fafbf7;color:#9aa39e;min-height:104px}.empty-meal>span{font-size:1.05rem}.empty-meal b{font-size:.65rem}.empty-meal.slot-petit_dejeuner:hover{background:#fff8ee;color:#a87936}.empty-meal.slot-dejeuner:hover{background:#f0f8fc;color:#527f9e}.empty-meal.slot-diner:hover{background:#f7f2fb;color:#7d6495}
.planning-tip{display:flex;gap:11px;align-items:center;background:#edf4e9;border:1px solid #dce9d8;border-radius:17px;padding:12px 15px;margin-top:4px}.planning-tip>span{font-size:1.25rem}.planning-tip b,.planning-tip small{display:block}.planning-tip b{font-size:.76rem}.planning-tip small{font-size:.65rem;color:#6f7b74;margin-top:2px}.meal-modal-card{max-width:680px}.meal-form-grid{display:grid;grid-template-columns:.8fr 1.5fr;gap:11px}.meal-members-fieldset{border:0;padding:0;margin:4px 0}.meal-members-fieldset legend{font-size:.72rem;font-weight:900;color:#4a5651;margin-bottom:8px}.meal-member-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.member-check{display:grid;grid-template-columns:18px 34px minmax(0,1fr);align-items:center;gap:8px;background:#f7f9f4;border:1px solid var(--line);border-radius:13px;padding:9px;cursor:pointer}.member-check input{width:16px;height:16px}.member-check>span{width:32px;height:32px;border-radius:10px;background:var(--pale);display:grid;place-items:center;color:var(--green);font-size:.7rem}.member-check b,.member-check small{display:block}.member-check b{font-size:.7rem}.member-check small{font-size:.57rem;margin-top:1px}.meal-delete-form{margin-top:9px;text-align:center}.meal-delete-form button{border:0;background:transparent;color:#a05c52;font-weight:850;padding:8px;font-size:.72rem}
@media(max-width:1100px){.planning-topbar{align-items:flex-start}.planning-context{grid-template-columns:1fr}.today-meals{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){.planning-topbar{display:block}.planning-top-actions{margin-top:12px}.planning-context{grid-template-columns:1fr}.presence-card,.antiwaste-card{align-items:flex-start}.family-dots{padding-top:4px}.calendar-wrap{margin-left:-18px;margin-right:-18px;padding-left:18px}.week-grid{grid-template-columns:repeat(7,155px);min-width:max-content;padding-right:18px}.day-column{min-height:440px}.today-meals{grid-template-columns:1fr}.meal-form-grid,.meal-member-checks{grid-template-columns:1fr}.meal-modal-card{max-height:92vh}.presence-copy small{white-space:normal}.planning-tip{align-items:flex-start}}

/* STEP 4.0.1 — compact checkbox dropdowns in initial preferences */
.preference-field{display:flex;flex-direction:column;gap:7px;min-width:0}.field-label{font-size:.82rem;font-weight:800;color:#4a5651}.check-dropdown{position:relative;min-width:0}.check-dropdown>summary{list-style:none;min-height:47px;border:1px solid #dfe4dc;border-radius:14px;padding:12px 14px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;transition:.18s}.check-dropdown>summary::-webkit-details-marker{display:none}.check-dropdown>summary span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.88rem}.check-dropdown>summary b{font-size:.9rem;color:#75827b;transition:.18s}.check-dropdown[open]>summary{border-color:#89ac97;box-shadow:0 0 0 4px rgba(77,127,103,.09)}.check-dropdown[open]>summary b{transform:rotate(180deg)}.check-dropdown-menu{position:absolute;z-index:45;left:0;right:0;top:calc(100% + 7px);max-height:330px;overflow:auto;background:#fffdf9;border:1px solid #dde4db;border-radius:17px;padding:10px;box-shadow:0 18px 45px rgba(35,48,42,.18)}.check-options{display:grid;grid-template-columns:1fr 1fr;gap:5px}.check-options label{display:flex;flex-direction:row;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;font-size:.75rem;font-weight:700;cursor:pointer;color:#53605a}.check-options label:hover{background:#f1f5ef}.check-options input{width:16px;height:16px;flex:0 0 auto;accent-color:var(--green);margin:0;padding:0;box-shadow:none}.check-options label:has(input:checked){background:#eaf3e9;color:#35644c}.option-group-title{display:block;margin:7px 7px 4px;font-size:.64rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#87928c}.option-group-title:not(:first-child){margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.dropdown-custom{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line)}.dropdown-custom input{padding:9px 10px;border-radius:10px;font-size:.75rem}.dropdown-custom button{border:0;background:var(--pale);color:var(--green);font-weight:850;border-radius:10px;padding:0 11px;font-size:.72rem}.custom-values{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.custom-values:empty{display:none}.custom-value-chip{display:inline-flex;align-items:center;gap:5px;background:#edf3eb;color:#446652;border-radius:999px;padding:5px 6px 5px 9px;font-size:.66rem;font-weight:800}.custom-value-chip button{width:18px;height:18px;border:0;border-radius:50%;background:#dce9dd;color:#52705d;display:grid;place-items:center;padding:0;line-height:1}.preference-grid{align-items:start}
@media(max-width:680px){.check-dropdown-menu{position:fixed;z-index:80;left:12px;right:12px;top:50%;transform:translateY(-50%);max-height:72vh;border-radius:22px;padding:13px}.check-options{grid-template-columns:1fr 1fr}.preference-grid{grid-template-columns:1fr}}
@media(max-width:420px){.check-options{grid-template-columns:1fr}}

/* STEP 4.0.3 — persistent in-app navigation */
#app-page-root{min-height:100vh}.app-nav-busy{cursor:progress}.app-nav-busy #app-page-root{opacity:1;pointer-events:auto;transition:none}.family-main,.placeholder-main{max-width:1500px}.family-topbar{margin-bottom:18px}.placeholder-inline-card{max-width:780px;margin:7vh auto 0;background:#fffdf9;border:1px solid var(--line);border-radius:30px;padding:42px;text-align:center;box-shadow:var(--shadow)}.placeholder-inline-card h2{font-size:2.3rem;margin:7px 0}.placeholder-inline-card>p{color:var(--muted);line-height:1.65}.placeholder-hint{font-size:.82rem;background:var(--pale);border-radius:15px;padding:12px 15px;margin-top:20px!important}.side-panel nav a{position:relative}.side-panel nav a.active::after{content:"";position:absolute;left:9px;width:6px;height:6px;border-radius:50%;background:var(--green)}
@media(max-width:950px){.placeholder-inline-card{margin:4vh auto 0;padding:32px 24px}.family-main{padding-bottom:100px}}

/* STEP4.0.3 — desktop navigation rail moved to the left */
@media(min-width:951px){.app-shell>.side-panel{grid-column:1;grid-row:1}.app-shell>.main-pane{grid-column:2;grid-row:1}.side-panel nav a{padding-left:18px}}

.native-camera-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.camera-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.native-camera-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.native-camera-help{margin:8px 0 0;font-size:.82rem;color:var(--muted)}

.nutrition-rpg{padding:14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fbfdf8,#f3f7ed);margin-bottom:12px}
.rpg-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.rpg-head strong{display:block;font-size:1.05rem}
.frigi-score{min-width:130px;text-align:center;padding:8px 12px;border-radius:15px;background:#e8f3e7}.frigi-score small{display:block;font-size:.58rem;letter-spacing:.08em}.frigi-score b{font-size:1.7rem;line-height:1}.frigi-score span{font-size:.7rem;display:block}
.rpg-stats{display:grid;gap:7px}.rpg-stat{display:grid;grid-template-columns:105px 1fr 58px;align-items:center;gap:8px;font-size:.76rem}.rpg-stat>b{text-align:right}.rpg-track{height:9px;border-radius:99px;background:#e4e8df;overflow:hidden}.rpg-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#70aa78,#e0b454,#d66f62)}
.nutrition-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.nutrition-meta span{padding:4px 8px;border-radius:99px;background:#fff;border:1px solid var(--line);font-size:.7rem}
.score-explain{margin-top:10px}.score-explain summary{cursor:pointer;font-weight:800;font-size:.76rem}.score-explain p{font-size:.72rem;margin:5px 0}.score-explain .bonus{color:#38724f}.score-explain .malus{color:#a04b43}.who-note{color:var(--muted);border-top:1px solid var(--line);padding-top:8px!important;margin-top:8px!important}
@media(max-width:700px){.rpg-stat{grid-template-columns:92px 1fr 52px}.rpg-head{align-items:flex-start}.frigi-score{min-width:112px}.nutrition-rpg{padding:12px}}

/* 5.0.1 — mobile scan + true responsive containment */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:clip}
.app-shell,.main-pane,.page-content,.hero-grid,.today-plan-strip,.smart-strip,.inventory-section{min-width:0;max-width:100%}
img,video{max-width:100%}
.mobile-nav>*{min-width:0}
.mobile-nav button{border:0;background:transparent;font:inherit;color:inherit}
.mobile-nav .mobile-scan-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:1.1rem;padding:7px;border-radius:15px;color:var(--green);font-weight:900}
.mobile-nav .mobile-scan-tab span{font-size:.62rem;font-weight:900;color:var(--green)}
.shop-scan-modal[hidden]{display:none}.shop-scan-modal{position:fixed;inset:0;z-index:100;background:rgba(23,34,29,.48);display:grid;place-items:center;padding:16px}
.shop-scan-card{width:min(560px,100%);max-height:92dvh;overflow:auto;background:#fffdf9;border-radius:26px;padding:20px;box-shadow:0 24px 80px rgba(20,30,25,.25)}
.shop-scan-head{display:flex;justify-content:space-between;align-items:flex-start}.shop-scan-head small{font-weight:900;color:var(--green);letter-spacing:.12em}.shop-scan-head h2{margin:2px 0;font-size:1.7rem}.shop-scan-head button{border:0;background:var(--pale);width:38px;height:38px;border-radius:50%;font-size:1.5rem}
.shop-scan-intro{color:var(--muted);font-size:.86rem}.shop-scan-actions{display:grid;gap:10px}.shop-camera{display:grid;place-items:center;background:var(--green);color:white;padding:14px;border-radius:16px;font-weight:900;cursor:pointer}.shop-scan-actions>input{position:absolute;width:1px;height:1px;opacity:0}.shop-scan-actions>div{display:grid;grid-template-columns:1fr auto;gap:8px}.shop-scan-actions input{min-width:0;padding:12px;border:1px solid var(--line);border-radius:14px}.shop-scan-actions button{padding:0 16px;border:0;border-radius:14px;background:var(--pale);color:var(--green);font-weight:900}
.shop-scan-status{padding:10px 0;color:var(--muted)}.shop-result{border:1px solid var(--line);border-radius:20px;padding:14px;background:#fbfdf8}.shop-product-head{display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center}.shop-product-head img{width:58px;height:58px;object-fit:contain}.shop-product-head h3{margin:2px 0}.shop-product-head small{font-size:.6rem;color:var(--green);font-weight:900}.shop-product-head span{color:var(--muted);font-size:.75rem}.shop-score{text-align:center;background:#e8f3e7;border-radius:14px;padding:7px 10px}.shop-score b{display:block;font-size:1.7rem;line-height:1}.shop-score span{display:block;font-size:.65rem}.shop-verdict{text-align:center;font-weight:900;margin:12px 0;color:var(--green)}
.shop-stats{display:grid;gap:7px}.shop-stat{display:grid;grid-template-columns:100px 1fr 50px;gap:7px;align-items:center;font-size:.72rem}.shop-stat i{height:8px;background:#e3e8df;border-radius:99px;overflow:hidden}.shop-stat i b{display:block;height:100%;background:linear-gradient(90deg,#70aa78,#e0b454,#d66f62);border-radius:inherit}.shop-stat strong{text-align:right}.shop-disclaimer{font-size:.65rem;color:var(--muted);margin-bottom:0}
@media(max-width:620px){.main-pane{width:100%;padding-left:12px;padding-right:12px}.mobile-nav{left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right));width:auto}.segmented{max-width:100%;scrollbar-width:none}.shop-scan-modal{padding:0;align-items:end}.shop-scan-card{border-radius:26px 26px 0 0;width:100%;max-height:90dvh;padding-bottom:calc(18px + env(safe-area-inset-bottom))}.shop-product-head{grid-template-columns:48px 1fr 100px}.shop-product-head img{width:48px;height:48px}.shop-stat{grid-template-columns:90px 1fr 48px}}

/* 5.1.0 — smart meals + Frigi basket */
.smart-meal-builder,.basket-builder{display:flex;justify-content:space-between;gap:22px;align-items:center;background:linear-gradient(135deg,#eef6e9,#fff8e9);border:1px solid var(--line);border-radius:24px;padding:20px;margin-bottom:18px}.smart-meal-builder h2,.basket-builder h2{margin:3px 0}.smart-meal-builder p,.basket-builder p{margin:4px 0;color:var(--muted);max-width:680px}.smart-meal-builder form{display:flex;align-items:end;gap:8px;flex-shrink:0}.smart-meal-builder label{font-size:.7rem;font-weight:800}.smart-meal-builder select,.smart-meal-builder input{display:block;margin-top:4px;padding:10px;border:1px solid var(--line);border-radius:12px;background:white;max-width:90px}.basket-builder form{flex-shrink:0}@media(max-width:760px){.smart-meal-builder,.basket-builder{display:block;padding:16px}.smart-meal-builder form{display:grid;grid-template-columns:1fr 1fr;margin-top:14px}.smart-meal-builder form button{grid-column:1/-1}.smart-meal-builder select,.smart-meal-builder input{max-width:none;width:100%}.basket-builder form{margin-top:14px}.basket-builder button{width:100%}}

/* 5.1.1: aucun fade pendant la navigation. La vue courante reste intacte jusqu’au swap atomique. */
#app-page-root{opacity:1!important}

/* 5.1.2 — Auto Scan + vraie carte RPG + caddie */
.mobile-scan-tab{position:relative}.cart-badge{position:absolute;top:1px;right:8px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#d96758;color:#fff;font-size:.62rem;display:grid;place-items:center;font-style:normal;border:2px solid #fff}
.live-scan-zone{position:relative;overflow:hidden;border-radius:18px;background:#111;min-height:210px;margin:12px 0}.live-scan-zone video{display:block;width:100%;height:240px;object-fit:cover}.scan-reticle{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.scan-reticle span{width:78%;height:92px;border:3px solid rgba(255,255,255,.9);border-radius:14px;box-shadow:0 0 0 999px rgba(0,0,0,.25)}.live-scan-zone>small{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.58);color:#fff;padding:5px 10px;border-radius:99px;white-space:nowrap}
.shop-live-camera,.shop-camera{border:0;display:grid;place-items:center;background:var(--green);color:#fff;padding:14px;border-radius:16px;font-weight:900}.secondary-camera{background:var(--pale);color:var(--green)}
.shop-score{border:1px solid #cfe2d1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}.shop-score b{font-size:2.2rem}.shop-score-bar{height:13px;background:#e4e8df;border-radius:99px;overflow:hidden;margin:12px 0 4px}.shop-score-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#cf6658 0%,#e4b34e 50%,#5b9b72 100%)}
.shop-meta{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:8px 0 15px}.shop-meta span{border:1px solid var(--line);background:white;border-radius:99px;padding:5px 9px;font-size:.7rem;font-weight:800}
.shop-rpg-title{margin:14px 0 9px;border-top:1px solid var(--line);padding-top:12px}.shop-rpg-title span{display:block;color:var(--green);font-size:.6rem;font-weight:900;letter-spacing:.14em}.shop-rpg-title b{font-size:.9rem}
.shop-stats{gap:10px}.shop-stat{grid-template-columns:104px 1fr 54px;font-size:.76rem;font-weight:750}.shop-stat i{height:12px;box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}.shop-stat i b{background:linear-gradient(90deg,#65a77a,#a8c76d)}.shop-stat.limit i b{background:linear-gradient(90deg,#e7bd59,#d96c5e)}.shop-stat.good i b{background:linear-gradient(90deg,#4f8b69,#75b88b)}.shop-stat.missing{opacity:.55}
.shop-why{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}.shop-why summary{font-weight:900;cursor:pointer}.shop-why p{font-size:.72rem;margin:5px 0}.shop-why .bonus{color:#397451}.shop-why .malus{color:#a14b43}
.shop-decision{display:grid;grid-template-columns:1.4fr .8fr;gap:9px;margin-top:15px;position:sticky;bottom:-14px;background:#fbfdf8;padding:10px 0 4px}.shop-decision button{border:0;border-radius:15px;padding:13px 10px;font-weight:900}.cart-take{background:var(--green);color:#fff}.cart-return{background:#eef1eb;color:#5d6963}
@media(max-width:620px){.live-scan-zone video{height:215px}.shop-stats{gap:9px}.shop-stat{grid-template-columns:92px 1fr 50px}.shop-decision{bottom:calc(-18px - env(safe-area-inset-bottom));padding-bottom:calc(8px + env(safe-area-inset-bottom))}}

/* 5.2.0 — Administration desktop */
.admin-page{padding-bottom:50px}.admin-page .page-head{margin-bottom:20px}.admin-page .page-head small{color:var(--green);font-weight:900;letter-spacing:.14em}.admin-page .page-head h1{font-size:2.25rem;margin:3px 0}.admin-page .page-head p{color:var(--muted);margin:0}.admin-grid{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(540px,1.6fr);gap:18px;align-items:start}.admin-card{background:#fffdf9;border:1px solid var(--line);border-radius:22px;padding:20px}.admin-card-title{display:flex;gap:12px;align-items:center;margin-bottom:16px}.admin-card-title>span{font-size:1.6rem}.admin-card-title h2{margin:0}.admin-card-title p{margin:2px 0 0;color:var(--muted);font-size:.8rem}.admin-form{display:grid;gap:12px}.admin-form label{display:grid;gap:5px;font-weight:800;font-size:.78rem}.admin-form input,.admin-form select{width:100%;padding:12px;border:1px solid var(--line);border-radius:13px;background:white}.admin-form>small{color:var(--muted);line-height:1.45}.primary-btn{border:0;border-radius:14px;padding:13px;background:var(--green);color:white;font-weight:900}.admin-users{display:grid;gap:9px}.admin-user{display:grid;grid-template-columns:44px minmax(180px,1fr) 155px 150px;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:16px;background:#fff}.admin-user.disabled{opacity:.62}.admin-avatar{width:42px;height:42px;border-radius:13px;background:var(--pale);display:grid;place-items:center;color:var(--green);font-weight:950;font-size:1.1rem}.admin-user-main>strong,.admin-user-main>span{display:block}.admin-user-main>span{color:var(--muted);font-size:.72rem}.admin-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.admin-tags em{font-style:normal;font-size:.58rem;font-weight:850;padding:3px 6px;border-radius:99px;background:#edf0ea}.admin-tags .on{background:#e2f2e5;color:#34734d}.admin-tags .off{background:#f5e7e4;color:#9b5148}.admin-user-dates{display:grid;grid-template-columns:1fr;gap:1px}.admin-user-dates small{color:var(--muted);font-size:.58rem}.admin-user-dates b{font-size:.68rem;margin-bottom:3px}.admin-user-actions{display:grid;gap:6px}.admin-user-actions summary,.ghost-btn{cursor:pointer;border:0;background:#eef2eb;color:var(--green);border-radius:10px;padding:8px;font-weight:800;font-size:.68rem;text-align:center}.admin-user-actions details form{display:grid;gap:5px;margin-top:5px}.admin-user-actions details input{min-width:0;width:100%;padding:7px;border:1px solid var(--line);border-radius:8px}.admin-user-actions details button{border:0;background:var(--green);color:white;border-radius:8px;padding:7px;font-weight:800}.admin-flash{padding:11px 14px;border-radius:13px;background:#e5f2e7;color:#34734d;margin-bottom:14px;font-weight:800}.admin-flash.error{background:#f6e7e4;color:#984d45}
@media(max-width:900px){.desktop-admin-link{display:none!important}.admin-page{display:none!important}}

/* 5.2.1 — Caddie visible dans Courses */
.real-cart-card{background:linear-gradient(135deg,#f5faf1,#fffaf1);border:1px solid var(--line);border-radius:24px;padding:18px;margin:0 0 18px}.real-cart-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.real-cart-head h2{margin:3px 0}.real-cart-head p{margin:0;color:var(--muted);font-size:.82rem}.real-cart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:9px;margin-top:15px}.real-cart-item{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:9px}.real-cart-item img,.cart-placeholder{width:48px;height:48px;object-fit:contain;border-radius:10px;background:#f5f6f1;display:grid;place-items:center}.real-cart-item strong{display:block;font-size:.82rem}.real-cart-item span,.real-cart-item small{display:block;color:var(--muted);font-size:.68rem;margin-top:2px}.real-cart-item small{color:var(--green);font-weight:800}.real-cart-item button{border:0;background:#f1f2ee;border-radius:10px;width:34px;height:34px;cursor:pointer}.compact-empty{padding:16px!important}
@media(max-width:620px){.real-cart-card{padding:14px}.real-cart-head{align-items:flex-start;flex-direction:column}.real-cart-head form,.real-cart-head button{width:100%}.real-cart-grid{grid-template-columns:1fr}}

.scan-skeleton{display:grid;grid-template-columns:58px 1fr 90px;gap:10px;align-items:center}.scan-skeleton>i,.scan-skeleton em,.scan-skeleton div>*{display:block;background:#e8ebe5;border-radius:10px;animation:ffpulse 1s ease-in-out infinite alternate}.scan-skeleton>i{width:58px;height:58px}.scan-skeleton em{height:58px}.scan-skeleton div b{height:15px;width:75%;margin-bottom:8px}.scan-skeleton div span{height:9px;width:55%;margin:5px 0}.scan-skeleton-bars{display:grid;gap:8px;margin-top:15px}.scan-skeleton-bars i{height:11px;border-radius:99px;background:#e8ebe5;animation:ffpulse 1s ease-in-out infinite alternate}@keyframes ffpulse{to{opacity:.45}}
/* 5.3.0 — Administration users wizard + SMTP */
.admin-tabs{display:flex;gap:7px;margin:-5px 0 18px}.admin-tabs a{text-decoration:none;color:var(--muted);font-weight:850;padding:9px 13px;border-radius:12px}.admin-tabs a.active{background:var(--pale);color:var(--green)}.admin-users-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.admin-users-toolbar h2,.admin-users-toolbar p{margin:0}.admin-users-toolbar p{color:var(--muted);font-size:.78rem;margin-top:3px}.mail-admin-grid{display:grid;grid-template-columns:minmax(500px,1.3fr) minmax(320px,.7fr);gap:18px}.smtp-state{padding:10px 12px;border-radius:12px;background:#f5eee8;color:#98644b;font-weight:800;font-size:.75rem;margin-bottom:14px}.smtp-state.ok{background:#e9f4e9;color:#39704f}.smtp-two{display:grid;grid-template-columns:1fr 130px;gap:10px}.smtp-checks{display:flex;gap:18px}.smtp-checks label{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:6px}.smtp-checks input{width:auto!important}.smtp-buttons{display:flex;gap:8px}.smtp-security,.public-url-note{margin-top:14px;padding:11px;border-radius:12px;background:#f7f5ec;color:var(--muted);font-size:.72rem;line-height:1.5}.gmail-preset{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0 18px}.gmail-preset>*{background:#f4f7ef;padding:9px;border-radius:10px;font-size:.72rem}.gmail-preset strong{grid-column:1/-1;color:var(--green)}
.user-wizard-backdrop{position:fixed;inset:0;background:rgba(27,43,35,.45);z-index:1000;display:grid;place-items:center;padding:20px}.user-wizard-backdrop[hidden]{display:none}.user-wizard{width:min(680px,95vw);background:#fffdf9;border-radius:25px;box-shadow:0 30px 80px rgba(0,0,0,.22);overflow:hidden}.user-wizard>header{display:flex;justify-content:space-between;align-items:start;padding:22px 24px 15px}.user-wizard header small{color:var(--green);font-weight:900;letter-spacing:.13em}.user-wizard header h2{margin:4px 0}.user-wizard header button{border:0;background:var(--pale);width:38px;height:38px;border-radius:50%;font-size:1.5rem}.wizard-steps{display:flex;align-items:center;gap:10px;background:#f4f7ef;padding:12px 24px}.wizard-steps span{font-size:.72rem;font-weight:900;color:#929b94;display:flex;align-items:center;gap:6px}.wizard-steps span b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e0e6dc}.wizard-steps span.active{color:var(--green)}.wizard-steps span.active b{background:var(--green);color:#fff}.wizard-steps i{height:2px;background:#dce4d9;flex:1}.wizard-pane{display:none;padding:24px;min-height:250px}.wizard-pane.active{display:grid;gap:13px;align-content:start}.wizard-pane h3{margin:0 0 4px}.wizard-pane label{display:grid;gap:5px;font-size:.78rem;font-weight:850}.wizard-pane input,.wizard-pane select{padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff;width:100%}.generated-pass{display:grid;grid-template-columns:1fr auto;gap:7px}.generated-pass button{border:0;border-radius:12px;background:var(--pale);color:var(--green);font-weight:900;padding:0 14px}.wizard-tip{padding:11px;border-radius:12px;background:#f4f7ef;color:var(--muted);font-size:.72rem;line-height:1.45}.invite-preview{display:flex;gap:15px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:17px;background:linear-gradient(135deg,#f4f8ef,#fff8ee)}.invite-preview>span{font-size:2.4rem}.invite-preview p{margin:4px 0;color:var(--muted);font-size:.78rem}.user-wizard footer{display:flex;gap:8px;align-items:center;padding:14px 24px;border-top:1px solid var(--line)}.user-wizard footer>span{flex:1}.user-wizard button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:900px){.mail-admin-grid{grid-template-columns:1fr}.user-wizard-backdrop{display:none!important}}

/* 5.4.0 — suppression utilisateur sécurisée */
.delete-user{position:relative}.delete-user>summary{list-style:none;cursor:pointer;color:#a34d45;font-weight:800;font-size:.72rem}.delete-user>form{position:absolute;right:0;z-index:20;width:270px;background:#fff;border:1px solid #e5c7c2;border-radius:14px;padding:12px;box-shadow:0 14px 35px rgba(50,30,20,.15)}.delete-user p{font-size:.7rem;margin:0 0 8px}.delete-user input{width:100%;box-sizing:border-box;margin-bottom:7px}.danger-btn{width:100%;border:0;border-radius:10px;padding:9px;background:#b8574d;color:#fff;font-weight:900}

/* 5.4.1 — écran changement de mot de passe centré */
.password-page{min-height:100vh;background:radial-gradient(circle at 20% 10%,#edf5e9 0,transparent 34%),radial-gradient(circle at 85% 85%,#fbf0df 0,transparent 34%),var(--bg)}
.password-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:28px 18px}
.password-card{width:min(540px,100%);background:rgba(255,253,248,.96);border:1px solid rgba(255,255,255,.95);border-radius:30px;padding:38px 40px;box-shadow:0 24px 70px rgba(44,58,51,.12);text-align:center}
.password-logo{width:68px;height:68px;margin:0 auto 18px;border-radius:22px;background:#fff;display:grid;place-items:center;font-size:2rem;box-shadow:0 10px 30px rgba(44,58,51,.10)}
.password-card .eyebrow{margin-bottom:7px}.password-card h1{font-size:clamp(1.85rem,4vw,2.45rem);letter-spacing:-.04em;margin:0 0 10px}.password-lead{color:var(--muted);line-height:1.55;margin:0 auto 25px;font-size:.9rem}.password-form{display:grid;gap:15px;text-align:left}.password-form label{font-size:.78rem}.password-form input{min-height:50px;border-radius:15px;padding:13px 15px}.password-rules{display:flex;align-items:flex-start;gap:10px;background:#f2f6ef;border:1px solid #e1e9de;border-radius:15px;padding:12px 14px;color:#5d6b63}.password-rules>span{font-size:1.05rem}.password-rules p{margin:0}.password-rules b,.password-rules small{display:block}.password-rules b{font-size:.73rem;color:#496353}.password-rules small{font-size:.66rem;line-height:1.45;margin-top:2px}.password-submit{width:100%;min-height:51px;margin-top:2px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.88rem}.password-submit span{font-size:1.1rem}.password-card .alert{text-align:left}
@media(max-width:600px){.password-shell{padding:18px 12px}.password-card{padding:28px 20px;border-radius:25px}.password-logo{width:60px;height:60px;border-radius:19px}.password-lead br{display:none}}
/* 5.5.0 — invited user onboarding */
.invited-shell{max-width:980px}.member-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:22px 0}.member-choice{position:relative;display:grid;justify-items:center;gap:5px;padding:18px 12px;border:2px solid var(--line);border-radius:20px;background:#fff;cursor:pointer;text-align:center;transition:.15s}.member-choice input{position:absolute;opacity:0}.member-choice:has(input:checked){border-color:var(--green);background:#eef7ed;box-shadow:0 8px 24px rgba(48,99,72,.12)}.member-avatar{font-size:2rem}.member-choice small{color:var(--muted)}.new-member-box{margin-top:15px;border:1px solid var(--line);border-radius:18px;padding:14px;background:#f8faf5}.new-member-box summary{font-weight:850;color:var(--green);cursor:pointer}.new-member-box .grid-2{margin-top:14px}.invited-setup-page textarea{min-height:108px;resize:vertical}.form-error{background:#fff0ed;color:#a33f36;border:1px solid #f0c8c2;border-radius:14px;padding:10px 13px;margin-bottom:14px;font-weight:700}@media(max-width:620px){.member-picker{grid-template-columns:1fr 1fr}.member-choice{padding:14px 8px}}

/* STEP 5.6 — foyer / code famille */
.household-choice-card{max-width:860px}.household-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.household-choice{border:1px solid var(--line);border-radius:22px;padding:22px;background:#fbfcf8;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:9px}.household-choice>span{font-size:2rem}.household-choice strong{font-size:1.25rem}.household-choice small{color:var(--muted);line-height:1.5}.household-choice>b{color:var(--green);margin-top:auto}.household-choice form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}.household-choice input{text-transform:uppercase;letter-spacing:.12em;font-weight:800}.join-member-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:20px 0}.join-member-card button{width:100%;min-height:130px;border:1px solid var(--line);border-radius:18px;background:#fbfcf8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.join-member-card button>span{font-size:1.8rem}.join-member-card small{color:var(--muted)}.family-code-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#eef7ec,#fffaf0);border:1px solid var(--line);border-radius:22px;padding:18px 20px;margin-bottom:16px}.family-code-card h2{font-size:1.8rem;letter-spacing:.12em;margin:4px 0}.family-code-card p{margin:0;color:var(--muted);font-size:.78rem;max-width:680px}@media(max-width:680px){.household-choice-grid{grid-template-columns:1fr}.household-choice form{grid-template-columns:1fr}.family-code-card{align-items:flex-start;flex-direction:column}.family-code-card form,.family-code-card button{width:100%}}