:root {
  --admin-bg: #eef2f6;
  --admin-navy: #253c52;
  --admin-orange: #ff7800;
}

body { background: var(--admin-bg); color: #17212b; }
.admin-navbar { background: var(--admin-navy); }
.admin-navbar .navbar-brand, .admin-navbar .nav-link { color: rgba(255,255,255,.9); }
.admin-navbar .nav-link:hover, .admin-navbar .nav-link.active { color: #fff; }
.admin-navbar .nav-link.active { box-shadow: inset 0 -.18rem 0 var(--admin-orange); }
.admin-logo { height: 36px; width: auto; background: #fff; border-radius: .35rem; padding: .2rem; }
.admin-main { max-width: 1800px; }
.admin-card { border: 0; box-shadow: 0 .2rem .8rem rgba(24,39,54,.08); }
.admin-metric { border-left: .3rem solid var(--admin-orange); }
.admin-table { font-size: .9rem; }
.admin-table th { white-space: nowrap; }
.admin-table td { vertical-align: middle; }
.admin-pre { max-height: 65vh; overflow: auto; white-space: pre-wrap; word-break: break-word; }
.admin-login-page { min-height: 100vh; display: grid; place-items: center; padding: 1rem; background: var(--admin-navy); }
.admin-login-card { width: min(440px, 100%); }
.admin-login-logo { width: 96px; height: auto; }
.admin-logout { display: inline; }
.admin-account { display: flex; align-items: center; justify-content: flex-end; gap: .8rem; color: #fff; }
.admin-account-identity { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.15; white-space: nowrap; }
.admin-account-name { font-weight: 600; }
.admin-account-identity small { color: rgba(255,255,255,.65); }
.badge-status-success { background: #198754; }
.badge-status-failed { background: #dc3545; }
.badge-status-running { background: #0d6efd; }
.badge-status-skipped { background: #6c757d; }

@media (max-width: 991.98px) {
  .admin-menu { margin-top: 1rem; }
  .admin-account { justify-content: space-between; margin-top: .75rem; padding-top: .75rem; border-top: 1px solid rgba(255,255,255,.18); }
  .admin-account-identity { align-items: flex-start; }
}

/* Operator filters use the same dimensions as existing Bootstrap inputs. */
.work-filters label { display: flex; flex-direction: column; justify-content: flex-end; gap: .25rem; }
.work-filters .form-select { display: block; width: 100%; padding: .375rem .75rem; min-height: 38px; color: inherit; background: #fff; border: 1px solid #ced4da; border-radius: .25rem; }