/* GardaWorld-aligned login palette: red, white, black and neutral greys. */
.login {
  background:
    radial-gradient(circle at 12% 12%, rgba(213,43,30,.24), transparent 34%),
    radial-gradient(circle at 88% 90%, rgba(255,255,255,.06), transparent 30%),
    linear-gradient(135deg, #090909 0%, #202020 58%, #353535 100%);
}

.tenant-login-brand {
  background: linear-gradient(150deg, #0b0b0b 0%, #1d1d1d 67%, #3b1110 100%) !important;
}

.tenant-login-brand::after {
  background: radial-gradient(circle, rgba(213,43,30,.3), transparent 68%);
}

.login-brand-mark {
  border-color: rgba(255,255,255,.22);
  background: #d52b1e;
  color: #fff;
  box-shadow: 0 14px 32px rgba(0,0,0,.35);
}

.tenant-login-brand .tag { color: #f07169; }
.tenant-login-brand .login-title strong { color: #f05a50; }
.login-brand-copy { color: #c8c8c8; }
.login-trust-list { color: #ededed; }
.login-trust-list i {
  border-color: rgba(213,43,30,.48);
  background: rgba(213,43,30,.18);
  color: #ff8178;
}
.tenant-login-brand .login-stat div { color: #bdbdbd; }

.login .login-step.active,
.login .selected-workspace-code,
.login .primary,
.login .login-submit {
  background: #d52b1e !important;
}

.login .login-step.active { box-shadow: 0 0 0 5px rgba(213,43,30,.1); }
.login .login-eyebrow,
.login .login-back,
.login .login-password-toggle { color: #b82419; }
.login .tenant-login-form .input:focus {
  border-color: #d52b1e;
  box-shadow: 0 0 0 4px rgba(213,43,30,.1);
}
.login .login-submit { box-shadow: 0 10px 22px rgba(213,43,30,.24); }
.login .login-submit:hover:not(:disabled) { box-shadow: 0 14px 28px rgba(213,43,30,.3); }
.login-security-footer { color: #e1e1e1; }

/* Preserve measured emphasis in Personnel without returning to extra-bold type. */
.personnel-kpi b,
.personnel-kpi strong,
.employee-biodata-section .card-h b,
.smart-onboarding-section > summary b,
.employee-profile-card h3,
.personnel-profile h3,
.emp-number-link,
.emp-name-link {
  font-weight: 600 !important;
}

.personnel-filter-grid label,
.employee-biodata-section label,
.employee-biodata-actions,
.smart-onboarding-actions {
  font-weight: 500 !important;
}

.personnel-filter-grid .input,
.employee-biodata-section .input,
.employee-biodata-section select,
.employee-biodata-section textarea {
  font-weight: 400 !important;
}