/* ================================================================
   AviorpanERP — Login / páginas web
   Tarjeta estilo post-it sobre tablero violeta con retícula.
   Se carga vía web_include_css (no depende de custom.css del desk).
   ================================================================ */

@font-face {
  font-family: "Silkscreen";
  src: url("/assets/distribuidora/fonts/silkscreen-regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Silkscreen";
  src: url("/assets/distribuidora/fonts/silkscreen-bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

/* Fondo del tablero — solo en login/signup */
body:has(.for-login),
body:has(.for-signup),
body:has(.for-forgot) {
  background-color: #420054;
  background-image: radial-gradient(rgba(255, 255, 255, 0.10) 1px, transparent 1px);
  background-size: 22px 22px;
}

/* Tarjeta de login como post-it imponente */
.for-login .page-card,
.for-signup .page-card,
.for-forgot .page-card,
body:has(.for-login) .page-card {
  background-color: #fffdf2 !important;
  border: 3px solid #35043f !important;
  border-radius: 3px !important;
  box-shadow: 9px 9px 0 #cfc100 !important;
  padding: 2rem !important;
}

/* Título del sistema en pixel font */
.for-login .page-card-head h4,
.for-login .page-card-head .h4,
body:has(.for-login) .page-card-head h4 {
  font-family: "Silkscreen", monospace !important;
  color: #420054 !important;
  letter-spacing: 0.02em;
}

/* Botón de entrar */
body:has(.for-login) .btn-primary,
.for-login .btn-primary,
.for-login .btn-login {
  background-color: #420054 !important;
  border: 2px solid #35043f !important;
  border-radius: 3px !important;
  box-shadow: 4px 4px 0 rgba(53, 4, 63, 0.5) !important;
  font-weight: 700 !important;
  transition: transform 0.1s ease, box-shadow 0.1s ease;
}
body:has(.for-login) .btn-primary:hover,
.for-login .btn-primary:hover {
  background-color: #2d003a !important;
  transform: translate(-1px, -1px);
  box-shadow: 6px 6px 0 rgba(53, 4, 63, 0.5) !important;
}
body:has(.for-login) .btn-primary:active,
.for-login .btn-primary:active {
  transform: translate(2px, 2px);
  box-shadow: 1px 1px 0 rgba(53, 4, 63, 0.5) !important;
}

/* Inputs */
.for-login .form-control:focus,
body:has(.for-login) .form-control:focus {
  border-color: #420054 !important;
  box-shadow: 0 0 0 2px rgba(66, 0, 84, 0.2) !important;
}

/* Ocultar "Powered by Frappe" y footer web */
.web-footer,
.login-footer,
.footer-powered-by {
  display: none !important;
}