/* Comfortable desktop workspace. Storefront pages remain full width. */
@media (min-width:1001px){
 body:not(.storefront){font-size:13px}
 body:not(.storefront) main{padding:20px 28px 44px;min-width:0;overflow-x:hidden}
 body:not(.storefront) main>header,body:not(.storefront) #app{width:min(100%,1240px);margin-left:auto;margin-right:auto}
 body:not(.storefront) main>header{margin-bottom:15px}
 body:not(.storefront) h1{font-size:24px}
 body:not(.storefront) h2{font-size:17px}
 body:not(.storefront) h3{font-size:15px}
 body:not(.storefront) .admin-test-banner{margin-top:-20px;margin-left:calc((100vw - 248px - min(100%,1240px))/2 * -1);margin-right:calc((100vw - 248px - min(100%,1240px))/2 * -1);padding-top:8px;padding-bottom:8px}
 body:not(.storefront) .panel,body:not(.storefront) .page-card{padding:14px 16px;border-radius:10px;box-shadow:0 7px 20px rgba(31,54,46,.055)}
 body:not(.storefront) .metric{padding:13px 15px}
 body:not(.storefront) .metric strong{font-size:21px;margin:6px 0 2px}
 body:not(.storefront) .grid4{gap:10px}
 body:not(.storefront) .dashboard-grid,body:not(.storefront) .security-grid{gap:12px;margin-top:12px}
 body:not(.storefront) .panel-head{margin-bottom:12px}
 body:not(.storefront) .primary,body:not(.storefront) .ghost,body:not(.storefront) .danger{padding:7px 11px;border-radius:7px;font-size:12px}
 body:not(.storefront) input,body:not(.storefront) select,body:not(.storefront) textarea{font-size:12px}
 body:not(.storefront) .toolbar{padding:9px 11px;gap:7px;margin-bottom:11px}
 body:not(.storefront) .toolbar input,body:not(.storefront) .toolbar select,body:not(.storefront) .form-grid input,body:not(.storefront) .form-grid select,body:not(.storefront) .form-grid textarea{padding:7px 9px}
 body:not(.storefront) .form-grid{gap:9px 12px}
 body:not(.storefront) .field label{margin-bottom:4px;font-size:11px}
 body:not(.storefront) .table-scroll,body:not(.storefront) .component-variants,body:not(.storefront) .part-variant-table{max-width:100%;overflow:auto;border-radius:8px}
 body:not(.storefront) .product-table th,body:not(.storefront) .product-table td{padding:7px 8px;font-size:12px}
 body:not(.storefront) .product-table th{font-size:11px}
 body:not(.storefront) .thumb{width:42px;height:42px}
 body:not(.storefront) .customer-modal{width:min(650px,92vw);padding:24px}
 body:not(.storefront) .customer-detail{width:min(980px,94vw);padding:24px}
 body:not(.storefront) .detail-overlay{padding:18px}
 body:not(.storefront) .product-v2-editor{max-width:1180px;gap:10px}
 body:not(.storefront) .product-v2-editor>.editor-v2-head h2{font-size:22px}
 body:not(.storefront) .editor-section{padding:11px 13px}
 body:not(.storefront) .editor-section h3{font-size:15px}
 body:not(.storefront) .editor-section>header{padding-bottom:7px;margin-bottom:8px}
 body:not(.storefront) .variant-scroll{max-height:250px}
 body:not(.storefront) .part-editor{width:min(100%,1120px);margin:auto;gap:11px}
 body:not(.storefront) .part-editor-head h2{font-size:22px}
 body:not(.storefront) .part-editor-section{padding:13px 15px;border-radius:10px}
 body:not(.storefront) .part-editor-section>header{margin-bottom:11px;gap:9px}
 body:not(.storefront) .part-editor-section>header>span{width:27px;height:27px;font-size:11px}
 body:not(.storefront) .part-media-grid{grid-template-columns:145px 1fr;gap:10px}
 body:not(.storefront) .part-upload{min-height:135px}
 body:not(.storefront) .part-images{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:7px}
 body:not(.storefront) .part-images article{padding:5px}
 body:not(.storefront) .part-product img{width:45px;height:45px}
 body:not(.storefront) .part-variant-table{max-height:330px;border:1px solid var(--line)}
 body:not(.storefront) .part-variant-table th{position:sticky;top:0;background:#f7f9f8;z-index:2}
 body:not(.storefront) .part-variant-table th,body:not(.storefront) .part-variant-table td{padding:5px 6px}
 body:not(.storefront) .part-variant-table input,body:not(.storefront) .part-variant-table select{padding:6px;font-size:11px}
 body:not(.storefront) .part-editor-actions{padding:9px 11px}
 body:not(.storefront) .component-summary{gap:9px}
 body:not(.storefront) .component-summary article,body:not(.storefront) .component-card{padding:13px 15px}
 body:not(.storefront) .component-summary b{font-size:22px;margin-top:4px}
 body:not(.storefront) .builder-module{padding:13px 15px}
 body:not(.storefront) .shop-admin-grid{gap:11px}
}
@media (min-width:1001px) and (max-width:1350px){
 body:not(.storefront) main>header,body:not(.storefront) #app{width:100%}
 body:not(.storefront) .admin-test-banner{margin-left:-28px;margin-right:-28px}
}