/* ── Base font size ─────────────────────────────────── */
html { font-size: 16.5px; }

/* ── Scrollbar ──────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f2f2f2; }
::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #aaa; }

/* ── Show card ──────────────────────────────────────── */
.show-card { transition: border-color 0.15s ease, box-shadow 0.15s ease; }
.show-card:hover { border-color: #ccc; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }

/* ── Filter selects ─────────────────────────────────── */
select option { background: #ffffff; color: #1a1a1a; }

/* ── Table row hover ────────────────────────────────── */
tbody tr { transition: background-color 0.1s ease; }

/* ── Sticky sidebar doesn't exceed viewport ─────────── */
.sticky { max-height: calc(100vh - 5rem); overflow-y: auto; }

/* ── Red glow on primary buttons ───────────────────── */
#more-btn, #apply-filter {
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}
#more-btn:hover, #apply-filter:hover {
  box-shadow: 0 0 10px rgba(169, 7, 7, 0.35);
}