/* Screen sizing only: printed QR labels retain their document dimensions. */
@media screen{
/* Shared business-dialog sizing for modules 01-10. Print documents keep their own stylesheet. */
:root{--wk-dialog-width:1540px;--wk-dialog-gap:24px}
html body dialog,html body .modal-bg>.modal,html body [role="dialog"][aria-modal="true"]{box-sizing:border-box!important;width:min(var(--wk-dialog-width),96vw)!important;max-width:96vw!important;max-height:92vh!important;max-height:92dvh!important;min-width:0!important;min-height:0!important;padding:var(--wk-dialog-gap)!important;border:1px solid #d3dfed!important;border-radius:14px!important;background:#fff;box-shadow:0 20px 70px #132c4b4d;overflow:auto!important;overscroll-behavior:contain;font-family:Arial,"Malgun Gothic",sans-serif;font-size:14px}
html body dialog{position:fixed!important;inset:0!important;transform:none!important;margin:auto!important;height:auto!important}
html body dialog::backdrop{background:#10243b99}
html body :is(dialog,.modal-bg>.modal,[role="dialog"][aria-modal="true"]) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea){box-sizing:border-box;max-width:100%;min-width:0;font-size:15px!important;line-height:1.45;min-height:42px!important;padding:9px 11px!important}
html body :is(dialog,.modal-bg>.modal,[role="dialog"][aria-modal="true"]) :is(button,.btn){min-height:42px!important;font-size:14px!important;padding:9px 13px!important;white-space:normal}
html body :is(dialog,.modal-bg>.modal,[role="dialog"][aria-modal="true"]) :is(input[type="checkbox"],input[type="radio"]){width:19px;height:19px;vertical-align:middle}
html body :is(dialog,.modal-bg>.modal,[role="dialog"][aria-modal="true"]) :is(.form,.eq-grid,.grid)>div{min-width:0}
html body :is(dialog,.modal-bg>.modal,[role="dialog"][aria-modal="true"]) :is(header,.head,.dialog-head,.modal-head,.receipt-dialog-head,.plan-view-head,.press-box-detail-head,.shipping-dialog-head){gap:12px}
html body :is(dialog,.modal-bg>.modal,[role="dialog"][aria-modal="true"]) :is(h2,h3){overflow-wrap:anywhere}
html body dialog>header,html body dialog>.head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}
html body dialog>header h2,html body dialog>.head h2{font-size:22px;margin:0}
html body dialog :focus-visible{outline:2px solid #2877d5;outline-offset:2px}
@media(max-width:700px){:root{--wk-dialog-gap:14px}html body dialog,html body .modal-bg>.modal,html body [role="dialog"][aria-modal="true"]{width:96vw!important;max-height:94vh!important;max-height:94dvh!important;border-radius:10px!important}html body dialog>header h2,html body dialog>.head h2{font-size:19px}}

/* PC workspace dialogs use the available viewport. Keep each module's flex/scroll layout. */
@media(min-width:1000px){
 :root{--wk-dialog-width:calc(100vw - 32px);--wk-dialog-gap:20px}
 html body dialog,html body .modal-bg>.modal,html body [role="dialog"][aria-modal="true"]{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;height:calc(100vh - 32px)!important;height:calc(100dvh - 32px)!important;max-height:calc(100vh - 32px)!important;max-height:calc(100dvh - 32px)!important}
 html body :is(dialog,.modal-bg>.modal,[role="dialog"][aria-modal="true"])>:is(header,.head,.sf-section-head){position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid #e0e7ef;padding-bottom:10px}
 html body :is(dialog,.modal-bg>.modal,[role="dialog"][aria-modal="true"]) :is(.pw-dialog-actions,.pw-entry-actions,.modal-actions,.qr-actions){position:sticky;bottom:0;z-index:4;background:#fff;padding-top:10px;border-top:1px solid #e0e7ef}
 html body #orderUploadDialog .order-drawer-body{max-height:none}
 html body #orderUploadDialog #uploadPreview{max-height:none}
}

}