/* The menu keeps one palette, panel spacing and control scale. */
.main>.account-tools{margin:0 0 24px;padding:0 0 18px;border-bottom:1px solid var(--line);gap:18px;min-height:46px}
.main>.account-tools #cloud-state{font-size:11px;line-height:1.6}
.main>.account-tools .zimmis-account{margin-left:auto;flex-shrink:0}
#menu-view{--menu-border:#dce3d5;--menu-muted:var(--muted);--menu-surface:#fff;--menu-tint:#f5f7f1;--menu-green:#526b42;--menu-radius:10px;--menu-control-radius:6px}
#menu-view>.section-toolbar{margin-bottom:20px}
#menu-view .section-intro h2{font-size:23px;line-height:1.35;margin-bottom:8px}
#menu-view .section-intro p{font-size:13px;line-height:1.75;color:var(--menu-muted)}
#menu-view :is(.menu-add-panel,.menu-page-section){padding:20px;border:1px solid var(--menu-border);border-radius:var(--menu-radius);background:var(--menu-surface);margin:0 0 24px;min-width:0}
#menu-view .menu-add-panel>label{font-size:12px;font-weight:550;color:#4e6143;margin:0 0 9px}
#menu-view .menu-add-panel>p,#menu-view .hours-hint{font-size:12px;line-height:1.75;color:var(--menu-muted)}
#menu-view .menu-add-panel>p{margin:10px 0 0}
#menu-view .menu-add-panel .input-action{gap:8px}
#menu-view .menu-add-panel select{min-height:34px;padding:6px 10px;border-color:var(--ui-control-border);border-radius:var(--menu-control-radius);background-color:var(--menu-tint);font-size:12px;line-height:20px}
#menu-view :is(.menu-add-panel,.menu-section-heading) .button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border-radius:var(--menu-control-radius);font-size:12px;line-height:18px;gap:7px;white-space:nowrap}
#menu-view .button-outline{border-color:var(--menu-border);background:var(--menu-tint);color:#4e6143}
#menu-view .menu-section-heading{align-items:flex-start;gap:20px;margin:0 0 16px}
#menu-view .menu-section-heading .eyebrow{font-size:9px;letter-spacing:.12em;line-height:1.5;margin:0 0 8px;color:var(--menu-muted)}
#menu-view .menu-section-heading h3{font-size:21px;line-height:1.4;letter-spacing:-.035em;margin:0}
#menu-view .menu-offers-toolbar{gap:10px;align-items:center}
#menu-view .menu-date-control{flex:0 0 300px;width:300px;max-width:100%;margin-left:auto}
#menu-view .menu-date-label{font-size:11px;line-height:1.5;margin-bottom:8px;color:var(--menu-muted)}
#menu-view .menu-date-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;border:1px solid var(--menu-border);border-radius:8px;background:var(--menu-tint)}
#menu-view .menu-date-shortcuts button{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;min-height:32px;padding:6px 4px;margin:0;text-align:center;font-size:12px;line-height:20px;border-radius:5px;box-sizing:border-box}
#menu-view .menu-date-shortcuts button[aria-pressed=true]{background:#fff;color:#3e5634;box-shadow:0 1px 4px #26351c12}
#menu-view :is(#menu-day-note,#menu-permanent-note){margin:0 0 20px;font-size:11px;line-height:1.7;color:var(--menu-muted)}
#menu-view .menu-daily-groups{gap:24px}
#menu-view .menu-offer-block+.menu-offer-block{border-color:var(--menu-border);padding-top:24px}
#menu-view .menu-offer-block-heading{gap:8px;align-items:center}
#menu-view .menu-offer-block-heading h3{font-size:20px;line-height:1.4;letter-spacing:-.03em}
#menu-view :is(.menu-offer-description,.menu-area-description){font-size:12px;line-height:1.75;color:var(--menu-muted);margin:7px 0 0}
#menu-view .menu-offer-areas{gap:20px;margin-top:18px}
#menu-view .menu-offer-areas:empty{display:none}
#menu-view .menu-group-heading{align-items:center;gap:12px;margin:0 0 9px}
#menu-view .menu-group-heading h4{font-size:14px;line-height:1.5;font-weight:550;color:#405337}
#menu-view .menu-group-heading>span{border:1px solid var(--menu-border);border-radius:20px;background:var(--menu-tint);padding:3px 8px;font-size:10px;line-height:1.5;color:var(--menu-muted)}
#menu-view .menu-heading-edit{border:1px solid var(--menu-border);border-radius:var(--menu-control-radius);background:var(--menu-tint);width:28px;height:28px;flex-basis:28px}
#menu-view .menu-heading-edit:hover{background:#e7eddf;border-color:#b6c6a6}
#menu-view .menu-table-wrap{border-color:var(--menu-border);border-radius:8px;background:#fff}
#menu-view .menu-table :is(th,td){border-color:var(--menu-border)}
#menu-view .menu-table thead th{background:var(--menu-tint);color:var(--menu-muted);font-size:11px;font-weight:500;padding-block:11px}
#menu-view .menu-table td{padding-block:12px}
#menu-view .menu-table td:nth-child(2)>strong{font-size:13px;font-weight:550;color:#34482d}
#menu-view .menu-table .menu-category{font-size:10px;line-height:1.6;color:var(--menu-muted)}
#menu-view .menu-table .menu-placement select{border-color:var(--ui-control-border);border-radius:var(--menu-control-radius);background-color:var(--menu-tint);font-size:11px;min-height:28px}
#menu-view .menu-table :is(.menu-order-button,.menu-remove){height:28px;border-radius:var(--menu-control-radius);border-color:var(--menu-border);background:var(--menu-tint);color:#6a7c5d}
#menu-view .menu-table .menu-remove{width:28px}
#menu-view .menu-table .menu-remove:hover{color:#934d37;border-color:#dcbeaf;background:#fcf3ed}
#menu-view .menu-table .menu-discount input{min-height:28px;border-color:var(--ui-control-border);border-radius:var(--menu-control-radius)}
#menu-view .menu-quantity{border-radius:var(--menu-control-radius);min-height:28px}
#menu-view .menu-table .menu-baseline input{border-color:var(--ui-control-border);border-radius:4px;background:var(--menu-tint)}
#menu-view .menu-table .menu-area-row th{padding-block:11px;background:var(--menu-tint);color:#405337;font-size:14px;font-weight:550}
#menu-view .menu-table .menu-area-row th>span{display:inline-flex;vertical-align:middle;border:1px solid var(--menu-border);border-radius:20px;background:var(--menu-tint);padding:3px 8px;font-size:10px;line-height:1.5;color:var(--menu-muted)}
#menu-view>.menu-planning-hint{padding:14px 16px;border:1px solid var(--menu-border);border-radius:8px;background:var(--menu-tint);font-size:11px;line-height:1.8;color:var(--menu-muted);margin:0}
/* Modal surfaces and controls are owned by shared/dine-theme.css. */


#menu-custom-date.menu-date-popover{border-color:#dce3d5;border-radius:10px;background:#fff}
@media(hover:hover){#menu-view .menu-table tbody tr:not(.menu-area-row):hover{background:#fafcf7}}
@media(max-width:1100px){#menu-view .menu-section-heading{flex-direction:column;align-items:stretch;gap:16px}#menu-view .menu-date-control{flex-basis:auto}#menu-view .menu-permanent-section .menu-section-heading>.button{align-self:flex-end}}
@media(max-width:760px){
  .main>.account-tools{margin-bottom:18px;padding-bottom:14px;gap:8px 12px}
  .main>.account-tools #cloud-state{font-size:10px}
  #menu-view :is(.menu-add-panel,.menu-page-section){padding:16px 14px;margin-bottom:18px}
  #menu-view .section-intro h2{font-size:21px}
  #menu-view .menu-add-panel select{font-size:16px;min-height:40px}
  #menu-view :is(.menu-add-panel,.menu-section-heading) .button{min-height:40px;padding:9px 12px;font-size:12px}
  #menu-view .menu-offers-toolbar{justify-content:space-between;gap:10px}
  #menu-view .menu-date-control{width:100%;max-width:none;flex-basis:auto}
  #menu-view .menu-date-shortcuts button{min-height:38px;font-size:12px;padding-inline:2px}
  #menu-view .menu-section-heading h3{font-size:20px}
  #menu-view .menu-offer-block-heading h3{font-size:19px}
  #menu-view .menu-heading-edit{width:34px;height:34px;flex-basis:34px}
  #menu-view .menu-group-heading{align-items:flex-start;flex-direction:column;gap:6px}
  #menu-view .menu-group-heading h4{font-size:14px}
  #menu-view .menu-table-wrap{border:0;background:transparent;overflow:visible}
  #menu-view .menu-table tr{border-color:var(--menu-border);border-radius:8px;padding:10px;margin-bottom:12px}
  #menu-view .menu-table td{padding-block:6px}
  #menu-view .menu-table td:nth-child(2){padding-block:5px 12px}
  #menu-view .menu-table td:nth-child(2)>strong{font-size:16px}
  #menu-view .menu-table .menu-category{font-size:11px}
  #menu-view .menu-table .menu-placement{gap:6px}
  #menu-view .menu-table .menu-placement select{min-height:38px;font-size:16px}
  #menu-view .menu-table :is(.menu-order-button,.menu-remove){width:36px;height:36px}
  #menu-view .menu-table .menu-discount input{min-height:36px;font-size:16px}
  #menu-view .menu-forecast-main{flex-wrap:wrap;gap:6px 10px}
  #menu-view .menu-table .menu-area-row{border:0;padding:0;margin-bottom:8px}
  #menu-view .menu-table .menu-area-row th{padding:9px 10px;border:1px solid var(--menu-border);border-radius:6px}
}
@media(max-width:360px){#menu-view .menu-date-shortcuts button{font-size:11px}}

/* Hover previews keep the selected date's white surface in place. */
#menu-view .menu-date-shortcuts button{transition:background-color 180ms ease,box-shadow 180ms ease,color 180ms ease}
@media(hover:hover){
  #menu-view .menu-date-shortcuts button:not([aria-pressed=true]):not(:active):not(:disabled):hover{background:rgb(255 255 255 / 75%);box-shadow:0 1px 3px #26351c08}
  #menu-view #new-menu-offer:hover:not(:disabled){background:#e7eddf;border-color:#b6c6a6;transform:none;box-shadow:none}
}
#menu-view .menu-permanent-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}
#menu-view .menu-add-trigger{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:16px;padding:10px 14px;border:1px dashed #bdcbb0;border-radius:8px;background:#f7f9f3;color:#526b42;font:inherit;font-size:12px;line-height:1.6;cursor:pointer;transition:background-color 180ms ease,border-color 180ms ease}
#menu-view .menu-add-trigger:hover:not(:disabled){border-color:#8fa57a;background:#edf3e5}
#menu-view .menu-add-trigger:disabled{opacity:.45;cursor:default}
#menu-view .menu-add-trigger[hidden]{display:none}
#menu-view .menu-permanent-section .section-empty{padding:0;border:0;background:none}
#menu-view .menu-permanent-section .section-empty .menu-add-trigger{margin-top:0}

/* Percentages use the available table width; the first four columns align in both tables. */
@media(min-width:761px){
  #menu-view .menu-table{width:100%;min-width:0;table-layout:fixed}
  #menu-view .menu-table thead th:nth-child(1){width:8%}
  #menu-view .menu-table thead th:nth-child(2){width:21%}
  #menu-view .menu-table thead th:nth-child(3){width:20%}
  #menu-view .menu-table thead th:nth-child(4){width:24%}
  #menu-view .menu-table thead th:nth-child(5){width:7%}
  #menu-view .menu-table thead th:nth-child(6){width:6%}
  #menu-view .menu-table thead th:nth-child(7){width:9%}
  #menu-view .menu-table thead th:nth-child(8){width:5%}
  #menu-view .menu-table :is(th,td){padding-inline:clamp(4px,.7vw,12px);overflow-wrap:anywhere}
  #menu-view .menu-table .menu-placement{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  #menu-view .menu-table .menu-placement select{width:100%;max-width:100%;min-width:0;padding-inline-start:5px;text-overflow:ellipsis}
  #menu-view .menu-forecast{width:100%;min-width:0}
  #menu-view .menu-forecast-main{flex-wrap:wrap;gap:4px 6px}
  #menu-view .menu-quantity{width:151px;max-width:100%;min-width:0;flex-shrink:1}
  #menu-view .menu-table .menu-discount input{width:100%;max-width:42px;min-width:0;padding-inline:2px;font-size:11px}
  #menu-view .menu-table .menu-discount>span{display:none}
  #menu-view .menu-table .menu-daily-price{font-size:12px}
  #menu-view .menu-table td:first-child{white-space:nowrap}
  #menu-view .menu-table .menu-position{display:inline-block;width:15%;min-width:0;font-size:9px}
  #menu-view .menu-table .menu-order-controls{display:inline-flex;width:80%;max-width:56px;gap:2px}
  #menu-view .menu-table .menu-order-button{flex:1;width:auto;min-width:0;font-size:12px}
  #menu-view .menu-table .menu-remove{width:100%;max-width:28px;min-width:0}
}
.menu-product-dialog{max-width:760px;border:1px solid #dce3d5;border-radius:10px;background:#fff}
#menu-product-form>input,#menu-product-form select{width:100%;min-height:42px;border:1px solid var(--ui-control-border);border-radius:6px;background:#fff;padding:9px 11px;font:inherit;font-size:14px;color:var(--ink)}
.menu-product-placement{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.menu-product-placement>div{min-width:0}.menu-product-placement label,#menu-product-form>label{font-size:12px}
.menu-product-tag-field{min-width:0;border:0;padding:0;margin:18px 0}.menu-product-tag-field legend{font-size:12px;font-weight:550;margin-bottom:9px}.menu-product-tag-field .catalog-tag-list{max-height:110px;padding:3px;margin:-3px}.menu-product-tag-field .hours-hint{font-size:11px;line-height:1.7;margin:8px 0 0}
.menu-product-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 9px}.menu-product-results-heading p{font-size:12px;color:var(--muted);margin:0}.menu-product-results-heading .text-button{font-size:11px;min-height:32px}
.menu-product-results{display:grid;gap:8px;max-height:340px;max-height:min(340px,42dvh);overflow:auto;padding:3px;margin:-3px;overscroll-behavior:contain}
.menu-product-item{display:flex;align-items:flex-start;gap:12px;margin:0;padding:13px;border:1px solid #dce3d5;border-radius:8px;background:#fff;cursor:pointer;transition:background-color 150ms ease,border-color 150ms ease}
.menu-product-item:hover{background:#f7f9f3;border-color:#adbf9d}.menu-product-item.is-selected{background:#edf4e5;border-color:#9eb88b}.menu-product-item.is-added{background:#f5f6f2;cursor:default}
.menu-product-item input{flex-shrink:0;width:19px;height:19px;margin:1px 0 0;accent-color:#526b42}.menu-product-copy{display:block;min-width:0;flex:1}.menu-product-item-head{display:flex;align-items:baseline;justify-content:space-between;gap:15px;line-height:1.5}.menu-product-item-head strong{font-size:14px;font-weight:550;overflow-wrap:anywhere;color:#34482d}.menu-product-price{flex-shrink:0;font-size:13px;color:#526b42;white-space:nowrap}
.menu-product-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:10px;color:var(--muted);margin-top:6px}.menu-product-tag{padding:2px 7px;border:1px solid #dce3d5;border-radius:20px;background:#f7f9f3;color:#657958;font-size:10px}.menu-product-added{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:7px}
#menu-product-catalog-link{margin-top:14px;font-size:12px;min-height:36px}#menu-product-form .form-actions{margin-top:16px}#menu-product-form .form-actions .button{min-height:40px;border-radius:6px}
@media(max-width:760px){.menu-product-placement{grid-template-columns:minmax(0,1fr);gap:12px}.menu-product-item{padding:11px;gap:9px}.menu-product-item-head{gap:8px}.menu-product-item-head strong{font-size:14px}.menu-product-item input{width:21px;height:21px}.menu-product-tag-field .catalog-tag{font-size:14px}.menu-product-results{max-height:36dvh}#menu-view .menu-permanent-actions{justify-content:flex-start}#menu-view .menu-permanent-actions .button{flex:1;white-space:normal}#menu-product-form .form-actions{flex-wrap:wrap}#menu-product-form .form-actions .button{flex:1;white-space:normal}}

#menu-product-results .menu-product-item{display:flex;margin:0}#menu-product-results input[type=checkbox]{width:19px;height:19px;min-height:0;margin:1px 0 0;padding:0}#menu-view .menu-table thead th:last-child{padding-inline:2px;overflow-wrap:normal}
@media(max-width:760px){#menu-view .menu-table .menu-discount-placeholder{display:none}#menu-product-results input[type=checkbox]{width:21px;height:21px}}
@media(min-width:761px) and (max-width:1200px){#menu-view .menu-table thead th{font-size:10px;padding-inline:4px;line-height:1.5}}

/* Forecast colors survive table re-renders by carrying the previous state and animation progress. */
#menu-view .menu-forecast-state.is-default{--forecast-to-bg:#e8f1df;--forecast-to-color:#476b2e}
#menu-view .menu-forecast-state.is-override{--forecast-to-bg:#fff0cd;--forecast-to-color:#986617}
#menu-view .menu-forecast-state.is-empty{--forecast-to-bg:#f0f1ed;--forecast-to-color:var(--muted)}
#menu-view .menu-forecast-state.from-default{--forecast-from-bg:#e8f1df;--forecast-from-color:#476b2e}
#menu-view .menu-forecast-state.from-override{--forecast-from-bg:#fff0cd;--forecast-from-color:#986617}
#menu-view .menu-forecast-state.from-empty{--forecast-from-bg:#f0f1ed;--forecast-from-color:var(--muted)}
#menu-view .menu-forecast-state.is-transitioning{animation:menu-forecast-color 340ms ease both}
@keyframes menu-forecast-color{from{background-color:var(--forecast-from-bg);color:var(--forecast-from-color)}to{background-color:var(--forecast-to-bg);color:var(--forecast-to-color)}}
#menu-view :is(input:not([type=checkbox]):not([type=radio]),select,textarea),:is(#menu-product-dialog,#menu-offer-dialog,#menu-sections-dialog) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){transition:border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease}
@media(hover:hover){
  #menu-view :is(input:not([type=checkbox]):not([type=radio]),select,textarea):hover:not(:disabled),:is(#menu-product-dialog,#menu-offer-dialog,#menu-sections-dialog) :is(input:not([type=checkbox]):not([type=radio]),select,textarea):hover:not(:disabled){box-shadow:inset 0 2px 6px #26351c18}
  #menu-view :is(input:not([type=checkbox]):not([type=radio]),select,textarea):hover:focus:not(:disabled),:is(#menu-product-dialog,#menu-offer-dialog,#menu-sections-dialog) :is(input:not([type=checkbox]):not([type=radio]),select,textarea):hover:focus:not(:disabled){box-shadow:inset 0 2px 6px #26351c18,0 0 0 3px #78916519}
}
@media(max-width:760px){
  #menu-product-form>input,#menu-product-form select{font-size:16px;min-height:46px}
  #menu-product-dialog .menu-product-placement{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
  #menu-product-dialog .menu-product-tag-field{margin:12px 0}
  #menu-product-dialog .menu-product-results-heading{margin-top:10px}
  #menu-product-dialog .menu-product-results{max-height:30dvh}
  #menu-product-form .form-actions{position:sticky;bottom:0;z-index:2;background:#fff;padding:12px 0 4px;margin-top:10px;border-top:1px solid #dce3d5}
}

/* Inline updates do not replay a page-wide fade. */
#menu-view{animation:none}
#menu-view :is(.menu-add-products,#manage-menu-sections){transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease}
@media(hover:hover){#menu-view :is(.menu-add-products,#manage-menu-sections):hover:not(:disabled){background:#e7eddf;border-color:#b6c6a6;transform:none;box-shadow:none}}
#menu-view :is(input:not([type=checkbox]),select,textarea):focus,:is(#menu-product-dialog,#menu-price-dialog,#menu-offer-dialog,#menu-sections-dialog) :is(input:not([type=checkbox]),select,textarea):focus{outline:none;border-color:var(--ui-control-border);box-shadow:none}
#menu-view :is(input:not([type=checkbox]),select,textarea):focus-visible,:is(#menu-product-dialog,#menu-price-dialog,#menu-offer-dialog,#menu-sections-dialog) :is(input:not([type=checkbox]),select,textarea):focus-visible{outline:1px solid var(--ui-focus);outline-offset:1px}
#menu-view .menu-quantity:focus-within{outline:1px solid var(--ui-focus);outline-offset:1px}#menu-view .menu-quantity input:focus-visible{outline:none}
@media(hover:hover){#menu-view :is(input:not([type=checkbox]),select,textarea):hover:focus:not(:disabled),:is(#menu-product-dialog,#menu-price-dialog,#menu-offer-dialog,#menu-sections-dialog) :is(input:not([type=checkbox]),select,textarea):hover:focus:not(:disabled){box-shadow:inset 0 2px 6px #26351c18}}
#menu-view .menu-table td.menu-daily-price{vertical-align:top;text-align:right;line-height:normal}
#menu-view .menu-price-value{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:3px;align-items:center;min-height:28px;width:100%}
#menu-view .menu-price-value strong{font-size:12px;line-height:28px;white-space:nowrap;text-align:right}
#menu-view .menu-price-edit{width:24px;height:24px;min-height:24px;flex-basis:24px}#menu-view .menu-price-edit::before{width:12px;height:12px}
#menu-view .menu-price-edit-slot{width:24px;height:24px}
#menu-view .menu-discount-field{display:flex;align-items:center;gap:2px;width:100%}
#menu-view .menu-table .menu-discount-field input{width:0;min-width:0;flex:1;max-width:42px;padding-inline:1px}
#menu-view .menu-table .menu-discount-field .menu-percent-suffix{display:inline-block;font-size:10px;color:var(--muted)}
.menu-price-dialog{max-width:430px;border:1px solid #dce3d5;border-radius:10px;background:#fff}#menu-price-input{font-size:16px;min-height:42px}#menu-price-product{font-weight:550;line-height:1.6}#menu-price-base{margin-bottom:18px}.menu-price-preview{padding:12px;border-radius:6px;background:#edf3e5;color:#526b42;font-size:13px;line-height:1.6}.menu-price-dialog .button{border-radius:6px}
@media(max-width:760px){#menu-view .menu-price-value{width:auto;min-width:90px;margin-left:auto}#menu-view .menu-price-value strong{font-size:14px}#menu-view .menu-price-edit{width:28px;height:28px}#menu-view .menu-discount-field{width:72px}#menu-view .menu-table .menu-discount-field input{max-width:none}#menu-view .menu-table .menu-discount-field .menu-percent-suffix{font-size:13px}}

/* Compact account/restaurant header; the menu already has its own heading. */
.workspace-topbar{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:20px;align-items:center;padding:18px 20px;margin-bottom:26px;border:1px solid #dce3d5;border-radius:10px;background:#fff}
.workspace-topbar .restaurant-context{grid-column:1;grid-row:1;display:grid;gap:7px;justify-content:start;padding:0;margin:0;border:0}
.workspace-topbar .restaurant-context>div:first-child{display:contents}.workspace-topbar .restaurant-context .eyebrow{margin:0;font-size:9px;letter-spacing:.12em;color:var(--muted)}.workspace-topbar .restaurant-switch{min-width:0;width:250px;max-width:100%}.workspace-topbar .restaurant-switch select{font-size:15px;font-weight:550;min-height:40px;padding-block:8px;background-color:#f5f7f1;border-color:#dce3d5;border-radius:6px}
.workspace-topbar .account-tools{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:0;padding:0;border:0;font-size:11px;min-width:0}.workspace-topbar #cloud-state{font-size:11px;max-width:240px;line-height:1.6;color:var(--muted)}.workspace-topbar .zimmis-account{flex-shrink:0;margin-left:0}
.main:has(#menu-view:not([hidden])) .workspace-header{display:none}
#menu-heading:focus{outline:none}
@media(max-width:900px){.workspace-topbar .account-tools{flex-wrap:wrap;max-width:260px;gap:8px 14px}.workspace-topbar #cloud-state{font-size:10px}}
@media(max-width:760px){.workspace-topbar{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:14px;margin-bottom:20px}.workspace-topbar .account-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;max-width:none;gap:8px 12px;order:-1}.workspace-topbar .account-tools #cloud-state{max-width:none}.workspace-topbar .restaurant-context{width:100%;grid-template-columns:minmax(0,1fr);justify-content:stretch}.workspace-topbar .restaurant-switch{width:100%;max-width:none}.workspace-topbar .restaurant-switch select{font-size:16px;min-height:42px}.workspace-topbar .restaurant-context .eyebrow{font-size:9px}}

/* Keep the mobile explanation available without a permanent text block. */
.menu-planning-help{display:none}
@media(max-width:760px){#menu-view .menu-planning-hint-desktop{display:none}#menu-view .menu-planning-help{display:block;margin:12px 0;color:var(--muted);font-size:12px;line-height:1.6}#menu-view .menu-planning-help summary{cursor:pointer;min-height:44px;align-content:center;padding:8px 2px;font-weight:550}#menu-view .menu-planning-help summary:focus-visible{outline:1px solid var(--ui-focus);outline-offset:2px;border-radius:4px}#menu-view .menu-planning-help p{margin:4px 0 12px;font-size:12px;line-height:1.7}}

/* The topbar stays against the viewport edge; its shadow separates scrolling content. */
.main{--workspace-gutter:clamp(24px,4.5vw,72px);padding:0 var(--workspace-gutter) 0}
.workspace-topbar{position:sticky;top:0;z-index:40;align-self:stretch;margin-inline:calc(-1 * var(--workspace-gutter));padding:14px var(--workspace-gutter);border-width:0 0 1px;border-radius:0;box-shadow:0 5px 14px -8px #1d2b193b;background:#fff}
html:has(.workspace-topbar){scroll-padding-top:118px}
@media(max-width:1150px){.main{--workspace-gutter:clamp(20px,3.5vw,40px)}}
@media(max-width:760px){.main{--workspace-gutter:16px;padding:0 var(--workspace-gutter) calc(100px + env(safe-area-inset-bottom))}.workspace-topbar{order:-3;padding-block:12px;gap:10px}html:has(.workspace-topbar){scroll-padding-top:185px}}
@media(max-width:360px){.main{--workspace-gutter:12px}}
/* Number and unit share one white surface, including a single inset hover layer. */
#menu-view .menu-quantity{display:grid;grid-template-columns:78px minmax(0,1fr);width:178px;min-width:0;max-width:100%;background:#fff}
#menu-view .menu-quantity-entry{position:relative;display:flex;align-items:center;align-self:stretch;min-width:0;background:#fff}
#menu-view .menu-quantity-entry::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 0 #26351c00;transition:box-shadow 180ms ease}
#menu-view .menu-table .menu-quantity-entry input{flex:1 1 0;width:0;min-width:0;padding:4px 3px 4px 7px;font-size:12px;line-height:18px;background:transparent;box-shadow:none;outline:none}
#menu-view .menu-quantity-unit{flex:0 0 auto;padding:0 6px 0 0;font-size:12px;line-height:18px;white-space:nowrap;overflow-wrap:normal}
#menu-view .menu-forecast-state{min-width:0;overflow-wrap:normal}
@media(hover:hover){#menu-view .menu-quantity-entry:hover::after{box-shadow:inset 0 2px 6px #26351c18}}
@media(max-width:760px){#menu-view .menu-quantity{width:194px;grid-template-columns:88px minmax(0,1fr)}#menu-view .menu-table .menu-quantity-entry input{padding-block:6px;font-size:16px;line-height:22px}#menu-view .menu-quantity-unit{font-size:12px;padding-right:7px}}
@media(prefers-reduced-motion:reduce){#menu-view .menu-quantity-entry::after{transition:none}}
#menu-view .menu-forecast{grid-template-columns:minmax(0,1fr);container-type:inline-size}
#menu-view .menu-forecast-main{min-width:0;width:100%}
@container(max-width:177px){#menu-view .menu-quantity{width:100%;grid-template-columns:minmax(0,1fr)}#menu-view .menu-forecast-state{border-left:0;border-top:1px solid #dce5d4;min-height:22px;white-space:normal}#menu-view .menu-quantity-entry{min-height:28px}}
@media(min-width:761px) and (max-width:1100px){#menu-view .menu-price-value{grid-template-columns:minmax(0,1fr);justify-items:end;gap:2px}#menu-view .menu-price-value strong{font-size:11px}}
@media(max-width:760px){.workspace-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px}.workspace-topbar .account-tools{display:contents}.workspace-topbar .mobile-brand{display:none}.workspace-topbar .restaurant-context{grid-row:1;grid-column:1}.workspace-topbar .zimmis-account{grid-row:1;grid-column:2;align-self:center}.workspace-topbar #cloud-state{grid-row:2;grid-column:1/-1}html:has(.workspace-topbar){scroll-padding-top:130px}}

#menu-view .menu-table .menu-discount-field input{text-align:center}

/* The fixed bar spans the workspace, independently of the centered content maximum. */
:root{--workspace-sidebar-width:224px;--workspace-header-height:92px}
.main{padding-top:calc(var(--workspace-header-height) + 26px)}
.workspace-topbar{position:fixed;inset:0 0 auto var(--workspace-sidebar-width);width:auto;max-width:none;margin:0;padding-inline:clamp(24px,4.5vw,72px)}
html:has(.workspace-topbar){scroll-padding-top:calc(var(--workspace-header-height) + 20px)}
@media(max-width:1150px){:root{--workspace-sidebar-width:190px}.workspace-topbar{padding-inline:clamp(20px,3.5vw,40px)}}
@media(max-width:760px){:root{--workspace-sidebar-width:0px;--workspace-header-height:112px}.main{padding-top:calc(var(--workspace-header-height) + 20px)}.workspace-topbar{padding-inline:16px}}
@media(max-width:360px){.workspace-topbar{padding-inline:12px}}
/* Strong add actions, quiet secondary controls, restrained green section accents. */
#menu-view :is(#new-menu-offer,#menu-add-permanent,.menu-add-trigger){background:#334c3c;border:1px solid #334c3c;color:#fff;box-shadow:0 2px 4px #23372a10;transition:background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease}
@media(hover:hover){#menu-view :is(#new-menu-offer,#menu-add-permanent,.menu-add-trigger):hover:not(:disabled){background:#43654e;border-color:#43654e;color:#fff;box-shadow:0 3px 9px #23372a20;transform:none}}
#menu-view :is(#new-menu-offer,#menu-add-permanent,.menu-add-trigger):active:not(:disabled){background:#253c2d;border-color:#253c2d}
#menu-view #menu-daily-section{border-top:3px solid #8c9f79}#menu-view #menu-daily-section>.menu-section-heading .eyebrow{color:#607848}
#menu-view #menu-permanent-section{border-top:3px solid #91a77e;background:#fcfdfb}#menu-view #menu-permanent-section>.menu-section-heading .eyebrow{color:#607848}
/* The tooltip close target remains generous; only its X is visible. */
#menu-view .forecast-tooltip .forecast-help-close{border:0;border-radius:0;background:transparent;color:#829077;box-shadow:none;outline:none;transform:none;transition:color 120ms ease}
#menu-view .forecast-tooltip .forecast-help-close:hover{background:transparent;color:#4e6148;box-shadow:none}
#menu-view .forecast-tooltip .forecast-help-close:active,#menu-view .forecast-tooltip .forecast-help-close:focus-visible{background:transparent;color:#233623;box-shadow:none;outline:none;transform:none}
#menu-view .forecast-help-close:focus-visible::before,#menu-view .forecast-help-close:focus-visible::after{height:2px}
#menu-view .forecast-help-close .ui-wave{display:none}

/* Hierarchy through restrained green surface accents, shared across both menu sections. */
#menu-view{--menu-forest:#334f3d;--menu-sage:#eef3e7;--menu-soft:#f1f5ed}
#menu-view .section-intro h2{color:var(--menu-forest)}
#menu-view .section-intro h2::after{content:'';display:block;width:34px;height:3px;margin-top:9px;border-radius:3px;background:#91a77e}
#menu-view .menu-page-section{box-shadow:0 3px 16px #26351c06}
#menu-view .menu-page-section>.menu-section-heading{padding:14px 16px;border:1px solid #e0e8d7;border-radius:8px;background:#f3f6ee}
#menu-view #menu-permanent-section>.menu-section-heading{background:var(--menu-soft);border-color:#dce5d4}
#menu-view .menu-offer-block-heading h3{display:flex;align-items:center;gap:9px;color:var(--menu-forest)}
#menu-view .menu-offer-block-heading h3::before{content:'';display:block;align-self:stretch;flex:0 0 3px;min-height:18px;margin-block:4px;border-radius:3px;background:#90a77b}
#menu-view #menu-permanent-heading::before{background:#91a77e}
#menu-view .menu-group-heading h4{display:inline-block;padding:4px 9px;border-radius:5px;background:var(--menu-sage);color:#4b6540;font-size:12px;font-weight:600;line-height:1.6}
#menu-view .menu-group-heading>span{display:inline-flex;align-items:center;gap:5px}
#menu-view .menu-offer-group:has(.daily-offer-toggle:checked) .menu-group-heading>span{background:#eaf2e0;border-color:#d2dfc3;color:#4c6839}
#menu-view .menu-offer-group:has(.daily-offer-toggle:checked) .menu-group-heading>span::before{content:'';width:5px;height:5px;border-radius:50%;background:#729452}
#menu-view .menu-daily-table thead th{background:#f0f4eb;color:#65785b}
#menu-view .menu-permanent-table thead th{background:#f0f4eb;color:#65785b}
#menu-view .menu-permanent-table .menu-area-row th{background:#f3f6ef;color:#4b6540}
#menu-view .menu-permanent-table .menu-area-row th>span{background:#fafcf7;border-color:#dce5d4;color:var(--muted)}
#menu-view .menu-table tr:has(.daily-offer-toggle:checked)>td:first-child{box-shadow:inset 2px 0 #93ab7c}
#menu-view .menu-price-value strong{color:var(--menu-forest);font-weight:650;font-variant-numeric:tabular-nums}
#menu-view .menu-position{color:#738565;font-weight:550}
#menu-view .menu-date-shortcuts button{position:relative}
#menu-view .menu-date-shortcuts button[aria-pressed=true]::after{content:'';position:absolute;bottom:3px;left:50%;width:16px;height:2px;transform:translateX(-50%);border-radius:2px;background:#91a87c}
#menu-view #manage-menu-sections{background:transparent;border-color:#b6c6a6;color:#526b42}
@media(hover:hover){#menu-view #manage-menu-sections:hover:not(:disabled){background:#e7eddf;border-color:#9eb38c;color:#405b35}}
@media(max-width:760px){#menu-view .menu-page-section>.menu-section-heading{padding:12px;gap:14px}#menu-view .menu-group-heading{flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:6px}#menu-view .menu-group-heading h4{font-size:12px}#menu-view .menu-table tr:has(.daily-offer-toggle:checked){border-color:#bdcfaa;box-shadow:inset 3px 0 #93ab7c}#menu-view .menu-table tr:has(.daily-offer-toggle:checked)>td:first-child{box-shadow:none}}

/* Date selection applies to the whole menu, above its daily and permanent sections. */
#menu-view>.menu-page-toolbar{align-items:flex-start;gap:24px}
#menu-view>.menu-page-toolbar>.section-intro{flex:1;min-width:0;max-width:700px}
#menu-view>.menu-page-toolbar>.menu-date-control{align-self:flex-start;margin-top:0}
@media(max-width:760px){#menu-view>.menu-page-toolbar{flex-direction:column;align-items:stretch;gap:16px}#menu-view>.menu-page-toolbar>.menu-date-control{align-self:stretch;flex-basis:auto;width:100%}}

/* Product names open the shared catalog editor, with the same vector arrow as navigation links. */
#menu-view .menu-product-edit{display:inline-flex;align-items:baseline;gap:5px;max-width:100%;padding:0;border:0;border-radius:2px;background:transparent;color:inherit;font:inherit;line-height:1.5;text-align:left;cursor:pointer}
#menu-view .menu-product-name{min-width:0;overflow-wrap:anywhere}
#menu-view .menu-product-edit .ui-arrow{width:.9em;height:.9em;flex-basis:.9em;opacity:.6;transition:opacity 150ms ease}
#menu-view .menu-product-edit:focus-visible{outline:1px solid var(--ui-focus);outline-offset:3px}
@media(hover:hover){#menu-view .menu-product-edit:hover:not(:disabled){color:#476b3c}#menu-view .menu-product-edit:hover:not(:disabled) .menu-product-name{text-decoration:underline;text-underline-offset:3px}#menu-view .menu-product-edit:hover:not(:disabled) .ui-arrow{opacity:1}}

/* Unavailable is a dated state, separate from belonging to this day's offer. */
#menu-view .menu-availability-note{display:block;margin-top:6px;color:#9c5148;font-size:10px;font-weight:550;line-height:1.45}
#menu-view .menu-availability-cell{text-align:center}