@layer rc-important,rc-standards,rc-responsive,rc-base,legacy;@layer legacy{body>.erp-proto.erp-chrome-modal-portal>.mdl.on{pointer-events:auto}.erp-proto.erp-chrome-modal-portal>.mdl{position:fixed;inset:0;background:color-mix(in srgb,var(--c-darken) 72%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:var(--z-modal-overlay, 1200);padding:var(--sp-6);pointer-events:auto}.erp-proto.erp-chrome-modal-portal>.mdl.on,body>.erp-proto.erp-chrome-modal-portal>.mdl.on{display:flex}.erp-proto.erp-chrome-modal-portal .mdl-card{width:100%;max-width:480px;background:var(--c-bg-1);border:1px solid var(--c-line);border-radius:var(--rc-radius-md);display:flex;flex-direction:column;overflow:hidden;max-height:88vh}.erp-proto.erp-chrome-modal-portal .mdl-card--lg{max-width:min(720px,calc(100vw - 48px))}.erp-proto.erp-chrome-modal-portal .mdl-card--studio-preview{width:min(960px,calc(100vw - 32px));max-width:min(960px,calc(100vw - 32px));height:min(900px,calc(100vh - 32px));max-height:min(900px,calc(100vh - 32px))}.erp-proto.erp-chrome-modal-portal .mdl-card--studio-preview .mdl-body{flex:1;min-height:0;overflow:hidden;padding:var(--sp-3) var(--sp-4) var(--sp-4);display:flex;flex-direction:column}.erp-proto.erp-chrome-modal-portal.menu-items-command-deck>.mdl{padding:var(--sp-4)}.erp-proto.erp-chrome-modal-portal.menu-items-command-deck .studio-layout-preview-modal{flex:1;min-height:0;display:flex;flex-direction:column}.erp-proto.erp-chrome-modal-portal.menu-items-command-deck .studio-layout-preview-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:var(--sp-5) var(--sp-4);background:var(--c-bg-0);border-radius:var(--rc-radius-md);border:1px solid var(--c-line);overflow:auto}.erp-proto.erp-chrome-modal-portal .mdl-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);padding:14px 18px;border-bottom:1px solid var(--c-line)}.erp-proto.erp-chrome-modal-portal .mdl-x{width:30px;height:30px;background:var(--c-bg-2);border:1px solid var(--c-line);border-radius:var(--rc-radius-sm);color:var(--c-text-3);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.erp-proto.erp-chrome-modal-portal .mdl-x svg{width:13px;height:13px}.erp-proto.erp-chrome-modal-portal .mdl-body{padding:18px;display:flex;flex-direction:column;gap:0;overflow-y:auto;font:500 var(--fs-sm) var(--font-ui);color:var(--c-text-2);line-height:1.5}.erp-proto.erp-chrome-modal-portal .mdl-foot{display:flex;justify-content:flex-end;align-items:center;gap:var(--sp-2);padding:14px 18px;border-top:1px solid var(--c-line);background:var(--c-bg-2)}.erp-proto.erp-chrome-modal-portal .mdl-foot .erp-action-bar,.erp-proto.erp-chrome-modal-portal .mdl-foot .erp-drawer-action-bar{display:contents}.erp-proto.erp-chrome-modal-portal .mdl-foot .erp-action{flex-shrink:0}.erp-proto.erp-chrome-modal-portal .mdl-audience-lede{margin:0 0 var(--sp-3);font:600 var(--fs-xs) var(--font-ui);color:var(--c-text-3);line-height:1.5}.erp-proto.erp-chrome-modal-portal .mdl-audience-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:var(--sp-2);margin-bottom:14px}.erp-proto.erp-chrome-modal-portal .mdl-audience-chip{border:1px solid var(--c-line);border-radius:var(--rc-radius-pill);padding:6px 12px;font:700 var(--fs-xs) var(--font-ui);background:var(--c-bg-2);color:var(--c-text-2);cursor:pointer;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.erp-proto.erp-chrome-modal-portal .mdl-audience-chip.on-accent{background:color-mix(in srgb,var(--c-accent) 14%,var(--c-bg-2));color:var(--c-accent)}.erp-proto.erp-chrome-modal-portal .mdl-card--batch-trace{max-width:min(520px,calc(100vw - 48px))}.erp-proto.erp-chrome-modal-portal .mdl-card--batch-trace.is-critical .haccp-batch-trace-stat-card.warn{animation:haccpOverduePulse 1.8s ease-in-out infinite}.erp-proto.erp-chrome-modal-portal .haccp-batch-trace-status-row{margin-bottom:var(--sp-3)}.erp-proto.erp-chrome-modal-portal .haccp-batch-trace-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);width:100%;flex-wrap:wrap}.erp-proto.erp-chrome-modal-portal .haccp-batch-trace-modal-foot-primary{display:flex;gap:var(--sp-2)}.erp-proto.erp-chrome-modal-portal .fg-depletion-lede{margin:0 0 14px;font:600 var(--fs-xs) var(--font-ui);color:var(--c-text-3);line-height:1.55}.erp-proto.erp-chrome-modal-portal .fg-depletion-reasons{display:flex;flex-direction:column;gap:var(--sp-2)}.erp-proto.erp-chrome-modal-portal .fg-depletion-reason{display:flex;flex-direction:column;gap:var(--sp-1);padding:12px 14px;border-radius:var(--rc-radius-md);border:1px solid var(--c-line);background:var(--c-bg-2);cursor:pointer}.erp-proto.erp-chrome-modal-portal .fg-depletion-reason.on{border-color:color-mix(in srgb,var(--c-accent) 40%,var(--c-line));background:color-mix(in srgb,var(--c-accent) 8%,var(--c-bg-2))}.erp-proto.erp-chrome-modal-portal .fg-depletion-reason input{position:absolute;opacity:0;pointer-events:none}.erp-proto.erp-chrome-modal-portal .fg-depletion-reason-title{font:700 var(--fs-sm) var(--font-ui);color:var(--c-text)}.erp-proto.erp-chrome-modal-portal .fg-depletion-reason-sub{font:500 var(--fs-xs) var(--font-ui);color:var(--c-text-3);line-height:1.45}.erp-proto.erp-chrome-modal-portal .mdl-audience-chip.on-violet{background:color-mix(in srgb,var(--c-violet) 14%,var(--c-bg-2));color:var(--c-violet)}.erp-proto.erp-chrome-modal-portal .mdl-audience-meta{display:flex;align-items:center;gap:var(--sp-2);font:600 var(--fs-2xs) var(--font-ui);color:var(--c-text-3)}.erp-proto.erp-chrome-modal-portal .mdl-audience-empty{margin:0;font:600 var(--fs-xs) var(--font-ui);color:var(--c-text-4)}.erp-proto.erp-chrome-modal-portal .rc-dialog-field,.erp-proto .rc-dialog-field{display:flex;flex-direction:column;gap:6px}.erp-proto.erp-chrome-modal-portal .rc-dialog-field__label,.erp-proto .rc-dialog-field__label{font:600 var(--fs-xs) var(--font-ui);color:var(--c-text-2)}.erp-proto.erp-chrome-modal-portal .rc-dialog-field__confirm,.erp-proto .rc-dialog-field__confirm{font-family:var(--font-mono);letter-spacing:var(--tr-pill)}.erp-proto.erp-chrome-modal-portal .rc-dialog-detail,.erp-proto .rc-dialog-detail{margin-bottom:var(--sp-3);padding:8px 10px;border-radius:var(--rc-radius-sm);background:var(--c-bg-2);border:1px solid var(--c-line);font:500 var(--fs-xs) var(--font-ui);color:var(--c-text-2);word-break:break-word}}
