/* Lists use the available desktop workspace; other settings and editor keep their widths. */
#illu-preview #illu-admin .admin-shell .admin-main:has(#product-list:not([hidden])){max-width:none;width:100%;min-width:0;margin:0;padding:24px 18px}
#illu-preview #illu-admin :is(.orders-table-scroll,.products-table-scroll){width:100%;min-width:0;max-width:100%;overflow:auto}
#illu-preview #illu-admin :is(.orders-table,.products-table){width:100%;min-width:720px;table-layout:fixed}
/* Percentage columns shrink together instead of pushing payment/state/selection off screen. */
#illu-preview #illu-admin .orders-table .order-col-stripe{width:1.2%}
#illu-preview #illu-admin .orders-table .order-col-id{width:6%}
#illu-preview #illu-admin .orders-table .order-col-customer{width:20%}
#illu-preview #illu-admin .orders-table .order-col-date{width:13%}
#illu-preview #illu-admin .orders-table .order-col-amount{width:15%}
#illu-preview #illu-admin .orders-table .order-col-shipping{width:16%}
#illu-preview #illu-admin .orders-table .order-col-paid{width:7%}
#illu-preview #illu-admin .orders-table .order-col-state{width:15%}
#illu-preview #illu-admin .orders-table .order-col-select{width:6.8%}
#illu-preview #illu-admin .products-table .products-col-id{width:8%}
#illu-preview #illu-admin .products-table .products-col-name{width:34%}
#illu-preview #illu-admin .products-table .products-col-category{width:15%}
#illu-preview #illu-admin .products-table .products-col-availability{width:12%}
#illu-preview #illu-admin .products-table .products-col-price{width:13%}
#illu-preview #illu-admin .products-table .products-col-maker{width:8%}
#illu-preview #illu-admin .products-table .products-col-settings{width:4%}
#illu-preview #illu-admin .products-table .products-col-select{width:6%}
#illu-preview #illu-admin :is(.orders-table,.products-table) th{white-space:normal;overflow-wrap:anywhere;line-height:1.45}
#illu-preview #illu-admin .order-date-cell>.order-date-time{white-space:normal;overflow-wrap:normal}
#illu-preview #illu-admin .orders-table :is(.order-row-actions,.order-email,.order-payment-method,.order-tracking){min-width:0;max-width:100%}
#illu-preview #illu-admin .orders-table :is(.order-payment-method,.order-tracking)>span:last-child{min-width:0;overflow-wrap:anywhere}
#illu-preview #illu-admin .orders-table .order-amount-cell>strong{flex-wrap:wrap}
#illu-preview #illu-admin .orders-table .order-state-trigger{box-sizing:border-box;width:100%;min-width:0;gap:4px;padding:8px 7px}
#illu-preview #illu-admin .orders-table .order-state-trigger>span:not(.order-icon):not(.order-menu-chevron){overflow-wrap:anywhere;word-break:normal;hyphens:auto}
#illu-preview #illu-admin .orders-table .order-select-all-label{height:auto;min-height:18px;white-space:normal;flex-wrap:wrap;line-height:1.4}
#illu-preview #illu-admin .products-table th:last-child label{white-space:normal;flex-wrap:wrap;line-height:1.4}
#illu-preview #illu-admin .products-table .products-thumb{max-width:100%;width:60px}
@media(max-width:1500px){
 #illu-preview #illu-admin :is(.orders-table,.products-table) :is(th,td){padding-left:7px;padding-right:7px}
 #illu-preview #illu-admin .orders-table td.order-state-stripe{padding:0}
 #illu-preview #illu-admin .orders-table .order-id-cell{font-size:15px}
 #illu-preview #illu-admin .orders-table :is(.order-customer-cell>strong,.order-amount-cell>strong){font-size:14px}
 #illu-preview #illu-admin .orders-table :is(.order-email,.order-payment-method,.order-date-cell>.order-date-time,.order-shipping-cell>strong,.order-state-trigger){font-size:12px}
 #illu-preview #illu-admin .orders-table .order-paid small{font-size:10px;overflow-wrap:normal}
 #illu-preview #illu-admin :is(.orders-table,.products-table) th{font-size:11px}
 #illu-preview #illu-admin .products-table :is(.products-title,.products-price){font-size:14px}
}
@media(max-width:1150px) and (min-width:901px){
 #illu-preview #illu-admin :is(.orders-table,.products-table) :is(th,td){padding-left:5px;padding-right:5px}
 #illu-preview #illu-admin .orders-table td.order-state-stripe{padding:0}
 #illu-preview #illu-admin .orders-table .order-select-all-label{font-size:10px;gap:4px}
 #illu-preview #illu-admin .orders-table .order-icon{width:14px;height:14px;flex-basis:14px}
 #illu-preview #illu-admin .orders-table .order-paid>.order-icon{width:21px;height:21px;flex-basis:21px}
 #illu-preview #illu-admin .products-table .products-id-cell{font-size:10px}
 #illu-preview #illu-admin .products-table .products-thumb{height:50px}
}
@media(max-width:650px){#illu-preview #illu-admin .admin-shell .admin-main:has(#product-list:not([hidden])){padding:18px 12px}}
/* Native date inputs must also shrink inside the filter grid. */
#illu-preview #illu-admin .orders-filter-panel>*,#illu-preview #illu-admin .order-date-range>label{min-width:0}
#illu-preview #illu-admin .order-date-range{grid-template-columns:repeat(2,minmax(0,1fr))}
#illu-preview #illu-admin .order-date-range input{min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:1500px){
 #illu-preview #illu-admin .orders-table .order-col-customer{width:18%}
 #illu-preview #illu-admin .orders-table .order-col-date{width:12%}
 #illu-preview #illu-admin .orders-table .order-col-amount{width:14%}
 #illu-preview #illu-admin .orders-table .order-col-paid{width:8%}
 #illu-preview #illu-admin .orders-table .order-col-state{width:18%}
}
@media(max-width:1150px) and (min-width:541px){#illu-preview #illu-admin .orders-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1150px) and (min-width:901px){
 #illu-preview #illu-admin .orders-table :is(.order-payment-method,.order-state-trigger){font-size:11px}
 #illu-preview #illu-admin .orders-table :is(.order-details-button,.order-quick-button){font-size:11px;padding:6px 7px}
}