/* Optional scope examples that only apply if you add .login-page to a wrapper */
.login-page .dept-select-light {
  background-color: #f8f9fa !important;
  color: #212529 !important;
  border: 1px solid #ccc !important;
}
.login-page .dept-select-light option { background-color:#fff !important; color:#212529 !important; }
.login-page .alert-danger { background-color:#dc3545 !important; color:#fff !important; font-weight:600; box-shadow:0 0 10px rgba(0,0,0,0.4); }

/* Old title class if used elsewhere */
.login-title { text-shadow: 0 1px 3px rgba(0,0,0,.8); }

/* Make the login column a size container (harmless even if not used) */
.login-col { container-type: inline-size; }

/* Title base look — JS will shrink to fit */
.oa-title{
  font-family: "Times New Roman", Times, serif;
  font-weight: 600;
  line-height: 1.05;
  white-space: nowrap;          /* <-- important fix */
  text-shadow: 0 1px 3px rgba(0,0,0,.6);
  font-size: 2.75rem;           /* starting size */
}

/* Fixed 32×32 badge */
.login-brand{
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px;
  object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
}