/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Toolbar de página bajo el topnav fijo (SB Admin ~3.625rem); usable en vistas largas (ej. permisos de menú). */
:root {
  --page-header-sticky-top: 3.625rem;
}

.page-header-sticky {
  position: sticky;
  top: var(--page-header-sticky-top);
  z-index: 1030;
}

body.staging-deployment-active.nav-fixed,
body.impersonation-active.nav-fixed {
  --page-header-sticky-top: calc(
    var(--app-staging-strip-min) + var(--app-impersonation-strip-min) + var(--app-topnav-height)
  );
}

/*
 * Logo entre el menú hamburguesa y «Factusys».
 * El tema (.topnav .navbar-brand { width: 15rem }) no aplica al grupo: la marca solo ocupa su texto.
 */
.topnav .navbar-brand-cluster > .navbar-brand {
  width: auto;
  max-width: none;
  margin-right: 0;
}

.navbar-company-logo-slot {
  max-height: 3.625rem;
}

.navbar-company-logo-link:focus-visible {
  outline: 2px solid rgba(13, 110, 253, 0.45);
  outline-offset: 2px;
  border-radius: 0.25rem;
}

.navbar-company-logo {
  display: block;
  max-height: 2.35rem;
  width: auto;
  max-width: 11rem;
  object-fit: contain;
  vertical-align: middle;
}

/* Barra compacta — editar perfil */
.profile-edit-toolbar.page-header-sticky .card-body {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

/* Orden de accesos rápidos (perfil) */
.header-shortcuts-order-list {
  min-height: 2.5rem;
}

/* Banner PWA — solo se renderiza en dispositivos moviles (mobile_device?) */
.install-app-banner__install,
.install-app-banner__close {
  white-space: nowrap;
}