/* Small-screen layouts. Wide datasets scroll within their own table viewport. */
@media screen and (max-width:782px) {
 html:root body.as-readable-admin #wpbody-content .wrap {min-width:0;}
 html:root body.as-readable-admin #wpbody-content .wrap table:not(.wp-list-table):not(.form-table) {
  display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:auto!important;box-sizing:border-box;overscroll-behavior-x:contain;
 }
 html:root body.as-readable-admin #wpbody-content :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {max-width:100%!important;box-sizing:border-box;min-width:0!important;}
 html:root body.as-readable-admin #wpbody-content :is(.as-ai-panel,.as-ai-grid,.as-ai-grid>*,.as-nss-panel,.as-mgmt-card,.as-mgmt-grid>*) {min-width:0!important;max-width:100%;box-sizing:border-box;}
 html:root body.as-readable-admin #wpbody-content :is(.as-mgmt-kpis,.as-mgmt-arrival-grid,.as-nss-job-strip) {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 html:root body.as-readable-admin #wpbody-content :is(.as-ai-hero,.as-mgmt-hero,.as-mgmt-period,.as-mgmt-card-head,.as-nss-hero,.as-nss-job-top,.aswl-inventory-actions) {flex-wrap:wrap!important;max-width:100%;gap:12px;}
 html:root body.as-readable-admin #wpbody-content :is(.as-mgmt-kpis,.as-mgmt-arrival-grid,.as-nss-job-strip)>* {min-width:0;overflow-wrap:anywhere;}
 html:root body.as-readable-admin #wpbody-content .as-nss-pill {white-space:normal;overflow-wrap:anywhere;}
 html:root body.as-readable-admin #wpbody-content .wrap>[style*="display:grid"][style*="grid-template-columns"] {grid-template-columns:minmax(0,1fr)!important;}
 html:root body.as-readable-admin #wpbody-content .wrap>[style*="display:grid"]>* {min-width:0;box-sizing:border-box;}
 html:root body.as-readable-admin #wpbody-content .form-table {width:100%!important;max-width:100%!important;table-layout:fixed;}
 html:root body.as-readable-admin #wpbody-content :is(.button,button) {white-space:normal;overflow-wrap:anywhere;min-height:40px;height:auto;}
}

/* Liquid Glass reference treatment for portal action pills. */
html:root body :is(#asba-launcher,#aslc-launcher,#audiostaff-support-button,#audiostaff-home-button) {
 background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.13))!important;
 border:1px solid rgba(255,255,255,.58)!important;
 box-shadow:inset 0 1px 1px rgba(255,255,255,.72),inset 0 -1px 2px rgba(0,0,0,.12),0 8px 20px rgba(0,0,0,.20)!important;
 -webkit-backdrop-filter:blur(22px) saturate(165%)!important;backdrop-filter:blur(22px) saturate(165%)!important;
}
html[data-as-appearance="light"] body :is(#asba-launcher,#aslc-launcher,#audiostaff-support-button,#audiostaff-home-button) {color:#24313a!important}
html[data-as-appearance="grey"] body :is(#asba-launcher,#aslc-launcher,#audiostaff-support-button,#audiostaff-home-button) {background:linear-gradient(180deg,rgba(220,235,240,.28),rgba(80,92,104,.18))!important;color:#f5f8fa!important;border-color:rgba(235,247,255,.54)!important}
html[data-as-appearance="dark"] body :is(#asba-launcher,#aslc-launcher,#audiostaff-support-button,#audiostaff-home-button) {background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.07))!important;color:#f7f9fa!important;border-color:rgba(255,255,255,.48)!important}
html:root body #asba-launcher {background:linear-gradient(180deg,rgba(95,190,160,.62),rgba(25,111,87,.46))!important;color:#fff!important}

/* Portal action stack: translucent surfaces that follow the active appearance. */
html[data-as-appearance="light"] body :is(#asba-launcher,#aslc-launcher,#audiostaff-support-button,#audiostaff-home-button),
html:not([data-as-appearance]) body :is(#asba-launcher,#aslc-launcher,#audiostaff-support-button,#audiostaff-home-button) {
 background:rgba(255,255,255,.72)!important;
 color:#20242a!important;
 border-color:rgba(32,36,42,.18)!important;
 box-shadow:0 8px 24px rgba(18,28,45,.16)!important;
 backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
html[data-as-appearance="light"] body #asba-launcher,
html:not([data-as-appearance]) body #asba-launcher {
 background:rgba(30,106,83,.84)!important;color:#fff!important;border-color:rgba(255,255,255,.32)!important;
}
html[data-as-appearance="light"] body #audiostaff-home-button,
html:not([data-as-appearance]) body #audiostaff-home-button {
 background:rgba(16,16,16,.78)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important;
}
html[data-as-appearance="grey"] body :is(#asba-launcher,#aslc-launcher,#audiostaff-support-button,#audiostaff-home-button) {
 background:rgba(57,62,68,.72)!important;color:#eef1f3!important;border-color:rgba(220,228,235,.24)!important;
 box-shadow:0 8px 24px rgba(0,0,0,.24)!important;
 backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
html[data-as-appearance="grey"] body #asba-launcher {
 background:rgba(35,120,94,.78)!important;color:#fff!important;border-color:rgba(190,245,220,.32)!important;
}
html[data-as-appearance="dark"] body :is(#asba-launcher,#aslc-launcher,#audiostaff-support-button,#audiostaff-home-button) {
 background:rgba(20,20,20,.72)!important;color:#f2f3f4!important;border-color:rgba(255,255,255,.18)!important;
 box-shadow:0 8px 24px rgba(0,0,0,.34)!important;
 backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
html[data-as-appearance="dark"] body #asba-launcher {
 background:rgba(30,106,83,.78)!important;color:#fff!important;border-color:rgba(190,245,220,.28)!important;
}
html[data-as-appearance="dark"] body #audiostaff-home-button {
 background:rgba(10,10,10,.72)!important;color:#f2f3f4!important;
}
@media screen and (max-width:420px) {
 html:root body.as-readable-admin #wpbody-content :is(.as-mgmt-kpis,.as-mgmt-arrival-grid,.as-nss-job-strip) {grid-template-columns:minmax(0,1fr)!important;}
}
@media screen and (max-width:782px) {
 html:root:root:root:root:root:root:root:root body #as-live-dashboard-gadget.is-minimized {min-width:0!important;width:min(300px,calc(100vw - 24px))!important;height:auto!important;border-radius:16px!important;}
 html:root:root:root:root:root:root:root:root body #as-live-dashboard-gadget.is-minimized .lg-head {display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;grid-template-rows:auto auto;gap:2px 10px!important;padding:10px 12px!important;min-height:64px!important;height:auto!important;border-radius:16px!important;box-sizing:border-box;}
 html:root:root:root:root:root:root:root:root body #as-live-dashboard-gadget.is-minimized .lg-head>div {grid-column:1;grid-row:1;min-width:0!important;width:auto!important;}
 html:root:root:root:root:root:root:root:root body #as-live-dashboard-gadget.is-minimized .lg-status {grid-column:1;grid-row:2;min-width:0!important;width:auto!important;height:auto!important;max-height:none!important;padding:0!important;border-radius:0!important;background:transparent!important;white-space:normal!important;overflow-wrap:normal!important;line-height:1.5!important;}
 html:root:root:root:root:root:root:root:root body #as-live-dashboard-gadget.is-minimized [data-minimize] {grid-column:2;grid-row:1/span 2;width:44px!important;height:44px!important;align-self:center;}
}
@media screen and (max-width:782px) {
 #as-mobile-tools {position:fixed;right:12px;bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:99980;font-family:var(--as-type-font);color:var(--si-text,#20242a);}
 #as-mobile-tools summary {list-style:none;min-height:44px;box-sizing:border-box;padding:11px 16px;border:1px solid var(--si-line,#ccd0d5);border-radius:14px;background:var(--si-panel,#fff);box-shadow:0 4px 18px #0002;font-size:14px;font-weight:600;cursor:pointer;}
 #as-mobile-tools summary::-webkit-details-marker {display:none;}
 #as-mobile-tools .as-mobile-tools-list {position:absolute;bottom:54px;right:0;width:min(280px,calc(100vw - 24px));max-height:calc(100dvh - 210px);overflow:auto;box-sizing:border-box;padding:10px;border-radius:16px;border:1px solid var(--si-line,#ccd0d5);background:var(--si-panel,#fff);box-shadow:0 8px 30px #0003;}
 #as-mobile-tools:not([open]) .as-mobile-tools-list {display:none;}
 #as-mobile-tools .as-mobile-tools-list>* {margin:4px 0!important;box-sizing:border-box!important;min-height:44px!important;font-size:14px!important;}
 #as-mobile-tools :is(.audiostaff-home-label,.as-support-button-text) {display:inline!important;}
 #as-mobile-tools .as-mobile-live-open {width:100%;border:1px solid var(--si-line,#ccd0d5);border-radius:10px;background:var(--si-panel,#fff);color:inherit;cursor:pointer;font-family:inherit;}
 html[data-as-mobile-tools] body #as-live-dashboard-gadget.is-minimized {display:none!important;}
 html:root:root:root:root:root:root:root:root body #as-prominent-brand-filters>.as-b2b-brands-label {position:static!important;grid-column:1/-1!important;}
 html:root:root:root:root:root:root:root:root body #as-prominent-brand-filters>button[data-brand=""] {position:static!important;grid-column:1/-1!important;justify-self:start!important;min-height:44px!important;}
 html:root:root:root body .as-b2b-terms {grid-template-columns:minmax(0,1fr)!important;}
}
@media screen and (max-width:380px) {
 html:root:root:root:root:root:root:root:root body #as-prominent-brand-filters.as-brand-gallery[data-as-brand-gallery] {grid-template-columns:minmax(0,1fr)!important;}
 html:root:root:root:root:root:root:root:root body #as-prominent-brand-filters.as-brand-gallery[data-as-brand-gallery] button.as-brand-card {min-height:140px!important;}
}
@media screen and (max-width:782px) {
 html:root:root:root:root:root:root:root:root body #as-live-dashboard-gadget {min-width:0!important;max-width:calc(100vw - 24px)!important;width:calc(100vw - 24px)!important;box-sizing:border-box!important;right:12px!important;left:auto!important;}
 html:root:root:root:root:root:root:root:root body #as-mobile-tools #audiostaff-home-button .audiostaff-home-label,
 html:root:root:root:root:root:root:root:root body #as-mobile-tools #audiostaff-support-button .as-support-button-text {display:inline!important;}
}
@media screen and (max-width:782px) {
 #as-mobile-tools #aslc-launcher {align-items:center;justify-content:center;gap:8px;}
 #as-mobile-tools #aslc-launcher svg {width:20px!important;height:20px!important;flex:0 0 20px;fill:none!important;stroke:currentColor!important;stroke-width:1.6;}
}
@media screen and (max-width:782px) {
 /* Closed translated drawers and decorative artwork must not widen the page. */
 html:root body:not(.wp-admin) {overflow-x:clip;}
}

@media screen and (max-width: 600px) {
  html:root body .wc-block-cart .wc-block-cart-items { width:100%!important; table-layout:fixed; }
  html:root body .wc-block-cart .wc-block-cart-items__row { grid-template-columns:56px minmax(0,1fr)!important; gap:12px!important; }
  html:root body .wc-block-cart .wc-block-cart-item__image { grid-column:1!important; grid-row:1 / span 2!important; width:56px!important; padding:0!important; }
  html:root body .wc-block-cart .wc-block-cart-item__product { grid-column:2!important; grid-row:1!important; min-width:0!important; overflow-wrap:anywhere; }
  html:root body .wc-block-cart .wc-block-cart-item__total { grid-column:2!important; grid-row:2!important; justify-self:start; }
}
@media screen and (max-width:782px) {
 html:root:has(body:not(.wp-admin)) {overflow-x:clip;}
}

/* AUDIOSTAFF B2B catalog: frontend responsive containment. */
html:root body .as-pl-v3-table-wrap {
 width:100%; max-width:100%; overflow-x:auto; overflow-y:hidden;
 -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain;
}
html:root body .as-pl-v3-table { width:max-content; min-width:1180px; }
html:root body .as-pl-v3-table th,
html:root body .as-pl-v3-table td { box-sizing:border-box; }
html:root body .as-pl-v3-table :is(.as-pl-v3-name,.as-pl-v3-code,td) {
 overflow-wrap:anywhere; word-break:normal;
}

@media screen and (max-width:1100px) {
 html:root body .as-pl-v3-table { min-width:1020px; }
 html:root body .as-pl-v3-table :is(th,td) { padding:10px 8px!important; }
 html:root body .as-pl-v3-table .as-pl-v3-thumb { flex-basis:38px; width:38px; }
}

@media screen and (max-width:782px) {
 html:root body:not(.wp-admin) { overflow-x:hidden; }
 html:root body .as-pl-v3-table { min-width:920px; }
 html:root body .as-pl-v3-table :is(th,td) {
  padding:9px 7px!important; font-size:13px!important; line-height:1.35!important;
 }
 html:root body .as-pl-v3-table .col-product { min-width:230px; }
 html:root body .as-pl-v3-table .as-pl-v3-product { gap:8px; }
 html:root body .as-pl-v3-table .as-pl-v3-thumb { flex-basis:42px; width:42px; }
 html:root body .as-pl-v3-table :is(.as-pl-v3-add,.as-pl-v3-options) {
  min-width:58px; min-height:40px!important; padding-inline:10px;
 }
 html:root body #as-live-dashboard-gadget {
  max-width:calc(100vw - 24px)!important; min-width:0!important; box-sizing:border-box;
 }
 html:root body .as-pl-v3-cartbar { max-width:calc(100vw - 24px); box-sizing:border-box; }
}

@media screen and (max-width:600px) {
 html:root body .as-pl-v3-table { min-width:640px; }
 html:root body .as-pl-v3-table .col-product { min-width:220px; width:220px; }
 html:root body .as-pl-v3-table :is(.col-sku,.col-upc,.col-hs,.col-weight,.col-dimensions,
  th.col-sku,th.col-upc,th.col-hs,th.col-weight,th.col-dimensions) { display:none; }
 html:root body .as-pl-v3-table .as-pl-v3-name {
  white-space:normal; overflow-wrap:anywhere; word-break:normal;
 }
}

@media screen and (max-width:380px) {
 html:root body .as-pl-v3-table { min-width:610px; }
 html:root body .as-pl-v3-table :is(th,td) { padding-inline:6px!important; }
 html:root body .as-pl-v3-table .col-product { min-width:205px; width:205px; }
}

/* Keep the three persistent portal actions in one predictable stack. The
 * responsive script supplies the geometry; these rules keep their visual
 * language consistent with the rest of the portal. */
@media screen and (min-width:783px) {
 html:root body #asba-launcher {
  background:#1e6a53!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;
  box-shadow:0 8px 24px rgba(18,28,45,.22)!important;cursor:pointer!important;
  font-weight:650!important;text-decoration:none!important;
 }
 html:root body #aslc-launcher {
  background:#fff!important;color:#20242a!important;border:1px solid #dfe3e8!important;
  box-shadow:0 8px 24px rgba(18,28,45,.16)!important;text-decoration:none!important;
 }
 html:root body #aslc-launcher svg {width:21px!important;height:21px!important;flex:0 0 21px;fill:none!important;stroke:currentColor!important;stroke-width:1.8;}
 html:root body #audiostaff-support-button {
  background:#fff!important;color:#20242a!important;border:1px solid #dfe3e8!important;
  box-shadow:0 8px 24px rgba(18,28,45,.16)!important;cursor:pointer!important;
 }
 html:root body #audiostaff-home-button {
  background:#101010!important;color:#fff!important;border:1px solid #101010!important;
  box-shadow:0 8px 24px rgba(18,28,45,.24)!important;text-decoration:none!important;
 }
 html:root body #audiostaff-home-button :is(.audiostaff-home-icon,.audiostaff-home-label),
 html:root body #audiostaff-support-button .as-support-button-text {color:inherit!important;}
 html:root body :is(#aslc-launcher,#audiostaff-support-button,#audiostaff-home-button):hover {transform:translateY(-1px)!important;}
}

/* Final theme override for translucent portal actions. */
html[data-as-appearance="light"] body :is(#asba-launcher,#aslc-launcher,#audiostaff-support-button,#audiostaff-home-button),
html:not([data-as-appearance]) body :is(#asba-launcher,#aslc-launcher,#audiostaff-support-button,#audiostaff-home-button) {background:rgba(255,255,255,.72)!important;color:#20242a!important;border-color:rgba(32,36,42,.18)!important;box-shadow:0 8px 24px rgba(18,28,45,.16)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
html[data-as-appearance="light"] body #asba-launcher,html:not([data-as-appearance]) body #asba-launcher {background:rgba(30,106,83,.84)!important;color:#fff!important;border-color:rgba(255,255,255,.32)!important}
html[data-as-appearance="light"] body #audiostaff-home-button,html:not([data-as-appearance]) body #audiostaff-home-button {background:rgba(16,16,16,.78)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}
html[data-as-appearance="grey"] body :is(#asba-launcher,#aslc-launcher,#audiostaff-support-button,#audiostaff-home-button) {background:rgba(57,62,68,.72)!important;color:#eef1f3!important;border-color:rgba(220,228,235,.24)!important;box-shadow:0 8px 24px rgba(0,0,0,.24)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
html[data-as-appearance="grey"] body #asba-launcher {background:rgba(35,120,94,.78)!important;color:#fff!important;border-color:rgba(190,245,220,.32)!important}
html[data-as-appearance="dark"] body :is(#asba-launcher,#aslc-launcher,#audiostaff-support-button,#audiostaff-home-button) {background:rgba(20,20,20,.72)!important;color:#f2f3f4!important;border-color:rgba(255,255,255,.18)!important;box-shadow:0 8px 24px rgba(0,0,0,.34)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
html[data-as-appearance="dark"] body #asba-launcher {background:rgba(30,106,83,.78)!important;color:#fff!important;border-color:rgba(190,245,220,.28)!important}
html[data-as-appearance="dark"] body #audiostaff-home-button {background:rgba(10,10,10,.72)!important;color:#f2f3f4!important}

/* Compact Apple-like glass controls. Keep geometry above the responsive
   script's defaults so the floating actions remain discreet on mobile. */
html body :is(#asba-launcher,#aslc-launcher,#audiostaff-support-button,#audiostaff-home-button) {
 width:166px!important;min-width:166px!important;max-width:166px!important;
 height:42px!important;min-height:42px!important;max-height:42px!important;
 padding:0 14px!important;border-radius:21px!important;
 font-size:13px!important;font-weight:600!important;line-height:1!important;
 letter-spacing:-.01em!important;
 background:rgba(255,255,255,.18)!important;
 border:1px solid rgba(255,255,255,.38)!important;
 box-shadow:inset 0 1px 1px rgba(255,255,255,.48),inset 0 -1px 1px rgba(0,0,0,.08),0 7px 22px rgba(0,0,0,.18)!important;
 -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
 backdrop-filter:blur(18px) saturate(145%)!important;
}
html body #asba-launcher {width:178px!important;min-width:178px!important;max-width:178px!important;background:rgba(30,106,83,.62)!important;color:#fff!important}
html body :is(#aslc-launcher,#audiostaff-support-button) {background:rgba(255,255,255,.14)!important}
html body #audiostaff-home-button {background:rgba(12,12,14,.52)!important}
html body :is(#asba-launcher,#aslc-launcher,#audiostaff-support-button,#audiostaff-home-button):hover {
 transform:translateY(-1px) scale(1.01)!important;
 box-shadow:inset 0 1px 1px rgba(255,255,255,.56),0 10px 26px rgba(0,0,0,.22)!important;
}
html body :is(#asba-launcher,#aslc-launcher,#audiostaff-support-button,#audiostaff-home-button):active {transform:scale(.98)!important}
@media(max-width:782px){
 html body :is(#asba-launcher,#aslc-launcher,#audiostaff-support-button,#audiostaff-home-button) {
  width:154px!important;min-width:154px!important;max-width:154px!important;
  height:38px!important;min-height:38px!important;max-height:38px!important;
  border-radius:19px!important;font-size:12px!important;padding:0 12px!important;
 }
 html body #asba-launcher {width:166px!important;min-width:166px!important;max-width:166px!important}
}

html:root body :is(#asba-launcher,#aslc-launcher,#audiostaff-support-button,#audiostaff-home-button) {background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.13))!important;border:1px solid rgba(255,255,255,.58)!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.72),inset 0 -1px 2px rgba(0,0,0,.12),0 8px 20px rgba(0,0,0,.20)!important;-webkit-backdrop-filter:blur(22px) saturate(165%)!important;backdrop-filter:blur(22px) saturate(165%)!important}
html[data-as-appearance="light"] body :is(#asba-launcher,#aslc-launcher,#audiostaff-support-button,#audiostaff-home-button) {color:#24313a!important}
html[data-as-appearance="grey"] body :is(#asba-launcher,#aslc-launcher,#audiostaff-support-button,#audiostaff-home-button) {background:linear-gradient(180deg,rgba(220,235,240,.28),rgba(80,92,104,.18))!important;color:#f5f8fa!important;border-color:rgba(235,247,255,.54)!important}
html[data-as-appearance="dark"] body :is(#asba-launcher,#aslc-launcher,#audiostaff-support-button,#audiostaff-home-button) {background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.07))!important;color:#f7f9fa!important;border-color:rgba(255,255,255,.48)!important}
html:root body #asba-launcher {background:linear-gradient(180deg,rgba(95,190,160,.62),rgba(25,111,87,.46))!important;color:#fff!important}