/* Native dish dialogs need their own scroll boundary; .modal rules do not apply. */
html:has(:is(#restaurant-dish-dialog,#restaurant-order-editor)[open]),body:has(:is(#restaurant-dish-dialog,#restaurant-order-editor)[open]){overscroll-behavior:none;overflow:hidden}
html body :is(#restaurant-dish-dialog,#restaurant-order-editor){background:rgba(248,251,255,.74);color:#172c4d;border:1px solid rgba(255,255,255,.7);border-radius:24px;box-shadow:0 24px 70px #14254555,inset 0 1px 0 #ffffff88;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);max-height:min(88dvh,calc(100dvh - 40px - env(safe-area-inset-bottom)));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scroll-padding-block:16px}
html body :is(#restaurant-dish-dialog,#restaurant-order-editor)::backdrop{background:rgba(8,16,31,.38);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
html body :is(#restaurant-dish-dialog,#restaurant-order-editor) .dish-dialog-copy{background:transparent;padding:20px}
html body :is(#restaurant-dish-dialog,#restaurant-order-editor) .dish-dialog-copy p{color:#485d7a}
html body :is(#restaurant-dish-dialog,#restaurant-order-editor) .dish-dialog-actions{background:rgba(242,247,255,.85);border-color:rgba(116,145,190,.3);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:4;padding-bottom:max(12px,env(safe-area-inset-bottom))}
html body :is(#restaurant-dish-dialog,#restaurant-order-editor) .dish-close{background:rgba(242,247,255,.88);color:#172c4d;border:1px solid #ffffff88;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html body :is(#restaurant-dish-dialog,#restaurant-order-editor) .restaurant-preview-track{overscroll-behavior-x:contain}
html body :is(#restaurant-dish-dialog,#restaurant-order-editor) .restaurant-preview-dish{background:rgba(242,247,255,.42);border-color:rgba(116,145,190,.3)}
html[data-theme="dark"] body :is(#restaurant-dish-dialog,#restaurant-order-editor){background:rgba(22,35,55,.62);color:#f3f7ff;border-color:rgba(183,209,255,.4);box-shadow:0 24px 70px #0008,inset 0 1px 0 #ffffff25}
html[data-theme="dark"] body :is(#restaurant-dish-dialog,#restaurant-order-editor) .dish-dialog-copy p{color:#c3d1e8}
html[data-theme="dark"] body :is(#restaurant-dish-dialog,#restaurant-order-editor) .dish-dialog-actions{background:rgba(25,42,66,.88);border-color:rgba(183,209,255,.3)}
html[data-theme="dark"] body :is(#restaurant-dish-dialog,#restaurant-order-editor) .dish-close{background:rgba(32,50,77,.86);color:#f3f7ff;border-color:rgba(183,209,255,.35)}
html[data-theme="dark"] body :is(#restaurant-dish-dialog,#restaurant-order-editor) .restaurant-preview-dish{background:rgba(33,51,78,.5);border-color:rgba(183,209,255,.25)}