/* ==========================================================================
   STRAVIO OS - PALETA OFICIAL: #1B2A41 (Midnight Navy) y #3BBF9B (Stravio Mint)
   Debranding y Estilo Web Público / Login
   ========================================================================== */

:root {
  --stravio-primary: #1B2A41;
  --stravio-accent: #3BBF9B;
  --stravio-accent-hover: #45D4AD;
  --stravio-bg: #0B1320;
  --stravio-surface: #131F33;
  --stravio-surface-light: #1E2D44;
  --stravio-border: rgba(59, 191, 155, 0.25);
  --stravio-text: #F8FAFC;
  --stravio-muted: #94A3B8;
  --primary: #3BBF9B !important;
  --primary-color: #3BBF9B !important;
}

/* Fondo de la pantalla de Login */
body[data-path="login"],
body.page-login {
  background: radial-gradient(circle at 50% 20%, #1B2A41 0%, #0B1320 70%) !important;
  color: var(--stravio-text) !important;
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Ocultar barra superior genérica si aparece en login */
body[data-path="login"] .navbar,
body.page-login .navbar {
  background: rgba(27, 42, 65, 0.85) !important;
  backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid var(--stravio-border) !important;
}

body[data-path="login"] .navbar-brand,
body.page-login .navbar-brand {
  font-weight: 800;
  color: var(--stravio-accent) !important;
  letter-spacing: 0.05em;
}

/* Tarjeta de Login */
.page-card,
.login-content,
.for-login,
.page-card-body {
  background-color: var(--stravio-surface) !important;
  border: 1px solid var(--stravio-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7), 0 0 30px rgba(59, 191, 155, 0.12) !important;
  color: var(--stravio-text) !important;
}

/* Logo tipo app con fondo blanco como en la web */
.brand-icon-wrapper,
.stravio-web-logo-box,
.stravio-login-logo-box {
  background: #FFFFFF !important;
  border: 1.5px solid #3BBF9B !important;
  border-radius: 8px !important;
  box-shadow: 0 0 12px rgba(59, 191, 155, 0.45) !important;
}

.page-card-head .app-logo {
  background: #FFFFFF !important;
  border: 1.5px solid #3BBF9B !important;
  border-radius: 12px !important;
  box-shadow: 0 0 16px rgba(59, 191, 155, 0.45) !important;
  padding: 6px !important;
  width: 54px !important;
  height: 54px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 12px auto !important;
}

img[src*="frappe-framework-logo"] {
  display: none !important;
}

/* Títulos en Login */
.page-card-head h4,
.page-card-head .page-card-title,
.login-content h4 {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 1.35rem !important;
  letter-spacing: -0.01em !important;
}

/* Form inputs en Login */
.page-card input.form-control,
.login-content input.form-control,
input.form-control {
  background-color: #0E1726 !important;
  border: 1px solid rgba(59, 191, 155, 0.3) !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-size: 0.95rem !important;
  transition: all 0.2s ease !important;
}

.page-card input.form-control:focus,
.login-content input.form-control:focus,
input.form-control:focus {
  border-color: var(--stravio-accent) !important;
  box-shadow: 0 0 0 3px rgba(59, 191, 155, 0.25) !important;
  background-color: #121D2F !important;
  outline: none !important;
}

.page-card .form-label,
.page-card label,
.login-content label {
  color: var(--stravio-muted) !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

/* Botón Principal Login */
.btn-login,
.page-card .btn-primary,
.login-content .btn-primary,
button.btn-primary {
  background-color: var(--stravio-accent) !important;
  border-color: var(--stravio-accent) !important;
  color: #0B1320 !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-size: 1rem !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 12px rgba(59, 191, 155, 0.3) !important;
}

.btn-login:hover,
.page-card .btn-primary:hover,
.login-content .btn-primary:hover,
button.btn-primary:hover {
  background-color: var(--stravio-accent-hover) !important;
  border-color: var(--stravio-accent-hover) !important;
  color: #0B1320 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(59, 191, 155, 0.45) !important;
}

/* Enlaces en Login */
.page-card a,
.login-content a,
.forgot-password-message a {
  color: var(--stravio-accent) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

.page-card a:hover,
.login-content a:hover {
  color: var(--stravio-accent-hover) !important;
  text-decoration: underline !important;
}

/* Ocultar pie de página de ERPNext / Frappe y mostrar Stravio OS */
.footer-logo-extension,
.built-with-frappe,
.frappe-footer,
.page-card-actions {
  color: var(--stravio-muted) !important;
}

.footer-logo-extension a,
.built-with-frappe a {
  display: none !important;
}

.footer-logo-extension::after {
  content: "Stravio OS · Sistema Operativo Empresarial";
  color: var(--stravio-accent) !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}

/* Estilo de alerts y mensajes */
.msgprint,
.alert {
  border-radius: 8px !important;
  background-color: var(--stravio-surface-light) !important;
  border: 1px solid var(--stravio-border) !important;
  color: #FFFFFF !important;
}