/* small extras on top of Tailwind */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] { -moz-appearance: textfield; }

.tc-amount {
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}

.tc-table th { font-weight: 600; font-size: 0.78rem; letter-spacing: 0.02em; text-transform: uppercase; }
.tc-table td, .tc-table th { padding: 0.55rem 0.75rem; }
.tc-table tbody tr { border-top: 1px solid rgb(226 232 240 / 0.6); }
.dark .tc-table tbody tr { border-top-color: rgb(51 65 85 / 0.6); }
.tc-table td { word-break: break-word; }

.tc-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.1rem 0.55rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 500;
  background: rgb(226 232 240);
  color: rgb(30 41 59);
}
.dark .tc-chip { background: rgb(51 65 85); color: rgb(226 232 240); }

.tc-chip-fixed { background: #fde68a; color: #92400e; }
.dark .tc-chip-fixed { background: #78350f; color: #fde68a; }

.tc-overdue { background: rgba(239,68,68,0.08); }
.dark .tc-overdue { background: rgba(239,68,68,0.18); }

@media (max-width: 768px) {
  button,
  a,
  input,
  select,
  textarea {
    font-size: 16px; /* prevent iOS zoom on input focus */
  }
  .tc-table { min-width: 680px; }
}