/* Fuentes locales — Firefox exige rutas válidas y MIME correcto (sin depender de CDN) */
@font-face {
    font-family: "remixicon";
    src: url("/assets_admin/fonts/remixicon.woff2?v=20260521") format("woff2"),
         url("/assets_admin/fonts/remixicon.woff?v=20260521") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Material Design Icons";
    src: url("/assets_admin/fonts/materialdesignicons-webfont.woff2?v=20260521") format("woff2"),
         url("/assets_admin/fonts/materialdesignicons-webfont.woff?v=20260521") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "flaticon";
    src: url("/tw-assets/mujeres/fonts/flaticon.woff2?v=20260521") format("woff2"),
         url("/tw-assets/mujeres/fonts/flaticon.woff?v=20260521") format("woff");
    font-display: swap;
}

/* Topbar compacto — altura ~52px (Velzon por defecto: 70px) */
:root {
    --lynx-topbar-height: 52px;
    --lynx-topbar-btn: 32px;
    --lynx-topbar-search-h: 32px;
    --lynx-page-content-gap: 1.25rem;
}

[data-layout="horizontal"] #page-topbar .navbar-header {
    height: var(--lynx-topbar-height);
    min-height: var(--lynx-topbar-height);
    padding-top: 0;
    padding-bottom: 0;
}

[data-layout="horizontal"] #page-topbar .header-item {
    height: var(--lynx-topbar-height);
}

[data-layout="horizontal"] #page-topbar .btn-topbar {
    height: var(--lynx-topbar-btn);
    width: var(--lynx-topbar-btn);
}

[data-layout="horizontal"] #page-topbar .btn-topbar .fs-22 {
    font-size: 1.125rem !important;
    line-height: 1;
}

[data-layout="horizontal"] #page-topbar .app-search {
    padding: calc((var(--lynx-topbar-height) - var(--lynx-topbar-search-h)) / 2) 0;
}

[data-layout="horizontal"] #page-topbar .app-search .form-control {
    height: var(--lynx-topbar-search-h);
    padding-left: 34px;
    padding-right: 4.25rem;
    font-size: 0.8125rem;
}

[data-layout="horizontal"] #page-topbar .app-search span.search-widget-icon {
    line-height: var(--lynx-topbar-search-h);
    font-size: 1rem;
    left: 10px;
}

[data-layout="horizontal"] #page-topbar .horizontal-logo .logo-lg img,
[data-layout="horizontal"] #page-topbar .horizontal-logo .logo-sm img {
    max-height: 34px;
    width: auto;
    height: auto !important;
    object-fit: contain;
}

[data-layout="horizontal"] #page-topbar .header-profile-user {
    height: 28px;
    width: 28px;
}

[data-layout="horizontal"] #page-topbar .topbar-user > .btn {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}

[data-layout="horizontal"] #page-topbar .topbar-user .user-name-text {
    font-size: 0.8125rem !important;
    line-height: 1.15;
}

[data-layout="horizontal"] #page-topbar .topbar-user .user-name-sub-text {
    font-size: 0.6875rem !important;
    line-height: 1.1;
}

[data-layout="horizontal"] #page-topbar #headquarters-dropdown {
    min-height: var(--lynx-topbar-search-h) !important;
    min-width: 11rem !important;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    font-size: 0.8125rem;
    line-height: 1.2;
}

[data-layout="horizontal"] #page-topbar #headquarters-dropdown .ri-building-line {
    font-size: 1rem;
}

[data-layout="horizontal"] #page-topbar .topbar-badge {
    top: 0.35rem;
    font-size: 0.625rem;
}

[data-layout="horizontal"] .navbar-menu {
    margin-top: var(--lynx-topbar-height);
}

[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link {
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
}

/* Layout horizontal: espacio bajo topbar + menú (refuerzo; el cálculo fino va en horizontal-layout-offset) */
[data-layout="horizontal"] .page-content {
    margin-top: 0 !important;
    padding-top: calc(var(--lynx-admin-header-offset, 9.75rem) + var(--lynx-page-content-gap, 1.25rem)) !important;
}

[data-layout="horizontal"] .page-title-box {
    margin-top: 0 !important;
    margin-bottom: 0.5rem !important;
    position: relative;
    z-index: 2;
}

/* Menú horizontal: títulos cortos en barra; sin saltos de línea feos */
[data-layout="horizontal"] #navbar-nav > li.menu-title {
    display: none !important;
}

[data-layout="horizontal"] #navbar-nav > li.nav-item > .nav-link span {
    white-space: nowrap;
}

[data-layout="horizontal"] #navbar-nav > li.nav-item > .nav-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

[data-layout="horizontal"] #sidebarMore .nav-link span {
    white-space: normal;
}

/* Móvil: sin menú «Más» (todos los ítems van en el drawer) */
@media (max-width: 1024px) {
    [data-layout="horizontal"] .lynx-nav-more,
    [data-layout="horizontal"] #navbar-nav > .nav-item:has(#sidebarMore) {
        display: none !important;
    }
}

/* Un solo «Más» al final de la barra; sin recorte de texto */
[data-layout="horizontal"] #navbar-nav > .nav-item.lynx-nav-more {
    margin-left: auto;
    flex-shrink: 0;
}

[data-layout="horizontal"] #navbar-nav > .nav-item.lynx-nav-more > .nav-link span {
    white-space: nowrap;
}

[data-layout="horizontal"] #navbar-nav > .nav-item:not(.lynx-nav-more) {
    flex-shrink: 0;
}

[data-layout="horizontal"] #navbar-nav > .lynx-nav-more ~ .lynx-nav-more {
    display: none !important;
}

/* Menú «Más» desktop: panel flotante (Velzon) siempre hacia adentro (izquierda) */
@media (min-width: 1024.1px) {
    [data-layout="horizontal"] #navbar-nav {
        flex-wrap: nowrap;
        align-items: center;
    }

    [data-layout="horizontal"] #navbar-nav > .nav-item.lynx-nav-more,
    [data-layout="horizontal"] #navbar-nav > .nav-item:has(#sidebarMore) {
        position: relative;
        flex-shrink: 0;
    }

    /* Panel principal «Más»: flotante bajo el ítem, pegado al borde derecho */
    [data-layout="horizontal"] #sidebarMore {
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        left: auto !important;
        min-width: 12rem;
        max-width: min(20rem, calc(100vw - 1.5rem));
        z-index: 1050;
        padding: 0.5rem 0 !important;
        box-shadow: 0 0 5px rgba(15, 34, 58, 0.15) !important;
    }

    [data-layout="horizontal"] #navbar-nav > .nav-item:has(#sidebarMore):hover #sidebarMore,
    [data-layout="horizontal"] #sidebarMore.show,
    [data-layout="horizontal"] #sidebarMore.collapsing {
        display: block !important;
        height: auto !important;
    }

    [data-layout="horizontal"] #sidebarMore > .nav.nav-sm > .nav-item {
        position: relative;
    }

    /* Submenús: flyout flotante hacia la izquierda (nunca left:100% a la derecha) */
    [data-layout="horizontal"] #sidebarMore .nav-item > .menu-dropdown,
    [data-layout="horizontal"] #sidebarMore .menu-dropdown .menu-dropdown {
        position: absolute !important;
        top: 0 !important;
        left: auto !important;
        right: 100% !important;
        min-width: 12rem;
        margin-right: 0.25rem;
        padding: 0.5rem 0 !important;
        padding-left: 0 !important;
        box-shadow: 0 0 5px rgba(15, 34, 58, 0.15) !important;
        z-index: 1060;
    }

    [data-layout="horizontal"] #sidebarMore .nav-item:hover > .menu-dropdown,
    [data-layout="horizontal"] #sidebarMore .nav-item > .menu-dropdown.show {
        display: block !important;
        height: auto !important;
    }

    /* Evitar submenús sueltos fuera del panel «Más» en la barra principal */
    [data-layout="horizontal"] #navbar-nav > .nav-item:not(.lynx-nav-more) > .menu-dropdown {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1050;
    }
}

/* Badge «En vivo» — caja y header */
.cash-live-badge {
    display: inline-flex;
    align-items: center;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #0a8f7c;
    background: rgba(10, 179, 156, 0.1);
    padding: 0.2rem 0.5rem;
    border-radius: 0.35rem;
    line-height: 1.2;
    white-space: nowrap;
}

[data-bs-theme="dark"] .cash-live-badge {
    color: #6ee7b7;
    background: rgba(16, 185, 129, 0.16);
}