/* Glowrity Marketplace 1.2.10 — compact Seller Central actions and SVG icon guard. */

/*
 * Lucide/Heroicon-style SVGs without an explicit rendered size can inherit the
 * global responsive-media rule and expand to the width of the phone. Keep
 * interface artwork compact while leaving product media and analytics charts
 * untouched.
 */
.seller-central-page :where(a,button,summary,[role="button"]) > svg,
.seller-central-page :where(a,button,summary,[role="button"]) > :where(.icon,.action-icon,.button-icon,.quick-action-icon,.action-card-icon,.dashboard-action-icon) > svg,
.seller-central-page :where(.quick-action,.quick-action-card,.action-card,.action-tile,.seller-action,.seller-action-card,.dashboard-action,.dashboard-action-card) svg,
.seller-central-page svg[data-lucide],
.seller-central-page svg[viewBox="0 0 24 24"],
.seller-central-page svg[viewBox="0 0 20 20"] {
  display: block;
  inline-size: 22px !important;
  block-size: 22px !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  flex: 0 0 22px;
}

/* Compact visual treatment; the 44px touch target remains accessible. */
.seller-central-page .seller-content :where(.button,button:not(.icon-button),[role="button"]) {
  min-height: 44px !important;
  padding: 7px 11px !important;
  border-radius: 8px;
  font-size: 13px !important;
  line-height: 1.2;
}

.seller-central-page .seller-content :where(.quick-action,.quick-action-card,.action-card,.action-tile,.seller-action,.seller-action-card,.dashboard-action,.dashboard-action-card) {
  min-height: 0 !important;
  padding: 10px 12px !important;
  gap: 9px !important;
}

@media (max-width: 760px) {
  .seller-central-page :where(a,button,summary,[role="button"]) > svg,
  .seller-central-page :where(a,button,summary,[role="button"]) > :where(.icon,.action-icon,.button-icon,.quick-action-icon,.action-card-icon,.dashboard-action-icon) > svg,
  .seller-central-page :where(.quick-action,.quick-action-card,.action-card,.action-tile,.seller-action,.seller-action-card,.dashboard-action,.dashboard-action-card) svg,
  .seller-central-page svg[data-lucide],
  .seller-central-page svg[viewBox="0 0 24 24"],
  .seller-central-page svg[viewBox="0 0 20 20"] {
    inline-size: 20px !important;
    block-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    flex-basis: 20px;
  }

  .seller-central-page .seller-content :where(.button,button:not(.icon-button),[role="button"]) {
    padding: 6px 10px !important;
    font-size: 14px !important;
  }

  .seller-central-page .seller-content :where(.quick-actions,.seller-quick-actions,.dashboard-actions,.action-grid) {
    gap: 8px !important;
  }
}

@media (max-width: 430px) {
  .seller-central-page .seller-content :where(.quick-action,.quick-action-card,.action-card,.action-tile,.seller-action,.seller-action-card,.dashboard-action,.dashboard-action-card) {
    padding: 8px 10px !important;
  }
}