.sub { color: var(--tblr-secondary); font-size: .875rem; }
.navbar[data-bs-theme="dark"] { background: #111827; }
.task-meta { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .4rem; }
.flash-stack { display: grid; gap: .5rem; margin-bottom: 1rem; }

.auth-login-page {
  min-height: 100vh;
  background: #2f6a46;
}

.auth-login-page .page,
.auth-login-page .page-wrapper,
.auth-login-page .page-body {
  min-height: 100vh;
}

.auth-login-page .page-body {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 1rem;
}

.auth-login-page .container-xl {
  display: flex;
  justify-content: center;
}

.auth-login-card {
  width: min(100%, 420px);
  border: 1px solid #d7dfda;
  border-radius: 8px;
}

.staff-logo {
  width: 88px;
  height: 88px;
  object-fit: contain;
  border-radius: 8px;
  background: #fff;
}

.auth-login-card .btn-primary {
  background: linear-gradient(180deg, #2f6a46, color-mix(in oklab, #3b7cb0 65%, #2f6a46));
  border-color: transparent;
}

.auth-login-card .btn-primary:focus {
  box-shadow: 0 0 0 3px #9bd3b5;
}