.mobile-only-workflow{display:none}
.search-clear-field{position:relative;display:flex;flex:1;min-width:0;align-items:center;width:100%}
.search-clear-field>input{min-width:0;width:100%;padding-right:38px!important}
.search-clear-field>input::-webkit-search-cancel-button{display:none}
.search-clear{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:30px;height:32px;padding:0!important;background:transparent;color:#758292;font-size:22px;line-height:1;border:0;border-radius:6px}
.search-clear[hidden]{display:none!important}
.image-remove-action,.image-remove-confirm{color:#bb3434!important;background:transparent!important;min-height:40px}
img.variant-photo,#upload-preview img,img.inventory-photo,img.catalog-photo{cursor:zoom-in}
dialog.product-photo-viewer[open]{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:48px 12px calc(16px + env(safe-area-inset-bottom,0px));border:0;border-radius:0;background:rgba(8,16,28,.96);box-shadow:none;outline:none}
.product-photo-viewer::backdrop{background:rgba(8,16,28,.85)}
.product-photo-viewer>img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;touch-action:pan-y}
.product-photo-viewer .photo-viewer-close{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));right:12px;width:44px;height:44px;padding:0;background:#ffffff18;color:#fff;border-radius:50%;font-size:28px;outline:none;box-shadow:none}
.product-photo-viewer .photo-viewer-close:focus-visible{outline:2px solid white;outline-offset:1px}
@media(max-width:950px){
 html body #dialog[data-sheet="variant-picker"][open],html body #dialog[data-sheet="quick-customer"][open]{height:fit-content!important;min-height:0!important;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;overflow:hidden}
 html body #dialog[data-sheet="variant-picker"] #dialog-body,html body #dialog[data-sheet="quick-customer"] #dialog-body{height:auto!important;min-height:0!important;flex:0 1 auto!important;padding:10px 14px;overflow-y:auto}
 .mobile-only-workflow{display:inline-block}
 dialog[data-sheet="variant-picker"][open],dialog[data-sheet="quick-customer"][open]{display:flex;flex-direction:column;height:auto;min-height:0;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));width:calc(100vw - 24px)}
 [data-sheet="variant-picker"] .modal-head,[data-sheet="quick-customer"] .modal-head{padding:12px 14px;flex:none}
 [data-sheet="variant-picker"] .modal-head h2,[data-sheet="quick-customer"] .modal-head h2{font-size:18px}
 [data-sheet="variant-picker"] .modal-body,[data-sheet="quick-customer"] .modal-body{min-height:0;flex:0 1 auto;overflow-y:auto;padding:10px 14px}
 [data-sheet="variant-picker"] .modal-footer,[data-sheet="quick-customer"] .modal-footer{flex:none;padding:10px 14px;gap:6px}
 [data-sheet="variant-picker"] .modal-footer>button{padding:10px 8px;min-height:42px;font-size:13px;white-space:nowrap}
 [data-sheet="variant-picker"] .variant-photo{display:block;object-fit:contain;width:100%;height:100px;margin:6px 0}
 [data-sheet="variant-picker"] .korean-full{margin:0 0 4px;line-height:1.4}
 [data-sheet="variant-picker"] .variant-price{font-size:25px;margin:4px 0 8px}
 [data-sheet="variant-picker"] .choice-label{font-size:13px;margin:8px 0 5px}
 [data-sheet="variant-picker"] .choices{gap:6px}
 [data-sheet="variant-picker"] .choice{min-height:38px;padding:7px 12px}
 [data-sheet="variant-picker"] .modal-message{margin-top:9px;padding:8px 10px;line-height:1.5}
 [data-sheet="variant-picker"] .modal-message>div{margin-top:2px}
 [data-sheet="variant-picker"] .sample-instruction{margin:4px 0}
 [data-sheet="variant-picker"] .variant-quantity-row{margin:8px 0;min-height:40px}
 [data-sheet="variant-picker"] .stock-sound{display:block;margin:6px 0;min-height:28px}
 [data-sheet="variant-picker"] .quantity-message:empty,[data-sheet="variant-picker"] #stock-audio-status:empty,[data-sheet="variant-picker"] #dialog-error:empty,[data-sheet="quick-customer"] #dialog-error:empty{display:none}
 [data-sheet="quick-customer"] #quick-note{min-height:42px;height:42px;max-height:120px;resize:vertical}
 [data-sheet="quick-customer"] .field{margin-bottom:10px}
 [data-sheet="quick-customer"] .field:last-of-type{margin-bottom:0}
 .order-shortcuts{position:fixed;bottom:var(--order-nav-height,64px);left:0;right:0;z-index:14;display:flex;align-items:center;gap:8px;background:white;border-top:1px solid var(--line);padding:8px 12px;box-shadow:0 -3px 12px #172b4310}
 .order-shortcuts>span{flex:1;min-width:0;font-size:13px}.order-shortcuts strong{display:inline-block;margin-left:4px;font-size:16px}.order-shortcuts button{min-height:40px;padding:8px 10px;font-size:13px}
 body.has-order-shortcuts .main{padding-bottom:calc(var(--order-nav-height,64px) + 90px)!important}
}
:is(#main,#dialog) .search-wrap>.search-clear-field{position:relative;inset:auto;transform:none;pointer-events:auto;flex:1 1 0;min-width:0;width:0;height:100%;justify-content:flex-start}
:is(#main,#dialog) .search-wrap>.search-clear-field>input{height:100%!important;min-height:0!important;padding:0 34px 0 0!important;margin:0!important;flex:1!important;width:100%!important;min-width:0!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;font-size:14px!important;line-height:20px!important}
:is(#main,#dialog) .search-clear-field>.search-clear{pointer-events:auto;height:100%!important;min-height:0!important;max-height:40px;right:2px}
.search-clear-field>.inventory-search-hint{display:none!important}

/* Mobile product summary: thumbnail left, identifying information right. */
@media(max-width:950px){
 html body #dialog[data-sheet="variant-picker"] #dialog-title{font-size:16px!important;font-weight:500!important;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
 html body #dialog[data-sheet="variant-picker"] #dialog-body:has(>.variant-photo){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:10px;row-gap:0;align-content:start;align-items:start}
 html body #dialog[data-sheet="variant-picker"] #dialog-body:has(>.variant-photo)>*{grid-column:1/-1;min-width:0}
 html body #dialog[data-sheet="variant-picker"] #dialog-body>.variant-photo{grid-column:1;grid-row:1/4;align-self:start;width:100%!important;height:auto!important;aspect-ratio:1;max-height:108px;object-fit:contain;margin:0!important;border-radius:6px}
 html body #dialog[data-sheet="variant-picker"] #dialog-body:has(>.variant-photo)>.korean-full{grid-column:2;grid-row:1;margin:0 0 4px;line-height:1.4;overflow-wrap:anywhere}
 html body #dialog[data-sheet="variant-picker"] #dialog-body:has(>.variant-photo)>.variant-style{grid-column:2;grid-row:2;margin:0 0 4px!important;line-height:1.4;overflow-wrap:anywhere}
 html body #dialog[data-sheet="variant-picker"] #dialog-body:has(>.variant-photo)>.variant-price{grid-column:2;grid-row:3;margin:0 0 8px!important;font-size:23px!important;line-height:1.3}
}
html body #products{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;margin-bottom:14px;align-items:start}
html body #products .product{height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;padding:10px!important;border-radius:10px;display:flex;flex-direction:column;gap:4px}
html body #products .catalog-photo{height:76px!important;min-height:0!important;margin:0 0 3px!important;object-fit:contain;width:100%}
html body #products .product-name{font-size:14px!important;font-weight:500!important;line-height:1.35!important;margin:0;overflow-wrap:anywhere}
html body #products .korean-name{font-size:12px!important;line-height:1.3;margin:0}
html body #products .product-meta{font-size:12px;line-height:1.35;margin:0!important}
html body #products .product-bottom{position:static!important;display:flex;align-items:center;justify-content:space-between;width:100%;gap:6px;margin:3px 0 0!important;padding:0!important;min-height:36px}
html body #products .price{font-size:18px;line-height:1.3}
html body #products .plus{position:static!important;flex:none;width:36px;height:36px;display:grid;place-items:center}
.variant-extra[hidden]{display:none!important}
@media(max-width:950px){
 html body #dialog[data-sheet="variant-picker"] #dialog-title{font-size:15px!important;font-weight:400!important;line-height:1.3}
 html body #dialog[data-sheet="variant-picker"] .variant-style,html body #dialog[data-sheet="variant-picker"] .variant-code{display:none!important}
 html body #dialog[data-sheet="variant-picker"] .modal-head{position:relative;gap:6px}
 html body #dialog[data-sheet="variant-picker"] #dialog-title{flex:1;min-width:0}
 html body #dialog[data-sheet="variant-picker"] .variant-more{flex:none;background:transparent;color:var(--muted);width:36px;min-height:36px;padding:0;font-size:22px}
 .variant-extra{position:absolute;top:calc(100% - 2px);right:12px;z-index:3;max-width:calc(100% - 24px);padding:10px 12px;background:white;border:1px solid var(--line);box-shadow:0 4px 16px #172b4322;border-radius:8px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
 html body #dialog[data-sheet="variant-picker"] #dialog-body>.variant-photo{grid-row:1/7}
 html body #dialog[data-sheet="variant-picker"] #dialog-body:has(>.variant-photo)>.variant-price{grid-row:2}
 html body #dialog[data-sheet="variant-picker"] #dialog-body:has(>.variant-photo)>.choice-label{grid-column:2;margin:4px 0!important}
 html body #dialog[data-sheet="variant-picker"] #dialog-body:has(>.variant-photo)>.choice-label:has(+ #color-choices){grid-row:3}
 html body #dialog[data-sheet="variant-picker"] #dialog-body:has(>.variant-photo)>#color-choices{grid-column:2;grid-row:4}
 html body #dialog[data-sheet="variant-picker"] #dialog-body:has(>.variant-photo)>.choice-label:has(+ #size-choices){grid-row:5}
 html body #dialog[data-sheet="variant-picker"] #dialog-body:has(>.variant-photo)>#size-choices{grid-column:2;grid-row:6}
 html body #dialog[data-sheet="variant-picker"] .choices{gap:4px}
 html body #dialog[data-sheet="variant-picker"] .choice{padding:5px 9px!important;min-width:34px;min-height:34px!important}
 html body #main #inventory-search::placeholder{color:#7a8797!important;opacity:1!important;-webkit-text-fill-color:#7a8797!important}
 html body #main .hold-search-toolbar .search-clear-field{height:100%!important;align-self:stretch;display:flex;align-items:center}
 html body #main .hold-search-toolbar #hold-search{box-sizing:border-box;height:100%!important;min-height:0!important;padding-block:0!important;line-height:normal!important;align-self:center}
 html body .inventory-card-fields>div:nth-child(-n+2),html body .inventory-card-fields>div:nth-child(-n+2)>*{font-size:11px!important;font-weight:400!important;overflow-wrap:anywhere}
 html body #products .product{padding:8px!important;gap:3px}
 html body #products .catalog-photo{height:60px!important}
 html body #products .product-name{font-size:13px!important;line-height:1.3!important;font-weight:400!important}
 html body #products .korean-name{font-size:11px!important}
}

@media(max-width:950px){
 html body #dialog[data-sheet="variant-picker"] #dialog-title{font-size:14px!important;font-weight:400!important;line-height:1.2!important}
 html body #main .inventory-search-row>.search-wrap{padding-left:4px!important;column-gap:5px!important}
 html body #main #inventory-search,html body #main #inventory-search::placeholder{font-size:clamp(9px,2.65vw,11px)!important;line-height:normal!important;letter-spacing:0!important}
 html body #main .search-clear-field>#inventory-search:placeholder-shown{padding-right:2px!important}
}
@media(max-width:950px){html body #main #inventory-search{--ui-control-font:clamp(9px,2.65vw,11px);--ui-control-line:normal}}