:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-canvas:#faf7f2;--color-surface:#fff;--color-text:#1a1a1a;--color-text-muted:#90948b;--color-accent:#2f6b28;--color-accent-fill:#72d350;--color-accent-soft:#e8f7de;--color-on-accent:#173e13;--color-on-danger:#fff;--color-danger:#b00020;--color-danger-fill:#b00020;--color-warn:#b3541e;--color-amber-soft:#fff0d7;--color-amber-text:#8a5a1e;--color-divider:#00000014;--color-border-control:#8a8a84;--color-backdrop:#0006;--color-toast:#1a1a1a;--color-toast-text:#fff;--color-toast-action:#8fd19e;--color-on-warn:#fff;--color-cat-produce:#3f8f4f;--color-cat-dairy_eggs:#4a86c8;--color-cat-meat_fish:#c0504d;--color-cat-pantry:#b8862b;--color-cat-bread:#a5672e;--color-cat-frozen:#3aa0b5;--color-cat-drinks:#7a5cc4;--color-cat-household:#6e7c8c;--color-cat-other:#8a8a84;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--radius-control:10px;--card-pad:4px;--radius-card:calc(var(--radius-control) + var(--card-pad));--sheet-pad:16px;--radius-sheet:calc(var(--radius-control) + var(--sheet-pad));--radius-pill:999px;--control-height:44px;--control-height-sm:36px;--shadow-border:0 0 0 1px oklch(0% 0 0/.06), 0 1px 2px -1px oklch(0% 0 0/.06), 0 2px 4px 0 oklch(0% 0 0/.04);--shadow-raised:0 0 0 1px oklch(0% 0 0/.06), 0 8px 24px -8px oklch(0% 0 0/.18);--ease-out:cubic-bezier(.2, 0, 0, 1);--dur-fast:.15s;--dur-enter:.2s;--press-scale:.96;--motion-distance:12px;--focus-ring-width:2px;--focus-ring-color:var(--color-accent);--focus-ring-offset:2px;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-canvas:#17190f;--color-surface:#232619;--color-text:#ececea;--color-text-muted:#a8ad9d;--color-accent:#9ee08a;--color-accent-fill:#4c9a3a;--color-accent-soft:#9ee08a29;--color-on-accent:#0d1e0a;--color-on-danger:#fff;--color-danger:#ff7b8a;--color-danger-fill:#b3273a;--color-warn:#f0a36a;--color-amber-soft:#f0a36a29;--color-amber-text:#f0a36a;--color-divider:#ffffff1a;--color-border-control:#77776f;--color-backdrop:#0009;--color-toast:#ececea;--color-toast-text:#1a1a1a;--color-toast-action:#2c6e49;--color-on-warn:#1a1a1a;--color-cat-produce:#73c182;--color-cat-dairy_eggs:#98bae0;--color-cat-meat_fish:#db9a98;--color-cat-pantry:#ddb56c;--color-cat-bread:#d49a65;--color-cat-frozen:#7fc7d6;--color-cat-drinks:#b7a7df;--color-cat-household:#a7afb9;--color-cat-other:#bcbcb8;--shadow-border:0 0 0 1px oklch(100% 0 0/.08);--shadow-raised:0 0 0 1px oklch(100% 0 0/.08)}}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-enter:0s;--press-scale:1}*,:before,:after{transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-canvas);color:var(--color-text);font-size:var(--text-base);margin:0;overflow:hidden}#root{flex-direction:column;display:flex}main{width:100%;max-width:32rem;min-height:0;padding:var(--space-4);padding-bottom:calc(env(safe-area-inset-bottom) + var(--space-4));overscroll-behavior-y:contain;flex:1;margin:0 auto;overflow-y:auto}main.list-screen{padding-bottom:calc(var(--add-bar-height,calc(var(--control-height) + var(--space-3) * 2)) + var(--keyboard-inset,0px) + var(--space-4))}h1{font-size:var(--text-xl);margin:0 0 var(--space-4);font-weight:600}h2{font-size:var(--text-lg);margin:var(--space-4) 0 var(--space-2);color:var(--color-text-muted);font-weight:600}button{font:inherit;cursor:pointer;transition-property:scale;transition-duration:var(--dur-fast);transition-timing-function:var(--ease-out)}button:active:not(:disabled){scale:var(--press-scale)}button:disabled{cursor:default}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}input,select,textarea{font:inherit;font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-control);border-radius:var(--radius-control)}input:where(:not([type=checkbox],[type=radio])),select,textarea{min-height:var(--control-height);padding:0 var(--space-3)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:0}input[type=checkbox],input[type=radio]{accent-color:var(--color-accent-fill)}input::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:1}.tabular-nums{font-variant-numeric:tabular-nums}@keyframes enter{0%{opacity:0;translate:0 var(--motion-distance)}to{opacity:1;translate:0}}.btn-primary,.btn-secondary,.btn-ghost,.btn-danger{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-4);border-radius:var(--radius-control);border:none;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-accent-fill);color:var(--color-on-accent)}.btn-secondary{background:var(--color-accent-soft);color:var(--color-accent)}.btn-ghost{color:var(--color-accent);background:0 0}.btn-danger{color:var(--color-danger);background:0 0}.btn-sm{min-height:var(--control-height-sm);padding:0 var(--space-3);font-size:var(--text-sm);position:relative}.btn-sm:before{content:"";inset:calc((var(--control-height-sm) - var(--control-height)) / 2) 0;position:absolute}.btn-primary:disabled,.btn-secondary:disabled,.btn-ghost:disabled,.btn-danger:disabled{opacity:.6}.login-screen{flex-direction:column;justify-content:safe center;display:flex}.login-screen h1{text-align:center}.login-context{margin:0 0 var(--space-4);color:var(--color-text-muted);text-align:center;overflow-wrap:anywhere}.login-hint{margin:calc(var(--space-2) * -1) 0 0;color:var(--color-text-muted);font-size:var(--text-sm)}.login-card p{overflow-wrap:anywhere;margin:0}.login-screen form,.login-card{gap:var(--space-3);width:100%;padding:var(--sheet-pad);background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-border);flex-direction:column;display:flex}.error{color:var(--color-danger);font-size:var(--text-sm)}.invites-account,.invites-intro,.invites-note{color:var(--color-text-muted);font-size:var(--text-sm);overflow-wrap:anywhere;margin:0}.invites-intro{margin-bottom:var(--space-4)}.invite-created{gap:var(--space-2);margin-top:var(--space-4);padding:var(--sheet-pad);background:var(--color-surface);border-radius:var(--radius-sheet);box-shadow:var(--shadow-border);flex-direction:column;display:flex}.invite-link-row{gap:var(--space-2);display:flex}.invite-link-row input{flex:auto;min-width:0}.invite-link-row button{white-space:nowrap;flex:none}.invites-screen>.error{margin:var(--space-3) 0 0}.invite-list{margin:0;padding:0;list-style:none}.invite-row{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--control-height);padding:var(--space-2) 0;border-bottom:1px solid var(--color-divider);display:flex}.invite-row:last-child{border-bottom:none}.invite-row-text{flex-direction:column;min-width:0;display:flex}.invite-status{color:var(--color-text-muted);font-size:var(--text-sm)}.offline-banner{background:var(--color-danger-fill);color:var(--color-on-danger);padding:var(--space-2) var(--space-4);text-align:center;font-size:var(--text-sm)}.offline-banner--info{background:var(--color-warn);color:var(--color-on-warn)}.add-bar-container{padding:0 var(--space-4);z-index:5;position:fixed;left:0;right:0}.add-bar{align-items:center;gap:var(--space-2);max-width:32rem;padding:var(--card-pad);padding-left:var(--space-3);background:var(--color-surface);border-radius:var(--radius-pill);box-shadow:var(--shadow-raised);flex-wrap:wrap;margin:0 auto;display:flex}.add-bar-plus-icon{color:var(--color-text-muted);flex:none}.add-bar input{min-width:calc(var(--space-8) * 3);background:0 0;border:none;flex:1}.add-bar input[aria-label=Mängd]{width:calc(var(--space-8) * 2);border-left:1px solid var(--color-divider);border-radius:0;flex:none}.add-bar button{flex:none}.add-bar .btn-primary{padding:0 var(--space-3)}.add-bar .error{margin:var(--space-2) var(--space-2) 0;flex-basis:100%}.add-bar.pending{opacity:.7}.add-suggestions{background:var(--color-surface);border-top-left-radius:var(--radius-card);border-top-right-radius:var(--radius-card);max-height:40vh;box-shadow:var(--shadow-raised);margin:0;padding:0;list-style:none;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto}.add-suggestions button{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;max-width:32rem;min-height:var(--control-height);padding:0 var(--space-4);border:none;border-bottom:1px solid var(--color-divider);color:inherit;text-align:left;background:0 0;margin:0 auto;display:flex}.add-suggestions li:last-child button{border-bottom:none}.add-suggestion-existing{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent);font-size:var(--text-sm);flex:none;font-weight:600}.category-group{margin-top:var(--space-4)}.category-group h2{align-items:center;gap:var(--space-2);margin:0 0 var(--space-1);padding:0 var(--space-2);font-size:var(--text-base);color:var(--color-text);display:flex}.category-group-label{overflow-wrap:break-word;flex:auto;min-width:0}.category-group-count{color:var(--color-text-muted);font-size:var(--text-sm);flex:none;font-weight:400}.category-group h2:before{content:"";width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--color-text-muted);flex:none}.category-group[data-category=produce] h2:before{background:var(--color-cat-produce)}.category-group[data-category=dairy_eggs] h2:before{background:var(--color-cat-dairy_eggs)}.category-group[data-category=meat_fish] h2:before{background:var(--color-cat-meat_fish)}.category-group[data-category=pantry] h2:before{background:var(--color-cat-pantry)}.category-group[data-category=bread] h2:before{background:var(--color-cat-bread)}.category-group[data-category=frozen] h2:before{background:var(--color-cat-frozen)}.category-group[data-category=drinks] h2:before{background:var(--color-cat-drinks)}.category-group[data-category=household] h2:before{background:var(--color-cat-household)}.category-group[data-category=other] h2:before{background:var(--color-cat-other)}.category-group ul{margin:0;padding:0;list-style:none}.item-name{overflow-wrap:break-word;min-width:0}.item-quantity{overflow-wrap:break-word;min-width:0;color:var(--color-text-muted)}.checked-group{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-divider)}.checked-group summary{align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-2);font-size:var(--text-base);color:var(--color-text);font-variant-numeric:tabular-nums;cursor:pointer;font-weight:600;display:flex}.checked-group-check{color:var(--color-accent)}.checked-group summary:after,.order-history>summary:after{content:"";width:8px;height:8px;transition:transform var(--dur-fast) var(--ease-out);border-bottom:2px solid;border-right:2px solid;margin-left:auto;transform:rotate(-45deg)}.checked-group[open] summary:after,.order-history[open]>summary:after{transform:rotate(45deg)}.checked-group ul{margin:0;padding:0;list-style:none}.checked-group li{color:var(--color-text-muted)}.item-row{align-items:center;gap:var(--space-3);min-height:var(--control-height);padding:0 var(--space-2);border-bottom:1px solid var(--color-divider);display:flex}.item-row:last-child{border-bottom:none}.item-row.pending{opacity:.6}.item-checkbox{appearance:none;width:var(--space-6);height:var(--space-6);border:2px solid var(--color-border-control);border-radius:var(--radius-pill);background:0 0;flex:none;margin:0;position:relative}.item-checkbox:checked{border-color:var(--color-accent-fill);background:var(--color-accent-fill)}.item-checkbox:checked:after{content:"";border-left:2px solid var(--color-on-accent);border-bottom:2px solid var(--color-on-accent);width:9px;height:5px;position:absolute;top:8px;left:5px;transform:rotate(-45deg)}.item-checkbox:disabled{opacity:.6}.item-main{align-items:center;gap:var(--space-3);min-width:0;min-height:var(--control-height);padding:var(--space-1) 0;border-radius:var(--radius-control);text-align:left;font:inherit;color:inherit;background:0 0;border:none;flex:1;display:flex}.item-main .item-checkbox{pointer-events:none}.item-main-text{gap:var(--space-1);flex-direction:column;flex:auto;min-width:0;display:flex}.item-name{font-weight:600}.item-overflow{width:var(--control-height);min-height:var(--control-height);border-radius:var(--radius-control);color:var(--color-text-muted);background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:flex}.item-meta{gap:var(--space-2);min-width:0;color:var(--color-text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.item-note{overflow-wrap:break-word;min-width:0;font-style:italic}.item-editor-overlay{background:var(--color-backdrop);z-index:10;animation:enter var(--dur-enter) var(--ease-out);align-items:flex-end;display:flex;position:fixed;inset:0}.item-editor-sheet{background:var(--color-surface);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;width:100%;max-width:32rem;max-height:90vh;padding:var(--sheet-pad);box-shadow:var(--shadow-raised);gap:var(--space-3);animation:enter var(--dur-enter) var(--ease-out);flex-direction:column;margin:0 auto;display:flex;overflow-y:auto}.item-editor-sheet label{gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);flex-direction:column;display:flex}.item-editor-row{gap:var(--space-3);display:flex}.item-editor-row label{flex:1}.item-editor-notice,.item-error{color:var(--color-danger);font-size:var(--text-sm)}.item-editor-actions{gap:var(--space-2);margin-top:var(--space-2);display:flex}.item-editor-actions>button{flex:1}.item-editor-actions .btn-sm{min-height:var(--control-height)}.undo-toast{left:50%;bottom:calc(var(--add-bar-height,calc(var(--control-height) + var(--space-3) * 2)) + var(--keyboard-inset,0px) + env(safe-area-inset-bottom) + var(--space-3) * 2);background:var(--color-toast);color:var(--color-toast-text);min-height:var(--control-height);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);box-shadow:var(--shadow-raised);align-items:center;gap:var(--space-4);z-index:20;animation:enter var(--dur-enter) var(--ease-out);display:flex;position:fixed;transform:translate(-50%)}.undo-toast button{color:var(--color-toast-action);min-height:var(--control-height);font-weight:600}.undo-toast button:focus-visible{outline-color:var(--color-toast-text)}.order-bar{align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--sheet-pad);background:var(--color-surface);border-radius:var(--radius-sheet);box-shadow:var(--shadow-border);display:flex}.order-bar-link{margin-top:var(--space-4);color:var(--color-accent);font-size:var(--text-sm);text-underline-offset:2px;background:0 0;border:none;align-items:center;padding:0;font-weight:500;text-decoration:underline;display:inline-flex}.order-notice-card{margin-bottom:var(--space-4);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-raised);animation:enter var(--dur-enter) var(--ease-out)}.order-notice-card p{margin:0 0 var(--space-3)}.order-bar-button{flex:1}.order-bar-count{color:var(--color-text-muted);font-size:var(--text-sm)}.order-tag{overflow-wrap:break-word;min-width:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.app-menu{top:calc(env(safe-area-inset-top) + var(--space-4));right:var(--space-4);z-index:6;position:fixed}.app-menu-trigger{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-raised);border:none;justify-content:center;align-items:center;display:flex}.app-menu-panel{top:calc(100% + var(--space-2));gap:var(--space-1);min-width:10rem;padding:var(--card-pad);background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-raised);animation:enter var(--dur-enter) var(--ease-out);flex-direction:column;display:flex;position:absolute;right:0}.app-menu-panel button{align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-2);border-radius:var(--radius-control);color:var(--color-text);font-size:var(--text-sm);text-align:left;background:0 0;border:none;font-weight:500;display:flex}.app-menu-panel button.active{background:var(--color-accent-soft);color:var(--color-accent)}.app-menu-divider{margin:var(--space-1) 0;border:none;border-top:1px solid var(--color-divider)}.recipes-screen{background:var(--color-canvas);min-height:100%}.recept-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.recept-eyebrow{margin:0 0 var(--space-1);font-size:var(--text-sm);letter-spacing:.06em;color:var(--color-accent);font-weight:700}.recept-header h1{margin:0}.recipe-add-fab{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-pill);background:var(--color-accent-fill);color:var(--color-on-accent);font-size:var(--text-xl);box-shadow:var(--shadow-raised);transition:scale var(--dur-fast) var(--ease-out);border:none;flex:none;line-height:1}.recipe-add-fab:active{scale:var(--press-scale)}.recipe-add-fab:disabled{opacity:.6}.recept-section-label{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:600}.recipe-card-list{margin:0 0 var(--space-4);gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.recipe-card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-border);padding:var(--card-pad);gap:var(--space-2);flex-direction:column;display:flex}.recipe-card-body{padding:var(--space-2) var(--space-2) 0}.recipe-card-title{color:var(--color-text);overflow-wrap:break-word;font-weight:600;display:block}.recipe-card-action{min-height:var(--control-height);margin:0 var(--space-2);padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent);transition:scale var(--dur-fast) var(--ease-out);border:none;font-weight:600}.recipe-card-action:active{scale:var(--press-scale)}.recipe-card-action:disabled{opacity:.6}.recipe-card-meta-actions{gap:var(--space-1);padding:0 var(--space-1) var(--space-1);display:flex}.recept-ai-banner{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3);border-radius:var(--radius-card);background:var(--color-amber-soft);color:var(--color-amber-text);font-size:var(--text-sm);display:flex}.recept-ai-banner p,.recipe-add-popover h2{margin:0}.recipe-ingredients-sheet{position:relative}.recipe-ingredients-back{font-size:var(--text-lg);align-self:flex-start}.recipe-ingredients-sheet h1{margin:0}.recipe-ingredients-banner{padding:var(--space-3);border-radius:var(--radius-card);background:var(--color-accent-soft);color:var(--color-accent);font-size:var(--text-sm);margin:0}.recipe-ingredients-list{margin:0;padding:0;list-style:none}.recipe-ingredients-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);min-height:var(--control-height);padding:0 var(--space-2);border-bottom:1px solid var(--color-divider);display:flex}.recipe-ingredients-row:last-child{border-bottom:none}.recipe-ingredients-name{overflow-wrap:break-word;font-weight:600}.recipes-screen section{margin-top:var(--space-3);padding:var(--card-pad);background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-border)}.recipes-screen section h2{padding:var(--space-2);font-size:var(--text-sm);margin:0}.recipes-screen section ul{margin:0;padding:0;list-style:none}.meal-row,.recipe-row{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--control-height);padding:0 var(--space-2);border-bottom:1px solid var(--color-divider);flex-wrap:nowrap;display:flex}.meal-row:last-child,.recipe-row:last-child{border-bottom:none}.meal-row>a,.recipe-row-main a{overflow-wrap:break-word;min-width:0;color:var(--color-accent);flex:auto;font-weight:500}.order-history-back,.order-back-button{min-height:var(--control-height)}.order-header{margin-bottom:var(--space-4)}.order-status{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent);font-size:var(--text-sm);align-items:center;font-weight:600;display:inline-flex}.order-created,.order-placed{color:var(--color-text-muted);font-size:var(--text-sm)}.order-toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.order-toolbar .btn-sm{min-height:var(--control-height)}.order-copy-status{color:var(--color-accent);font-size:var(--text-sm)}.order-willys-note{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}.order-line{min-height:var(--control-height);padding:var(--space-2);border-bottom:1px solid var(--color-divider)}.order-line:last-child{border-bottom:none}.order-line-main{justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;display:flex}.order-line-name{overflow-wrap:break-word;flex:auto;min-width:0}.order-line-quantity{overflow-wrap:break-word;min-width:0}.order-line-note{color:var(--color-text-muted);font-size:var(--text-sm);margin:var(--space-1) 0 0}.order-line-status{color:var(--color-warn);font-size:var(--text-sm);margin:var(--space-1) 0 0}.order-line-removed .order-line-name,.order-line-removed .order-line-quantity{color:var(--color-text-muted);text-decoration:line-through}.order-line-actions{margin-top:var(--space-1)}.order-notice{color:var(--color-warn);font-weight:600}.order-actions{gap:var(--space-2);margin:var(--space-4) 0;display:flex}.order-actions>button{flex:1}.order-history{margin-top:var(--space-6);padding:var(--card-pad);background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-border);color:var(--color-text-muted)}.order-history>summary{min-height:var(--control-height);padding:var(--space-2);font-size:var(--text-sm);cursor:pointer;align-items:center;font-weight:600;display:flex}.order-history-item{padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--color-divider)}.order-history-item ul{margin:0;padding:0;list-style:none}.order-history-item:last-child{border-bottom:none}.order-history-header{font-weight:600}.order-history-line{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--control-height);display:flex}.order-history-name{overflow-wrap:break-word;min-width:0}.meal-row-actions,.recipe-row-actions{gap:var(--space-2);flex:none;display:flex}.recipe-row-main{gap:var(--space-1);flex-direction:column;flex:auto;min-width:0;display:flex}.ingredient-list-editor{gap:var(--space-3);flex-direction:column;display:flex}.ingredient-rows{gap:var(--space-2);flex-direction:column;display:flex}.ingredient-row{align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-border);display:flex}.ingredient-row input{flex:auto;min-width:0}.ingredient-row input[aria-label=Mängd]{width:calc(var(--space-8) * 2.5);flex:none}.ingredient-review-rows{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ingredient-review-row{gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-border);flex-direction:column;display:flex}.ingredient-review-row-fields{gap:var(--space-2);display:flex}.ingredient-review-row-fields input[aria-label=Namn]{flex:auto;min-width:0}.ingredient-review-row-fields input[aria-label=Mängd]{width:calc(var(--space-8) * 2.5);flex:none}.segmented-control{gap:var(--space-1);padding:var(--card-pad);background:var(--color-canvas);border-radius:var(--radius-card);box-shadow:var(--shadow-border);display:flex}.segmented-control button{justify-content:center;align-items:center;gap:var(--space-1);min-height:var(--control-height-sm);padding:0 var(--space-1);border-radius:var(--radius-control);color:var(--color-text-muted);font-size:var(--text-sm);white-space:nowrap;transition-property:background-color,color;transition-duration:var(--dur-fast);transition-timing-function:var(--ease-out);background:0 0;border:none;flex:1;font-weight:500;display:inline-flex}.segmented-control button svg{flex:none}.segmented-control button[aria-pressed=true]{background:var(--color-surface);color:var(--color-accent);box-shadow:var(--shadow-border)}