/* Portal del cliente — estilos propios del host (el portal usa el tema base de MudBlazor,
   sin las variables de cristal del broker/backoffice, así que aquí van valores literales). */

/* ── Barra compacta "pegajosa" de páginas de detalle (DetailStickyBar) ──
   Vive en la columna de contenido (se alinea sola a su ancho) y se pega bajo el AppBar fijo.
   En reposo ocupa 0 alto (invisible); al salir la cabecera grande, JS añade .is-stuck. */
.ins-detail-stickybar {
    position: sticky;
    top: var(--mud-appbar-height, 64px);
    z-index: 30;
    display: flex;
    align-items: center;
    gap: 12px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    padding: 0 10px;
    border-radius: 8px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background-color: var(--mud-palette-surface);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    transition: max-height 280ms cubic-bezier(0.16, 1, 0.3, 1), opacity 180ms ease;
}

.ins-detail-stickybar.is-stuck {
    max-height: 56px;
    opacity: 1;
    pointer-events: auto;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 1rem;
}

.ins-detail-stickybar__title {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}