/* Accessible shared sort indicator. Appearance is unified without replacing
   a table's own sorting, pagination or filtering implementation. */
:is(table, [role="table"]) .app-sort-enabled {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  cursor:pointer;
}
:is(table, [role="table"]) th.app-sort-enabled {display:table-cell;}
.app-sort-enabled > :is(.pricing-sort-arrows,.orders-sort__arrows,.warehouse-stock-sort__arrows,.api-sort-icon,.sort-arrows) {display:none!important;}
.app-sort-enabled > .app-sort-indicator{
  display:inline-flex!important;align-items:center;justify-content:center;
  width:14px;height:14px;min-width:14px;
  vertical-align:middle;line-height:0;color:currentColor;
  margin-inline-start:1px;
}
.app-sort-indicator svg {width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.app-sort-enabled[data-app-sort-state="asc"] .app-sort-arrow-down,
.app-sort-enabled[data-app-sort-state="desc"] .app-sort-arrow-up{display:none!important;}
.app-sort-enabled[data-app-sort-state="asc"] .app-sort-indicator,
.app-sort-enabled[data-app-sort-state="desc"] .app-sort-indicator{color:var(--sort-active-color,currentColor);}
.app-sort-enabled:focus-visible {outline:2px solid currentColor;outline-offset:3px;border-radius:3px;}
/* Hide only legacy decorative icons inside sort buttons; never touch status icons. */
button.app-sort-enabled[data-sort] > svg,
.review-sort.app-sort-enabled > svg,
.review-sort.app-sort-enabled > .app-icon {display:none!important;}

/* V901: hide redundant legacy arrows for controls now covered by the unified indicator. */
.products-modern-sort.app-sort-enabled > i,
.offline-sort.app-sort-enabled > .offline-sort__indicator,
[data-abc-sort].app-sort-enabled > span:not(.app-sort-indicator),
[data-ad-sort].app-sort-enabled > span:not(.app-sort-indicator){display:none!important;}
:is(table,[role="table"]) .app-sort-enabled>.app-sort-indicator{width:14px!important;height:14px!important;min-width:14px!important;}
:is(table,[role="table"]) .app-sort-enabled>.app-sort-indicator svg{width:14px!important;height:14px!important;}

/* V902: neutral = both arrows visible; the inactive state is explicit. */
.app-sort-enabled[data-app-sort-state="none"] .app-sort-arrow-up,
.app-sort-enabled[data-app-sort-state="none"] .app-sort-arrow-down{display:inline!important;}
.app-sort-enabled[data-app-sort-state="asc"] .app-sort-arrow-up,
.app-sort-enabled[data-app-sort-state="desc"] .app-sort-arrow-down{display:inline!important;}