/* Menu composition follows the approved Friendly study. Data cells and handlers stay intact. */
@media screen {
body[data-design="workspace"] #menu-view {
 --menu-border:#e1e7dc;--menu-muted:#65746d;--menu-surface:#fff;--menu-tint:#f5f7f3;--menu-green:#365b43;--menu-radius:13px;
}
body[data-design="workspace"] #menu-view [hidden]{display:none!important}
body[data-design="workspace"] #menu-view .menu-page-toolbar{align-items:center;gap:20px;margin-bottom:20px}
body[data-design="workspace"] #menu-view .menu-date-control{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;max-width:none;padding:9px 11px;border:1px solid var(--menu-border);border-radius:13px;background:#fff;margin-bottom:26px}
body[data-design="workspace"] #menu-view .menu-date-shortcuts{width:auto;min-width:0;display:flex;padding:3px;gap:5px;background:#f0f3eb;border-color:transparent;border-radius:9px}
body[data-design="workspace"] #menu-view .menu-date-shortcuts button{height:32px;min-height:32px;padding:6px 13px;font-size:11px;line-height:18px;border-radius:7px}
body[data-design="workspace"] #menu-view .menu-date-shortcuts button::after{display:none}
body[data-design="workspace"] #menu-view .menu-date-shortcuts::before{background-image:none;}
body[data-design="workspace"] #menu-view #menu-date-choose{display:inline-flex;align-items:center;justify-content:center;gap:6px}
body[data-design="workspace"] #menu-view #menu-date-choose svg{width:14px;height:14px;flex-shrink:0}
body[data-design="workspace"] #menu-view .menu-date-summary{font-size:11px;color:var(--menu-muted);white-space:nowrap}
/* Date and save feedback keep the same footprint throughout normal edits. */
body[data-design="workspace"] #menu-view .menu-date-feedback{display:grid;grid-template-rows:18px minmax(18px,auto);align-content:center;justify-items:end;flex:1;min-width:0}
body[data-design="workspace"] #menu-view .menu-date-feedback .menu-save-status{grid-row:2;margin:0;font-size:11px;line-height:18px;align-items:center;text-align:right}
body[data-design="workspace"] #menu-view .menu-date-feedback .menu-save-status.is-error{padding:0;border:0;background:transparent;flex-wrap:wrap;text-align:left;justify-content:flex-end;overflow-wrap:anywhere}
body[data-design="workspace"] #menu-view :is(.menu-page-section,.menu-add-panel){padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;margin-bottom:28px}
body[data-design="workspace"] #menu-view :is(#menu-daily-section,#menu-permanent-section){border:0;background:transparent;box-shadow:none}
body[data-design="workspace"] #menu-view .menu-section-heading{padding:0;display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 7px;background:transparent;border:0;border-radius:0;box-shadow:none}
body[data-design="workspace"] #menu-view #menu-permanent-section>.menu-section-heading{background:transparent;border:0;padding:0;border-radius:0}
body[data-design="workspace"] #menu-view .menu-section-heading>.eyebrow,body[data-design="workspace"] #menu-view .menu-section-heading .eyebrow{display:none}
body[data-design="workspace"] #menu-view .menu-section-heading h3{font-size:15px;line-height:1.4;letter-spacing:-.02em;font-weight:650;color:#283d30}
body[data-design="workspace"] #menu-view .menu-section-heading h3::before{display:none}
body[data-design="workspace"] #menu-view :is(.menu-offers-toolbar,.menu-permanent-actions){display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body[data-design="workspace"] #menu-view .menu-section-heading .button{min-height:30px;padding:6px 10px;font-size:11px;border-radius:20px;border-color:var(--menu-border);background:#fff;color:var(--menu-green);box-shadow:none}
body[data-design="workspace"] #menu-view :is(#menu-day-note,#menu-permanent-note){font-size:11px;line-height:1.5;margin:0 0 12px;color:var(--menu-muted)}
body[data-design="workspace"] #menu-view .menu-daily-groups{display:grid;gap:22px}
body[data-design="workspace"] #menu-view .menu-offer-block+.menu-offer-block{padding-top:0;border-top:0}
body[data-design="workspace"] #menu-view .menu-offer-block-heading{display:flex;align-items:center;gap:7px;margin:0 0 5px}
body[data-design="workspace"] #menu-view .menu-offer-block-heading h3{font-size:12px;line-height:1.5;font-weight:550;letter-spacing:0}
body[data-design="workspace"] #menu-view .menu-offer-block-heading h3::before{display:none}
body[data-design="workspace"] #menu-view .menu-heading-edit{width:26px;height:26px;min-height:26px;flex-basis:26px;border:0;background:transparent;box-shadow:none;color:#65746d;border-radius:6px}
body[data-design="workspace"] #menu-view :is(.menu-offer-description,.menu-area-description,.menu-offer-rule,.menu-offer-clock){font-size:11px;line-height:1.5;color:var(--menu-muted);margin:3px 0}
body[data-design="workspace"] #menu-view .menu-offer-areas{container-type:inline-size;gap:12px;margin-top:9px}
body[data-design="workspace"] #menu-view .menu-group-heading{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:9px}
body[data-design="workspace"] #menu-view .menu-area-toggle{padding:2px 0;background:transparent;border:0;box-shadow:none;min-height:24px;font-size:11px;font-weight:450;gap:6px}
body[data-design="workspace"] #menu-view .menu-group-heading>span{font-size:10px;padding:2px 6px;border:0;background:#e8efdf;color:#496143}
body[data-design="workspace"] #menu-view .menu-add-products{min-height:39px;padding:9px 14px;border-radius:10px;background:#e8efdf;border:1px solid transparent;color:var(--menu-green);font-size:13px;box-shadow:none}
body[data-design="workspace"] #menu-view .menu-offer-block>.menu-add-products{margin-top:10px}
body[data-design="workspace"] #menu-view :is(.menu-add-trigger,#menu-daily-empty){background:#e8efdf;border:1px solid transparent;color:var(--menu-green);box-shadow:none}
body[data-design="workspace"] #menu-view #manage-menu-sections{background:#fff;border-color:var(--menu-border);color:var(--menu-green)}
body[data-design="workspace"] #menu-view #menu-add-permanent{min-height:39px;padding:10px 14px;background:#365b43;border:1px solid #365b43;color:white;border-radius:13px;font-size:13px;line-height:18px;box-shadow:0 1px 3px #23372a12}
body[data-design="workspace"] #menu-view #menu-permanent-heading{font-size:15px;font-weight:650}
body[data-design="workspace"] #menu-view #menu-daily-section>.menu-section-heading>div{width:100%}
body[data-design="workspace"] #menu-view .menu-offers-toolbar{width:100%;justify-content:space-between}
body[data-design="workspace"] #menu-view #new-menu-offer{min-height:30px;padding:6px 10px;font-size:11px;border-radius:20px;border:1px solid #e1e7dc;background:#fff;color:#365b43;box-shadow:none}
/* One flat reading order for permanent products and changing offers. */
body[data-design="workspace"] #menu-view .menu-table tr.menu-flat-row[data-entry-id]>td[data-column="order"]{box-shadow:none;border-radius:0;}
body[data-design="workspace"] #menu-view .menu-repeat-option>span{max-width:none;}
body[data-design="workspace"] #menu-view .menu-table-wrap{container-type:inline-size;container-name:menu-table;overflow:visible;border:0;border-radius:0;background:transparent}
body[data-design="workspace"] #menu-view .menu-table{display:block;width:100%;min-width:0;table-layout:auto;border:1px solid var(--menu-border);border-radius:13px;background:#fff;border-collapse:separate;border-spacing:0}
body[data-design="workspace"] #menu-view .menu-table thead{display:block;border:0;border-bottom:1px solid var(--menu-border);border-radius:12px 12px 0 0;background:#f9fbf8}
body[data-design="workspace"] #menu-view .menu-table thead tr,
body[data-design="workspace"] #menu-view .menu-table tr[data-entry-id]{display:grid;grid-template-columns:28px minmax(180px,1fr) 246px 92px 64px 96px 34px;column-gap:12px;align-items:start;padding:12px 14px;min-width:0;box-sizing:border-box}
body[data-design="workspace"] #menu-view .menu-table thead tr{align-items:center;padding-block:10px;border:0;background:transparent}
body[data-design="workspace"] #menu-view .menu-table thead th{display:block;width:auto;min-width:0;max-width:none;justify-self:stretch;margin:0;padding:0;border:0;background:transparent;font-size:11px;font-weight:400;line-height:1.5;text-align:left;color:var(--menu-muted)}
body[data-design="workspace"] #menu-view .menu-table tbody{display:block;width:100%;background:transparent}
body[data-design="workspace"] #menu-view .menu-table tr[data-entry-id]{position:relative;min-height:72px;margin:0;border:0;border-bottom:1px solid #e9eee6;border-radius:0;background:#fff;box-shadow:none;color:#283d30;transition:background-color 160ms ease}
body[data-design="workspace"] #menu-view .menu-table tr[data-entry-id]:last-child{border-bottom:0;border-radius:0 0 12px 12px}
body[data-design="workspace"] #menu-view .menu-table tr[data-entry-id]>td{display:block;min-width:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none;text-align:left;font-size:12px;line-height:1.5;vertical-align:top}
body[data-design="workspace"] #menu-view .menu-table tr[data-entry-id]>td::before{display:none}
body[data-design="workspace"] #menu-view .menu-table :is(thead th:nth-child(1),tr[data-entry-id]>td:nth-child(1)){grid-column:1;grid-row:1}
body[data-design="workspace"] #menu-view .menu-table :is(thead th:nth-child(2),tr[data-entry-id]>td:nth-child(2)){grid-column:2;grid-row:1}
body[data-design="workspace"] #menu-view .menu-table :is(thead th:nth-child(3),tr[data-entry-id]>td:nth-child(3)),
body[data-design="workspace"] #menu-view .menu-table .menu-assignment-placeholder{display:none!important}
body[data-design="workspace"] #menu-view .menu-table :is(thead th:nth-child(4),tr[data-entry-id]>td:nth-child(4)){grid-column:3;grid-row:1}
body[data-design="workspace"] #menu-view .menu-table :is(thead th:nth-child(5),tr[data-entry-id]>td:nth-child(5)){grid-column:4;grid-row:1;text-align:center}
body[data-design="workspace"] #menu-view .menu-table :is(thead th:nth-child(6),tr[data-entry-id]>td:nth-child(6)){grid-column:5;grid-row:1;text-align:center}
body[data-design="workspace"] #menu-view .menu-table :is(thead th:nth-child(7),tr[data-entry-id]>td:nth-child(7)){grid-column:6;grid-row:1;text-align:right}
body[data-design="workspace"] #menu-view .menu-table :is(thead th:nth-child(8),tr[data-entry-id]>td:nth-child(8)){grid-column:7;grid-row:1;text-align:right}
body[data-design="workspace"] #menu-view .menu-table .menu-area-row{display:block}
body[data-design="workspace"] #menu-view .menu-table .menu-area-row th{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 14px;border:0;border-bottom:1px solid #e7ece2;background:#f3f7f0;font-size:11px}
body[data-design="workspace"] #menu-view .menu-table .menu-area-row th>span{font-size:10px;background:transparent;border:0}
body[data-design="workspace"] #menu-view .menu-table .menu-drag-handle{display:inline-flex;align-items:center;justify-content:center;width:28px;min-width:28px;min-height:34px;margin:0;padding:4px 0;border:0;border-radius:6px;background:transparent;color:#778b79;vertical-align:top}
body[data-design="workspace"] #menu-view .menu-table .menu-product-edit{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:0;padding:4px 0 0;font-size:14px;font-weight:450;line-height:1.45;color:#283d30;text-align:left}
body[data-design="workspace"] #menu-view .menu-product-edit .ui-arrow{width:11px;height:11px;flex-shrink:0;opacity:.65}
body[data-design="workspace"] #menu-view .menu-product-name{overflow-wrap:anywhere}
body[data-design="workspace"] #menu-view .menu-category{display:block;margin:3px 0 0;font-size:11px;line-height:1.5;color:var(--menu-muted)}
body[data-design="workspace"] #menu-view .menu-table :is(.is-product-variant,.is-family-member) td[data-column="product"]{padding-left:12px}
body[data-design="workspace"] #menu-view .menu-table .is-family-member .menu-product-name::before{content:"";display:inline-block;box-sizing:border-box;width:6px;height:7px;margin-left:-12px;margin-right:6px;vertical-align:3px;border-left:1px solid #bfcac1;border-bottom:1px solid #bfcac1}
body[data-design="workspace"] #menu-view .menu-repeat-option{display:flex;align-items:flex-start;gap:6px;margin:6px 0 0;font-size:11px;line-height:1.45;white-space:normal}
body[data-design="workspace"] #menu-view .menu-repeat-option input{flex:0 0 14px;width:14px;height:14px;min-width:14px;margin-top:1px}
/* Product families use one quiet heading band and uninterrupted white variant rows. */
body[data-design="workspace"] #menu-view .menu-table tr.menu-family-heading{display:block;margin:0;padding:0;border:0;border-bottom:1px solid #e9eee6;border-radius:0;background:#f7f9f5}
body[data-design="workspace"] #menu-view .menu-table .menu-family-heading th{display:flex;align-items:baseline;gap:8px;width:100%;box-sizing:border-box;margin:0;padding:8px 14px 8px 54px;border:0;background:transparent;text-align:left;line-height:1.5}
body[data-design="workspace"] #menu-view .menu-family-name{font-size:11px;font-weight:600;color:#283d30;overflow-wrap:anywhere}
body[data-design="workspace"] #menu-view .menu-family-count{flex:none;font-size:10px;font-weight:400;color:var(--menu-muted)}
body[data-design="workspace"] #menu-view .menu-table tr.is-family-row[data-entry-id]{margin:0;border:0;border-bottom:1px solid #e9eee6;border-radius:0;background:#fff}
body[data-design="workspace"] #menu-view .menu-table tr.is-family-row[data-entry-id]>td{border:0!important;border-radius:0!important;background:transparent}
@container menu-table (max-width:859px){
 body[data-design="workspace"] #menu-view .menu-table .menu-family-heading th{padding-left:44px}
}

/* Frameless planning: aligned quantities, inset status colors and a reversible standard row. */
body[data-design="workspace"] #menu-view .menu-table .menu-forecast-cell{container-type:normal}
body[data-design="workspace"] #menu-view .menu-forecast{--menu-quantity-size:64px;--menu-standard-size:50px;--menu-standard-height:26px;--menu-quantity-height:32px;display:block;width:100%;max-width:100%;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-sizing:border-box}
body[data-design="workspace"] #menu-view .menu-forecast-main{grid-column:1/-1;grid-row:1;display:block;min-width:0}
body[data-design="workspace"] #menu-view .menu-table .menu-forecast .menu-quantity{position:relative;display:grid;grid-template-columns:var(--menu-quantity-size) minmax(0,1fr);grid-template-rows:32px;column-gap:6px;align-items:center;width:100%;min-width:0;max-width:none;min-height:32px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
body[data-design="workspace"] #menu-view .menu-quantity-entry{display:contents;box-shadow:none}
body[data-design="workspace"] #menu-view .menu-quantity-entry::after{display:none}
body[data-design="workspace"] #menu-view .menu-quantity:focus-within{outline:0}
body[data-design="workspace"] #menu-view .menu-table .menu-quantity-input{grid-column:1;grid-row:1/3;width:var(--menu-quantity-size);min-width:0;min-height:32px;height:32px;margin:0;padding:4px 13px 4px 8px;border:1px solid #ccd8c7;border-radius:6px;background:#fff;box-shadow:none;font-size:13px;font-weight:500;text-align:center}
body[data-design="workspace"] #menu-view .menu-table .menu-quantity-input:focus-visible{outline:0;outline-offset:0;border-color:#365b43;}
body[data-design="workspace"] #menu-view .menu-quantity-unit{grid-column:2;grid-row:1/3;align-self:center;padding:0;font-size:11px;line-height:16px;color:var(--menu-muted)}
body[data-design="workspace"] #menu-view .menu-forecast-state{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:flex-start;min-width:0;padding:0;border:0;background:transparent;box-shadow:none;animation:none;font-size:11px;line-height:16px;text-align:left;white-space:nowrap;color:var(--menu-muted)}
body[data-design="workspace"] #menu-view .menu-forecast-state::before,body[data-design="workspace"] #menu-view .menu-forecast-state::after{display:none}
body[data-design="workspace"] #menu-view .menu-forecast-compact{font-size:11px;line-height:16px}
body[data-design="workspace"] #menu-view .menu-forecast-state.is-override{color:#806329}
body[data-design="workspace"] #menu-view .menu-forecast-state.is-closed{color:#a94343}
body[data-design="workspace"] #menu-view .menu-table .menu-all-days{display:flex;align-items:center;gap:5px;min-height:32px;max-width:100%;margin:0;padding:0;font-size:11px;line-height:1.4;white-space:nowrap}
body[data-design="workspace"] #menu-view .menu-all-days input{flex:0 0 14px;width:14px;height:14px;min-width:14px;margin:0}
body[data-design="workspace"] #menu-view .menu-table .menu-forecast-settings{display:block;flex:0 0 auto;margin:0;padding:0;border:0;min-width:0;overflow:hidden}
body[data-design="workspace"] #menu-view .menu-forecast-settings-inner{display:flex;align-items:center;width:max-content;height:32px;padding:0 8px 0 0;box-sizing:content-box}
body[data-design="workspace"] #menu-view .menu-table .menu-baseline{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-start;width:max-content;height:32px;margin:0;font-size:11px;line-height:1.5;color:var(--menu-muted)}
body[data-design="workspace"] #menu-view .menu-table .menu-baseline input{grid-column:1;grid-row:1;order:1;width:var(--menu-standard-size);height:var(--menu-standard-height);min-height:var(--menu-standard-height);margin:0;padding:1px 10px 1px 5px;border:1px solid #ccd8c7;border-radius:5px;background:#eef2e9;font-size:13px;font-weight:500;line-height:18px;text-align:center}
body[data-design="workspace"] #menu-view .menu-table .menu-baseline input.is-long-value{width:var(--menu-quantity-size);padding-inline:8px 13px}
body[data-design="workspace"] #menu-view .menu-table .menu-baseline input{transition:width 180ms ease,border-color 160ms ease,background-color 160ms ease}
body[data-design="workspace"] #menu-view .menu-forecast-options .menu-reset-forecast{display:grid;place-items:center;align-self:center;width:24px;min-width:24px;height:32px;min-height:32px;margin:0;padding:0;border:0;border-radius:5px;background:transparent;color:#65765d;text-decoration:none;box-shadow:none;transition:background-color 150ms ease,color 150ms ease}
body[data-design="workspace"] #menu-view .menu-forecast-options .menu-reset-forecast:hover{background:#edf2e7;color:#365b43}
body[data-design="workspace"] #menu-view .menu-forecast-options .menu-reset-forecast:focus-visible{outline:1px solid #365b43;outline-offset:-2px;background:#edf2e7}
body[data-design="workspace"] #menu-view .menu-reset-symbol{display:block;width:13px;height:13px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10a9 9 0 1 1 1 8M3 4v6h6'/%3E%3C/svg%3E") center/contain no-repeat}
body[data-design="workspace"] #menu-view :is(.menu-schedule-source,.menu-schedule-reset){display:block;margin-top:5px;font-size:11px;line-height:1.4;color:var(--menu-muted)}
body[data-design="workspace"] #menu-view .menu-schedule-reset{min-height:26px;padding:3px 0}
body[data-design="workspace"] #menu-view .menu-availability-label{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;margin:0;font-size:11px;white-space:nowrap}
body[data-design="workspace"] #menu-view .menu-table input.daily-offer-toggle{appearance:none!important;display:block;position:relative;flex:0 0 29px;width:29px;height:17px;min-height:17px;margin:0;padding:0;border:0!important;border-radius:20px;background:#dfe5df;box-shadow:none!important;cursor:pointer;transition:background-color .18s ease}
body[data-design="workspace"] #menu-view .menu-table input.daily-offer-toggle::before{content:"";position:absolute;inset:3px auto auto 3px;width:11px;height:11px;margin:0;border:0;background:#fff;border-radius:50%;transform:none!important;transition:left .18s ease}
body[data-design="workspace"] #menu-view .menu-table input.daily-offer-toggle:checked{background:#365b43}
body[data-design="workspace"] #menu-view .menu-table input.daily-offer-toggle:checked::before{left:15px}
body[data-design="workspace"] #menu-view .menu-table input.daily-offer-toggle::after{display:none}
body[data-design="workspace"] #menu-view .menu-table input.daily-offer-toggle:focus-visible{outline:2px solid #8da67a;outline-offset:4px}
body[data-design="workspace"] #menu-view .menu-availability-note{display:block;margin-top:4px;font-size:11px;line-height:1.4;white-space:normal;color:#a94343}
/* Availability uses the existing metadata line instead of growing the product row. */
body[data-design="workspace"] #menu-view .menu-product-meta{display:grid;min-width:0}
body[data-design="workspace"] #menu-view #menu-additive-legend-slot{display:flow-root}
body[data-design="workspace"] #menu-view .menu-product-meta>:is(.menu-category,.menu-availability-note){grid-area:1/1;margin:3px 0 0;text-align:left;line-height:1.5}
body[data-design="workspace"] #menu-view .menu-product-meta>[hidden],
body[data-design="workspace"] #menu-view .menu-availability-cell .menu-schedule-reset[hidden]{display:block!important;visibility:hidden;pointer-events:none}
body[data-design="workspace"] #menu-view .menu-availability-caption{display:none}
body[data-design="workspace"] #menu-view .menu-table .menu-discount-field{display:grid;grid-template-columns:46px 12px;align-items:center;justify-content:center;gap:4px;min-height:32px;white-space:nowrap}
body[data-design="workspace"] #menu-view .menu-table .menu-discount input{width:46px;min-width:0;min-height:32px;height:32px;margin:0;padding:4px;border:1px solid #dfe6df;border-radius:6px;background:#fff;font-size:12px;text-align:center}
body[data-design="workspace"] #menu-view .menu-table thead th:nth-child(6){padding-right:16px}
body[data-design="workspace"] #menu-view .menu-percent-suffix{font-size:11px;color:var(--menu-muted)}
body[data-design="workspace"] #menu-view .menu-table thead th:nth-child(7){padding-right:31px;}
body[data-design="workspace"] #menu-view .menu-table .menu-price-value{display:grid;grid-template-columns:minmax(0,1fr) 26px;align-items:center;justify-content:end;column-gap:5px;row-gap:2px;min-height:32px;font-size:13px;line-height:1.5;font-variant-numeric:tabular-nums}
body[data-design="workspace"] #menu-view .menu-price-value strong{grid-column:1;grid-row:1;justify-self:end;font-size:13px;font-weight:650;white-space:nowrap;color:#283d30}
body[data-design="workspace"] #menu-view .menu-original-price{display:block;grid-column:1;grid-row:2;justify-self:end;min-width:0;max-width:100%;width:auto;text-align:right;font-size:11px;font-weight:400;line-height:1.4;white-space:normal;overflow-wrap:anywhere;color:var(--menu-muted)}
body[data-design="workspace"] #menu-view .menu-price-edit{grid-column:2;grid-row:1;width:26px;min-width:26px;height:28px;min-height:28px;flex-basis:26px;padding:0;border:0;border-radius:6px;background:#eef3e9;box-shadow:none;color:#647c5e}
body[data-design="workspace"] #menu-view .menu-price-edit-slot{display:block;grid-column:2;grid-row:1;width:26px;height:28px;visibility:hidden}
body[data-design="workspace"] #menu-view .menu-table .menu-remove{display:inline-flex;align-items:center;justify-content:center;width:34px;min-width:34px;height:34px;min-height:34px;margin:0;padding:0;border:1px solid #eadcdd;border-radius:7px;background:#fbf5f5;box-shadow:none;color:#a15156}
body[data-design="workspace"] #menu-view :is(.menu-core-label,.menu-forecast-mobile-label){display:none}
body[data-design="workspace"] #menu-view :is(.menu-planning-hint,.menu-closed-note,#menu-other-plans){font-size:12px;line-height:1.7;padding:12px 14px;border:1px solid var(--menu-border);border-radius:12px;background:#fff;color:var(--menu-muted)}
body[data-design="workspace"] #menu-view .menu-save-status{font-size:12px;line-height:1.6;gap:8px;margin:0 0 15px}
body[data-design="workspace"] #menu-view .menu-save-status.is-error{padding:12px 14px;background:#fdf5f4;border:1px solid #eedbd8;border-radius:9px;color:#a94343}
body[data-design="workspace"] #menu-view .menu-save-status.is-saving::before{width:13px;height:13px;flex-basis:13px;border-color:#d0dcc9;border-top-color:var(--menu-green)}
body[data-design="workspace"] #menu-view .menu-planning-hint-desktop{display:none}
body[data-design="workspace"] #menu-view .menu-planning-help{display:block;margin:20px 0;font-size:11px;color:var(--menu-muted)}
body[data-design="workspace"] #menu-view .menu-planning-help summary{width:fit-content;max-width:100%;min-height:44px;padding:8px 4px;align-content:center;font-size:12px;cursor:pointer;transform:none!important}
body[data-design="workspace"] #menu-view .menu-planning-help p{max-width:85ch;font-size:12px;line-height:1.7;margin-top:10px}

body[data-design="workspace"] #menu-view .menu-table :is(.menu-baseline input,.menu-discount input):focus-visible{outline:0;outline-offset:0;border-color:#365b43;}
body[data-design="workspace"] :is(.menu-forecast-state.is-default,.forecast-legend-item.is-default){color:#4c7640}
body[data-design="workspace"] :is(.menu-forecast-state.is-override,.forecast-legend-item.is-override){color:#967026}
body[data-design="workspace"] :is(.menu-forecast-state.is-empty,.forecast-legend-item.is-empty){color:#617065}
body[data-design="workspace"] :is(.menu-forecast-state.is-closed,.forecast-legend-item.is-closed){color:#a94343}
body[data-design="workspace"] .forecast-legend{display:grid;gap:7px;margin-top:12px;padding-top:11px;border-top:1px solid #e2e9de}
body[data-design="workspace"] .forecast-legend-item{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.5}
body[data-design="workspace"] #menu-view .menu-forecast-state.is-transitioning{animation:none;background:transparent}
body[data-design="workspace"] #menu-view .menu-forecast-state.is-default{color:#4c7640}
body[data-design="workspace"] #menu-view .menu-forecast-state.is-override{color:#967026}
body[data-design="workspace"] #menu-view .menu-forecast-state.is-empty{color:#617065}
body[data-design="workspace"] #menu-view .menu-forecast-state.from-default{--forecast-previous:#4c7640}
body[data-design="workspace"] #menu-view .menu-forecast-state.from-override{--forecast-previous:#967026}
body[data-design="workspace"] #menu-view .menu-forecast-state.from-empty{--forecast-previous:#617065}
body[data-design="workspace"] #menu-view .menu-forecast-state.from-closed{--forecast-previous:#a94343}

/* The lower row packs only visible controls, including their animated trailing gaps. */
body[data-design="workspace"] #menu-view .menu-forecast-options{display:flex;align-items:center;gap:0;height:32px;min-width:0;margin-top:6px;padding:0;overflow:visible}
body[data-design="workspace"] #menu-view .menu-forecast-reset-motion{display:block;flex:0 0 auto;min-width:0;overflow:hidden}
body[data-design="workspace"] #menu-view .menu-forecast-reset-inner{display:flex;align-items:center;width:max-content;height:32px;padding-right:8px;box-sizing:content-box}
body[data-design="workspace"] #menu-view .menu-forecast-options .menu-all-days{flex:0 0 auto;white-space:nowrap}
@media(max-width:760px){
 body[data-design="workspace"] #menu-view .menu-forecast-options{height:44px}
 body[data-design="workspace"] #menu-view :is(.menu-forecast-settings-inner,.menu-baseline,.menu-forecast-reset-inner){height:44px}
 body[data-design="workspace"] #menu-view .menu-forecast-options .menu-reset-forecast{width:40px;min-width:40px;height:44px;min-height:44px}
 body[data-design="workspace"] #menu-view .menu-forecast-options .menu-all-days{height:44px;min-height:44px}
}

/* The status is part of the existing input surface, with no extra frame or icon. */
body[data-design="workspace"] #menu-view .menu-quantity{--forecast-color:#849487}
body[data-design="workspace"] #menu-view .menu-quantity:has(.is-default){--forecast-color:#789765}
body[data-design="workspace"] #menu-view .menu-quantity:has(.is-override){--forecast-color:#b28b24}
body[data-design="workspace"] #menu-view .menu-quantity:has(.is-closed){--forecast-color:#bd7770}
body[data-design="workspace"] #menu-view .menu-quantity:has(.from-default){--forecast-previous:#789765}
body[data-design="workspace"] #menu-view .menu-quantity:has(.from-override){--forecast-previous:#b28b24}
body[data-design="workspace"] #menu-view .menu-quantity:has(.from-empty){--forecast-previous:#849487}
body[data-design="workspace"] #menu-view .menu-quantity:has(.from-closed){--forecast-previous:#bd7770}
body[data-design="workspace"] #menu-view .menu-table .menu-quantity-input,
body[data-design="workspace"] #menu-view .menu-table .menu-quantity-input:is(:hover,:focus,:focus-visible):not(:disabled){box-shadow:inset -5px 0 0 0 var(--forecast-color)}
body[data-design="workspace"] #menu-view .menu-table .menu-baseline input,
body[data-design="workspace"] #menu-view .menu-table .menu-baseline input:is(:hover,:focus,:focus-visible):not(:disabled){box-shadow:inset -5px 0 0 0 #789765;background:#eef2e9}
body[data-design="workspace"] #menu-view .menu-quantity:has(.is-transitioning) .menu-quantity-input{animation:forecast-input-color 340ms ease both}
body[data-design="workspace"] .forecast-legend-swatch{display:inline-block;flex:0 0 22px;width:22px;height:16px;border:1px solid #dce4d8;border-radius:4px;background:#fff;box-shadow:inset -5px 0 0 0 var(--forecast-swatch-color,currentColor)}
body[data-design="workspace"] .forecast-legend-item.is-default{--forecast-swatch-color:#789765}
body[data-design="workspace"] .forecast-legend-item.is-override{--forecast-swatch-color:#b28b24}
body[data-design="workspace"] .forecast-legend-item.is-empty{--forecast-swatch-color:#849487}
body[data-design="workspace"] .forecast-legend-item.is-closed{--forecast-swatch-color:#bd7770}
@media(hover:hover){body[data-design="workspace"] #menu-view .menu-table :is(.menu-quantity-input,.menu-baseline input):hover:not(:disabled):not(:focus){border-color:#b4c6aa}}
@keyframes forecast-input-color{from{box-shadow:inset -5px 0 0 0 var(--forecast-previous)}to{box-shadow:inset -5px 0 0 0 var(--forecast-color)}}

/* Narrow layouts keep every field visible in three intentional rows. */
@container menu-table (max-width:859px){
 body[data-design="workspace"] #menu-view .menu-table thead{display:none}
 body[data-design="workspace"] #menu-view .menu-table tr[data-entry-id]{grid-template-columns:32px repeat(10,minmax(0,1fr)) 40px;column-gap:0;row-gap:10px;padding:12px;min-height:0}
 body[data-design="workspace"] #menu-view .menu-table tr[data-entry-id]>td:nth-child(1){grid-column:1;grid-row:1}
 body[data-design="workspace"] #menu-view .menu-table tr[data-entry-id]>td:nth-child(2){grid-column:2/12;grid-row:1;padding:0 7px 0 0}
 body[data-design="workspace"] #menu-view .menu-table tr.is-family-member[data-entry-id]>td:nth-child(2){padding-left:12px}
 body[data-design="workspace"] #menu-view .menu-table tr[data-entry-id]>td:nth-child(4){grid-column:1/-1;grid-row:2;padding-top:10px;border-top:1px solid #e7ece3}
 body[data-design="workspace"] #menu-view .menu-table tr[data-entry-id]>td:nth-child(5){grid-column:1/5;grid-row:3;text-align:left;padding-right:8px}
 body[data-design="workspace"] #menu-view .menu-table tr[data-entry-id]>td:nth-child(6){grid-column:5/9;grid-row:3;text-align:center;padding-inline:4px}
 body[data-design="workspace"] #menu-view .menu-table tr[data-entry-id]>td:nth-child(7){grid-column:9/-1;grid-row:3;text-align:right;padding-left:4px}
 body[data-design="workspace"] #menu-view .menu-table tr[data-entry-id]>td:nth-child(8){grid-column:12;grid-row:1;text-align:right;justify-self:end}
 body[data-design="workspace"] #menu-view .menu-table .menu-drag-handle{width:32px;min-width:32px;min-height:44px}
 body[data-design="workspace"] #menu-view .menu-table .menu-product-edit{padding-top:2px}
 body[data-design="workspace"] #menu-view .menu-table .menu-remove{width:40px;min-width:40px;height:44px;min-height:44px}
 body[data-design="workspace"] #menu-view .menu-table :is(.menu-core-label,.menu-forecast-mobile-label){display:flex;align-items:center;gap:5px;margin:0 0 5px;font-size:11px;line-height:1.4;font-weight:400;color:var(--menu-muted)}
 body[data-design="workspace"] #menu-view .menu-table .menu-price-heading{justify-content:flex-end;padding-right:31px;}
 body[data-design="workspace"] #menu-view .menu-table .is-daily-offer>td:nth-child(6)::before{display:block;content:attr(data-label);margin-bottom:5px;padding-right:16px;font-size:11px;line-height:1.4;color:var(--menu-muted)}
 body[data-design="workspace"] #menu-view .menu-table .menu-forecast{max-width:310px;grid-template-columns:var(--menu-quantity-size) minmax(0,1fr)}
 body[data-design="workspace"] #menu-view .menu-table .menu-forecast-main{gap:8px}
 body[data-design="workspace"] #menu-view .menu-table .menu-availability-label{justify-content:flex-start;min-height:36px}
 body[data-design="workspace"] #menu-view .menu-table thead th:nth-child(7){padding-right:31px;}
body[data-design="workspace"] #menu-view .menu-table .menu-price-value{min-height:36px}
 body[data-design="workspace"] #menu-view .menu-table .menu-price-edit{grid-column:2;grid-row:1;width:26px;height:36px;min-height:36px}
 body[data-design="workspace"] #menu-view .menu-table .menu-repeat-option{font-size:11px;margin-top:5px}
 body[data-design="workspace"] #menu-view .menu-table .forecast-help-button{width:21px;height:21px;min-height:21px;font-size:11px}
}
/* Menu dialogs: product choice, grouped variants and area/offer management. */
body[data-design="workspace"] :is(#menu-product-dialog,#menu-sections-dialog,#menu-offer-dialog,#menu-price-dialog){color:var(--friendly-ink,#283d30)}
body[data-design="workspace"] #menu-product-dialog .menu-product-placement{gap:14px;margin:18px 0}
body[data-design="workspace"] #menu-product-dialog .menu-product-tag-field{margin:17px 0;padding:14px;border:1px solid var(--friendly-border,#dce4d8);border-radius:10px;background:#f7f9f3}
body[data-design="workspace"] #menu-product-dialog .menu-product-tag-field legend{font-size:13px;padding:0 5px}
body[data-design="workspace"] #menu-product-dialog :is(.hours-hint,#menu-product-count,#menu-product-reset){font-size:12px;line-height:1.6}
body[data-design="workspace"] #menu-product-dialog .menu-product-results-heading{align-items:center;gap:14px;flex-wrap:wrap;margin:15px 0 10px}
body[data-design="workspace"] #menu-product-selection{display:flex;flex-wrap:wrap;gap:6px;max-height:112px;overflow:auto;margin:0 0 12px;padding:2px;scroll-padding:4px}
body[data-design="workspace"] #menu-product-selection[hidden]{display:none}
body[data-design="workspace"] #menu-product-selection .menu-product-selected-item{display:inline-flex;align-items:center;gap:9px;max-width:100%;min-height:32px;padding:5px 9px;border:0;border-radius:6px;background:#edf4e6;color:#365b43;font-size:12px;line-height:1.5;text-align:left;box-shadow:none}
body[data-design="workspace"] #menu-product-selection .menu-product-selected-item>span:first-child{min-width:0;overflow-wrap:anywhere}
body[data-design="workspace"] #menu-product-selection .menu-product-selected-remove{flex-shrink:0;font-size:17px;line-height:1}
body[data-design="workspace"] #menu-product-results{gap:9px;max-height:38dvh;padding:1px 4px 1px 0;scroll-padding:10px;}
body[data-design="workspace"] #menu-product-results .menu-product-item{padding:14px;gap:11px;border:1px solid #dce4d8;border-radius:10px;background:#fff;align-items:flex-start;transition:background-color 160ms ease,border-color 160ms ease}
body[data-design="workspace"] #menu-product-results .menu-product-item.is-selected{background:#edf4e6;border-color:#9eb794}
body[data-design="workspace"] #menu-product-results .menu-product-item.is-added{background:#f3f5f0;color:#62705f}
body[data-design="workspace"] #menu-product-results .menu-product-family{padding:0;border:1px solid #dce4d8;border-radius:11px;background:#fff}
body[data-design="workspace"] #menu-product-results .menu-product-family .menu-product-item{border:0;border-radius:0;margin:0;width:100%}
body[data-design="workspace"] #menu-product-results .menu-product-family .menu-product-item+.menu-product-item{border-top:1px solid #e6ece1}
body[data-design="workspace"] #menu-product-results .menu-product-family .is-product-variant{padding-left:29px;margin-left:0;width:100%}
body[data-design="workspace"] #menu-product-results .menu-product-item-head{gap:12px;align-items:baseline}
body[data-design="workspace"] #menu-product-results .menu-product-item-head strong{font-size:14px;line-height:1.5;min-width:0;overflow-wrap:anywhere}
body[data-design="workspace"] #menu-product-results .menu-product-price{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#365b43}
body[data-design="workspace"] #menu-product-results :is(.menu-product-meta,.menu-product-tag,.menu-product-added){font-size:12px;line-height:1.6}
body[data-design="workspace"] #menu-product-results input[type="checkbox"]{width:20px;height:20px;flex-shrink:0;margin-top:2px}
body[data-design="workspace"] #menu-sections-dialog .menu-section-item{padding:15px 12px;margin:8px 0;border:1px solid #dce4d8;border-radius:10px;background:#fff;gap:10px}
body[data-design="workspace"] #menu-sections-dialog .menu-section-item p{font-size:12px;line-height:1.6;color:var(--friendly-muted,#5f6f63)}
body[data-design="workspace"] #menu-sections-dialog .menu-section-actions{gap:6px;flex-wrap:wrap}
body[data-design="workspace"] #menu-sections-dialog .menu-section-actions button{min-width:32px;min-height:32px;border-radius:7px}
body[data-design="workspace"] #menu-offer-dialog :is(.offer-schedule-field,.offer-weekdays){border-color:#dce4d8;background:#f7f9f3;border-radius:10px}
body[data-design="workspace"] #menu-offer-dialog :is(.offer-schedule-preview,.offer-weekday-presets,.hours-hint){font-size:12px;line-height:1.7}
body[data-design="workspace"] #menu-offer-dialog .offer-weekday-list{gap:7px;flex-wrap:wrap}
body[data-design="workspace"] #menu-offer-dialog .offer-weekday span{min-width:36px;min-height:36px;border-radius:8px;font-size:13px}
body[data-design="workspace"] #menu-price-dialog :is(#menu-price-product,.menu-price-preview){font-size:16px;line-height:1.6;color:var(--friendly-ink,#283d30)}
body[data-design="workspace"] #menu-price-dialog #menu-price-input{font-size:18px;font-variant-numeric:tabular-nums}
body[data-design="workspace"] :is(#menu-custom-date,.forecast-tooltip){border-color:var(--friendly-border,#dce4d8);border-radius:12px;background:#fff;box-shadow:0 10px 35px rgb(26 48 34 / .12)}
body[data-design="workspace"] #menu-custom-date.menu-date-popover{right:0;left:auto;max-width:calc(100vw - 32px)}
body[data-design="workspace"] .forecast-tooltip{font-size:13px;line-height:1.7;color:var(--friendly-ink,#283d30)}
body[data-design="workspace"] #menu-view .forecast-help-button{width:24px;height:24px;min-height:24px;font-size:12px;background:#f1f5ea;color:#476b3b;border-color:#d0dcc7}


@media (hover:hover){
 body[data-design="workspace"] #menu-view :is(.menu-add-products,.menu-add-trigger,#menu-daily-empty):hover:not(:disabled){background:#dfe9d5;border-color:#c8d8b9;color:#2e5136;box-shadow:none;transform:none}
 body[data-design="workspace"] #menu-view .menu-table tr[data-entry-id]:hover{background:#fbfcfa}
 body[data-design="workspace"] #menu-view .menu-table .menu-drag-handle:hover{background:#e8efdf;color:#365b43}
 body[data-design="workspace"] #menu-view .menu-table .menu-remove:hover:not(:disabled){background:#f5e9ea;border-color:#dfc4c7;color:#8f4148}
 body[data-design="workspace"] #menu-product-results .menu-product-item:not(.is-added):hover{background:#f3f7ee;border-color:#bccfb0}
}
@media (max-width:760px){
 body[data-design="workspace"] #menu-view .menu-page-toolbar{gap:12px;flex-wrap:wrap;margin-bottom:17px}
 body[data-design="workspace"] #menu-view .menu-page-toolbar>.section-intro{width:100%;text-align:left;align-items:flex-start}
 body[data-design="workspace"] #menu-view .menu-page-toolbar>.section-intro :is(h2,p){text-align:left;margin-inline:0}
 body[data-design="workspace"] #menu-view .menu-date-control{gap:8px;flex-wrap:wrap;padding:9px;margin-bottom:22px}
 body[data-design="workspace"] #menu-view .menu-date-shortcuts{width:100%;justify-content:stretch}
 body[data-design="workspace"] #menu-view .menu-date-shortcuts button{flex:1;min-height:44px;height:44px;padding:7px 8px;font-size:12px}
 body[data-design="workspace"] #menu-view .menu-date-summary{font-size:11px}
 body[data-design="workspace"] #menu-view .menu-date-feedback{flex-basis:100%;justify-items:start}
 body[data-design="workspace"] #menu-view .menu-date-feedback .menu-save-status{text-align:left;justify-content:flex-start}
 body[data-design="workspace"] #menu-view .menu-section-heading{flex-wrap:wrap;gap:8px;align-items:center}
 body[data-design="workspace"] #menu-view .menu-section-heading .button{min-height:36px;font-size:11px}
 body[data-design="workspace"] #menu-view .menu-forecast{--menu-quantity-size:72px;--menu-standard-size:56px;--menu-standard-height:31px;--menu-quantity-height:36px}
 body[data-design="workspace"] #menu-view .menu-table .menu-quantity-input{font-size:16px;min-height:36px;height:36px}
 body[data-design="workspace"] #menu-view .menu-table .menu-forecast .menu-quantity{grid-template-rows:36px;min-height:36px}
 body[data-design="workspace"] #menu-view .menu-table .menu-discount input{font-size:16px;min-height:36px;height:36px}
 body[data-design="workspace"] #menu-view .menu-table .menu-baseline input{font-size:16px;line-height:20px;min-height:31px;height:31px}
 body[data-design="workspace"] #menu-view .menu-table :is(.menu-default-toggle,.menu-repeat-toggle){width:16px;height:16px;min-width:16px}
 body[data-design="workspace"] #menu-view .menu-add-products{min-height:42px}
 body[data-design="workspace"] #menu-product-dialog .menu-product-placement{grid-template-columns:minmax(0,1fr);gap:12px;margin:15px 0}
 body[data-design="workspace"] #menu-product-results{max-height:34dvh}
 body[data-design="workspace"] #menu-product-results .menu-product-item-head{align-items:flex-start;gap:9px}
 body[data-design="workspace"] #menu-product-results .menu-product-family .is-product-variant{padding-left:25px}
 body[data-design="workspace"] #menu-sections-dialog .menu-section-item{gap:8px;flex-wrap:wrap;padding:13px 10px}
 body[data-design="workspace"] #menu-sections-dialog .menu-section-actions button{min-height:40px;min-width:40px}
 body[data-design="workspace"] #menu-offer-dialog .offer-weekday span{min-width:36px;min-height:40px}
}
@media (prefers-reduced-motion:reduce){
 body[data-design="workspace"] #menu-view :is(.menu-add-products,.menu-heading-edit,.menu-collapse-arrow,input.daily-offer-toggle,input.daily-offer-toggle::before,.menu-table tr[data-entry-id]){transition:none}
 body[data-design="workspace"] #menu-view .menu-save-status.is-saving::before{animation:none}
 body[data-design="workspace"] #menu-view :is(.menu-forecast,.menu-reset-forecast){transition:none}
}
/* Merge inside the existing @media screen in friendly-menu.css. */
body[data-design="workspace"] #menu-view .menu-date-summary{position:relative;padding-right:22px}
body[data-design="workspace"] #menu-view .menu-date-summary::after{content:"";position:absolute;right:0;top:50%;box-sizing:border-box;width:12px;height:12px;margin-top:-6px;border:1.5px solid #dce4d8;border-top-color:var(--menu-green);border-radius:50%;opacity:0;pointer-events:none}
body[data-design="workspace"] #menu-view .menu-date-control.is-switching .menu-date-summary::after{opacity:1;animation:resource-loading-spin 800ms linear infinite}
body[data-design="workspace"] .menu-picker-header{gap:10px}
body[data-design="workspace"] .menu-picker-header :is(#menu-picker-prev,#menu-picker-next){position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;padding:0;border:1px solid var(--friendly-border);border-radius:8px;background:#fff;color:var(--friendly-muted);font-size:0;box-shadow:none;outline:none;transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease}
body[data-design="workspace"] .menu-picker-header :is(#menu-picker-prev,#menu-picker-next)::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor}
body[data-design="workspace"] #menu-picker-prev::after{transform:translateX(1px) rotate(135deg)}
body[data-design="workspace"] #menu-picker-next::after{transform:translateX(-1px) rotate(-45deg)}
body[data-design="workspace"] .menu-picker-header :is(#menu-picker-prev,#menu-picker-next):focus-visible{border-color:var(--friendly-control-border);box-shadow:0 0 0 1px var(--friendly-control-border)}
@media(hover:hover){body[data-design="workspace"] .menu-picker-header :is(#menu-picker-prev,#menu-picker-next):hover:not(:disabled){background:var(--friendly-surface-subtle);color:var(--friendly-ink);border-color:var(--friendly-border);box-shadow:none}}
@media(max-width:760px){body[data-design="workspace"] .menu-picker-header{grid-template-columns:40px minmax(0,1fr) 40px}body[data-design="workspace"] .menu-picker-header :is(#menu-picker-prev,#menu-picker-next){width:40px;height:40px;min-height:40px}}
@media(prefers-reduced-motion:reduce){body[data-design="workspace"] #menu-view .menu-date-control.is-switching .menu-date-summary::after{animation:none}body[data-design="workspace"] .menu-picker-header :is(#menu-picker-prev,#menu-picker-next){transition:none}}
}