
/* R35.73.54 - Recuperacion segura + login compacto */

/* 1) Ajustes del ingreso / autenticacion */
.login-container,
.auth-container,
[class*="login-container"],
[class*="auth-container"],
[class*="signin-container"],
[class*="auth-wrapper"],
[class*="login-wrapper"] {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}

.login-card,
.auth-card,
[class*="login-card"],
[class*="auth-card"],
[class*="signin-card"],
[class*="access-card"] {
  max-width: 520px !important;
  margin: 0 auto !important;
  padding: 18px !important;
  box-sizing: border-box !important;
}

.login-grid,
.auth-grid,
[class*="login-grid"],
[class*="auth-grid"],
[class*="access-grid"] {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 12px !important;
  align-items: start !important;
}

.login-card .row,
.auth-card .row,
[class*="login-card"] .row,
[class*="auth-card"] .row,
[class*="signin-card"] .row,
[class*="access-card"] .row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}

.login-card input,
.login-card select,
.login-card button,
.auth-card input,
.auth-card select,
.auth-card button,
[class*="login-card"] input,
[class*="login-card"] select,
[class*="login-card"] button,
[class*="auth-card"] input,
[class*="auth-card"] select,
[class*="auth-card"] button,
[class*="signin-card"] input,
[class*="signin-card"] select,
[class*="signin-card"] button,
[class*="access-card"] input,
[class*="access-card"] select,
[class*="access-card"] button {
  min-height: 42px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* 2) Compactar cuadros/acciones del encabezado sin alterar logica */
[class*="header-actions"],
[class*="top-actions"],
[class*="toolbar-actions"],
[class*="hero-actions"] {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
}

[class*="summary-cards"],
[class*="stats-grid"],
[class*="dashboard-cards"] {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 12px !important;
}

@media (max-width: 900px) {
  .login-card .row,
  .auth-card .row,
  [class*="login-card"] .row,
  [class*="auth-card"] .row,
  [class*="signin-card"] .row,
  [class*="access-card"] .row {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 768px) {
  .login-container,
  .auth-container,
  [class*="login-container"],
  [class*="auth-container"],
  [class*="signin-container"],
  [class*="auth-wrapper"],
  [class*="login-wrapper"] {
    padding: 12px !important;
  }

  .login-card,
  .auth-card,
  [class*="login-card"],
  [class*="auth-card"],
  [class*="signin-card"],
  [class*="access-card"] {
    max-width: 100% !important;
    padding: 14px !important;
  }
}
