/* Shared POS action buttons. Loaded last so page-local rules cannot leave
   actions with browser-default, grey, or inconsistent button treatments. */
body :is(button, input[type="submit"], input[type="button"], a.primary-button, a.secondary-button, a.template-button, a.sarp-btn, a[role="button"]):not(:where(
  aside *, nav *, .item-picker .item-list *, .pos-search-results *, .pos-select-results *, .pos-list-results *,
  .product-tile, .product-image, .product-image-card, .item-groups *, .catalog-toolbar *,
  .deal-strip *, .expense-list *, .pos-palette-list *, .pos-appearance-panel *, .appearance-panel *,
  .rz-datepicker *, .rz-calendar *, .rz-dropdown-panel *, .rz-paginator *
)) {
  display: inline-flex;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px;
  min-height: 34px;
  padding: 7px 13px;
  border: 1px solid transparent !important;
  border-radius: 5px !important;
  background: var(--sarp-action) !important;
  color: var(--sarp-action-text) !important;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700 !important;
  line-height: 1.4;
  text-decoration: none !important;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: none !important;
  transition: background-color .15s ease, opacity .15s ease;
}
body :is(button, input[type="submit"], input[type="button"], a.primary-button, a.secondary-button, a.template-button, a.sarp-btn, a[role="button"]):not(:where(aside *, nav *, .item-picker .item-list *, .pos-search-results *, .pos-select-results *, .pos-list-results *, .product-tile, .product-image, .product-image-card, .item-groups *, .catalog-toolbar *, .deal-strip *, .expense-list *, .pos-palette-list *, .pos-appearance-panel *, .appearance-panel *, .rz-datepicker *, .rz-calendar *, .rz-dropdown-panel *, .rz-paginator *)):hover {
  background: var(--sarp-action-hover) !important;
  color: var(--sarp-action-text) !important;
}
body :is(button, input[type="submit"], input[type="button"], a.primary-button, a.secondary-button, a.template-button, a.sarp-btn, a[role="button"]):not(:where(aside *, nav *, .item-picker .item-list *, .pos-search-results *, .pos-select-results *, .pos-list-results *, .product-tile, .product-image, .product-image-card, .item-groups *, .catalog-toolbar *, .deal-strip *, .expense-list *, .pos-palette-list *, .pos-appearance-panel *, .appearance-panel *, .rz-datepicker *, .rz-calendar *, .rz-dropdown-panel *, .rz-paginator *)):is(:disabled, [aria-disabled="true"]) {
  background: var(--sarp-action) !important;
  color: var(--sarp-action-text) !important;
  opacity: .5 !important;
  cursor: not-allowed;
}
body button:has(>.pos-action-icon) {
  min-width: 34px !important;
  width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
}
body button .material-symbols-outlined { text-transform: none; }
body :is(button, a[role="button"]):focus-visible {
  outline: 2px solid var(--sarp-action) !important;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  button, a[role="button"] { transition: none !important; }
}