/* Tema 2 — Azul Corporativo: panel dividido pero invertido (aside a la derecha), esquinas más rectas */
body { background: #f1f5fb; }
.login-shell { flex-direction: row-reverse; }
.login-aside { background: linear-gradient(160deg, #1e3a8a, #2563eb 45%, #3b82f6 75%, #60a5fa); }
.login-aside::before, .login-aside::after { background: rgba(255,255,255,.05); }
.login-card-icon, .brand-icon { background: linear-gradient(135deg, #2563eb, #3b82f6); border-radius: 8px; }
.btn-login, .btn-verificar { background: linear-gradient(135deg, #2563eb, #3b82f6); border-radius: 6px; }
.field-control { border-radius: 6px; }
.field-control:focus, .code-input:focus { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,.15); }
:root {
  --sidebar-bg: #0f2942;
  --sidebar-hover: #16406b;
  --sidebar-active: #2563eb;
  --sidebar-text: #93b4d6;
  --sidebar-text-active: #fff;
  --topbar-bg: #fff;
  --brand-logo-bg: #2563eb;
}
#sidebar .brand .logo { border-radius: 6px; }