:root {
  color-scheme: light;
}

.filter-select,
.filter-input {
  width: 100%;
  border-radius: 0.75rem;
  border: 1px solid rgba(148, 163, 184, 0.7);
  background-color: #fff;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  color: #334155;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.filter-select:focus,
.filter-input:focus {
  border-color: #0B3A67;
  outline: none;
  box-shadow: 0 0 0 3px rgba(11, 58, 103, 0.2);
}

.htmx-indicator {
  display: none;
}

.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
  display: inline-block;
}

.table-scrollbar::-webkit-scrollbar {
  height: 8px;
}

.table-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(11, 58, 103, 0.3);
  border-radius: 9999px;
}