/* New interfaces expressly requested on PC and phone; existing desktop selectors are untouched. */
.dev-dialog{box-sizing:border-box;width:min(1100px,calc(100vw - 32px));max-height:90dvh;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);overflow:auto;overscroll-behavior:contain}
.dev-dialog::backdrop{background:#06172b99}
.dev-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-20px;background:var(--surface);z-index:3;padding:12px 0}
.dev-dialog-head h2{margin:0;font-size:21px}
.dev-dialog-head button{min-height:44px;flex-shrink:0}
.dev-dialog .compact-product-group{margin:0}
.dev-category-image{width:28px;height:28px;object-fit:cover;border-radius:7px;flex-shrink:0}
.dev-icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;max-height:280px;overflow:auto;margin:12px 0}
.dev-icon-grid button{min-height:75px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;white-space:normal}
.dev-icon-grid svg{width:28px;height:28px}
.dev-category-preview{display:flex;gap:12px;align-items:center;margin:12px 0}
.dev-category-preview img{width:64px;height:64px;object-fit:cover}
.dev-restock-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.dev-restock-heading h2{margin:10px 0}
.dev-restock-total{margin-block:14px;font-weight:700}
.dev-surplus-summary{border:1px solid var(--border);border-radius:10px;padding:12px;margin-block:12px}
.dev-shop-menu-close{display:none}
@media screen and (max-width:767px), screen and (max-width:960px) and (orientation:landscape) and (pointer:coarse){
 #content[data-page="orders"] .master-detail-layout > .record-detail{display:none!important}
 .phone-original-close{display:none!important}
 .dev-shop-menu-close{display:block}
 #content[data-page="orders"] .master-detail-layout > .report-table-wrap thead{display:none!important}
 /* Shop action menu was absolutely positioned relative to a narrow card column. */
 .shop-more-menu[open] > div{position:fixed!important;inset:auto!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:calc(100vw - 32px)!important;max-width:420px;max-height:calc(100dvh - 40px);overflow-y:auto;box-sizing:border-box;z-index:3000}
 .shop-more-menu[open] > div button{width:100%;white-space:normal;min-height:44px}
 #shopEditDialog,#shopEditDialog form,#shopEditDialog label{min-width:0!important;max-width:100%!important}
 #shopEditDialog input,#shopEditDialog textarea{box-sizing:border-box;width:100%;min-width:0}
 .dev-dialog-head{top:-14px;flex-wrap:wrap}.dev-dialog-head h2{font-size:18px;overflow-wrap:anywhere}
 .dev-dialog .compact-product-group > summary{flex-wrap:wrap}
 :is(#catalogGroups,#devCatalogDialog) .compact-product-group > summary > span:last-child{width:100%;grid-column:1/-1;display:flex;align-items:center;gap:12px;min-width:0}
 :is(#catalogGroups,#devCatalogDialog) .compact-product-group > summary > span:last-child strong{white-space:normal;word-break:normal;overflow-wrap:normal;flex:1;min-width:0}
 .dev-dialog .compact-model-list,.dev-dialog .compact-variant-list{padding-inline:0;min-width:0}
 .dev-dialog .compact-variant{display:flex;flex-wrap:wrap;gap:10px;min-width:0}
 .dev-dialog .compact-variant-info{min-width:0;width:100%;overflow-wrap:anywhere}
 .dev-dialog .compact-variant small{white-space:normal}
 .dev-dialog input,.dev-dialog select{min-width:0;max-width:100%;box-sizing:border-box}
 .dev-dialog form{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 .dev-restock-heading button{min-height:44px}
}