/* ===== UI Fix Pack (aggressive clamp) ===== */

/* 1) Pagination: clamp any oversized icons/images/SVGs and font sizes */
.pagination,
.pagination * {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.pagination img,
.pagination svg,
.pagination a>img,
.pagination a>svg {
  width: 18px !important;
  height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  object-fit: contain !important;
}

/* 2) Generic arrow classes often used by themes */
.arrow,
.arrow-left,
.arrow-right,
.big-arrow,
[class*="arrow"] {
  font-size: 22px !important;
  line-height: 22px !important;
  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
}
.arrow img,
.arrow-left img,
.arrow-right img,
.big-arrow img,
[class*="arrow"] img {
  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
}

/* 3) Prevent layout blow-ups by stray gigantic images */
main img:not(.logo):not(.keep-size),
.table-responsive img,
.card img {
  max-width: 100% !important;
  height: auto !important;
}

/* 4) Reserve bottom spacing to avoid overlap with footers/toolbars */
body { padding-bottom: 64px !important; }
.footer-spacer { height: 24px; }

/* 5) Editable table UX */
.table-editable td[contenteditable="true"] {
  background: #fffef7;
  outline: none;
}
.table-editable td[contenteditable="true"]:focus {
  box-shadow: inset 0 0 0 2px #0d6efd33;
  background: #fffffb;
}

/* 6) RTL niceties */
html[dir="rtl"] .table thead th,
html[dir="rtl"] .table td,
html[dir="rtl"] .table th { text-align: right; }
html[dir="rtl"] code { direction: ltr; unicode-bidi: plaintext; }