/* Login industrial: scoped to the existing authentication screen. */
body.login {
  color-scheme: dark;
  --text: #F5F7FA;
  --text-2: #F5F7FA;
  --muted: #A4B7CC;
  --ring: 0 0 0 3px rgba(255, 205, 0, .25);
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  padding: 24px 5vw;
  background: #06182B url("../public/images/alcomosa-fondo.png") center / cover no-repeat;
  background-attachment: fixed;
}

.login .login-card {
  width: 420px;
  max-width: 90vw;
  margin: 0;
  padding: 28px;
  color: #F5F7FA;
  background: rgba(8, 30, 53, .88);
  border: 1px solid rgba(142, 168, 195, .25);
  border-radius: 12px;
  box-shadow: 0 18px 50px rgba(0, 10, 22, .3);
}

.login-card .brand { padding: 0; }
.login-card .company-logo {
  display: block;
  width: 230px;
  max-width: 100%;
  height: auto;
}
.login-card h1 { margin: 26px 0 24px; font-size: 23px; line-height: 1.25; }
.login-card label { color: #F5F7FA; gap: 7px; margin-bottom: 16px; font-size: 12px; }
.login .login-card input:not([type=hidden]) {
  width: 100%;
  min-width: 0;
  min-height: 46px;
  padding: 11px 13px;
  border: 1px solid rgba(142, 168, 195, .28);
  border-radius: 8px;
  background: #0B2542;
  color: #F5F7FA;
  caret-color: var(--brand-yellow);
  font-size: 16px;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.login-card input::placeholder { color: #90A5BF; opacity: 1; }
.login .login-card input:focus { outline: none; border-color: var(--brand-yellow); box-shadow: var(--ring); background: #0B2542; }
.login-card input:autofill { box-shadow: inset 0 0 0 100px #0B2542; }
.login-card input:-webkit-autofill { -webkit-text-fill-color: #F5F7FA; -webkit-box-shadow: inset 0 0 0 100px #0B2542; }
.login-card .btn.primary {
  width: 100%;
  min-height: 48px;
  margin-top: 6px;
  border-radius: 8px;
  background: var(--brand-yellow);
  color: #06182B;
  font-size: 14px;
  font-weight: 700;
  box-shadow: none;
  transition: background .15s ease, transform .1s ease;
}
.login-card .btn.primary:hover { background: var(--brand-yellow-hover); color: #06182B; }
.login-card .login-install { width: 100%; min-height: 44px; margin-top: 10px; gap: 8px; }
.login-card .login-install[hidden] { display: none; }
.login-card .errorlist { margin: 0 0 16px; padding-left: 18px; color: #F5F7FA; }

@media (max-width: 480px) {
  body.login { padding: 20px 5vw; background-position: 65% center; }
  .login .login-card { padding: 24px; }
  .login-card h1 { font-size: 21px; }
}
@media (max-height: 500px) {
  body.login { padding-top: 16px; padding-bottom: 16px; }
  .login .login-card { padding: 24px; }
  .login-card h1 { margin-top: 18px; }
}

html:not(.light) body.login{--brand-yellow:#D6B15F;--brand-yellow-hover:#E0BD73;--ring:0 0 0 3px rgba(214,177,95,.22)}