/* FLOW v33 — PLG voeding UX, FLOW branding */
.flow-nutrition{--fn-blue:#32b0e5;--fn-blue2:#168fc2;--fn-ink:#102f40;--fn-muted:#6e7e88;--fn-line:#dce6ec;max-width:980px;margin:0 auto;color:var(--fn-ink);padding:0 0 26px;display:grid;gap:14px}.fn-brand{margin:-18px -18px 4px;padding:16px 18px;background:#0c2635;display:flex;align-items:center;justify-content:space-between;min-height:76px}.fn-brand img{width:132px;max-height:54px;object-fit:contain;object-position:left center}.fn-brand div{display:grid;text-align:right;color:#fff}.fn-brand span{font-size:10px;letter-spacing:.15em;font-weight:800;color:#9ddcf4}.fn-brand strong{font-size:17px}.fn-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.fn-head h2{font-size:30px!important;margin:0}.fn-head p{margin:2px 0 0;color:var(--fn-muted);font-size:13px}.fn-date{border:1px solid var(--fn-line);border-radius:10px;padding:10px 12px;background:#fff;font:inherit;color:var(--fn-ink)}.fn-macros{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:10px}.fn-macro{background:#fff;border:1px solid var(--fn-line);border-radius:14px;padding:15px;min-width:0}.fn-macro strong{font-size:24px;line-height:1.05;display:block;color:var(--fn-ink)}.fn-macro strong small{font-size:12px;margin-left:2px;color:var(--fn-muted)}.fn-macro>small{display:block;color:var(--fn-muted);font-size:10px;text-transform:uppercase;letter-spacing:.03em;margin-top:5px}.fn-progress{height:5px;background:#e8edf1;border-radius:10px;margin-top:10px;overflow:hidden}.fn-progress i{display:block;height:100%;background:var(--fn-blue);max-width:100%;border-radius:10px}.fn-meals{display:grid;gap:10px;margin-top:2px}.fn-meal{background:#fff;border:1px solid var(--fn-line);border-radius:16px;overflow:hidden;box-shadow:0 4px 14px rgba(15,30,40,.03)}.fn-meal.active{border-color:#b9dff6;box-shadow:0 8px 22px rgba(30,127,199,.08)}.fn-meal-head{width:100%;border:0;background:#fff;color:var(--fn-ink);padding:17px 18px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;text-align:left;font:inherit;cursor:pointer}.fn-meal.active .fn-meal-head{background:#f5fbff;border-bottom:1px solid #dcecf5}.fn-meal-head>span{display:grid;gap:3px}.fn-meal-head b{font-size:20px}.fn-meal-head small{font-size:12px;color:var(--fn-muted);font-weight:600}.fn-meal-head i{width:30px;height:30px;border-radius:50%;background:#eef7fc;color:var(--fn-blue2);display:grid;place-items:center;font-size:20px;font-style:normal;font-weight:800}.fn-meal-body{padding:14px 16px 17px}.fn-primary-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:stretch}.fn-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.fn-search input{min-width:0;border:1px solid #cbdde8;border-radius:10px;padding:12px;font-size:16px}.fn-search button,.fn-primary-tools>.scan{border:1px solid var(--fn-blue);border-radius:10px;padding:11px 14px;font:inherit;font-weight:800}.fn-search .secondary{background:#eef8fc;color:#137da8}.fn-primary-tools>.scan{background:var(--fn-blue);color:#fff}.fn-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.fn-toolbar .outline{border:1px solid #a8d5ef;background:#fff;color:#137da8;border-radius:10px;padding:9px 12px;font-weight:800}.fn-results,.fn-quick{display:grid;gap:4px}.fn-food{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:5px;align-items:center;border-top:1px solid #e5eef2;padding:8px 2px}.fn-food strong{font-size:14px}.fn-food small{display:block;color:var(--fn-muted);font-size:11px;margin-top:2px}.fn-food button{min-width:38px;min-height:38px;border:0;border-radius:9px;background:#edf7fb;color:var(--fn-blue2);font-size:18px}.fn-food .heart{background:transparent;color:#8b9aa5;font-size:21px}.fn-food .heart.on{color:#e44d63}.fn-quick-details{border:1px solid #d6e6ee;border-radius:14px;background:#f7fbfd;margin:12px 0;padding:11px 12px}.fn-quick-details>summary{display:flex;gap:9px;align-items:baseline;cursor:pointer;border-bottom:1px solid #d6e6ee;padding:0 2px 9px}.fn-quick-details>summary b{font-size:17px}.fn-quick-details>summary span{color:var(--fn-muted);font-size:12px}.fn-section-title{display:flex;justify-content:space-between;align-items:center;margin:10px 2px 6px}.fn-section-title h4{margin:0;font-size:14px;color:#546875}.fn-section-title em{font-style:normal;background:#e3f2fa;border-radius:20px;padding:2px 7px;font-size:12px;color:#1886bf}.fn-added{border-top:1px solid #e5eef2;margin-top:14px;padding-top:13px}.fn-kicker{font-size:10px;letter-spacing:.12em;font-weight:900;color:var(--fn-blue2)}.fn-added h3{margin:3px 0 8px}.fn-log{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #edf0f2;padding:11px 0}.fn-log:first-of-type{border-top:0}.fn-log small{display:block;color:var(--fn-muted);margin-top:3px;font-size:12px}.fn-log-actions{display:flex;gap:6px}.fn-log-actions button,.fn-saved-buttons button{border:1px solid #cddbe2;background:#fff;color:#365563;border-radius:8px;padding:7px 9px;font-weight:700}.fn-log-actions .danger,.fn-saved-buttons button:last-child{color:#7b3030}.fn-saved{margin-top:14px;padding:13px 14px;border:1px solid var(--fn-line);border-radius:12px;background:#fbfdfe}.fn-saved-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #e4edf1}.fn-saved-row small{display:block;color:var(--fn-muted);font-size:12px}.fn-saved-buttons{display:flex;gap:6px;flex-wrap:wrap}.fn-goal{background:#fff;border:1px solid var(--fn-line);border-radius:16px;padding:14px 16px}.fn-goal h3{margin:0 0 4px}.fn-goal p{margin:0;color:var(--fn-muted);font-size:13px}.fn-empty{color:var(--fn-muted);padding:8px 0;font-size:13px}.fn-error{background:#fff0f0;color:#9b3030;padding:14px;border-radius:11px}.fn-camera video{width:100%;border-radius:10px;margin-top:10px;background:#111}
@media(max-width:700px){.flow-nutrition{gap:11px}.fn-brand{margin:-14px -12px 2px;padding:13px 14px;min-height:68px}.fn-brand img{width:116px}.fn-head{align-items:flex-start}.fn-head h2{font-size:27px!important}.fn-date{font-size:12px;padding:8px}.fn-macros{grid-template-columns:1fr 1fr;gap:8px}.fn-macro{padding:13px}.fn-macro strong{font-size:23px}.fn-meal-head{padding:16px 14px}.fn-meal-head b{font-size:19px}.fn-meal-body{padding:12px 13px 15px}.fn-primary-tools{grid-template-columns:1fr}.fn-search{grid-template-columns:minmax(0,1fr) auto}.fn-primary-tools>.scan{width:100%}.fn-log,.fn-saved-row{align-items:flex-start;flex-direction:column}.fn-log-actions,.fn-saved-buttons{width:100%}.fn-toolbar>*{flex:1}.fn-food{grid-template-columns:1fr auto auto}}

/* FLOW v36 - voeding full width, één globale header */
#nutritionPanel.member-tool-panel.member-page{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 18px 28px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;box-sizing:border-box}
.flow-nutrition{max-width:100%!important;width:100%;margin:0!important;box-sizing:border-box}
.fn-brand{display:none!important}
@media(max-width:760px){#nutritionPanel.member-tool-panel.member-page{padding:0 14px 24px!important}.flow-nutrition{gap:12px}.fn-head{padding-top:4px}.fn-head h2{font-size:34px!important}.fn-head p{font-size:15px}}
/* v45 — PLG voedingsfunctionaliteit doorgetrokken naar FLOW */
.fn-toolbar{flex-wrap:wrap}.fn-toolbar button{min-height:42px}.fn-food small{line-height:1.35}.fn-saved-buttons{display:flex;gap:6px;flex-wrap:wrap}

/* FLOW v46 — PLG AI recepten */
.fn-ai{margin-top:16px;background:#fff;border:1px solid #dfe7ec;border-radius:16px;overflow:hidden}.fn-ai>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px}.fn-ai>summary::-webkit-details-marker{display:none}.fn-ai>summary h3{margin:2px 0 4px}.fn-ai>summary p{margin:0}.fn-ai>summary>b{color:#1689b6}.fn-ai[open]>summary{border-bottom:1px solid #dce7ed}.fn-ai-body{padding:16px 20px 20px}.fn-ai-form{display:grid;gap:11px;padding:14px;border:1px solid #dce8ef;border-radius:15px;background:#f6fbfe}.fn-ai-form label{display:grid;gap:5px;font-size:12px;font-weight:700}.fn-ai-form input[type=search],.fn-ai-form input[type=number]{width:100%;height:44px;border:1px solid #cad8e0;border-radius:10px;background:#fff;padding:0 11px;font:500 16px 'Roboto',sans-serif}.fn-ai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fn-ai-check{grid-template-columns:22px minmax(0,1fr)!important;align-items:flex-start;padding:10px 11px;border:1px solid #dce5ea;border-radius:11px;background:#fff;cursor:pointer}.fn-ai-check input{width:18px;height:18px;margin:2px 0 0;accent-color:#32b0e5}.fn-ai-check span{display:grid;gap:2px}.fn-ai-check small{font-weight:400;color:#687985}.fn-ai-msg{margin:11px 1px;color:#687985;font-size:12px}.fn-ai-msg.success{color:#197443}.fn-ai-msg.error{color:#a93030}.fn-recipe-results{display:grid;gap:8px}.fn-recipe{border:1px solid #dfe7ec;border-radius:13px;background:#fff;overflow:hidden}.fn-recipe summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;cursor:pointer;list-style:none}.fn-recipe summary::-webkit-details-marker{display:none}.fn-recipe summary span{display:grid;gap:3px}.fn-recipe summary strong{font:700 16px 'Roboto Condensed',sans-serif}.fn-recipe summary small{color:#667782;font-size:11px}.fn-recipe summary b{color:#1689b6;font-size:12px}.fn-recipe[open] summary{background:#f1f8fc}.fn-recipe-intro{padding:0 12px 12px;border-top:1px solid #e6edf1}.fn-recipe-intro>p{color:#536570;font-size:13px;line-height:1.45}.fn-recipe-macros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.fn-recipe-macros span{display:grid;padding:7px 5px;border-radius:9px;background:#f2f7fa;text-align:center;font-size:10px;color:#657681}.fn-recipe-macros b{font-size:15px;color:#101820}.fn-recipe-detail{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:12px;border-top:1px solid #e6edf1}.fn-recipe-detail h4{margin:0 0 7px}.fn-recipe-detail ul,.fn-recipe-detail ol{margin:0;padding-left:18px;display:grid;gap:4px;color:#536570;font-size:12px;line-height:1.4}.fn-recipe-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap;padding:11px 12px;border-top:1px solid #e6edf1;background:#fafcfd}.fn-recipe-actions button,.fn-ai button{border:1px solid #cbd9e0;border-radius:9px;background:#fff;padding:9px 12px;font-weight:700}.fn-recipe-actions .primary,.fn-ai .primary{border-color:#32b0e5;background:#32b0e5;color:#092a38}.fn-saved-recipes{margin-top:14px;background:#fff;border:1px solid #dfe7ec;border-radius:16px;padding:16px}.fn-saved-recipes h3{margin:0 0 10px}.fn-ai-menu{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:20px;z-index:100}.fn-ai-dialog{width:min(520px,100%);background:#fff;border-radius:16px;padding:22px}.fn-ai-meals{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.fn-ai-meals button{min-height:52px;border:1px solid #a8d5ef;border-radius:13px;background:#eef8fd;color:#176fae;font-weight:700}.fn-diet-tag{display:inline-flex;margin-top:8px;padding:4px 8px;border-radius:999px;background:#e8f7ee;color:#197443;font-size:10px;font-weight:700}
@media(max-width:600px){.fn-ai-grid{grid-template-columns:1fr 1fr}.fn-ai-grid label:last-child{grid-column:1/-1}.fn-recipe-macros{grid-template-columns:1fr 1fr}.fn-recipe-detail{grid-template-columns:1fr}.fn-recipe-actions{display:grid;grid-template-columns:1fr 1fr}.fn-ai-body{padding:12px 14px 16px}}