/* ─────────────────────────────────────────────────────────────────────────────
   HubGH Branding — Logo adaptable por tema
   Light theme: logos negros (sobre fondo blanco)
   Dark  theme: logos blancos (sobre fondo oscuro)
   ───────────────────────────────────────────────────────────────────────────── */

/* ── Navbar: logo rectangular ─────────────────────────────────────────────── */
/* IMPORTANTE: scope estricto a .navbar-brand/.navbar-header para no afectar
   otros img del desk (workspace shortcuts, app icons, etc.) */
.navbar-brand img.app-logo,
.navbar-header img.app-logo {
    content: url('/assets/hubgh/images/logo-home-negro.png');
    height: 38px;
    width: auto;
    max-width: 200px;
    object-fit: contain;
}

[data-theme="dark"] .navbar-brand img.app-logo,
[data-theme="dark"] .navbar-header img.app-logo {
    content: url('/assets/hubgh/images/logo-home-blanco.png');
}

/* ── Loading / Splash screen (desk) ──────────────────────────────────────── */
/* Scoped a contenedores de carga para NO afectar iconos del desk            */
.page-loading img,
#loading img,
.frappe-loading img,
#freeze img,
.loading-state img {
    content: url('/assets/hubgh/images/logo-circular-black.png');
    width: 64px;
    height: 64px;
}

[data-theme="dark"] .page-loading img,
[data-theme="dark"] #loading img,
[data-theme="dark"] .frappe-loading img,
[data-theme="dark"] #freeze img,
[data-theme="dark"] .loading-state img {
    content: url('/assets/hubgh/images/logo-circular-white.png');
}

/* ── Login page / Páginas web ────────────────────────────────────────────── */
/* Frappe v15: .page-card-head > img  /  .brand-logo img                    */
/* El logo SVG/div en la login page es manejado por hubgh_web.js (JS).      */
/* Este CSS cubre el caso donde SÍ hay un <img> con el logo por defecto.    */
.page-card-head > img,
.brand-logo img,
.login-content .brand img {
    content: url('/assets/hubgh/images/logo-circular-black.png') !important;
    width: 56px !important;
    height: 56px !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
}