/* Applied by desktop-stock.js only to ordinary desktop browsers. */
@media screen and (min-width:761px){
 body.desktop-stock-page .layout{grid-template-columns:238px minmax(0,1fr)!important}
 body.desktop-stock-page :is(.main,#content,.catalogpanel,.catalogsplit,.catalogtable){min-width:0!important;max-width:100%}
 body.desktop-stock-page .catalogsplit,body.desktop-stock-page .catalogsplit.hasdetail{display:block!important}
 body.desktop-stock-page #stockproductdetail{display:none!important}
 body.desktop-stock-page #content{padding:24px clamp(16px,2vw,32px)}
 body.desktop-stock-page .heading{flex-wrap:wrap;gap:12px}
 body.desktop-stock-page .heading>div{min-width:0;max-width:100%}
 body.desktop-stock-page .heading .tools{flex-wrap:wrap;justify-content:flex-start}
 body.desktop-stock-page .catalogpanel .panelhead{flex-wrap:wrap;gap:10px}
 body.desktop-stock-page .catalogpanel .panelhead>.tools{min-width:0;flex:1 1 400px;flex-wrap:wrap}
 body.desktop-stock-page #search{width:min(440px,100%)!important;min-width:160px;flex:1 1 220px}
 body.desktop-stock-page .catalogtable>.tablewrap{overflow-x:auto;max-width:100%}
 body.desktop-stock-page .catalogtable table{width:100%;min-width:720px;table-layout:fixed}
 body.desktop-stock-page .catalogtable :is(th,td){padding:10px 8px!important;overflow-wrap:anywhere}
 body.desktop-stock-page .catalogtable th{font-size:10px!important;letter-spacing:0!important;overflow-wrap:normal;word-break:normal;line-height:1.4}
 body.desktop-stock-page .catalogtable :is(th,td):first-child{width:25%;min-width:0!important}
 body.desktop-stock-page .catalogtable :is(th,td):nth-child(2){width:15%}
 body.desktop-stock-page .catalogtable :is(th,td):nth-child(3){width:13%}
 body.desktop-stock-page .catalogtable :is(th,td):nth-child(n+4):nth-child(-n+7){width:6%;white-space:normal}
 body.desktop-stock-page .catalogtable :is(th,td):nth-child(8){width:11%;white-space:normal}
 body.desktop-stock-page .catalogtable :is(th,td):last-child{width:80px}
 body.desktop-stock-page .stock-barcode-cell .catalogbarcode{width:100%!important;min-width:0!important;max-width:150px!important;height:58px!important}
 body.desktop-stock-page .catalogtable .namecell{gap:8px}
 body.desktop-stock-page .catalogtable .productname{overflow-wrap:anywhere;white-space:normal}
 body.desktop-stock-page .historypagination{flex-wrap:wrap;gap:10px}
 body.design3 dialog.desktop-stock-dialog{position:fixed!important;inset:0!important;margin:auto!important;width:min(680px,calc(100vw - 40px))!important;max-width:calc(100vw - 40px)!important;height:auto!important;max-height:calc(100dvh - 40px)!important;padding:18px!important;border:1px solid #d9d4cc;border-radius:14px;background:#fff;box-shadow:0 20px 80px #162e3b40;overflow:hidden}
 body.design3 dialog.desktop-stock-dialog[open]{display:flex!important;flex-direction:column;gap:12px}
 body.design3 dialog.desktop-stock-dialog::backdrop{background:#102a3a80}
 body.design3 dialog.desktop-stock-dialog .design-detail-header{flex:none}
 body.design3 dialog.desktop-stock-dialog .design-detail-close{position:static!important;float:none!important;background:#af4032!important;color:white!important;border:0!important;min-width:36px;min-height:36px;padding:0;font-size:24px;border-radius:7px}
 body.design3 dialog.desktop-stock-dialog .design-detail-scroll{flex:1 1 auto;min-height:0;overflow:auto;overflow-wrap:anywhere;overscroll-behavior:contain}
 body.design3 dialog.desktop-stock-dialog .design-detail-scroll>.partphoto{height:160px;max-width:100%;object-fit:contain}
 body.design3 dialog.desktop-stock-dialog .design-detail-scroll>.catalogbarcode{max-width:100%}
 body.design3 dialog.desktop-stock-dialog .design-detail-actions{flex:none}
}
@media screen and (min-width:761px){
 body.desktop-stock-page .catalogtable .stockactions{width:auto!important;min-width:0!important;max-width:100%;gap:5px}
}
@media screen and (min-width:761px) and (max-width:1200px){
 /* The same label number remains under the name; avoid duplicating its large image. */
 body.desktop-stock-page .catalogtable :is(th,td):nth-child(2){display:none}
 body.desktop-stock-page .catalogtable :is(th,td):first-child{width:28%}
 body.desktop-stock-page .catalogtable :is(th,td):nth-child(3){width:18%}
 body.desktop-stock-page .catalogtable :is(th,td):nth-child(n+4):nth-child(-n+7){width:8%;padding-left:4px!important;padding-right:4px!important}
 body.desktop-stock-page .catalogtable :is(th,td):nth-child(8){width:12%}
 body.desktop-stock-page .catalogtable :is(th,td):last-child{width:10%;padding-left:4px!important;padding-right:4px!important}
 body.desktop-stock-page .catalogtable th{font-size:10px!important;letter-spacing:0!important;overflow-wrap:normal;word-break:normal;line-height:1.4}
 body.design3.desktop-stock-page .catalogtable button.design-stock-icon{width:28px!important;height:28px!important;min-height:28px!important}
 body.desktop-stock-page .catalogtable .stockactions{gap:4px}
}

@media screen{body.desktop-stock-page .catalogpanel .stock-search-tools{flex:0 1 auto;gap:10px}body.desktop-stock-page .stock-search-tools #search{width:clamp(180px,30vw,380px)!important;min-width:0;flex:0 1 380px}body.desktop-stock-page .stock-search-tools>button{flex:none;white-space:nowrap}body.desktop-stock-page .stock-search-tools .stock-scan-button{margin-left:12px}}

.catalog-total{font-size:.65em;font-weight:500;display:inline-block;max-width:100%;vertical-align:middle;white-space:normal}
.demand-loading{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#365d6b}.demand-loading[hidden]{display:none}.demand-loading p{margin:0}.demand-spinner{display:inline-block;width:20px;height:20px;flex:0 0 20px;border:3px solid #d9e5e8;border-top-color:#356578;border-radius:50%;animation:demand-spin .8s linear infinite}@keyframes demand-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.demand-spinner{animation:none}}
.catalog-total{margin-left:.25em}