/* octotable_filter.css — styles for the generic per-column table filter.
   Colours follow the app's corporate petrol via CSS variables, with safe
   fallbacks so the component also works on pages that don't define them. */

.octo-filter-row th {
  padding: 3px 5px;
  background: var(--petrol-light, #e0f4f5);
  position: sticky;
  top: 0; /* overridden by page if it has its own sticky header offset */
}

.octo-filter {
  width: 100%;
  box-sizing: border-box;
  font-size: .72rem;
  padding: 2px 5px;
  border: 1px solid var(--border, #cbd5e1);
  border-radius: 4px;
  background: #fff;
  color: #1f2937;
  font-weight: 400;
}
.octo-filter:focus {
  outline: none;
  border-color: var(--petrol, #008591);
  box-shadow: 0 0 0 2px rgba(0, 133, 145, .15);
}
.octo-filter-select { cursor: pointer; }

/* Hidden rows when a filter excludes them. */
tr.octo-hidden { display: none; }