// ============================================================
// Login del panel admin (estilo unificado, antes `<style jsx>` en login.tsx)
// ============================================================
.login-page {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  min-height: 100vh;

  .card {
    border: none;
    border-radius: 10px;
  }

  .card-body {
    background: white;
    border-radius: 10px;
  }

  h2 {
    color: #667eea;
    font-weight: bold;
  }

  // Botón principal del login (solo dentro del login, no en el resto del panel)
  .btn-primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    padding: 12px;
    font-weight: 600;
    border-radius: 5px;

    &:hover {
      opacity: 0.9;
      transform: translateY(-1px);
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

    &:disabled {
      opacity: 0.6;
    }
  }
}