/* Clean typographic rhythm and refined mobile ergonomics */
* {
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}

body {
  font-family: 'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  letter-spacing: normal;
}

/* Hide scrollbar for clean chip lists */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Filter tab active state */
.filter-tab.active-filter {
  background-color: #1E4638;
  color: #FFFFFF;
  border-color: #1E4638;
}

/* Subtle shadows */
.shadow-xs {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}

/* Input custom reset */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}

/* Card hover transitions on desktop */
@media (hover: hover) {
  .debt-card {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }
  .debt-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px -2px rgba(0, 0, 0, 0.06);
  }
}