/* _content/ERPUniv.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-u8zvsbeqbe] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #070B14; /* fondo general */
}

main[b-u8zvsbeqbe] {
    flex: 1;
    min-width: 0;
    background: transparent;
}

/* Sidebar corporativo */
.sidebar[b-u8zvsbeqbe] {
    background: linear-gradient(180deg, var(--erp-bg1) 0%, var(--erp-bg0) 100%) !important;
    border-right: 1px solid var(--erp-stroke);
}

/* El top-row del MainLayout (About) fuera */
.top-row[b-u8zvsbeqbe] {
    display: none !important;
}

/* Contenido sin padding/marcos */
.erp-content[b-u8zvsbeqbe] {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

@media (min-width: 641px) {
    .page[b-u8zvsbeqbe] {
        flex-direction: row;
    }

    .sidebar[b-u8zvsbeqbe] {
        width: 260px;
        height: 100vh;
        position: sticky;
        top: 0;
        flex: 0 0 260px;
    }
}


.erp-content[b-u8zvsbeqbe] {
    padding: 0 !important;
}


/* Quita cualquier background del template que se filtre */
.page[b-u8zvsbeqbe],
main[b-u8zvsbeqbe],
.erp-content[b-u8zvsbeqbe] {
    background: #070B14 !important;
}

    /* Por si el template mete im�genes/fondos en el contenido */
    main[b-u8zvsbeqbe]::before,
    main[b-u8zvsbeqbe]::after,
    .erp-content[b-u8zvsbeqbe]::before,
    .erp-content[b-u8zvsbeqbe]::after {
        content: none !important;
        background: none !important;
    }



    /* Apaga el SVG gigante del template (solo dentro del �rea de contenido) */
    .erp-content > svg[b-u8zvsbeqbe] {
        display: none !important;
    }
/* _content/ERPUniv.Web/Components/Layout/NavMenu.razor.rz.scp.css */
/* =========================================================
   ERP-UNIV NavMenu (FINAL)
   Sidebar limpio, controlado desde MainLayout
   ========================================================= */

:host[b-k1y0c7cqc9] {
    display: block;
    height: 100%;
}

/* Por si quedara algo del template viejo */
.top-row[b-k1y0c7cqc9],
.navbar-toggler[b-k1y0c7cqc9] {
    display: none !important;
}

/* El men� SIEMPRE visible dentro del sidebar */
.nav-scrollable[b-k1y0c7cqc9] {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: linear-gradient(180deg, #071a33 0%, #050a14 100%);
}

/* Scrollbar oscuro */
.nav-scrollable[b-k1y0c7cqc9] {
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.18) rgba(255,255,255,.06);
}

    .nav-scrollable[b-k1y0c7cqc9]::-webkit-scrollbar {
        width: 10px;
    }

    .nav-scrollable[b-k1y0c7cqc9]::-webkit-scrollbar-track {
        background: rgba(255,255,255,.06);
    }

    .nav-scrollable[b-k1y0c7cqc9]::-webkit-scrollbar-thumb {
        background: rgba(255,255,255,.18);
        border-radius: 999px;
    }

/* Sections */
.nav-section[b-k1y0c7cqc9] {
    padding: 10px 0 4px;
}

.nav-section-title[b-k1y0c7cqc9] {
    margin: 10px 14px 6px;
    font-size: 11px;
    letter-spacing: .35px;
    color: rgba(234,242,255,.55);
    text-transform: uppercase;
}

/* Links */
.nav-item[b-k1y0c7cqc9]  .nav-link {
    color: rgba(234,242,255,.88);
    text-decoration: none;
    border-radius: 12px;
    height: 44px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    margin: 6px 10px;
    border: 1px solid transparent;
    transition: background .14s ease, border-color .14s ease;
}

    .nav-item[b-k1y0c7cqc9]  .nav-link:hover {
        background: rgba(64,140,255,.12);
        border-color: rgba(64,140,255,.22);
        color: #fff;
    }

.nav-item[b-k1y0c7cqc9]  a.active {
    background: rgba(64,140,255,.22);
    border-color: rgba(64,140,255,.35);
    color: #fff;
}

/* Badge Pr�x */
.nav-link-soon[b-k1y0c7cqc9] {
    opacity: .70;
}

    .nav-link-soon[b-k1y0c7cqc9]::after {
        content: "Pr�x.";
        margin-left: auto;
        padding: 0 8px;
        height: 20px;
        display: inline-flex;
        align-items: center;
        font-size: 11px;
        border-radius: 999px;
        border: 1px solid rgba(255,255,255,.12);
        background: rgba(255,255,255,.06);
        color: rgba(234,242,255,.78);
    }



/* ===========================
   LOGOUT
   =========================== */

.nav-logout[b-k1y0c7cqc9] {
    margin-top: auto;
    padding: 12px 10px 16px;
}

.nav-logout-btn[b-k1y0c7cqc9] {
    width: 100%;
    height: 44px;
    border-radius: 12px;
    border: 1px solid rgba(239,68,68,.35);
    background: rgba(127,29,29,.25);
    color: rgba(255,255,255,.92);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background .14s ease, border-color .14s ease;
}

    .nav-logout-btn:hover[b-k1y0c7cqc9] {
        background: rgba(239,68,68,.22);
        border-color: rgba(239,68,68,.55);
    }

.nav-logout-icon[b-k1y0c7cqc9] {
    font-size: 16px;
    opacity: .9;
}



/* =========================================================
   ERP-UNIV NavMenu (FINAL)
   Sidebar limpio, controlado desde MainLayout
   - Men� con scroll
   - Footer fijo con "Cerrar sesi�n" siempre visible
   ========================================================= */

:host[b-k1y0c7cqc9] {
    display: block;
    height: 100%;
}

/* Por si quedara algo del template viejo */
.top-row[b-k1y0c7cqc9],
.navbar-toggler[b-k1y0c7cqc9] {
    display: none !important;
}

/* Contenedor general */
.nav-shell[b-k1y0c7cqc9] {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, #071a33 0%, #050a14 100%);
    overflow: hidden; /* importante para que el footer no se �salga� */
}

/* Zona scrolleable */
.nav-list[b-k1y0c7cqc9] {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Scrollbar oscuro */
.nav-list[b-k1y0c7cqc9] {
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.18) rgba(255,255,255,.06);
}

    .nav-list[b-k1y0c7cqc9]::-webkit-scrollbar {
        width: 10px;
    }

    .nav-list[b-k1y0c7cqc9]::-webkit-scrollbar-track {
        background: rgba(255,255,255,.06);
    }

    .nav-list[b-k1y0c7cqc9]::-webkit-scrollbar-thumb {
        background: rgba(255,255,255,.18);
        border-radius: 999px;
    }

/* Sections */
.nav-section[b-k1y0c7cqc9] {
    padding: 10px 0 4px;
}

.nav-section-title[b-k1y0c7cqc9] {
    margin: 10px 14px 6px;
    font-size: 11px;
    letter-spacing: .35px;
    color: rgba(234,242,255,.55);
    text-transform: uppercase;
}

/* Links */
.nav-item[b-k1y0c7cqc9]  .nav-link {
    color: rgba(234,242,255,.88);
    text-decoration: none;
    border-radius: 12px;
    height: 44px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    margin: 6px 10px;
    border: 1px solid transparent;
    transition: background .14s ease, border-color .14s ease;
}

    .nav-item[b-k1y0c7cqc9]  .nav-link:hover {
        background: rgba(64,140,255,.12);
        border-color: rgba(64,140,255,.22);
        color: #fff;
    }

.nav-item[b-k1y0c7cqc9]  a.active {
    background: rgba(64,140,255,.22);
    border-color: rgba(64,140,255,.35);
    color: #fff;
}

/* Badge Pr�x */
.nav-link-soon[b-k1y0c7cqc9] {
    opacity: .70;
}

    .nav-link-soon[b-k1y0c7cqc9]::after {
        content: "Pr�x.";
        margin-left: auto;
        padding: 0 8px;
        height: 20px;
        display: inline-flex;
        align-items: center;
        font-size: 11px;
        border-radius: 999px;
        border: 1px solid rgba(255,255,255,.12);
        background: rgba(255,255,255,.06);
        color: rgba(234,242,255,.78);
    }

/* Spacer para que el final del men� no quede debajo del footer */
.nav-bottom-spacer[b-k1y0c7cqc9] {
    height: 10px;
}

/* ===========================
   FOOTER fijo (Logout)
   =========================== */
.nav-footer[b-k1y0c7cqc9] {
    flex: 0 0 auto;
    padding: 12px 10px 14px;
    border-top: 1px solid rgba(255,255,255,.08);
    background: linear-gradient(180deg, rgba(7,11,20,.10), rgba(7,11,20,.55));
    backdrop-filter: blur(10px);
}

/* Bot�n */
.nav-logout-btn[b-k1y0c7cqc9] {
    width: 100%;
    height: 44px;
    border-radius: 12px;
    border: 1px solid rgba(239,68,68,.35);
    background: rgba(127,29,29,.22);
    color: rgba(255,255,255,.92);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 14px;
    font-weight: 800;
    cursor: pointer;
    transition: background .14s ease, border-color .14s ease, transform .12s ease;
}

    .nav-logout-btn:hover[b-k1y0c7cqc9] {
        background: rgba(239,68,68,.22);
        border-color: rgba(239,68,68,.55);
    }

    .nav-logout-btn:active[b-k1y0c7cqc9] {
        transform: translateY(1px);
    }

.nav-logout-icon[b-k1y0c7cqc9] {
    font-size: 16px;
    opacity: .9;
}
/* _content/ERPUniv.Web/Components/Pages/Cash/CashGeneralDashboard.razor.rz.scp.css */
/* ===========================
   CASH - GeneralDashboard
   Homologado a Ventas/TimeSeries
   =========================== */

/* ===== Filters grid (solo esta página) ===== */
.erp-filters--cash[b-3ly1st9g5g] {
    display: grid;
    grid-template-columns: 1.1fr 1.1fr 1.1fr .8fr .8fr .55fr auto;
    gap: 12px;
    align-items: end;
}

/* ===== Switch (cancelados) ===== */
.erp-switch[b-3ly1st9g5g] {
    position: relative;
    width: 46px;
    height: 28px;
}

    .erp-switch input[b-3ly1st9g5g] {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .erp-switch label[b-3ly1st9g5g] {
        position: absolute;
        inset: 0;
        cursor: pointer;
        border-radius: 999px;
        border: 1px solid var(--erp-stroke);
        background: rgba(255,255,255,.06);
        transition: all .18s ease;
    }

        .erp-switch label[b-3ly1st9g5g]::after {
            content: "";
            position: absolute;
            top: 3px;
            left: 3px;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            background: rgba(234,242,255,.92);
            transition: all .18s ease;
            box-shadow: 0 10px 20px rgba(0,0,0,.35);
        }

    .erp-switch input:checked + label[b-3ly1st9g5g] {
        background: rgba(64,140,255,.22);
        border-color: rgba(64,140,255,.35);
    }

        .erp-switch input:checked + label[b-3ly1st9g5g]::after {
            transform: translateX(18px);
        }

/* ===== Layout KPI / panels ===== */
.cash-hero[b-3ly1st9g5g] {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 14px;
    margin: 10px 0 14px 0;
}

.cash-kpis[b-3ly1st9g5g] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.cash-insights[b-3ly1st9g5g] {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 14px;
    padding-bottom: 24px;
}

/* cards */
.kpi[b-3ly1st9g5g] {
    border: 1px solid var(--erp-stroke);
    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    border-radius: 14px;
    padding: 12px 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
}

.kpi--hero[b-3ly1st9g5g],
.kpi--proj[b-3ly1st9g5g] {
    padding: 16px 16px;
}

.kpi-label[b-3ly1st9g5g] {
    color: var(--erp-muted);
    font-size: 12px;
}

.kpi-value[b-3ly1st9g5g] {
    font-size: 22px;
    font-weight: 800;
    color: rgba(234,242,255,.95);
    margin-top: 6px;
    letter-spacing: .2px;
}

.kpi-sub[b-3ly1st9g5g] {
    margin-top: 6px;
    font-size: 12px;
    color: var(--erp-muted);
}

.panel[b-3ly1st9g5g] {
    border: 1px solid var(--erp-stroke);
    background: rgba(255,255,255,.02);
    border-radius: 14px;
    overflow: hidden;
}

.panel-head[b-3ly1st9g5g] {
    padding: 12px 12px;
    border-bottom: 1px solid var(--erp-stroke);
    background: rgba(64,140,255,.06);
}

.panel-title[b-3ly1st9g5g] {
    font-weight: 800;
    color: rgba(234,242,255,.92);
}

.panel-sub[b-3ly1st9g5g] {
    margin-top: 2px;
    font-size: 12px;
    color: var(--erp-muted);
}

.chart-wrap[b-3ly1st9g5g] {
    height: 320px;
    padding: 12px;
}

    .chart-wrap canvas[b-3ly1st9g5g] {
        width: 100% !important;
        height: 100% !important;
        display: block;
    }

.table-wrap[b-3ly1st9g5g] {
    padding: 10px 12px 12px 12px;
}

.erp-table[b-3ly1st9g5g] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

    .erp-table th[b-3ly1st9g5g] {
        text-align: left;
        color: var(--erp-muted);
        font-weight: 700;
        padding: 10px 8px;
        border-bottom: 1px solid var(--erp-stroke);
    }

    .erp-table td[b-3ly1st9g5g] {
        padding: 10px 8px;
        border-bottom: 1px solid rgba(255,255,255,.06);
    }

.t-right[b-3ly1st9g5g] {
    text-align: right;
}

.erp-empty[b-3ly1st9g5g] {
    padding: 18px;
    border: 1px dashed rgba(255,255,255,.18);
    border-radius: 14px;
    color: var(--erp-muted);
    background: rgba(255,255,255,.02);
}

/* ===== Responsive ===== */
@media (max-width: 1100px) {
    .erp-filters--cash[b-3ly1st9g5g] {
        grid-template-columns: 1fr 1fr;
    }

    .cash-hero[b-3ly1st9g5g] {
        grid-template-columns: 1fr;
    }

    .cash-kpis[b-3ly1st9g5g] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cash-insights[b-3ly1st9g5g] {
        grid-template-columns: 1fr;
    }

    .chart-wrap[b-3ly1st9g5g] {
        height: 280px;
    }
}

/* =========================================
   CASH: mobile - NO sticky topbar (Opción A)
   ========================================= */
@media (max-width: 820px) {

    .erp-dashboard .erp-topbar[b-3ly1st9g5g] {
        position: static !important;
        top: auto !important;
    }

    .erp-dashboard .erp-main[b-3ly1st9g5g] {
        padding-top: 10px;
    }

    .erp-dashboard .erp-filters-wrap[b-3ly1st9g5g] {
        padding-top: 8px;
    }

    .erp-dashboard .erp-filters[b-3ly1st9g5g] {
        gap: 10px;
    }
}
/* _content/ERPUniv.Web/Components/Pages/Cash/CashMovementsDetail.razor.rz.scp.css */
/* ===============================
   Cash Movements Detail (Histórico)
   =============================== */

/* TOPBAR: sticky SOLO desktop; en mobile sube con el scroll */
.erp-topbar[b-tfbotby2kp] {
    position: sticky;
    top: 0;
    z-index: 50;
    backdrop-filter: blur(10px);
}

@media (max-width: 820px) {
    .erp-topbar[b-tfbotby2kp] {
        position: relative;
        top: auto;
        backdrop-filter: none;
    }
}

/* Meta header */
.movs-meta[b-tfbotby2kp] {
    margin-top: 14px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
}

.movs-meta-title[b-tfbotby2kp] {
    font-weight: 800;
    letter-spacing: .2px;
    font-size: 1.05rem;
}

.movs-meta-sub[b-tfbotby2kp] {
    margin-top: 3px;
    opacity: .75;
    font-size: .9rem;
}

.movs-meta-right[b-tfbotby2kp] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

/* Pills */
.pill[b-tfbotby2kp] {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid var(--erp-stroke);
    background: rgba(255,255,255,.03);
    font-size: .85rem;
    opacity: .92;
}

.pill--soft[b-tfbotby2kp] {
    background: rgba(64,140,255,.10);
    border-color: rgba(64,140,255,.18);
}

/* Lista */
.movs-list[b-tfbotby2kp] {
    margin-top: 12px;
    display: grid;
    gap: 12px;
}

/* Card */
.mov-card[b-tfbotby2kp] {
    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    border: 1px solid var(--erp-stroke);
    border-radius: 16px;
    padding: 14px 16px;
}

.mov-card--cancel[b-tfbotby2kp] {
    opacity: .92;
}

/* Head row */
.mov-head[b-tfbotby2kp] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.mov-date[b-tfbotby2kp] {
    margin-left: auto;
    font-size: .85rem;
    opacity: .75;
    white-space: nowrap;
}

.mov-amount[b-tfbotby2kp] {
    font-size: 1.05rem;
    font-weight: 900;
    letter-spacing: .2px;
}

/* Badges ENTRADA / SALIDA */
.badge[b-tfbotby2kp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    padding: 6px 12px;
    border-radius: 999px;
    font-weight: 800;
    font-size: .75rem;
    letter-spacing: .4px;
    text-transform: uppercase;
    border: 1px solid var(--erp-stroke);
    background: rgba(255,255,255,.03);
}

.badge--in[b-tfbotby2kp] {
    color: #6fe3a1;
    border-color: rgba(111,227,161,.35);
    background: rgba(111,227,161,.08);
    box-shadow: 0 0 0 1px rgba(111,227,161,.12) inset, 0 0 12px rgba(111,227,161,.12);
}

.badge--out[b-tfbotby2kp] {
    color: #ff9a9a;
    border-color: rgba(255,154,154,.35);
    background: rgba(255,154,154,.08);
    box-shadow: 0 0 0 1px rgba(255,154,154,.12) inset, 0 0 12px rgba(255,154,154,.10);
}

/* Status chip */
.status[b-tfbotby2kp] {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-weight: 800;
    font-size: .75rem;
    letter-spacing: .35px;
    text-transform: uppercase;
    border: 1px solid var(--erp-stroke);
    background: rgba(255,255,255,.03);
}

.status--ok[b-tfbotby2kp] {
    color: rgba(234,242,255,.86);
    border-color: rgba(255,255,255,.10);
}

.status--cancel[b-tfbotby2kp] {
    color: #ffb2b2;
    border-color: rgba(255,154,154,.26);
    background: rgba(255,154,154,.06);
}

/* Concept */
.mov-concept[b-tfbotby2kp] {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 800;
    letter-spacing: .1px;
}

.concept-icon[b-tfbotby2kp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    font-weight: 900;
    font-size: .9rem;
    line-height: 1;
}

.concept-in .concept-icon[b-tfbotby2kp] {
    color: #6fe3a1;
    background: rgba(111,227,161,.12);
    box-shadow: 0 0 0 1px rgba(111,227,161,.25) inset;
}

.concept-out .concept-icon[b-tfbotby2kp] {
    color: #ff9a9a;
    background: rgba(255,154,154,.12);
    box-shadow: 0 0 0 1px rgba(255,154,154,.25) inset;
}

.mov-folio[b-tfbotby2kp] {
    opacity: .7;
    font-weight: 700;
    font-size: .9rem;
}

/* Grid meta */
.mov-grid[b-tfbotby2kp] {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px 12px;
}

.meta-item[b-tfbotby2kp] {
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.06);
    background: rgba(255,255,255,.02);
}

.meta-label[b-tfbotby2kp] {
    font-size: .75rem;
    opacity: .65;
    letter-spacing: .2px;
    margin-bottom: 3px;
}

.meta-value[b-tfbotby2kp] {
    font-size: .9rem;
    font-weight: 650;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Saldo row */
.mov-saldo[b-tfbotby2kp] {
    margin-top: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px 12px;
    align-items: stretch;
}

.saldo-item[b-tfbotby2kp],
.saldo-impact[b-tfbotby2kp] {
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.06);
    background: rgba(255,255,255,.02);
}

.saldo-label[b-tfbotby2kp],
.impact-label[b-tfbotby2kp] {
    font-size: .75rem;
    opacity: .65;
    letter-spacing: .2px;
    margin-bottom: 3px;
}

.saldo-value[b-tfbotby2kp],
.impact-value[b-tfbotby2kp] {
    font-size: .95rem;
    font-weight: 850;
}

.impact-in .impact-value[b-tfbotby2kp] {
    color: #6fe3a1;
}

.impact-out .impact-value[b-tfbotby2kp] {
    color: #ff9a9a;
}

/* Nota */
.mov-note[b-tfbotby2kp] {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.06);
    background: rgba(255,255,255,.02);
    font-size: .9rem;
    opacity: .92;
}

/* Cancel info */
.mov-cancel[b-tfbotby2kp] {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(255,154,154,.18);
    background: rgba(255,154,154,.06);
    font-size: .9rem;
    opacity: .95;
}

/* Pager */
.pager[b-tfbotby2kp] {
    margin-top: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.pager-mid[b-tfbotby2kp] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
}

/* Responsive */
@media (max-width: 1100px) {
    .mov-grid[b-tfbotby2kp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .movs-meta[b-tfbotby2kp] {
        flex-direction: column;
        align-items: flex-start;
    }

    .mov-date[b-tfbotby2kp] {
        margin-left: 0;
    }

    .mov-grid[b-tfbotby2kp] {
        grid-template-columns: 1fr;
    }

    .meta-value[b-tfbotby2kp] {
        white-space: normal;
    }

    .mov-saldo[b-tfbotby2kp] {
        grid-template-columns: 1fr;
    }
}

/* Hover premium (desktop) */
@media (hover: hover) {
    .mov-card[b-tfbotby2kp] {
        transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }

        .mov-card:hover[b-tfbotby2kp] {
            transform: translateY(-2px);
            box-shadow: 0 8px 22px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.06) inset;
        }

            .mov-card:hover .badge--in[b-tfbotby2kp] {
                box-shadow: 0 0 0 1px rgba(111,227,161,.18) inset, 0 0 18px rgba(111,227,161,.22);
            }

            .mov-card:hover .badge--out[b-tfbotby2kp] {
                box-shadow: 0 0 0 1px rgba(255,154,154,.18) inset, 0 0 18px rgba(255,154,154,.22);
            }
}
/* _content/ERPUniv.Web/Components/Pages/Cash/CashPendingConfirmations.razor.rz.scp.css */
/* ===============================
   Cash Pending Confirmations
   =============================== */

/* TOPBAR: sticky SOLO en desktop. En mobile se desplaza con scroll */
.erp-topbar[b-ohdoldt9cz] {
    position: sticky;
    top: 0;
    z-index: 50;
    backdrop-filter: blur(10px);
}

@media (max-width: 820px) {
    .erp-topbar[b-ohdoldt9cz] {
        position: relative;
        top: auto;
        backdrop-filter: none;
    }
}

/* KPIs grid */
.cash-kpis--pending[b-ohdoldt9cz] {
    margin-top: 14px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

@media (max-width: 1100px) {
    .cash-kpis--pending[b-ohdoldt9cz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .cash-kpis--pending[b-ohdoldt9cz] {
        grid-template-columns: 1fr;
    }
}

.cash-kpis--pending .kpi[b-ohdoldt9cz] {
    min-height: auto;
    height: auto;
    padding: 14px;
    border-radius: 16px;
}

/* Panel header */
.panel--list[b-ohdoldt9cz] {
    margin-top: 14px;
}

.panel-head[b-ohdoldt9cz] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.panel-title[b-ohdoldt9cz] {
    font-weight: 700;
    letter-spacing: .2px;
}

.panel-sub[b-ohdoldt9cz] {
    opacity: .75;
    font-size: .9rem;
    margin-top: 2px;
}

.panel-meta .pill[b-ohdoldt9cz] {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid var(--erp-stroke);
    background: rgba(255,255,255,.03);
    font-size: .85rem;
    opacity: .9;
}

/* ===============================
   (3) Banda de confiabilidad
   =============================== */
.trust-banner[b-ohdoldt9cz] {
    margin-top: 12px;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid rgba(255,209,138,.25);
    background: rgba(255,209,138,.07);
    box-shadow: 0 0 0 1px rgba(255,209,138,.10) inset;
}

.trust-title[b-ohdoldt9cz] {
    font-weight: 800;
    letter-spacing: .2px;
    color: #ffd18a;
}

.trust-msg[b-ohdoldt9cz] {
    margin-top: 4px;
    opacity: .9;
    font-size: .92rem;
}

/* ===============================
   Lista ejecutiva
   =============================== */
.cash-pending-list[b-ohdoldt9cz] {
    display: grid;
    gap: 12px;
    margin-top: 12px;
}

.pending-card[b-ohdoldt9cz] {
    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    border: 1px solid var(--erp-stroke);
    border-radius: 16px;
    padding: 14px 16px;
}

.pending-head[b-ohdoldt9cz] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pending-date[b-ohdoldt9cz] {
    margin-left: auto;
    font-size: .85rem;
    opacity: .75;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
}

.pending-amount[b-ohdoldt9cz] {
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: .2px;
}

/* Monto coloreado */
.amount-in[b-ohdoldt9cz] {
    color: #6fe3a1;
}

.amount-out[b-ohdoldt9cz] {
    color: #ff9a9a;
}

/* ===============================
   Badges ENTRADA / SALIDA
   =============================== */
.badge[b-ohdoldt9cz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    padding: 6px 12px;
    border-radius: 999px;
    font-weight: 800;
    font-size: .75rem;
    letter-spacing: .4px;
    text-transform: uppercase;
    border: 1px solid var(--erp-stroke);
    background: rgba(255,255,255,.03);
}

/* ENTRADA */
.badge--in[b-ohdoldt9cz] {
    color: #6fe3a1;
    border-color: rgba(111,227,161,.35);
    background: rgba(111,227,161,.08);
    box-shadow: 0 0 0 1px rgba(111,227,161,.12) inset, 0 0 12px rgba(111,227,161,.12);
}

/* SALIDA */
.badge--out[b-ohdoldt9cz] {
    color: #ff9a9a;
    border-color: rgba(255,154,154,.35);
    background: rgba(255,154,154,.08);
    box-shadow: 0 0 0 1px rgba(255,154,154,.12) inset, 0 0 12px rgba(255,154,154,.10);
}

/* ===============================
   (2) Antigüedad / días sin confirmar
   =============================== */
.age-pill[b-ohdoldt9cz] {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    margin-left: 10px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .2px;
    border: 1px solid var(--erp-stroke);
    background: rgba(255,255,255,.03);
    opacity: .95;
}

.age-pill--ok[b-ohdoldt9cz] {
    color: rgba(234,242,255,.85);
}

.age-pill--warn[b-ohdoldt9cz] {
    color: #ffd18a;
    border-color: rgba(255,209,138,.35);
    background: rgba(255,209,138,.08);
    box-shadow: 0 0 0 1px rgba(255,209,138,.12) inset;
}

.age-pill--alert[b-ohdoldt9cz] {
    color: #ff9a9a;
    border-color: rgba(255,154,154,.35);
    background: rgba(255,154,154,.08);
    box-shadow: 0 0 0 1px rgba(255,154,154,.12) inset;
}

/* ===============================
   (1) Impacto al saldo
   =============================== */
.pending-impact[b-ohdoldt9cz] {
    margin-top: 6px;
    font-size: .85rem;
    opacity: .85;
}

.impact-in[b-ohdoldt9cz] {
    color: #6fe3a1;
    font-weight: 900;
    margin-left: 6px;
}

.impact-out[b-ohdoldt9cz] {
    color: #ff9a9a;
    font-weight: 900;
    margin-left: 6px;
}

/* Concepto + icono */
.pending-concept[b-ohdoldt9cz] {
    margin-top: 8px;
    font-weight: 800;
    letter-spacing: .1px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.concept-icon[b-ohdoldt9cz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    font-weight: 900;
    font-size: .9rem;
    line-height: 1;
}

.concept-in .concept-icon[b-ohdoldt9cz] {
    color: #6fe3a1;
    background: rgba(111,227,161,.12);
    box-shadow: 0 0 0 1px rgba(111,227,161,.25) inset;
}

.concept-out .concept-icon[b-ohdoldt9cz] {
    color: #ff9a9a;
    background: rgba(255,154,154,.12);
    box-shadow: 0 0 0 1px rgba(255,154,154,.25) inset;
}

/* Meta grid */
.pending-meta-row[b-ohdoldt9cz] {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px 12px;
}

.meta-item[b-ohdoldt9cz] {
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.06);
    background: rgba(255,255,255,.02);
}

.meta-label[b-ohdoldt9cz] {
    font-size: .75rem;
    opacity: .65;
    letter-spacing: .2px;
    margin-bottom: 3px;
}

.meta-value[b-ohdoldt9cz] {
    font-size: .9rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pending-note[b-ohdoldt9cz] {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.06);
    background: rgba(255,255,255,.02);
    font-size: .9rem;
    opacity: .9;
}

/* Hover premium (solo desktop que soporte hover) */
@media (hover: hover) {
    .pending-card[b-ohdoldt9cz] {
        transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }

        .pending-card:hover[b-ohdoldt9cz] {
            transform: translateY(-2px);
            box-shadow: 0 8px 22px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.06) inset;
        }

            .pending-card:hover .badge--in[b-ohdoldt9cz] {
                box-shadow: 0 0 0 1px rgba(111,227,161,.18) inset, 0 0 18px rgba(111,227,161,.22);
            }

            .pending-card:hover .badge--out[b-ohdoldt9cz] {
                box-shadow: 0 0 0 1px rgba(255,154,154,.18) inset, 0 0 18px rgba(255,154,154,.22);
            }
}

/* Responsive */
@media (max-width: 1100px) {
    .pending-meta-row[b-ohdoldt9cz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .pending-head[b-ohdoldt9cz] {
        flex-wrap: wrap;
    }

    .pending-date[b-ohdoldt9cz] {
        margin-left: 0;
        white-space: normal;
        flex-wrap: wrap;
        gap: 8px;
    }

    .pending-meta-row[b-ohdoldt9cz] {
        grid-template-columns: 1fr;
    }

    .meta-value[b-ohdoldt9cz] {
        white-space: normal;
    }
}
/* _content/ERPUniv.Web/Components/Pages/Home.razor.rz.scp.css */
/* ============================
   ERP-UNIV - Home (Resumen)
   ============================ */

.erp-topbar--home .erp-container[b-82oyueejqf] {
    padding-top: 18px;
    padding-bottom: 18px;
}

.erp-home-head[b-82oyueejqf] {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
}

.erp-home-titleblock[b-82oyueejqf] {
    flex: 1;
    min-width: 220px;
}

.erp-home-sub[b-82oyueejqf] {
    margin-top: 6px;
    color: var(--erp-muted);
    font-size: .95rem;
    line-height: 1.25rem;
}

.erp-home-meta[b-82oyueejqf] {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.erp-home-section[b-82oyueejqf] {
    margin-top: 18px;
}

.erp-home-section-head[b-82oyueejqf] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
}

.erp-home-h2[b-82oyueejqf] {
    margin: 0;
    font-size: 1.05rem;
    letter-spacing: .2px;
}

.erp-home-muted[b-82oyueejqf] {
    color: var(--erp-muted);
    font-size: .92rem;
}

.erp-home-focus[b-82oyueejqf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 16px;
}

.erp-focus-card[b-82oyueejqf] {
    border: 1px solid var(--erp-stroke);
    border-radius: 18px;
    padding: 14px;
    background: linear-gradient(180deg, rgba(64,140,255,.10), rgba(0,0,0,.0));
    box-shadow: 0 10px 40px rgba(0,0,0,.35);
}

.erp-focus-kicker[b-82oyueejqf] {
    color: var(--erp-muted);
    font-size: .82rem;
    letter-spacing: .2px;
    text-transform: uppercase;
}

.erp-focus-title[b-82oyueejqf] {
    margin-top: 6px;
    font-weight: 700;
    font-size: 1.02rem;
}

.erp-focus-desc[b-82oyueejqf] {
    margin-top: 6px;
    color: var(--erp-muted);
    font-size: .92rem;
    line-height: 1.25rem;
    margin-bottom: 12px;
}

/* Topline en cards */
.erp-card-topline[b-82oyueejqf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.erp-actions--row[b-82oyueejqf] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

/* Chips */
.erp-chip--soft[b-82oyueejqf] {
    background: rgba(64,140,255,.14);
    border: 1px solid rgba(64,140,255,.22);
    color: rgba(234,242,255,.90);
}

/* Estado OK */
.erp-chip--ok[b-82oyueejqf] {
    background: rgba(62, 212, 162, .12);
    border: 1px solid rgba(62, 212, 162, .25);
    color: rgba(234,242,255,.90);
}

/* Responsive */
@media (max-width: 980px) {
    .erp-home-head[b-82oyueejqf] {
        flex-direction: column;
        align-items: flex-start;
    }

    .erp-home-meta[b-82oyueejqf] {
        justify-content: flex-start;
    }

    .erp-home-focus[b-82oyueejqf] {
        grid-template-columns: 1fr;
    }

    .erp-actions--row[b-82oyueejqf] {
        gap: 8px;
    }
}
/* _content/ERPUniv.Web/Components/Pages/Inventory/Kpis.razor.rz.scp.css */
/* =========================================================
   ERP-UNIV · Inventory KPIs
   Kpis.razor.css (REEMPLAZAR TODO EL ARCHIVO)
   + Buckets con botón de detalle + Modal premium
   ========================================================= */

:root[b-93dgh9ifyt] {
    --inv-stroke: rgba(255,255,255,.10);
}

/* Mobile: topbar NO sticky */
@media (max-width: 900px) {
    .erp-topbar[b-93dgh9ifyt] {
        position: static !important;
        top: auto !important;
        z-index: auto !important;
        backdrop-filter: none !important;
    }
}

/* Filters */
.erp-filters--inv[b-93dgh9ifyt] {
    gap: 10px;
    align-items: end;
}

    .erp-filters--inv .erp-field[b-93dgh9ifyt] {
        min-width: 160px;
    }

    .erp-filters--inv .erp-btn[b-93dgh9ifyt] {
        height: 42px;
        padding: 0 16px;
        border-radius: 14px;
    }

@media (max-width: 900px) {
    .erp-filters--inv[b-93dgh9ifyt] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        align-items: stretch;
    }

        .erp-filters--inv .erp-field[b-93dgh9ifyt] {
            min-width: 0;
        }

        .erp-filters--inv .erp-btn[b-93dgh9ifyt] {
            grid-column: 1 / -1;
            width: 100%;
            height: 44px;
            border-radius: 14px;
        }
}

/* =========================================================
   Small buttons for buckets/modal
   ========================================================= */
.inv-btn[b-93dgh9ifyt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 0 12px;
    border-radius: 12px;
    font-weight: 900;
    font-size: 12px;
    letter-spacing: .3px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    color: rgba(234,242,255,.92);
    cursor: pointer;
}

    .inv-btn:hover[b-93dgh9ifyt] {
        background: rgba(255,255,255,.06);
    }

    .inv-btn:active[b-93dgh9ifyt] {
        transform: translateY(1px);
    }

    .inv-btn[disabled][b-93dgh9ifyt] {
        opacity: .55;
        cursor: not-allowed;
        transform: none;
    }

.inv-btn--ghost[b-93dgh9ifyt] {
    background: rgba(255,255,255,.02);
    border-color: rgba(255,255,255,.10);
}

/* KPI grid */
.inv-kpis[b-93dgh9ifyt] {
    display: grid;
    grid-template-columns: 1.25fr 1fr 1fr;
    gap: 14px;
    margin: 18px 0;
}

.inv-kpi[b-93dgh9ifyt] {
    border: 1px solid var(--erp-stroke, var(--inv-stroke));
    background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
    border-radius: 18px;
    padding: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,.22);
    position: relative;
    overflow: hidden;
}

    .inv-kpi[b-93dgh9ifyt]::after {
        content: "";
        position: absolute;
        inset: -1px;
        background: radial-gradient(700px 240px at 20% 0%, rgba(64,140,255,.16), transparent 60%);
        opacity: .55;
        pointer-events: none;
    }

.inv-kpi--hero[b-93dgh9ifyt] {
    grid-row: span 2;
    padding: 16px;
}

.inv-kpi--warn[b-93dgh9ifyt]::after {
    background: radial-gradient(700px 240px at 20% 0%, rgba(255,180,60,.16), transparent 60%);
}

.inv-kpi--neutral[b-93dgh9ifyt]::after {
    background: radial-gradient(700px 240px at 20% 0%, rgba(255,255,255,.12), transparent 60%);
}

.inv-kpi-label[b-93dgh9ifyt] {
    position: relative;
    z-index: 1;
    color: rgba(234,242,255,.75);
    font-size: 12.5px;
}

.inv-kpi-value[b-93dgh9ifyt] {
    position: relative;
    z-index: 1;
    margin-top: 6px;
    font-weight: 900;
    font-size: 26px;
    color: rgba(234,242,255,.95);
}

.inv-kpi--hero .inv-kpi-value[b-93dgh9ifyt] {
    font-size: 32px;
}

.inv-kpi-sub[b-93dgh9ifyt] {
    position: relative;
    z-index: 1;
    margin-top: 10px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    color: rgba(234,242,255,.72);
    font-size: 12.5px;
}

    .inv-kpi-sub b[b-93dgh9ifyt] {
        color: rgba(234,242,255,.92);
    }

@media (max-width: 980px) {
    .inv-kpis[b-93dgh9ifyt] {
        grid-template-columns: 1fr 1fr;
    }

    .inv-kpi--hero[b-93dgh9ifyt] {
        grid-column: 1 / -1;
        grid-row: auto;
    }
}

@media (max-width: 560px) {
    .inv-kpis[b-93dgh9ifyt] {
        grid-template-columns: 1fr;
    }
}

/* Sections */
.inv-section[b-93dgh9ifyt] {
    margin: 18px 0;
}

.inv-section-head[b-93dgh9ifyt] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0 0 10px;
}

.inv-section-title[b-93dgh9ifyt] {
    font-weight: 900;
    font-size: 16px;
    color: rgba(234,242,255,.92);
}

.inv-section-sub[b-93dgh9ifyt] {
    color: rgba(234,242,255,.65);
    font-size: 12.8px;
}

/* Buckets */
.inv-buckets[b-93dgh9ifyt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.inv-bucket-card[b-93dgh9ifyt] {
    border: 1px solid var(--erp-stroke, var(--inv-stroke));
    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    border-radius: 18px;
    padding: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,.20);
}

.inv-bucket-title[b-93dgh9ifyt] {
    font-weight: 900;
    letter-spacing: .6px;
    font-size: 12px;
    color: rgba(234,242,255,.80);
    margin-bottom: 10px;
}

.inv-bucket-row[b-93dgh9ifyt] {
    display: grid;
    grid-template-columns: 1.2fr .9fr;
    gap: 10px;
    padding: 10px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.02);
    margin-bottom: 10px;
}

    .inv-bucket-row:last-child[b-93dgh9ifyt] {
        margin-bottom: 0;
    }

.inv-bucket-name[b-93dgh9ifyt] {
    font-weight: 900;
    color: rgba(234,242,255,.92);
}

.inv-bucket-meta[b-93dgh9ifyt] {
    margin-top: 2px;
    color: rgba(234,242,255,.68);
    font-size: 12.2px;
}

.inv-bucket-right[b-93dgh9ifyt] {
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

.inv-bucket-pct[b-93dgh9ifyt] {
    font-weight: 900;
    color: rgba(234,242,255,.90);
}

.inv-bucket-bar[b-93dgh9ifyt] {
    width: 170px;
    height: 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.10);
    overflow: hidden;
}

.inv-bucket-fill[b-93dgh9ifyt] {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(64,140,255,.35), rgba(64,140,255,.12));
}

@media (max-width: 980px) {
    .inv-buckets[b-93dgh9ifyt] {
        grid-template-columns: 1fr;
    }

    .inv-bucket-bar[b-93dgh9ifyt] {
        width: 100%;
    }
}

/* 2-col grid sections */
.inv-grid2[b-93dgh9ifyt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

@media (max-width: 980px) {
    .inv-grid2[b-93dgh9ifyt] {
        grid-template-columns: 1fr;
    }
}

/* Tables */
.inv-table[b-93dgh9ifyt] {
    border: 1px solid var(--erp-stroke, var(--inv-stroke));
    background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.018));
    border-radius: 18px;
    padding: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,.22);
}

.inv-tr[b-93dgh9ifyt] {
    display: grid;
    grid-template-columns: 1.4fr .8fr .6fr;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.02);
    margin-bottom: 10px;
}

    .inv-tr:last-child[b-93dgh9ifyt] {
        margin-bottom: 0;
    }

.inv-tr--head[b-93dgh9ifyt] {
    background: rgba(255,255,255,.03);
    border-color: rgba(255,255,255,.10);
    font-size: 12px;
    color: rgba(234,242,255,.72);
    font-weight: 800;
}

.t-r[b-93dgh9ifyt] {
    text-align: right;
}

.t-ell[b-93dgh9ifyt] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Products table */
.inv-table--products[b-93dgh9ifyt] {
    padding: 10px;
}

.inv-tr--products-head[b-93dgh9ifyt] {
    grid-template-columns: 2.2fr .7fr .9fr .9fr .9fr .8fr 1.2fr;
}

.inv-tr--product-row[b-93dgh9ifyt] {
    grid-template-columns: 2.2fr .7fr .9fr .9fr .9fr .8fr 1.2fr;
    position: relative;
}

.inv-prod-name[b-93dgh9ifyt] {
    font-weight: 900;
    color: rgba(234,242,255,.95);
}

.inv-prod-sub[b-93dgh9ifyt] {
    margin-top: 2px;
    font-size: 12px;
    color: rgba(234,242,255,.65);
}

.inv-flags[b-93dgh9ifyt] {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.inv-badge[b-93dgh9ifyt] {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    color: rgba(234,242,255,.88);
}

.inv-badge--warn[b-93dgh9ifyt] {
    background: rgba(255,180,60,.10);
    border-color: rgba(255,180,60,.25);
}

.inv-badge--danger[b-93dgh9ifyt] {
    background: rgba(255,80,80,.10);
    border-color: rgba(255,80,80,.25);
}

/* Legend pills */
.inv-legend[b-93dgh9ifyt] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.inv-pill[b-93dgh9ifyt] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    color: rgba(234,242,255,.88);
}

.inv-pill--ok[b-93dgh9ifyt] {
    background: rgba(35,200,120,.10);
    border-color: rgba(35,200,120,.25);
}

.inv-pill--warn[b-93dgh9ifyt] {
    background: rgba(255,180,60,.10);
    border-color: rgba(255,180,60,.25);
}

.inv-pill--danger[b-93dgh9ifyt] {
    background: rgba(255,80,80,.10);
    border-color: rgba(255,80,80,.25);
}

.inv-pill--never[b-93dgh9ifyt] {
    background: rgba(170,110,255,.12);
    border-color: rgba(170,110,255,.28);
}

.inv-pill--soft[b-93dgh9ifyt] {
    background: rgba(255,255,255,.03);
    border-color: rgba(255,255,255,.10);
}

/* Signal badge */
.inv-signal[b-93dgh9ifyt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 84px;
    padding: 6px 10px;
    border-radius: 999px;
    font-weight: 900;
    font-size: 12px;
    letter-spacing: .6px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    color: rgba(234,242,255,.92);
}

.inv-signal--ok[b-93dgh9ifyt] {
    background: rgba(35,200,120,.10);
    border-color: rgba(35,200,120,.25);
}

.inv-signal--warn[b-93dgh9ifyt] {
    background: rgba(255,180,60,.10);
    border-color: rgba(255,180,60,.25);
}

.inv-signal--danger[b-93dgh9ifyt] {
    background: rgba(255,80,80,.10);
    border-color: rgba(255,80,80,.25);
}

.inv-signal--never[b-93dgh9ifyt] {
    background: rgba(170,110,255,.12);
    border-color: rgba(170,110,255,.28);
}

.inv-day[b-93dgh9ifyt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 52px;
    padding: 4px 10px;
    border-radius: 12px;
    font-weight: 900;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    color: rgba(234,242,255,.92);
}

.inv-day--ok[b-93dgh9ifyt] {
    background: rgba(35,200,120,.08);
    border-color: rgba(35,200,120,.22);
}

.inv-day--warn[b-93dgh9ifyt] {
    background: rgba(255,180,60,.08);
    border-color: rgba(255,180,60,.22);
}

.inv-day--danger[b-93dgh9ifyt] {
    background: rgba(255,80,80,.08);
    border-color: rgba(255,80,80,.22);
}

.inv-day--never[b-93dgh9ifyt] {
    background: rgba(170,110,255,.10);
    border-color: rgba(170,110,255,.26);
}

.inv-row--warn[b-93dgh9ifyt] {
    box-shadow: 0 0 0 1px rgba(255,180,60,.13) inset;
}

.inv-row--danger[b-93dgh9ifyt] {
    box-shadow: 0 0 0 1px rgba(255,80,80,.14) inset;
}

.inv-row--never[b-93dgh9ifyt] {
    box-shadow: 0 0 0 1px rgba(170,110,255,.18) inset;
}

.inv-action[b-93dgh9ifyt] {
    color: rgba(234,242,255,.78);
    font-size: 12.5px;
    line-height: 1.25rem;
    white-space: normal;
}

/* Mobile products -> cards */
@media (max-width: 980px) {
    .inv-tr--products-head[b-93dgh9ifyt] {
        display: none;
    }

    .inv-tr--product-row[b-93dgh9ifyt] {
        display: block;
        padding: 12px;
    }

        .inv-tr--product-row .t-r[b-93dgh9ifyt] {
            text-align: left;
        }

        .inv-tr--product-row .inv-prod[b-93dgh9ifyt] {
            margin-bottom: 10px;
        }

        .inv-tr--product-row .inv-action[b-93dgh9ifyt] {
            margin-top: 10px;
            padding-top: 10px;
            border-top: 1px solid rgba(255,255,255,.08);
        }
}

/* =========================================================
   Modal (Bucket detail)
   ========================================================= */
.inv-modal-overlay[b-93dgh9ifyt] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    z-index: 9999;
}

.inv-modal[b-93dgh9ifyt] {
    width: min(1100px, 100%);
    max-height: min(86vh, 900px);
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: linear-gradient(180deg, rgba(10,16,30,.92), rgba(6,10,18,.92));
    box-shadow: 0 20px 60px rgba(0,0,0,.55);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.inv-modal-head[b-93dgh9ifyt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 14px;
    border-bottom: 1px solid rgba(255,255,255,.10);
}

.inv-modal-title[b-93dgh9ifyt] {
    font-weight: 900;
    letter-spacing: .2px;
    color: rgba(234,242,255,.95);
}

.inv-modal-sub[b-93dgh9ifyt] {
    margin-top: 4px;
    font-size: 12.5px;
    color: rgba(234,242,255,.70);
}

.inv-modal-body[b-93dgh9ifyt] {
    padding: 14px;
    overflow: auto;
}

.inv-modal-meta[b-93dgh9ifyt] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.inv-modal-list[b-93dgh9ifyt] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.inv-bd-card[b-93dgh9ifyt] {
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    padding: 12px;
}

.inv-bd-card--warn[b-93dgh9ifyt] {
    box-shadow: 0 0 0 1px rgba(255,180,60,.14) inset;
}

.inv-bd-card--danger[b-93dgh9ifyt] {
    box-shadow: 0 0 0 1px rgba(255,80,80,.16) inset;
}

.inv-bd-card--never[b-93dgh9ifyt] {
    box-shadow: 0 0 0 1px rgba(170,110,255,.20) inset;
}

.inv-bd-head[b-93dgh9ifyt] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 10px;
}

.inv-bd-title[b-93dgh9ifyt] {
    font-weight: 900;
    color: rgba(234,242,255,.95);
}

.inv-bd-sub[b-93dgh9ifyt] {
    margin-top: 2px;
    font-size: 12px;
    color: rgba(234,242,255,.68);
}

.inv-bd-grid[b-93dgh9ifyt] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.inv-bd-item[b-93dgh9ifyt] {
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.02);
    border-radius: 14px;
    padding: 10px;
}

.inv-bd-label[b-93dgh9ifyt] {
    font-size: 11.5px;
    color: rgba(234,242,255,.65);
    margin-bottom: 4px;
}

.inv-bd-value[b-93dgh9ifyt] {
    font-weight: 900;
    color: rgba(234,242,255,.92);
}

@media (max-width: 980px) {
    .inv-bd-grid[b-93dgh9ifyt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.inv-bd-insight[b-93dgh9ifyt] {
    margin-top: 10px;
    border-top: 1px solid rgba(255,255,255,.08);
    padding-top: 10px;
}

.inv-bd-insight-title[b-93dgh9ifyt] {
    font-weight: 900;
    color: rgba(234,242,255,.90);
    font-size: 12.5px;
    margin-bottom: 4px;
}

.inv-bd-insight-title--mt[b-93dgh9ifyt] {
    margin-top: 10px;
}

.inv-bd-insight-text[b-93dgh9ifyt] {
    color: rgba(234,242,255,.78);
    font-size: 12.8px;
    line-height: 1.35rem;
}
/* _content/ERPUniv.Web/Components/Pages/Inventory/NonMovingStock.razor.rz.scp.css */
/* =========================================================
   ERP-UNIV · Inventory Non Moving Stock
   NonMovingStock.razor.css (REEMPLAZAR TODO EL ARCHIVO)
   Diseño premium + KPIs + Chart + Modal
   ========================================================= */

:root[b-aplf0a3mln] {
    --nm-stroke: rgba(255,255,255,.10);
}

/* Mobile: topbar NO sticky */
@media (max-width: 900px) {
    .erp-topbar[b-aplf0a3mln] {
        position: static !important;
        top: auto !important;
        z-index: auto !important;
        backdrop-filter: none !important;
    }
}

/* Filters */
.erp-filters--invnm[b-aplf0a3mln] {
    gap: 10px;
    align-items: end;
}

    .erp-filters--invnm .erp-field[b-aplf0a3mln] {
        min-width: 160px;
    }

    .erp-filters--invnm .erp-btn[b-aplf0a3mln] {
        height: 42px;
        padding: 0 16px;
        border-radius: 14px;
    }

@media (max-width: 900px) {
    .erp-filters--invnm[b-aplf0a3mln] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        align-items: stretch;
    }

        .erp-filters--invnm .erp-field[b-aplf0a3mln] {
            min-width: 0;
        }

        .erp-filters--invnm .erp-btn[b-aplf0a3mln] {
            grid-column: 1 / -1;
            width: 100%;
            height: 44px;
            border-radius: 14px;
        }
}

/* KPIs */
.nm-kpis[b-aplf0a3mln] {
    display: grid;
    grid-template-columns: 1.35fr 1fr 1fr 1fr;
    gap: 14px;
    margin: 18px 0;
}

.nm-kpi[b-aplf0a3mln] {
    border: 1px solid var(--erp-stroke, var(--nm-stroke));
    background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
    border-radius: 18px;
    padding: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,.22);
    position: relative;
    overflow: hidden;
}

    .nm-kpi[b-aplf0a3mln]::after {
        content: "";
        position: absolute;
        inset: -1px;
        background: radial-gradient(700px 240px at 20% 0%, rgba(64,140,255,.16), transparent 60%);
        opacity: .55;
        pointer-events: none;
    }

.nm-kpi--hero[b-aplf0a3mln] {
    padding: 16px;
}

.nm-kpi--danger[b-aplf0a3mln]::after {
    background: radial-gradient(700px 240px at 20% 0%, rgba(255,80,80,.16), transparent 60%);
}

.nm-kpi--warn[b-aplf0a3mln]::after {
    background: radial-gradient(700px 240px at 20% 0%, rgba(255,180,60,.16), transparent 60%);
}

.nm-kpi--violet[b-aplf0a3mln]::after {
    background: radial-gradient(700px 240px at 20% 0%, rgba(170,110,255,.18), transparent 60%);
}

.nm-kpi-label[b-aplf0a3mln] {
    position: relative;
    z-index: 1;
    color: rgba(234,242,255,.75);
    font-size: 12.5px;
}

.nm-kpi-value[b-aplf0a3mln] {
    position: relative;
    z-index: 1;
    margin-top: 6px;
    font-weight: 900;
    font-size: 26px;
    color: rgba(234,242,255,.95);
}

.nm-kpi--hero .nm-kpi-value[b-aplf0a3mln] {
    font-size: 32px;
}

.nm-kpi-sub[b-aplf0a3mln] {
    position: relative;
    z-index: 1;
    margin-top: 10px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    color: rgba(234,242,255,.72);
    font-size: 12.5px;
}

    .nm-kpi-sub b[b-aplf0a3mln] {
        color: rgba(234,242,255,.92);
    }

@media (max-width: 1050px) {
    .nm-kpis[b-aplf0a3mln] {
        grid-template-columns: 1fr 1fr;
    }

    .nm-kpi--hero[b-aplf0a3mln] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 560px) {
    .nm-kpis[b-aplf0a3mln] {
        grid-template-columns: 1fr;
    }
}

/* Sections */
.nm-section[b-aplf0a3mln] {
    margin: 18px 0;
}

.nm-section-head[b-aplf0a3mln] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0 0 10px;
}

.nm-section-title[b-aplf0a3mln] {
    font-weight: 900;
    font-size: 16px;
    color: rgba(234,242,255,.92);
}

.nm-section-sub[b-aplf0a3mln] {
    color: rgba(234,242,255,.65);
    font-size: 12.8px;
}

/* Insight cards */
.nm-insight-grid[b-aplf0a3mln] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.nm-insight-card[b-aplf0a3mln] {
    border: 1px solid var(--erp-stroke, var(--nm-stroke));
    background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.018));
    border-radius: 18px;
    padding: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,.20);
}

.nm-insight-title[b-aplf0a3mln] {
    font-weight: 900;
    color: rgba(234,242,255,.92);
    margin-bottom: 8px;
}

.nm-insight-text[b-aplf0a3mln] {
    color: rgba(234,242,255,.78);
    font-size: 12.8px;
    line-height: 1.35rem;
}

.nm-insight-row[b-aplf0a3mln] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.02);
    margin-bottom: 10px;
}

.nm-ul[b-aplf0a3mln] {
    margin: 0;
    padding-left: 18px;
}

    .nm-ul li[b-aplf0a3mln] {
        margin: 6px 0;
    }

@media (max-width: 980px) {
    .nm-insight-grid[b-aplf0a3mln] {
        grid-template-columns: 1fr;
    }
}

/* Chart card */
.nm-chart-card[b-aplf0a3mln] {
    border: 1px solid var(--erp-stroke, var(--nm-stroke));
    background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.018));
    border-radius: 18px;
    padding: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,.22);
    margin-bottom: 12px;
}

.nm-chart-wrap[b-aplf0a3mln] {
    position: relative;
    height: 320px;
}

.nm-chart-note[b-aplf0a3mln] {
    margin-top: 10px;
    color: rgba(234,242,255,.65);
    font-size: 12.5px;
}

/* Tables */
.nm-table[b-aplf0a3mln] {
    border: 1px solid var(--erp-stroke, var(--nm-stroke));
    background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.018));
    border-radius: 18px;
    padding: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,.22);
}

.nm-tr[b-aplf0a3mln] {
    display: grid;
    grid-template-columns: 1.6fr .6fr .8fr .6fr .6fr;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.02);
    margin-bottom: 10px;
}

    .nm-tr:last-child[b-aplf0a3mln] {
        margin-bottom: 0;
    }

.nm-tr--head[b-aplf0a3mln] {
    background: rgba(255,255,255,.03);
    border-color: rgba(255,255,255,.10);
    font-size: 12px;
    color: rgba(234,242,255,.72);
    font-weight: 800;
}

.t-r[b-aplf0a3mln] {
    text-align: right;
}

.t-ell[b-aplf0a3mln] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nm-cat[b-aplf0a3mln] {
    font-weight: 900;
    color: rgba(234,242,255,.95);
}

.nm-sub[b-aplf0a3mln] {
    margin-top: 2px;
    font-size: 12px;
    color: rgba(234,242,255,.65);
}

/* Buttons */
.nm-btn[b-aplf0a3mln] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 0 12px;
    border-radius: 12px;
    font-weight: 900;
    font-size: 12px;
    letter-spacing: .3px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    color: rgba(234,242,255,.92);
    cursor: pointer;
}

    .nm-btn:hover[b-aplf0a3mln] {
        background: rgba(255,255,255,.06);
    }

    .nm-btn:active[b-aplf0a3mln] {
        transform: translateY(1px);
    }

    .nm-btn[disabled][b-aplf0a3mln] {
        opacity: .55;
        cursor: not-allowed;
        transform: none;
    }

.nm-btn--ghost[b-aplf0a3mln] {
    background: rgba(255,255,255,.02);
    border-color: rgba(255,255,255,.10);
}

/* Products table */
.nm-table--products[b-aplf0a3mln] {
    padding: 10px;
}

.nm-tr--products-head[b-aplf0a3mln],
.nm-tr--product[b-aplf0a3mln] {
    grid-template-columns: 2.2fr .7fr .9fr .9fr .8fr 1.2fr;
}

.nm-prod-name[b-aplf0a3mln] {
    font-weight: 900;
    color: rgba(234,242,255,.95);
}

.nm-prod-sub[b-aplf0a3mln] {
    margin-top: 2px;
    font-size: 12px;
    color: rgba(234,242,255,.65);
}

.nm-flags[b-aplf0a3mln] {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.nm-badge[b-aplf0a3mln] {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    color: rgba(234,242,255,.88);
}

.nm-badge--warn[b-aplf0a3mln] {
    background: rgba(255,180,60,.10);
    border-color: rgba(255,180,60,.25);
}

.nm-badge--danger[b-aplf0a3mln] {
    background: rgba(255,80,80,.10);
    border-color: rgba(255,80,80,.25);
}

.nm-action[b-aplf0a3mln] {
    color: rgba(234,242,255,.78);
    font-size: 12.5px;
    line-height: 1.25rem;
    white-space: normal;
}

/* Signal + day chip */
.nm-signal[b-aplf0a3mln] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 84px;
    padding: 6px 10px;
    border-radius: 999px;
    font-weight: 900;
    font-size: 12px;
    letter-spacing: .6px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    color: rgba(234,242,255,.92);
}

.nm-signal--ok[b-aplf0a3mln] {
    background: rgba(35,200,120,.10);
    border-color: rgba(35,200,120,.25);
}

.nm-signal--warn[b-aplf0a3mln] {
    background: rgba(255,180,60,.10);
    border-color: rgba(255,180,60,.25);
}

.nm-signal--danger[b-aplf0a3mln] {
    background: rgba(255,80,80,.10);
    border-color: rgba(255,80,80,.25);
}

.nm-signal--never[b-aplf0a3mln] {
    background: rgba(170,110,255,.12);
    border-color: rgba(170,110,255,.28);
}

.nm-day[b-aplf0a3mln] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    padding: 4px 10px;
    border-radius: 12px;
    font-weight: 900;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    color: rgba(234,242,255,.92);
}

.nm-day--ok[b-aplf0a3mln] {
    background: rgba(35,200,120,.08);
    border-color: rgba(35,200,120,.22);
}

.nm-day--warn[b-aplf0a3mln] {
    background: rgba(255,180,60,.08);
    border-color: rgba(255,180,60,.22);
}

.nm-day--danger[b-aplf0a3mln] {
    background: rgba(255,80,80,.08);
    border-color: rgba(255,80,80,.22);
}

.nm-day--never[b-aplf0a3mln] {
    background: rgba(170,110,255,.10);
    border-color: rgba(170,110,255,.26);
}

.nm-row--warn[b-aplf0a3mln] {
    box-shadow: 0 0 0 1px rgba(255,180,60,.13) inset;
}

.nm-row--danger[b-aplf0a3mln] {
    box-shadow: 0 0 0 1px rgba(255,80,80,.14) inset;
}

.nm-row--never[b-aplf0a3mln] {
    box-shadow: 0 0 0 1px rgba(170,110,255,.18) inset;
}

/* Mobile products -> cards */
@media (max-width: 980px) {
    .nm-tr--products-head[b-aplf0a3mln] {
        display: none;
    }

    .nm-tr--product[b-aplf0a3mln] {
        display: block;
        padding: 12px;
    }

        .nm-tr--product .t-r[b-aplf0a3mln] {
            text-align: left;
        }

    .nm-action[b-aplf0a3mln] {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid rgba(255,255,255,.08);
    }
}

/* Modal */
.nm-modal-overlay[b-aplf0a3mln] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    z-index: 9999;
}

.nm-modal[b-aplf0a3mln] {
    width: min(1200px, 100%);
    max-height: min(86vh, 900px);
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: linear-gradient(180deg, rgba(10,16,30,.92), rgba(6,10,18,.92));
    box-shadow: 0 20px 60px rgba(0,0,0,.55);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.nm-modal-head[b-aplf0a3mln] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 14px;
    border-bottom: 1px solid rgba(255,255,255,.10);
}

.nm-modal-title[b-aplf0a3mln] {
    font-weight: 900;
    color: rgba(234,242,255,.95);
}

.nm-modal-sub[b-aplf0a3mln] {
    margin-top: 4px;
    font-size: 12.5px;
    color: rgba(234,242,255,.70);
}

.nm-modal-body[b-aplf0a3mln] {
    padding: 14px;
    overflow: auto;
}

.nm-modal-meta[b-aplf0a3mln] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.nm-pill[b-aplf0a3mln] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    color: rgba(234,242,255,.88);
}

.nm-pill--soft[b-aplf0a3mln] {
    background: rgba(255,255,255,.03);
    border-color: rgba(255,255,255,.10);
}

/* Modal table */
.nm-modal-table[b-aplf0a3mln] {
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    overflow: hidden;
}

.nm-mtr[b-aplf0a3mln] {
    display: grid;
    grid-template-columns: 1.6fr .6fr .8fr .7fr 2fr;
    gap: 10px;
    align-items: center;
    padding: 10px 12px;
    border-top: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.02);
}

    .nm-mtr:first-child[b-aplf0a3mln] {
        border-top: none;
    }

.nm-mtr--head[b-aplf0a3mln] {
    background: rgba(255,255,255,.03);
    border-top: none;
    font-size: 12px;
    color: rgba(234,242,255,.72);
    font-weight: 800;
    position: sticky;
    top: 0;
    z-index: 1;
}

.nm-mtr--warn[b-aplf0a3mln] {
    box-shadow: 0 0 0 1px rgba(255,180,60,.13) inset;
}

.nm-mtr--danger[b-aplf0a3mln] {
    box-shadow: 0 0 0 1px rgba(255,80,80,.14) inset;
}

.nm-mtr--never[b-aplf0a3mln] {
    box-shadow: 0 0 0 1px rgba(170,110,255,.18) inset;
}

.nm-mprod[b-aplf0a3mln] {
    font-weight: 900;
    color: rgba(234,242,255,.95);
}

.nm-msub[b-aplf0a3mln] {
    margin-top: 2px;
    font-size: 12px;
    color: rgba(234,242,255,.65);
}

.nm-mini[b-aplf0a3mln] {
    color: rgba(234,242,255,.80);
    font-size: 12.5px;
}

.nm-mini-sep[b-aplf0a3mln] {
    margin: 0 6px;
    color: rgba(234,242,255,.55);
}

.nm-mini-t[b-aplf0a3mln] {
    color: rgba(234,242,255,.78);
}

.nm-mini-a[b-aplf0a3mln] {
    margin-top: 4px;
    color: rgba(234,242,255,.72);
    font-size: 12.5px;
}
/* _content/ERPUniv.Web/Components/Pages/Login.razor.rz.scp.css */
/* Login.razor.css  (CSS aislado - mobile first) */

/* ===== Base / Mobile first ===== */
.auth-wrap[b-sw13g21q7w] {
    min-height: 100vh;
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 20px 14px;
    background: radial-gradient(1200px 700px at 20% 10%, rgba(64,140,255,.22) 0%, rgba(0,0,0,0) 55%), radial-gradient(900px 600px at 80% 20%, rgba(125,80,255,.16) 0%, rgba(0,0,0,0) 55%), linear-gradient(180deg, #050a14 0%, #070b14 45%, #050a14 100%);
}

.auth-card[b-sw13g21q7w] {
    width: 100%;
    max-width: 520px;
    display: grid;
    grid-template-columns: 1fr; /* móvil: 1 columna */
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 24px;
    overflow: hidden;
    background: rgba(10,18,38,.55);
    backdrop-filter: blur(10px);
    box-shadow: 0 22px 70px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.05) inset;
}

/* ----- Brand (móvil compacto) ----- */
.auth-brand[b-sw13g21q7w] {
    padding: 18px 18px 10px 18px;
    background: radial-gradient(900px 400px at 50% 10%, rgba(64,140,255,.22), rgba(0,0,0,0) 60%), linear-gradient(180deg, rgba(7,26,51,.65), rgba(7,11,20,.25));
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.auth-brand-center[b-sw13g21q7w] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-direction: column; /*  logo arriba, texto debajo en móvil */
    text-align: center;
}

.auth-logo[b-sw13g21q7w] {
    width: 170px; /*  más presencia en móvil */
    max-width: 70%;
    height: auto;
    margin-bottom: 6px;
    filter: drop-shadow(0 14px 32px rgba(0,0,0,.55));
}

.auth-brand-textblock[b-sw13g21q7w] {
    min-width: 0;
}

.auth-brand-tagline[b-sw13g21q7w] {
    font-size: 12.5px;
    line-height: 1.35;
    color: rgba(234,242,255,.75);
}

/* ----- Form ----- */
.auth-form[b-sw13g21q7w] {
    padding: 18px;
}

    .auth-form h2[b-sw13g21q7w] {
        margin: 2px 0 6px 0;
        font-size: 26px;
        letter-spacing: .2px;
        color: rgba(234,242,255,.92);
    }

.auth-sub[b-sw13g21q7w] {
    margin: 0 0 14px 0;
    font-size: 13px;
    color: rgba(234,242,255,.68);
}

.auth-error[b-sw13g21q7w] {
    margin: 0 0 12px 0;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255, 90, 90, .25);
    background: rgba(255, 90, 90, .10);
    color: rgba(255, 210, 210, .95);
    font-size: 13px;
}

.auth-form form[b-sw13g21q7w] {
    display: grid;
    gap: 10px;
}

.auth-form label[b-sw13g21q7w] {
    font-size: 12px;
    color: rgba(234,242,255,.70);
    margin-top: 6px;
}

.auth-input[b-sw13g21q7w] {
    width: 100%;
    height: 46px; /* cómodo para dedo */
    padding: 0 14px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(0,0,0,.25);
    color: rgba(234,242,255,.92);
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

    .auth-input[b-sw13g21q7w]::placeholder {
        color: rgba(234,242,255,.38);
    }

    .auth-input:focus[b-sw13g21q7w] {
        border-color: rgba(64,140,255,.45);
        box-shadow: 0 0 0 4px rgba(64,140,255,.14);
        background: rgba(0,0,0,.18);
    }

.auth-btn[b-sw13g21q7w] {
    margin-top: 10px;
    height: 46px;
    border-radius: 14px;
    border: 1px solid rgba(64,140,255,.45);
    background: linear-gradient(180deg, rgba(64,140,255,.95), rgba(64,140,255,.72));
    color: #fff;
    font-weight: 700;
    letter-spacing: .2px;
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
    box-shadow: 0 14px 34px rgba(64,140,255,.18);
}

    .auth-btn:hover[b-sw13g21q7w] {
        filter: brightness(1.03);
        box-shadow: 0 18px 44px rgba(64,140,255,.24);
    }

    .auth-btn:active[b-sw13g21q7w] {
        transform: translateY(1px);
    }

.auth-btn-ghost[b-sw13g21q7w] {
    margin-top: 0;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.06);
    color: rgba(234,242,255,.88);
    box-shadow: none;
}

    .auth-btn-ghost:hover[b-sw13g21q7w] {
        background: rgba(255,255,255,.08);
        filter: none;
        box-shadow: none;
    }

/* ===== Desktop ===== */
@media (min-width: 980px) {
    .auth-wrap[b-sw13g21q7w] {
        padding: 28px;
        align-items: center;
    }

    .auth-card[b-sw13g21q7w] {
        max-width: 980px;
        grid-template-columns: 1.05fr 0.95fr; /* desktop: 2 columnas */
        min-height: 560px;
    }

    .auth-brand[b-sw13g21q7w] {
        border-bottom: none;
        border-right: 1px solid rgba(255,255,255,.08);
        padding: 26px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .auth-brand-center[b-sw13g21q7w] {
        flex-direction: column;
        gap: 14px;
        text-align: center;
        max-width: 420px;
    }

    .auth-logo[b-sw13g21q7w] {
        width: 240px;
        max-width: 100%;
    }

    .auth-brand-tagline[b-sw13g21q7w] {
        font-size: 14px;
        line-height: 1.45;
    }

    .auth-form[b-sw13g21q7w] {
        padding: 34px 34px 30px 34px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .auth-form h2[b-sw13g21q7w] {
            font-size: 34px;
        }

    .auth-sub[b-sw13g21q7w] {
        font-size: 14px;
        margin-bottom: 18px;
    }

    .auth-input[b-sw13g21q7w] {
        height: 48px;
    }

    .auth-btn[b-sw13g21q7w] {
        height: 48px;
    }
}

/* ===== Extra: pantallas muy angostas ===== */
@media (max-width: 360px) {
    .auth-form h2[b-sw13g21q7w] {
        font-size: 24px;
    }

    .auth-brand-tagline[b-sw13g21q7w] {
        font-size: 12px;
    }
}
/* _content/ERPUniv.Web/Components/Pages/Sales/HoyPorSucursal.razor.rz.scp.css */
/* ===== Grid ===== */
.erp-grid-today[b-u7qtr5bgp5] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 18px;
    margin-top: 18px;
}

/* 2 cards por fila en desktop, 1 en móvil */
.erp-today-card[b-u7qtr5bgp5] {
    grid-column: span 6;
}

@media (max-width: 980px) {
    .erp-today-card[b-u7qtr5bgp5] {
        grid-column: span 12;
    }
}

/* ===== Card premium ===== */
.erp-today-card[b-u7qtr5bgp5] {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    padding: 16px 16px 14px;
    background: radial-gradient(900px 260px at 15% -40%, rgba(64,140,255,.22), transparent 60%), radial-gradient(700px 220px at 110% 10%, rgba(140,90,255,.18), transparent 55%), linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018));
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 18px 60px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.02);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

    .erp-today-card[b-u7qtr5bgp5]::before {
        content: "";
        position: absolute;
        inset: -2px;
        background: linear-gradient(135deg, rgba(64,140,255,.22), rgba(140,90,255,.10), rgba(64,140,255,.06));
        opacity: .18;
        filter: blur(18px);
        pointer-events: none;
    }

    .erp-today-card[b-u7qtr5bgp5]::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 56px;
        background: linear-gradient(180deg, rgba(0,0,0,.28), transparent);
        pointer-events: none;
    }

    .erp-today-card:hover[b-u7qtr5bgp5] {
        transform: translateY(-2px);
        border-color: rgba(255,255,255,.12);
        box-shadow: 0 24px 70px rgba(0,0,0,.42), 0 0 0 3px rgba(64,140,255,.12), inset 0 0 0 1px rgba(255,255,255,.02);
    }

/* ===== Header ===== */
.erp-today-head[b-u7qtr5bgp5] {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 10px;
}

.erp-today-branch[b-u7qtr5bgp5] {
    min-width: 0;
}

.erp-today-name[b-u7qtr5bgp5] {
    font-weight: 800;
    letter-spacing: .2px;
    font-size: 13px;
    text-transform: uppercase;
    opacity: .95;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.erp-today-sub[b-u7qtr5bgp5] {
    margin-top: 4px;
    font-size: 12px;
    opacity: .70;
}

/* ===== Badge premium ===== */
.erp-today-badge[b-u7qtr5bgp5] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .2px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
    white-space: nowrap;
}

    /* Colores por estatus */
    .erp-today-badge.ok[b-u7qtr5bgp5] {
        border-color: rgba(60,220,140,.28);
        box-shadow: 0 0 0 3px rgba(60,220,140,.10), inset 0 0 0 1px rgba(255,255,255,.02);
    }

    .erp-today-badge.warn[b-u7qtr5bgp5] {
        border-color: rgba(255,200,80,.30);
        box-shadow: 0 0 0 3px rgba(255,200,80,.10), inset 0 0 0 1px rgba(255,255,255,.02);
    }

    .erp-today-badge.alert[b-u7qtr5bgp5] {
        border-color: rgba(255,90,90,.35);
        box-shadow: 0 0 0 3px rgba(255,90,90,.10), inset 0 0 0 1px rgba(255,255,255,.02);
    }

/* ===== Hero metric ===== */
.erp-today-metric.hero[b-u7qtr5bgp5] {
    position: relative;
    margin-top: 10px;
    padding: 12px 12px 10px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.07);
    background: rgba(0,0,0,.16);
}

    .erp-today-metric.hero .k[b-u7qtr5bgp5] {
        font-size: 12px;
        opacity: .72;
    }

    .erp-today-metric.hero .v[b-u7qtr5bgp5] {
        font-size: 30px;
        font-weight: 900;
        letter-spacing: .2px;
        margin-top: 2px;
    }

    .erp-today-metric.hero .s[b-u7qtr5bgp5] {
        margin-top: 6px;
        font-size: 12px;
        opacity: .72;
    }

/* ===== Detail grid ===== */
.erp-today-rows[b-u7qtr5bgp5] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 12px;
    margin-top: 12px;
}

    .erp-today-rows .m[b-u7qtr5bgp5] {
        border-radius: 14px;
        padding: 10px 10px 9px;
        background: rgba(255,255,255,.02);
        border: 1px solid rgba(255,255,255,.06);
        transition: border-color .16s ease, background .16s ease;
    }

        .erp-today-rows .m:hover[b-u7qtr5bgp5] {
            border-color: rgba(255,255,255,.10);
            background: rgba(255,255,255,.03);
        }

    .erp-today-rows .k[b-u7qtr5bgp5] {
        font-size: 11px;
        opacity: .70;
    }

    .erp-today-rows .v[b-u7qtr5bgp5] {
        margin-top: 3px;
        font-size: 14px;
        font-weight: 800;
    }

/* Opcional: columna completa en pantallas muy chicas */
@media (max-width: 520px) {
    .erp-today-rows[b-u7qtr5bgp5] {
        grid-template-columns: 1fr;
    }

    .erp-today-metric.hero .v[b-u7qtr5bgp5] {
        font-size: 26px;
    }
}
/* _content/ERPUniv.Web/Components/Pages/Sales/TicketsDetalle.razor.rz.scp.css */
/* KPIs strip */
.tickets-kpis[b-dtseecgngi] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 12px;
    margin: 16px 0 18px;
}

    .tickets-kpis .kpi[b-dtseecgngi] {
        grid-column: span 3;
        border-radius: 16px;
        padding: 12px 12px 10px;
        background: rgba(255,255,255,.03);
        border: 1px solid rgba(255,255,255,.08);
        box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
    }

    .tickets-kpis .k[b-dtseecgngi] {
        font-size: 11px;
        opacity: .70;
    }

    .tickets-kpis .v[b-dtseecgngi] {
        margin-top: 4px;
        font-size: 18px;
        font-weight: 900;
    }

@media (max-width: 980px) {
    .tickets-kpis .kpi[b-dtseecgngi] {
        grid-column: span 6;
    }
}

@media (max-width: 560px) {
    .tickets-kpis .kpi[b-dtseecgngi] {
        grid-column: span 12;
    }
}

/* Grid de tickets */
.tickets-grid[b-dtseecgngi] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 16px;
}

.ticket-card[b-dtseecgngi] {
    grid-column: span 4;
    border-radius: 18px;
    padding: 14px;
    background: radial-gradient(700px 260px at 15% -40%, rgba(64,140,255,.18), transparent 60%), radial-gradient(600px 240px at 110% 10%, rgba(140,90,255,.12), transparent 55%), linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 18px 60px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.02);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
    overflow: hidden;
    position: relative;
}

    .ticket-card:hover[b-dtseecgngi] {
        transform: translateY(-2px);
        border-color: rgba(255,255,255,.12);
        box-shadow: 0 24px 70px rgba(0,0,0,.42), 0 0 0 3px rgba(64,140,255,.10), inset 0 0 0 1px rgba(255,255,255,.02);
    }

@media (max-width: 1100px) {
    .ticket-card[b-dtseecgngi] {
        grid-column: span 6;
    }
}

@media (max-width: 640px) {
    .ticket-card[b-dtseecgngi] {
        grid-column: span 12;
    }
}

/* Header ticket */
.ticket-head[b-dtseecgngi] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
}

.ticket-title .folio[b-dtseecgngi] {
    font-weight: 900;
    letter-spacing: .2px;
}

.ticket-title .meta[b-dtseecgngi] {
    margin-top: 3px;
    font-size: 12px;
    opacity: .72;
}

/* Badge margen */
.badge[b-dtseecgngi] {
    font-size: 11px;
    font-weight: 800;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    white-space: nowrap;
}

    .badge.ok[b-dtseecgngi] {
        border-color: rgba(60,220,140,.28);
        box-shadow: 0 0 0 3px rgba(60,220,140,.10);
    }

    .badge.warn[b-dtseecgngi] {
        border-color: rgba(255,200,80,.30);
        box-shadow: 0 0 0 3px rgba(255,200,80,.10);
    }

    .badge.alert[b-dtseecgngi] {
        border-color: rgba(255,90,90,.35);
        box-shadow: 0 0 0 3px rgba(255,90,90,.10);
    }

/* Hero */
.ticket-hero[b-dtseecgngi] {
    border-radius: 16px;
    padding: 12px 12px 10px;
    border: 1px solid rgba(255,255,255,.07);
    background: rgba(0,0,0,.16);
}

    .ticket-hero .k[b-dtseecgngi] {
        font-size: 11px;
        opacity: .70;
    }

    .ticket-hero .v[b-dtseecgngi] {
        margin-top: 3px;
        font-size: 22px;
        font-weight: 900;
    }

    .ticket-hero .s[b-dtseecgngi] {
        margin-top: 6px;
        font-size: 12px;
        opacity: .75;
    }

/* Metrics grid */
.ticket-rows[b-dtseecgngi] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 12px;
    margin-top: 12px;
}

    .ticket-rows .m[b-dtseecgngi] {
        border-radius: 14px;
        padding: 10px 10px 9px;
        background: rgba(255,255,255,.02);
        border: 1px solid rgba(255,255,255,.06);
    }

    .ticket-rows .k[b-dtseecgngi] {
        font-size: 11px;
        opacity: .70;
    }

    .ticket-rows .v[b-dtseecgngi] {
        margin-top: 3px;
        font-size: 14px;
        font-weight: 800;
    }

@media (max-width: 520px) {
    .ticket-rows[b-dtseecgngi] {
        grid-template-columns: 1fr;
    }
}

/* Footer */
.ticket-foot[b-dtseecgngi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
}

    .ticket-foot .who[b-dtseecgngi] {
        font-size: 12px;
        opacity: .72;
    }

/* Skeleton */
.tickets-kpis-skel[b-dtseecgngi] {
    height: 96px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.06);
    background: rgba(255,255,255,.03);
    margin: 16px 0 18px;
}

.ticket-card--skel[b-dtseecgngi] {
    height: 260px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.06);
    background: rgba(255,255,255,.03);
}




/* ===== Modal overlay (sin blur para legibilidad) ===== */
.erp-modal-overlay[b-dtseecgngi] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.68);
    backdrop-filter: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    z-index: 9999;
}

/* ===== Modal contenedor (fondo sólido) ===== */
.erp-modal[b-dtseecgngi] {
    width: min(1100px, 100%);
    max-height: 86vh;
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.12);
    background: linear-gradient(180deg, #0b1222 0%, #070b14 100%);
    box-shadow: 0 24px 90px rgba(0,0,0,.65);
}

.erp-modal-head[b-dtseecgngi] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 16px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.erp-modal-title[b-dtseecgngi] {
    font-weight: 900;
    font-size: 16px;
}

.erp-modal-sub[b-dtseecgngi] {
    margin-top: 4px;
    font-size: 12px;
    opacity: .75;
}

.erp-modal-body[b-dtseecgngi] {
    padding: 14px 16px 16px;
    overflow: auto;
    max-height: calc(86vh - 64px);
}

/* ===== Ticket lines table ===== */
.tl-table[b-dtseecgngi] {
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 14px;
    overflow: hidden;
    background: rgba(255,255,255,.02);
}

.tl-row[b-dtseecgngi] {
    display: grid;
    grid-template-columns: 1.8fr .45fr .65fr .75fr .75fr .75fr .6fr;
    gap: 12px;
    padding: 12px 12px;
    align-items: center;
    border-top: 1px solid rgba(255,255,255,.06);
}

    .tl-row:first-child[b-dtseecgngi] {
        border-top: none;
    }

    .tl-row.tl-head[b-dtseecgngi] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #0b1222;
        border-bottom: 1px solid rgba(255,255,255,.10);
        font-size: 11px;
        letter-spacing: .4px;
        text-transform: uppercase;
        opacity: .85;
    }

    .tl-row .name[b-dtseecgngi] {
        font-weight: 900;
        line-height: 1.2;
    }

    .tl-row .sku[b-dtseecgngi] {
        margin-top: 4px;
        font-size: 12px;
        opacity: .70;
    }

    .tl-row .strong[b-dtseecgngi] {
        font-weight: 900;
    }

/* Badge margen */
.m-badge[b-dtseecgngi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 70px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.04);
    font-weight: 900;
    font-size: 12px;
}

    .m-badge.ok[b-dtseecgngi] {
        border-color: rgba(50, 220, 170, .28);
        background: rgba(50, 220, 170, .10);
    }

    .m-badge.warn[b-dtseecgngi] {
        border-color: rgba(255, 200, 80, .28);
        background: rgba(255, 200, 80, .10);
    }

    .m-badge.alert[b-dtseecgngi] {
        border-color: rgba(255, 90, 120, .28);
        background: rgba(255, 90, 120, .10);
    }

/* ===== Responsive: en móvil lo hacemos “compact list” ===== */
@media (max-width: 900px) {
    .tl-row[b-dtseecgngi] {
        grid-template-columns: 1.6fr .6fr .9fr .9fr .7fr;
        grid-template-areas:
            "p p p p p"
            "q pr im mg mg";
        align-items: start;
    }

        .tl-row .c1[b-dtseecgngi] {
            grid-area: p;
        }

        .tl-row .c2[b-dtseecgngi] {
            grid-area: q;
        }

        .tl-row .c3[b-dtseecgngi] {
            grid-area: pr;
        }

        .tl-row .c4[b-dtseecgngi] {
            grid-area: im;
        }

        .tl-row .c7[b-dtseecgngi] {
            grid-area: mg;
        }

        .tl-row .c5[b-dtseecgngi], .tl-row .c6[b-dtseecgngi] {
            display: none;
        }

        .tl-row.tl-head[b-dtseecgngi] {
            display: none;
        }
}
/* _content/ERPUniv.Web/Components/Pages/Sales/TimeSeries.razor.rz.scp.css */
/* =========================
   TimeSeries.razor.css
   Fix layout charts + spacing
   ========================= */

.ts-kpis[b-5e3m1sgw3g] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
}

@media (max-width: 1100px) {
    .ts-kpis[b-5e3m1sgw3g] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.ts-kpi[b-5e3m1sgw3g] {
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.02);
    border-radius: 16px;
    padding: 14px 14px;
    overflow: hidden;
}

    .ts-kpi .k[b-5e3m1sgw3g] {
        font-size: 12px;
        opacity: .75;
    }

    .ts-kpi .v[b-5e3m1sgw3g] {
        font-size: 22px;
        font-weight: 700;
        margin-top: 6px;
    }

    .ts-kpi .s[b-5e3m1sgw3g] {
        font-size: 12px;
        opacity: .65;
        margin-top: 6px;
    }

/* ===== Charts grid ===== */
.ts-charts[b-5e3m1sgw3g] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
    margin-bottom: 14px; /* evita que lo siguiente se monte */
}

@media (max-width: 1100px) {
    .ts-charts[b-5e3m1sgw3g] {
        grid-template-columns: 1fr;
    }
}

/* ===== Chart card ===== */
.ts-chart-card[b-5e3m1sgw3g] {
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.02);
    border-radius: 18px;
    padding: 12px 12px 14px;
    overflow: hidden; /* CLAVE: evita superposiciones */
    position: relative;
}

/* Full width card (contribución) */
.ts-chart-card--full[b-5e3m1sgw3g] {
    grid-column: 1 / -1;
}

.ts-chart-title[b-5e3m1sgw3g] {
    font-weight: 700;
    font-size: 13px;
    opacity: .95;
}

/* Título con botón sin float */
.ts-chart-title-row[b-5e3m1sgw3g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

/* ===== Chart box heights ===== */
.ts-chart-box[b-5e3m1sgw3g] {
    height: 260px; /* altura real para Chart.js */
    width: 100%;
}

.ts-chart-box--contrib[b-5e3m1sgw3g] {
    height: 320px;
}

/* Canvas fill */
.ts-chart-box canvas[b-5e3m1sgw3g] {
    width: 100% !important;
    height: 100% !important;
    display: block;
}

/* ===== Tabla ===== */
.ts-card[b-5e3m1sgw3g] {
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.02);
    border-radius: 18px;
    overflow: hidden;
    margin-top: 14px;
}

.ts-card-head[b-5e3m1sgw3g] {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(255,255,255,.06);
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
}

    .ts-card-head .t[b-5e3m1sgw3g] {
        font-weight: 700;
    }

    .ts-card-head .sub[b-5e3m1sgw3g] {
        opacity: .7;
        font-size: 12px;
    }

.ts-table-wrap[b-5e3m1sgw3g] {
    overflow: auto;
    max-height: 520px;
}

.ts-grid[b-5e3m1sgw3g] {
    width: 100%;
    border-collapse: collapse;
}

    .ts-grid th[b-5e3m1sgw3g], .ts-grid td[b-5e3m1sgw3g] {
        padding: 10px 12px;
        border-bottom: 1px solid rgba(255,255,255,.06);
        font-size: 13px;
    }

    .ts-grid th[b-5e3m1sgw3g] {
        position: sticky;
        top: 0;
        background: rgba(7, 11, 20, .92);
        backdrop-filter: blur(10px);
        z-index: 2;
        text-align: left;
    }

        .ts-grid td.num[b-5e3m1sgw3g], .ts-grid th.num[b-5e3m1sgw3g] {
            text-align: right;
        }


.ts-chart-card[b-5e3m1sgw3g],
.ts-card[b-5e3m1sgw3g] {
    position: relative;
    z-index: 1;
}

.ts-chart-card--contrib[b-5e3m1sgw3g] {
    z-index: 2; /* la de contrib queda arriba visualmente */
    margin-top: 16px;
}



/* =========================
   ERP Modal (Premium)
   ========================= */

/* Overlay */
.erp-modal-overlay[b-5e3m1sgw3g] {
    position: fixed;
    inset: 0;
    background: rgba(5, 10, 20, .72);
    backdrop-filter: blur(10px);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

/* Modal container */
.erp-modal[b-5e3m1sgw3g] {
    width: 100%;
    max-width: 720px;
    max-height: 85vh;
    background: linear-gradient(180deg, #0b1530 0%, #070b14 100%);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 20px;
    box-shadow: 0 30px 80px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.04);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Header */
.erp-modal-head[b-5e3m1sgw3g] {
    padding: 16px 18px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.erp-modal-title[b-5e3m1sgw3g] {
    font-size: 15px;
    font-weight: 700;
}

.erp-modal-sub[b-5e3m1sgw3g] {
    font-size: 12px;
    opacity: .7;
    margin-top: 2px;
}

/* Body */
.erp-modal-body[b-5e3m1sgw3g] {
    padding: 0;
    overflow: auto;
}

/* Table */
.erp-table[b-5e3m1sgw3g] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

    .erp-table thead th[b-5e3m1sgw3g] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: rgba(7,11,20,.95);
        backdrop-filter: blur(8px);
        text-align: left;
        padding: 12px 14px;
        border-bottom: 1px solid rgba(255,255,255,.08);
        font-weight: 600;
    }

    .erp-table td[b-5e3m1sgw3g] {
        padding: 11px 14px;
        border-bottom: 1px solid rgba(255,255,255,.06);
        opacity: .92;
    }

    .erp-table tr:hover td[b-5e3m1sgw3g] {
        background: rgba(255,255,255,.03);
    }

    /* Numeric alignment */
    .erp-table .right[b-5e3m1sgw3g] {
        text-align: right;
        font-variant-numeric: tabular-nums;
    }

/* Footer shadow hint */
.erp-modal-body[b-5e3m1sgw3g]::after {
    content: "";
    display: block;
    height: 8px;
}



/* =========================================
   TimeSeries: mobile - no sticky topbar
   ========================================= */
@media (max-width: 820px) {

    /* 1) Quita el comportamiento sticky solo en esta página */
    .erp-dashboard .erp-topbar[b-5e3m1sgw3g] {
        position: static !important;
        top: auto !important;
    }

    /* 2) Un poco de aire para que no se sienta “aplastado” */
    .erp-dashboard .erp-main[b-5e3m1sgw3g] {
        padding-top: 10px;
    }

    /* 3) Reduce altura/espaciado del bloque de filtros en móvil */
    .erp-dashboard .erp-filters-wrap[b-5e3m1sgw3g] {
        padding-top: 8px;
    }

    .erp-dashboard .erp-filters[b-5e3m1sgw3g] {
        gap: 10px;
    }
}