:root{--kleur-achtergrond: #F1F4F3;--kleur-kaart: #FFFFFF;--kleur-tekst: #201F1A;--kleur-subtekst: #77786C;--kleur-rand: #E5E4DA;--kleur-accent: #1B5E52;--kleur-accent-donker: #123F37;--kleur-accent-tint: #E0EDEA;--kleur-neutraal-donker: #201F1A;--kleur-neutraal-tint: #EFEFE9;--kleur-succes: #3B7A4A;--kleur-succes-tint: #E4F0E3;--kleur-fout: #BD5A3C;--kleur-fout-tint: #F7E3D9;--kleur-warm: #B8863B;--kleur-warm-tint: #F5EDDD;--kleur-blauw-tint: #E7EEEC;--kleur-roze-tint: #F3E9E6;--radius-lg: 1.15rem;--radius-md: .9rem;--radius-sm: .65rem;--radius-pill: 999px;--schaduw-kaart: 0 1px 2px rgba(32, 31, 26, .04), 0 14px 30px -16px rgba(32, 31, 26, .14);--schaduw-zwevend: 0 16px 34px -14px rgba(32, 31, 26, .3);--sidebar-breedte: 4.75rem;--bottom-nav-hoogte: 4.5rem}*{box-sizing:border-box}body{background-color:var(--kleur-achtergrond);color:var(--kleur-tekst);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:1rem;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,.app-brand,.stat-value,.btn{font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif}h1,h2,h3{letter-spacing:-.01em;color:var(--kleur-tekst)}h2,h3{font-weight:800}h1,h1[class]{font-weight:900}a{color:var(--kleur-accent-donker);text-decoration:none}.icon{width:1.1em;height:1.1em;vertical-align:-.15em}.app-shell{display:flex;min-height:100vh;align-items:flex-start}.app-sidebar{width:var(--sidebar-breedte);flex-shrink:0;position:sticky;top:1.5rem;margin:1.5rem 0 1.5rem 1.5rem;max-height:calc(100vh - 3rem);background:#ffffffd1;backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-pill);box-shadow:0 14px 34px -10px #201f1a66,inset 0 1px #ffffffe6;padding:1rem .6rem;flex-direction:column;align-items:center;gap:.4rem}.app-brand-mark{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:.35rem}.app-brand-mark img{width:100%;height:100%;object-fit:contain}.sidebar-nav{display:flex;flex-direction:column;align-items:center;gap:.3rem}.sidebar-link{position:relative;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-pill);color:var(--kleur-subtekst);border:none;background:transparent;flex-shrink:0}.nav-badge{position:absolute;top:.1rem;right:.1rem;min-width:1.05rem;height:1.05rem;padding:0 .3rem;border-radius:var(--radius-pill);background:var(--kleur-fout);color:#fff;font-size:.65rem;font-weight:800;line-height:1.05rem;text-align:center}.sidebar-link:hover{background:var(--kleur-accent-tint);color:var(--kleur-accent-donker)}.sidebar-link.active{background:var(--kleur-accent);color:#fff;box-shadow:var(--schaduw-zwevend)}.sidebar-link .icon{flex-shrink:0;width:1.3rem;height:1.3rem}.sidebar-cta{width:2.75rem;height:2.75rem;border:none;border-radius:var(--radius-pill);background:var(--kleur-accent);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.4rem;box-shadow:var(--schaduw-zwevend)}.sidebar-cta:hover{background:var(--kleur-accent-donker);color:#fff}.sidebar-cta .icon{width:1.4rem;height:1.4rem}.app-content{flex:1;min-width:0}.app-main{padding:2rem 2.25rem 4rem;max-width:1280px;margin:0 auto}.bottom-nav{display:none;position:fixed;left:.9rem;right:.9rem;bottom:calc(.9rem + env(safe-area-inset-bottom,0px));z-index:30;border-radius:var(--radius-pill);background:#ffffffd1;backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);border:1px solid rgba(255,255,255,.9);box-shadow:0 -6px 16px -8px #201f1a59,0 14px 34px -10px #201f1a66,inset 0 1px #ffffffe6;padding:.4rem .6rem;align-items:center;justify-content:space-between}.bottom-nav-link{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .3rem;color:var(--kleur-tekst);font-size:.62rem;font-weight:600;border-radius:var(--radius-pill);white-space:nowrap}.bottom-nav-link .icon{width:1.3rem;height:1.3rem}.bottom-nav-link.active{color:var(--kleur-accent);background:#00000012;margin:0 -.25rem;padding-left:.55rem;padding-right:.55rem}.bottom-nav-link.active+.bottom-nav-link{margin-left:.25rem}.bottom-nav-link:has(+.bottom-nav-link.active){margin-right:.25rem}@media(max-width:991.98px){.app-sidebar{display:none}.bottom-nav{display:flex}.app-main{padding:1.25rem 1rem calc(var(--bottom-nav-hoogte) + 2rem)}}.btn{font-weight:700;border-radius:var(--radius-md);padding:.6rem 1.15rem;font-size:.95rem}.btn-lg{padding:.8rem 1.5rem;border-radius:var(--radius-md)}.btn-sm{border-radius:var(--radius-sm);font-weight:600}.btn-primary,.btn-nieuw-recept{background-color:var(--kleur-accent);border-color:var(--kleur-accent);box-shadow:var(--schaduw-zwevend)}.btn-primary:hover,.btn-primary:focus,.btn-nieuw-recept:hover{background-color:var(--kleur-accent-donker);border-color:var(--kleur-accent-donker)}.btn-outline-primary{color:var(--kleur-accent-donker);border-color:var(--kleur-rand);background:var(--kleur-kaart)}.btn-outline-primary:hover{background-color:var(--kleur-accent);border-color:var(--kleur-accent);color:#fff}.btn-outline-secondary{color:var(--kleur-tekst);border-color:var(--kleur-rand);background:var(--kleur-kaart)}.btn-outline-secondary:hover{background-color:var(--kleur-achtergrond);border-color:var(--kleur-rand);color:var(--kleur-tekst)}.btn-outline-danger{color:var(--kleur-fout);border-color:var(--kleur-fout-tint);background:var(--kleur-fout-tint)}.btn-outline-danger:hover{background-color:var(--kleur-fout);border-color:var(--kleur-fout);color:#fff}.btn-danger{background-color:var(--kleur-fout);border-color:var(--kleur-fout)}.btn-link{color:var(--kleur-accent-donker);font-weight:600}.form-control,.form-select{border-radius:var(--radius-sm);border-color:var(--kleur-rand);padding:.55rem .85rem}.form-control:focus,.form-select:focus{border-color:var(--kleur-accent);box-shadow:0 0 0 .2rem var(--kleur-accent-tint)}.autocomplete-wrap{position:relative}.autocomplete-control{display:flex;align-items:center;gap:.2rem;border:1px solid var(--kleur-rand);border-radius:var(--radius-sm);background:var(--kleur-kaart);padding-left:.85rem;padding-right:.4rem}.autocomplete-control:focus-within{border-color:var(--kleur-accent);box-shadow:0 0 0 .2rem var(--kleur-accent-tint)}.autocomplete-input{flex:1 1 auto;min-width:0;border:none;background:none;padding:.55rem 0;font:inherit;color:inherit}.autocomplete-input:focus{outline:none}.autocomplete-clear,.autocomplete-toggle{border:none;background:none;display:flex;align-items:center;justify-content:center;color:var(--kleur-subtekst);flex-shrink:0;padding:.3rem;border-radius:var(--radius-sm)}.autocomplete-clear:hover,.autocomplete-toggle:hover{color:var(--kleur-tekst)}.autocomplete-clear .icon,.autocomplete-toggle .icon{width:.85rem;height:.85rem}.autocomplete-toggle.open .icon{transform:rotate(180deg)}.autocomplete-divider{width:1px;align-self:stretch;margin:.45rem .1rem;background:var(--kleur-rand);flex-shrink:0}.autocomplete-list{position:absolute;top:calc(100% + .25rem);left:0;right:0;z-index:20;list-style:none;margin:0;padding:.35rem;background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:var(--radius-sm);box-shadow:var(--schaduw-zwevend);max-height:14rem;overflow-y:auto}.autocomplete-list li+li{margin-top:.1rem}.autocomplete-list button{display:block;width:100%;text-align:left;border:none;background:none;padding:.5rem .6rem;border-radius:var(--radius-sm);font-size:.88rem;color:var(--kleur-tekst)}.autocomplete-list button:hover,.autocomplete-list button:focus,.autocomplete-list button.highlighted{background:var(--kleur-accent-tint);color:var(--kleur-accent-donker)}.autocomplete-list mark{background:none;color:inherit;font-weight:800;padding:0}.autocomplete-list .autocomplete-create{display:flex;align-items:center;gap:.4rem;color:var(--kleur-accent-donker);font-weight:700}.multiselect-toggle-btn{width:100%;cursor:pointer;font:inherit;text-align:left}.multiselect-value{flex:1 1 auto;min-width:0;padding:.55rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--kleur-tekst)}.multiselect-option{display:flex;align-items:center}.multiselect-check{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;border-radius:var(--radius-sm);border:1.5px solid var(--kleur-rand);margin-right:.5rem;color:#fff;flex-shrink:0}.multiselect-check .icon{width:.75rem;height:.75rem}.multiselect-check.checked{background:var(--kleur-accent);border-color:var(--kleur-accent)}.multiselect-search-row{padding-bottom:.35rem;margin-bottom:.35rem;border-bottom:1px solid var(--kleur-rand)}.multiselect-search-input{width:100%;border:1px solid var(--kleur-rand);border-radius:var(--radius-sm);padding:.4rem .6rem;font-size:.88rem;color:var(--kleur-tekst);background:var(--kleur-achtergrond)}.form-label{font-weight:600;font-size:.88rem;color:var(--kleur-tekst);margin-bottom:.35rem}.form-check-input:checked{background-color:var(--kleur-accent);border-color:var(--kleur-accent)}.form-switch .form-check-input:checked{background-color:var(--kleur-accent);border-color:var(--kleur-accent)}.card{border:1px solid var(--kleur-rand);border-radius:var(--radius-lg);background-color:var(--kleur-kaart);box-shadow:var(--schaduw-kaart)}.page-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.75rem}.page-header p{color:var(--kleur-subtekst);margin-bottom:0}.page-header-subtitle-full{flex-basis:100%;margin-top:.25rem}.page-header-compact{margin-bottom:1.1rem}.recipes-header-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;min-width:0}.view-mode-toggle{display:inline-flex;align-items:center;gap:.15rem;flex-shrink:0;background:var(--kleur-neutraal-tint);border-radius:var(--radius-pill);padding:.2rem}.view-mode-toggle-btn{border:none;background:transparent;color:var(--kleur-subtekst);border-radius:var(--radius-pill);width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.view-mode-toggle-btn.active{background:var(--kleur-accent);color:#fff}@media(min-width:992px){.recipes-page-header{flex-wrap:nowrap}.recipes-page-header h1{white-space:nowrap;flex-shrink:0}}@media(max-width:767.98px){.recipes-header-flex-btn{flex:1 1 0;min-width:0;padding-left:.6rem;padding-right:.6rem;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-tabs-toggle.recipes-header-flex-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;margin-bottom:1.75rem}.stat-card{border-radius:var(--radius-lg);padding:1.15rem 1.25rem;display:flex;flex-direction:column;gap:.6rem}.stat-card .stat-icon{width:2.4rem;height:2.4rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:#fff9}.stat-card .stat-label{font-size:.82rem;font-weight:600;color:var(--kleur-subtekst)}.stat-card .stat-value{font-size:1.7rem;font-weight:800}.stat-tint-paars{background:var(--kleur-accent-tint)}.stat-tint-geel{background:var(--kleur-warm-tint)}.stat-tint-groen{background:var(--kleur-succes-tint)}.stat-tint-blauw{background:var(--kleur-blauw-tint)}.stat-tint-roze{background:var(--kleur-roze-tint)}.recipe-card{transition:transform .15s ease,box-shadow .15s ease;height:100%;overflow:hidden}.recipe-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px -20px #17152b38}.recipe-card .card-img-top{aspect-ratio:4 / 3;object-fit:cover;border-radius:0}.recipe-card-placeholder{aspect-ratio:4 / 3;background:linear-gradient(135deg,var(--kleur-accent-tint),var(--kleur-neutraal-tint));color:var(--kleur-accent-donker);display:flex;align-items:center;justify-content:center}.recipe-card-media{position:relative}.recipe-card-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(15,12,10,.62) 0%,rgba(15,12,10,.28) 38%,transparent 68%);pointer-events:none;z-index:0}.recipe-card-media-badges{position:absolute;left:.65rem;right:.65rem;bottom:.6rem;z-index:1;display:flex;flex-wrap:nowrap;overflow:hidden;gap:.35rem;mask-image:linear-gradient(to right,black calc(100% - 1.25rem),transparent 100%);-webkit-mask-image:linear-gradient(to right,black calc(100% - 1.25rem),transparent 100%)}.badge-on-photo.badge-category,.badge-on-photo.badge-tag{flex-shrink:0;white-space:nowrap;background-color:#ffffffe0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.badge-on-photo.badge-category{color:var(--kleur-accent-donker)}.badge-on-photo.badge-tag{color:#93650c}.recipe-card-placeholder .icon{width:2.2rem;height:2.2rem}.recipe-card .card-body{display:flex;flex-direction:column}.recipe-card-title{font-size:1.05rem;line-height:1.35;margin-bottom:.5rem;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recipe-card-footer{margin-top:0}.planning-card{position:relative}.planning-remove-btn{position:absolute;top:.5rem;right:.5rem;z-index:2;border:none;background:#fffffff0;border-radius:50%;width:2.15rem;height:2.15rem;display:flex;align-items:center;justify-content:center;color:var(--kleur-tekst);box-shadow:0 4px 12px #17152b26}.planning-remove-btn .icon{width:1rem;height:1rem}@media(max-width:767.98px){.recipe-card .card-body{padding:.75rem}.recipe-card h2{font-size:.95rem}.recipe-card .meta-pill{font-size:.7rem;padding:.25rem .55rem}.recipe-card .badge-category,.recipe-card .badge-tag{font-size:.68rem;padding:.2rem .55rem}}.recipe-hero-btn{border:none;background:#fffffff0;border-radius:50%;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;color:var(--kleur-tekst);box-shadow:0 4px 12px #17152b26;flex-shrink:0}.recipe-hero-btn.active{background:var(--kleur-accent);color:#fff}.recipe-hero-btn:disabled{opacity:.6}.back-button{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--kleur-rand);background:var(--kleur-kaart);color:var(--kleur-tekst);display:flex;align-items:center;justify-content:center;margin-top:.2rem}.back-button:hover{background:var(--kleur-neutraal-tint)}.badge-category{background-color:var(--kleur-accent-tint);color:var(--kleur-accent-donker);font-weight:700;border-radius:var(--radius-pill);padding:.3rem .75rem;font-size:.76rem}.badge-tag{background-color:var(--kleur-warm-tint);color:#93650c;font-weight:700;border-radius:var(--radius-pill);padding:.3rem .75rem;font-size:.76rem}.recipe-meta{display:flex;flex-wrap:wrap;row-gap:.35rem;column-gap:.9rem;color:var(--kleur-subtekst);font-size:.85rem;font-weight:600}.recipe-meta span{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}.meta-pill-row{display:flex;flex-wrap:wrap;gap:.45rem}.meta-pill{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--kleur-rand);background:var(--kleur-achtergrond);border-radius:var(--radius-pill);padding:.35rem .75rem;font-size:.8rem;font-weight:700;color:var(--kleur-tekst);white-space:nowrap}.meta-pill .icon{width:.95rem;height:.95rem;color:var(--kleur-subtekst)}.sidebar-tabs-layout{display:flex;align-items:flex-start;gap:1.75rem}.sidebar-tabs-panel{width:14rem;flex-shrink:0;display:flex;flex-direction:column;gap:1rem;position:sticky;top:1.5rem}.recipes-filter-switch{display:flex;background:var(--kleur-neutraal-tint);border-radius:var(--radius-pill);padding:.25rem;gap:.15rem}.recipes-filter-switch button{flex:1;border:none;background:none;padding:.45rem .6rem;border-radius:var(--radius-pill);font-weight:700;font-size:.8rem;color:var(--kleur-subtekst);white-space:nowrap}.recipes-filter-switch button.active{background:var(--kleur-kaart);color:var(--kleur-tekst);box-shadow:var(--schaduw-kaart)}.sidebar-tab-list{display:flex;flex-direction:column;gap:.15rem}.sidebar-tab{display:block;text-align:left;border:none;background:none;padding:.6rem .9rem;border-radius:var(--radius-md);font-weight:600;font-size:.92rem;color:var(--kleur-subtekst)}.sidebar-tab:hover{background:var(--kleur-accent-tint);color:var(--kleur-accent-donker)}.sidebar-tab.active{background:var(--kleur-accent);color:#fff}.sidebar-tabs-main{flex:1;min-width:0}.sidebar-tabs-toggle{display:none;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--kleur-rand);background:var(--kleur-kaart);border-radius:var(--radius-pill);padding:.55rem 1rem;font-weight:700;font-size:.85rem;color:var(--kleur-tekst);box-shadow:var(--schaduw-kaart)}.sidebar-tabs-panel-header{display:none;align-items:center;justify-content:space-between;margin-bottom:.75rem}.sidebar-tabs-close{border:none;background:var(--kleur-neutraal-tint);border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:var(--kleur-tekst);flex-shrink:0}@media(max-width:991.98px){.sidebar-tabs-layout{flex-direction:column}.sidebar-tabs-toggle{display:inline-flex}.sidebar-tabs-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14130f73;z-index:59}.sidebar-tabs-panel{position:fixed;top:0;left:0;bottom:0;width:82%;max-width:320px;background:var(--kleur-kaart);z-index:60;padding:1.25rem;gap:1rem;transform:translate(-100%);transition:transform .25s ease;overflow-y:auto;box-shadow:var(--schaduw-zwevend)}.sidebar-tabs-panel.open{transform:translate(0)}.sidebar-tabs-panel-header{display:flex}}.search-bar-row{display:flex;align-items:center;gap:.75rem}.search-input-wrap{position:relative}.search-input-wrap .icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--kleur-subtekst)}.search-input-wrap input{padding-left:2.4rem;height:3rem;border-radius:var(--radius-pill);background-color:var(--kleur-kaart);border:1px solid var(--kleur-rand);box-shadow:var(--schaduw-kaart)}.active-filters{display:flex;flex-wrap:wrap;gap:.4rem}.active-filters .badge{background-color:var(--kleur-accent-tint);color:var(--kleur-accent-donker);font-weight:600;border-radius:var(--radius-pill);padding:.4rem .8rem}.empty-state{text-align:center;padding:2.5rem 1rem;color:var(--kleur-subtekst);background:var(--kleur-kaart);border-radius:var(--radius-lg);border:1px dashed var(--kleur-rand)}.empty-state .icon{width:2.2rem;height:2.2rem;color:var(--kleur-accent);margin-bottom:.6rem}.empty-state.empty-state-compact{display:flex;align-items:center;justify-content:center;gap:.55rem;padding:.85rem 1rem;text-align:left}.empty-state.empty-state-compact .icon{width:1.3rem;height:1.3rem;margin-bottom:0;flex-shrink:0}.form-section{background-color:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--schaduw-kaart)}.form-section h2{font-size:1.05rem;font-weight:800;margin-bottom:.65rem}.recipe-form-top-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:1rem;margin-bottom:1rem;align-items:stretch}.recipe-form-photo-col{display:flex;flex-direction:column}.recipe-form-photo-hero-wrap{position:relative;flex:1;min-height:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--kleur-rand)}.recipe-form-photo-hero{width:100%;height:100%;object-fit:cover;display:block}.recipe-form-cards-col{min-width:0}.recipe-form-cards-col>.form-section:last-child{margin-bottom:0}@media(max-width:991.98px){.recipe-form-top-grid{grid-template-columns:1fr}.recipe-form-photo-col{display:block}.recipe-form-photo-hero-wrap{flex:none;aspect-ratio:4 / 3}}.recipe-form-photo-hero-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border-style:dashed;background:var(--kleur-achtergrond);color:var(--kleur-subtekst);text-align:center;padding:1rem}.recipe-form-photo-hero-empty .icon{width:2.2rem;height:2.2rem;color:var(--kleur-accent)}.recipe-property-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.6rem}.recipe-property-box{display:flex;flex-direction:column;gap:.3rem;border:1px solid var(--kleur-rand);border-radius:var(--radius-md);background:var(--kleur-achtergrond);padding:.65rem}.recipe-property-box-icon{color:var(--kleur-accent);width:1.3rem;height:1.3rem}.recipe-property-box-label{font-size:.68rem;font-weight:700;color:var(--kleur-subtekst);text-transform:uppercase;letter-spacing:.02em;margin:0}.recipe-property-box-control{border:none;background:none;padding:0;font-weight:700;font-size:.95rem;color:var(--kleur-tekst);width:100%}.recipe-property-box-control:focus{outline:none}.recipe-property-box-value{display:flex;align-items:baseline;gap:.3rem}.recipe-property-box-value .recipe-property-box-control{width:3.5rem;flex:0 0 auto}.recipe-property-box-value span{color:var(--kleur-subtekst);font-weight:600;font-size:.8rem}.reorder-buttons{display:inline-flex;flex-direction:column;gap:.15rem;flex-shrink:0}.reorder-btn{border:1px solid var(--kleur-rand);background:var(--kleur-kaart);color:var(--kleur-subtekst);border-radius:var(--radius-sm);width:2.3rem;height:1.85rem;display:flex;align-items:center;justify-content:center;padding:0}.reorder-btn:hover{background:var(--kleur-accent-tint);color:var(--kleur-accent-donker)}.reorder-btn:disabled{opacity:.3;cursor:default}.reorder-btn .icon{width:.85rem;height:.85rem}.row-header{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.row-header .row-grow{flex:1 1 11rem;min-width:8rem}.row-header .row-actions{display:flex;align-items:center;gap:.4rem;margin-left:auto;flex-shrink:0}.group-box-label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--kleur-accent-donker);margin-bottom:.2rem}.group-box{border:1px solid var(--kleur-rand);border-radius:var(--radius-md);padding:.85rem;margin-bottom:.75rem;background-color:var(--kleur-achtergrond)}.group-ingredient-list{min-height:.75rem}.step-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:.5rem;border:1px solid var(--kleur-rand);border-radius:var(--radius-md);padding:.6rem .7rem;margin-bottom:.5rem;background-color:var(--kleur-achtergrond)}.step-row:last-child{margin-bottom:0}.step-row-dragging{opacity:.4}.step-row-drop-target{border-top:2px solid var(--kleur-accent)}.step-row-drop-target-after{border-bottom:2px solid var(--kleur-accent)}.step-drag-handle{border:1px solid var(--kleur-rand);background:var(--kleur-kaart);color:var(--kleur-subtekst);border-radius:var(--radius-sm);width:2.3rem;height:1.85rem;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;cursor:grab;touch-action:none;margin-top:.1rem}.step-drag-handle:active{cursor:grabbing}.step-row .step-number-badge{width:1.85rem;height:1.85rem;font-size:.85rem;margin-top:.1rem}.step-content{display:flex;flex-direction:column;gap:.35rem;flex:1 1 16rem;min-width:12rem}.step-title-input{font-weight:600}.auto-grow-textarea{resize:none;overflow:hidden}.step-group-chips{display:flex;flex-direction:column;gap:.35rem;flex:0 0 auto;width:100%;max-width:14rem}@media(min-width:768px){.step-group-chips{width:14rem}}.step-group-chip-wrap{display:flex;flex-direction:column;gap:.3rem}.step-group-chip{display:flex;align-items:center;gap:.3rem}.step-group-chip-label{border:1px solid var(--kleur-rand);background:var(--kleur-kaart);border-radius:var(--radius-pill);padding:.3rem .85rem;font-size:.8rem;font-weight:700;color:var(--kleur-tekst)}.step-group-chip-full .step-group-chip-label{background:var(--kleur-accent);border-color:var(--kleur-accent);color:#fff}.step-group-chip-partial .step-group-chip-label{background:var(--kleur-accent-tint);border-color:var(--kleur-accent);color:var(--kleur-accent-donker)}.step-group-chip-expand{flex-shrink:0;border:1px solid var(--kleur-rand);background:var(--kleur-kaart);color:var(--kleur-subtekst);border-radius:50%;width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;padding:0}.step-group-chip-expand:hover{background:var(--kleur-accent-tint);color:var(--kleur-accent-donker)}.step-group-chip-expand .icon{width:.8rem;height:.8rem}.step-ingredient-subchips{display:flex;flex-wrap:wrap;gap:.25rem;padding-left:.25rem}.step-ingredient-subchip{border:1px solid var(--kleur-rand);background:var(--kleur-kaart);color:var(--kleur-subtekst);border-radius:var(--radius-pill);padding:.15rem .6rem;font-size:.72rem;font-weight:600}.step-ingredient-subchip.active{background:var(--kleur-accent-tint);border-color:var(--kleur-accent);color:var(--kleur-accent-donker)}.step-ingredient-subchip-wrap{display:inline-flex;align-items:center;gap:.2rem}.step-ingredient-subchip-quantity{width:3.4rem;border:1px solid var(--kleur-accent);border-radius:var(--radius-pill);padding:.1rem .5rem;font-size:.7rem;color:var(--kleur-accent-donker);background:var(--kleur-kaart)}.step-ingredient-subchip-quantity:focus{outline:none;box-shadow:0 0 0 .15rem var(--kleur-accent-tint)}.step-ingredient-subchip-elsewhere:not(.active){border-color:var(--kleur-warm);border-style:dashed}.step-ingredient-subchip-elsewhere-badge{margin-left:.35rem;font-size:.62rem;font-weight:700;color:var(--kleur-warm)}.step-delete-btn{flex-shrink:0;margin-top:.1rem}.ingredient-row{padding:.1rem 0;border-bottom:1px dashed var(--kleur-rand)}.ingredient-row:last-child{border-bottom:none}.ingredient-row-dragging{opacity:.4}.ingredient-row-drop-target{border-top:2px solid var(--kleur-accent)}.ingredient-row.ingredient-row-drop-target-after{border-bottom:2px solid var(--kleur-accent)}.ingredient-drag-handle{border:1px solid var(--kleur-rand);background:var(--kleur-kaart);color:var(--kleur-subtekst);border-radius:var(--radius-sm);width:2.3rem;height:1.85rem;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;cursor:grab;touch-action:none}.ingredient-drag-handle:active{cursor:grabbing}.ingredient-row.is-deleted,.group-box.is-deleted,.step-row.is-deleted{display:none}.ingredient-quantity-input{text-align:right}.ingredient-quantity-input,.ingredient-name-input,.ingredient-unit-input .autocomplete-input{padding-top:.3rem;padding-bottom:.3rem}.ingredient-unit-select{display:none}.ingredient-row .row-actions .btn{height:2.2rem;padding-top:0;padding-bottom:0;display:flex;align-items:center;justify-content:center}@media(max-width:575.98px){.ingredient-drag-handle,.ingredient-row .row-actions{display:none}.ingredient-quantity-input{flex:0 0 calc(max(var(--qty-ch, 3),2)*1ch + 1.9rem)!important;min-width:0!important;width:auto!important}.ingredient-unit-input{display:none!important}.ingredient-unit-select{display:block;flex:0 0 calc(max(var(--unit-ch, 4),3)*1ch + 1.9rem)!important;min-width:0!important;width:auto!important;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:none;padding-top:.3rem;padding-bottom:.3rem}.ingredient-name-input{flex:2 1 6rem!important;min-width:0!important;width:auto!important}.step-content{display:contents}.step-drag-handle{order:1}.step-number-badge{order:2}.step-title-input{order:3;flex:1 1 8rem;min-width:0}.step-delete-btn{order:4;width:1.85rem;height:1.85rem;padding:0;margin-top:0;display:flex;align-items:center;justify-content:center}.step-delete-btn .icon{width:.85rem;height:.85rem}.step-description-input{order:5;flex:1 1 100%;min-width:0}.step-group-chips{order:6}}.recipe-hero-image-wrap{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16 / 10;background:var(--kleur-kaart)}.recipe-hero-image-wrap img,.recipe-hero-placeholder{width:100%;height:100%;object-fit:cover}.recipe-hero-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--kleur-accent-tint),var(--kleur-neutraal-tint));color:var(--kleur-accent-donker)}.recipe-hero-placeholder .icon{width:3rem;height:3rem}.recipe-hero-actions{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem}.recipe-hero-overlay{position:absolute;left:1rem;right:1rem;bottom:1rem;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-md);padding:1rem 1.25rem;max-width:26rem}.recipe-hero-overlay h1{font-size:1.35rem;margin-bottom:.25rem}.recipe-hero-overlay p{color:var(--kleur-subtekst);font-size:.88rem;margin-bottom:0}.recipe-source-line{margin-top:.25rem!important;font-size:.8rem!important}.recipe-detail-grid{display:grid;grid-template-columns:1fr;grid-template-areas:"hero" "ingredients" "directions";gap:1.5rem;align-items:start}.recipe-detail-hero{grid-area:hero;position:relative}.recipe-detail-ingredients{grid-area:ingredients}.recipe-detail-directions{grid-area:directions}@media(min-width:992px){.recipe-detail-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-areas:"ingredients hero" "ingredients directions";column-gap:2rem}}@media(max-width:575.98px){.recipe-hero-image-wrap{aspect-ratio:4 / 3;border-radius:var(--radius-md)}.recipe-hero-overlay{position:static;left:auto;right:auto;bottom:auto;max-width:none;margin-top:.75rem;background:var(--kleur-kaart);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--kleur-rand);padding:.85rem 1rem}.recipe-hero-overlay h1{font-size:1.15rem}.recipe-hero-overlay p{font-size:.82rem}}.step-ingredient-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0}.step-ingredient-chip{display:inline-flex;align-items:center;gap:.3rem;background:var(--kleur-accent-tint);color:var(--kleur-accent-donker);border-radius:var(--radius-pill);padding:.3rem .75rem;font-size:.8rem;font-weight:600}.step-ingredient-chip strong{font-weight:800}.ingredients-sidebar{position:sticky;top:1.5rem}.ingredient-group-heading{font-size:.92rem;font-weight:700;color:var(--kleur-tekst);text-transform:uppercase;letter-spacing:.03em;margin-top:1.5rem;margin-bottom:.6rem}.ingredient-group-heading:first-of-type{margin-top:1.1rem}.ingredients-sidebar-list{list-style:none;padding-left:0;margin-bottom:1.1rem;display:grid;grid-template-columns:2.75rem auto 1fr;column-gap:.75rem}.ingredients-sidebar-list li{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:baseline;padding:.5rem 0;border-bottom:1px dashed var(--kleur-rand)}.ingredients-sidebar-list li:last-child{border-bottom:none}.ingredients-sidebar-list .ingredient-name,.ingredient-picker-list .ingredient-name{color:var(--kleur-tekst)}.ingredients-sidebar-list .ingredient-name .text-muted,.ingredient-picker-list .ingredient-name .text-muted{font-size:.82rem}.ingredients-sidebar-list .ingredient-qty,.ingredient-picker-list .ingredient-qty{font-weight:800;white-space:nowrap;text-align:right}.ingredients-sidebar-list .ingredient-unit,.ingredient-picker-list .ingredient-unit{color:var(--kleur-subtekst);white-space:nowrap}.ingredient-picker-list{list-style:none;padding-left:0;margin-bottom:1.1rem;display:grid;grid-template-columns:1.15rem 2.75rem auto 1fr;column-gap:.75rem}.ingredient-picker-list li{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;border-bottom:1px dashed var(--kleur-rand)}.ingredient-picker-list li:last-child{border-bottom:none}.ingredient-picker-list .ingredient-check-item{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:center;padding:.5rem 0}.ingredient-columns{grid-column:2 / -1;display:grid;grid-template-columns:subgrid;align-items:baseline}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14130f73;z-index:69}.sheet-panel{position:fixed;z-index:70;top:50%;left:50%;transform:translate(-50%,-50%);width:min(32rem,calc(100vw - 2rem));max-height:min(38rem,calc(100vh - 3rem));background:var(--kleur-kaart);border-radius:var(--radius-lg);display:flex;flex-direction:column;box-shadow:var(--schaduw-zwevend)}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;border-bottom:1px solid var(--kleur-rand);flex-shrink:0}.sheet-close{border:none;background:var(--kleur-neutraal-tint);border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:var(--kleur-tekst);flex-shrink:0}.sheet-body{padding:.25rem 1.25rem .75rem;overflow-y:auto;flex:1}.sheet-select-all{border:none;background:none;color:var(--kleur-accent-donker);font-weight:700;font-size:.85rem;padding:.75rem 0 .25rem}.sheet-footer{display:flex;gap:.6rem;padding:1rem 1.25rem;border-top:1px solid var(--kleur-rand);flex-shrink:0}.sheet-footer .btn{flex:1}@media(max-width:991.98px){.sheet-panel{top:auto;left:0;right:0;bottom:0;transform:none;width:100%;max-height:min(85vh,42rem);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}.sheet-footer{padding-bottom:1.5rem}}.new-recipe-option{display:flex;align-items:center;gap:.9rem;width:100%;padding:1rem;margin:.5rem 0;border:1px solid var(--kleur-rand);border-radius:var(--radius-md, 12px);background:var(--kleur-kaart);color:var(--kleur-tekst);text-decoration:none;transition:border-color .15s ease,background .15s ease}.new-recipe-option:hover,.new-recipe-option:focus-visible{border-color:var(--kleur-accent);background:var(--kleur-neutraal-tint);color:var(--kleur-tekst)}.new-recipe-option-icon{flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--kleur-neutraal-tint);display:flex;align-items:center;justify-content:center;color:var(--kleur-accent-donker)}.new-recipe-option-title{display:block;font-weight:700}.new-recipe-option-desc{display:block;font-size:.85rem}.import-banner{background:var(--kleur-accent-tint);border:1px solid var(--kleur-rand);border-radius:var(--radius-md);padding:.9rem 1.1rem;margin-bottom:1.5rem}.import-banner-source{display:flex;align-items:center;gap:.5rem;font-weight:600}.import-banner-source a{color:var(--kleur-accent-donker)}.import-banner-note{margin:.5rem 0 0;font-size:.85rem}.import-banner-warnings{margin:.5rem 0 0;padding-left:1.25rem;font-size:.85rem}.import-ingredient-flags{display:flex;flex-wrap:wrap;gap:.35rem;margin:.35rem 0 .5rem}.import-flag{display:inline-block;font-size:.75rem;font-weight:600;padding:.15rem .55rem;border-radius:var(--radius-pill);background:var(--kleur-warm-tint);color:var(--kleur-warm)}.servings-stepper{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.servings-stepper .servings-label{color:var(--kleur-accent-donker);font-weight:700;flex:1}.servings-stepper-btn{width:2.25rem;height:2.25rem;border-radius:50%;border:1px solid var(--kleur-rand);background:var(--kleur-achtergrond);color:var(--kleur-tekst);display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-number-badge{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;border-radius:50%;background-color:var(--kleur-accent);color:#fff;font-weight:800;flex-shrink:0}.ingredient-check-item{display:flex;align-items:flex-start;gap:.65rem;cursor:pointer;padding:.4rem 0;min-height:2.25rem}.ingredient-check-item input{margin-top:.2em;flex-shrink:0;width:1.15rem;height:1.15rem}.ingredient-checklist .ingredient-check-item input:checked~span{text-decoration:line-through;color:var(--kleur-subtekst);opacity:.7}.ingredient-picker-list .ingredient-check-item:has(input:checked){background:#4b6a4f1a;border-radius:var(--radius-sm);box-shadow:-.5rem 0 #4b6a4f1a}.ingredient-checklist{list-style:none;padding-left:0}.cook-text{font-size:.95rem}.category-row{padding:.55rem .15rem;border-bottom:1px dashed var(--kleur-rand);display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.category-row:last-child{border-bottom:none}.category-row .category-name{min-width:6rem}.category-row .icon{color:var(--kleur-subtekst)}.category-row-dragging{opacity:.4}.category-row-drop-target{border-top:2px solid var(--kleur-accent)}.category-row.category-row-drop-target-after{border-bottom:2px solid var(--kleur-accent)}.category-drag-handle{border:1px solid var(--kleur-rand);background:var(--kleur-kaart);color:var(--kleur-subtekst);border-radius:var(--radius-sm);width:2.3rem;height:1.85rem;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;cursor:grab;touch-action:none}.category-drag-handle:active{cursor:grabbing}.unit-row{border-bottom:1px dashed var(--kleur-rand);padding-bottom:.3rem;margin-bottom:.3rem}.unit-row:last-child{border-bottom:none;margin-bottom:0}.unit-row .category-row{border-bottom:none;padding-bottom:.25rem}.unit-alias-row{padding-left:2.6rem}.unit-alias-edit-btn{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;border:none;background:none;padding:.15rem 0;width:100%;text-align:left}.unit-alias-chip{background:var(--kleur-neutraal-tint);color:var(--kleur-subtekst);border-radius:var(--radius-pill);padding:.15rem .6rem;font-size:.76rem;font-weight:600}.users-table-wrap{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:var(--radius-lg);box-shadow:var(--schaduw-kaart);overflow:hidden}.users-table{width:100%;border-collapse:collapse;margin-bottom:0}.users-table thead th{text-align:left;padding:.8rem 1.1rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--kleur-subtekst);background:var(--kleur-achtergrond);border-bottom:1px solid var(--kleur-rand);white-space:nowrap}.users-table tbody td{padding:.75rem 1.1rem;border-bottom:1px solid var(--kleur-rand);vertical-align:middle}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr:hover td{background:var(--kleur-achtergrond)}.user-identity{display:flex;align-items:center;gap:.75rem}.user-avatar{flex-shrink:0;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--kleur-accent-tint);color:var(--kleur-accent-donker);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem}.user-avatar-lg{width:4rem;height:4rem;font-size:1.3rem}.account-avatar-wrap{position:relative;flex-shrink:0}.account-avatar-edit-btn{position:absolute;right:-.2rem;bottom:-.2rem;border:2px solid var(--kleur-kaart);background:var(--kleur-accent);color:#fff;border-radius:50%;width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.account-avatar-edit-btn .icon{width:.9rem;height:.9rem}.user-name-cell{font-weight:700;color:var(--kleur-tekst)}.user-email-cell{font-size:.82rem;color:var(--kleur-subtekst)}.role-badge,.status-badge{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:.3rem .7rem;font-size:.76rem;font-weight:700;white-space:nowrap}.role-badge-admin{background:var(--kleur-accent-tint);color:var(--kleur-accent-donker)}.role-badge-user{background:var(--kleur-neutraal-tint);color:var(--kleur-subtekst)}.status-badge-active{background:var(--kleur-succes-tint);color:var(--kleur-succes)}.status-badge-blocked{background:var(--kleur-fout-tint);color:var(--kleur-fout)}.shopping-group-card{padding:.75rem;margin-bottom:.6rem}.shopping-group-card h2{font-size:1rem;margin-bottom:.3rem}.shopping-item-row{display:flex;align-items:center;gap:.5rem;padding:.3rem .1rem;border-bottom:1px solid var(--kleur-rand)}.shopping-item-row:last-child{border-bottom:none}.shopping-item-row.category-row-drop-target-after{border-bottom:2px solid var(--kleur-accent)}.shopping-item-drag-handle{display:flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;flex-shrink:0;padding:0;border:none;background:none;color:var(--kleur-subtekst);cursor:grab;touch-action:none}.shopping-item-drag-handle:active{cursor:grabbing}.shopping-item-drag-handle .icon{width:.85rem;height:.85rem}.shopping-stepper{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.shopping-stepper-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid var(--kleur-rand);background:var(--kleur-kaart);color:var(--kleur-subtekst);flex-shrink:0;padding:0}.shopping-stepper-btn:hover{background:var(--kleur-accent-tint);border-color:var(--kleur-accent);color:var(--kleur-accent-donker)}.shopping-stepper-btn-danger{color:var(--kleur-fout)}.shopping-stepper-btn-danger:hover{background:var(--kleur-fout-tint);border-color:var(--kleur-fout);color:var(--kleur-fout)}.shopping-stepper-btn-add{background:var(--kleur-accent);border-color:var(--kleur-accent);color:#fff}.shopping-stepper-btn-add:hover{background:var(--kleur-accent-donker);border-color:var(--kleur-accent-donker);color:#fff}.shopping-stepper-btn .icon{width:.75rem;height:.75rem}.shopping-item-qty{flex-shrink:0;font-weight:700;font-variant-numeric:tabular-nums;color:var(--kleur-accent-donker);background:var(--kleur-accent-tint);border-radius:var(--radius-pill);padding:.1rem .4rem;font-size:.72rem}.shopping-item-row .form-check-input{width:1rem;height:1rem;flex-shrink:0;margin:0;cursor:pointer}.shopping-item-name{flex:1;min-width:0;overflow-wrap:anywhere;cursor:text;padding:.2rem .4rem;border-radius:var(--radius-sm);font-weight:600;font-size:.88rem}.shopping-item-name:hover{background:var(--kleur-accent-tint);color:var(--kleur-accent-donker)}.shopping-item-edit-input,.shopping-group-name-input,.shopping-inline-add-input{font-size:16px}.shopping-item-edit-input{flex:1;min-width:0}.shopping-inline-add{display:flex;align-items:center;gap:.45rem;padding:.35rem .1rem .1rem}.shopping-inline-add .icon{flex-shrink:0;width:.9rem;height:.9rem;color:var(--kleur-subtekst)}.shopping-add-item-btn{display:flex;align-items:center;gap:.35rem;border:none;background:none;color:var(--kleur-subtekst);font-weight:700;font-size:.8rem;padding:.35rem .4rem .1rem}.shopping-add-item-btn:hover{color:var(--kleur-accent-donker)}.shopping-add-item-btn .icon{width:1rem;height:1rem}.shopping-group-delete-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;border:none;background:none;color:var(--kleur-subtekst);padding:.2rem}.shopping-group-delete-btn:hover{color:var(--kleur-fout)}.shopping-group-delete-btn .icon{width:.95rem;height:.95rem}.quick-add-favorites-list{display:flex;flex-direction:column}.quick-add-favorite-row{display:flex;align-items:center;gap:.75rem;width:100%;padding:.65rem .25rem;border:none;border-bottom:1px dashed var(--kleur-rand);background:none;text-align:left;font-weight:600;color:var(--kleur-tekst)}.quick-add-favorite-row:last-child{border-bottom:none}@media(hover:hover)and (pointer:fine){.quick-add-favorite-row:hover{background:var(--kleur-accent-tint);color:var(--kleur-accent-donker)}}.quick-add-favorite-row .icon{flex-shrink:0;color:var(--kleur-subtekst);transition:color .2s ease}.quick-add-favorite-row.added{color:var(--kleur-succes);transition:color .2s ease}.quick-add-favorite-row.added .icon{color:var(--kleur-succes)}.shopping-header-actions{display:flex;gap:.5rem;flex-wrap:nowrap;margin-bottom:1rem}.shopping-header-actions .btn{white-space:nowrap}.shopping-done-btn{background:var(--kleur-accent-tint);border-color:var(--kleur-accent-tint);color:var(--kleur-accent-donker)}.shopping-done-btn:hover{background:var(--kleur-accent-tint);border-color:var(--kleur-accent);color:var(--kleur-accent-donker)}@media(max-width:767.98px){.shopping-header-actions{width:100%}.shopping-header-actions .btn{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:flex-start!important;gap:.4rem!important;padding:.6rem .4rem .6rem .7rem;font-size:.8rem}.shopping-header-actions .btn .icon{flex-shrink:0}.shopping-header-actions .btn-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.message-list .alert{border-radius:var(--radius-md);border:none;font-weight:600}.alert-success{background-color:var(--kleur-succes-tint);color:var(--kleur-succes)}.alert-danger{background-color:var(--kleur-fout-tint);color:var(--kleur-fout)}.alert-warning{background-color:var(--kleur-warm-tint);color:#93650c}.alert-info{background-color:var(--kleur-blauw-tint);color:var(--kleur-accent-donker)}.nav-pills .nav-link{border-radius:var(--radius-pill);font-weight:700;color:var(--kleur-subtekst);padding:.5rem 1.1rem}.nav-pills .nav-link.active{background-color:var(--kleur-accent)}@media(max-width:575.98px){.app-main{padding-left:.9rem;padding-right:.9rem}}