/* Shared card language: the customer profile is the visual reference.
   Scoped to account, checkout and administration; storefront cards are unchanged. */
:is(.account-page,.checkout-page,.admin-body){--panel-radius:24px;--panel-padding:32px}
:is(.account-page,.checkout-page,.admin-body) :is(.account-card,.checkout-aside>.order-card,.settings-form,.payment-config-card,.login-card){
  min-width:0;background:var(--white);border:1px solid var(--line);
  border-radius:var(--panel-radius);padding:var(--panel-padding);box-shadow:none;
}
:is(.account-page,.checkout-page,.admin-body) :is(h2,h3){overflow-wrap:anywhere}
.admin-body :is(.settings-form,.payment-config-card){max-width:760px;margin-bottom:24px}
.admin-body :is(.settings-form,.payment-config-card)>:is(h3,h4){margin:0 0 12px;font:500 26px/1.25 var(--serif)}
.admin-body .payment-config-card>.muted{font-size:14px;line-height:1.7;margin:0 0 16px}
.admin-body .payment-config-card .settings-form{border:0;background:transparent;border-radius:var(--appearance-radius-0,0);padding:24px 0 0;margin:0;max-width:none;box-shadow:none}
.admin-body .shipping-config-card .settings-form>h4{font:600 14px/1.5 var(--sans);margin:0}
.admin-body .settings-form{gap:20px}
.admin-body .settings-form :is(input:not([type=checkbox]),textarea,select){background:var(--cream);border-radius:var(--appearance-radius-14px,14px);font-size:14px}
.admin-body .settings-form input:not([type=checkbox]){min-height:46px}
.admin-body .settings-form label{font-size:13px;line-height:1.6;min-width:0}
.admin-body .settings-form .shipping-enable{display:flex;align-items:center;gap:12px}
.admin-body .settings-form input[type=checkbox]{width:18px;min-width:18px;height:18px;min-height:18px;margin:0;flex:none;accent-color:var(--rose-dark)}
.admin-body .settings-form>.button{justify-self:start;min-height:44px}
.admin-body .panel-help{margin:16px 0 0;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:13px;line-height:1.7}
.admin-body .panel-help summary{cursor:pointer;color:var(--rose-dark);min-height:32px}
.admin-body .panel-help :is(p,code){overflow-wrap:anywhere}
.admin-body .table-wrap{border-radius:var(--panel-radius);background:var(--white)}
.admin-body .table-wrap :is(th,td){padding:18px 20px}
.admin-body .stats-grid article{background:var(--white);border:1px solid var(--line);border-radius:var(--appearance-radius-20px,20px);box-shadow:none;padding:22px 18px;min-width:0}
.admin-body .order-card{background:var(--white);border:1px solid var(--line);border-radius:var(--panel-radius);padding:28px;box-shadow:none}
:is(.admin-body,.account-page) .order-financial{background:transparent;border:0;border-radius:var(--appearance-radius-0,0);padding:0;box-shadow:none}
.admin-body .modal-shade .editor-modal{background:var(--white);border:1px solid var(--line);border-radius:var(--panel-radius);padding:var(--panel-padding)}
.admin-body .editor-modal>h2{font:500 30px/1.2 var(--serif);margin:0 40px 24px 0}
.admin-body .banner-editor{border-radius:var(--appearance-radius-16px,16px);background:transparent}
.admin-body .shipping-package-defaults{min-width:0;border:0;border-top:1px solid var(--line);padding:20px 0 0;margin:0}
.admin-body .shipping-package-defaults legend{padding:0 12px 0 0;font-size:14px}
:is(.account-page,.checkout-page,.admin-body) :focus-visible{outline:2px solid var(--rose-dark);outline-offset:4px}
@media(max-width:899px){
  :is(.account-page,.checkout-page,.admin-body){--panel-padding:24px}
  .admin-body .table-wrap{background:transparent;border:0;border-radius:var(--appearance-radius-0,0)}
  .admin-body .table-wrap :is(th,td){padding:0}
  .admin-body .table-wrap td:last-child{padding-top:14px}
  .admin-body .table-wrap tbody tr{border-radius:var(--panel-radius);background:var(--white);padding:22px 20px;box-shadow:none}
  .admin-body .order-card{padding:24px}
  .admin-body .settings-form>.button{justify-self:stretch}
}
@media(max-width:600px){
  :is(.account-page,.checkout-page,.admin-body){--panel-padding:22px 20px;--panel-radius:20px}
  .admin-body :is(.settings-form,.payment-config-card){margin-bottom:18px}
  .admin-body .settings-form :is(input,select,textarea){font-size:16px}
  .admin-body .order-card{padding:22px 20px}
  .admin-body .stats-grid article{padding:16px 14px}
  .admin-body .modal-shade .editor-modal{padding:24px 20px}
}

/* Disclosure controls are native: keyboard and expanded state work without JS. */
:is(.order-items-disclosure,.order-details,.order-operations,.panel-help,.config-disclosure,.order-disclosure)>summary{list-style:none;cursor:pointer}
:is(.order-items-disclosure,.order-details,.order-operations,.panel-help,.config-disclosure,.order-disclosure)>summary::-webkit-details-marker{display:none}
:is(.order-items-disclosure,.order-details,.order-operations,.panel-help)>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}
.disclosure-chevron,:is(.order-details,.order-operations,.panel-help)>summary::after{content:"";display:block;width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);flex:none;margin:0 4px 5px;color:var(--rose-dark)}
:is(.order-items-disclosure,.order-disclosure,.config-disclosure)[open]>summary>.disclosure-chevron,:is(.order-details,.order-operations,.panel-help)[open]>summary::after{transform:rotate(225deg);margin-top:6px}
.checkout-page .order-items-disclosure{border-top:1px solid var(--line);margin:0 0 12px}
.checkout-page .order-items-disclosure>summary{padding:10px 0;font-size:14px;color:var(--ink)}
.checkout-page .order-items-disclosure summary small{font-size:12px;color:var(--muted);margin-left:8px}
.checkout-page .order-items-disclosure[open] .order-items{padding:12px 0 20px;max-height:36vh}
.admin-body .orders-toolbar{display:grid}
.admin-body .order-disclosure{display:block;padding:0;overflow:clip}
.admin-body .order-overview{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(100px,auto) 18px;align-items:center;gap:24px;padding:20px 24px;min-height:88px}
.admin-body .order-overview-identity,.admin-body .order-overview-total{display:grid;gap:5px;min-width:0}
.admin-body .order-overview-identity strong{font:500 21px/1.3 var(--serif);overflow-wrap:anywhere}
.admin-body .order-overview small{font:400 12px/1.6 var(--sans);color:var(--muted);overflow-wrap:anywhere}
.admin-body .order-overview-total{font-size:15px;font-weight:500;text-align:right;white-space:nowrap}
.admin-body .order-overview .order-status{max-width:190px;justify-self:end}
.admin-body .order-expanded{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;margin:0 24px;padding:24px 0;border-top:1px solid var(--line)}
.admin-body .order-overview:hover,.admin-body .panel-disclosure-title:hover{background:color-mix(in srgb,var(--blush) 30%,transparent)}
.admin-body .panel-disclosure-title{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px}
.admin-body .panel-disclosure-title>span:first-child{display:grid;gap:10px;min-width:0}
.admin-body .panel-disclosure-title strong{font:500 26px/1.3 var(--serif);overflow-wrap:anywhere}
.admin-body .panel-disclosure-title .muted{font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.admin-body .panel-disclosure-body{border-top:1px solid var(--line);margin-top:20px;padding-top:8px;min-width:0}
.admin-body .settings-form label:has(>input[type=checkbox]),.admin-body .shipping-enable{display:flex;align-items:center;gap:10px;min-height:40px}
.admin-body input[type=checkbox]{appearance:auto;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;padding:0!important;margin:0;flex:none;align-self:center;accent-color:var(--rose-dark)}
@media(max-width:899px){
 .admin-body .order-disclosure{padding:0}
 .admin-body .order-overview{grid-template-columns:minmax(0,1fr) auto 14px;gap:12px;padding:18px 20px}
 .admin-body .order-overview-identity{grid-column:1;grid-row:1}
 .admin-body .order-overview-total{grid-column:2;grid-row:1}
 .admin-body .order-overview>.disclosure-chevron{grid-column:3;grid-row:1/3}
 .admin-body .order-overview .order-status{grid-column:1/3;grid-row:2;justify-self:start;max-width:100%}
 .admin-body .order-expanded{grid-template-columns:minmax(0,1fr);margin-inline:20px;gap:20px;padding-block:20px}
 .checkout-page .order-items-disclosure[open] .order-items{max-height:none}
}
@media(prefers-reduced-motion:no-preference){.disclosure-chevron,:is(.order-details,.order-operations,.panel-help)>summary::after{transition:transform .15s}}

/* Provider identity stays visible without repeating payment instructions. */
.checkout-page .checkout-payment-provider{display:flex;align-items:center;gap:14px;min-width:0}
.checkout-page .payment-provider-mark{display:grid;place-items:center;width:44px;height:44px;min-width:44px;flex:none;border:1px solid var(--line);border-radius:50%;background:var(--blush);color:var(--rose-dark);font:600 13px/1 var(--sans);letter-spacing:.02em}
.checkout-page .checkout-payment-provider>div{min-width:0}
.checkout-page .checkout-payment-provider strong{font-size:15px;font-weight:600}
.checkout-page .checkout-payment-provider p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.6;overflow-wrap:anywhere}
/* Category rows are identifiable options, aligned with their editing form. */
.admin-body :is(.settings-form,.checkout-form) label{color:var(--muted)}
.admin-body #category-form{margin-bottom:0}
.admin-body #category-list{display:grid;gap:12px;max-width:760px;padding:0;margin:24px 0 0;list-style:none}
.admin-body #category-list .category-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:16px 20px;border:1px solid var(--line);border-radius:var(--appearance-radius-16px,16px);background:var(--white);min-width:0}
.admin-body .category-row strong{min-width:0;font-size:15px;font-weight:500;line-height:1.6;overflow-wrap:anywhere}
.admin-body .category-actions,.admin-body #category-form .row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.admin-body .category-actions{flex:none}
.admin-body :is(.category-actions,#category-form .row-actions) .mini-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;font-size:12px;white-space:normal}
.admin-body #category-form .row-actions>.button{min-height:44px;border-radius:var(--appearance-radius-999px,999px)}
/* Place all filter labels and controls on the same two rows. The date hint
   belongs below the fields, and must not push the other controls downward. */
.admin-body .orders-toolbar{align-items:start;row-gap:12px;margin-bottom:20px}
.admin-body .orders-toolbar label,.admin-body .orders-date-range label{gap:8px;font-size:12px;line-height:18px}
.admin-body .orders-toolbar .order-date-legend{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.admin-body .orders-toolbar .orders-date-range{column-gap:10px;row-gap:8px}
.admin-body .orders-toolbar :is(input,select){height:46px;min-height:46px;padding-block:10px}
.admin-body .orders-toolbar #clear-order-filters{align-self:start;min-height:46px;margin-top:26px;padding:10px 14px;font-size:12px}
.admin-body .orders-date-range .order-date-help{margin:0;min-height:0;line-height:1.5;font-size:11px}
@media(max-width:899px){
 .admin-body .orders-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .admin-body .orders-toolbar .order-search-label,.admin-body .orders-toolbar .order-status-filter{grid-column:auto}
 .admin-body .orders-toolbar #clear-order-filters{margin-top:0}
}
@media(max-width:600px){
 .admin-body #category-list{margin-top:20px;gap:10px}
 .admin-body #category-list .category-row{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:18px}
 .admin-body .category-actions{width:100%;border-top:1px solid var(--line);padding-top:12px}
 .admin-body .category-actions>.mini-button{flex:1}
 .admin-body #category-form .row-actions{align-items:stretch}
 .admin-body #category-form .row-actions>*{flex:1 1 100%}
 .admin-body .orders-toolbar{grid-template-columns:minmax(0,1fr);gap:14px}
 .admin-body .orders-toolbar .order-search-label,.admin-body .orders-toolbar .order-status-filter{grid-column:1}
 .admin-body .orders-toolbar :is(input,select){font-size:16px!important}
 .admin-body .orders-toolbar #clear-order-filters{min-height:44px}
}

.admin-body #category-form{scroll-margin-block:100px}
.admin-body #category-feedback{margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--appearance-radius-12px,12px);color:var(--ink);background:var(--cream);overflow-wrap:anywhere}
.admin-body #category-feedback[data-error=true]{border-color:var(--rose-dark);background:var(--blush)}

@media(min-width:1024px){.admin-body :is(.settings-form,.payment-config-card,#category-list){width:100%;max-width:1100px}}

/* Keep customer identity prominent without letting long names push totals out. */
.admin-body .order-overview-customer{font-family:var(--sans);font-size:17px;font-weight:500;line-height:1.5}
.admin-body .admin-account-grid{display:grid;gap:24px;align-items:start}
.admin-body .admin-account-grid>div{min-width:0}
.admin-body .admin-account-grid .settings-form{width:100%;max-width:none;margin:0}
.admin-body .admin-account-grid .small-note{margin:0;overflow-wrap:anywhere}
@media(min-width:1200px){.admin-body .admin-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.admin-body .order-overview-customer{display:block;font-size:15px}}
/* Align the actual controls in the current fixed-shipping form. */
@media(min-width:768px){
 .admin-body #fixed-shipping-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
 .admin-body #fixed-shipping-form>label:has(>[name=enabled]){grid-column:1;grid-row:1;min-height:46px}
 .admin-body #fixed-shipping-form>label:has(>[name=price]){grid-column:2;grid-row:1}
 .admin-body #fixed-shipping-form>button{grid-column:1/-1;grid-row:2}
}
@media(min-width:900px){
 .admin-body #product-form .form-grid:has(>label>input[name=cost_price]){grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1200px){
 .admin-body .admin-account-grid{align-items:stretch}
 .admin-body .admin-account-grid>div{display:flex}
 .admin-body .admin-account-grid .settings-form{display:flex;flex-direction:column}
 .admin-body .admin-account-grid .settings-form>button{margin-top:auto;align-self:flex-start}
}



/* Shared search affordance and typography for administrative lists. */
.admin-body input[type="search"]{padding-right:44px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2385797c' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:20px}
.admin-body input[type="search"]::-webkit-search-cancel-button{margin-right:24px}
.admin-body :is(.customer-search,.product-search){display:grid;gap:8px;width:100%;max-width:650px;margin-bottom:18px;font-size:12px;line-height:18px;color:var(--muted)}
.admin-body :is(.customer-search,.product-search) input{box-sizing:border-box;width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--appearance-radius-14px,14px);background-color:var(--white);color:var(--ink);font:inherit;font-size:14px}
.admin-body :is(#tab-customers,#tab-users) table{font-family:var(--sans)}
.admin-body :is(#tab-customers,#tab-users) th{font-size:11px;line-height:1.5;font-weight:500;letter-spacing:.05em}
.admin-body :is(#tab-customers,#tab-users) td{font-size:14px;line-height:1.6;padding:16px}
.admin-body :is(#customers-table,#admin-users-table) strong{font-size:15px;font-weight:500}
.admin-body :is(#customers-table,#admin-users-table) small{font-size:12px;line-height:1.6}
.admin-body :is(#tab-customers,#tab-users) .mini-button{font-size:12px;min-height:40px;padding:9px 12px}
.admin-body #admin-users-table .status-pill{font-size:12px;padding:6px 10px}
.admin-body #admin-user-form :is(label,input,select){font-size:14px}
.admin-body .order-status-filter{display:grid;gap:8px;font-size:12px;line-height:18px;color:var(--muted)}
.admin-body .order-status-multi{position:relative;min-width:0;color:var(--ink)}
.admin-body .order-status-multi>summary{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--appearance-radius-14px,14px);background:var(--white);font-size:14px;line-height:24px;cursor:pointer;list-style:none}
.admin-body .order-status-multi>summary::-webkit-details-marker{display:none}
.admin-body .order-status-multi>summary::after{content:'';width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);flex-shrink:0;margin-right:3px;margin-top:-4px}
.admin-body .order-status-multi[open]>summary::after{transform:rotate(225deg);margin-top:4px}
.admin-body .order-status-options{position:absolute;top:calc(100% + 6px);left:0;z-index:20;box-sizing:border-box;width:max(100%,245px);max-width:calc(100vw - 48px);padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--white);box-shadow:0 8px 24px #30272a18}
.admin-body .orders-toolbar .order-status-options label{display:flex;align-items:center;gap:10px;padding:9px 8px;font-size:14px;color:var(--ink);cursor:pointer}
.admin-body .orders-toolbar .order-status-options input{width:18px;height:18px;min-height:18px;padding:0;margin:0;flex-shrink:0;accent-color:var(--rose-dark)}
.admin-body .order-status-options .mini-button{width:100%;margin-top:6px;min-height:38px;font-size:12px}
.admin-body .order-status-multi>summary:focus-visible{outline:2px solid var(--rose-dark);outline-offset:3px}
@media(max-width:600px){
 .admin-body :is(.customer-search,.product-search) input{font-size:16px}
 .admin-body :is(#tab-customers,#tab-users) td{padding:0}
 .admin-body .order-status-multi>summary{font-size:16px}
 .admin-body .order-status-options{width:100%;max-width:100%}
}

/* Keep identity text and access controls separated, including narrow tables. */
.admin-body #admin-users-table .admin-access-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px}
.admin-body #admin-users-table .admin-own-account{display:inline-block;white-space:nowrap}
.admin-body #admin-users-table .admin-access-actions>small{flex-basis:100%;margin:0}
.admin-body #admin-users-table .admin-access-actions>.mini-button{flex-shrink:0}
/* One chevron for native selects and the multi-select disclosure. */
.admin-body .orders-toolbar select,.admin-body .order-status-multi>summary{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2330272a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:42px}
.admin-body .orders-toolbar select{appearance:none;-webkit-appearance:none}
.admin-body .order-status-multi>summary::after{display:none}

/* Reserve equal action columns so the delete controls align across rows. */
.admin-body #admin-users-table .admin-access-actions{display:grid;grid-template-columns:repeat(2,minmax(128px,max-content));align-items:center;justify-content:start;gap:10px 12px}
.admin-body #admin-users-table .admin-access-actions>.mini-button{width:100%;margin:0;white-space:nowrap}
.admin-body #admin-users-table .admin-own-account{display:flex;align-items:center;justify-content:center;min-height:40px;padding:9px 12px;box-sizing:border-box;font-size:12px;color:var(--muted);white-space:nowrap}
.admin-body #admin-users-table .admin-access-actions>small{grid-column:1/-1}
@media(max-width:600px){.admin-body #admin-users-table .admin-access-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.admin-body #admin-users-table .admin-access-actions>.mini-button{white-space:normal}}

/* Customer lists reserve space for actions instead of stretching each row. */
@media(min-width:601px){
 .admin-body #tab-customers table{min-width:980px;table-layout:auto}
 .admin-body #tab-customers :is(th,td){padding:12px 16px;vertical-align:middle}
 .admin-body #tab-customers th:nth-child(2),.admin-body #customers-table td:nth-child(2){white-space:nowrap;width:145px}
 .admin-body #tab-customers th:nth-child(4),.admin-body #customers-table td:nth-child(4){width:80px;white-space:nowrap}
 .admin-body #tab-customers th:nth-child(5),.admin-body #customers-table td:nth-child(5){width:130px;white-space:nowrap}
 .admin-body #tab-customers th:last-child,.admin-body #customers-table td:last-child{width:210px;min-width:210px}
 .admin-body #customers-table td:nth-child(3){overflow-wrap:anywhere}
 .admin-body #customers-table .row-actions{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:8px;width:max-content}
 .admin-body #customers-table .row-actions>.mini-button{flex:none;white-space:nowrap;min-height:38px;padding:8px 12px;margin:0}
}

/* Keep long access-block reasons from determining action column widths. */
@media(min-width:601px){
 .admin-body #tab-users table{table-layout:fixed;min-width:850px}
 .admin-body #tab-users th:first-child{width:34%}
 .admin-body #tab-users th:nth-child(2){width:17%}
 .admin-body #tab-users th:nth-child(3){width:13%}
 .admin-body #tab-users th:last-child{width:36%}
 .admin-body #tab-users :is(th,td){box-sizing:border-box;padding:12px 16px;vertical-align:middle}
 .admin-body #admin-users-table td:first-child{overflow-wrap:anywhere}
}
.admin-body #admin-users-table .admin-access-actions{grid-template-columns:repeat(2,minmax(0,140px));gap:8px 10px;max-width:100%;min-width:0}
.admin-body #admin-users-table .admin-access-actions>.mini-button{box-sizing:border-box;min-height:38px;padding:8px 10px;white-space:normal}
.admin-body #admin-users-table .admin-own-account{min-height:38px;padding:8px 10px}
.admin-body #admin-users-table .admin-access-actions>small{min-width:0;max-width:290px;font-size:11px;line-height:1.45;color:var(--muted);overflow-wrap:anywhere}
@media(max-width:600px){.admin-body #admin-users-table .admin-access-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-body #admin-users-table .admin-access-actions>small{max-width:100%}}

/* The paid-date selector adds a sixth filter: use deliberate rows, never implicit columns. */
.admin-body #tab-orders .orders-toolbar{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:16px;align-items:end}
.admin-body #tab-orders .orders-toolbar>.order-search-label{grid-column:1;grid-row:1}
.admin-body #tab-orders .orders-toolbar>.order-status-filter{grid-column:2;grid-row:1}
.admin-body #tab-orders .orders-toolbar>.order-channel-filter{grid-column:3;grid-row:1}
.admin-body #tab-orders .orders-toolbar>.order-date-field-label{grid-column:1;grid-row:2}
.admin-body #tab-orders .orders-toolbar>.orders-date-range{grid-column:2;grid-row:2}
.admin-body #tab-orders .orders-toolbar>#clear-order-filters{grid-column:3;grid-row:2;margin:0;align-self:end;justify-self:start}
.admin-body #tab-orders .orders-toolbar>label{display:grid}
.admin-body #tab-orders .order-bulk-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;padding:14px 0;margin:0 0 12px;border-block:1px solid var(--line);font:400 13px/1.5 var(--sans)}
.admin-body #tab-orders .order-bulk-tools[hidden]{display:none}
.admin-body #tab-orders .order-bulk-tools>label{display:flex;align-items:center;gap:10px;cursor:pointer;min-width:0}
.admin-body #tab-orders #orders-selected-count{color:var(--muted);white-space:nowrap}
.admin-body #tab-orders #order-bulk-action{width:auto;max-width:100%;min-width:220px;min-height:40px;margin-left:auto;padding:9px 34px 9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink);font:inherit}
.admin-body #tab-orders #order-bulk-action:disabled{opacity:.55}
.admin-body #tab-orders #order-bulk-result{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.admin-body #tab-orders #order-bulk-result:empty{display:none}
.admin-body #tab-orders :is([data-order-select],#orders-select-all){appearance:auto;width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:0;padding:0;accent-color:var(--rose-dark);cursor:pointer}
.admin-body #tab-orders .order-overview-title{display:flex;align-items:center;gap:12px;min-width:0}
.admin-body #tab-orders .order-overview-title>strong{min-width:0}
@media(max-width:980px) and (min-width:601px){
 .admin-body #tab-orders .orders-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
 .admin-body #tab-orders .orders-toolbar>.order-search-label{grid-column:1/-1;grid-row:1}
 .admin-body #tab-orders .orders-toolbar>.order-status-filter{grid-column:1;grid-row:2}
 .admin-body #tab-orders .orders-toolbar>.order-channel-filter{grid-column:2;grid-row:2}
 .admin-body #tab-orders .orders-toolbar>.order-date-field-label{grid-column:1;grid-row:3}
 .admin-body #tab-orders .orders-toolbar>.orders-date-range{grid-column:2;grid-row:3}
 .admin-body #tab-orders .orders-toolbar>#clear-order-filters{grid-column:1/-1;grid-row:4}
}
@media(max-width:600px){
 .admin-body #tab-orders .orders-toolbar{grid-template-columns:minmax(0,1fr);gap:14px}
 .admin-body #tab-orders .orders-toolbar>:is(.order-search-label,.order-status-filter,.order-channel-filter,.order-date-field-label,.orders-date-range,#clear-order-filters){grid-column:1;grid-row:auto}
 .admin-body #tab-orders .order-bulk-tools{gap:12px;font-size:12px}
 .admin-body #tab-orders .order-bulk-tools>label{flex:1 1 100%}
 .admin-body #tab-orders #order-bulk-action{min-width:0;flex:1;min-height:44px}
 .admin-body #tab-orders .order-overview-title{gap:10px}
}

.admin-body.packing-busy{overflow:hidden}
.admin-body dialog.packing-loading{text-align:center;width:min(440px,calc(100vw - 32px));padding:32px 24px}
.admin-body .packing-loading h2{font:500 24px/1.3 var(--serif);margin:18px 0 12px}
.admin-body .packing-loading p{font:400 14px/1.6 var(--sans);margin:0 0 12px}
.admin-body .packing-loading .packing-loading-hint{font-size:12px;color:var(--muted);margin:0}
.admin-body .packing-spinner{display:block;width:36px;height:36px;margin:auto;border:3px solid var(--line);border-top-color:var(--rose-dark);border-radius:50%;animation:packing-spin .8s linear infinite}
@keyframes packing-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.admin-body .packing-spinner{animation:none;border-style:dotted}}

.admin-body dialog.packing-loading:focus{outline:none}
.admin-body .packing-spinner[hidden],.admin-body .packing-result-actions[hidden],.admin-body .packing-results[hidden],.admin-body #packing-download-again[hidden]{display:none}
.admin-body .packing-results{display:grid;gap:14px;text-align:left;margin:20px 0}
.admin-body .packing-result-group{min-width:0;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--cream)}
.admin-body .packing-result-group h3{font:600 14px/1.5 var(--sans);margin:0 0 10px}
.admin-body .packing-result-group.success h3{color:#315c3c}
.admin-body .packing-result-group.failure{border-color:#e4b9b3;background:#fff4f2}
.admin-body .packing-result-group.failure h3{color:#923d39}
.admin-body .packing-result-group ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.admin-body .packing-result-group li{display:grid;gap:3px;font:400 13px/1.5 var(--sans);overflow-wrap:anywhere}
.admin-body .packing-result-group li span{color:var(--muted)}
.admin-body .packing-result-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px}
.admin-body .packing-result-actions :is(a,button){min-height:44px;display:inline-flex;align-items:center;justify-content:center;margin:0}
.admin-body dialog.packing-loading:has(.packing-results:not([hidden])){width:min(560px,calc(100vw - 32px))}
@media(max-width:600px){.admin-body .packing-result-actions>*{width:100%}}

.admin-body .packing-results{max-height:40dvh;overflow:auto;overscroll-behavior:contain;padding:2px}

.admin-body .packing-result-actions #packing-download-again{width:44px;min-width:44px;height:44px;padding:0;flex:none;border-radius:50%}
.admin-body .packing-download-icon svg{display:block;pointer-events:none}