.test-environment-banner {
  position: fixed;
  inset: 0 0 auto;
  z-index: 1000;
  height: 38px;
  display: grid;
  place-items: center;
  background: #8a3200;
  color: #fff;
  font-weight: 900;
  letter-spacing: .12em;
  box-shadow: 0 2px 8px #0004;
}

.test-environment { padding-top: 38px; }
.test-environment .login-page { min-height: calc(100vh - 38px); }
.test-environment .sidebar { top: 38px; }
.test-environment .topbar { top: 38px; }
.test-environment #loginForm,
.test-environment #accountListBtn,
.test-environment #requestAccountBtn,
.test-environment .login-options { display: none !important; }

.test-quick-login { display: grid; gap: 10px; margin-top: 24px; }
.test-quick-login h3 { margin: 0; font-size: 17px; }
.test-quick-login > p { margin: 0 0 8px; color: var(--muted); font-size: 12px; }
.test-access-code { display: grid; gap: 6px; color: var(--navy); font-size: 12px; font-weight: 800; }
.test-access-code input {
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid #c8d2e0;
  border-radius: 8px;
  background: #fff;
  color: var(--navy);
}
.test-access-code input:focus { outline: 2px solid #1f6feb44; border-color: var(--blue); }
.test-quick-login > button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 54px;
  padding: 11px 14px;
  border: 1px solid #d7dfeb;
  border-radius: 9px;
  background: #fff;
  text-align: left;
  cursor: pointer;
}
.test-quick-login > button:hover { border-color: var(--blue); background: #f5f9ff; }
.test-quick-login > button:disabled { opacity: .55; cursor: wait; }
.test-quick-login b,
.test-quick-login span { display: block; }
.test-quick-login b { font-size: 13px; color: var(--navy); }
.test-quick-login span { font-size: 11px; color: var(--muted); }