/* bzzz-marca — la pantalla de acceso de SigNoz con la marca de la caja.
 *
 * Solo toca las pantallas de acceso (login, alta, contraseña olvidada): todo va bajo
 * .auth-page-wrapper, el contenedor que SigNoz v0.133 usa para las tres. El resto de la UI
 * queda como la publica SigNoz.
 *
 * SI SIGNOZ CAMBIA SUS CLASES, ESTO DEJA DE APLICARSE Y EL LOGIN SIGUE FUNCIONANDO con su
 * aspecto de siempre. Es a proposito: la marca nunca puede ser lo que impida entrar. Lo
 * detecta verify-deployment.sh, no un usuario que no puede entrar.
 *
 * Los colores son los del portal (portal/index.html), para que pasar de uno a otro no
 * parezca cambiar de empresa.
 */
.auth-page-wrapper {
  --bz-tinta: #000000; --bz-panel: #0b0b0d; --bz-linea: #1f1f24;
  --bz-ambar: #ffb020; --bz-hueso: #e8e4dc; --bz-gris: #8b8780;
  --bz-mono: ui-monospace, "SF Mono", "JetBrains Mono", "IBM Plex Mono", Menlo, Consolas, monospace;
  background: var(--bz-tinta) !important;
  color: var(--bz-hueso);
}

/* Fondo de SigNoz (puntos, degradado, lineas) fuera: el portal es negro liso. */
.auth-page-wrapper .auth-page-background { display: none !important; }

/* Cabecera: logotipo de Boss Technology en lugar del de SigNoz, y el del cliente al lado
   cuando la caja tiene uno (lo pone marca.js). Hasta que marca.js cambia la imagen, el
   logotipo de SigNoz no se pinta, para que no parpadee. */
.auth-page-wrapper .auth-header { border-bottom: 1px solid var(--bz-linea); }
.auth-page-wrapper .auth-header-logo { gap: 16px; }
.auth-page-wrapper .auth-header-logo-icon { visibility: hidden; }
.auth-page-wrapper .auth-header-logo-icon.bzzz-boss {
  visibility: visible; height: 30px !important; width: auto !important;
}
.auth-page-wrapper .auth-header-logo-text { display: none !important; }
.auth-page-wrapper .bzzz-div { width: 1px; height: 26px; background: var(--bz-linea); }
.auth-page-wrapper .bzzz-cliente { height: 32px; width: auto; display: block; }
.auth-page-wrapper .bzzz-placa { background: #f4f2ee; padding: 5px 9px; border-radius: 2px; }

/* «Get Help» abre el soporte de SigNoz, y el pie dice «All systems operational» sobre la
   nube de SigNoz, no sobre esta caja: a un cliente le daria un estado que no es el suyo. */
.auth-page-wrapper .auth-header-help-button,
.auth-page-wrapper .auth-footer { display: none !important; }

/* Encabezado del formulario */
.auth-page-wrapper .login-form-emoji { display: none !important; }
.auth-page-wrapper .login-form-title {
  font-family: var(--bz-mono) !important; color: var(--bz-hueso) !important;
  letter-spacing: -.01em;
}
.auth-page-wrapper .login-form-description { color: var(--bz-gris) !important; }

/* Tarjeta, campos y boton, como el formulario del portal */
.auth-page-wrapper .login-form-card {
  background: var(--bz-panel) !important; border-color: var(--bz-linea) !important;
  border-radius: 3px !important;
}
.auth-page-wrapper label {
  font-family: var(--bz-mono); font-size: 11px !important; letter-spacing: .18em;
  text-transform: uppercase; color: var(--bz-gris) !important;
}
/* Por .auth-page-content y no solo .auth-page-wrapper: SigNoz inyecta despues `.FrJok .ant-input` con
   !important y la misma especificidad, y a igualdad gana el ultimo (medido en bzzz-lab-02 el 2026-10-08:
   el correo se quedaba gris). El campo interior de la contraseña va transparente sobre su envoltorio. */
.auth-page-wrapper .auth-page-content .login-form-input {
  background: var(--bz-tinta) !important; color: var(--bz-hueso) !important;
  border: 1px solid var(--bz-linea) !important; border-radius: 2px !important;
}
.auth-page-wrapper .auth-page-content .login-form-input input {
  background: transparent !important; color: var(--bz-hueso) !important;
}
.auth-page-wrapper .auth-page-content .login-form-input:focus,
.auth-page-wrapper .auth-page-content .login-form-input:focus-within {
  border-color: var(--bz-ambar) !important; box-shadow: 0 0 0 3px rgba(255, 176, 32, .13) !important;
}
.auth-page-wrapper .forgot-password-link { color: var(--bz-ambar) !important; }
.auth-page-wrapper .login-submit-btn {
  background: var(--bz-ambar) !important; color: #1a1200 !important; border: 0 !important;
  border-radius: 2px !important; font-family: var(--bz-mono); font-weight: 600;
}
.auth-page-wrapper .login-submit-btn:disabled { opacity: .45; }

/* La pantalla de arranque (components/AppLoading) es de marca, como el acceso: negra, con el
   logotipo de Boss, sin el titulo «SigNoz» y con la barra en ambar. Logotipo y eslogan no se
   pintan hasta que marca.js los cambia (o, si no reconoce el eslogan, lo deja ver tal cual). */
.app-loading-container { background: #000000 !important; }
.app-loading-container .perilin-bg,
.app-loading-container .brand-title { display: none !important; }
.app-loading-container img.brand-logo { visibility: hidden; }
/* Con la ruta entera: SigNoz fija el logotipo a 40x40 con `.app-loading-container .app-loading-content
   .brand .brand-logo`, y con menos especificidad la palabra «Boss.Technology» salia aplastada. */
.app-loading-container .app-loading-content .brand img.brand-logo.bzzz-boss {
  visibility: visible; width: auto !important; height: 34px !important;
}
.app-loading-container .brand-tagline { visibility: hidden; }
.app-loading-container .brand-tagline.bzzz-ok { visibility: visible; }
.app-loading-container .brand-tagline .ant-typography { color: #8b8780 !important; }
.app-loading-container .loader { color: #ffb020 !important; }

/* Dentro de SigNoz solo cambia el logotipo de la barra lateral (marca.js): la «B» de Boss en su
   cuadro negro, a la medida del hueco de SigNoz (20x16). Nada mas fuera de las pantallas de acceso. */
/* El recuadro «FREE v0.133.0» junto al logotipo (SideNav, `.brand-title-section`: licencia, version y aviso de
   version nueva de SigNoz) fuera, por decision del operador del 2026-10-08. La version sigue en /api/v1/version. */
.brand-title-section { display: none !important; }
.brand-logo img { visibility: hidden; }   /* el de SigNoz no se pinta mientras marca.js lo cambia */
.brand-logo img.bzzz-barra { visibility: visible; width: 16px; height: 16px; border-radius: 3px; }