select {
  width: 100%; border: 1px solid var(--line); border-radius: 10px;
  padding: 12px 14px; font: inherit; outline: none; background: white;
}
.filters { align-items: end; flex-wrap: wrap; justify-content: flex-start; }
.filters h2 { width: 100%; }
.filters > input, .filters > select { max-width: 260px; }
.filters > label { margin: 0; min-width: 145px; }
.filters > button { align-self: end; }
.role-select { padding: 8px; min-width: 150px; }
.danger { background: #fff0ef; color: #a12b24; }
.muted { color: var(--muted); }
.bakof-logo { display: block; object-fit: contain; }
.login-logo { width: 230px; height: 54px; object-position: center; margin: 0 auto; }
.sidebar-logo { width: 180px; height: 42px; object-position: left center; }
.user-actions { display: flex; gap: 7px; flex-wrap: wrap; }
.user-actions button { padding: 8px 10px; font-size: 12px; }
.inactive-row { opacity: .55; }
.log-status { display: inline-block; padding: 5px 8px; border-radius: 20px; font-size: 11px; font-weight: 800; }
.log-status.success { background: #e9f5d7; color: #50731b; }
.log-status.error { background: #fff0ef; color: #a12b24; }
.log-status.running { background: #e9eef8; color: #385485; }
.eyebrow.production { color: #a12b24; }
button:disabled { opacity: .55; cursor: not-allowed; }
@media (max-width: 800px) {
  .filters > * { max-width: none !important; width: 100%; }
}