:root{--sofra-primary-900:#0f3d32;--sofra-primary-700:#1a5f4a;--sofra-primary-500:#2d8a6a;--sofra-primary-100:#e8f2ed;--sofra-primary-50:#f4f7f5;--sofra-accent-800:#7a4f01;--sofra-accent-600:#b8860b;--sofra-accent-100:#fff4df;--sofra-ink-900:#102820;--sofra-ink-600:#4a6358;--sofra-ink-400:#b9cfc4;--sofra-ink-200:#d6e3dc;--sofra-surface-0:#fff;--sofra-surface-1:#fafcfb;--sofra-surface-muted:#eef6f2;--sofra-success-fg:#1a5f4a;--sofra-success-bg:#e8f2ed;--sofra-error-fg:#8a1f1f;--sofra-error-bg:#fde8e8;--sofra-error-border:#f5bcbc;--sofra-info-fg:#2a4a5e;--sofra-info-bg:#e8f0f4;--sofra-font-family:"Source Sans 3", system-ui, -apple-system, sans-serif;--sofra-font-weight-regular:400;--sofra-font-weight-semibold:600;--sofra-font-weight-bold:700;--sofra-letter-spacing-wordmark:.06em;--sofra-radius-sm:8px;--sofra-radius-md:10px;--sofra-radius-lg:12px;--sofra-radius-pill:999px;--sofra-max-width:420px;--sofra-transition-fast:.15s ease;color:var(--sofra-ink-900);background:var(--sofra-primary-50);font-family:var(--sofra-font-family);line-height:1.45;font-weight:var(--sofra-font-weight-regular)}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}.flow-hidden{display:none}.app-shell{max-width:var(--sofra-max-width);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.app-header{border-bottom:1px solid var(--sofra-ink-200);background:var(--sofra-surface-0);justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 1rem;display:flex}.app-header-logo{object-fit:contain;object-position:left center;width:auto;max-width:min(220px,100% - 3.5rem);height:2rem;display:block}.menu-button{border-radius:var(--sofra-radius-sm);cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;display:flex}.menu-button-bar{background:var(--sofra-ink-900);border-radius:1px;width:100%;height:2px;display:block}.menu-button:focus-visible{outline:2px solid var(--sofra-primary-500);outline-offset:2px}.settings-page{background:#eef1ef;flex-direction:column;flex:1;min-height:0;display:flex}.settings-nav{border-bottom:1px solid var(--sofra-ink-200);background:var(--sofra-surface-0);justify-content:center;align-items:center;min-height:44px;padding:.65rem 1rem;display:flex;position:relative}.settings-nav-back{font:inherit;font-weight:var(--sofra-font-weight-regular);color:var(--sofra-primary-700);cursor:pointer;background:0 0;border:none;padding:.35rem 0;position:absolute;left:1rem}.settings-nav-title{font-size:1.05rem;font-weight:var(--sofra-font-weight-semibold);color:var(--sofra-ink-900);margin:0}.settings-content{flex:1;padding:1.25rem 1rem 2rem;overflow-y:auto}.settings-group-label{font-size:.78rem;font-weight:var(--sofra-font-weight-regular);letter-spacing:.02em;text-transform:uppercase;color:var(--sofra-ink-600);margin:0 0 .45rem;padding:0 .85rem}.settings-list{background:var(--sofra-surface-0);border-radius:12px;overflow:hidden;box-shadow:0 1px #1028200a}.settings-row{background:var(--sofra-surface-0);width:100%;min-height:44px;font:inherit;color:var(--sofra-ink-900);text-align:left;cursor:pointer;border:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:1rem;display:flex;position:relative}.settings-row+.settings-row:before{content:"";background:var(--sofra-ink-200);height:1px;position:absolute;top:0;left:1rem;right:0}.settings-row:active{background:var(--sofra-primary-50)}.settings-row:focus-visible{outline:2px solid var(--sofra-primary-500);outline-offset:-2px;z-index:1}.settings-row-label{flex:1}.settings-row-check{font-size:1.1rem;font-weight:var(--sofra-font-weight-bold);color:var(--sofra-primary-700);flex-shrink:0}.app-main{flex:1;padding:1rem}.panel{background:var(--sofra-surface-0);border:1px solid var(--sofra-ink-200);border-radius:var(--sofra-radius-lg);gap:.85rem;padding:1rem;display:grid}.panel h2,.panel h3{font-weight:var(--sofra-font-weight-semibold);color:var(--sofra-ink-900);margin:0}.hint,.loading{color:var(--sofra-ink-600);margin:0;font-size:.92rem}.warning{color:var(--sofra-accent-800);font-size:.92rem;font-weight:var(--sofra-font-weight-semibold);margin:0}.error-banner{background:var(--sofra-error-bg);color:var(--sofra-error-fg);border:1px solid var(--sofra-error-border);border-radius:var(--sofra-radius-sm);font-weight:var(--sofra-font-weight-semibold);margin-bottom:.75rem;padding:.75rem}label,fieldset{border:none;gap:.35rem;margin:0;padding:0;display:grid}label,fieldset legend{font-weight:var(--sofra-font-weight-semibold);color:var(--sofra-ink-900)}input,select{border:1px solid var(--sofra-ink-400);border-radius:var(--sofra-radius-sm);background:var(--sofra-surface-0);width:100%;color:var(--sofra-ink-900);padding:.55rem .65rem}input:focus-visible,select:focus-visible{outline:2px solid var(--sofra-primary-500);outline-offset:1px;border-color:var(--sofra-primary-500)}.inline-fields{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.checkbox-row{font-weight:var(--sofra-font-weight-regular);align-items:center;gap:.5rem;display:flex}.button-row{flex-wrap:wrap;gap:.5rem;display:flex}button.primary,.file-button{background:var(--sofra-primary-700);color:var(--sofra-surface-0);border-radius:var(--sofra-radius-sm);min-height:44px;font-weight:var(--sofra-font-weight-semibold);cursor:pointer;transition:background var(--sofra-transition-fast);border:none;padding:.65rem .9rem}button.primary:hover:not(:disabled),.file-button:hover{background:var(--sofra-primary-900)}button.primary:focus-visible,.file-button:focus-visible{outline:2px solid var(--sofra-primary-500);outline-offset:2px}button.secondary{background:var(--sofra-primary-100);color:var(--sofra-primary-700);border:1px solid var(--sofra-ink-400);border-radius:var(--sofra-radius-sm);min-height:44px;font-weight:var(--sofra-font-weight-semibold);cursor:pointer;padding:.65rem .9rem}button.link-button{color:var(--sofra-primary-700);font-weight:var(--sofra-font-weight-semibold);cursor:pointer;text-align:left;background:0 0;border:none;padding:0}button:disabled{opacity:.6;cursor:not-allowed}.file-button{justify-content:center;align-items:center;display:inline-flex}.preview-image{object-fit:cover;border-radius:var(--sofra-radius-sm);border:1px solid var(--sofra-ink-200);width:100%;max-height:240px}.item-card,.route-card,.recipient-card{border:1px solid var(--sofra-ink-200);border-radius:var(--sofra-radius-md);background:var(--sofra-surface-1);gap:.65rem;padding:.85rem;display:grid}.item-card-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.item-card-header h3{font-size:1rem;font-weight:var(--sofra-font-weight-semibold);margin:0}.meta-block{background:var(--sofra-surface-muted);border-radius:var(--sofra-radius-sm);color:var(--sofra-ink-600);padding:.65rem;font-size:.9rem}.label-text{white-space:pre-wrap;word-break:break-word}.review-chip{border-radius:var(--sofra-radius-pill);font-size:.82rem;font-weight:var(--sofra-font-weight-semibold);border:1px solid var(--sofra-ink-400);cursor:pointer;justify-self:start;padding:.25rem .65rem}.review-chip.reviewed{background:var(--sofra-success-bg);color:var(--sofra-success-fg);border-color:var(--sofra-primary-500)}.review-chip.pending{background:var(--sofra-accent-100);color:var(--sofra-accent-800);border-color:var(--sofra-accent-600)}.recipient-card{text-align:left;cursor:pointer;transition:border-color var(--sofra-transition-fast), background var(--sofra-transition-fast)}.recipient-card:hover{border-color:var(--sofra-primary-500);background:var(--sofra-primary-100)}.recipient-card strong{color:var(--sofra-ink-900);display:block}.empty-state{background:var(--sofra-accent-100);border-radius:var(--sofra-radius-sm);color:var(--sofra-accent-800);padding:.75rem}.share-url{word-break:break-all;background:var(--sofra-surface-muted);border-radius:var(--sofra-radius-sm);color:var(--sofra-ink-600);padding:.75rem;font-size:.9rem}.recipient-header .recipient-title-wrap{align-items:center;gap:.5rem;min-width:0;display:flex}.recipient-title{font-size:1.1rem;font-weight:var(--sofra-font-weight-semibold);color:var(--sofra-primary-700);margin:0}.demo-badge{border-radius:var(--sofra-radius-pill);font-size:.72rem;font-weight:var(--sofra-font-weight-bold);letter-spacing:.04em;background:var(--sofra-accent-800);color:var(--sofra-surface-0);flex-shrink:0;padding:.15rem .5rem}.panel-title-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.info-card{background:var(--sofra-surface-muted);border-radius:var(--sofra-radius-sm);gap:.35rem;padding:.75rem;font-size:.92rem;display:grid}.offer-state-banner{border-radius:var(--sofra-radius-sm);font-size:.88rem;font-weight:var(--sofra-font-weight-semibold);padding:.55rem .75rem}.offer-state-banner.state-open{background:var(--sofra-primary-100);color:var(--sofra-primary-900)}.offer-state-banner.state-claimed{background:var(--sofra-accent-100);color:var(--sofra-accent-800)}.offer-state-banner.state-received{background:var(--sofra-success-bg);color:var(--sofra-success-fg)}.offer-state-banner.state-expired{background:var(--sofra-error-bg);color:var(--sofra-error-fg)}.donor-step-progress{margin-bottom:.75rem}.donor-step-list{gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.donor-step{flex-direction:column;flex:1;align-items:center;gap:.25rem;min-width:0;display:flex}.donor-step-dot{border-radius:var(--sofra-radius-pill);background:var(--sofra-ink-200);width:100%;height:4px}.donor-step.done .donor-step-dot,.donor-step.active .donor-step-dot{background:var(--sofra-primary-500)}.donor-step-label{color:var(--sofra-ink-600);text-align:center;font-size:.68rem;line-height:1.2}.donor-step.active .donor-step-label{color:var(--sofra-primary-900);font-weight:var(--sofra-font-weight-semibold)}.donor-photo-strip{border-radius:var(--sofra-radius-md);border:1px solid var(--sofra-ink-200);background:var(--sofra-surface-0);align-items:center;gap:.65rem;margin-bottom:.75rem;padding:.5rem .65rem;display:flex}.donor-photo-strip-thumb{object-fit:cover;border-radius:var(--sofra-radius-sm);border:1px solid var(--sofra-ink-200);flex-shrink:0;width:52px;height:52px}.donor-photo-strip-caption{color:var(--sofra-ink-600);margin:0;font-size:.82rem;line-height:1.3}.category-icon{justify-content:center;align-items:center;line-height:1;display:inline-flex}.category-icon-sm{font-size:1.1rem}.category-icon-md{font-size:1.45rem}.item-thumbnail{border-radius:var(--sofra-radius-sm);border:1px solid var(--sofra-ink-200);background:var(--sofra-surface-muted);flex-shrink:0;width:56px;height:56px;overflow:hidden}.item-thumbnail-photo{object-fit:cover}.item-thumbnail-crop{background-color:var(--sofra-surface-muted)}.item-thumbnail-icon{justify-content:center;align-items:center;display:flex}.item-card-header-visual{align-items:flex-start}.item-card-title-block{flex:1;gap:.35rem;min-width:0;display:grid}.meta-chips{flex-wrap:wrap;gap:.35rem;display:flex}.meta-chip{border-radius:var(--sofra-radius-pill);font-size:.78rem;font-weight:var(--sofra-font-weight-semibold);background:var(--sofra-primary-100);color:var(--sofra-primary-900);align-items:center;padding:.15rem .5rem;line-height:1.3;display:inline-flex}.meta-chip-muted{background:var(--sofra-surface-muted);color:var(--sofra-ink-600);font-weight:var(--sofra-font-weight-regular)}.route-badge{border-radius:var(--sofra-radius-pill);font-size:.72rem;font-weight:var(--sofra-font-weight-bold);letter-spacing:.02em;text-transform:uppercase;flex-shrink:0;padding:.15rem .5rem}.route-badge.route-eligible{background:var(--sofra-success-bg);color:var(--sofra-success-fg)}.route-badge.route-manual_review{background:var(--sofra-accent-100);color:var(--sofra-accent-800)}.route-badge.route-blocked{background:var(--sofra-error-bg);color:var(--sofra-error-fg)}.collapsible-details{gap:.35rem;display:grid}.collapsible-details-toggle{font:inherit;font-size:.85rem;font-weight:var(--sofra-font-weight-semibold);color:var(--sofra-primary-700);text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.collapsible-details-panel{gap:.35rem;display:grid}.manifest-item-row,.stock-row{border:1px solid var(--sofra-ink-200);border-radius:var(--sofra-radius-md);background:var(--sofra-surface-1);gap:.35rem;padding:.75rem;display:grid}.manifest-item-row-compact,.stock-row{align-items:flex-start;gap:.65rem;display:flex}.manifest-item-body,.stock-row-body{flex:1;gap:.35rem;min-width:0;display:grid}.manifest-item-title-row{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.manifest-item-row h3,.stock-row h4{margin:0;font-size:1rem}.manifest-item-reasons{color:var(--sofra-ink-600);margin:0;font-size:.82rem}.stock-row-visual{border-radius:var(--sofra-radius-sm);background:var(--sofra-surface-muted);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stock-row-ok{border-left:4px solid var(--sofra-primary-500)}.stock-row-soon{border-left:4px solid var(--sofra-accent-600);background:var(--sofra-accent-100)}.stock-row-urgent{border-left:4px solid var(--sofra-error-border);background:var(--sofra-error-bg)}.stock-row-unknown{border-left:4px solid var(--sofra-ink-400)}.quantity-input-row{gap:.35rem;display:grid}.quantity-input-wrap{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.quantity-input-wrap input{width:5.5rem}.quantity-max-hint{color:var(--sofra-ink-600);font-size:.85rem}.receipt-line-editor{border-bottom:1px solid var(--sofra-ink-200);gap:.5rem;padding-bottom:.75rem;display:grid}.receipt-line-editor:last-of-type{border-bottom:none}@media (width<=360px){.inline-fields{grid-template-columns:1fr}}