/* _content/Raramuri.blzr/Components/Layout/DashboardLayout.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   DashboardLayout — ERP shell con MudLayout + AppBar + Drawer
   Patrón Tarahumara: var(--tara-*) de tarahumara-theme.css
   ═══════════════════════════════════════════════════════════ */

/* ── AppBar: brand ───────────────────────────────────────── */

[b-hqp6u1ue3r] .mud-appbar .mud-toolbar-appbar {
    flex-wrap: wrap;
    row-gap:   .35rem;
}

.nav-brand[b-hqp6u1ue3r] {
    display:     flex;
    align-items: center;
    background:  none;
    border:      none;
    padding:     0;
    margin-left: 8px;
    cursor:      pointer;
    flex-shrink: 0;
}

.nav-brand:focus-visible[b-hqp6u1ue3r] {
    outline:        2px solid rgba(255, 255, 255, .6);
    outline-offset: 3px;
    border-radius:  4px;
}

.nav-logo[b-hqp6u1ue3r] {
    height:      30px;
    width:       auto;
    object-fit:  contain;
    user-select: none;
    display:     block;
}

/* ── AppBar: contexto operativo ──────────────────────────── */

.nav-context-zone[b-hqp6u1ue3r] {
    display:        flex;
    align-items:    center;   /* era column con label; ahora solo el pill */
    min-width:      0;
    margin:         0 .5rem 0 1rem;
    flex:           0 1 360px;
}

/* .nav-context-zone-label eliminado — la etiqueta "Contexto operativo" ya no se muestra */

.nav-context-pill[b-hqp6u1ue3r] {
    display:        inline-flex;
    align-items:    center;
    gap:            .65rem;
    min-width:      min(100%, 340px);
    max-width:      100%;
    min-height:     38px;
    padding:        .45rem .8rem;
    background:     rgba(255, 255, 255, .14);
    border:         1px solid rgba(255, 255, 255, .28);
    border-radius:  16px;
    color:          rgba(255, 255, 255, .96);
    font:           inherit;
    cursor:         pointer;
    transition:     background .14s ease, border-color .14s ease, transform .14s ease !important;
    text-align:     left;
    white-space:    normal;
}

.nav-context-pill:hover[b-hqp6u1ue3r] {
    background:   rgba(255, 255, 255, .22);
    border-color: rgba(255, 255, 255, .50);
    transform:    translateY(-1px);
}

.nav-context-main[b-hqp6u1ue3r] {
    min-width:      0;
    flex:           1 1 auto;
    font-size:      .84rem;
    font-weight:    700;
    line-height:    1.15;
    display:        -webkit-box;
    overflow:       hidden;
    text-overflow:  ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.nav-context-meta[b-hqp6u1ue3r] {
    display:        inline-flex;
    align-items:    center;
    gap:            .35rem;
    flex-wrap:      wrap;
    justify-content:flex-end;
    flex-shrink:    0;
}

.nav-context-chip[b-hqp6u1ue3r] {
    display:        inline-flex;
    align-items:    center;
    padding:        .18rem .5rem;
    border-radius:  999px;
    border:         1px solid rgba(255, 255, 255, .22);
    background:     rgba(120, 0, 0, .16);
    color:          rgba(255, 255, 255, .94);
    font-size:      .68rem;
    font-weight:    700;
    letter-spacing: .02em;
    white-space:    nowrap;
}

/* ── AppBar: usuario compacto ────────────────────────────── */
/* Muestra solo el nombre visible (EmpresaNombre o parte del email).
   El email completo va en tooltip del MudTooltip padre.
   Las etiquetas "USUARIO" y empresa separada fueron eliminadas. */

.nav-user-info[b-hqp6u1ue3r] {
    display:     flex;
    align-items: center;
    margin:      0 .35rem 0 .5rem;
    flex-shrink: 0;
    cursor:      default;
}

/* .nav-user-kicker eliminado — etiqueta "USUARIO" ya no se muestra */
/* .nav-empresa eliminado — empresa ahora es el nombre visible principal */

.nav-username[b-hqp6u1ue3r] {
    font-size:      .82rem;
    font-weight:    700;
    white-space:    nowrap;
    overflow:       hidden;
    text-overflow:  ellipsis;
    max-width:      160px;
    color:          rgba(255, 255, 255, .94);
    letter-spacing: .03em;
    text-transform: uppercase;
}

/* ── AppBar: toggle de tema ──────────────────────────────── */

.nav-quick-actions[b-hqp6u1ue3r] {
    display:     inline-flex;
    align-items: center;
    gap:         .15rem;
    flex-shrink: 0;
}

.nav-theme-btn[b-hqp6u1ue3r] {
    border-color: rgba(255, 255, 255, .35) !important;
    color:        rgba(255, 255, 255, .92) !important;
    margin:       0 4px;
}

.nav-theme-btn:hover[b-hqp6u1ue3r] {
    border-color: rgba(255, 255, 255, .70) !important;
    color:        #ffffff !important;
    opacity:      1 !important;
}

/* ── Chip de clima — AppBar ──────────────────────────────── */

.nav-weather-chip[b-hqp6u1ue3r] {
    display:        inline-flex;
    align-items:    center;
    gap:            .22rem;
    padding:        .22rem .6rem;
    border:         1px solid rgba(255, 255, 255, .26);
    border-radius:  999px;
    background:     rgba(255, 255, 255, .10);
    color:          rgba(255, 255, 255, .92);
    font-size:      .78rem;
    font-weight:    600;
    white-space:    nowrap;
    flex-shrink:    0;
    cursor:         default;
    letter-spacing: .01em;
    transition:     background .14s ease;
}

.nav-weather-chip:hover[b-hqp6u1ue3r] {
    background: rgba(255, 255, 255, .17);
}

/* ── Drawer: propagación de altura desde MudBlazor ──────── */
/*
   BUG CRÍTICO RESUELTO:
   MudDrawer (ClipMode.Always) tiene height = calc(100vh - AppBarHeight).
   Pero mud-drawer-content no siempre propaga esa altura con display:flex.
   El ::deep aquí asegura que nuestro .nav-drawer-inner recibe 100% de altura.
*/
[b-hqp6u1ue3r] .mud-drawer-content {
    display:        flex !important;
    flex-direction: column !important;
    height:         100% !important;
    overflow:       hidden !important;
}

/* ── Drawer: contenedor interior ────────────────────────── */

.nav-drawer-inner[b-hqp6u1ue3r] {
    display:        flex;
    flex-direction: column;
    flex:           1;          /* toma todo el espacio de mud-drawer-content */
    min-height:     0;          /* permite que flex lo comprima si es necesario */
    overflow:       hidden;
    background:     var(--tara-surface);
}

/* ── Drawer: buscador ───────────────────────────────────── */

.nav-drawer-search[b-hqp6u1ue3r] {
    padding:       12px 12px 10px;
    border-bottom: 1px solid var(--tara-border);
    flex-shrink:   0;
}

[b-hqp6u1ue3r] .nav-search-field .mud-input-outlined-border {
    border-color: var(--tara-border) !important;
}

[b-hqp6u1ue3r] .nav-search-field input {
    font-size: .875rem !important;
}

/* ── Drawer: zona scrollable ─────────────────────────────── */
/*
   BUG CRÍTICO RESUELTO: min-height: 0
   Sin este valor, un flex-child con overflow-y: auto no crea
   zona scrollable — en su lugar desborda el contenedor y el
   padre (overflow: hidden) lo clipa. Resultado: sólo se ven
   los ítems que caben en el espacio visual antes del corte.
*/
.nav-drawer-scroll[b-hqp6u1ue3r] {
    flex:       1;
    min-height: 0;          /* ← fix del bug de overflow en flex */
    overflow-y: auto;
    overflow-x: hidden;
    padding:    4px 0 8px;
}

/* Scrollbar discreta */
.nav-drawer-scroll[b-hqp6u1ue3r]::-webkit-scrollbar       { width: 4px; }
.nav-drawer-scroll[b-hqp6u1ue3r]::-webkit-scrollbar-track { background: transparent; }
.nav-drawer-scroll[b-hqp6u1ue3r]::-webkit-scrollbar-thumb { background: var(--tara-border); border-radius: 4px; }

/* ── Drawer: cabecera de grupo (ahora es botón colapsable) ─ */

.nav-group-header[b-hqp6u1ue3r] {
    display:         flex;
    align-items:     center;
    gap:             7px;
    width:           100%;
    padding:         12px 12px 6px 16px;
    background:      none;
    border:          none;
    border-top:      1px solid var(--tara-border-subtle);
    text-align:      left;
    cursor:          pointer;
    user-select:     none;

    font-size:      .68rem;
    font-weight:    700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color:          var(--tara-text-muted);
    transition:     background 0.12s ease !important;
}

.nav-group-header:first-child[b-hqp6u1ue3r] {
    border-top: none;
    padding-top: 14px;
}

.nav-group-header:hover[b-hqp6u1ue3r] {
    background: var(--tara-primary-subtle);
    color:      var(--tara-text);
}

/* Módulo que contiene la ruta activa */
.nav-group-header--active[b-hqp6u1ue3r] {
    color: var(--tara-primary-dark);
}

.nav-group-header--active .nav-group-icon[b-hqp6u1ue3r] {
    color:   var(--tara-primary-dark);
    opacity: 1;
}

/* Icono del módulo */
.nav-group-icon[b-hqp6u1ue3r] {
    opacity:     .65;
    flex-shrink: 0;
}

/* Nombre del módulo */
.nav-group-name[b-hqp6u1ue3r] {
    flex:      1;
    min-width: 0;
}

/* Contador de ítems */
.nav-group-count[b-hqp6u1ue3r] {
    font-size:      .65rem;
    font-weight:    600;
    letter-spacing: 0;
    text-transform: none;
    font-family:    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color:          var(--tara-text-muted);
    background:     var(--tara-surface-raised);
    border:         1px solid var(--tara-border-subtle);
    border-radius:  999px;
    padding:        1px 7px;
    flex-shrink:    0;
}

/* Chevron colapsable */
.nav-group-chevron[b-hqp6u1ue3r] {
    flex-shrink: 0;
    opacity:     .55;
    color:       var(--tara-text-muted);
    transform:   rotate(0deg);
    transition:  transform 0.2s ease !important;
}

.nav-group-chevron--open[b-hqp6u1ue3r] {
    transform: rotate(-180deg);
}

/* ── Drawer: ítems de menú ──────────────────────────────── */

.nav-item[b-hqp6u1ue3r] {
    display:     flex;
    align-items: center;
    gap:         11px;
    width:       100%;
    padding:     9px 16px 9px 20px;
    border:      none;
    border-left: 3px solid transparent;
    background:  none;
    text-align:  left;
    cursor:      pointer;
    color:       var(--tara-text);
    transition:  background 0.10s ease, border-color 0.10s ease !important;
}

.nav-item:hover[b-hqp6u1ue3r] {
    background: var(--tara-primary-subtle);
}

.nav-item:active[b-hqp6u1ue3r] {
    background: rgba(236, 0, 0, 0.14);
}

.nav-item--active[b-hqp6u1ue3r] {
    background:  var(--tara-primary-subtle);
    border-left: 3px solid var(--tara-primary-dark);
    color:       var(--tara-primary-dark);
}

.nav-item--active .nav-item-name[b-hqp6u1ue3r] {
    font-weight: 600;
}

.nav-item--active .nav-item-txn[b-hqp6u1ue3r] {
    color:   var(--tara-primary);
    opacity: .8;
}

.nav-item-icon[b-hqp6u1ue3r] {
    flex-shrink: 0;
    opacity:     .70;
}

.nav-item--active .nav-item-icon[b-hqp6u1ue3r] {
    opacity: 1;
}

.nav-item-body[b-hqp6u1ue3r] {
    display:        flex;
    flex-direction: column;
    min-width:      0;
    gap:            1px;
}

.nav-item-name[b-hqp6u1ue3r] {
    font-size:     .875rem;
    line-height:   1.25;
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
}

.nav-item-txn[b-hqp6u1ue3r] {
    font-size:      .65rem;
    font-family:    ui-monospace, 'SFMono-Regular', Consolas, monospace;
    color:          var(--tara-text-muted);
    letter-spacing: .03em;
}

/* ── Drawer: chip "En preparación" ───────────────────────── */

.nav-item-prep-chip[b-hqp6u1ue3r] {
    display:        inline-block;
    margin-top:     3px;
    padding:        1px 6px;
    font-size:      .6rem;
    font-family:    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight:    600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color:          var(--tara-warning);
    background:     color-mix(in srgb, var(--tara-warning) 12%, transparent);
    border:         1px solid color-mix(in srgb, var(--tara-warning) 30%, transparent);
    border-radius:  999px;
    white-space:    nowrap;
    line-height:    1.5;
    pointer-events: none;
    user-select:    none;
}

/* ── Drawer: estados vacíos / sin resultados ─────────────── */

.nav-empty[b-hqp6u1ue3r],
.nav-no-results[b-hqp6u1ue3r] {
    padding:        32px 20px;
    text-align:     center;
    color:          var(--tara-text-muted);
    font-size:      .875rem;
    line-height:    1.6;
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            8px;
}

/* ── Drawer: footer ──────────────────────────────────────── */

.nav-drawer-footer[b-hqp6u1ue3r] {
    display:         flex;
    align-items:     center;
    justify-content: center;
    gap:             6px;
    padding:         9px 16px;
    border-top:      1px solid var(--tara-border-subtle);
    font-size:       .65rem;
    color:           var(--tara-text-muted);
    flex-shrink:     0;
    user-select:     none;
}

.nav-drawer-footer-sep[b-hqp6u1ue3r] { opacity: .4; }

/* ── Contenido principal ─────────────────────────────────── */

.nav-page-content[b-hqp6u1ue3r] {
    padding:    1.75rem 2rem 3rem;
    min-height: 100%;
    color:      var(--tara-text);
    background: var(--tara-bg);
    box-sizing: border-box;
}

[b-hqp6u1ue3r] .mud-main-content {
    background: var(--tara-bg) !important;
}

/* ── Error UI ────────────────────────────────────────────── */

#blazor-error-ui[b-hqp6u1ue3r] {
    display:         none;
    position:        fixed;
    bottom:          0;
    left:            0;
    right:           0;
    background:      var(--tara-primary-dark);
    color:           #ffffff;
    padding:         .75rem 1.5rem;
    font-size:       .9rem;
    z-index:         9999;
    align-items:     center;
    gap:             1rem;
    justify-content: center;
}

/* ── Responsive ──────────────────────────────────────────── */

@media (max-width: 768px) {
    [b-hqp6u1ue3r] .mud-appbar .mud-toolbar-appbar {
        flex-wrap: nowrap;
        gap: .35rem;
        align-items: center;
    }

    .nav-brand[b-hqp6u1ue3r] {
        margin-left: 0;
    }

    .nav-logo[b-hqp6u1ue3r] {
        height: 24px;
    }

    .nav-context-zone[b-hqp6u1ue3r] {
        order: 0;
        flex: 1 1 auto;
        min-width: 0;
        margin: 0 .15rem;
        align-items: stretch;
    }

    .nav-context-meta[b-hqp6u1ue3r],
    .nav-user-info[b-hqp6u1ue3r] {
        display: none;
    }

    .nav-context-pill[b-hqp6u1ue3r] {
        min-width: 0;
        width: 100%;
        min-height: 32px;
        padding: .28rem .55rem;
        border-radius: 999px;
    }

    .nav-context-main[b-hqp6u1ue3r] {
        font-size: .74rem;
        line-height: 1.05;
        -webkit-line-clamp: 1;
    }

    .nav-quick-actions[b-hqp6u1ue3r] {
        gap: 0;
    }

    .nav-theme-btn[b-hqp6u1ue3r] {
        margin: 0;
    }

    .nav-page-content[b-hqp6u1ue3r] {
        padding: 1rem .8rem 2rem;
    }
}

@media (max-width: 640px) {
    .nav-context-zone[b-hqp6u1ue3r] {
        order:      0;
        flex:       1 1 auto;
        align-items: stretch;
        margin:     0 .15rem;
    }
    .nav-context-pill[b-hqp6u1ue3r]  { min-width: 0; width: 100%; }
    .nav-user-info[b-hqp6u1ue3r]     { display: none; }
    .nav-weather-chip[b-hqp6u1ue3r]  { display: none; }
    .nav-page-content[b-hqp6u1ue3r]  { padding: 1.25rem 1rem 2.5rem; }
}

@media (max-width: 400px) {
    .nav-user-info[b-hqp6u1ue3r] { display: none; }
}
/* _content/Raramuri.blzr/Components/Layout/LoginLayout.razor.rz.scp.css */
.login-shell[b-nklmy1fquu] {
    min-height: 100vh;
    width: 100%;
    display: flex;
    background: #FBF1EA;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #1a1a1a;
}

/* Oculta el banner global de error de Blazor en esta pantalla.
   La regla original vive scoped al MainLayout y no alcanza a este layout. */
#blazor-error-ui[b-nklmy1fquu] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-nklmy1fquu] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* (removido: height/overflow forzados que ocultaban el card en viewports altos) */
/* _content/Raramuri.blzr/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-r2td5pdksk] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-r2td5pdksk] {
    flex: 1;
}

.sidebar[b-r2td5pdksk] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-r2td5pdksk] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-r2td5pdksk]  a, .top-row[b-r2td5pdksk]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-r2td5pdksk]  a:hover, .top-row[b-r2td5pdksk]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-r2td5pdksk]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-r2td5pdksk] {
        justify-content: space-between;
    }

    .top-row[b-r2td5pdksk]  a, .top-row[b-r2td5pdksk]  .btn-link {
        margin-left: 0;
    }
}

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

    .sidebar[b-r2td5pdksk] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-r2td5pdksk] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-r2td5pdksk]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-r2td5pdksk], article[b-r2td5pdksk] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-r2td5pdksk] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-r2td5pdksk] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Raramuri.blzr/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-uefuorm6w4] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-uefuorm6w4] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-uefuorm6w4] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-uefuorm6w4] {
    font-size: 1.1rem;
}

.bi[b-uefuorm6w4] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-uefuorm6w4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-uefuorm6w4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-uefuorm6w4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-uefuorm6w4] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-uefuorm6w4] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-uefuorm6w4] {
        padding-bottom: 1rem;
    }

    .nav-item[b-uefuorm6w4]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-uefuorm6w4]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-uefuorm6w4]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-uefuorm6w4] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-uefuorm6w4] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-uefuorm6w4] {
        display: none;
    }

    .nav-scrollable[b-uefuorm6w4] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/Almacen.razor.rz.scp.css */
.tara-alm-loading[b-e9f927pd0a] {
    min-height: 52vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    color: var(--tara-text-muted);
}

.tara-alm-shell[b-e9f927pd0a] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tara-alm-hero[b-e9f927pd0a] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    padding: 1rem 1.15rem;
    box-shadow: var(--tara-shadow);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .85rem;
}

.tara-alm-hero h1[b-e9f927pd0a] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.3rem;
}

.tara-alm-hero p[b-e9f927pd0a] {
    margin: .25rem 0 0;
    color: var(--tara-text-muted);
    font-size: .9rem;
}

.tara-alm-alert[b-e9f927pd0a] {
    border-radius: var(--tara-radius-sm);
}

.tara-alm-grid[b-e9f927pd0a] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: .7rem;
}

.tara-alm-card[b-e9f927pd0a] {
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: .35rem;
    padding: .95rem 1rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    color: var(--tara-text);
    box-shadow: var(--tara-shadow-sm);
}

.tara-alm-card:hover[b-e9f927pd0a] {
    border-color: var(--tara-primary-dark);
}

.tara-alm-card--disabled[b-e9f927pd0a] {
    opacity: .6;
}

.tara-alm-card-icon[b-e9f927pd0a] {
    color: var(--tara-primary-dark);
}

.tara-alm-card-title[b-e9f927pd0a] {
    font-weight: 700;
}

.tara-alm-card-sub[b-e9f927pd0a] {
    font-size: .82rem;
    color: var(--tara-text-muted);
}

@media (min-width: 900px) {
    .tara-alm-grid[b-e9f927pd0a] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenCardex.razor.rz.scp.css */
.tara-cardex-loading[b-1fvvn0a2kl] {
    min-height: 52vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    color: var(--tara-text-muted);
}

.tara-cardex-shell[b-1fvvn0a2kl] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: linear-gradient(180deg, var(--tara-bg), var(--tara-bg-soft) 42%, var(--tara-bg));
    border-radius: var(--tara-radius);
    padding: .15rem;
}

.tara-cardex-hero[b-1fvvn0a2kl],
.tara-cardex-search-panel[b-1fvvn0a2kl],
.tara-cardex-card[b-1fvvn0a2kl] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-cardex-hero[b-1fvvn0a2kl] {
    padding: 1.05rem 1.15rem;
    display: flex;
    justify-content: space-between;
    gap: .8rem;
    background:
        linear-gradient(100deg, var(--tara-primary-dark), var(--tara-primary) 52%, var(--tara-surface) 52%);
    border-color: var(--tara-primary-dark);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.tara-cardex-hero h1[b-1fvvn0a2kl] {
    margin: 0;
    color: var(--tara-th-text);
    font-size: 1.25rem;
    letter-spacing: .01em;
}

.tara-cardex-hero p[b-1fvvn0a2kl] {
    margin: .2rem 0 0;
    color: var(--tara-th-text);
    font-size: .88rem;
    max-width: 58ch;
}

.tara-cardex-hero-chips[b-1fvvn0a2kl] {
    display: flex;
    gap: .35rem;
    align-items: flex-start;
    flex-wrap: wrap;
}

.tara-cardex-search-panel[b-1fvvn0a2kl] {
    padding: .7rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: .55rem;
    align-items: center;
    background: var(--tara-bg-soft);
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
}

.tara-cardex-input[b-1fvvn0a2kl] {
    min-width: 0;
}

.tara-cardex-action[b-1fvvn0a2kl] {
    align-self: stretch;
}

.tara-cardex-inline-state[b-1fvvn0a2kl] {
    margin-top: .55rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-bg-soft);
    color: var(--tara-text-muted);
    padding: .45rem .65rem;
    font-size: .82rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.tara-cardex-busy[b-1fvvn0a2kl] {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    color: var(--tara-text-muted);
    font-size: .88rem;
}

.tara-cardex-product-grid[b-1fvvn0a2kl] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .75rem;
}

.tara-cardex-card[b-1fvvn0a2kl] {
    padding: .95rem;
    background: linear-gradient(180deg, var(--tara-surface), var(--tara-bg-soft));
}

.tara-cardex-card--search[b-1fvvn0a2kl] {
    border-left: 4px solid var(--tara-primary);
}

.tara-cardex-card--product[b-1fvvn0a2kl] {
    border-top: 3px solid var(--tara-primary-dark);
}

.tara-cardex-card--image[b-1fvvn0a2kl] {
    border-top: 3px solid var(--tara-primary);
}

.tara-cardex-card--existencias[b-1fvvn0a2kl] {
    border-top: 3px solid var(--tara-th-bg);
}

.tara-cardex-card--reportes[b-1fvvn0a2kl] {
    border-top: 3px solid var(--tara-primary-dark);
}

.tara-cardex-card-title[b-1fvvn0a2kl] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .7rem;
    padding-bottom: .45rem;
    border-bottom: 1px dashed var(--tara-border);
}

.tara-cardex-card-title h2[b-1fvvn0a2kl] {
    margin: 0;
    font-size: 1rem;
    color: var(--tara-text);
}

.tara-cardex-card-title .mud-icon-root[b-1fvvn0a2kl] {
    color: var(--tara-primary-dark);
}

.tara-cardex-kv-grid[b-1fvvn0a2kl] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: .55rem .7rem;
}

.tara-cardex-kv-grid div[b-1fvvn0a2kl] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.tara-cardex-kv-grid span[b-1fvvn0a2kl] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.tara-cardex-kv-grid strong[b-1fvvn0a2kl] {
    color: var(--tara-text);
    font-size: .88rem;
    line-height: 1.25;
    font-weight: 600;
}

.tara-cardex-primary[b-1fvvn0a2kl] {
    margin-bottom: .65rem;
    padding: .65rem .75rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: linear-gradient(180deg, var(--tara-bg-soft), var(--tara-surface));
}

.tara-cardex-primary h3[b-1fvvn0a2kl] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 700;
}

.tara-cardex-thumb-btn[b-1fvvn0a2kl] {
    width: 100%;
    min-height: 220px;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding: .2rem;
    background: var(--tara-bg-soft);
    display: grid;
    place-items: center;
    cursor: zoom-in;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
}

.tara-cardex-thumb[b-1fvvn0a2kl] {
    width: 100%;
    height: 220px;
    object-fit: contain;
    object-position: center;
    border-radius: .45rem;
    display: block;
    background: radial-gradient(circle at center, rgba(255, 255, 255, 0.32), transparent 62%);
}

.tara-cardex-thumb-hint[b-1fvvn0a2kl] {
    color: var(--tara-text-muted);
    margin-top: .35rem;
}

.tara-cardex-thumb-empty[b-1fvvn0a2kl] {
    min-height: 220px;
    width: 100%;
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius-sm);
    color: var(--tara-text-muted);
    display: grid;
    place-items: center;
    background: var(--tara-bg-soft);
    font-size: .9rem;
    font-weight: 600;
}

.tara-cardex-table-wrap[b-1fvvn0a2kl] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.tara-cardex-table[b-1fvvn0a2kl] {
    min-width: 560px;
}

.tara-cardex-table--existencias[b-1fvvn0a2kl] {
    min-width: 920px;
}

.tara-cardex-table--report[b-1fvvn0a2kl] {
    min-width: 760px;
}

[b-1fvvn0a2kl] .tara-cardex-table--existencias .mud-table-head .mud-table-cell {
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    font-weight: 700;
    white-space: nowrap;
    border-bottom: 1px solid var(--tara-border);
}

[b-1fvvn0a2kl] .tara-cardex-table--existencias .mud-table-body .mud-table-row:nth-child(odd) {
    background: var(--tara-row-odd);
}

[b-1fvvn0a2kl] .tara-cardex-table--existencias .mud-table-body .mud-table-row:nth-child(even) {
    background: var(--tara-row-even);
}

[b-1fvvn0a2kl] .tara-cardex-table--existencias .mud-table-body .mud-table-row:hover {
    background: var(--tara-row-hover);
}

[b-1fvvn0a2kl] .tara-cardex-table--existencias .mud-table-cell {
    white-space: nowrap;
    border-bottom: 1px solid var(--tara-border);
}

[b-1fvvn0a2kl] .tara-cardex-table--existencias .mud-table-cell:first-child {
    font-weight: 700;
    color: var(--tara-text);
}

[b-1fvvn0a2kl] .tara-cardex-table--existencias .mud-table-row:last-child .mud-table-cell {
    font-weight: 700;
    background: var(--tara-bg-soft);
}

.tara-cardex-empty[b-1fvvn0a2kl] {
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding: .75rem;
    color: var(--tara-text-muted);
    font-size: .86rem;
}

.tara-cardex-report-toolbar[b-1fvvn0a2kl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto auto;
    gap: .55rem;
    align-items: center;
    margin-bottom: .7rem;
    padding: .55rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-bg-soft);
}

.tara-cardex-report-select[b-1fvvn0a2kl] {
    min-width: 0;
}

.tara-cardex-advanced-panel[b-1fvvn0a2kl] {
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding: .7rem;
    margin-bottom: .7rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
    align-items: center;
    background: var(--tara-bg-soft);
}

.tara-cardex-filters-hint[b-1fvvn0a2kl] {
    grid-column: 1 / -1;
    color: var(--tara-text-muted);
}

.tara-cardex-filter-chips[b-1fvvn0a2kl] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: .65rem;
    overflow-wrap: anywhere;
}

.tara-cardex-filter-chips .mud-chip[b-1fvvn0a2kl] {
    max-width: 100%;
    border-radius: 999px;
    font-weight: 600;
    letter-spacing: .01em;
    background: var(--tara-surface);
}

.tara-audit-grid[b-1fvvn0a2kl] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-bottom: .6rem;
}

.tara-audit-summary[b-1fvvn0a2kl] {
    margin-bottom: .25rem;
}

.tara-cardex-dialog-image[b-1fvvn0a2kl] {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: var(--tara-radius-sm);
}

.tara-cardex-modal-backdrop[b-1fvvn0a2kl] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    z-index: 1300;
}

.tara-cardex-modal[b-1fvvn0a2kl] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
    width: min(760px, 96vw);
    max-height: 90vh;
    overflow: auto;
    padding: .8rem;
    border-top: 3px solid var(--tara-primary);
}

.tara-cardex-modal-header[b-1fvvn0a2kl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    margin-bottom: .6rem;
}

.tara-cardex-modal-header h3[b-1fvvn0a2kl] {
    margin: 0;
    font-size: 1rem;
    color: var(--tara-text);
}

@media (min-width: 760px) {
    .tara-cardex-kv-grid[b-1fvvn0a2kl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 980px) {
    .tara-cardex-product-grid[b-1fvvn0a2kl] {
        grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr);
    }
}

@media (max-width: 640px) {
    .tara-cardex-search-panel[b-1fvvn0a2kl] {
        grid-template-columns: minmax(0, 1fr);
    }

    .tara-cardex-report-toolbar[b-1fvvn0a2kl] {
        grid-template-columns: minmax(0, 1fr);
    }

    .tara-cardex-advanced-panel[b-1fvvn0a2kl] {
        grid-template-columns: minmax(0, 1fr);
    }

    .tara-cardex-action[b-1fvvn0a2kl] {
        justify-self: start;
    }

    .tara-cardex-thumb-btn[b-1fvvn0a2kl],
    .tara-cardex-thumb[b-1fvvn0a2kl],
    .tara-cardex-thumb-empty[b-1fvvn0a2kl] {
        min-height: 180px;
        height: 180px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenCompras.razor.rz.scp.css */
.tara-sub-loading[b-fm820x7n9p] {
    min-height: 52vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    color: var(--tara-text-muted);
}

.tara-sub-shell[b-fm820x7n9p] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tara-sub-hero[b-fm820x7n9p] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    padding: 1rem 1.15rem;
    box-shadow: var(--tara-shadow);
    display: flex;
    justify-content: space-between;
    gap: .8rem;
}

.tara-sub-hero h1[b-fm820x7n9p] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.25rem;
}

.tara-sub-hero p[b-fm820x7n9p] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .88rem;
}

.tara-sub-grid[b-fm820x7n9p] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: .7rem;
}

.tara-sub-card[b-fm820x7n9p] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    box-shadow: var(--tara-shadow-sm);
    padding: .85rem .95rem;
    color: var(--tara-text);
    display: flex;
    align-items: center;
    gap: .6rem;
    font-weight: 600;
}

.tara-sub-card .mud-icon-root[b-fm820x7n9p] {
    color: var(--tara-primary-dark);
}

.tara-compras-shell[b-fm820x7n9p] {
    gap: 1rem;
}

.tara-compras-menu-grid .tara-sub-card[b-fm820x7n9p] {
    justify-content: flex-start;
}

.tara-compras-menu-grid .tara-sub-card div[b-fm820x7n9p] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.tara-compras-menu-grid .tara-sub-card small[b-fm820x7n9p] {
    color: var(--tara-text-muted);
    font-weight: 500;
}

.tara-sub-card--active[b-fm820x7n9p] {
    border-color: color-mix(in srgb, var(--tara-primary) 45%, var(--tara-border));
}

.tara-sub-card--disabled[b-fm820x7n9p] {
    opacity: .72;
}

.tara-compras-panel[b-fm820x7n9p] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
    padding: .9rem;
    display: flex;
    flex-direction: column;
    gap: .7rem;
}

.tara-compras-toolbar[b-fm820x7n9p] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    align-items: center;
}

.tara-field-sm[b-fm820x7n9p] {
    min-width: 132px;
}

.tara-field-md[b-fm820x7n9p] {
    min-width: 220px;
}

.tara-compras-tiendas-chip[b-fm820x7n9p] {
    padding: .45rem .55rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-elevated);
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-sub-inline[b-fm820x7n9p] {
    padding: .5rem .7rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    color: var(--tara-text-muted);
    background: var(--tara-surface-elevated);
    font-size: .86rem;
}

.tara-sub-table-wrap[b-fm820x7n9p] {
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
}

[b-fm820x7n9p] .tara-compras-table .mud-table-root {
    background: transparent;
}

[b-fm820x7n9p] .tara-compras-table thead {
    background: var(--tara-th-bg);
}

[b-fm820x7n9p] .tara-compras-table thead th {
    color: var(--tara-th-text);
    font-weight: 700;
    white-space: nowrap;
}

[b-fm820x7n9p] .tara-compras-table tbody tr:nth-child(odd) {
    background: var(--tara-row-odd);
}

[b-fm820x7n9p] .tara-compras-table tbody tr:nth-child(even) {
    background: var(--tara-row-even);
}

[b-fm820x7n9p] .tara-compras-table tbody tr:hover {
    background: var(--tara-hover);
}

.tara-sub-empty[b-fm820x7n9p] {
    padding: 1rem;
    color: var(--tara-text-muted);
}

.tara-compras-det-head h3[b-fm820x7n9p] {
    margin: 0;
    color: var(--tara-text);
}

.tara-compras-det-head p[b-fm820x7n9p] {
    margin: .25rem 0 .4rem;
    color: var(--tara-text-muted);
}

.tara-compras-det-chips[b-fm820x7n9p] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.tara-etq-overlay[b-fm820x7n9p] {
    position: fixed;
    inset: 0;
    background: color-mix(in srgb, var(--tara-bg) 48%, #000 52%);
    display: grid;
    place-items: center;
    z-index: 1500;
    padding: 1rem;
}

.tara-etq-dialog[b-fm820x7n9p] {
    width: min(720px, 98vw);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.tara-etq-head h3[b-fm820x7n9p] {
    margin: 0;
    color: var(--tara-text);
}

.tara-etq-head p[b-fm820x7n9p] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .88rem;
}

.tara-etq-grid[b-fm820x7n9p] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: .7rem;
}

.tara-etq-card[b-fm820x7n9p] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-elevated);
    padding: .8rem;
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

.tara-etq-card h4[b-fm820x7n9p] {
    margin: 0;
    color: var(--tara-text);
    font-size: .95rem;
}

.tara-etq-actions[b-fm820x7n9p] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.tara-etq-foot[b-fm820x7n9p] {
    display: flex;
    justify-content: flex-end;
}

@media (min-width: 900px) {
    .tara-sub-grid[b-fm820x7n9p] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-etq-grid[b-fm820x7n9p] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenComprasCrearOrden.razor.rz.scp.css */
.tara-sub-loading[b-englaqbdzw] {
    min-height: 52vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    color: var(--tara-text-muted);
}

.tara-sub-shell[b-englaqbdzw] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tara-sub-hero[b-englaqbdzw] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    padding: 1rem 1.15rem;
    box-shadow: var(--tara-shadow);
    display: flex;
    justify-content: space-between;
    gap: .8rem;
}

.tara-sub-hero h1[b-englaqbdzw] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.25rem;
}

.tara-sub-hero p[b-englaqbdzw] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .88rem;
}

.tara-compras-panel[b-englaqbdzw] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
    padding: .9rem;
    display: flex;
    flex-direction: column;
    gap: .7rem;
}

.tara-compras-panel--operativo[b-englaqbdzw] {
    padding: 1rem;
}

.tara-compras-toolbar[b-englaqbdzw] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    align-items: center;
    padding: .45rem .55rem;
    border: 1px solid color-mix(in srgb, var(--tara-border) 78%, transparent);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface-elevated) 72%, transparent);
}

.tara-compras-toolbar--primary[b-englaqbdzw] {
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
}

.tara-compras-toolbar--summary[b-englaqbdzw] {
    background: var(--tara-surface);
}

.tara-compras-toolbar--footer[b-englaqbdzw] {
    justify-content: flex-end;
    background: transparent;
    border-style: dashed;
}

.tara-field-xs[b-englaqbdzw] { min-width: 110px; }
.tara-field-sm[b-englaqbdzw] { min-width: 132px; }
.tara-field-md[b-englaqbdzw] { min-width: 220px; }
.tara-field-lg[b-englaqbdzw] { min-width: 280px; }
.tara-field-xl[b-englaqbdzw] { min-width: 360px; flex: 1 1 360px; }

.tara-sub-inline[b-englaqbdzw] {
    padding: .5rem .7rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    color: var(--tara-text-muted);
    background: var(--tara-surface-elevated);
    font-size: .86rem;
}

.tara-producto-preview[b-englaqbdzw] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    padding: .6rem .75rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
}

.tara-producto-preview__title[b-englaqbdzw] {
    font-size: .8rem;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

.tara-producto-preview__desc[b-englaqbdzw] {
    color: var(--tara-text);
    font-weight: 600;
}

.tara-producto-preview__meta[b-englaqbdzw] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.tara-oc-dialog-title[b-englaqbdzw] {
    color: var(--tara-text);
    font-weight: 700;
}

.tara-oc-dialog-body[b-englaqbdzw] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.tara-oc-dialog-grid[b-englaqbdzw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .45rem .8rem;
    color: var(--tara-text);
}

.tara-orden-generada[b-englaqbdzw] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    padding: .75rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
}

.tara-orden-generada__head[b-englaqbdzw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: .45rem;
}

.tara-orden-generada__head h3[b-englaqbdzw] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-orden-generada__meta[b-englaqbdzw] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.tara-sub-table-wrap[b-englaqbdzw] {
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-grid-shell[b-englaqbdzw] {
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent);
}

[b-englaqbdzw] .tara-compras-table .mud-table-root {
    background: transparent;
}

[b-englaqbdzw] .tara-compras-table thead {
    background: var(--tara-th-bg);
}

[b-englaqbdzw] .tara-compras-table thead th {
    color: var(--tara-th-text);
    font-weight: 700;
    white-space: nowrap;
}

[b-englaqbdzw] .tara-compras-table tbody tr:nth-child(odd) {
    background: var(--tara-row-odd);
}

[b-englaqbdzw] .tara-compras-table tbody tr:nth-child(even) {
    background: var(--tara-row-even);
}

[b-englaqbdzw] .tara-compras-table tbody tr:hover {
    background: var(--tara-hover);
}

[b-englaqbdzw] .tara-compras-table td,
[b-englaqbdzw] .tara-compras-table th {
    vertical-align: middle;
}

.tara-sub-empty[b-englaqbdzw] {
    padding: 1rem;
    color: var(--tara-text-muted);
}

@media (max-width: 760px) {
    .tara-compras-panel--operativo[b-englaqbdzw] {
        padding: .8rem;
    }

    .tara-compras-toolbar[b-englaqbdzw] {
        padding: .45rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenComprasDevolucionProveedor.razor.rz.scp.css */
.tara-devprov-shell[b-n297jxtdop] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tara-devprov-menu .tara-sub-card[b-n297jxtdop] {
    justify-content: flex-start;
}

.tara-devprov-menu .tara-sub-card div[b-n297jxtdop] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.tara-devprov-menu .tara-sub-card small[b-n297jxtdop] {
    color: var(--tara-text-muted);
    font-weight: 500;
}

.tara-devprov-panel[b-n297jxtdop] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
    padding: .9rem;
    display: flex;
    flex-direction: column;
    gap: .7rem;
}

.tara-devprov-panel--operativo[b-n297jxtdop] {
    padding: 1rem;
}

.tara-devprov-toolbar[b-n297jxtdop] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    align-items: center;
    padding: .45rem .55rem;
    border: 1px solid color-mix(in srgb, var(--tara-border) 78%, transparent);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface-elevated) 72%, transparent);
}

.tara-devprov-toolbar--primary[b-n297jxtdop] {
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
}

.tara-devprov-toolbar--secondary[b-n297jxtdop] {
    background: var(--tara-surface);
}

.tara-field-sm[b-n297jxtdop] { min-width: 130px; }
.tara-field-md[b-n297jxtdop] { min-width: 220px; }
.tara-field-lg[b-n297jxtdop] { min-width: 280px; }

.tara-devprov-det-head h3[b-n297jxtdop] {
    margin: 0;
    color: var(--tara-text);
}

.tara-devprov-det-head p[b-n297jxtdop] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .88rem;
}

[b-n297jxtdop] .tara-devprov-table .mud-table-root { background: transparent; }
[b-n297jxtdop] .tara-devprov-table thead { background: var(--tara-th-bg); }
[b-n297jxtdop] .tara-devprov-table thead th {
    color: var(--tara-th-text);
    font-weight: 700;
    white-space: nowrap;
}
[b-n297jxtdop] .tara-devprov-table tbody tr:nth-child(odd) { background: var(--tara-row-odd); }
[b-n297jxtdop] .tara-devprov-table tbody tr:nth-child(even) { background: var(--tara-row-even); }
[b-n297jxtdop] .tara-devprov-table tbody tr:hover { background: var(--tara-hover); }

.tara-grid-shell[b-n297jxtdop] {
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent);
    background: var(--tara-surface);
}

.tara-excel-btn.mud-button-root[b-n297jxtdop] {
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: .02em;
}

@media (min-width: 900px) {
    .tara-devprov-menu[b-n297jxtdop] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenComprasRecibirFactura.razor.rz.scp.css */
.tara-sub-loading[b-5dapixmsx8] {
    min-height: 52vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    color: var(--tara-text-muted);
}

.tara-sub-shell[b-5dapixmsx8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tara-sub-hero[b-5dapixmsx8] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    padding: 1rem 1.15rem;
    box-shadow: var(--tara-shadow);
    display: flex;
    justify-content: space-between;
    gap: .8rem;
}

.tara-sub-hero h1[b-5dapixmsx8] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.25rem;
}

.tara-sub-hero p[b-5dapixmsx8] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .88rem;
}

.tara-compras-panel[b-5dapixmsx8] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .7rem;
}

.tara-compras-toolbar[b-5dapixmsx8] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    align-items: center;
    padding: .45rem .55rem;
    border: 1px solid color-mix(in srgb, var(--tara-border) 78%, transparent);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface-elevated) 72%, transparent);
}

.tara-compras-toolbar--primary[b-5dapixmsx8] {
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
}

.tara-compras-toolbar--footer[b-5dapixmsx8] {
    justify-content: flex-end;
    background: transparent;
    border-style: dashed;
}

.tara-field-xs[b-5dapixmsx8] { min-width: 110px; }
.tara-field-sm[b-5dapixmsx8] { min-width: 132px; }
.tara-field-md[b-5dapixmsx8] { min-width: 220px; }
.tara-field-lg[b-5dapixmsx8] { min-width: 280px; }

.tara-sub-inline[b-5dapixmsx8] {
    padding: .5rem .7rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    color: var(--tara-text-muted);
    background: var(--tara-surface-elevated);
    font-size: .86rem;
}

.tara-sub-table-wrap[b-5dapixmsx8] {
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-grid-shell[b-5dapixmsx8] {
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent);
}

[b-5dapixmsx8] .tara-compras-table .mud-table-root {
    background: transparent;
}

[b-5dapixmsx8] .tara-compras-table thead {
    background: var(--tara-th-bg);
}

[b-5dapixmsx8] .tara-compras-table thead th {
    color: var(--tara-th-text);
    font-weight: 700;
    white-space: nowrap;
}

[b-5dapixmsx8] .tara-compras-table tbody tr:nth-child(odd) {
    background: var(--tara-row-odd);
}

[b-5dapixmsx8] .tara-compras-table tbody tr:nth-child(even) {
    background: var(--tara-row-even);
}

[b-5dapixmsx8] .tara-compras-table tbody tr:hover {
    background: var(--tara-hover);
}

.tara-sub-empty[b-5dapixmsx8] {
    padding: 1rem;
    color: var(--tara-text-muted);
}

@media (max-width: 760px) {
    .tara-compras-panel[b-5dapixmsx8] {
        padding: .8rem;
    }

    .tara-compras-toolbar[b-5dapixmsx8] {
        padding: .45rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenExistencias.razor.rz.scp.css */
.tara-exist-page[b-uwibw9he1r] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.tara-exist-query-shell[b-uwibw9he1r] {
    padding: .55rem .7rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-exist-query-row[b-uwibw9he1r] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(240px, .75fr) auto auto;
    gap: .45rem;
    align-items: center;
}

.tara-exist-query-product[b-uwibw9he1r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .35rem;
    align-items: center;
    min-width: 0;
}

.tara-exist-query-icon[b-uwibw9he1r] {
    width: 36px;
    height: 36px;
    margin: 0;
}

.tara-exist-query-resolve-btn[b-uwibw9he1r] {
    min-height: 36px !important;
    padding-inline: .72rem !important;
    border-radius: 9px !important;
    white-space: nowrap;
    font-size: .82rem !important;
    box-shadow: none !important;
}

.tara-exist-query-checkbox[b-uwibw9he1r] {
    align-self: center;
    margin: 0;
}

.tara-exist-query-checkbox[b-uwibw9he1r]  .mud-checkbox {
    margin: 0;
}

.tara-exist-query-checkbox[b-uwibw9he1r]  .mud-button-root {
    padding: .2rem;
}

.tara-exist-query-checkbox[b-uwibw9he1r]  .mud-typography {
    font-size: .8rem;
    color: var(--tara-text-muted);
}

.tara-exist-query-input[b-uwibw9he1r]  .mud-input-control {
    margin-top: 0;
}

.tara-exist-query-input[b-uwibw9he1r]  .mud-input-slot {
    min-height: 38px;
}

.tara-exist-query-input[b-uwibw9he1r]  .mud-input-label {
    display: none;
}

.tara-exist-header[b-uwibw9he1r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
}

.tara-exist-title-wrap h1[b-uwibw9he1r] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.42rem;
    font-weight: 800;
    letter-spacing: -.02em;
}

.tara-exist-title-wrap span[b-uwibw9he1r] {
    display: inline-block;
    margin-top: .18rem;
    color: var(--tara-primary-dark);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .82;
}

.tara-exist-header-actions[b-uwibw9he1r] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.tara-exist-mobile-only[b-uwibw9he1r] {
    display: none;
}

.tara-exist-context-note[b-uwibw9he1r],
.tara-exist-filters-caption[b-uwibw9he1r],
.tara-exist-tab-caption[b-uwibw9he1r] {
    color: var(--tara-text-muted);
    font-size: .8rem;
    line-height: 1.45;
}

.tara-exist-tab-caption--stacked[b-uwibw9he1r] {
    display: grid;
    gap: .12rem;
    margin-bottom: .6rem;
}

.tara-exist-tab-caption--stacked strong[b-uwibw9he1r] {
    color: var(--tara-text);
    font-size: .83rem;
    font-weight: 800;
}

.tara-exist-tab-caption--stacked span[b-uwibw9he1r] {
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-exist-context-note[b-uwibw9he1r] {
    margin-top: -.25rem;
    min-height: 1.2rem;
}

.tara-exist-context-note--success[b-uwibw9he1r] {
    color: color-mix(in srgb, var(--tara-text) 82%, var(--tara-text-muted));
}

.tara-exist-context-note--error[b-uwibw9he1r] {
    color: var(--tara-primary-dark);
}

.tara-exist-filters-grid[b-uwibw9he1r] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(220px, .85fr) minmax(220px, .85fr) auto;
    gap: .75rem;
    align-items: start;
}

.tara-exist-search[b-uwibw9he1r] {
    min-width: 0;
}

.tara-exist-product-search-shell[b-uwibw9he1r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .35rem;
    align-items: start;
}

.tara-exist-inline-icon[b-uwibw9he1r] {
    margin-top: .08rem;
    width: 36px;
    height: 36px;
}

.tara-exist-filter-actions[b-uwibw9he1r] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
}

.tara-exist-checkbox[b-uwibw9he1r] {
    align-self: center;
    margin-top: 0;
}

.tara-exist-busy[b-uwibw9he1r] {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    color: var(--tara-text-muted);
    font-size: .88rem;
}

.tara-exist-workspace[b-uwibw9he1r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.tara-exist-workspace-main[b-uwibw9he1r],
.tara-exist-workspace-side[b-uwibw9he1r] {
    display: grid;
    gap: .85rem;
    min-width: 0;
}

.tara-exist-panel[b-uwibw9he1r] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
    padding: .78rem;
    min-width: 0;
}

.tara-exist-panel--hero[b-uwibw9he1r],
.tara-exist-panel--tabs[b-uwibw9he1r] {
    background: linear-gradient(180deg, var(--tara-surface), color-mix(in srgb, var(--tara-surface) 82%, var(--tara-bg)));
}

.tara-exist-panel--empty[b-uwibw9he1r] {
    display: grid;
    place-items: center;
    min-height: 220px;
    text-align: center;
    gap: .6rem;
}

.tara-exist-panel--side[b-uwibw9he1r] {
    position: sticky;
    top: 92px;
    align-self: start;
    z-index: 3;
}

.tara-exist-empty-icon[b-uwibw9he1r],
.tara-exist-notfound-icon[b-uwibw9he1r] {
    color: var(--tara-primary-dark);
}

.tara-exist-panel-head[b-uwibw9he1r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .7rem;
    margin-bottom: .7rem;
    padding-bottom: .55rem;
    border-bottom: 1px solid color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
}

.tara-exist-panel-head--compact[b-uwibw9he1r] {
    margin-bottom: .55rem;
}

.tara-exist-panel-head h2[b-uwibw9he1r],
.tara-exist-hero-title h2[b-uwibw9he1r] {
    margin: .12rem 0 0;
    color: var(--tara-text);
    font-size: 1.05rem;
    font-weight: 800;
}

.tara-exist-panel-head p[b-uwibw9he1r],
.tara-exist-hero-title p[b-uwibw9he1r] {
    margin: .22rem 0 0;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-exist-eyebrow[b-uwibw9he1r] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    font-size: .7rem;
    letter-spacing: .08em;
    font-weight: 800;
}

.tara-exist-hero-head[b-uwibw9he1r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: .8rem;
}

.tara-exist-hero-actions[b-uwibw9he1r] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .45rem;
}

.tara-exist-price-chip[b-uwibw9he1r] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: flex-end;
    gap: .35rem .6rem;
    max-width: min(100%, 420px);
    padding: .78rem .95rem;
    border-radius: 18px;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    background: linear-gradient(180deg, color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface)), var(--tara-surface));
    box-shadow: var(--tara-shadow-sm);
}

.tara-exist-price-chip-label[b-uwibw9he1r] {
    color: var(--tara-text-muted);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-exist-price-chip strong[b-uwibw9he1r] {
    color: var(--tara-text);
    font-size: clamp(1.25rem, 2vw, 1.8rem);
    line-height: 1;
    letter-spacing: -.04em;
}

.tara-exist-price-chip-before[b-uwibw9he1r] {
    color: var(--tara-text-muted);
    font-size: .82rem;
    font-weight: 700;
    text-decoration: line-through;
}

.tara-exist-price-chip-discount[b-uwibw9he1r] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: .14rem .48rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-size: .76rem;
    font-weight: 800;
}

.tara-exist-hero-grid[b-uwibw9he1r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .72rem;
}

.tara-exist-hero-card[b-uwibw9he1r],
.tara-exist-summary-item[b-uwibw9he1r],
.tara-exist-info-block[b-uwibw9he1r],
.tara-exist-price-card[b-uwibw9he1r] {
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-bg));
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    padding: .72rem;
}

.tara-exist-price-header[b-uwibw9he1r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
}

.tara-exist-price-filter[b-uwibw9he1r] {
    margin-top: -.15rem;
}

.tara-exist-price-trigger[b-uwibw9he1r] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    color: var(--tara-text);
    padding: .68rem .82rem;
    cursor: pointer;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.tara-exist-price-trigger:hover[b-uwibw9he1r],
.tara-exist-search-result:hover[b-uwibw9he1r],
.tara-exist-price-option:hover[b-uwibw9he1r],
.tara-exist-price-option--selected[b-uwibw9he1r] {
    border-color: color-mix(in srgb, var(--tara-primary) 32%, var(--tara-border));
    box-shadow: var(--tara-shadow-sm);
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
}

.tara-exist-price-trigger-main[b-uwibw9he1r] {
    display: grid;
    justify-items: start;
    gap: .12rem;
    text-align: left;
}

.tara-exist-price-trigger-main strong[b-uwibw9he1r] {
    font-size: .94rem;
}

.tara-exist-price-trigger-main span[b-uwibw9he1r] {
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-exist-label[b-uwibw9he1r] {
    display: inline-block;
    margin-bottom: .42rem;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    font-size: .69rem;
    letter-spacing: .08em;
    font-weight: 800;
}

.tara-exist-price-card[b-uwibw9he1r] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .65rem;
}

.tara-exist-price-card strong[b-uwibw9he1r] {
    color: var(--tara-primary-dark);
    font-size: clamp(1.3rem, 2vw, 1.8rem);
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-exist-price-old[b-uwibw9he1r] {
    color: var(--tara-text-muted);
    font-weight: 700;
    text-decoration: line-through;
}

.tara-exist-summary-grid[b-uwibw9he1r] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .5rem;
    margin-bottom: .75rem;
}

.tara-exist-summary-grid--compact[b-uwibw9he1r] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tara-exist-identifiers-band[b-uwibw9he1r] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .55rem .7rem;
    margin-bottom: .8rem;
    padding: .7rem .78rem;
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
    border: 1px solid var(--tara-border-subtle);
}

.tara-exist-identifiers-head[b-uwibw9he1r] {
    display: inline-flex;
    align-items: center;
    margin-right: .15rem;
}

.tara-exist-identifier-pill[b-uwibw9he1r] {
    display: inline-grid;
    gap: .18rem;
    min-width: 148px;
    padding: .62rem .82rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-exist-summary-chip-head[b-uwibw9he1r] {
    display: inline-flex;
    align-items: center;
    gap: .34rem;
}

.tara-exist-summary-chip-head[b-uwibw9he1r]  .mud-icon-root {
    font-size: 1rem;
}

.tara-exist-identifier-pill span[b-uwibw9he1r] {
    color: var(--tara-text-muted);
    font-size: .67rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tara-exist-identifier-pill strong[b-uwibw9he1r] {
    color: var(--tara-text);
    font-size: 1.02rem;
    font-weight: 900;
    line-height: 1.1;
}

.tara-exist-identifier-pill--style[b-uwibw9he1r] {
    border-color: color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface)),
            color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg)));
}

.tara-exist-identifier-pill--style .tara-exist-summary-chip-head[b-uwibw9he1r],
.tara-exist-identifier-pill--style strong[b-uwibw9he1r] {
    color: var(--tara-primary-dark);
}

.tara-exist-identifier-pill--brand[b-uwibw9he1r] {
    border-color: color-mix(in srgb, var(--tara-text-muted) 16%, var(--tara-border));
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-bg) 55%, var(--tara-surface)),
            color-mix(in srgb, var(--tara-surface) 96%, var(--tara-bg)));
}

.tara-exist-identifier-pill--brand .tara-exist-summary-chip-head[b-uwibw9he1r] {
    color: color-mix(in srgb, var(--tara-text) 72%, var(--tara-text-muted));
}

.tara-exist-identifier-pill--brand strong[b-uwibw9he1r] {
    color: var(--tara-text);
}

.tara-exist-summary-item[b-uwibw9he1r] {
    display: grid;
    gap: .14rem;
}

.tara-exist-summary-item span[b-uwibw9he1r] {
    color: var(--tara-text-muted);
    font-size: .69rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tara-exist-summary-item strong[b-uwibw9he1r] {
    color: var(--tara-text);
    font-size: .9rem;
    line-height: 1.28;
}

.tara-exist-detail-grid[b-uwibw9he1r] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .48rem;
}

.tara-exist-detail-grid--summary[b-uwibw9he1r] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tara-exist-detail-row[b-uwibw9he1r] {
    display: grid;
    gap: .18rem;
    padding: .55rem .68rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 90%, var(--tara-bg));
}

.tara-exist-detail-row span[b-uwibw9he1r] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
}

.tara-exist-detail-row strong[b-uwibw9he1r] {
    color: var(--tara-text);
    font-size: .86rem;
    line-height: 1.3;
}

.tara-exist-tab-actions[b-uwibw9he1r] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: .6rem;
}

.tara-exist-prices-tab[b-uwibw9he1r] {
    display: grid;
    gap: .72rem;
}

.tara-exist-kpis[b-uwibw9he1r] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
    margin-bottom: .7rem;
}

.tara-exist-kpi[b-uwibw9he1r] {
    display: grid;
    gap: .18rem;
    padding: .62rem .72rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-surface) 90%, var(--tara-bg));
}

.tara-exist-kpi span[b-uwibw9he1r] {
    color: var(--tara-text-muted);
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tara-exist-kpi strong[b-uwibw9he1r] {
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.15;
}

.tara-exist-prices-list[b-uwibw9he1r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .52rem;
}

.tara-exist-image-btn[b-uwibw9he1r] {
    width: 100%;
    min-height: 212px;
    display: grid;
    place-items: center;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 74%, var(--tara-bg));
    padding: .35rem;
    cursor: zoom-in;
}

.tara-exist-image[b-uwibw9he1r] {
    width: 100%;
    height: 212px;
    object-fit: contain;
    object-position: center;
    border-radius: .45rem;
}

.tara-exist-image-empty[b-uwibw9he1r] {
    min-height: 212px;
    display: grid;
    place-items: center;
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius-sm);
    color: var(--tara-text-muted);
    background: color-mix(in srgb, var(--tara-surface) 78%, var(--tara-bg));
}

.tara-exist-side-context[b-uwibw9he1r] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.tara-exist-side-summary[b-uwibw9he1r] {
    display: grid;
    gap: .8rem;
}

.tara-exist-side-query[b-uwibw9he1r] {
    display: grid;
    gap: .65rem;
}

.tara-exist-side-actions[b-uwibw9he1r] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.tara-exist-sales-layer[b-uwibw9he1r] {
    display: grid;
    gap: .35rem;
    padding: .5rem .55rem .4rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 60%, var(--tara-bg));
}

.tara-exist-sales-head[b-uwibw9he1r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .45rem;
}

.tara-exist-sales-check[b-uwibw9he1r] {
    margin: -.15rem 0;
}

.tara-exist-sales-legend[b-uwibw9he1r] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .3rem .52rem;
    color: color-mix(in srgb, var(--tara-text) 78%, var(--tara-text-muted));
    font-size: .64rem;
    font-weight: 900;
    line-height: 1;
}

.tara-exist-sales-legend span[b-uwibw9he1r] {
    display: inline-flex;
    align-items: center;
    gap: .18rem;
}

.tara-exist-legend-dot[b-uwibw9he1r] {
    width: .5rem;
    height: .5rem;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid var(--tara-border);
}

.tara-exist-legend-dot--stock[b-uwibw9he1r] {
    background: var(--tara-text);
    border-color: color-mix(in srgb, var(--tara-text) 70%, var(--tara-border));
}

.tara-exist-legend-dot--sale[b-uwibw9he1r] {
    background: color-mix(in srgb, var(--tara-success) 24%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-success) 58%, var(--tara-border));
}

.tara-exist-legend-dot--return[b-uwibw9he1r] {
    background: color-mix(in srgb, var(--tara-primary) 14%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 38%, var(--tara-border));
}

.tara-exist-sales-dates[b-uwibw9he1r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .35rem;
}

.tara-exist-sales-date[b-uwibw9he1r]  .mud-input-control {
    margin: 0;
}

.tara-exist-sales-date[b-uwibw9he1r]  .mud-input-slot {
    min-height: 38px;
}

.tara-exist-sales-status[b-uwibw9he1r] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 700;
    line-height: 1.2;
}

.tara-exist-sales-status--error[b-uwibw9he1r] {
    color: var(--tara-primary-dark);
}

.tara-exist-side-price-notes[b-uwibw9he1r] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-top: -.2rem;
}

.tara-exist-mobile-summary[b-uwibw9he1r] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
    padding: .75rem;
}

.tara-exist-mobile-summary-top[b-uwibw9he1r] {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: .75rem;
    align-items: center;
}

.tara-exist-mobile-thumb[b-uwibw9he1r] {
    width: 76px;
    height: 76px;
    border-radius: 10px;
    object-fit: contain;
    background: color-mix(in srgb, var(--tara-surface) 74%, var(--tara-bg));
    border: 1px solid var(--tara-border-subtle);
}

.tara-exist-mobile-thumb--empty[b-uwibw9he1r] {
    display: grid;
    place-items: center;
    color: var(--tara-text-muted);
    font-size: .72rem;
}

.tara-exist-mobile-price[b-uwibw9he1r] {
    display: grid;
    gap: .18rem;
}

.tara-exist-mobile-price strong[b-uwibw9he1r] {
    color: var(--tara-primary-dark);
    font-size: clamp(1.55rem, 7vw, 2rem);
    font-weight: 900;
    line-height: 1.02;
    letter-spacing: -.04em;
}

.tara-exist-mobile-context[b-uwibw9he1r] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .7rem;
}

.tara-exist-mobile-actions[b-uwibw9he1r] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .7rem;
}

.tara-exist-context-chip[b-uwibw9he1r] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: .28rem .72rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
    color: var(--tara-text);
    font-size: .79rem;
    font-weight: 700;
}

.tara-exist-table-wrap[b-uwibw9he1r] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

[b-uwibw9he1r] .tara-exist-table .mud-table-container {
    background: var(--tara-surface);
    overflow: visible;
    width: max-content;
    min-width: 100%;
    max-width: none;
}

[b-uwibw9he1r] .tara-exist-table {
    min-width: max-content;
    border-collapse: collapse;
    border-spacing: 0;
}

[b-uwibw9he1r] .tara-exist-table .mud-table-head .mud-table-cell {
    position: sticky;
    top: 0;
    z-index: 2;
    background: color-mix(in srgb, var(--tara-th-bg) 82%, var(--tara-surface));
    color: var(--tara-th-text);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .02em;
    border-right: 1px solid color-mix(in srgb, var(--tara-text) 14%, var(--tara-border));
    border-bottom: 1.5px solid color-mix(in srgb, var(--tara-text) 22%, var(--tara-border));
}

[b-uwibw9he1r] .tara-exist-table .mud-table-head .mud-table-cell.tara-exist-head-total {
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-th-bg));
    color: var(--tara-text);
    border-left: 1.5px solid color-mix(in srgb, var(--tara-primary) 38%, var(--tara-border));
}

[b-uwibw9he1r] .tara-exist-table .mud-table-body .mud-table-row:nth-child(odd) {
    background: color-mix(in srgb, var(--tara-surface) 96%, var(--tara-bg));
}

[b-uwibw9he1r] .tara-exist-table .mud-table-body .mud-table-row:nth-child(even) {
    background: color-mix(in srgb, var(--tara-surface-raised) 78%, var(--tara-bg));
}

[b-uwibw9he1r] .tara-exist-table .mud-table-body .mud-table-row:hover,
[b-uwibw9he1r] .tara-exist-table .mud-table-body .mud-table-row:hover .mud-table-cell {
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface-raised));
}

[b-uwibw9he1r] .tara-exist-table .mud-table-cell {
    white-space: nowrap;
    font-size: .82rem;
    padding: .32rem .58rem;
    border-right: 1px solid color-mix(in srgb, var(--tara-text) 12%, var(--tara-border));
    border-bottom: 1px solid color-mix(in srgb, var(--tara-text) 12%, var(--tara-border));
    background: inherit;
}

[b-uwibw9he1r] .tara-exist-table .mud-table-cell.tara-exist-cell-store {
    color: var(--tara-text);
    font-weight: 800;
    position: sticky;
    left: 0;
    z-index: 3;
    min-width: 140px;
    border-right: 1.5px solid color-mix(in srgb, var(--tara-text) 18%, var(--tara-border));
    box-shadow: 1px 0 0 color-mix(in srgb, var(--tara-text) 10%, transparent);
}

[b-uwibw9he1r] .tara-exist-table .mud-table-body .mud-table-row:nth-child(odd) .tara-exist-cell-store {
    background: color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg));
}

[b-uwibw9he1r] .tara-exist-table .mud-table-body .mud-table-row:nth-child(even) .tara-exist-cell-store {
    background: color-mix(in srgb, var(--tara-surface-raised) 82%, var(--tara-bg));
}

[b-uwibw9he1r] .tara-exist-table .mud-table-cell.tara-exist-cell-store--total {
    color: var(--tara-primary-dark);
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-bg));
    border-top: 1.5px solid color-mix(in srgb, var(--tara-primary) 36%, var(--tara-border));
}

[b-uwibw9he1r] .tara-exist-table .mud-table-cell.tara-exist-cell-qty {
    text-align: center;
    font-variant-numeric: tabular-nums;
    vertical-align: middle;
}

.tara-exist-stock-cell[b-uwibw9he1r] {
    display: grid;
    grid-template-rows: minmax(.85rem, auto) minmax(.72rem, auto);
    grid-template-columns: minmax(1.15rem, auto) minmax(1.15rem, auto);
    align-items: center;
    justify-items: center;
    column-gap: .18rem;
    row-gap: .02rem;
    min-width: 2.25rem;
    min-height: 1.62rem;
    line-height: 1.05;
}

.tara-exist-stock-main[b-uwibw9he1r] {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: start;
    display: inline-block;
    min-height: .9rem;
    color: var(--tara-text);
    font-weight: 700;
}

.tara-exist-stock-meta[b-uwibw9he1r] {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .18rem;
    min-height: .7rem;
    font-size: .6rem;
    font-weight: 900;
    line-height: 1;
}

.tara-exist-stock-sale[b-uwibw9he1r] {
    min-width: 1.05rem;
    height: 1.05rem;
    display: inline-grid;
    place-items: center;
    padding: 0 .18rem;
    border: 1px solid color-mix(in srgb, var(--tara-success) 62%, var(--tara-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-success) 20%, var(--tara-surface));
    color: color-mix(in srgb, var(--tara-success) 72%, var(--tara-text));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tara-success) 14%, transparent);
}

.tara-exist-stock-return[b-uwibw9he1r] {
    min-width: 1.05rem;
    height: 1.05rem;
    display: inline-grid;
    place-items: center;
    padding: 0 .18rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 48%, var(--tara-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-surface));
    color: var(--tara-primary-dark);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tara-primary) 8%, transparent);
}

[b-uwibw9he1r] .tara-exist-table .mud-table-cell.tara-exist-cell-qty--totalcol {
    position: sticky;
    right: 0;
    z-index: 2;
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
    border-left: 1.5px solid color-mix(in srgb, var(--tara-primary) 36%, var(--tara-border));
    box-shadow: inset 1px 0 0 color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
}

[b-uwibw9he1r] .tara-exist-table .mud-table-cell.tara-exist-cell-qty--totalrow {
    font-weight: 900;
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-bg));
    border-top: 1.5px solid color-mix(in srgb, var(--tara-primary) 36%, var(--tara-border));
}

[b-uwibw9he1r] .tara-exist-table .mud-table-head .mud-table-cell:first-child {
    left: 0;
    z-index: 5;
    position: sticky;
    background: color-mix(in srgb, var(--tara-th-bg) 88%, var(--tara-surface));
    border-right: 1.5px solid color-mix(in srgb, var(--tara-text) 18%, var(--tara-border));
}

[b-uwibw9he1r] .tara-exist-table .mud-table-head .mud-table-cell.tara-exist-head-total {
    right: 0;
    z-index: 5;
    position: sticky;
}

.tara-exist-empty-state[b-uwibw9he1r] {
    min-height: 160px;
    display: grid;
    place-items: center;
    gap: .5rem;
    text-align: center;
    color: var(--tara-text-muted);
}

.tara-exist-empty-state h3[b-uwibw9he1r] {
    margin: 0;
    color: var(--tara-text);
}

.tara-exist-empty-state--compact[b-uwibw9he1r] {
    min-height: 110px;
}

.tara-exist-image-dialog[b-uwibw9he1r] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: grid;
    place-items: center;
    padding: 1.2rem;
    background: rgba(15, 15, 17, 0.68);
    backdrop-filter: blur(4px);
}

.tara-exist-image-dialog-card[b-uwibw9he1r] {
    position: relative;
    width: min(92vw, 640px);
    max-height: 90vh;
    padding: 1rem;
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-lg);
}

.tara-exist-image-dialog-close[b-uwibw9he1r] {
    position: absolute;
    top: .55rem;
    right: .6rem;
    border: none;
    background: transparent;
    color: var(--tara-text-muted);
    font-size: 1.75rem;
    cursor: pointer;
}

.tara-exist-image-dialog-img[b-uwibw9he1r] {
    width: 100%;
    max-height: calc(90vh - 4rem);
    object-fit: contain;
    display: block;
}

.tara-exist-dialog-shell[b-uwibw9he1r] {
    display: grid;
    gap: .9rem;
}

.tara-exist-dialog-shell--small[b-uwibw9he1r] {
    text-align: center;
    padding: .4rem 0;
}

.tara-exist-dialog-head h3[b-uwibw9he1r],
.tara-exist-dialog-shell--small h3[b-uwibw9he1r] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.05rem;
    font-weight: 800;
}

.tara-exist-dialog-head p[b-uwibw9he1r],
.tara-exist-dialog-shell--small p[b-uwibw9he1r] {
    margin: .25rem 0 0;
    color: var(--tara-text-muted);
    font-size: .84rem;
}

.tara-exist-dialog-toolbar[b-uwibw9he1r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.tara-exist-dialog-results[b-uwibw9he1r] {
    display: grid;
    gap: .55rem;
    max-height: 52vh;
    overflow: auto;
    padding-right: .15rem;
}

.tara-exist-search-result[b-uwibw9he1r],
.tara-exist-price-option[b-uwibw9he1r] {
    width: 100%;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
    padding: .76rem .86rem;
    text-align: left;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease;
}

.tara-exist-search-result-title[b-uwibw9he1r] {
    color: var(--tara-text);
    font-weight: 800;
    font-size: .92rem;
}

.tara-exist-search-result-meta[b-uwibw9he1r],
.tara-exist-price-option-meta[b-uwibw9he1r] {
    margin-top: .22rem;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .8rem;
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-exist-price-option-main[b-uwibw9he1r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
}

.tara-exist-price-option-main strong[b-uwibw9he1r] {
    color: var(--tara-text);
}

.tara-exist-price-option-main span[b-uwibw9he1r] {
    color: var(--tara-primary-dark);
    font-weight: 800;
}

[b-uwibw9he1r] .tara-exist-tabs .mud-tabs-toolbar {
    min-height: 40px;
    border-bottom: 1px solid var(--tara-border-subtle);
}

[b-uwibw9he1r] .tara-exist-tabs .mud-tab {
    min-height: 40px;
    color: var(--tara-text-muted);
    font-size: .82rem;
    font-weight: 800;
    text-transform: none;
}

[b-uwibw9he1r] .tara-exist-tabs .mud-tab.mud-tab-active {
    color: var(--tara-primary-dark);
}

[b-uwibw9he1r] .tara-exist-tabs .mud-tabs-slider {
    background: var(--tara-primary);
}

.tara-exist-searchbar[b-uwibw9he1r] {
    display: grid;
    gap: .35rem;
}

.tara-exist-searchbar-secondary[b-uwibw9he1r] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) auto auto;
    gap: .4rem;
    align-items: center;
}

.tara-exist-resolve-btn[b-uwibw9he1r] {
    min-height: 34px !important;
    align-self: center;
    border-radius: 9px !important;
    white-space: nowrap;
    padding-inline: .72rem !important;
    font-size: .82rem !important;
    box-shadow: none !important;
}

.tara-exist-product-hero[b-uwibw9he1r] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
    align-items: stretch;
}

.tara-exist-product-hero-main[b-uwibw9he1r],
.tara-exist-product-hero-side[b-uwibw9he1r],
.tara-exist-product-hero-query[b-uwibw9he1r] {
    display: grid;
    gap: .4rem;
    min-width: 0;
    align-content: start;
}

.tara-exist-product-hero-side[b-uwibw9he1r] {
    grid-template-rows: 1fr;
}

.tara-exist-product-hero-query[b-uwibw9he1r] {
    align-content: start;
}

.tara-exist-hero-price[b-uwibw9he1r] {
    display: grid;
    justify-items: start;
    align-content: start;
    gap: .1rem;
    margin-top: .05rem;
}

.tara-exist-hero-price-label[b-uwibw9he1r] {
    color: var(--tara-primary-dark);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-exist-hero-price strong[b-uwibw9he1r] {
    /* Reducido de clamp(2rem,3vw,2.6rem) — el precio es contexto, no el protagonista.
       El protagonista de esta pantalla es la matriz de existencias. */
    color: var(--tara-primary-dark);
    font-size: clamp(1.35rem, 2vw, 1.75rem);
    line-height: 1;
    letter-spacing: -.03em;
    font-weight: 800;
}

.tara-exist-hero-price-before[b-uwibw9he1r] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    font-weight: 700;
    text-decoration: line-through;
}

.tara-exist-hero-price-discount[b-uwibw9he1r] {
    color: var(--tara-primary-dark);
    font-size: .8rem;
    font-weight: 800;
}

.tara-exist-side-head[b-uwibw9he1r] {
    display: grid;
    gap: 0;
}

.tara-exist-side-price-box[b-uwibw9he1r] {
    display: grid;
    gap: .32rem;
    padding: .56rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
}

.tara-exist-side-price-box--hero[b-uwibw9he1r] {
    padding: 0;
    border: 0;
    background: transparent;
    border-radius: 0;
}

.tara-exist-price-discount-note[b-uwibw9he1r] {
    color: var(--tara-primary-dark);
    font-size: .78rem;
    font-weight: 800;
}

.tara-exist-image-btn[b-uwibw9he1r],
.tara-exist-image-empty[b-uwibw9he1r] {
    min-height: 100%;
    height: 100%;
}

.tara-exist-image[b-uwibw9he1r],
.tara-exist-image-dialog-img[b-uwibw9he1r] {
    object-fit: contain;
}

.tara-exist-image-btn[b-uwibw9he1r] {
    padding: .15rem;
}

.tara-exist-image[b-uwibw9he1r] {
    height: 100%;
}

.tara-exist-side-head p[b-uwibw9he1r] {
    display: none;
}

.tara-exist-side-summary[b-uwibw9he1r] {
    gap: .4rem;
}

.tara-exist-side-query[b-uwibw9he1r] {
    gap: .4rem;
}

.tara-exist-side-actions[b-uwibw9he1r] {
    gap: .32rem;
}

.tara-exist-side-actions[b-uwibw9he1r]  .mud-icon-button {
    width: 36px;
    height: 36px;
    padding: .35rem;
}

.tara-exist-sales-layer[b-uwibw9he1r] {
    gap: .28rem;
}

.tara-exist-checkbox[b-uwibw9he1r] {
    margin-top: .1rem;
}

.tara-exist-price-filter--hidden[b-uwibw9he1r] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.tara-exist-inline-icon[b-uwibw9he1r] {
    margin-top: .1rem;
}

.tara-exist-hero-title h2[b-uwibw9he1r] {
    margin-top: 0;
}

.tara-exist-hero-title p[b-uwibw9he1r] {
    margin-top: .12rem;
    line-height: 1.28;
}

.tara-exist-search[b-uwibw9he1r]  .mud-input-control,
.tara-exist-searchbar-secondary[b-uwibw9he1r]  .mud-input-control {
    margin-top: 0;
}

.tara-exist-search[b-uwibw9he1r]  .mud-input-slot,
.tara-exist-searchbar-secondary[b-uwibw9he1r]  .mud-input-slot {
    min-height: 38px;
}

.tara-exist-search[b-uwibw9he1r]  .mud-input-label,
.tara-exist-searchbar-secondary[b-uwibw9he1r]  .mud-input-label {
    font-size: .8rem;
}

.tara-exist-searchbar-secondary[b-uwibw9he1r]  .mud-checkbox {
    margin: 0;
}

.tara-exist-searchbar-secondary[b-uwibw9he1r]  .mud-checkbox .mud-button-root {
    padding: .2rem;
}

.tara-exist-searchbar-secondary[b-uwibw9he1r]  .mud-checkbox .mud-typography {
    font-size: .8rem;
    color: var(--tara-text-muted);
}

@media (max-width: 1080px) {
    .tara-exist-query-row[b-uwibw9he1r],
    .tara-exist-searchbar-secondary[b-uwibw9he1r],
    .tara-exist-prices-list[b-uwibw9he1r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-exist-product-hero[b-uwibw9he1r],
    .tara-exist-workspace[b-uwibw9he1r] {
        grid-template-columns: 1fr;
    }

    .tara-exist-panel--side[b-uwibw9he1r] {
        position: static;
    }

    .tara-exist-detail-grid[b-uwibw9he1r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .tara-exist-page[b-uwibw9he1r] {
        gap: .65rem;
    }

    .tara-exist-header[b-uwibw9he1r] {
        flex-direction: column;
    }

    .tara-exist-product-hero[b-uwibw9he1r] {
        grid-template-columns: 1fr;
        gap: .7rem;
    }

    .tara-exist-title-wrap h1[b-uwibw9he1r] {
        font-size: 1.18rem;
    }

    .tara-exist-title-wrap span[b-uwibw9he1r] {
        font-size: .68rem;
    }

    .tara-exist-header-actions[b-uwibw9he1r] {
        justify-content: flex-end;
    }

    .tara-exist-clear-btn[b-uwibw9he1r] {
        min-width: auto !important;
        padding-inline: .55rem !important;
    }

    [b-uwibw9he1r] .tara-exist-clear-btn .mud-button-label {
        font-size: .78rem;
    }

    .tara-exist-query-row[b-uwibw9he1r],
    .tara-exist-searchbar-secondary[b-uwibw9he1r],
    .tara-exist-detail-grid[b-uwibw9he1r],
    .tara-exist-prices-list[b-uwibw9he1r] {
        grid-template-columns: 1fr;
    }

    .tara-exist-product-secondary[b-uwibw9he1r] {
        flex-direction: column;
        gap: .22rem;
    }

    .tara-exist-price-chip[b-uwibw9he1r] {
        justify-content: flex-start;
        width: 100%;
        max-width: none;
    }

    .tara-exist-product-search-shell[b-uwibw9he1r] {
        grid-template-columns: 1fr;
    }

    .tara-exist-panel[b-uwibw9he1r] {
        padding: .72rem;
    }

    .tara-exist-hero-title h2[b-uwibw9he1r] {
        font-size: .98rem;
    }

    .tara-exist-workspace-side[b-uwibw9he1r] {
        order: 2;
    }

    [b-uwibw9he1r] .tara-exist-tabs .mud-tabs-toolbar {
        min-height: 34px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    [b-uwibw9he1r] .tara-exist-tabs .mud-tabs-toolbar::-webkit-scrollbar {
        display: none;
    }

    [b-uwibw9he1r] .tara-exist-tabs .mud-tabs-tabbar-wrapper {
        overflow-x: auto;
    }

    [b-uwibw9he1r] .tara-exist-tabs .mud-tabs-scroll-button {
        display: none !important;
    }

    [b-uwibw9he1r] .tara-exist-tabs .mud-tab {
        min-height: 34px;
        font-size: .74rem;
        padding: 0 .55rem;
        flex: 0 0 auto;
    }

    .tara-exist-tab-actions[b-uwibw9he1r] {
        margin-bottom: .45rem;
    }

    .tara-exist-tab-actions .mud-button-root[b-uwibw9he1r] {
        min-width: auto;
        padding-inline: .7rem;
    }

    .tara-exist-mobile-actions .mud-button-root[b-uwibw9he1r] {
        min-width: auto;
        padding-inline: .7rem;
    }

    .tara-exist-table-wrap[b-uwibw9he1r] {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
    }

    [b-uwibw9he1r] .tara-exist-table {
        min-width: 900px;
    }

    [b-uwibw9he1r] .tara-exist-table .mud-table-container {
        overflow: visible;
        width: max-content;
        min-width: 100%;
        max-width: none;
    }

    [b-uwibw9he1r] .tara-exist-table table {
        display: table;
        min-width: 900px;
    }

    [b-uwibw9he1r] .tara-exist-table thead {
        display: table-header-group;
    }

    [b-uwibw9he1r] .tara-exist-table tbody {
        display: table-row-group;
    }

    [b-uwibw9he1r] .tara-exist-table tr,
    [b-uwibw9he1r] .tara-exist-table .mud-table-row {
        display: table-row;
    }

    [b-uwibw9he1r] .tara-exist-table th,
    [b-uwibw9he1r] .tara-exist-table td,
    [b-uwibw9he1r] .tara-exist-table .mud-table-cell {
        display: table-cell;
    }

    [b-uwibw9he1r] .tara-exist-table .mud-table-cell {
        font-size: .78rem;
        padding: .48rem .55rem;
    }

    .tara-exist-image-btn[b-uwibw9he1r],
    .tara-exist-image[b-uwibw9he1r],
    .tara-exist-image-empty[b-uwibw9he1r] {
        min-height: 180px;
        height: 180px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenExistenciasGenerales.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════════════
   AlmacenExistenciasGenerales.razor.css — Patrón Tarahumara Secundario
   Prefijo: eg-  (existencias-generales)
   Reglas: no :root{}, no --tara-* custom, solo var(--tara-*) directo.
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Layout de página ─────────────────────────────────────────────────────── */
.eg-page[b-uqviw4zgij] { display: flex; flex-direction: column; gap: .65rem; }

/* ── Header ───────────────────────────────────────────────────────────────── */
.eg-header[b-uqviw4zgij] { display: flex; align-items: center; justify-content: space-between; gap: .8rem; flex-wrap: wrap; }
.eg-title-wrap[b-uqviw4zgij] { min-width: 0; }
.eg-title-wrap h1[b-uqviw4zgij] { margin: 0; font-size: 1.4rem; font-weight: 800; color: var(--tara-text); line-height: 1.2; letter-spacing: -.02em; }
.eg-title-wrap span[b-uqviw4zgij] { display: inline-block; margin-top: .18rem; color: var(--tara-primary-dark); font-size: .74rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; opacity: .82; }
.eg-header-actions[b-uqviw4zgij] { display: flex; align-items: center; gap: .5rem; flex-shrink: 0; }

/* ── Alertas / errores ────────────────────────────────────────────────────── */
.eg-error-bar[b-uqviw4zgij] {
    display: flex; align-items: center; gap: .55rem; flex-wrap: wrap;
    padding: .55rem .85rem;
    background: color-mix(in srgb, var(--tara-danger) 7%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-danger) 25%, var(--tara-border));
    border-radius: var(--tara-radius-sm); font-size: .8rem; color: var(--tara-primary-dark);
}
.eg-error-bar span[b-uqviw4zgij] { flex: 1; min-width: 0; line-height: 1.4; }
.eg-retry-btn[b-uqviw4zgij] { flex-shrink: 0; }

.eg-warn-linea[b-uqviw4zgij], .eg-warn-fechas[b-uqviw4zgij], .eg-warn-adv[b-uqviw4zgij] {
    display: flex; align-items: center; gap: .5rem;
    padding: .5rem .85rem; border-radius: var(--tara-radius-sm);
    font-size: .8rem; line-height: 1.4;
}
.eg-warn-linea[b-uqviw4zgij] {
    background: color-mix(in srgb, var(--tara-danger) 7%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-danger) 25%, var(--tara-border));
    color: var(--tara-primary-dark);
}
.eg-warn-fechas[b-uqviw4zgij] {
    background: color-mix(in srgb, var(--tara-warning) 8%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-warning) 28%, var(--tara-border));
    color: var(--tara-warning);
}
.eg-warn-adv[b-uqviw4zgij] {
    background: color-mix(in srgb, var(--tara-warning) 6%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-warning) 22%, var(--tara-border));
    color: color-mix(in srgb, var(--tara-warning) 80%, var(--tara-text));
}

/* ── Acordeón ─────────────────────────────────────────────────────────────── */
.eg-accordion-wrapper[b-uqviw4zgij] { min-width: 0; }
[b-uqviw4zgij] .eg-accordion-wrapper .tara-fa-card { border-color: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border)); border-radius: 18px; }
[b-uqviw4zgij] .eg-accordion-wrapper .tara-fa-card--open { border-color: color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border)); }
[b-uqviw4zgij] .eg-accordion-wrapper .tara-fa-card--open .tara-fa-header {
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
    border-bottom-color: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
}

/* ── Loading catálogos ────────────────────────────────────────────────────── */
.eg-catalogs-loading[b-uqviw4zgij] { display: flex; flex-direction: column; gap: .3rem; margin-bottom: .65rem; font-size: .76rem; color: var(--tara-text-muted); }

/* ── Grids de filtros ─────────────────────────────────────────────────────── */
.eg-filters-row[b-uqviw4zgij] { display: grid; gap: 10px; margin-bottom: 8px; }
.eg-filters-row--5[b-uqviw4zgij] { grid-template-columns: repeat(5, 1fr); }
.eg-filters-row--3[b-uqviw4zgij] { grid-template-columns: repeat(3, 1fr); }

@media (max-width: 1100px) {
    .eg-filters-row--5[b-uqviw4zgij] { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 860px) {
    .eg-filters-row--5[b-uqviw4zgij], .eg-filters-row--3[b-uqviw4zgij] { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
    .eg-filters-row--5[b-uqviw4zgij], .eg-filters-row--3[b-uqviw4zgij] { grid-template-columns: 1fr; }
}

/* Línea obligatoria — énfasis visual */
.eg-filter-field--required[b-uqviw4zgij]  .mud-input-outlined .mud-input-outlined-border {
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border)) !important;
}
.eg-filter-field--required[b-uqviw4zgij]  .mud-input-label { color: var(--tara-primary-dark) !important; font-weight: 600 !important; }

/* Filtros visuales pendientes de soporte en endpoint */
[b-uqviw4zgij] .tara-filter-select--pending .mud-input-outlined-border { border-style: dashed !important; opacity: .8; }
[b-uqviw4zgij] .tara-filter-select--pending .mud-input-label { font-style: italic; }

/* ── Fila de búsqueda + acciones ─────────────────────────────────────────── */
.eg-search-actions-row[b-uqviw4zgij] { display: flex; align-items: center; gap: .65rem; flex-wrap: wrap; padding-top: .5rem; border-top: 1px solid var(--tara-border-subtle); }
.eg-search-field[b-uqviw4zgij] { flex: 1; min-width: 200px; max-width: 380px; }
.eg-check[b-uqviw4zgij] { flex-shrink: 0; }
.eg-date-picker[b-uqviw4zgij] { flex: 0 0 140px; min-width: 130px; }
[b-uqviw4zgij] .tara-secondary-buscar-btn { min-height: 36px; white-space: nowrap; padding-inline: 1rem; box-shadow: none !important; }

/* ── Hint de línea ────────────────────────────────────────────────────────── */
.eg-linea-hint[b-uqviw4zgij] { display: flex; align-items: flex-start; gap: .42rem; padding: .5rem .7rem; margin-top: .35rem; font-size: .76rem; color: var(--tara-text-muted); line-height: 1.45; }
.eg-hint-icon[b-uqviw4zgij] { flex-shrink: 0; margin-top: .04rem; opacity: .7; }
.eg-pending-label[b-uqviw4zgij] { font-size: .8rem; }

/* ── Pills de resumen colapsado ───────────────────────────────────────────── */
.eg-filter-pill[b-uqviw4zgij] { display: inline-flex; align-items: center; padding: .18rem .6rem; background: color-mix(in srgb, var(--tara-primary) 10%, transparent); color: var(--tara-primary); border: 1px solid color-mix(in srgb, var(--tara-primary) 25%, transparent); border-radius: 10px; font-size: .72rem; font-weight: 500; white-space: nowrap; line-height: 1.4; }
.eg-filter-pill--dim[b-uqviw4zgij] { background: color-mix(in srgb, var(--tara-text-muted) 8%, transparent); color: var(--tara-text-muted); border: 1px solid color-mix(in srgb, var(--tara-text-muted) 18%, transparent); font-style: italic; }
.eg-filter-pill--neutral[b-uqviw4zgij] { background: color-mix(in srgb, var(--tara-text-muted) 10%, transparent); color: var(--tara-text-muted); border: 1px solid color-mix(in srgb, var(--tara-text-muted) 20%, transparent); }

/* ── Panel genérico ───────────────────────────────────────────────────────── */
.eg-panel[b-uqviw4zgij] { background: var(--tara-surface); border: 1px solid var(--tara-border); border-radius: var(--tara-radius); box-shadow: var(--tara-shadow-sm); padding: .78rem; min-width: 0; }
.eg-panel--empty[b-uqviw4zgij] { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 280px; text-align: center; gap: .55rem; padding: 2.5rem 1.5rem; }
.eg-empty-icon-wrap[b-uqviw4zgij] { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface)); margin-bottom: .2rem; }
.eg-empty-icon[b-uqviw4zgij] { color: var(--tara-primary-dark) !important; }
.eg-panel--empty h2[b-uqviw4zgij] { margin: 0; font-size: 1.1rem; font-weight: 700; color: var(--tara-text); }
.eg-panel--empty p[b-uqviw4zgij] { margin: 0; font-size: .85rem; color: var(--tara-text-muted); max-width: 480px; line-height: 1.5; }

/* ── Loading de búsqueda ──────────────────────────────────────────────────── */
.eg-search-busy[b-uqviw4zgij] { display: inline-flex; align-items: center; gap: .65rem; color: var(--tara-text-muted); font-size: .88rem; padding: .5rem 0; }

/* ── Resumen de resultados ────────────────────────────────────────────────── */
.eg-results-summary[b-uqviw4zgij] { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
.eg-rs-chip[b-uqviw4zgij] { display: inline-flex; padding: .22rem .65rem; border-radius: 999px; font-size: .75rem; font-weight: 500; background: var(--tara-surface-raised); border: 1px solid var(--tara-border); color: var(--tara-text-muted); }
.eg-rs-chip--ventas[b-uqviw4zgij] { background: color-mix(in srgb, var(--tara-success) 10%, var(--tara-surface)); color: var(--tara-success); border-color: color-mix(in srgb, var(--tara-success) 25%, var(--tara-border)); }

/* ── Leyenda ventas/devoluciones ──────────────────────────────────────────── */
.eg-legend[b-uqviw4zgij] { display: flex; align-items: center; gap: .6rem; font-size: .72rem; font-weight: 600; color: var(--tara-text-muted); }
.eg-dot[b-uqviw4zgij] { display: inline-block; width: .55rem; height: .55rem; border-radius: 2px; border: 1px solid var(--tara-border); margin-right: .2rem; }
.eg-dot--stock[b-uqviw4zgij]  { background: var(--tara-text); border-color: color-mix(in srgb, var(--tara-text) 70%, var(--tara-border)); }
.eg-dot--sale[b-uqviw4zgij]   { background: color-mix(in srgb, var(--tara-success) 30%, var(--tara-surface)); border-color: color-mix(in srgb, var(--tara-success) 58%, var(--tara-border)); }
.eg-dot--return[b-uqviw4zgij] { background: color-mix(in srgb, var(--tara-primary) 20%, var(--tara-surface)); border-color: color-mix(in srgb, var(--tara-primary) 40%, var(--tara-border)); }

/* ── Tabla/matriz ─────────────────────────────────────────────────────────── */
.eg-table-wrap[b-uqviw4zgij] {
    width: 100%; overflow-x: auto; overflow-y: auto;
    max-height: clamp(400px, calc(100vh - 400px), 780px);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    scrollbar-gutter: stable both-edges;
}
.eg-table-wrap[b-uqviw4zgij]::-webkit-scrollbar { height: 8px; width: 8px; }
.eg-table-wrap[b-uqviw4zgij]::-webkit-scrollbar-thumb { background: var(--tara-border); border-radius: 999px; }
.eg-table-wrap[b-uqviw4zgij]::-webkit-scrollbar-track { background: var(--tara-surface-raised); }

.eg-matrix[b-uqviw4zgij] { border-collapse: collapse; min-width: max-content; width: 100%; }

/* Cabecera */
.eg-th[b-uqviw4zgij] {
    position: sticky; top: 0; z-index: 2;
    background: color-mix(in srgb, var(--tara-th-bg, var(--tara-surface-raised)) 88%, var(--tara-surface));
    color: var(--tara-text-muted);
    font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em;
    padding: .42rem .6rem;
    border-right: 1px solid color-mix(in srgb, var(--tara-text) 14%, var(--tara-border));
    border-bottom: 1.5px solid color-mix(in srgb, var(--tara-text) 22%, var(--tara-border));
    white-space: nowrap;
}
.eg-th--talla[b-uqviw4zgij] { text-align: center; min-width: 52px; }
.eg-th--total[b-uqviw4zgij] {
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface-raised));
    color: var(--tara-text);
    border-left: 1.5px solid color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
    text-align: center;
}

/* Columnas sticky */
.eg-th--sticky-left[b-uqviw4zgij]  { position: sticky; left: 0;   z-index: 4; min-width: 130px; border-right: 1.5px solid color-mix(in srgb, var(--tara-text) 18%, var(--tara-border)); }
.eg-th--sticky-second[b-uqviw4zgij]{ position: sticky; left: 200px; z-index: 4; min-width: 90px;  border-right: 1.5px solid color-mix(in srgb, var(--tara-text) 14%, var(--tara-border)); }
.eg-th--sticky-right[b-uqviw4zgij] { position: sticky; right: 0;  z-index: 4; }

/* Celdas */
.eg-td[b-uqviw4zgij] {
    padding: .28rem .6rem;
    border-right: 1px solid color-mix(in srgb, var(--tara-text) 12%, var(--tara-border));
    border-bottom: 1px solid color-mix(in srgb, var(--tara-text) 12%, var(--tara-border));
    font-size: .8rem;
    background: inherit;
    vertical-align: middle;
}
.eg-td--estilo[b-uqviw4zgij] { position: sticky; left: 0; z-index: 2; min-width: 130px; font-weight: 800; background: color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg)); border-right: 1.5px solid color-mix(in srgb, var(--tara-text) 18%, var(--tara-border)); }
.eg-td--color[b-uqviw4zgij]  { min-width: 70px; color: var(--tara-text-muted); font-size: .74rem; }
.eg-td--tienda[b-uqviw4zgij] { position: sticky; left: 200px; z-index: 2; min-width: 90px; font-weight: 600; background: color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg)); border-right: 1.5px solid color-mix(in srgb, var(--tara-text) 14%, var(--tara-border)); }
.eg-td--qty[b-uqviw4zgij]   { text-align: center; font-variant-numeric: tabular-nums; }
.eg-td--total[b-uqviw4zgij] { position: sticky; right: 0; z-index: 2; text-align: center; font-weight: 700; background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface)); border-left: 1.5px solid color-mix(in srgb, var(--tara-primary) 25%, var(--tara-border)); }

/* Filas alternas */
.eg-matrix-row:nth-child(even) .eg-td[b-uqviw4zgij] { background: color-mix(in srgb, var(--tara-surface-raised) 78%, var(--tara-bg)); }
.eg-matrix-row:nth-child(even) .eg-td--estilo[b-uqviw4zgij], .eg-matrix-row:nth-child(even) .eg-td--tienda[b-uqviw4zgij] { background: color-mix(in srgb, var(--tara-surface-raised) 82%, var(--tara-bg)); }
.eg-matrix-row:hover .eg-td[b-uqviw4zgij] { background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface-raised)) !important; }
.eg-row--zero .eg-td[b-uqviw4zgij] { opacity: .55; }

/* Celda de contenido (existencia + ventas + devoluciones) */
.eg-cell[b-uqviw4zgij] { display: flex; flex-direction: column; align-items: center; gap: .06rem; min-height: 1.1rem; line-height: 1.15; }
.eg-cell-stock[b-uqviw4zgij]  { color: var(--tara-text); font-weight: 700; font-size: .82rem; }
.eg-cell-sale[b-uqviw4zgij]   { color: var(--tara-success); font-size: .66rem; font-weight: 600; }
.eg-cell-return[b-uqviw4zgij] { color: var(--tara-primary-dark); font-size: .66rem; font-weight: 600; }

/* Estilo/barcode en celda */
.eg-estilo-wrap[b-uqviw4zgij] { display: grid; gap: .06rem; }
.eg-estilo[b-uqviw4zgij]  { font-weight: 800; font-size: .82rem; color: var(--tara-text); }
.eg-barcode[b-uqviw4zgij] { font-size: .67rem; color: var(--tara-text-muted); font-family: monospace; }

/* ── Combos de filtros (patrón oficial /productos/reporte) ────────────────── */
[b-uqviw4zgij] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-uqviw4zgij] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}
[b-uqviw4zgij] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol { color: var(--tara-text-muted); font-size: .8rem; }
[b-uqviw4zgij] .tara-filter-select .mud-input-root-outlined.mud-input-focused label { color: var(--tara-primary-dark); }

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .eg-header[b-uqviw4zgij] { flex-direction: column; align-items: flex-start; gap: .5rem; }
    .eg-title-wrap h1[b-uqviw4zgij] { font-size: 1.18rem; }
    .eg-search-actions-row[b-uqviw4zgij] { flex-direction: column; align-items: flex-start; }
    .eg-search-field[b-uqviw4zgij] { max-width: 100%; width: 100%; }
    .eg-date-picker[b-uqviw4zgij]  { flex: 1 1 auto; }
    .eg-th--sticky-second[b-uqviw4zgij], .eg-td--tienda[b-uqviw4zgij] { position: static; }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenExistenciasRp.razor.rz.scp.css */
.tara-rp-page[b-ui8jegbbq7] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tara-rp-header[b-ui8jegbbq7] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.tara-rp-title-wrap h1[b-ui8jegbbq7] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.5rem;
    font-weight: 800;
}

.tara-rp-title-wrap span[b-ui8jegbbq7] {
    display: inline-block;
    margin-top: .2rem;
    color: var(--tara-primary-dark);
    font-size: .78rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-weight: 800;
}

.tara-rp-header-actions[b-ui8jegbbq7],
.tara-rp-toolbar[b-ui8jegbbq7],
.tara-rp-zoom-box[b-ui8jegbbq7],
.tara-rp-filter-actions[b-ui8jegbbq7] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.tara-rp-context[b-ui8jegbbq7] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.tara-rp-chip[b-ui8jegbbq7] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .45rem .7rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface) 86%, var(--tara-bg));
    color: var(--tara-text-muted);
    font-size: .82rem;
    font-weight: 700;
}

.tara-rp-inline-state[b-ui8jegbbq7] {
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    color: var(--tara-text-muted);
    border-radius: var(--tara-radius-sm);
    padding: .75rem .9rem;
}

.tara-rp-inline-state--error[b-ui8jegbbq7] {
    border-color: color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    color: var(--tara-primary-dark);
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
}

.tara-rp-panel[b-ui8jegbbq7] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
    padding: 1rem;
}

.tara-rp-panel--empty[b-ui8jegbbq7] {
    min-height: 240px;
    display: grid;
    place-items: center;
    text-align: center;
    gap: .6rem;
}

.tara-rp-busy[b-ui8jegbbq7] {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    color: var(--tara-text-muted);
}

.tara-rp-filters-grid[b-ui8jegbbq7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
    align-items: start;
}

.tara-rp-summary[b-ui8jegbbq7] {
    display: grid;
    gap: .2rem;
    margin-bottom: 1rem;
}

.tara-rp-summary-main[b-ui8jegbbq7] {
    color: var(--tara-text);
    font-weight: 800;
    font-size: 1rem;
}

.tara-rp-summary-secondary[b-ui8jegbbq7],
.tara-rp-summary-filters[b-ui8jegbbq7] {
    color: var(--tara-text-muted);
    font-size: .85rem;
}

.tara-rp-vertical-list[b-ui8jegbbq7] {
    display: grid;
    gap: .9rem;
}

.tara-rp-vcard[b-ui8jegbbq7] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-bg));
    overflow: hidden;
}

.tara-rp-vcard--total[b-ui8jegbbq7] {
    background: color-mix(in srgb, var(--tara-primary) 14%, var(--tara-surface));
}

.tara-rp-vcard-head[b-ui8jegbbq7] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: .8rem;
    align-items: flex-start;
    border: none;
    background: transparent;
    padding: .9rem 1rem;
    text-align: left;
    cursor: pointer;
}

.tara-rp-vcard-head:disabled[b-ui8jegbbq7] {
    cursor: default;
}

.tara-rp-vcard-head h3[b-ui8jegbbq7] {
    margin: 0;
    color: var(--tara-text);
    font-size: .98rem;
    font-weight: 800;
}

.tara-rp-vcard-head p[b-ui8jegbbq7] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-rp-vcard-head-right[b-ui8jegbbq7] {
    display: grid;
    justify-items: end;
    gap: .2rem;
}

.tara-rp-vcard-total[b-ui8jegbbq7] {
    color: var(--tara-primary-dark);
    font-weight: 800;
}

.tara-rp-vcard-expand[b-ui8jegbbq7] {
    color: var(--tara-text-muted);
}

.tara-rp-vgrid[b-ui8jegbbq7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: .45rem;
    padding: 0 1rem 1rem;
}

.tara-rp-vcell[b-ui8jegbbq7] {
    border-radius: 14px;
    padding: .7rem;
    border: 2px solid transparent;
    min-height: 96px;
    display: grid;
    gap: .5rem;
}

.tara-rp-vcell--total[b-ui8jegbbq7] {
    background: #FFDDA4;
    border-color: #E08C2A;
    color: #241400;
}

.tara-rp-vcell--transit[b-ui8jegbbq7] {
    background: #0C3D63;
    border-color: #38BDF8;
    color: #fff;
}

.tara-rp-vcell--zero[b-ui8jegbbq7] {
    background: #233857;
    border-color: #3B5C86;
    color: #D9E8F8;
}

.tara-rp-vcell--empty[b-ui8jegbbq7] {
    background: #4A1820;
    border-color: #F87171;
    color: #fff;
}

.tara-rp-vcell--low[b-ui8jegbbq7] {
    background: #5A1E24;
    border-color: #FB7185;
    color: #fff;
}

.tara-rp-vcell--mid[b-ui8jegbbq7] {
    background: #6B4B13;
    border-color: #FACC15;
    color: #fff;
}

.tara-rp-vcell--high[b-ui8jegbbq7] {
    background: #184D32;
    border-color: #4ADE80;
    color: #fff;
}

.tara-rp-vcell-head[b-ui8jegbbq7] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .4rem;
}

.tara-rp-vcell-chip[b-ui8jegbbq7],
.tara-rp-vcell-badge[b-ui8jegbbq7] {
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
    padding: .15rem .45rem;
    display: inline-flex;
}

.tara-rp-vcell-chip[b-ui8jegbbq7] {
    background: rgba(255,255,255,.18);
    border: 1px solid rgba(255,255,255,.28);
}

.tara-rp-vcell-badges[b-ui8jegbbq7] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    justify-content: flex-end;
}

.tara-rp-vcell-badge--tr[b-ui8jegbbq7] {
    background: #E0F2FE;
    border: 1px solid #38BDF8;
    color: #075985;
}

.tara-rp-vcell-badge--ap[b-ui8jegbbq7] {
    background: #FEF3C7;
    border: 1px solid #F59E0B;
    color: #92400E;
}

.tara-rp-vcell-value[b-ui8jegbbq7] {
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 1;
}

.tara-rp-table-wrap[b-ui8jegbbq7] {
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
}

.tara-rp-table[b-ui8jegbbq7] {
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--tara-surface);
}

.tara-rp-table th[b-ui8jegbbq7],
.tara-rp-table td[b-ui8jegbbq7] {
    min-width: calc(var(--rp-size-width) * var(--rp-zoom));
    padding: calc(.5rem * var(--rp-zoom)) calc(.7rem * var(--rp-zoom));
    border-right: 1px solid var(--tara-border);
    border-bottom: 1px solid var(--tara-border);
    text-align: center;
    white-space: nowrap;
    font-size: calc(.84rem * var(--rp-zoom));
}

.tara-rp-table th[b-ui8jegbbq7] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    font-weight: 800;
}

.tara-rp-table-store[b-ui8jegbbq7] {
    position: sticky;
    left: 0;
    z-index: 3;
    min-width: calc(var(--rp-store-width) * var(--rp-zoom)) !important;
    text-align: left !important;
}

.tara-rp-table tbody td:first-child[b-ui8jegbbq7] {
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: calc(var(--rp-store-width) * var(--rp-zoom));
    background: #1E3047;
    color: #ECF3FF;
    font-weight: 700;
    text-align: left;
}

.tara-rp-table tbody tr:nth-child(odd) td:not(:first-child)[b-ui8jegbbq7] {
    background: var(--tara-row-odd);
}

.tara-rp-table tbody tr:nth-child(even) td:not(:first-child)[b-ui8jegbbq7] {
    background: var(--tara-row-even);
}

.tara-rp-table-row-total td[b-ui8jegbbq7] {
    background: #FFB467 !important;
    color: #102136 !important;
    font-weight: 800;
}

.tara-rp-zoom-btn[b-ui8jegbbq7] {
    border: 1px solid var(--tara-border);
    border-radius: 10px;
    background: var(--tara-surface);
    color: var(--tara-text);
    width: 32px;
    height: 32px;
    cursor: pointer;
}

@media (max-width: 960px) {
    .tara-rp-filters-grid[b-ui8jegbbq7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-rp-header[b-ui8jegbbq7],
    .tara-rp-toolbar[b-ui8jegbbq7] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-rp-filters-grid[b-ui8jegbbq7] {
        grid-template-columns: 1fr;
    }

    .tara-rp-vgrid[b-ui8jegbbq7] {
        grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenInventarioFisico.razor.rz.scp.css */
.tara-inv-shell[b-f68fsyftt8] {
    gap: 1rem;
}

.tara-inv-hero[b-f68fsyftt8] {
    align-items: center;
}

.tara-inv-menu-grid[b-f68fsyftt8] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.tara-sub-card[b-f68fsyftt8] {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.tara-sub-card div[b-f68fsyftt8] {
    display: flex;
    flex-direction: column;
}

.tara-sub-card small[b-f68fsyftt8] {
    color: var(--tara-text-muted);
    font-size: .75rem;
}

.tara-sub-card--disabled[b-f68fsyftt8] {
    opacity: .72;
}

.tara-sub-card--active[b-f68fsyftt8] {
    border-color: var(--tara-primary);
}

.tara-inv-panel[b-f68fsyftt8] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
    padding: .8rem;
    display: flex;
    flex-direction: column;
    gap: .7rem;
}

.tara-inv-toolbar[b-f68fsyftt8] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
}

.tara-inv-select[b-f68fsyftt8],
.tara-inv-search[b-f68fsyftt8] {
    min-width: 190px;
}

.tara-inv-upload[b-f68fsyftt8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    color: var(--tara-text);
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-elevated, var(--tara-surface));
    padding: .6rem;
}

.tara-inv-upload span[b-f68fsyftt8] {
    color: var(--tara-text-muted);
    font-size: .85rem;
}

.tara-inv-table[b-f68fsyftt8] {
    min-width: 980px;
}

.tara-inv-table .mud-table-cell[b-f68fsyftt8] {
    vertical-align: middle;
}

.tara-inv-actions[b-f68fsyftt8] {
    display: inline-flex;
    gap: .2rem;
}

.tara-inv-detail-head[b-f68fsyftt8] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .6rem;
    align-items: center;
}

.tara-inv-detail-head h2[b-f68fsyftt8] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-inv-detail-tabs[b-f68fsyftt8] {
    display: inline-flex;
    gap: .35rem;
    flex-wrap: wrap;
}

.tara-inv-summary-chips[b-f68fsyftt8] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.tara-inv-adjust-confirm[b-f68fsyftt8] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-elevated, var(--tara-surface));
    padding: .7rem;
}

.tara-inv-adjust-confirm h3[b-f68fsyftt8] {
    margin: 0 0 .35rem;
    color: var(--tara-text);
    font-size: .95rem;
}

.tara-inv-adjust-confirm p[b-f68fsyftt8] {
    margin: .3rem 0;
    color: var(--tara-text-muted);
}

.tara-inv-adjust-warn[b-f68fsyftt8] {
    color: var(--tara-primary-dark);
    font-weight: 600;
}

.tara-sub-loading-inline[b-f68fsyftt8] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--tara-text-muted);
}

@media (min-width: 900px) {
    .tara-inv-menu-grid[b-f68fsyftt8] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenRfid.razor.rz.scp.css */
.tara-sub-loading[b-xw6njj51ku] {
    min-height: 52vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    color: var(--tara-text-muted);
}

.tara-rfid-shell[b-xw6njj51ku] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tara-rfid-hero[b-xw6njj51ku] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
    padding: 1rem 1.15rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .9rem;
}

.tara-rfid-hero h1[b-xw6njj51ku] {
    margin: 0;
    color: var(--tara-text);
}

.tara-rfid-hero p[b-xw6njj51ku] {
    margin: .25rem 0 0;
    color: var(--tara-text-muted);
}

.tara-rfid-menu-grid[b-xw6njj51ku] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: .7rem;
}

.tara-sub-card[b-xw6njj51ku] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    box-shadow: var(--tara-shadow-sm);
    padding: .85rem .95rem;
    color: var(--tara-text);
    display: flex;
    gap: .65rem;
    align-items: center;
}

.tara-sub-card small[b-xw6njj51ku] {
    display: block;
    color: var(--tara-text-muted);
}

.tara-sub-card--disabled[b-xw6njj51ku] {
    opacity: .65;
}

.tara-sub-card .mud-icon-root[b-xw6njj51ku] {
    color: var(--tara-primary-dark);
}

.tara-rfid-panel[b-xw6njj51ku] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
    padding: .9rem;
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

.tara-rfid-toolbar[b-xw6njj51ku] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
}

.tara-rfid-search[b-xw6njj51ku] {
    min-width: 240px;
}

.tara-rfid-info[b-xw6njj51ku] {
    display: flex;
    gap: .5rem;
    align-items: center;
    padding: .65rem .75rem;
    border-radius: var(--tara-radius-sm);
    border: 1px dashed var(--tara-border);
    color: var(--tara-text-muted);
    background: var(--tara-surface-elevated);
}

.tara-rfid-chips[b-xw6njj51ku] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.tara-rfid-actions[b-xw6njj51ku] {
    display: flex;
    gap: .3rem;
}

.tara-rfid-grid[b-xw6njj51ku] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: .45rem;
}

.tara-rfid-epcbox[b-xw6njj51ku] {
    width: 100%;
}

.tara-sub-table-wrap[b-xw6njj51ku] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    overflow: auto;
    background: var(--tara-surface);
}

[b-xw6njj51ku] .tara-rfid-table .mud-table-container {
    background: transparent;
}

[b-xw6njj51ku] .tara-rfid-table table thead tr {
    background: var(--tara-th-bg);
}

[b-xw6njj51ku] .tara-rfid-table table thead th {
    color: var(--tara-th-text);
}

[b-xw6njj51ku] .tara-rfid-table table tbody tr:nth-child(odd) {
    background: var(--tara-row-odd);
}

[b-xw6njj51ku] .tara-rfid-table table tbody tr:nth-child(even) {
    background: var(--tara-row-even);
}

[b-xw6njj51ku] .tara-rfid-table table tbody tr:hover {
    background: var(--tara-row-hover);
}

.tara-sub-inline[b-xw6njj51ku] {
    border: 1px solid var(--tara-border);
    background: var(--tara-surface-elevated);
    color: var(--tara-text);
    border-radius: var(--tara-radius-sm);
    padding: .55rem .75rem;
}

@media (min-width: 960px) {
    .tara-rfid-menu-grid[b-xw6njj51ku] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-rfid-grid[b-xw6njj51ku] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenTraspasos.razor.rz.scp.css */
.tara-sub-loading[b-6xkcnq8gqg] {
    min-height: 52vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    color: var(--tara-text-muted);
}

.tara-sub-shell[b-6xkcnq8gqg] {
    display: flex;
    flex-direction: column;
    gap: .95rem;
}

.tara-sub-hero[b-6xkcnq8gqg] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    padding: 1rem 1.1rem;
    box-shadow: var(--tara-shadow);
    display: flex;
    justify-content: space-between;
    gap: .8rem;
}

.tara-sub-hero h1[b-6xkcnq8gqg] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.2rem;
}

.tara-sub-hero p[b-6xkcnq8gqg] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .84rem;
}

.tara-sub-grid[b-6xkcnq8gqg] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: .7rem;
}

.tara-sub-card[b-6xkcnq8gqg] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    box-shadow: var(--tara-shadow-sm);
    padding: .8rem .9rem;
    color: var(--tara-text);
    display: flex;
    align-items: center;
    gap: .55rem;
    font-weight: 600;
    text-align: left;
}

.tara-sub-card .mud-icon-root[b-6xkcnq8gqg] {
    color: var(--tara-primary-dark);
}

.tara-sub-card--disabled[b-6xkcnq8gqg] {
    opacity: .66;
}

.tara-traspaso-panel[b-6xkcnq8gqg] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
    padding: .8rem;
}

.tara-traspaso-tabs[b-6xkcnq8gqg] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    margin-bottom: .7rem;
}

.tara-traspaso-toolbar[b-6xkcnq8gqg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    border-bottom: 1px solid var(--tara-border);
    padding-bottom: .55rem;
    margin-bottom: .55rem;
}

.tara-traspaso-input[b-6xkcnq8gqg] {
    min-width: 150px;
}

.tara-traspaso-search[b-6xkcnq8gqg] {
    min-width: 180px;
    max-width: 320px;
}

.tara-sub-inline[b-6xkcnq8gqg] {
    margin: .45rem 0 .55rem;
    padding: .45rem .6rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface-raised);
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-sub-table-wrap[b-6xkcnq8gqg] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    overflow-x: auto;
    background: var(--tara-surface);
}

.tara-sub-table-wrap[b-6xkcnq8gqg]::-webkit-scrollbar {
    height: 10px;
}

.tara-sub-table-wrap[b-6xkcnq8gqg]::-webkit-scrollbar-thumb {
    background: var(--tara-border);
    border-radius: 999px;
}

[b-6xkcnq8gqg] .tara-sub-table .mud-table-head .mud-table-cell {
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    border-bottom: 2px solid var(--tara-primary-subtle);
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

[b-6xkcnq8gqg] .tara-sub-table .mud-table-body .mud-table-row.mud-table-row-even .mud-table-cell {
    background: var(--tara-row-even);
}

[b-6xkcnq8gqg] .tara-sub-table .mud-table-body .mud-table-row.mud-table-row-odd .mud-table-cell {
    background: var(--tara-row-odd);
}

[b-6xkcnq8gqg] .tara-sub-table .mud-table-body .mud-table-row:hover .mud-table-cell {
    background: var(--tara-row-hover) !important;
}

.tara-col-sort[b-6xkcnq8gqg] {
    border: none;
    background: transparent;
    color: inherit;
    font: inherit;
    padding: 0;
    cursor: pointer;
}

.tara-sub-empty[b-6xkcnq8gqg] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 80px;
    color: var(--tara-text-muted);
    font-size: .83rem;
}

.tara-detail-head[b-6xkcnq8gqg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .55rem;
}

.tara-detail-head h3[b-6xkcnq8gqg] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-detail-kv[b-6xkcnq8gqg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem .7rem;
    margin-bottom: .55rem;
}

.tara-detail-kv span[b-6xkcnq8gqg] {
    display: block;
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--tara-text-muted);
}

.tara-detail-kv strong[b-6xkcnq8gqg] {
    color: var(--tara-text);
    font-size: .84rem;
}

.tara-detail-backdrop[b-6xkcnq8gqg] {
    position: fixed;
    inset: 0;
    background: rgba(15, 19, 30, .55);
    z-index: 1400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .9rem;
}

.tara-detail-modal[b-6xkcnq8gqg] {
    width: min(960px, 96vw);
    max-height: 88vh;
    overflow: auto;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-lg);
    padding: .85rem;
}

.tara-detail-actions[b-6xkcnq8gqg] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    margin-top: .65rem;
}

.tara-confirm-modal[b-6xkcnq8gqg] {
    width: min(560px, 94vw);
}

@media (min-width: 980px) {
    .tara-sub-grid[b-6xkcnq8gqg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-detail-kv[b-6xkcnq8gqg] {
        grid-template-columns: 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Caja/CajaCorte.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════
   CajaCorte.razor.css — Módulo Caja / Corte de caja
   Patrón Tarahumara Secundario · Etapa 2
   Prefijo: corte-*
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Loading / redirect ──────────────────────────────────────────────────── */

.corte-loading[b-3hm7w7b38w] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    min-height:      52vh;
    gap:             1rem;
    color:           var(--tara-text-muted);
    text-align:      center;
}

/* ── Sin contexto operativo ──────────────────────────────────────────────── */

.corte-no-contexto[b-3hm7w7b38w] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    gap:             1.25rem;
    min-height:      55vh;
    text-align:      center;
    padding:         2rem;
    color:           var(--tara-text-muted);
}

.corte-no-contexto-icon[b-3hm7w7b38w] {
    display:       grid;
    place-items:   center;
    width:         72px;
    height:        72px;
    border-radius: 22px;
    background:    color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface-raised));
    border:        1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    color:         var(--tara-primary-dark);
}

.corte-no-contexto h2[b-3hm7w7b38w] {
    margin:      0;
    font-size:   1.25rem;
    font-weight: 800;
    color:       var(--tara-text);
}

.corte-no-contexto p[b-3hm7w7b38w] {
    margin:      0;
    max-width:   400px;
    font-size:   .95rem;
    line-height: 1.55;
}

/* ── Page wrapper ────────────────────────────────────────────────────────── */

.corte-page[b-3hm7w7b38w] {
    display:        flex;
    flex-direction: column;
    gap:            .85rem;
}

/* ── Header ──────────────────────────────────────────────────────────────── */

.corte-header[b-3hm7w7b38w] {
    display:     flex;
    align-items: flex-start;
    gap:         .85rem;
}

.corte-header-title[b-3hm7w7b38w] {
    display:     flex;
    align-items: flex-start;
    gap:         .85rem;
}

.corte-header-icon[b-3hm7w7b38w] {
    display:       grid;
    place-items:   center;
    width:         2.45rem;
    height:        2.45rem;
    flex-shrink:   0;
    border-radius: 15px;
    color:         var(--tara-text-inverse);
    background:    linear-gradient(180deg, var(--tara-primary), var(--tara-primary-dark));
    box-shadow:    0 12px 24px -20px color-mix(in srgb, var(--tara-primary-dark) 80%, transparent);
}

.corte-eyebrow[b-3hm7w7b38w] {
    display:        inline-flex;
    padding:        .14rem .48rem;
    border-radius:  999px;
    border:         1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    background:     color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
    color:          var(--tara-primary-dark);
    font-size:      .62rem;
    font-weight:    850;
    letter-spacing: .07em;
    text-transform: uppercase;
    margin-bottom:  .22rem;
}

.corte-header-title h1[b-3hm7w7b38w] {
    margin:         0 0 .18rem;
    font-size:      1.45rem;
    font-weight:    900;
    letter-spacing: -.02em;
    color:          var(--tara-text);
    line-height:    1.1;
}

.corte-header-title p[b-3hm7w7b38w] {
    margin:    0;
    font-size: .82rem;
    color:     var(--tara-text-muted);
}

/* ── Contexto operativo — pill compacta ──────────────────────────────────── */

.corte-contexto-band[b-3hm7w7b38w] {
    display:       inline-flex;
    align-items:   center;
    gap:           .42rem;
    padding:       .36rem .72rem;
    border-radius: 999px;
    border:        1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    background:    color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
    font-size:     .8rem;
    align-self:    flex-start;
    /* no ocupa ancho completo — pill discreta */
}

.corte-contexto-value[b-3hm7w7b38w] {
    color:       var(--tara-text);
    font-weight: 700;
    white-space: nowrap;
}

.corte-contexto-sep[b-3hm7w7b38w] {
    color:   var(--tara-text-muted);
    opacity: .5;
    flex-shrink: 0;
}

.corte-contexto-change-btn[b-3hm7w7b38w] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    width:           22px;
    height:          22px;
    border-radius:   999px;
    border:          none;
    background:      transparent;
    color:           var(--tara-text-muted);
    cursor:          pointer;
    padding:         0;
    flex-shrink:     0;
    transition:      background .14s, color .14s !important;
}

.corte-contexto-change-btn:hover:not(:disabled)[b-3hm7w7b38w] {
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface-raised));
    color:      var(--tara-primary-dark);
}

.corte-contexto-change-btn:disabled[b-3hm7w7b38w] {
    opacity: .4;
    cursor:  not-allowed;
}

/* ── Action bar — fecha + consultar juntos ───────────────────────────────── */

.corte-action-bar[b-3hm7w7b38w] {
    display:         flex;
    align-items:     center;
    gap:             1rem;
    padding:         .9rem 1.1rem;
    border-radius:   18px;
    border:          1px solid color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
    /* Franja roja izquierda — identidad Santander */
    border-left:     3px solid var(--tara-primary);
    background:      var(--tara-surface);
    box-shadow:      var(--tara-shadow-sm);
    flex-wrap:       wrap;
}

.corte-action-bar-info[b-3hm7w7b38w] {
    display:        flex;
    flex-direction: column;
    gap:            .15rem;
    flex:           1;
    min-width:      0;
}

.corte-action-bar-heading[b-3hm7w7b38w] {
    font-size:      .88rem;
    font-weight:    800;
    color:          var(--tara-text);
    letter-spacing: -.005em;
}

.corte-action-bar-sub[b-3hm7w7b38w] {
    font-size:   .74rem;
    color:       var(--tara-text-muted);
    line-height: 1.35;
}

.corte-action-bar-controls[b-3hm7w7b38w] {
    display:     flex;
    align-items: center;
    gap:         .65rem;
    flex-shrink: 0;
    flex-wrap:   wrap;
}

[b-3hm7w7b38w] .corte-date-picker {
    width: 160px;
    min-width: 140px;
}

/* ── Botón Consultar corte ───────────────────────────────────────────────── */

.corte-btn-consultar.mud-button-root[b-3hm7w7b38w] {
    min-width:      128px;
    min-height:     40px;
    border-radius:  12px;
    font-weight:    800;
    letter-spacing: .02em;
    white-space:    nowrap;
}

/* ── Error band ──────────────────────────────────────────────────────────── */

.corte-error-band[b-3hm7w7b38w] {
    display:       flex;
    align-items:   flex-start;
    gap:           .75rem;
    padding:       .82rem 1rem;
    border-radius: 14px;
    border:        1px solid color-mix(in srgb, var(--tara-danger) 28%, var(--tara-border));
    border-left:   3px solid var(--tara-danger);
    background:    color-mix(in srgb, var(--tara-danger) 5%, var(--tara-surface));
    font-size:     .86rem;
    color:         var(--tara-text);
    flex-wrap:     wrap;
}

.corte-error-band .mud-icon-root[b-3hm7w7b38w] {
    color:       var(--tara-danger);
    flex-shrink: 0;
    margin-top:  .05rem;
}

.corte-error-band strong[b-3hm7w7b38w] {
    display:       block;
    font-weight:   800;
    margin-bottom: .1rem;
}

.corte-error-band span[b-3hm7w7b38w] {
    color:     var(--tara-text-muted);
    font-size: .82rem;
}

.corte-error-btn.mud-button-root[b-3hm7w7b38w] {
    margin-left: auto;
    flex-shrink: 0;
}

/* ── Cards grid de resumen ───────────────────────────────────────────────── */

.corte-cards-grid[b-3hm7w7b38w] {
    display:               grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap:                   .65rem;
}

.corte-card[b-3hm7w7b38w] {
    display:       flex;
    align-items:   center;
    gap:           .78rem;
    padding:       .88rem .95rem;
    border-radius: 16px;
    border:        1px solid var(--tara-border);
    background:    var(--tara-surface);
    box-shadow:    var(--tara-shadow-sm);
    min-width:     0;
    transition:    border-color .15s ease, box-shadow .15s ease;
}

/* Card principal (ventas) — acento Santander */
.corte-card--ventas[b-3hm7w7b38w] {
    border-left: 3px solid var(--tara-primary);
    border-color: color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
}

.corte-card-icon[b-3hm7w7b38w] {
    display:       grid;
    place-items:   center;
    width:         2rem;
    height:        2rem;
    flex-shrink:   0;
    border-radius: 10px;
    background:    color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface-raised));
    color:         var(--tara-primary-dark);
}

/* Iconos con colores semánticos */
.corte-card--ventas  .corte-card-icon[b-3hm7w7b38w] { background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface-raised)); color: var(--tara-primary-dark); }
.corte-card--efectivo .corte-card-icon[b-3hm7w7b38w] { background: color-mix(in srgb, var(--tara-success) 9%, var(--tara-surface-raised)); color: var(--tara-success); }
.corte-card--tarjeta .corte-card-icon[b-3hm7w7b38w]  { background: color-mix(in srgb, var(--tara-text-muted) 8%, var(--tara-surface-raised)); color: var(--tara-text-muted); }
.corte-card--gastos  .corte-card-icon[b-3hm7w7b38w]  { background: color-mix(in srgb, var(--tara-warning) 9%, var(--tara-surface-raised)); color: var(--tara-warning); }
.corte-card--retiros .corte-card-icon[b-3hm7w7b38w]  { background: color-mix(in srgb, var(--tara-danger) 9%, var(--tara-surface-raised)); color: var(--tara-danger); }
.corte-card--tickets .corte-card-icon[b-3hm7w7b38w]  { background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface-raised)); color: var(--tara-primary-dark); }

.corte-card-body[b-3hm7w7b38w] {
    display:        flex;
    flex-direction: column;
    gap:            .1rem;
    min-width:      0;
}

.corte-card-label[b-3hm7w7b38w] {
    font-size:      .65rem;
    font-weight:    850;
    letter-spacing: .07em;
    text-transform: uppercase;
    color:          var(--tara-text-muted);
    white-space:    nowrap;
    overflow:       hidden;
    text-overflow:  ellipsis;
}

.corte-card-value[b-3hm7w7b38w] {
    font-size:      1.22rem;
    font-weight:    900;
    letter-spacing: -.02em;
    color:          var(--tara-text);
    line-height:    1;
}

.corte-card-value--placeholder[b-3hm7w7b38w] {
    color:   var(--tara-border);
    opacity: .55;
}

/* ── Cards: animación de carga ───────────────────────────────────────────── */

.corte-card-value--loading[b-3hm7w7b38w] {
    color:     var(--tara-text-muted);
    opacity:   .55;
    animation: corte-pulse-b-3hm7w7b38w .9s ease-in-out infinite;
}

@keyframes corte-pulse-b-3hm7w7b38w {
    0%, 100% { opacity: .55; }
    50%      { opacity: .22; }
}

/* ── Listado de tickets ──────────────────────────────────────────────────── */

.corte-tickets-shell[b-3hm7w7b38w] {
    border:        1px solid color-mix(in srgb, var(--tara-primary) 8%, var(--tara-border));
    border-radius: 18px;
    overflow:      hidden;
    background:    var(--tara-surface);
    box-shadow:    var(--tara-shadow-sm);
}

.corte-tickets-header[b-3hm7w7b38w] {
    display:        flex;
    align-items:    center;
    gap:            .5rem;
    padding:        .68rem 1rem;
    font-size:      .74rem;
    font-weight:    800;
    letter-spacing: .07em;
    text-transform: uppercase;
    color:          var(--tara-primary-dark);
    border-bottom:  1px solid var(--tara-border-subtle);
    background:     color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface-raised));
}

.corte-tickets-count[b-3hm7w7b38w] {
    margin-left:  auto;
    font-size:    .72rem;
    font-weight:  600;
    color:        var(--tara-text-muted);
    opacity:      .85;
    background:   color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    border:       1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-radius: 999px;
    padding:      .1rem .5rem;
}

.corte-tickets-empty[b-3hm7w7b38w] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    gap:             .8rem;
    min-height:      160px;
    padding:         2rem;
    color:           var(--tara-text-muted);
    text-align:      center;
}

.corte-tickets-empty p[b-3hm7w7b38w] {
    margin:    0;
    font-size: .86rem;
    max-width: 300px;
}

.corte-tickets-empty-icon[b-3hm7w7b38w] {
    opacity: .25;
}

/* ── Tickets: estados de carga/error ─────────────────────────────────────── */

.corte-tickets-loading[b-3hm7w7b38w] {
    display:         flex;
    align-items:     center;
    justify-content: center;
    gap:             .75rem;
    min-height:      100px;
    color:           var(--tara-text-muted);
    font-size:       .88rem;
}

.corte-tickets-error[b-3hm7w7b38w] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    padding:     .75rem 1rem;
    font-size:   .84rem;
    color:       var(--tara-danger);
    background:  color-mix(in srgb, var(--tara-danger) 5%, var(--tara-surface));
    border-top:  1px solid color-mix(in srgb, var(--tara-danger) 18%, var(--tara-border));
    flex-wrap:   wrap;
}

.corte-tickets-error .mud-icon-root[b-3hm7w7b38w] {
    flex-shrink: 0;
}

/* ── Tabla de tickets ─────────────────────────────────────────────────────── */

.corte-tickets-table-wrap[b-3hm7w7b38w] {
    overflow-x:      auto;
    scrollbar-gutter: stable;
}

.corte-tickets-table-wrap[b-3hm7w7b38w]::-webkit-scrollbar { height: 6px; }
.corte-tickets-table-wrap[b-3hm7w7b38w]::-webkit-scrollbar-thumb {
    background:    var(--tara-border);
    border-radius: 999px;
}

.corte-tickets-table[b-3hm7w7b38w] {
    width:           100%;
    border-collapse: collapse;
    font-size:       .83rem;
    min-width:       420px;
}

.corte-tickets-table thead tr[b-3hm7w7b38w] {
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface-raised));
    border-bottom: 2px solid color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
}

.corte-tickets-table th[b-3hm7w7b38w] {
    padding:        .52rem .72rem;
    font-size:      .68rem;
    font-weight:    850;
    letter-spacing: .07em;
    text-transform: uppercase;
    color:          var(--tara-text-muted);
    text-align:     left;
    white-space:    nowrap;
}

.corte-tickets-table tbody tr[b-3hm7w7b38w] {
    border-bottom: 1px solid var(--tara-border-subtle);
    transition:    background .1s ease;
}

.corte-tickets-table tbody tr:hover[b-3hm7w7b38w] {
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
}

.corte-tickets-table tbody tr:last-child[b-3hm7w7b38w] {
    border-bottom: none;
}

.corte-tickets-table td[b-3hm7w7b38w] {
    padding:    .5rem .72rem;
    color:      var(--tara-text);
    white-space: nowrap;
    vertical-align: middle;
}

/* Ticket cancelado — fila atenuada */
.corte-row--cancelado td[b-3hm7w7b38w] {
    color:   var(--tara-text-muted);
    opacity: .65;
}

/* Número de ticket — chip compacto */
.corte-ticket-num[b-3hm7w7b38w] {
    display:        inline-flex;
    align-items:    center;
    padding:        .1rem .45rem;
    background:     color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    border:         1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    border-radius:  999px;
    font-size:      .78rem;
    font-weight:    750;
    color:          var(--tara-primary-dark);
    letter-spacing: .01em;
}

.corte-th-num[b-3hm7w7b38w], .corte-td-num[b-3hm7w7b38w]   { text-align: right !important; }
.corte-th-caja[b-3hm7w7b38w], .corte-td-caja[b-3hm7w7b38w] { text-align: center !important; }
.corte-th-acciones[b-3hm7w7b38w]              { text-align: center !important; min-width: 80px; }
.corte-td-acciones[b-3hm7w7b38w]              { text-align: center !important; }

/* Botones de acción por ticket */
.corte-btn-ver.mud-icon-button[b-3hm7w7b38w] {
    color:  var(--tara-primary-dark);
    opacity: .85;
}

.corte-btn-ver.mud-icon-button:hover[b-3hm7w7b38w] {
    opacity: 1;
    background: color-mix(in srgb, var(--tara-primary) 10%, transparent) !important;
}

.corte-btn-cancelar.mud-icon-button[b-3hm7w7b38w] {
    color:   var(--tara-text-muted);
    opacity: .4;
    cursor:  not-allowed;
}

/* ── Modal de detalle de ticket ──────────────────────────────────────────── */

.corte-modal-backdrop[b-3hm7w7b38w] {
    position:        fixed  !important;
    inset:           0      !important;
    z-index:         1400   !important;
    background:      rgba(17, 24, 39, .62);
    display:         flex   !important;
    align-items:     center !important;
    justify-content: center !important;
    padding:         1rem;
}

.corte-modal[b-3hm7w7b38w] {
    width:           min(420px, 94vw);
    background:      var(--tara-surface);
    border-radius:   16px;
    border:          1px solid var(--tara-border);
    box-shadow:      0 20px 60px rgba(15, 23, 42, .28);
    display:         flex;
    flex-direction:  column;
    overflow:        hidden;
    max-height:      90vh;
}

.corte-modal-header[b-3hm7w7b38w] {
    display:          flex;
    align-items:      center;
    justify-content:  space-between;
    gap:              .75rem;
    padding:          .78rem 1rem;
    border-bottom:    1px solid var(--tara-border);
    background:       color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface-raised));
    flex-shrink:      0;
}

.corte-modal-title[b-3hm7w7b38w] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    font-weight: 800;
    font-size:   .95rem;
    color:       var(--tara-text);
}

.corte-modal-title .mud-icon-root[b-3hm7w7b38w] {
    color: var(--tara-primary-dark);
}

.corte-modal-body[b-3hm7w7b38w] {
    flex:       1;
    overflow-y: auto;
    padding:    1rem;
    display:    flex;
    flex-direction: column;
    gap:        .85rem;
}

.corte-modal-loading[b-3hm7w7b38w],
.corte-modal-error[b-3hm7w7b38w] {
    display:         flex;
    align-items:     center;
    justify-content: center;
    gap:             .65rem;
    min-height:      80px;
    color:           var(--tara-text-muted);
    font-size:       .88rem;
}

.corte-modal-error[b-3hm7w7b38w] {
    color: var(--tara-danger);
}

.corte-modal-grid[b-3hm7w7b38w] {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    gap:                   .55rem;
}

.corte-modal-item[b-3hm7w7b38w] {
    display:        flex;
    flex-direction: column;
    gap:            .18rem;
    padding:        .5rem .65rem;
    background:     var(--tara-surface-raised);
    border-radius:  10px;
    border:         1px solid var(--tara-border-subtle);
    min-width:      0;
}

.corte-modal-item--wide[b-3hm7w7b38w] { grid-column: 1 / -1; }

.corte-modal-label[b-3hm7w7b38w] {
    font-size:      .62rem;
    font-weight:    850;
    letter-spacing: .08em;
    text-transform: uppercase;
    color:          var(--tara-text-muted);
}

.corte-modal-item strong[b-3hm7w7b38w] {
    font-size:   .9rem;
    font-weight: 800;
    color:       var(--tara-text);
    overflow:    hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.corte-modal-total[b-3hm7w7b38w] {
    font-size:      1.15rem !important;
    color:          var(--tara-primary-dark) !important;
    letter-spacing: -.01em;
}

.corte-estatus--cancelado[b-3hm7w7b38w] {
    color:     var(--tara-danger) !important;
    font-size: .85rem !important;
}

.corte-modal-note[b-3hm7w7b38w] {
    display:     flex;
    align-items: center;
    gap:         .45rem;
    font-size:   .76rem;
    color:       var(--tara-text-muted);
    padding:     .52rem .65rem;
    background:  var(--tara-surface-raised);
    border-radius: 8px;
    border:      1px solid var(--tara-border-subtle);
    opacity:     .8;
}

/* ── Estado del ticket en el header del modal ─────────────────────────────── */

.corte-ticket-estado[b-3hm7w7b38w] {
    display:        inline-flex;
    align-items:    center;
    padding:        .1rem .45rem;
    border-radius:  999px;
    font-size:      .68rem;
    font-weight:    750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.corte-ticket-estado--vigente[b-3hm7w7b38w] {
    background: color-mix(in srgb, var(--tara-success) 12%, var(--tara-surface));
    color:      var(--tara-success);
    border:     1px solid color-mix(in srgb, var(--tara-success) 22%, var(--tara-border));
}

.corte-ticket-estado--cancelado[b-3hm7w7b38w] {
    background: color-mix(in srgb, var(--tara-danger) 10%, var(--tara-surface));
    color:      var(--tara-danger);
    border:     1px solid color-mix(in srgb, var(--tara-danger) 20%, var(--tara-border));
}

/* ── Modal más ancho para el ticket completo ─────────────────────────────── */

.corte-modal--ticket[b-3hm7w7b38w] {
    width: min(640px, 96vw);
}

/* ── Encabezado de empresa en el modal ───────────────────────────────────── */

.corte-ticket-encabezado[b-3hm7w7b38w] {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            .2rem;
    padding:        .65rem;
    text-align:     center;
    border-radius:  10px;
    background:     var(--tara-surface-raised);
    border:         1px solid var(--tara-border-subtle);
}

.corte-ticket-empresa[b-3hm7w7b38w] {
    font-size:   .92rem;
    font-weight: 800;
    color:       var(--tara-text);
}

.corte-ticket-rfc[b-3hm7w7b38w],
.corte-ticket-sucursal[b-3hm7w7b38w] {
    font-size: .74rem;
    color:     var(--tara-text-muted);
}

/* ── Secciones del ticket ────────────────────────────────────────────────── */

.corte-ticket-section-title[b-3hm7w7b38w] {
    display:     flex;
    align-items: center;
    gap:         .4rem;
    font-size:   .72rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
    color:       var(--tara-primary-dark);
    margin-bottom: .4rem;
}

.corte-ticket-items-section[b-3hm7w7b38w],
.corte-ticket-pagos-section[b-3hm7w7b38w] {
    display:        flex;
    flex-direction: column;
}

/* ── Tabla de artículos del ticket ───────────────────────────────────────── */

.corte-ticket-items-table-wrap[b-3hm7w7b38w] {
    overflow-x:  auto;
    border:      1px solid var(--tara-border-subtle);
    border-radius: 8px;
    overflow:    hidden;
}

.corte-ticket-items-table[b-3hm7w7b38w] {
    width:           100%;
    border-collapse: collapse;
    font-size:       .8rem;
    min-width:       360px;
}

.corte-ticket-items-table thead tr[b-3hm7w7b38w] {
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface-raised));
    border-bottom: 1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
}

.corte-ticket-items-table th[b-3hm7w7b38w] {
    padding:        .35rem .55rem;
    font-size:      .64rem;
    font-weight:    850;
    letter-spacing: .07em;
    text-transform: uppercase;
    color:          var(--tara-text-muted);
    white-space:    nowrap;
}

.corte-ticket-items-table tbody tr[b-3hm7w7b38w] {
    border-bottom: 1px solid var(--tara-border-subtle);
}

.corte-ticket-items-table tbody tr:last-child[b-3hm7w7b38w] { border-bottom: none; }

.corte-ticket-items-table tbody tr:nth-child(even)[b-3hm7w7b38w] {
    background: var(--tara-surface-raised);
}

.corte-ticket-items-table td[b-3hm7w7b38w] {
    padding:    .38rem .55rem;
    color:      var(--tara-text);
    font-size:  .8rem;
    vertical-align: middle;
}

.corte-th-desc[b-3hm7w7b38w], .corte-td-desc[b-3hm7w7b38w] { min-width: 140px; }
.corte-th-r[b-3hm7w7b38w],    .corte-td-r[b-3hm7w7b38w]    { text-align: right !important; white-space: nowrap; }
.corte-td-importe[b-3hm7w7b38w]              { font-weight: 700; }

.corte-td-talla[b-3hm7w7b38w] {
    display:     block;
    font-size:   .7rem;
    color:       var(--tara-text-muted);
    margin-top:  .1rem;
}

/* ── Pagos del ticket ────────────────────────────────────────────────────── */

.corte-ticket-pago-row[b-3hm7w7b38w] {
    display:          flex;
    justify-content:  space-between;
    align-items:      center;
    padding:          .32rem .55rem;
    font-size:        .83rem;
    border-bottom:    1px solid var(--tara-border-subtle);
    border-radius:    6px;
    background:       var(--tara-surface-raised);
    margin-bottom:    .25rem;
}

.corte-ticket-pago-row strong[b-3hm7w7b38w] {
    color:       var(--tara-text);
    font-weight: 700;
}

/* ── Total del ticket ────────────────────────────────────────────────────── */

.corte-ticket-total-row[b-3hm7w7b38w] {
    display:          flex;
    justify-content:  space-between;
    align-items:      center;
    padding:          .55rem .65rem;
    border-radius:    10px;
    background:       color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
    border:           1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    font-size:        .85rem;
    font-weight:      800;
    letter-spacing:   .04em;
    text-transform:   uppercase;
    color:            var(--tara-text-muted);
}

/* ── Footer con dos lados ────────────────────────────────────────────────── */

.corte-modal-footer-right[b-3hm7w7b38w] {
    display:     flex;
    gap:         .5rem;
    align-items: center;
}

.corte-modal-footer[b-3hm7w7b38w] {
    display:          flex;
    align-items:      center;
    justify-content:  space-between;
    gap:              .5rem;
    padding:          .65rem 1rem;
    border-top:       1px solid var(--tara-border);
    flex-shrink:      0;
    background:       var(--tara-surface);
}

.corte-modal-btn-cancelar.mud-button-root[b-3hm7w7b38w] {
    opacity:     .5;
    cursor:      not-allowed;
    font-size:   .8rem;
}

/* ── Modal de cancelación ────────────────────────────────────────────────── */

.corte-modal--cancel[b-3hm7w7b38w] {
    width: min(440px, 94vw);
}

.corte-modal-header--danger[b-3hm7w7b38w] {
    background:   color-mix(in srgb, var(--tara-danger) 7%, var(--tara-surface-raised));
    border-bottom-color: color-mix(in srgb, var(--tara-danger) 22%, var(--tara-border));
}

.corte-modal-header--danger .corte-modal-title[b-3hm7w7b38w] { color: var(--tara-danger); }
.corte-modal-header--danger .mud-icon-root[b-3hm7w7b38w]     { color: var(--tara-danger); }

/* Advertencia "Esta acción no se puede deshacer" */
.corte-cancel-warning[b-3hm7w7b38w] {
    display:       flex;
    align-items:   center;
    gap:           .6rem;
    padding:       .65rem .85rem;
    border-radius: 10px;
    background:    color-mix(in srgb, var(--tara-warning) 8%, var(--tara-surface));
    border:        1px solid color-mix(in srgb, var(--tara-warning) 24%, var(--tara-border));
    border-left:   3px solid var(--tara-warning);
    font-size:     .84rem;
    font-weight:   700;
    color:         var(--tara-text);
}

.corte-cancel-warning .mud-icon-root[b-3hm7w7b38w] {
    color:       var(--tara-warning);
    flex-shrink: 0;
}

/* Campo de motivo */
.corte-cancel-motivo[b-3hm7w7b38w] {
    display:        flex;
    flex-direction: column;
    gap:            .3rem;
}

.corte-cancel-motivo-label[b-3hm7w7b38w] {
    font-size:      .78rem;
    font-weight:    750;
    color:          var(--tara-text);
}

.corte-cancel-required[b-3hm7w7b38w] {
    color: var(--tara-danger);
}

[b-3hm7w7b38w] .corte-cancel-motivo-field .mud-input-outlined {
    border-radius: 10px;
}

[b-3hm7w7b38w] .corte-cancel-motivo-field .mud-input-outlined .mud-input-outlined-border {
    border-color: color-mix(in srgb, var(--tara-border) 70%, var(--tara-primary)) !important;
}

[b-3hm7w7b38w] .corte-cancel-motivo-field .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-danger) !important;
}

.corte-cancel-motivo-error[b-3hm7w7b38w] {
    font-size:  .76rem;
    color:      var(--tara-danger);
    font-weight: 600;
}

/* Botón confirmar cancelación */
.corte-cancel-confirmar-btn.mud-button-root[b-3hm7w7b38w] {
    min-width:      160px;
    min-height:     40px;
    border-radius:  12px;
    font-weight:    800;
    letter-spacing: .02em;
}

/* ── Responsive tickets + modal ──────────────────────────────────────────── */

@media (max-width: 480px) {
    .corte-modal-grid[b-3hm7w7b38w] { grid-template-columns: 1fr; }
    .corte-modal[b-3hm7w7b38w]      { max-height: 95vh; }
}

/* ── Prompt inicial / vacío ──────────────────────────────────────────────── */

.corte-prompt[b-3hm7w7b38w] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    gap:             .65rem;
    padding:         2rem 1.5rem;
    text-align:      center;
    color:           var(--tara-text-muted);
    border:          1px solid var(--tara-border-subtle);
    border-radius:   18px;
    background:      var(--tara-surface-raised);
}

.corte-prompt p[b-3hm7w7b38w] {
    margin:      0;
    font-size:   .88rem;
    max-width:   340px;
    line-height: 1.5;
}

.corte-prompt-sub[b-3hm7w7b38w] {
    font-size: .78rem !important;
    opacity:   .72;
}

.corte-prompt-icon[b-3hm7w7b38w] {
    opacity: .28;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */

@media (max-width: 860px) {
    .corte-cards-grid[b-3hm7w7b38w] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    .corte-action-bar[b-3hm7w7b38w] {
        flex-direction: column;
        align-items:    stretch;
        gap:            .75rem;
    }

    .corte-action-bar-controls[b-3hm7w7b38w] {
        flex-wrap: nowrap;
        width:     100%;
    }

    [b-3hm7w7b38w] .corte-date-picker {
        flex: 1;
        width: auto;
        min-width: 0;
    }

    .corte-btn-consultar.mud-button-root[b-3hm7w7b38w] {
        flex-shrink: 0;
    }

    .corte-cards-grid[b-3hm7w7b38w] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 420px) {
    .corte-action-bar-controls[b-3hm7w7b38w] { flex-wrap: wrap; }
    [b-3hm7w7b38w] .corte-date-picker   { width: 100%; min-width: unset; }
    .corte-btn-consultar.mud-button-root[b-3hm7w7b38w] { width: 100%; }
    .corte-cards-grid[b-3hm7w7b38w]            { grid-template-columns: 1fr; }
}
/* _content/Raramuri.blzr/Components/Pages/Caja/EstadisticasCorteCaja.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════
   EstadisticasCorteCaja.razor.css — Módulo Caja / Estadísticas
   Patrón Tarahumara Secundario · Etapa 1
   Comparte clases corte-* definidas en CajaCorte.razor.css (mismo scope).
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Loading / redirect ──────────────────────────────────────────────────── */

.corte-loading[b-8t4051hl8a] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    min-height:      52vh;
    gap:             1rem;
    color:           var(--tara-text-muted);
    text-align:      center;
}

/* ── Sin contexto operativo ──────────────────────────────────────────────── */

.corte-no-contexto[b-8t4051hl8a] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    gap:             1.25rem;
    min-height:      55vh;
    text-align:      center;
    padding:         2rem;
    color:           var(--tara-text-muted);
}

.corte-no-contexto-icon[b-8t4051hl8a] {
    display:       grid;
    place-items:   center;
    width:         72px;
    height:        72px;
    border-radius: 22px;
    background:    color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface-raised));
    border:        1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    color:         var(--tara-primary-dark);
}

.corte-no-contexto h2[b-8t4051hl8a] {
    margin:      0;
    font-size:   1.25rem;
    font-weight: 800;
    color:       var(--tara-text);
}

.corte-no-contexto p[b-8t4051hl8a] {
    margin:      0;
    max-width:   400px;
    font-size:   .95rem;
    line-height: 1.55;
}

/* ── Page + header (mismas clases que CajaCorte) ─────────────────────────── */

.corte-page[b-8t4051hl8a] {
    display:        flex;
    flex-direction: column;
    gap:            1rem;
}

.corte-header[b-8t4051hl8a] {
    display:         flex;
    align-items:     flex-start;
    justify-content: space-between;
    gap:             1rem;
    flex-wrap:       wrap;
}

.corte-header-title[b-8t4051hl8a] {
    display:     flex;
    align-items: flex-start;
    gap:         .85rem;
}

.corte-header-icon[b-8t4051hl8a] {
    display:       grid;
    place-items:   center;
    width:         2.45rem;
    height:        2.45rem;
    flex-shrink:   0;
    border-radius: 15px;
    color:         var(--tara-text-inverse);
    background:    linear-gradient(180deg, var(--tara-primary), var(--tara-primary-dark));
    box-shadow:    0 12px 24px -20px color-mix(in srgb, var(--tara-primary-dark) 80%, transparent);
}

.corte-eyebrow[b-8t4051hl8a] {
    display:        inline-flex;
    padding:        .14rem .48rem;
    border-radius:  999px;
    border:         1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    background:     color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
    color:          var(--tara-primary-dark);
    font-size:      .62rem;
    font-weight:    850;
    letter-spacing: .07em;
    text-transform: uppercase;
    margin-bottom:  .22rem;
}

.corte-header-title h1[b-8t4051hl8a] {
    margin:         0 0 .18rem;
    font-size:      1.45rem;
    font-weight:    900;
    letter-spacing: -.02em;
    color:          var(--tara-text);
    line-height:    1.1;
}

.corte-header-title p[b-8t4051hl8a] {
    margin:    0;
    font-size: .82rem;
    color:     var(--tara-text-muted);
}

/* ── Contexto band ───────────────────────────────────────────────────────── */

.corte-contexto-band[b-8t4051hl8a] {
    display:       flex;
    align-items:   center;
    gap:           .5rem;
    padding:       .55rem .85rem;
    border-radius: 14px;
    border:        1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    background:    color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface-raised));
    font-size:     .82rem;
    flex-wrap:     wrap;
}

.corte-contexto-label[b-8t4051hl8a] {
    color:          var(--tara-text-muted);
    font-size:      .72rem;
    font-weight:    700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.corte-contexto-value[b-8t4051hl8a] {
    color:       var(--tara-text);
    font-weight: 700;
}

.corte-contexto-sep[b-8t4051hl8a] {
    color:   var(--tara-text-muted);
    opacity: .6;
}

/* ── Banner en preparación ───────────────────────────────────────────────── */

.corte-prep-banner[b-8t4051hl8a] {
    display:       flex;
    align-items:   flex-start;
    gap:           .75rem;
    padding:       .82rem 1rem;
    border-radius: 14px;
    border:        1px solid color-mix(in srgb, var(--tara-warning) 30%, var(--tara-border));
    border-left:   3px solid var(--tara-warning);
    background:    color-mix(in srgb, var(--tara-warning) 7%, var(--tara-surface));
    font-size:     .86rem;
    color:         var(--tara-text);
}

.corte-prep-banner .mud-icon-root[b-8t4051hl8a] {
    color:       var(--tara-warning);
    flex-shrink: 0;
    margin-top:  .05rem;
}

.corte-prep-banner strong[b-8t4051hl8a] {
    display:      block;
    font-weight:  800;
    margin-bottom: .12rem;
}

.corte-prep-banner span[b-8t4051hl8a] {
    color:       var(--tara-text-muted);
    font-size:   .82rem;
    line-height: 1.4;
}

/* ── Cards ───────────────────────────────────────────────────────────────── */

.corte-cards-grid[b-8t4051hl8a] {
    display:               grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap:                   .72rem;
}

.corte-card[b-8t4051hl8a] {
    display:       flex;
    align-items:   center;
    gap:           .85rem;
    padding:       .9rem 1rem;
    border-radius: 18px;
    border:        1px solid var(--tara-border);
    background:    var(--tara-surface);
    box-shadow:    var(--tara-shadow-sm);
    min-width:     0;
}

.corte-card-icon[b-8t4051hl8a] {
    display:       grid;
    place-items:   center;
    width:         2.2rem;
    height:        2.2rem;
    flex-shrink:   0;
    border-radius: 12px;
    background:    color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface-raised));
    color:         var(--tara-primary-dark);
}

.corte-card-body[b-8t4051hl8a] {
    display:        flex;
    flex-direction: column;
    gap:            .12rem;
    min-width:      0;
}

.corte-card-label[b-8t4051hl8a] {
    font-size:      .68rem;
    font-weight:    850;
    letter-spacing: .06em;
    text-transform: uppercase;
    color:          var(--tara-text-muted);
}

.corte-card-value[b-8t4051hl8a] {
    font-size:      1.25rem;
    font-weight:    900;
    letter-spacing: -.02em;
    color:          var(--tara-text);
    line-height:    1;
}

.corte-card-value--placeholder[b-8t4051hl8a] {
    color:   var(--tara-border);
    opacity: .6;
}

/* ── Shell de estadísticas placeholder ───────────────────────────────────── */

.corte-tickets-shell[b-8t4051hl8a] {
    border:        1px solid var(--tara-border);
    border-radius: 18px;
    overflow:      hidden;
    background:    var(--tara-surface);
    box-shadow:    var(--tara-shadow-sm);
}

.corte-tickets-header[b-8t4051hl8a] {
    display:       flex;
    align-items:   center;
    gap:           .5rem;
    padding:       .72rem 1rem;
    font-size:     .78rem;
    font-weight:   800;
    letter-spacing: .07em;
    text-transform: uppercase;
    color:         var(--tara-text-muted);
    border-bottom: 1px solid var(--tara-border-subtle);
    background:    var(--tara-surface-raised);
}

.corte-tickets-empty[b-8t4051hl8a] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    gap:             1rem;
    min-height:      220px;
    padding:         2.5rem 2rem;
    color:           var(--tara-text-muted);
    text-align:      center;
}

.corte-tickets-empty p[b-8t4051hl8a] {
    margin:    0;
    font-size: .9rem;
    max-width: 320px;
}

.corte-tickets-empty-icon[b-8t4051hl8a] {
    opacity: .3;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */

@media (max-width: 640px) {
    .corte-header[b-8t4051hl8a]     { flex-direction: column; }
    .corte-cards-grid[b-8t4051hl8a] { grid-template-columns: 1fr; }
}
/* _content/Raramuri.blzr/Components/Pages/Configuracion/SeleccionTienda.razor.rz.scp.css */
/* SeleccionTienda — patrón de selectores homologado con ProductosReporte */

.tara-page-loading[b-jev8eb7in2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 55vh;
    gap: 1rem;
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.store-page[b-jev8eb7in2] {
    position: relative;
    min-height: calc(100vh - 72px);
    display: grid;
    place-items: center;
    padding: .7rem;
    background:
        radial-gradient(circle at 14% 12%, color-mix(in srgb, var(--tara-primary) 6%, transparent), transparent 34%),
        radial-gradient(circle at 88% 92%, color-mix(in srgb, var(--tara-warning) 6%, transparent), transparent 28%),
        linear-gradient(160deg, var(--tara-bg), color-mix(in srgb, var(--tara-surface-raised) 32%, var(--tara-bg)) 58%, var(--tara-bg));
}

[data-theme="dark"] .store-page[b-jev8eb7in2] {
    background:
        radial-gradient(circle at 14% 12%, color-mix(in srgb, var(--tara-primary) 10%, transparent), transparent 36%),
        linear-gradient(160deg, var(--tara-bg), var(--tara-surface) 62%, var(--tara-bg));
}

.store-backdrop[b-jev8eb7in2] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .35;
    background: linear-gradient(135deg, color-mix(in srgb, var(--tara-primary) 3%, transparent), transparent 44%);
}

.store-wrap[b-jev8eb7in2] {
    position: relative;
    z-index: 1;
    width: min(100%, 492px);
    margin: 0 auto;
}

.store-card[b-jev8eb7in2] {
    display: grid;
    gap: .7rem;
    padding: 1rem;
    border: 1px solid var(--tara-border);
    border-radius: 18px;
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow);
    color: var(--tara-text);
}

.store-header[b-jev8eb7in2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.store-title-copy[b-jev8eb7in2] {
    min-width: 0;
}

.store-eyebrow[b-jev8eb7in2] {
    display: inline-flex;
    align-items: center;
    margin-bottom: .18rem;
    padding: .14rem .46rem;
    background: color-mix(in srgb, var(--tara-primary) 4%, transparent);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 12%, transparent);
    border-radius: 999px;
    color: var(--tara-primary-dark);
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.store-title-copy h1[b-jev8eb7in2] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--tara-text);
    line-height: 1.12;
}

.store-title-copy p[b-jev8eb7in2] {
    margin: .14rem 0 0;
    color: var(--tara-text-muted);
    font-size: .76rem;
    line-height: 1.22;
}

.store-back-btn.mud-button-root[b-jev8eb7in2] {
    min-height: 34px;
    border-radius: 999px;
    color: var(--tara-text-muted);
    font-size: .76rem;
}

.store-inline-note[b-jev8eb7in2] {
    padding: .58rem .72rem;
    border-radius: 12px;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface-raised));
    color: var(--tara-text);
    font-size: .76rem;
    line-height: 1.24;
}

.store-alert[b-jev8eb7in2] {
    margin: 0;
}

.store-summary-band[b-jev8eb7in2] {
    display: grid;
    gap: .4rem;
    padding: .62rem .68rem;
    border-radius: 14px;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border-subtle);
}

.store-summary-head[b-jev8eb7in2] {
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

.store-summary-chips[b-jev8eb7in2] {
    display: flex;
    flex-wrap: wrap;
    gap: .38rem;
}

.store-summary-chip[b-jev8eb7in2] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-width: 0;
    padding: .38rem .55rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border-subtle);
    border-radius: 999px;
}

.store-summary-chip--wide[b-jev8eb7in2] {
    flex: 1 1 220px;
    justify-content: flex-start;
}

.store-summary-chip--empty strong[b-jev8eb7in2] {
    color: var(--tara-text-muted);
    font-style: italic;
}

.store-summary-label[b-jev8eb7in2] {
    font-size: .54rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

.store-summary-chip strong[b-jev8eb7in2] {
    min-width: 0;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1.15;
    color: var(--tara-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.store-empty[b-jev8eb7in2] {
    display: flex;
    align-items: flex-start;
    gap: .72rem;
    padding: .82rem;
    border-radius: 14px;
    background: var(--tara-surface-raised);
    border: 1px dashed var(--tara-border);
    color: var(--tara-text-muted);
}

.store-empty-icon[b-jev8eb7in2] {
    display: grid;
    place-items: center;
    width: 2.2rem;
    height: 2.2rem;
    flex-shrink: 0;
    border-radius: 12px;
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.store-empty p[b-jev8eb7in2] {
    margin: .2rem 0 0;
    line-height: 1.35;
}

.store-panel[b-jev8eb7in2] {
    display: grid;
    gap: .65rem;
}

.store-field[b-jev8eb7in2] {
    display: grid;
    gap: .28rem;
}

.store-field-head[b-jev8eb7in2] {
    display: grid;
    gap: .1rem;
}

.store-block-title[b-jev8eb7in2] {
    color: var(--tara-text);
    font-size: .64rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.store-field-head small[b-jev8eb7in2] {
    color: var(--tara-text-muted);
    font-size: .69rem;
    line-height: 1.16;
}

.store-config-row[b-jev8eb7in2] {
    display: grid;
    grid-template-columns: 108px minmax(0, 1fr);
    gap: .65rem;
    align-items: end;
}

.store-actions[b-jev8eb7in2] {
    display: grid;
    gap: .38rem;
    padding-top: .06rem;
}

.store-actions-row[b-jev8eb7in2] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
}

.store-cancel-btn.mud-button-root[b-jev8eb7in2],
.store-save-btn.mud-button-root[b-jev8eb7in2] {
    min-height: 38px;
    border-radius: 11px;
    font-size: .79rem;
    font-weight: 750;
}

.store-save-btn.mud-button-root[b-jev8eb7in2] {
    min-width: 178px;
}

.store-save-btn.mud-button-root:disabled[b-jev8eb7in2] {
    background-color: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-surface-raised)) !important;
    color: var(--tara-primary-dark) !important;
    opacity: .82 !important;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border)) !important;
    box-shadow: none !important;
}

.store-save-hint[b-jev8eb7in2] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .7rem;
    text-align: right;
}

/* Patrón exacto de combos/filtros tomado de ProductosReporte */
.store-control[b-jev8eb7in2] {
    min-width: 0;
}

.tara-filter-select[b-jev8eb7in2] {
    min-width: 160px;
    max-width: 240px;
    flex: 1 1 160px;
}

.store-field--search .tara-filter-select[b-jev8eb7in2],
.store-list-select[b-jev8eb7in2] {
    min-width: 0;
    max-width: none;
    width: 100%;
}

[b-jev8eb7in2] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-jev8eb7in2] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-jev8eb7in2] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-jev8eb7in2] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

@media (max-width: 680px) {
    .store-page[b-jev8eb7in2] {
        padding: .5rem;
    }

    .store-wrap[b-jev8eb7in2] {
        width: 100%;
    }

    .store-card[b-jev8eb7in2] {
        padding: .86rem;
    }

    .store-header[b-jev8eb7in2] {
        flex-direction: column;
        align-items: stretch;
    }

    .store-config-row[b-jev8eb7in2] {
        grid-template-columns: 1fr;
    }

    .store-actions-row[b-jev8eb7in2] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .store-save-btn.mud-button-root[b-jev8eb7in2] {
        width: 100%;
        min-width: 0;
    }

    .store-save-hint[b-jev8eb7in2] {
        text-align: left;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Dashboard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   Dashboard — Home temporal limpio (sin dashboard operativo)
   Patrón Tarahumara: var(--tara-*) de tarahumara-theme.css

   Reglas:
   • Tokens globales; los hardcodes existen sólo en los degradados premium
   • Sin :root en CSS isolation (la regla 2 del Patrón)
   • Light: crema/blanco con halos suaves rojos/dorados (Tarahumara/Santander)
   • Dark : graphite/navy con acentos rojos sutiles
   • No simula datos · No funciona como menú · El Drawer es la fuente de verdad
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Loading ─────────────────────────────────────────────────────────────── */
.home-loading[b-6uvo02bcf5] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    min-height:      60vh;
    color:           var(--tara-text-muted);
    font-size:       .95rem;
    gap:             1rem;
}

@keyframes home-spin-b-6uvo02bcf5 { to { transform: rotate(360deg); } }

.home-loading-ring[b-6uvo02bcf5] {
    width:        38px;
    height:       38px;
    border:       3px solid var(--tara-border);
    border-top-color: var(--tara-primary-dark);
    border-radius: 50%;
    animation:    home-spin-b-6uvo02bcf5 .75s linear infinite;
}

/* ── Shell — degradado premium temporal ──────────────────────────────────── */
/*
   Light: crema Lisbon + halos suaves rojos/dorados (Tarahumara/Santander).
   Dark : graphite/navy con halos rojos sutiles.
   margin negativo: cancela el padding de nav-page-content para fondo full-bleed.
*/
.home-shell[b-6uvo02bcf5] {
    min-height: calc(100vh - 64px);   /* descuenta AppBar */
    /* Cancela el padding de nav-page-content → fondo llega a los bordes */
    margin:     -1.75rem -2rem -3rem;
    padding:    clamp(2rem, 6vw, 5rem) clamp(1.5rem, 5vw, 3rem);
    display:    flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:        1.5rem;

    background:
        radial-gradient(ellipse 80% 60% at 18% 10%,
            color-mix(in srgb, var(--tara-primary) 9%, transparent) 0%,
            transparent 60%),
        radial-gradient(ellipse 70% 50% at 95% 100%,
            color-mix(in srgb, #F0B998 22%, transparent) 0%,
            transparent 55%),
        radial-gradient(ellipse 90% 70% at 50% -10%,
            color-mix(in srgb, var(--tara-surface) 96%, transparent) 0%,
            transparent 70%),
        linear-gradient(160deg,
            var(--tara-bg)            0%,
            color-mix(in srgb, var(--tara-surface) 70%, var(--tara-bg)) 50%,
            color-mix(in srgb, var(--tara-bg)     85%, #F5DECF) 100%);
}

[data-theme="dark"] .home-shell[b-6uvo02bcf5] {
    background:
        radial-gradient(ellipse 80% 60% at 18% 10%,
            rgba(236, 0, 0, 0.10) 0%,
            transparent 60%),
        radial-gradient(ellipse 70% 55% at 90% 100%,
            rgba(204, 0, 0, 0.08) 0%,
            transparent 60%),
        radial-gradient(ellipse 90% 70% at 50% -10%,
            rgba(244, 246, 248, 0.04) 0%,
            transparent 70%),
        linear-gradient(160deg,
            var(--tara-bg)         0%,
            #14171D                45%,
            var(--tara-surface)    100%);
}

/* ── Banner OperacionEmpresa (alerta real del backend) ──────────────────── */
.home-op-banner[b-6uvo02bcf5] {
    display:       flex;
    align-items:   flex-start;
    gap:           .75rem;
    width:         100%;
    max-width:     720px;
    padding:       .85rem 1rem;
    background:    color-mix(in srgb, var(--tara-warning) 10%, transparent);
    border:        1px solid color-mix(in srgb, var(--tara-warning) 35%, transparent);
    border-left:   4px solid var(--tara-warning);
    border-radius: var(--tara-radius-sm);
    color:         var(--tara-text);
    font-size:     .875rem;
    line-height:   1.5;
}

.home-op-banner svg[b-6uvo02bcf5] {
    flex-shrink: 0;
    margin-top:  .1rem;
    color:       var(--tara-warning);
}

.home-op-banner strong[b-6uvo02bcf5] {
    display:       block;
    font-weight:   700;
    margin-bottom: .2rem;
}

.home-op-banner p[b-6uvo02bcf5] {
    margin: 0;
    color:  var(--tara-text-muted);
}

/* ── Hero card centrado ─────────────────────────────────────────────────── */
.home-hero[b-6uvo02bcf5] {
    width:         100%;
    max-width:     680px;
    text-align:    center;
    padding:       clamp(1.75rem, 4vw, 3rem) clamp(1.25rem, 4vw, 2.5rem);

    background:    var(--tara-surface-overlay);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius-lg);
    box-shadow:    var(--tara-shadow);

    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            1rem;
}

/* Filete superior con la firma de marca */
.home-hero[b-6uvo02bcf5] {
    position: relative;
    overflow: hidden;
}
.home-hero[b-6uvo02bcf5]::before {
    content:    "";
    position:   absolute;
    inset:      0 0 auto 0;
    height:     3px;
    background: linear-gradient(
        90deg,
        var(--tara-primary-deeper) 0%,
        var(--tara-primary)        50%,
        #F0B998                    100%);
    opacity: .9;
}

/* ── Eyebrow ────────────────────────────────────────────────────────────── */
.home-hero-eyebrow[b-6uvo02bcf5] {
    display:        inline-flex;
    align-items:    center;
    gap:            .45rem;
    padding:        4px 12px;
    background:     color-mix(in srgb, var(--tara-primary) 8%, transparent);
    color:          var(--tara-primary-dark);
    border:         1px solid color-mix(in srgb, var(--tara-primary) 22%, transparent);
    border-radius:  999px;
    font-size:      .7rem;
    font-weight:    700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.home-hero-eyebrow-dot[b-6uvo02bcf5] {
    width:         6px;
    height:        6px;
    border-radius: 50%;
    background:    var(--tara-primary);
    box-shadow:    0 0 0 3px color-mix(in srgb, var(--tara-primary) 18%, transparent);
}

/* ── Título ─────────────────────────────────────────────────────────────── */
.home-hero-title[b-6uvo02bcf5] {
    margin:      .25rem 0 0;
    font-size:   clamp(1.6rem, 3.5vw, 2.25rem);
    font-weight: 700;
    color:       var(--tara-text);
    letter-spacing: -.01em;
    line-height: 1.15;
}

.home-hero-brand[b-6uvo02bcf5] {
    color:           var(--tara-primary-dark);
    background:      linear-gradient(180deg,
                        var(--tara-primary)        0%,
                        var(--tara-primary-dark)   60%,
                        var(--tara-primary-deeper) 100%);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

[data-theme="dark"] .home-hero-brand[b-6uvo02bcf5] {
    background: linear-gradient(180deg,
        #FF4D4D 0%,
        var(--tara-primary)      55%,
        var(--tara-primary-dark) 100%);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* ── Línea de sesión activa ─────────────────────────────────────────────── */
.home-hero-greet[b-6uvo02bcf5] {
    margin:        .25rem 0 0;
    font-size:     .92rem;
    color:         var(--tara-text);
    display:       inline-flex;
    align-items:   center;
    flex-wrap:     wrap;
    justify-content: center;
    gap:           .4rem;
    line-height:   1.4;
}

.home-hero-greet-label[b-6uvo02bcf5] {
    color:          var(--tara-text-muted);
    font-size:      .8rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight:    600;
}

.home-hero-greet-user[b-6uvo02bcf5] {
    color:       var(--tara-text);
    font-weight: 700;
}

.home-hero-greet-sep[b-6uvo02bcf5] {
    color:    var(--tara-text-muted);
    opacity:  .6;
}

.home-hero-greet-empresa[b-6uvo02bcf5] {
    color:       var(--tara-text-muted);
    font-weight: 500;
    max-width:   320px;
    overflow:    hidden;
    text-overflow: ellipsis;
    white-space:   nowrap;
}

/* ── Subtítulo ──────────────────────────────────────────────────────────── */
.home-hero-sub[b-6uvo02bcf5] {
    margin:    0;
    font-size: .95rem;
    color:     var(--tara-text-muted);
    line-height: 1.55;
    max-width:  520px;
}
.home-hero-sub strong[b-6uvo02bcf5] {
    color:       var(--tara-text);
    font-weight: 600;
    letter-spacing: .01em;
}

/* ── Divider ────────────────────────────────────────────────────────────── */
.home-hero-divider[b-6uvo02bcf5] {
    width:     56px;
    height:    2px;
    margin:    .5rem 0 .25rem;
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--tara-primary) 50%,
        transparent 100%);
    opacity:   .6;
    border:    0;
    border-radius: 1px;
}

/* ── CTA (mensaje del menú) ─────────────────────────────────────────────── */
.home-hero-cta[b-6uvo02bcf5] {
    margin:       .25rem 0 0;
    font-size:    1rem;
    color:        var(--tara-text);
    line-height:  1.6;
    max-width:    540px;
    display:      inline-flex;
    flex-wrap:    wrap;
    align-items:  center;
    justify-content: center;
    gap:          .45rem;
}

.home-hero-menu-chip[b-6uvo02bcf5] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    min-width:       30px;
    height:          30px;
    padding:         0 8px;
    background:      var(--tara-primary-dark);
    color:           #fff;
    font-family:     ui-monospace, 'SFMono-Regular', Consolas, monospace;
    font-size:       1.05rem;
    font-weight:     700;
    border-radius:   8px;
    box-shadow:      0 4px 12px -4px color-mix(in srgb, var(--tara-primary) 60%, transparent);
}

/* ── Nota fina ──────────────────────────────────────────────────────────── */
.home-hero-note[b-6uvo02bcf5] {
    margin:    .25rem 0 0;
    font-size: .78rem;
    color:     var(--tara-text-muted);
    letter-spacing: .02em;
    opacity:   .85;
}

.home-context-band[b-6uvo02bcf5] {
    width:         100%;
    max-width:     560px;
    display:       grid;
    gap:           .7rem;
    padding:       .95rem 1rem;
    border:        1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-radius: 16px;
    background:    color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
    text-align:    left;
}

.home-context-head[b-6uvo02bcf5] {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    gap:             .75rem;
    color:           var(--tara-primary-dark);
    font-size:       .68rem;
    font-weight:     800;
    letter-spacing:  .08em;
    text-transform:  uppercase;
}

.home-context-meta[b-6uvo02bcf5] {
    color:          var(--tara-text-muted);
    font-size:      .74rem;
    font-weight:    700;
    letter-spacing: .02em;
    text-transform: none;
    white-space:    nowrap;
}

.home-context-grid[b-6uvo02bcf5] {
    display:               grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap:                   .6rem;
}

.home-context-item[b-6uvo02bcf5] {
    display:       grid;
    gap:           .18rem;
    padding:       .7rem .78rem;
    border:        1px solid var(--tara-border-subtle);
    border-radius: 13px;
    background:    var(--tara-surface);
    min-width:     0;
}

.home-context-item--wide[b-6uvo02bcf5] {
    grid-column: 1 / -1;
}

.home-context-label[b-6uvo02bcf5] {
    color:          var(--tara-text-muted);
    font-size:      .62rem;
    font-weight:    850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.home-context-item strong[b-6uvo02bcf5] {
    color:         var(--tara-text);
    font-size:     .95rem;
    font-weight:   800;
    line-height:   1.2;
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
}

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 600px) {
    .home-shell[b-6uvo02bcf5] {
        margin:     -1.25rem -1rem -2.5rem;  /* móvil: nav-page-content 1.25/1/2.5 */
        padding:    2rem 1rem;
        min-height: calc(100vh - 56px);
    }
    .home-hero[b-6uvo02bcf5]         { padding: 1.5rem 1.25rem; border-radius: var(--tara-radius); }
    .home-hero-title[b-6uvo02bcf5]   { font-size: 1.5rem; }
    .home-hero-cta[b-6uvo02bcf5]     { font-size: .95rem; }
    .home-hero-greet-empresa[b-6uvo02bcf5] { max-width: 200px; }
    .home-context-grid[b-6uvo02bcf5] { grid-template-columns: 1fr; }
    .home-context-item--wide[b-6uvo02bcf5] { grid-column: auto; }
}

@media (max-width: 380px) {
    .home-hero-greet[b-6uvo02bcf5] { font-size: .85rem; }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresCampeones.razor.rz.scp.css */
.tara-cam-page[b-8c2458y0o1] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.tara-cam-header[b-8c2458y0o1] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.tara-cam-header span[b-8c2458y0o1],
.tara-cam-section-head span[b-8c2458y0o1] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-cam-header h1[b-8c2458y0o1] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-cam-header p[b-8c2458y0o1],
.tara-cam-section-head p[b-8c2458y0o1] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-cam-panel[b-8c2458y0o1] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-cam-alert[b-8c2458y0o1] {
    border-radius: var(--tara-radius-sm);
}

.tara-cam-results[b-8c2458y0o1] {
    padding: .85rem;
}

.tara-cam-status[b-8c2458y0o1],
.tara-cam-filter-meta[b-8c2458y0o1] {
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-cam-status[b-8c2458y0o1] {
    padding: .85rem .85rem 0;
}

.tara-cam-filter-grid[b-8c2458y0o1] {
    display: grid;
    grid-template-columns: minmax(240px, 1.2fr) minmax(290px, .85fr) auto;
    gap: .65rem;
    align-items: end;
    margin-top: .55rem;
    padding: 0 .85rem;
}

.tara-cam-date-range[b-8c2458y0o1] {
    min-width: 0;
}

.tara-cam-field[b-8c2458y0o1] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

.tara-cam-field span[b-8c2458y0o1] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .68rem;
    font-weight: 800;
}

.tara-cam-field select[b-8c2458y0o1],
.tara-cam-field input[b-8c2458y0o1] {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 .7rem;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    outline: none;
}

.tara-cam-field select:hover[b-8c2458y0o1],
.tara-cam-field input:hover[b-8c2458y0o1],
.tara-cam-field select:focus[b-8c2458y0o1],
.tara-cam-field input:focus[b-8c2458y0o1] {
    border-color: color-mix(in srgb, var(--tara-primary) 35%, var(--tara-border));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-cam-search-btn[b-8c2458y0o1] {
    min-height: 38px;
    align-self: end;
}

.tara-cam-filter-meta[b-8c2458y0o1] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: .55rem .85rem .85rem;
}

.tara-cam-filter-summary[b-8c2458y0o1] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    min-width: 0;
}

.tara-cam-filter-summary span[b-8c2458y0o1] {
    display: inline-flex;
    align-items: center;
    max-width: 240px;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    padding: .18rem .5rem;
    font-size: .74rem;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-cam-section-head[b-8c2458y0o1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-cam-section-head h2[b-8c2458y0o1] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.06rem;
    font-weight: 900;
}

.tara-cam-export-actions[b-8c2458y0o1],
.tara-cam-result-tools[b-8c2458y0o1] {
    display: flex;
    align-items: end;
    gap: .45rem;
    flex-wrap: wrap;
}

.tara-cam-result-tools[b-8c2458y0o1] {
    margin-bottom: .7rem;
}

.tara-cam-result-tools .tara-cam-field:first-child[b-8c2458y0o1] {
    flex: 1 1 320px;
}

.tara-cam-result-tools .tara-cam-field:last-child[b-8c2458y0o1] {
    flex: 0 1 220px;
}

.tara-cam-list[b-8c2458y0o1] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    overflow: hidden;
}

.tara-cam-list-head[b-8c2458y0o1],
.tara-cam-row[b-8c2458y0o1] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 170px;
    gap: .55rem;
    align-items: center;
}

.tara-cam-list-head[b-8c2458y0o1] {
    padding: .55rem .7rem;
    color: var(--tara-th-text);
    background: var(--tara-th-bg);
    font-size: .75rem;
    font-weight: 900;
}

.tara-cam-row[b-8c2458y0o1] {
    min-height: 54px;
    padding: .58rem .7rem;
    color: var(--tara-text);
    background: var(--tara-row-odd);
    border-top: 1px solid var(--tara-border);
}

.tara-cam-row:nth-of-type(4n)[b-8c2458y0o1] {
    background: var(--tara-row-even);
}

.tara-cam-row:hover[b-8c2458y0o1] {
    background: var(--tara-row-hover);
}

.tara-cam-rank[b-8c2458y0o1] {
    color: var(--tara-primary-dark);
    font-weight: 900;
    text-align: center;
}

.tara-cam-row-main[b-8c2458y0o1],
.tara-cam-row-metric[b-8c2458y0o1] {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.tara-cam-row-main strong[b-8c2458y0o1],
.tara-cam-row-metric strong[b-8c2458y0o1] {
    color: var(--tara-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-cam-row-main small[b-8c2458y0o1],
.tara-cam-row-metric small[b-8c2458y0o1] {
    color: var(--tara-text-muted);
    font-size: .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-cam-row-metric[b-8c2458y0o1] {
    text-align: right;
}

.tara-cam-row-stats[b-8c2458y0o1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: .4rem;
    padding: .55rem .7rem .65rem 3.5rem;
    background: var(--tara-surface-raised);
    border-top: 1px solid var(--tara-border-subtle);
}

.tara-cam-row-stats div[b-8c2458y0o1] {
    display: flex;
    justify-content: space-between;
    gap: .65rem;
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-cam-row-stats strong[b-8c2458y0o1] {
    color: var(--tara-text);
}

@media (max-width: 1020px) {
    .tara-cam-filter-grid[b-8c2458y0o1] {
        grid-template-columns: 1fr 1fr;
    }

    .tara-cam-search-btn[b-8c2458y0o1] {
        width: 100%;
    }
}

@media (max-width: 760px) {
    .tara-cam-header[b-8c2458y0o1],
    .tara-cam-section-head[b-8c2458y0o1] {
        flex-direction: column;
    }

    .tara-cam-filter-grid[b-8c2458y0o1],
    .tara-cam-result-tools[b-8c2458y0o1] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .tara-cam-list-head[b-8c2458y0o1] {
        display: none;
    }

    .tara-cam-row[b-8c2458y0o1] {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .tara-cam-row-metric[b-8c2458y0o1] {
        grid-column: 2;
        text-align: left;
    }

    .tara-cam-row-stats[b-8c2458y0o1] {
        grid-template-columns: 1fr;
        padding-left: .7rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresCampeonesPorTipo.razor.rz.scp.css */
.tara-cpt-page[b-89xlttfscb] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.tara-cpt-header[b-89xlttfscb] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.tara-cpt-header span[b-89xlttfscb],
.tara-cpt-section-head span[b-89xlttfscb],
.tara-cpt-dialog header span[b-89xlttfscb] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-cpt-header h1[b-89xlttfscb] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-cpt-header p[b-89xlttfscb],
.tara-cpt-section-head p[b-89xlttfscb] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-cpt-panel[b-89xlttfscb] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-cpt-filters[b-89xlttfscb] {
    padding: .8rem;
}

.tara-cpt-status[b-89xlttfscb],
.tara-cpt-filter-meta[b-89xlttfscb] {
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-cpt-filter-grid[b-89xlttfscb] {
    display: grid;
    grid-template-columns: minmax(220px, 1.2fr) minmax(290px, .95fr) auto minmax(130px, .58fr) auto;
    gap: .65rem;
    align-items: end;
    margin-top: .55rem;
}

.tara-cpt-date-range[b-89xlttfscb] {
    min-width: 0;
}

.tara-cpt-field[b-89xlttfscb] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

.tara-cpt-field span[b-89xlttfscb] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .68rem;
    font-weight: 800;
}

.tara-cpt-field select[b-89xlttfscb],
.tara-cpt-field input[b-89xlttfscb] {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 .7rem;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    outline: none;
}

.tara-cpt-field select:hover[b-89xlttfscb],
.tara-cpt-field input:hover[b-89xlttfscb],
.tara-cpt-field select:focus[b-89xlttfscb],
.tara-cpt-field input:focus[b-89xlttfscb] {
    border-color: color-mix(in srgb, var(--tara-primary) 35%, var(--tara-border));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-cpt-store-btn[b-89xlttfscb] {
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    color: var(--tara-text);
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    font-weight: 800;
    cursor: pointer;
}

.tara-cpt-store-btn:disabled[b-89xlttfscb] {
    opacity: .55;
    cursor: not-allowed;
}

.tara-cpt-search-btn[b-89xlttfscb] {
    min-height: 38px;
    align-self: end;
}

.tara-cpt-filter-meta[b-89xlttfscb] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding-top: .55rem;
}

.tara-cpt-content[b-89xlttfscb] {
    display: grid;
    grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr);
    gap: .85rem;
    align-items: start;
}

.tara-cpt-chart[b-89xlttfscb],
.tara-cpt-results[b-89xlttfscb] {
    padding: .85rem;
}

.tara-cpt-section-head[b-89xlttfscb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-cpt-section-head h2[b-89xlttfscb] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.06rem;
    font-weight: 900;
}

.tara-cpt-export-actions[b-89xlttfscb] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tara-cpt-bars[b-89xlttfscb] {
    display: grid;
    gap: .72rem;
}

.tara-cpt-bar-row[b-89xlttfscb] {
    display: grid;
    grid-template-columns: minmax(120px, 1.05fr) minmax(140px, 1.55fr) minmax(84px, auto);
    gap: .7rem;
    align-items: center;
    color: var(--tara-text);
    font-size: .84rem;
    padding: .36rem .42rem;
    border-radius: var(--tara-radius-sm);
    animation: tara-cpt-bar-in-b-89xlttfscb .32s ease-out both;
    animation-delay: var(--tara-cpt-bar-delay, 0ms);
    transition: var(--tara-transition);
}

.tara-cpt-bar-row:hover[b-89xlttfscb] {
    background: var(--tara-row-hover);
}

.tara-cpt-bar-label[b-89xlttfscb] {
    display: flex;
    align-items: center;
    gap: .42rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-cpt-bar-label > span:last-child[b-89xlttfscb] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tara-cpt-bar-rank[b-89xlttfscb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 22px;
    color: var(--tara-text-inverse);
    background: var(--tara-cpt-bar-color, var(--tara-primary-dark));
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .02em;
    flex: 0 0 auto;
}

.tara-cpt-bar-track[b-89xlttfscb] {
    height: 18px;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border-subtle);
    border-radius: 999px;
    overflow: hidden;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
}

.tara-cpt-bar-fill[b-89xlttfscb] {
    height: 100%;
    background: var(--tara-cpt-bar-color, var(--tara-primary-dark));
    border-radius: inherit;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .12);
    transform-origin: left center;
    animation: tara-cpt-bar-fill-b-89xlttfscb .46s ease-out both;
    animation-delay: var(--tara-cpt-bar-delay, 0ms);
}

.tara-cpt-bar-value[b-89xlttfscb] {
    color: var(--tara-text);
    font-weight: 900;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

@keyframes tara-cpt-bar-in-b-89xlttfscb {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes tara-cpt-bar-fill-b-89xlttfscb {
    from {
        transform: scaleX(.18);
    }

    to {
        transform: scaleX(1);
    }
}

.tara-cpt-result-tools[b-89xlttfscb] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(170px, .35fr);
    gap: .65rem;
    margin-bottom: .7rem;
}

.tara-cpt-list[b-89xlttfscb] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    overflow: hidden;
}

.tara-cpt-list-head[b-89xlttfscb],
.tara-cpt-row[b-89xlttfscb] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 150px;
    gap: .55rem;
    align-items: center;
}

.tara-cpt-list-head[b-89xlttfscb] {
    padding: .55rem .7rem;
    color: var(--tara-th-text);
    background: var(--tara-th-bg);
    font-size: .75rem;
    font-weight: 900;
}

.tara-cpt-row[b-89xlttfscb] {
    width: 100%;
    min-height: 52px;
    padding: .55rem .7rem;
    color: var(--tara-text);
    background: var(--tara-row-odd);
    border: 0;
    border-top: 1px solid var(--tara-border);
    text-align: left;
    cursor: pointer;
}

.tara-cpt-row:nth-of-type(4n)[b-89xlttfscb] {
    background: var(--tara-row-even);
}

.tara-cpt-row:hover[b-89xlttfscb],
.tara-cpt-row:focus-visible[b-89xlttfscb],
.tara-cpt-row--expanded[b-89xlttfscb] {
    background: var(--tara-row-hover);
    outline: none;
}

.tara-cpt-rank[b-89xlttfscb] {
    color: var(--tara-primary-dark);
    font-weight: 900;
    text-align: center;
}

.tara-cpt-row-main[b-89xlttfscb],
.tara-cpt-row-metric[b-89xlttfscb] {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.tara-cpt-row-main strong[b-89xlttfscb] {
    overflow: hidden;
    color: var(--tara-text);
    font-size: .9rem;
    font-weight: 900;
    text-overflow: ellipsis;
}

.tara-cpt-row-main small[b-89xlttfscb],
.tara-cpt-row-metric small[b-89xlttfscb] {
    color: var(--tara-text-muted);
    font-size: .74rem;
}

.tara-cpt-row-metric[b-89xlttfscb] {
    justify-items: end;
}

.tara-cpt-row-metric strong[b-89xlttfscb] {
    font-weight: 900;
}

.tara-cpt-row-details[b-89xlttfscb] {
    display: grid;
    gap: .2rem;
    padding: .55rem .75rem .75rem 3.3rem;
    background: var(--tara-surface-raised);
    border-top: 1px solid var(--tara-border);
}

.tara-cpt-row-details div[b-89xlttfscb] {
    display: grid;
    grid-template-columns: minmax(110px, .4fr) minmax(0, 1fr);
    gap: .65rem;
    font-size: .78rem;
}

.tara-cpt-row-details span[b-89xlttfscb] {
    color: var(--tara-text-muted);
}

.tara-cpt-row-details strong[b-89xlttfscb] {
    color: var(--tara-text);
    text-align: right;
}

.tara-cpt-state[b-89xlttfscb] {
    min-height: 220px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .65rem;
    color: var(--tara-text-muted);
}

.tara-cpt-state--compact[b-89xlttfscb] {
    min-height: 190px;
}

.tara-cpt-alert[b-89xlttfscb] {
    border-radius: var(--tara-radius-sm);
}

.tara-cpt-dialog-backdrop[b-89xlttfscb] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: color-mix(in srgb, var(--tara-text) 32%, transparent);
}

.tara-cpt-dialog[b-89xlttfscb] {
    width: min(560px, 100%);
    max-height: min(720px, calc(100vh - 2rem));
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-lg);
    overflow: hidden;
}

.tara-cpt-dialog--wide[b-89xlttfscb] {
    width: min(980px, 100%);
}

.tara-cpt-dialog header[b-89xlttfscb],
.tara-cpt-dialog footer[b-89xlttfscb],
.tara-cpt-dialog-actions[b-89xlttfscb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    padding: .75rem .85rem;
    border-bottom: 1px solid var(--tara-border);
}

.tara-cpt-dialog footer[b-89xlttfscb] {
    justify-content: flex-end;
    border-top: 1px solid var(--tara-border);
    border-bottom: 0;
}

.tara-cpt-dialog h3[b-89xlttfscb] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 900;
}

.tara-cpt-store-list[b-89xlttfscb] {
    overflow: auto;
    padding: .45rem;
}

.tara-cpt-store-list label[b-89xlttfscb] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .45rem .55rem;
    color: var(--tara-text);
    border-radius: var(--tara-radius-sm);
    cursor: pointer;
}

.tara-cpt-store-list label:hover[b-89xlttfscb] {
    background: var(--tara-row-hover);
}

.tara-cpt-table-scroll[b-89xlttfscb] {
    overflow: auto;
    max-height: min(560px, calc(100vh - 210px));
}

.tara-cpt-table[b-89xlttfscb] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    color: var(--tara-text);
    font-size: .82rem;
}

.tara-cpt-table th[b-89xlttfscb] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: .5rem;
    color: var(--tara-th-text);
    background: var(--tara-th-bg);
    text-align: left;
}

.tara-cpt-table td[b-89xlttfscb] {
    padding: .45rem .5rem;
    border-bottom: 1px solid var(--tara-border);
}

.tara-cpt-table tr:nth-child(even) td[b-89xlttfscb] {
    background: var(--tara-row-even);
}

.tara-cpt-cell-number[b-89xlttfscb] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

@media (max-width: 1180px) {
    .tara-cpt-filter-grid[b-89xlttfscb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-cpt-content[b-89xlttfscb] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .tara-cpt-header[b-89xlttfscb],
    .tara-cpt-section-head[b-89xlttfscb],
    .tara-cpt-result-tools[b-89xlttfscb],
    .tara-cpt-filter-grid[b-89xlttfscb] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    .tara-cpt-list-head[b-89xlttfscb],
    .tara-cpt-row[b-89xlttfscb] {
        grid-template-columns: 34px minmax(0, 1fr) 112px;
    }

    .tara-cpt-bar-row[b-89xlttfscb] {
        grid-template-columns: 1fr;
        gap: .42rem;
    }

    .tara-cpt-row-details[b-89xlttfscb] {
        padding-left: .8rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresContribucion.razor.rz.scp.css */
.tara-con-page[b-4lfyfxev3a] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.tara-con-header[b-4lfyfxev3a] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.tara-con-header span[b-4lfyfxev3a],
.tara-con-section-head span[b-4lfyfxev3a] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-con-header h1[b-4lfyfxev3a] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-con-header p[b-4lfyfxev3a],
.tara-con-section-head p[b-4lfyfxev3a] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-con-panel[b-4lfyfxev3a] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-con-alert[b-4lfyfxev3a] {
    border-radius: var(--tara-radius-sm);
}

.tara-con-results[b-4lfyfxev3a] {
    padding: .85rem;
}

.tara-con-status[b-4lfyfxev3a],
.tara-con-filter-meta[b-4lfyfxev3a] {
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-con-status[b-4lfyfxev3a] {
    padding: .85rem .85rem 0;
}

.tara-con-filter-grid[b-4lfyfxev3a] {
    display: grid;
    grid-template-columns: minmax(165px, .7fr) auto minmax(150px, .62fr) minmax(150px, .62fr) auto minmax(280px, 1fr) auto;
    gap: .6rem;
    align-items: end;
    margin-top: .55rem;
    padding: 0 .85rem;
}

.tara-con-date-range[b-4lfyfxev3a] {
    min-width: 0;
}

.tara-con-field[b-4lfyfxev3a] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

.tara-con-field span[b-4lfyfxev3a] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .68rem;
    font-weight: 800;
}

.tara-con-field select[b-4lfyfxev3a],
.tara-con-field input[b-4lfyfxev3a] {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 .7rem;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    outline: none;
}

.tara-con-field select:hover[b-4lfyfxev3a],
.tara-con-field input:hover[b-4lfyfxev3a],
.tara-con-field select:focus[b-4lfyfxev3a],
.tara-con-field input:focus[b-4lfyfxev3a] {
    border-color: color-mix(in srgb, var(--tara-primary) 35%, var(--tara-border));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-con-store-btn[b-4lfyfxev3a],
.tara-con-check[b-4lfyfxev3a] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .38rem;
    padding: 0 .7rem;
    color: var(--tara-text);
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    font-size: .86rem;
    font-weight: 750;
}

.tara-con-store-btn[b-4lfyfxev3a] {
    cursor: pointer;
}

.tara-con-store-btn:disabled[b-4lfyfxev3a] {
    opacity: .55;
    cursor: not-allowed;
}

.tara-con-check input[b-4lfyfxev3a] {
    width: 16px;
    height: 16px;
    accent-color: var(--tara-primary);
}

.tara-con-search-btn[b-4lfyfxev3a] {
    min-height: 38px;
    align-self: end;
}

.tara-con-filter-meta[b-4lfyfxev3a] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: .55rem .85rem .85rem;
}

.tara-con-filter-summary[b-4lfyfxev3a] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    min-width: 0;
}

.tara-con-filter-summary span[b-4lfyfxev3a] {
    display: inline-flex;
    align-items: center;
    max-width: 220px;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    padding: .18rem .5rem;
    font-size: .74rem;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-con-section-head[b-4lfyfxev3a] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-con-section-head h2[b-4lfyfxev3a] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 900;
}

.tara-con-export-actions[b-4lfyfxev3a],
.tara-con-result-tools[b-4lfyfxev3a] {
    display: flex;
    align-items: end;
    gap: .5rem;
    flex-wrap: wrap;
}

.tara-con-result-tools[b-4lfyfxev3a] {
    margin-bottom: .65rem;
}

.tara-con-search-field[b-4lfyfxev3a] {
    flex: 1 1 320px;
}

.tara-con-table-scroll[b-4lfyfxev3a],
.tara-con-dialog-table-scroll[b-4lfyfxev3a] {
    width: 100%;
    max-width: 100%;
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
}

.tara-con-table[b-4lfyfxev3a],
.tara-con-dialog-table[b-4lfyfxev3a] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    background: var(--tara-surface);
    color: var(--tara-text);
    font-size: .86rem;
}

.tara-con-table th[b-4lfyfxev3a],
.tara-con-table td[b-4lfyfxev3a],
.tara-con-dialog-table th[b-4lfyfxev3a],
.tara-con-dialog-table td[b-4lfyfxev3a] {
    padding: .5rem .58rem;
    border-bottom: 1px solid var(--tara-border);
    border-right: 1px solid var(--tara-border);
    vertical-align: middle;
}

.tara-con-table th[b-4lfyfxev3a],
.tara-con-dialog-table th[b-4lfyfxev3a] {
    position: sticky;
    top: 0;
    z-index: 1;
    color: var(--tara-th-text);
    background: var(--tara-th-bg);
    font-size: .76rem;
    text-align: left;
    white-space: nowrap;
}

.tara-con-table tbody tr:nth-child(odd)[b-4lfyfxev3a],
.tara-con-dialog-table tbody tr:nth-child(odd)[b-4lfyfxev3a] {
    background: var(--tara-row-odd);
}

.tara-con-table tbody tr:nth-child(even)[b-4lfyfxev3a],
.tara-con-dialog-table tbody tr:nth-child(even)[b-4lfyfxev3a] {
    background: var(--tara-row-even);
}

.tara-con-table tbody tr:hover[b-4lfyfxev3a],
.tara-con-dialog-table tbody tr:hover[b-4lfyfxev3a] {
    background: var(--tara-row-hover);
}

.tara-con-table .num[b-4lfyfxev3a] {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.tara-con-table .strong[b-4lfyfxev3a] {
    font-weight: 850;
}

.tara-con-table .rank[b-4lfyfxev3a] {
    width: 48px;
    color: var(--tara-primary-dark);
    font-weight: 900;
    text-align: center;
}

.tara-con-table .product[b-4lfyfxev3a] {
    min-width: 260px;
}

.tara-con-table .barcode[b-4lfyfxev3a] {
    white-space: nowrap;
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-con-table .actions[b-4lfyfxev3a] {
    min-width: 150px;
    white-space: nowrap;
}

.tara-con-table .actions button[b-4lfyfxev3a] {
    width: 32px;
    height: 32px;
    display: inline-grid;
    place-items: center;
    margin-right: .2rem;
    color: var(--tara-text);
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    cursor: pointer;
}

.tara-con-table .actions button:hover[b-4lfyfxev3a] {
    border-color: color-mix(in srgb, var(--tara-primary) 35%, var(--tara-border));
    color: var(--tara-primary-dark);
}

.tara-con-table .actions button:disabled[b-4lfyfxev3a] {
    opacity: .4;
    cursor: not-allowed;
}

.tara-con-store-list[b-4lfyfxev3a] {
    display: grid;
    gap: .35rem;
    overflow: auto;
    padding: .9rem;
}

.tara-con-store-list label[b-4lfyfxev3a] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .45rem .55rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-row-odd);
    color: var(--tara-text);
    font-weight: 700;
}

.tara-con-store-list input[b-4lfyfxev3a] {
    accent-color: var(--tara-primary);
}

.tara-con-dialog-table-scroll[b-4lfyfxev3a] {
    margin: .9rem;
}

.tara-con-dialog-table[b-4lfyfxev3a] {
    min-width: 720px;
}

.tara-con-image-preview[b-4lfyfxev3a] {
    display: block;
    max-width: calc(100% - 1.8rem);
    max-height: 58vh;
    object-fit: contain;
    margin: .9rem;
    margin-inline: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
}

@media (max-width: 1180px) {
    .tara-con-filter-grid[b-4lfyfxev3a] {
        grid-template-columns: repeat(4, minmax(150px, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-con-header[b-4lfyfxev3a],
    .tara-con-section-head[b-4lfyfxev3a] {
        flex-direction: column;
    }

    .tara-con-filter-grid[b-4lfyfxev3a] {
        grid-template-columns: 1fr;
    }

    .tara-con-store-btn[b-4lfyfxev3a],
    .tara-con-check[b-4lfyfxev3a],
    .tara-con-search-btn[b-4lfyfxev3a] {
        width: 100%;
    }

    .tara-con-table[b-4lfyfxev3a],
    .tara-con-dialog-table[b-4lfyfxev3a] {
        min-width: 920px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresEspecialesDesgloseVentas.razor.rz.scp.css */
.tara-des-page[b-ardnbjr0bv] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.tara-des-header[b-ardnbjr0bv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.tara-des-header span[b-ardnbjr0bv] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-des-header h1[b-ardnbjr0bv] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-des-header p[b-ardnbjr0bv] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-des-panel[b-ardnbjr0bv] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-des-alert[b-ardnbjr0bv] {
    border-radius: var(--tara-radius-sm);
}

.tara-des-results[b-ardnbjr0bv] {
    padding: .85rem;
}

.tara-des-filter-grid[b-ardnbjr0bv] {
    display: grid;
    grid-template-columns: minmax(320px, .6fr) minmax(260px, .4fr) auto;
    gap: .6rem;
    align-items: end;
    padding: .85rem;
}

.tara-des-date-range[b-ardnbjr0bv],
.tara-des-store-select[b-ardnbjr0bv] {
    min-width: 0;
}

.tara-des-actions[b-ardnbjr0bv] {
    align-self: end;
}

.tara-des-filter-meta[b-ardnbjr0bv] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: 0 .85rem .85rem;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-des-filter-summary-label[b-ardnbjr0bv] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .68rem;
    font-weight: 900;
}

.tara-des-filter-summary-text[b-ardnbjr0bv] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 750;
}

[b-ardnbjr0bv] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-ardnbjr0bv] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-ardnbjr0bv] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-ardnbjr0bv] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

.tara-des-toolbar[b-ardnbjr0bv] {
    display: grid;
    grid-template-columns: minmax(220px, 360px) minmax(0, 1fr);
    align-items: end;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-des-toolbar--no-search[b-ardnbjr0bv] {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: .45rem;
}

.tara-des-field[b-ardnbjr0bv] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

.tara-des-field span[b-ardnbjr0bv] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .68rem;
    font-weight: 800;
}

.tara-des-field input[b-ardnbjr0bv] {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 .7rem;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    outline: none;
}

.tara-des-field input:hover[b-ardnbjr0bv],
.tara-des-field input:focus[b-ardnbjr0bv] {
    border-color: var(--tara-primary-dark);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-des-status[b-ardnbjr0bv] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    text-align: right;
    padding-bottom: .5rem;
}

.tara-des-toolbar--no-search .tara-des-status[b-ardnbjr0bv] {
    text-align: left;
    padding-bottom: 0;
}

.tara-des-table-scroll[b-ardnbjr0bv] {
    max-width: 100%;
    max-height: clamp(400px, calc(100vh - 355px), 720px);
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-des-table[b-ardnbjr0bv] {
    min-width: 1640px;
    width: max-content;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tara-text);
    font-size: .84rem;
}

.tara-des-table th[b-ardnbjr0bv],
.tara-des-table td[b-ardnbjr0bv] {
    min-width: 128px;
    height: 34px;
    padding: .42rem .55rem;
    border-right: 1px solid var(--tara-border);
    border-bottom: 1px solid var(--tara-border);
    text-align: right;
    white-space: nowrap;
}

.tara-des-table th[b-ardnbjr0bv] {
    position: sticky;
    top: 0;
    z-index: 3;
    color: var(--tara-th-text);
    background: var(--tara-th-bg);
    font-size: .75rem;
    font-weight: 900;
}

.tara-des-table tbody tr:nth-child(odd) td[b-ardnbjr0bv] {
    background: var(--tara-row-odd);
}

.tara-des-table tbody tr:nth-child(even) td[b-ardnbjr0bv] {
    background: var(--tara-row-even);
}

.tara-des-table tbody tr:hover td[b-ardnbjr0bv] {
    background: var(--tara-row-hover);
}

.tara-des-col-date[b-ardnbjr0bv] {
    position: sticky;
    left: 0;
    z-index: 2;
    min-width: 118px !important;
    text-align: left !important;
    box-shadow: 1px 0 0 var(--tara-border);
}

th.tara-des-col-date[b-ardnbjr0bv] {
    z-index: 4;
}

.tara-des-col-date strong[b-ardnbjr0bv] {
    font-weight: 900;
}

.tara-des-col-total[b-ardnbjr0bv] {
    position: sticky;
    right: 0;
    z-index: 2;
    min-width: 132px !important;
    font-weight: 900;
    box-shadow: -1px 0 0 color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
}

th.tara-des-col-total[b-ardnbjr0bv] {
    z-index: 4;
}

.tara-des-table tbody td.tara-des-col-total[b-ardnbjr0bv],
.tara-des-table tbody tr:hover td.tara-des-col-total[b-ardnbjr0bv] {
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface)) !important;
}

.tara-des-table tfoot td[b-ardnbjr0bv] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    border-top: 2px solid color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface)) !important;
    font-weight: 900;
}

.tara-des-table tfoot .tara-des-col-date[b-ardnbjr0bv],
.tara-des-table tfoot .tara-des-col-total[b-ardnbjr0bv] {
    z-index: 3;
}

.tara-des-state[b-ardnbjr0bv] {
    min-height: 280px;
    display: grid;
    place-items: center;
    color: var(--tara-text-muted);
    text-align: center;
}

@media (max-width: 1080px) {
    .tara-des-filter-grid[b-ardnbjr0bv] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .tara-des-header[b-ardnbjr0bv] {
        align-items: stretch;
        flex-direction: column;
    }

    .tara-des-toolbar[b-ardnbjr0bv] {
        grid-template-columns: 1fr;
    }

    .tara-des-status[b-ardnbjr0bv] {
        text-align: left;
        padding-bottom: 0;
    }

    .tara-des-table-scroll[b-ardnbjr0bv] {
        max-height: 62vh;
    }

    .tara-des-table[b-ardnbjr0bv] {
        min-width: 1500px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresEspecialesMovimientos.razor.rz.scp.css */
.tara-mov-page[b-jh89ghsgl9] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.tara-mov-header[b-jh89ghsgl9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.tara-mov-header span[b-jh89ghsgl9] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-mov-header h1[b-jh89ghsgl9] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-mov-header p[b-jh89ghsgl9] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-mov-panel[b-jh89ghsgl9] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-mov-alert[b-jh89ghsgl9] {
    border-radius: var(--tara-radius-sm);
}

.tara-mov-legacy-note[b-jh89ghsgl9] {
    font-size: .82rem;
}

.tara-mov-results[b-jh89ghsgl9] {
    padding: .85rem;
}

.tara-mov-filter-grid[b-jh89ghsgl9] {
    display: grid;
    grid-template-columns: minmax(160px, .28fr) minmax(260px, .72fr) auto;
    gap: .6rem;
    align-items: end;
    padding: .85rem;
}

.tara-mov-actions[b-jh89ghsgl9] {
    align-self: end;
}

.tara-mov-filter-meta[b-jh89ghsgl9] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: 0 .85rem .85rem;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-mov-filter-summary-label[b-jh89ghsgl9] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .68rem;
    font-weight: 900;
}

.tara-mov-filter-summary-text[b-jh89ghsgl9] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 750;
}

.tara-mov-select[b-jh89ghsgl9],
.tara-mov-store-select[b-jh89ghsgl9] {
    min-width: 0;
}

[b-jh89ghsgl9] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-jh89ghsgl9] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-jh89ghsgl9] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-jh89ghsgl9] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

.tara-mov-toolbar[b-jh89ghsgl9] {
    display: grid;
    grid-template-columns: minmax(220px, 360px) minmax(0, 1fr);
    align-items: end;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-mov-toolbar--no-search[b-jh89ghsgl9] {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: .45rem;
}

.tara-mov-field[b-jh89ghsgl9] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

.tara-mov-field span[b-jh89ghsgl9] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .68rem;
    font-weight: 800;
}

.tara-mov-field input[b-jh89ghsgl9] {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 .7rem;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    outline: none;
}

.tara-mov-field input:hover[b-jh89ghsgl9],
.tara-mov-field input:focus[b-jh89ghsgl9] {
    border-color: var(--tara-primary-dark);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-mov-status[b-jh89ghsgl9] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    text-align: right;
    padding-bottom: .5rem;
}

.tara-mov-toolbar--no-search .tara-mov-status[b-jh89ghsgl9] {
    text-align: left;
    padding-bottom: 0;
}

.tara-mov-table-scroll[b-jh89ghsgl9] {
    max-width: 100%;
    max-height: clamp(400px, calc(100vh - 355px), 720px);
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-mov-table[b-jh89ghsgl9] {
    min-width: 1240px;
    width: max-content;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tara-text);
    font-size: .84rem;
}

.tara-mov-table th[b-jh89ghsgl9],
.tara-mov-table td[b-jh89ghsgl9] {
    min-width: 104px;
    height: 34px;
    padding: .42rem .55rem;
    border-right: 1px solid var(--tara-border);
    border-bottom: 1px solid var(--tara-border);
    text-align: right;
    white-space: nowrap;
}

.tara-mov-table th[b-jh89ghsgl9] {
    position: sticky;
    top: 0;
    z-index: 3;
    color: var(--tara-th-text);
    background: var(--tara-th-bg);
    font-size: .75rem;
    font-weight: 900;
}

.tara-mov-table tbody tr:nth-child(odd) td[b-jh89ghsgl9] {
    background: var(--tara-row-odd);
}

.tara-mov-table tbody tr:nth-child(even) td[b-jh89ghsgl9] {
    background: var(--tara-row-even);
}

.tara-mov-table tbody tr:hover td[b-jh89ghsgl9] {
    background: var(--tara-row-hover);
}

.tara-mov-row-pending td[b-jh89ghsgl9] {
    color: var(--tara-text-muted);
}

.tara-mov-col-concepto[b-jh89ghsgl9] {
    position: sticky;
    left: 0;
    z-index: 2;
    min-width: 240px !important;
    max-width: 340px;
    text-align: left !important;
    box-shadow: 1px 0 0 var(--tara-border);
}

th.tara-mov-col-concepto[b-jh89ghsgl9] {
    z-index: 4;
}

.tara-mov-col-concepto strong[b-jh89ghsgl9] {
    font-weight: 900;
}

.tara-mov-col-total[b-jh89ghsgl9] {
    position: sticky;
    right: 0;
    z-index: 2;
    min-width: 126px !important;
    font-weight: 900;
    box-shadow: -1px 0 0 color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
}

th.tara-mov-col-total[b-jh89ghsgl9] {
    z-index: 4;
}

.tara-mov-table tbody td.tara-mov-col-total[b-jh89ghsgl9],
.tara-mov-table tbody tr:hover td.tara-mov-col-total[b-jh89ghsgl9] {
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface)) !important;
}

.tara-mov-table tfoot td[b-jh89ghsgl9] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    border-top: 2px solid color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface)) !important;
    font-weight: 900;
}

.tara-mov-table tfoot .tara-mov-col-concepto[b-jh89ghsgl9],
.tara-mov-table tfoot .tara-mov-col-total[b-jh89ghsgl9] {
    z-index: 3;
}

.tara-mov-state[b-jh89ghsgl9] {
    min-height: 280px;
    display: grid;
    place-items: center;
    color: var(--tara-text-muted);
    text-align: center;
}

@media (max-width: 980px) {
    .tara-mov-filter-grid[b-jh89ghsgl9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .tara-mov-header[b-jh89ghsgl9] {
        align-items: stretch;
        flex-direction: column;
    }

    .tara-mov-toolbar[b-jh89ghsgl9] {
        grid-template-columns: 1fr;
    }

    .tara-mov-status[b-jh89ghsgl9] {
        text-align: left;
        padding-bottom: 0;
    }

    .tara-mov-table-scroll[b-jh89ghsgl9] {
        max-height: 62vh;
    }

    .tara-mov-table[b-jh89ghsgl9] {
        min-width: 1060px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresExistenciasPorTipo.razor.rz.scp.css */
.tara-ept-page[b-addf1e5r2a] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.tara-ept-header[b-addf1e5r2a] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.tara-ept-header span[b-addf1e5r2a],
.tara-ept-section-head span[b-addf1e5r2a],
.tara-ept-dialog header span[b-addf1e5r2a] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-ept-header h1[b-addf1e5r2a] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-ept-header p[b-addf1e5r2a],
.tara-ept-section-head p[b-addf1e5r2a] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-ept-panel[b-addf1e5r2a] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-ept-alert[b-addf1e5r2a] {
    border-radius: var(--tara-radius-sm);
}

.tara-ept-results[b-addf1e5r2a] {
    padding: .85rem;
}

.tara-ept-status[b-addf1e5r2a],
.tara-ept-filter-meta[b-addf1e5r2a] {
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-ept-status[b-addf1e5r2a] {
    padding: .85rem .85rem 0;
}

.tara-ept-filter-grid[b-addf1e5r2a] {
    display: grid;
    grid-template-columns: minmax(220px, 1.25fr) auto auto minmax(130px, .42fr) auto;
    gap: .65rem;
    align-items: end;
    margin-top: .55rem;
    padding: 0 .85rem;
}

.tara-ept-field[b-addf1e5r2a] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

.tara-ept-field span[b-addf1e5r2a] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .68rem;
    font-weight: 800;
}

.tara-ept-field select[b-addf1e5r2a],
.tara-ept-field input[b-addf1e5r2a] {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 .7rem;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    outline: none;
}

.tara-ept-field select:hover[b-addf1e5r2a],
.tara-ept-field input:hover[b-addf1e5r2a],
.tara-ept-field select:focus[b-addf1e5r2a],
.tara-ept-field input:focus[b-addf1e5r2a] {
    border-color: color-mix(in srgb, var(--tara-primary) 35%, var(--tara-border));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-ept-filter-btn[b-addf1e5r2a] {
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    color: var(--tara-text);
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    font-weight: 800;
    cursor: pointer;
}

.tara-ept-filter-btn:disabled[b-addf1e5r2a] {
    opacity: .55;
    cursor: not-allowed;
}

.tara-ept-search-btn[b-addf1e5r2a] {
    min-height: 38px;
    align-self: end;
}

.tara-ept-filter-meta[b-addf1e5r2a] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: .55rem .85rem .85rem;
}

.tara-ept-filter-pill[b-addf1e5r2a] {
    display: inline-flex;
    align-items: center;
    max-width: 240px;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    padding: .18rem .5rem;
    font-size: .74rem;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-ept-section-head[b-addf1e5r2a] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 340px);
    gap: .75rem;
    align-items: end;
    margin-bottom: .7rem;
}

.tara-ept-section-head h2[b-addf1e5r2a] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.06rem;
    font-weight: 900;
}

.tara-ept-results-table-scroll[b-addf1e5r2a] {
    max-height: clamp(380px, calc(100vh - 360px), 700px);
    overflow: auto;
}

.tara-ept-results-table[b-addf1e5r2a] {
    min-width: 1040px;
}

.tara-ept-col-rank[b-addf1e5r2a] {
    width: 54px;
    min-width: 54px;
    text-align: center !important;
    color: var(--tara-primary-dark);
    font-weight: 900;
}

.tara-ept-col-name[b-addf1e5r2a] {
    min-width: 260px;
    text-align: left !important;
}

.tara-ept-col-name strong[b-addf1e5r2a] {
    display: block;
    max-width: 340px;
    overflow: hidden;
    color: var(--tara-text);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 900;
}

.tara-ept-col-action[b-addf1e5r2a] {
    width: 74px;
    min-width: 74px;
    text-align: center !important;
}

.tara-ept-results-table[b-addf1e5r2a]  .mud-icon-button {
    color: var(--tara-text-muted);
    border-color: var(--tara-border);
}

.tara-ept-results-table[b-addf1e5r2a]  .mud-icon-button:hover:not(:disabled) {
    color: var(--tara-primary-dark);
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 25%, var(--tara-border));
}

.tara-ept-table-scroll[b-addf1e5r2a] {
    overflow-x: auto;
    max-width: 100%;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
}

.tara-ept-table[b-addf1e5r2a] {
    width: 100%;
    min-width: 920px;
    border-collapse: collapse;
    background: var(--tara-surface);
    color: var(--tara-text);
}

.tara-ept-table th[b-addf1e5r2a],
.tara-ept-table td[b-addf1e5r2a] {
    padding: .48rem .6rem;
    border: 1px solid var(--tara-border);
    white-space: nowrap;
}

.tara-ept-table th[b-addf1e5r2a] {
    color: var(--tara-th-text);
    background: var(--tara-th-bg);
    font-size: .76rem;
    font-weight: 900;
}

.tara-ept-table tbody tr:nth-child(odd)[b-addf1e5r2a] {
    background: var(--tara-row-odd);
}

.tara-ept-table tbody tr:nth-child(even)[b-addf1e5r2a] {
    background: var(--tara-row-even);
}

.tara-ept-table tbody tr:hover[b-addf1e5r2a] {
    background: var(--tara-row-hover);
}

.tara-ept-cell-number[b-addf1e5r2a] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.tara-ept-state[b-addf1e5r2a] {
    min-height: 280px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-ept-state--compact[b-addf1e5r2a] {
    min-height: 220px;
}

.tara-ept-state[b-addf1e5r2a]  .mud-icon-root {
    color: var(--tara-text-muted);
}

.tara-ept-dialog-backdrop[b-addf1e5r2a] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(0, 0, 0, .42);
}

.tara-ept-dialog[b-addf1e5r2a] {
    width: min(560px, 100%);
    max-height: min(760px, calc(100vh - 2rem));
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-lg);
}

.tara-ept-dialog--wide[b-addf1e5r2a] {
    width: min(1120px, 100%);
}

.tara-ept-dialog header[b-addf1e5r2a],
.tara-ept-dialog footer[b-addf1e5r2a],
.tara-ept-dialog-actions[b-addf1e5r2a] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    padding: .85rem;
    border-bottom: 1px solid var(--tara-border-subtle);
}

.tara-ept-dialog footer[b-addf1e5r2a] {
    border-top: 1px solid var(--tara-border-subtle);
    border-bottom: 0;
    justify-content: flex-end;
}

.tara-ept-dialog h3[b-addf1e5r2a] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.02rem;
    font-weight: 900;
}

.tara-ept-check-list[b-addf1e5r2a] {
    overflow: auto;
    padding: .65rem .85rem;
    display: grid;
    gap: .35rem;
}

.tara-ept-check-list label[b-addf1e5r2a] {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .42rem .5rem;
    color: var(--tara-text);
    background: var(--tara-row-odd);
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
}

@media (max-width: 1020px) {
    .tara-ept-filter-grid[b-addf1e5r2a] {
        grid-template-columns: 1fr 1fr;
    }

    .tara-ept-search-btn[b-addf1e5r2a],
    .tara-ept-filter-btn[b-addf1e5r2a] {
        width: 100%;
    }
}

@media (max-width: 760px) {
    .tara-ept-header[b-addf1e5r2a],
    .tara-ept-section-head[b-addf1e5r2a] {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .tara-ept-filter-grid[b-addf1e5r2a] {
        grid-template-columns: 1fr;
    }

    .tara-ept-results-table-scroll[b-addf1e5r2a] {
        max-height: 62vh;
        -webkit-overflow-scrolling: touch;
    }

    .tara-ept-results-table[b-addf1e5r2a] {
        min-width: 1040px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresOptimizador.razor.rz.scp.css */
.tara-opt-page[b-2es571kdna] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.tara-opt-header[b-2es571kdna] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.tara-opt-header span[b-2es571kdna] {
    color: var(--tara-primary-dark);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.tara-opt-header h1[b-2es571kdna] {
    margin: .08rem 0;
    color: var(--tara-text);
    font-size: 1.45rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-opt-header p[b-2es571kdna] {
    margin: 0;
    color: var(--tara-text-muted);
}

.tara-opt-alert[b-2es571kdna] {
    background: var(--tara-surface);
}

.tara-opt-panel[b-2es571kdna] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-opt-results[b-2es571kdna] {
    padding: .9rem;
}

.tara-opt-applied[b-2es571kdna] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .55rem .7rem;
}

.tara-opt-applied-text[b-2es571kdna] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .35rem .5rem;
    min-width: 0;
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-opt-applied-text strong[b-2es571kdna] {
    color: var(--tara-primary-dark);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-opt-applied-text span[b-2es571kdna] {
    display: inline-flex;
    align-items: center;
    max-width: 220px;
    color: var(--tara-text);
    border-left: 1px solid var(--tara-border);
    padding-left: .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-opt-applied-actions[b-2es571kdna] {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex: 0 0 auto;
}

.tara-opt-status[b-2es571kdna],
.tara-opt-summary[b-2es571kdna] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-opt-status[b-2es571kdna] {
    padding: .85rem .85rem 0;
}

.tara-opt-filter-grid[b-2es571kdna] {
    display: grid;
    grid-template-columns: minmax(290px, 1.4fr) repeat(4, minmax(140px, 1fr));
    gap: .7rem;
    margin-top: .65rem;
    align-items: end;
    padding: 0 .85rem .85rem;
}

.tara-opt-date-range[b-2es571kdna] {
    min-width: 0;
}

.tara-opt-select[b-2es571kdna] {
    min-width: 0;
}

[b-2es571kdna] .tara-opt-select .mud-input-root {
    background: var(--tara-surface);
    color: var(--tara-text);
}

[b-2es571kdna] .tara-opt-select .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--tara-border);
}

[b-2es571kdna] .tara-opt-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-2es571kdna] .tara-opt-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-2es571kdna] .tara-opt-select .mud-input-root-outlined.mud-input-focused label,
[b-2es571kdna] .tara-opt-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-2es571kdna] .tara-opt-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

[b-2es571kdna] .tara-opt-select .mud-input-adornment,
[b-2es571kdna] .tara-opt-select .mud-select-input {
    color: var(--tara-text);
}

.tara-opt-field[b-2es571kdna] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-width: 0;
}

.tara-opt-field span[b-2es571kdna],
.tara-opt-check span[b-2es571kdna] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-opt-field input[b-2es571kdna] {
    width: 100%;
    min-height: 36px;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding: .38rem .55rem;
    font: inherit;
    outline: none;
}

.tara-opt-field input:hover[b-2es571kdna],
.tara-opt-field input:focus[b-2es571kdna] {
    border-color: var(--tara-primary-dark);
}

.tara-opt-check[b-2es571kdna] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-height: 36px;
}

.tara-opt-check input[b-2es571kdna] {
    width: 16px;
    height: 16px;
    accent-color: var(--tara-primary);
}

.tara-opt-search-btn[b-2es571kdna] {
    min-height: 36px;
}

.tara-opt-filter-summary[b-2es571kdna] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    min-width: 0;
}

.tara-opt-filter-summary span[b-2es571kdna] {
    display: inline-flex;
    align-items: center;
    max-width: 220px;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    padding: .18rem .5rem;
    font-size: .74rem;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-opt-toolbar[b-2es571kdna] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(220px, 320px);
    gap: .75rem;
    align-items: end;
}

.tara-opt-summary[b-2es571kdna] {
    margin-top: .75rem;
    padding-top: .7rem;
    border-top: 1px solid var(--tara-border-subtle);
}

.tara-opt-list[b-2es571kdna] {
    display: grid;
    gap: .65rem;
    margin-top: .8rem;
    max-height: clamp(420px, calc(100vh - 410px), 760px);
    overflow: auto;
    padding-right: .2rem;
}

.tara-opt-card[b-2es571kdna] {
    background: var(--tara-row-odd);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    padding: .78rem;
    transition: var(--tara-transition);
}

.tara-opt-card:nth-child(even)[b-2es571kdna] {
    background: var(--tara-row-even);
}

.tara-opt-card:hover[b-2es571kdna] {
    background: var(--tara-row-hover);
    border-color: color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
}

.tara-opt-card-head[b-2es571kdna] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: .65rem;
    align-items: start;
}

.tara-opt-rank[b-2es571kdna] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: var(--tara-text-inverse);
    background: var(--tara-primary-dark);
    border-radius: 999px;
    font-weight: 900;
    font-size: .78rem;
}

.tara-opt-card h2[b-2es571kdna] {
    margin: 0;
    color: var(--tara-text);
    font-size: .98rem;
    font-weight: 900;
}

.tara-opt-card p[b-2es571kdna],
.tara-opt-card small[b-2es571kdna] {
    color: var(--tara-text-muted);
}

.tara-opt-card p[b-2es571kdna] {
    margin: .16rem 0;
    font-size: .82rem;
}

.tara-opt-card small[b-2es571kdna] {
    display: inline-block;
    margin-top: .1rem;
    font-size: .74rem;
    font-weight: 700;
}

.tara-opt-chips[b-2es571kdna] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin: .65rem 0 .55rem;
}

.tara-opt-chip[b-2es571kdna] {
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    padding: .2rem .55rem;
    color: var(--tara-text);
    background: var(--tara-surface-raised);
    font-size: .72rem;
    font-weight: 800;
}

.tara-opt-chip--success[b-2es571kdna] {
    color: color-mix(in srgb, var(--tara-success) 72%, var(--tara-text));
    border-color: color-mix(in srgb, var(--tara-success) 30%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-success) 10%, var(--tara-surface));
}

.tara-opt-chip--high[b-2es571kdna] {
    color: color-mix(in srgb, var(--tara-success) 58%, var(--tara-text));
    border-color: color-mix(in srgb, var(--tara-success) 22%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-success) 7%, var(--tara-surface));
}

.tara-opt-chip--medium[b-2es571kdna] {
    color: color-mix(in srgb, var(--tara-warning) 78%, var(--tara-text));
    border-color: color-mix(in srgb, var(--tara-warning) 30%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-warning) 10%, var(--tara-surface));
}

.tara-opt-chip--low[b-2es571kdna] {
    color: color-mix(in srgb, var(--tara-warning) 55%, var(--tara-danger));
    border-color: color-mix(in srgb, var(--tara-warning) 22%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-warning) 8%, var(--tara-surface));
}

.tara-opt-chip--critical[b-2es571kdna] {
    color: color-mix(in srgb, var(--tara-danger) 78%, var(--tara-text));
    border-color: color-mix(in srgb, var(--tara-danger) 30%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-danger) 10%, var(--tara-surface));
}

.tara-opt-metrics[b-2es571kdna] {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: .35rem .8rem;
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-opt-metrics strong[b-2es571kdna] {
    color: var(--tara-text);
}

.tara-opt-meta[b-2es571kdna] {
    margin: .55rem 0 0;
    font-size: .78rem;
}

@media (max-width: 1180px) {
    .tara-opt-filter-grid[b-2es571kdna] {
        grid-template-columns: repeat(3, minmax(150px, 1fr));
    }

    .tara-opt-metrics[b-2es571kdna] {
        grid-template-columns: repeat(3, minmax(120px, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-opt-header[b-2es571kdna],
    .tara-opt-summary[b-2es571kdna],
    .tara-opt-applied[b-2es571kdna] {
        align-items: flex-start;
        flex-direction: column;
    }

    .tara-opt-applied-actions[b-2es571kdna] {
        width: 100%;
        justify-content: flex-end;
    }

    .tara-opt-filter-grid[b-2es571kdna],
    .tara-opt-toolbar[b-2es571kdna] {
        grid-template-columns: 1fr;
    }

    .tara-opt-metrics[b-2es571kdna] {
        grid-template-columns: 1fr 1fr;
    }

    .tara-opt-list[b-2es571kdna] {
        max-height: none;
        overflow: visible;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresPlaceholder.razor.rz.scp.css */
.tara-ind-page[b-e6k4ix2stz] {
    min-height: calc(100vh - 96px);
    padding: 24px;
    background: var(--tara-bg);
}

.tara-ind-card[b-e6k4ix2stz] {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 18px;
    max-width: 760px;
    margin: 32px auto 0;
    padding: 24px;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-ind-icon[b-e6k4ix2stz] {
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    border-radius: var(--tara-radius);
    color: var(--tara-primary-dark);
    background: var(--tara-primary-subtle);
}

.tara-ind-icon[b-e6k4ix2stz]  .mud-icon-root {
    font-size: 32px;
}

.tara-ind-content[b-e6k4ix2stz] {
    min-width: 0;
}

.tara-ind-eyebrow[b-e6k4ix2stz] {
    display: inline-block;
    margin-bottom: 4px;
    color: var(--tara-primary-dark);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.tara-ind-content h1[b-e6k4ix2stz] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.35rem, 2vw, 1.75rem);
    font-weight: 900;
    line-height: 1.1;
}

.tara-ind-content p[b-e6k4ix2stz] {
    margin: 8px 0 0;
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-ind-meta[b-e6k4ix2stz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0;
}

.tara-ind-meta span[b-e6k4ix2stz] {
    padding: 5px 8px;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    color: var(--tara-text-muted);
    background: var(--tara-row-odd);
    font-size: .76rem;
    font-weight: 700;
}

.tara-ind-alert[b-e6k4ix2stz] {
    margin-top: 8px;
}

.tara-ind-loading[b-e6k4ix2stz] {
    min-height: calc(100vh - 96px);
    display: grid;
    gap: 12px;
    place-content: center;
    justify-items: center;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-ind-loading[b-e6k4ix2stz]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 42px;
}

@media (max-width: 640px) {
    .tara-ind-page[b-e6k4ix2stz] {
        padding: 14px;
    }

    .tara-ind-card[b-e6k4ix2stz] {
        grid-template-columns: 1fr;
        margin-top: 12px;
        padding: 18px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresRadiografia.razor.rz.scp.css */
.tara-radio-page[b-wd83qlhbz2] {
    min-height: calc(100vh - 64px);
    padding: 24px clamp(16px, 2.4vw, 32px) 36px;
    background: var(--tara-bg);
    color: var(--tara-text);
}

.tara-radio-loading[b-wd83qlhbz2],
.tara-radio-state-card[b-wd83qlhbz2] {
    min-height: 42vh;
    display: grid;
    place-items: center;
    gap: 12px;
    text-align: center;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-radio-state-card[b-wd83qlhbz2] {
    min-height: 260px;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-radio-state-card .mud-icon-root[b-wd83qlhbz2],
.tara-radio-loading .mud-icon-root[b-wd83qlhbz2] {
    color: var(--tara-text-muted);
    font-size: 2rem;
}

.tara-radio-loading-note[b-wd83qlhbz2] {
    display: block;
    max-width: 520px;
    color: var(--tara-text-muted);
    font-size: .86rem;
    line-height: 1.35;
}

.tara-radio-header[b-wd83qlhbz2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--tara-border);
}

.tara-radio-eyebrow[b-wd83qlhbz2] {
    display: block;
    margin-bottom: 4px;
    color: var(--tara-primary);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.tara-radio-header h1[b-wd83qlhbz2] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.1;
}

.tara-radio-header p[b-wd83qlhbz2] {
    margin: 4px 0 0;
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-radio-actions[b-wd83qlhbz2] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.tara-radio-toolbar[b-wd83qlhbz2] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
    padding: 10px 12px;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-radio-period[b-wd83qlhbz2] {
    display: flex;
    align-items: end;
    gap: 10px;
    flex-wrap: wrap;
}

.tara-radio-period span[b-wd83qlhbz2],
.tara-radio-period small[b-wd83qlhbz2],
.tara-radio-muted[b-wd83qlhbz2] {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-radio-period strong[b-wd83qlhbz2] {
    color: var(--tara-text);
    font-size: .98rem;
}

.tara-radio-period-select[b-wd83qlhbz2] {
    display: grid;
    gap: 2px;
}

.tara-radio-period-select select[b-wd83qlhbz2] {
    height: 34px;
    padding: 0 10px;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    outline: none;
}

.tara-radio-period-select select:hover[b-wd83qlhbz2],
.tara-radio-period-select select:focus[b-wd83qlhbz2] {
    border-color: var(--tara-primary-dark);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-radio-custom-period[b-wd83qlhbz2] {
    display: flex;
    align-items: end;
    gap: 8px;
    flex-wrap: wrap;
}

.tara-radio-date-range[b-wd83qlhbz2] {
    min-width: min(430px, 100%);
}

[b-wd83qlhbz2] .tara-radio-date-range .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--tara-border);
}

[b-wd83qlhbz2] .tara-radio-date-range .mud-input-outlined:hover .mud-input-outlined-border,
[b-wd83qlhbz2] .tara-radio-date-range .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-wd83qlhbz2] .tara-radio-date-range .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

.tara-radio-custom-period button[b-wd83qlhbz2] {
    height: 34px;
    padding: 0 12px;
    color: var(--tara-surface);
    background: var(--tara-primary-dark);
    border: 1px solid var(--tara-primary-dark);
    border-radius: var(--tara-radius-sm);
    font-weight: 800;
    cursor: pointer;
}

.tara-radio-custom-period button:disabled[b-wd83qlhbz2] {
    opacity: .65;
    cursor: not-allowed;
}

.tara-radio-scope[b-wd83qlhbz2] {
    position: relative;
}

.tara-radio-scope-btn[b-wd83qlhbz2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    color: var(--tara-text);
    font-weight: 700;
    cursor: pointer;
}

.tara-radio-scope-btn:hover[b-wd83qlhbz2] {
    border-color: var(--tara-primary);
    background: var(--tara-row-hover);
}

.tara-radio-scope-panel[b-wd83qlhbz2] {
    position: absolute;
    z-index: 5;
    top: calc(100% + 8px);
    right: 0;
    width: min(360px, calc(100vw - 32px));
    max-height: 420px;
    overflow: auto;
    padding: 12px;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-md);
}

.tara-radio-scope-head[b-wd83qlhbz2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.tara-radio-scope-head strong[b-wd83qlhbz2] {
    color: var(--tara-text);
    font-size: .9rem;
}

.tara-radio-scope-head button[b-wd83qlhbz2] {
    border: 0;
    background: transparent;
    color: var(--tara-primary);
    font-size: .8rem;
    font-weight: 800;
    cursor: pointer;
}

.tara-radio-sucursal-list[b-wd83qlhbz2] {
    display: grid;
    gap: 6px;
}

.tara-radio-check-row[b-wd83qlhbz2] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 30px;
    padding: 4px 6px;
    border-radius: var(--tara-radius-sm);
    color: var(--tara-text);
    font-size: .88rem;
    cursor: pointer;
}

.tara-radio-check-row:hover[b-wd83qlhbz2] {
    background: var(--tara-row-hover);
}

.tara-radio-check-row input[b-wd83qlhbz2] {
    accent-color: var(--tara-primary);
}

.tara-radio-alert[b-wd83qlhbz2] {
    margin-bottom: 14px;
}

.tara-radio-foco[b-wd83qlhbz2] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    margin-bottom: 14px;
    padding: 18px 20px;
    border: 1px solid var(--tara-border);
    border-left: 4px solid var(--tara-primary);
    border-radius: var(--tara-radius);
    background: linear-gradient(135deg, var(--tara-surface), var(--tara-row-even));
    box-shadow: var(--tara-shadow-sm);
}

.tara-radio-foco-label[b-wd83qlhbz2] {
    display: grid;
    place-items: center;
    min-width: 70px;
    min-height: 70px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-weight: 900;
    letter-spacing: .04em;
}

.tara-radio-foco h2[b-wd83qlhbz2] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.18rem, 1.8vw, 1.55rem);
}

.tara-radio-foco p[b-wd83qlhbz2] {
    margin: 5px 0 0;
    color: var(--tara-text-muted);
    line-height: 1.42;
}

.tara-radio-foco > span[b-wd83qlhbz2] {
    align-self: start;
    padding: 5px 9px;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 800;
    white-space: nowrap;
}

.tara-radio-foco--estable[b-wd83qlhbz2] {
    border-left-color: var(--tara-primary-dark);
}

.tara-radio-foco--alerta[b-wd83qlhbz2],
.tara-radio-foco--atencion[b-wd83qlhbz2] {
    border-left-color: var(--tara-primary);
}

.tara-radio-metrics[b-wd83qlhbz2] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.tara-radio-metric[b-wd83qlhbz2] {
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-radio-metric span[b-wd83qlhbz2],
.tara-radio-metric small[b-wd83qlhbz2] {
    display: block;
    color: var(--tara-text-muted);
    font-size: .74rem;
}

.tara-radio-metric span[b-wd83qlhbz2] {
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-radio-metric strong[b-wd83qlhbz2] {
    display: block;
    margin: 5px 0 2px;
    color: var(--tara-text);
    font-size: 1.25rem;
    line-height: 1;
}

.tara-radio-grid[b-wd83qlhbz2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.tara-radio-page[b-wd83qlhbz2]  .tara-radio-panel,
.tara-radio-store-summary[b-wd83qlhbz2] {
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-radio-panel--alerts[b-wd83qlhbz2] {
    grid-column: 1 / -1;
}

.tara-radio-page[b-wd83qlhbz2]  .tara-radio-panel-title,
.tara-radio-panel-title[b-wd83qlhbz2] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--tara-border);
}

.tara-radio-page[b-wd83qlhbz2]  .tara-radio-panel-title span,
.tara-radio-panel-title span[b-wd83qlhbz2] {
    color: var(--tara-primary);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.tara-radio-page[b-wd83qlhbz2]  .tara-radio-panel-title small,
.tara-radio-panel-title small[b-wd83qlhbz2] {
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-radio-empty[b-wd83qlhbz2] {
    margin: 0;
    padding: 10px;
    border-radius: var(--tara-radius-sm);
    background: var(--tara-row-even);
    color: var(--tara-text-muted);
    font-size: .9rem;
}

.tara-radio-alert-list[b-wd83qlhbz2],
.tara-radio-page[b-wd83qlhbz2]  .tara-radio-card-list {
    display: grid;
    gap: 8px;
}

.tara-radio-alert-row[b-wd83qlhbz2],
.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: start;
    padding: 10px;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-row-odd);
}

.tara-radio-alert-row strong[b-wd83qlhbz2],
.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item strong {
    color: var(--tara-text);
    font-size: .94rem;
}

.tara-radio-alert-row p[b-wd83qlhbz2],
.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item p {
    margin: 3px 0 0;
    color: var(--tara-text-muted);
    font-size: .84rem;
    line-height: 1.35;
}

.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item span {
    display: block;
    margin-top: 2px;
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-radio-alert-row > span[b-wd83qlhbz2],
.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item aside {
    min-width: 72px;
    text-align: right;
}

.tara-radio-alert-row > span[b-wd83qlhbz2],
.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item aside strong {
    color: var(--tara-primary-dark);
    font-weight: 900;
}

.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item aside span {
    font-size: .76rem;
}

.tara-radio-store-summary[b-wd83qlhbz2] {
    margin-top: 14px;
}

.tara-radio-inline-loading[b-wd83qlhbz2] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--tara-text-muted);
}

.tara-radio-table-scroll[b-wd83qlhbz2] {
    overflow-x: auto;
    max-width: 100%;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
}

.tara-radio-table[b-wd83qlhbz2] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    background: var(--tara-surface);
}

.tara-radio-table th[b-wd83qlhbz2],
.tara-radio-table td[b-wd83qlhbz2] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--tara-border);
    color: var(--tara-text);
    font-size: .84rem;
    text-align: right;
    white-space: nowrap;
}

.tara-radio-table th[b-wd83qlhbz2] {
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    font-size: .74rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-radio-table th:nth-child(2)[b-wd83qlhbz2],
.tara-radio-table td:nth-child(2)[b-wd83qlhbz2] {
    text-align: left;
}

.tara-radio-table tbody tr:nth-child(even)[b-wd83qlhbz2] {
    background: var(--tara-row-even);
}

.tara-radio-table tbody tr:hover[b-wd83qlhbz2] {
    background: var(--tara-row-hover);
}

@media (max-width: 1180px) {
    .tara-radio-metrics[b-wd83qlhbz2] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .tara-radio-page[b-wd83qlhbz2] {
        padding: 16px 12px 28px;
    }

    .tara-radio-header[b-wd83qlhbz2],
    .tara-radio-toolbar[b-wd83qlhbz2],
    .tara-radio-foco[b-wd83qlhbz2] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    .tara-radio-actions[b-wd83qlhbz2] {
        justify-content: flex-end;
    }

    .tara-radio-scope-panel[b-wd83qlhbz2] {
        left: 0;
        right: auto;
    }

    .tara-radio-metrics[b-wd83qlhbz2],
    .tara-radio-grid[b-wd83qlhbz2] {
        grid-template-columns: 1fr;
    }

    .tara-radio-foco-label[b-wd83qlhbz2] {
        min-width: 54px;
        min-height: 54px;
    }
}

@media (max-width: 560px) {
    .tara-radio-metrics[b-wd83qlhbz2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-radio-alert-row[b-wd83qlhbz2],
    .tara-radio-page[b-wd83qlhbz2]  .tara-radio-item {
        grid-template-columns: 1fr;
    }

    .tara-radio-alert-row > span[b-wd83qlhbz2],
    .tara-radio-page[b-wd83qlhbz2]  .tara-radio-item aside {
        text-align: left;
    }
}

/* ── Cierre premium Radiografía ─────────────────────────────────────────── */
.tara-radio-scope-actions[b-wd83qlhbz2] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--tara-border);
}

.tara-radio-scope-actions button[b-wd83qlhbz2] {
    min-height: 32px;
    padding: 0 12px;
    border-radius: var(--tara-radius-sm);
    font-size: .82rem;
    font-weight: 800;
    cursor: pointer;
}

.tara-radio-scope-cancel[b-wd83qlhbz2] {
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    color: var(--tara-text-muted);
}

.tara-radio-scope-apply[b-wd83qlhbz2] {
    border: 1px solid var(--tara-primary-dark);
    background: var(--tara-primary-dark);
    color: var(--tara-text-inverse);
}

.tara-radio-metric[b-wd83qlhbz2] {
    position: relative;
    overflow: hidden;
    padding: 13px 14px;
    border-left: 4px solid var(--tara-border);
}

.tara-radio-metric[b-wd83qlhbz2]::after {
    content: "";
    position: absolute;
    inset: 0 0 auto auto;
    width: 76px;
    height: 76px;
    border-radius: 0 0 0 var(--tara-radius-lg);
    background: color-mix(in srgb, var(--metric-accent, var(--tara-primary)) 9%, transparent);
    pointer-events: none;
}

.tara-radio-metric-top[b-wd83qlhbz2] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.tara-radio-metric-top .mud-icon-root[b-wd83qlhbz2] {
    color: var(--metric-accent, var(--tara-primary));
    opacity: .9;
}

.tara-radio-metric strong[b-wd83qlhbz2],
.tara-radio-metric small[b-wd83qlhbz2] {
    position: relative;
    z-index: 1;
}

.tara-radio-metric strong[b-wd83qlhbz2] {
    margin-top: 8px;
    color: var(--metric-accent-strong, var(--tara-text));
    font-size: clamp(1.35rem, 1.8vw, 1.75rem);
    letter-spacing: -.03em;
}

.tara-radio-metric--ventas[b-wd83qlhbz2] {
    --metric-accent: var(--tara-success);
    --metric-accent-strong: var(--tara-success);
    background: linear-gradient(135deg, var(--tara-surface), color-mix(in srgb, var(--tara-success) 7%, var(--tara-surface)));
}

.tara-radio-metric--utilidad[b-wd83qlhbz2] {
    --metric-accent: var(--tara-success);
    --metric-accent-strong: color-mix(in srgb, var(--tara-success) 72%, var(--tara-text));
    background: linear-gradient(135deg, var(--tara-surface), color-mix(in srgb, var(--tara-success) 10%, var(--tara-surface)));
}

.tara-radio-metric--piezas[b-wd83qlhbz2] {
    --metric-accent: var(--tara-info);
    --metric-accent-strong: color-mix(in srgb, var(--tara-info) 78%, var(--tara-text));
    background: linear-gradient(135deg, var(--tara-surface), color-mix(in srgb, var(--tara-info) 7%, var(--tara-surface)));
}

.tara-radio-metric--productos[b-wd83qlhbz2] {
    --metric-accent: var(--tara-primary-dark);
    --metric-accent-strong: var(--tara-text);
}

.tara-radio-metric--existencia[b-wd83qlhbz2] {
    --metric-accent: var(--tara-warning);
    --metric-accent-strong: color-mix(in srgb, var(--tara-warning) 72%, var(--tara-text));
    background: linear-gradient(135deg, var(--tara-surface), color-mix(in srgb, var(--tara-warning) 8%, var(--tara-surface)));
}

.tara-radio-metric--alertas[b-wd83qlhbz2] {
    --metric-accent: var(--tara-danger);
    --metric-accent-strong: var(--tara-danger);
    background: linear-gradient(135deg, var(--tara-surface), color-mix(in srgb, var(--tara-danger) 7%, var(--tara-surface)));
}

.tara-radio-alert-row[b-wd83qlhbz2] {
    position: relative;
    align-items: center;
    padding: 12px 12px 12px 14px;
    border-left: 4px solid var(--alert-accent, var(--tara-border));
    background: linear-gradient(90deg, color-mix(in srgb, var(--alert-accent, var(--tara-border)) 6%, var(--tara-surface)), var(--tara-surface));
}

.tara-radio-alert-row--critico[b-wd83qlhbz2] {
    --alert-accent: var(--tara-danger);
}

.tara-radio-alert-row--atencion[b-wd83qlhbz2] {
    --alert-accent: var(--tara-warning);
}

.tara-radio-alert-row--estable[b-wd83qlhbz2] {
    --alert-accent: var(--tara-success);
}

.tara-radio-alert-row > span[b-wd83qlhbz2] {
    display: inline-grid;
    place-items: center;
    min-width: 46px;
    height: 38px;
    padding: 0 10px;
    border: 1px solid color-mix(in srgb, var(--alert-accent, var(--tara-border)) 34%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--alert-accent, var(--tara-border)) 10%, var(--tara-surface));
    color: var(--alert-accent, var(--tara-text));
    font-size: 1.18rem;
    font-weight: 900;
}

.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item {
    position: relative;
    padding: 12px;
    border-left: 4px solid var(--item-accent, var(--tara-border));
    background: linear-gradient(90deg, color-mix(in srgb, var(--item-accent, var(--tara-border)) 5%, var(--tara-surface)), var(--tara-surface));
}

.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item--critico,
.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item--reponer {
    --item-accent: var(--tara-danger);
}

.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item--alerta,
.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item--atencion,
.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item--mover,
.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item--impulsar {
    --item-accent: var(--tara-warning);
}

.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item--estable,
.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item--rentable,
.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item--top-venta {
    --item-accent: var(--tara-success);
}

.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item-heading strong {
    font-size: 1rem;
    line-height: 1.15;
}

.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item-state {
    flex: 0 0 auto;
    margin-top: 0;
    padding: 3px 8px;
    border: 1px solid color-mix(in srgb, var(--item-accent, var(--tara-border)) 34%, var(--tara-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--item-accent, var(--tara-border)) 9%, var(--tara-surface));
    color: var(--item-accent, var(--tara-text-muted));
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item-subtitle {
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 700;
}

.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item aside strong {
    display: block;
    color: var(--item-accent, var(--tara-primary-dark));
    font-size: 1.15rem;
    line-height: 1.05;
}

.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item aside span {
    color: var(--tara-text-muted);
    font-weight: 700;
}

/* ── Interactividad Radiografía ─────────────────────────────────────────── */
.tara-radio-action-card[b-wd83qlhbz2],
.tara-radio-page[b-wd83qlhbz2]  .tara-radio-action-card {
    width: 100%;
    appearance: none;
    font: inherit;
    text-align: left;
    color: inherit;
}

.tara-radio-clickable[b-wd83qlhbz2],
.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item {
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}

.tara-radio-clickable:hover[b-wd83qlhbz2],
.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item:hover {
    transform: translateY(-1px);
    box-shadow: var(--tara-shadow);
    border-color: color-mix(in srgb, var(--tara-primary) 42%, var(--tara-border));
}

.tara-radio-clickable:hover[b-wd83qlhbz2]::before,
.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item:hover::before {
    opacity: 1;
}

.tara-radio-clickable:focus-visible[b-wd83qlhbz2],
.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item:focus-visible {
    outline: 2px solid var(--tara-primary);
    outline-offset: 2px;
}

.tara-radio-clickable[b-wd83qlhbz2]::before,
.tara-radio-page[b-wd83qlhbz2]  .tara-radio-item::before {
    content: "Ver";
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 2px 7px;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
    opacity: 0;
    pointer-events: none;
    transition: opacity .16s ease;
}

.tara-radio-foco.tara-radio-clickable[b-wd83qlhbz2],
.tara-radio-metric.tara-radio-clickable[b-wd83qlhbz2],
.tara-radio-alert-row.tara-radio-clickable[b-wd83qlhbz2] {
    position: relative;
}

.tara-radio-metric.tara-radio-clickable[b-wd83qlhbz2]::before,
.tara-radio-alert-row.tara-radio-clickable[b-wd83qlhbz2]::before {
    top: 8px;
    right: 8px;
}

.tara-radio-foco.tara-radio-clickable[b-wd83qlhbz2]::before {
    top: 12px;
    right: 12px;
}

.tara-radio-modal-backdrop[b-wd83qlhbz2] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(17, 24, 39, .42);
}

.tara-radio-modal[b-wd83qlhbz2] {
    width: min(760px, 100%);
    max-height: min(86vh, 760px);
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-lg);
    background: var(--tara-bg);
    box-shadow: var(--tara-shadow-lg);
}

.tara-radio-modal-hero[b-wd83qlhbz2] {
    padding: 18px;
    border-radius: var(--tara-radius-lg) var(--tara-radius-lg) 0 0;
    background: linear-gradient(135deg, var(--tara-primary-dark), var(--tara-primary-deeper));
    color: var(--tara-text-inverse);
}

.tara-radio-modal-hero > span[b-wd83qlhbz2] {
    display: inline-flex;
    padding: 4px 10px;
    border: 1px solid rgba(255,255,255,.32);
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-radio-modal-hero h2[b-wd83qlhbz2] {
    margin: 12px 0 0;
    color: var(--tara-text-inverse);
    font-size: clamp(1.35rem, 2.4vw, 1.8rem);
    line-height: 1.1;
}

.tara-radio-modal-hero p[b-wd83qlhbz2] {
    margin: 8px 0 0;
    color: rgba(255,255,255,.86);
    line-height: 1.38;
}

.tara-radio-modal-value[b-wd83qlhbz2] {
    margin-top: 14px;
    padding: 12px;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: var(--tara-radius);
    background: rgba(255,255,255,.10);
}

.tara-radio-modal-value small[b-wd83qlhbz2],
.tara-radio-modal-value strong[b-wd83qlhbz2] {
    display: block;
}

.tara-radio-modal-value small[b-wd83qlhbz2] {
    color: rgba(255,255,255,.74);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-radio-modal-value strong[b-wd83qlhbz2] {
    margin-top: 5px;
    color: var(--tara-text-inverse);
    font-size: 1.35rem;
}

.tara-radio-modal-body[b-wd83qlhbz2] {
    display: grid;
    gap: 10px;
    padding: 14px;
}

.tara-radio-modal-body article[b-wd83qlhbz2] {
    padding: 12px;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
}

.tara-radio-modal-body h3[b-wd83qlhbz2] {
    margin: 0 0 6px;
    color: var(--tara-text);
    font-size: .92rem;
}

.tara-radio-modal-body p[b-wd83qlhbz2] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.42;
}

.tara-radio-pending-report dl[b-wd83qlhbz2] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 6px 12px;
    margin: 10px 0 0;
}

.tara-radio-pending-report dt[b-wd83qlhbz2] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.tara-radio-pending-report dd[b-wd83qlhbz2] {
    margin: 0;
    color: var(--tara-text);
    overflow-wrap: anywhere;
}

.tara-radio-modal-actions[b-wd83qlhbz2] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px;
    border-top: 1px solid var(--tara-border);
    background: var(--tara-surface);
}

.tara-radio-modal-actions button[b-wd83qlhbz2] {
    min-height: 36px;
    padding: 0 14px;
    border-radius: var(--tara-radius-sm);
    font-weight: 900;
    cursor: pointer;
}

.tara-radio-modal-close[b-wd83qlhbz2] {
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    color: var(--tara-text);
}

.tara-radio-modal-action[b-wd83qlhbz2] {
    border: 1px solid var(--tara-primary-dark);
    background: var(--tara-primary-dark);
    color: var(--tara-text-inverse);
}

@media (max-width: 560px) {
    .tara-radio-modal-backdrop[b-wd83qlhbz2] {
        padding: 10px;
        align-items: end;
    }

    .tara-radio-modal[b-wd83qlhbz2] {
        max-height: 92vh;
        border-radius: var(--tara-radius) var(--tara-radius) 0 0;
    }

    .tara-radio-modal-hero[b-wd83qlhbz2] {
        border-radius: var(--tara-radius) var(--tara-radius) 0 0;
    }

    .tara-radio-modal-actions[b-wd83qlhbz2] {
        flex-direction: column;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresReportesBasicoOperaciones.razor.rz.scp.css */
.tara-basico-page[b-o6fob80ax1] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.tara-basico-header[b-o6fob80ax1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.tara-basico-header span[b-o6fob80ax1] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-basico-header h1[b-o6fob80ax1] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-basico-header p[b-o6fob80ax1] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-basico-panel[b-o6fob80ax1] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-basico-alert[b-o6fob80ax1] {
    border-radius: var(--tara-radius-sm);
}

.tara-basico-results[b-o6fob80ax1] {
    padding: .85rem;
}

.tara-basico-filter-grid[b-o6fob80ax1] {
    display: grid;
    grid-template-columns: minmax(290px, .9fr) minmax(170px, .5fr) minmax(150px, .45fr) auto;
    gap: .6rem;
    align-items: end;
    padding: .85rem;
}

.tara-basico-date-range[b-o6fob80ax1] {
    min-width: 0;
}

.tara-basico-field[b-o6fob80ax1] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

.tara-basico-field span[b-o6fob80ax1] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .68rem;
    font-weight: 800;
}

.tara-basico-field input[b-o6fob80ax1] {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 .7rem;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    outline: none;
}

.tara-basico-field input:hover[b-o6fob80ax1],
.tara-basico-field input:focus[b-o6fob80ax1] {
    border-color: var(--tara-primary-dark);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-basico-check[b-o6fob80ax1] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: 0 .65rem;
    color: var(--tara-text);
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    font-size: .88rem;
    font-weight: 650;
}

.tara-basico-check input[b-o6fob80ax1] {
    width: 16px;
    height: 16px;
    accent-color: var(--tara-primary);
}

.tara-basico-actions[b-o6fob80ax1] {
    align-self: end;
}

.tara-basico-filter-meta[b-o6fob80ax1] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: 0 .85rem .85rem;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-basico-filter-pill[b-o6fob80ax1] {
    display: inline-flex;
    align-items: center;
    max-width: 220px;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    padding: .18rem .5rem;
    font-size: .74rem;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-basico-toolbar[b-o6fob80ax1] {
    display: grid;
    grid-template-columns: minmax(220px, 360px) minmax(0, 1fr);
    align-items: end;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-basico-status[b-o6fob80ax1] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    text-align: right;
    padding-bottom: .5rem;
}

.tara-basico-table-scroll[b-o6fob80ax1] {
    max-width: 100%;
    max-height: clamp(400px, calc(100vh - 355px), 720px);
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-basico-table[b-o6fob80ax1] {
    min-width: 980px;
    width: max-content;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tara-text);
    font-size: .84rem;
}

.tara-basico-table th[b-o6fob80ax1],
.tara-basico-table td[b-o6fob80ax1] {
    min-width: 132px;
    height: 34px;
    padding: .42rem .55rem;
    border-right: 1px solid var(--tara-border);
    border-bottom: 1px solid var(--tara-border);
    text-align: right;
    white-space: nowrap;
}

.tara-basico-table th[b-o6fob80ax1] {
    position: sticky;
    top: 0;
    z-index: 3;
    color: var(--tara-th-text);
    background: var(--tara-th-bg);
    font-size: .75rem;
    font-weight: 900;
}

.tara-basico-table th button[b-o6fob80ax1] {
    width: 100%;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    text-align: inherit;
    font: inherit;
    cursor: pointer;
}

.tara-basico-table tbody tr:nth-child(odd) td[b-o6fob80ax1] {
    background: var(--tara-row-odd);
}

.tara-basico-table tbody tr:nth-child(even) td[b-o6fob80ax1] {
    background: var(--tara-row-even);
}

.tara-basico-table tbody tr:hover td[b-o6fob80ax1] {
    background: var(--tara-row-hover);
}

.tara-basico-col-description[b-o6fob80ax1] {
    position: sticky;
    left: 0;
    z-index: 2;
    min-width: 240px !important;
    max-width: 300px;
    text-align: left !important;
    box-shadow: 1px 0 0 var(--tara-border);
}

th.tara-basico-col-description[b-o6fob80ax1] {
    z-index: 4;
}

.tara-basico-col-description strong[b-o6fob80ax1] {
    font-weight: 900;
}

.tara-basico-col-total[b-o6fob80ax1] {
    position: sticky;
    right: 0;
    z-index: 2;
    min-width: 120px !important;
    font-weight: 900;
    box-shadow: -1px 0 0 color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
}

th.tara-basico-col-total[b-o6fob80ax1] {
    z-index: 4;
}

.tara-basico-table tbody td.tara-basico-col-total[b-o6fob80ax1],
.tara-basico-table tbody tr:hover td.tara-basico-col-total[b-o6fob80ax1] {
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface)) !important;
}

.tara-basico-sort-active button[b-o6fob80ax1] {
    color: var(--tara-primary-dark) !important;
}

.tara-basico-state[b-o6fob80ax1] {
    min-height: 280px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-basico-state--compact[b-o6fob80ax1] {
    min-height: 260px;
}

.tara-basico-state[b-o6fob80ax1]  .mud-icon-root {
    color: var(--tara-text-muted);
}

@media (max-width: 1180px) {
    .tara-basico-filter-grid[b-o6fob80ax1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-basico-header[b-o6fob80ax1] {
        align-items: stretch;
        flex-direction: column;
    }

    .tara-basico-filter-grid[b-o6fob80ax1],
    .tara-basico-toolbar[b-o6fob80ax1] {
        grid-template-columns: 1fr;
    }

    .tara-basico-status[b-o6fob80ax1] {
        text-align: left;
        padding-bottom: 0;
    }

    .tara-basico-table-scroll[b-o6fob80ax1] {
        max-height: 62vh;
    }

    .tara-basico-table[b-o6fob80ax1] {
        min-width: 920px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresReportesInteligentes.razor.rz.scp.css */
.tara-ri-page[b-j2e79a5n6r] {
    min-height: calc(100vh - 64px);
    padding: 24px clamp(16px, 2.4vw, 32px) 36px;
    background: var(--tara-bg);
    color: var(--tara-text);
}

.tara-ri-loading[b-j2e79a5n6r],
.tara-ri-state[b-j2e79a5n6r] {
    min-height: 280px;
    display: grid;
    place-items: center;
    gap: 12px;
    text-align: center;
    color: var(--tara-text-muted);
}

.tara-ri-loading .mud-icon-root[b-j2e79a5n6r],
.tara-ri-state .mud-icon-root[b-j2e79a5n6r] {
    color: var(--tara-text-muted);
    font-size: 2rem;
}

.tara-ri-header[b-j2e79a5n6r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--tara-border);
}

.tara-ri-eyebrow[b-j2e79a5n6r] {
    display: block;
    margin-bottom: 4px;
    color: var(--tara-primary);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.tara-ri-header h1[b-j2e79a5n6r] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.1;
}

.tara-ri-header p[b-j2e79a5n6r] {
    margin: 4px 0 0;
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-ri-actions[b-j2e79a5n6r] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.tara-ri-period[b-j2e79a5n6r] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-ri-period select[b-j2e79a5n6r] {
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--tara-text);
    font: inherit;
    font-weight: 900;
}

.tara-ri-intro[b-j2e79a5n6r],
.tara-ri-detail[b-j2e79a5n6r],
.tara-ri-report[b-j2e79a5n6r] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-ri-intro[b-j2e79a5n6r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
    padding: 14px;
}

.tara-ri-intro strong[b-j2e79a5n6r] {
    color: var(--tara-text);
}

.tara-ri-intro p[b-j2e79a5n6r],
.tara-ri-intro small[b-j2e79a5n6r] {
    margin: 4px 0 0;
    color: var(--tara-text-muted);
}

.tara-ri-intro small[b-j2e79a5n6r] {
    flex: 0 0 auto;
    font-size: .78rem;
    font-weight: 800;
}

.tara-ri-alert[b-j2e79a5n6r] {
    margin-bottom: 14px;
}

.tara-ri-catalog[b-j2e79a5n6r] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.tara-ri-report[b-j2e79a5n6r] {
    position: relative;
    min-height: 140px;
    padding: 13px;
    border-left: 4px solid var(--report-accent, var(--tara-border));
    appearance: none;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.tara-ri-report:hover[b-j2e79a5n6r],
.tara-ri-report:focus-visible[b-j2e79a5n6r],
.tara-ri-report--active[b-j2e79a5n6r] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--report-accent, var(--tara-primary)) 42%, var(--tara-border));
    box-shadow: var(--tara-shadow);
}

.tara-ri-report:focus-visible[b-j2e79a5n6r] {
    outline: 2px solid var(--tara-primary);
    outline-offset: 2px;
}

.tara-ri-report .mud-icon-root[b-j2e79a5n6r] {
    color: var(--report-accent, var(--tara-primary-dark));
}

.tara-ri-report span[b-j2e79a5n6r] {
    display: block;
    margin-top: 10px;
    color: var(--tara-text);
    font-size: .98rem;
    font-weight: 900;
}

.tara-ri-report p[b-j2e79a5n6r] {
    margin: 5px 0 0;
    color: var(--tara-text-muted);
    font-size: .8rem;
    line-height: 1.35;
}

.tara-ri-report--ventas[b-j2e79a5n6r],
.tara-ri-report--existencia[b-j2e79a5n6r],
.tara-ri-report--nuevo[b-j2e79a5n6r] {
    --report-accent: var(--tara-primary-dark);
}

.tara-ri-report--utilidad[b-j2e79a5n6r],
.tara-ri-report--fragil[b-j2e79a5n6r] {
    --report-accent: var(--tara-success);
}

.tara-ri-report--descuento[b-j2e79a5n6r],
.tara-ri-report--lento[b-j2e79a5n6r] {
    --report-accent: var(--tara-warning);
}

.tara-ri-report--alerta[b-j2e79a5n6r] {
    --report-accent: var(--tara-danger);
}

.tara-ri-detail[b-j2e79a5n6r] {
    overflow: hidden;
}

.tara-ri-detail-head[b-j2e79a5n6r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 14px;
    border-bottom: 1px solid var(--tara-border);
    background: linear-gradient(135deg, var(--tara-surface), var(--tara-row-even));
}

.tara-ri-detail-head span[b-j2e79a5n6r] {
    color: var(--tara-primary);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.tara-ri-detail-head h2[b-j2e79a5n6r] {
    margin: 3px 0 0;
    color: var(--tara-text);
    font-size: 1.25rem;
}

.tara-ri-detail-head p[b-j2e79a5n6r] {
    margin: 4px 0 0;
    color: var(--tara-text-muted);
}

.tara-ri-detail-meta[b-j2e79a5n6r] {
    min-width: 90px;
    padding: 8px 10px;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    text-align: center;
}

.tara-ri-detail-meta strong[b-j2e79a5n6r],
.tara-ri-detail-meta small[b-j2e79a5n6r] {
    display: block;
}

.tara-ri-detail-meta strong[b-j2e79a5n6r] {
    color: var(--tara-primary-dark);
    font-size: 1.25rem;
}

.tara-ri-detail-meta small[b-j2e79a5n6r] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
}

.tara-ri-state--compact[b-j2e79a5n6r] {
    min-height: 180px;
}

.tara-ri-table-scroll[b-j2e79a5n6r] {
    overflow: auto;
    max-width: 100%;
}

.tara-ri-table[b-j2e79a5n6r] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    background: var(--tara-surface);
    font-size: .82rem;
}

.tara-ri-table th[b-j2e79a5n6r],
.tara-ri-table td[b-j2e79a5n6r] {
    padding: 8px 10px;
    border: 1px solid var(--tara-border);
    white-space: nowrap;
    vertical-align: middle;
}

.tara-ri-table th[b-j2e79a5n6r] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    font-weight: 900;
    text-align: left;
}

.tara-ri-table tbody tr:nth-child(odd)[b-j2e79a5n6r] {
    background: var(--tara-row-odd);
}

.tara-ri-table tbody tr:nth-child(even)[b-j2e79a5n6r] {
    background: var(--tara-row-even);
}

.tara-ri-table tbody tr:hover[b-j2e79a5n6r] {
    background: var(--tara-row-hover);
}

.tara-ri-cell-money[b-j2e79a5n6r],
.tara-ri-cell-number[b-j2e79a5n6r] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
}

@media (max-width: 1180px) {
    .tara-ri-catalog[b-j2e79a5n6r] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-ri-page[b-j2e79a5n6r] {
        padding: 16px 12px 24px;
    }

    .tara-ri-header[b-j2e79a5n6r],
    .tara-ri-intro[b-j2e79a5n6r],
    .tara-ri-detail-head[b-j2e79a5n6r] {
        flex-direction: column;
    }

    .tara-ri-actions[b-j2e79a5n6r] {
        width: 100%;
        justify-content: space-between;
    }

    .tara-ri-catalog[b-j2e79a5n6r] {
        grid-template-columns: 1fr;
    }

    .tara-ri-report[b-j2e79a5n6r] {
        min-height: 112px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresVentasAnualesPorSucursal.razor.rz.scp.css */
.tara-anuales-page[b-0k7pzx8q1x] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.tara-anuales-header[b-0k7pzx8q1x] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.tara-anuales-header span[b-0k7pzx8q1x] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-anuales-header h1[b-0k7pzx8q1x] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-anuales-header p[b-0k7pzx8q1x] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-anuales-panel[b-0k7pzx8q1x] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-anuales-alert[b-0k7pzx8q1x] {
    border-radius: var(--tara-radius-sm);
}

.tara-anuales-results[b-0k7pzx8q1x] {
    padding: .85rem;
}

.tara-anuales-filter-grid[b-0k7pzx8q1x] {
    display: grid;
    grid-template-columns: minmax(290px, .72fr) auto;
    gap: .6rem;
    align-items: end;
    padding: .85rem;
}

.tara-anuales-date-range[b-0k7pzx8q1x] {
    min-width: 0;
}

.tara-anuales-filter-note[b-0k7pzx8q1x] {
    display: grid;
    gap: .2rem;
    min-width: 0;
    padding: .5rem .65rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
}

.tara-anuales-filter-note span[b-0k7pzx8q1x] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .66rem;
    font-weight: 900;
}

.tara-anuales-filter-note strong[b-0k7pzx8q1x] {
    color: var(--tara-text);
    font-size: .88rem;
    font-weight: 850;
}

.tara-anuales-actions[b-0k7pzx8q1x] {
    align-self: end;
}

.tara-anuales-filter-meta[b-0k7pzx8q1x] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: 0 .85rem .85rem;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-anuales-filter-summary-label[b-0k7pzx8q1x] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .68rem;
    font-weight: 900;
}

.tara-anuales-filter-summary-text[b-0k7pzx8q1x] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 750;
}

.tara-anuales-field[b-0k7pzx8q1x] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

.tara-anuales-field span[b-0k7pzx8q1x] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .68rem;
    font-weight: 800;
}

.tara-anuales-field input[b-0k7pzx8q1x] {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 .7rem;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    outline: none;
}

.tara-anuales-field input:hover[b-0k7pzx8q1x],
.tara-anuales-field input:focus[b-0k7pzx8q1x] {
    border-color: var(--tara-primary-dark);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-anuales-toolbar[b-0k7pzx8q1x] {
    display: grid;
    grid-template-columns: minmax(220px, 360px) minmax(0, 1fr);
    align-items: end;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-anuales-toolbar--no-search[b-0k7pzx8q1x] {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: .45rem;
}

.tara-anuales-status[b-0k7pzx8q1x] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    text-align: right;
    padding-bottom: .5rem;
}

.tara-anuales-toolbar--no-search .tara-anuales-status[b-0k7pzx8q1x] {
    text-align: left;
    padding-bottom: 0;
}

.tara-anuales-table-scroll[b-0k7pzx8q1x] {
    max-width: 100%;
    max-height: clamp(400px, calc(100vh - 355px), 720px);
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-anuales-table[b-0k7pzx8q1x] {
    min-width: 920px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tara-text);
    font-size: .84rem;
}

.tara-anuales-table th[b-0k7pzx8q1x],
.tara-anuales-table td[b-0k7pzx8q1x] {
    min-width: 126px;
    height: 34px;
    padding: .42rem .55rem;
    border-right: 1px solid var(--tara-border);
    border-bottom: 1px solid var(--tara-border);
    text-align: right;
    white-space: nowrap;
}

.tara-anuales-table th[b-0k7pzx8q1x] {
    position: sticky;
    top: 0;
    z-index: 3;
    color: var(--tara-th-text);
    background: var(--tara-th-bg);
    font-size: .75rem;
    font-weight: 900;
}

.tara-anuales-table th button[b-0k7pzx8q1x] {
    width: 100%;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    text-align: inherit;
    font: inherit;
    cursor: pointer;
}

.tara-anuales-table tbody tr:nth-child(odd) td[b-0k7pzx8q1x] {
    background: var(--tara-row-odd);
}

.tara-anuales-table tbody tr:nth-child(even) td[b-0k7pzx8q1x] {
    background: var(--tara-row-even);
}

.tara-anuales-table tbody tr:hover td[b-0k7pzx8q1x] {
    background: var(--tara-row-hover);
}

.tara-anuales-col-rank[b-0k7pzx8q1x] {
    min-width: 52px !important;
    width: 52px;
    text-align: center !important;
    color: var(--tara-text-muted);
    font-weight: 800;
}

.tara-anuales-col-store[b-0k7pzx8q1x] {
    position: sticky;
    left: 0;
    z-index: 2;
    min-width: 210px !important;
    max-width: 280px;
    text-align: left !important;
    box-shadow: 1px 0 0 var(--tara-border);
}

th.tara-anuales-col-store[b-0k7pzx8q1x] {
    z-index: 4;
}

.tara-anuales-col-store strong[b-0k7pzx8q1x] {
    font-weight: 900;
}

.tara-anuales-sort-active button[b-0k7pzx8q1x] {
    color: var(--tara-primary-dark) !important;
}

.tara-anuales-table tfoot td[b-0k7pzx8q1x] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    border-top: 2px solid color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface)) !important;
    color: var(--tara-text);
    font-weight: 950;
}

.tara-anuales-table tfoot td:first-child[b-0k7pzx8q1x],
.tara-anuales-table tfoot td:nth-child(2)[b-0k7pzx8q1x] {
    color: var(--tara-primary-dark);
}

.tara-anuales-table tfoot .tara-anuales-col-store[b-0k7pzx8q1x] {
    z-index: 3;
}

.tara-anuales-state[b-0k7pzx8q1x] {
    min-height: 280px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-anuales-state[b-0k7pzx8q1x]  .mud-icon-root {
    color: var(--tara-text-muted);
}

@media (max-width: 760px) {
    .tara-anuales-header[b-0k7pzx8q1x] {
        align-items: stretch;
        flex-direction: column;
    }

    .tara-anuales-filter-grid[b-0k7pzx8q1x],
    .tara-anuales-toolbar[b-0k7pzx8q1x] {
        grid-template-columns: 1fr;
    }

    .tara-anuales-status[b-0k7pzx8q1x] {
        text-align: left;
        padding-bottom: 0;
    }

    .tara-anuales-table-scroll[b-0k7pzx8q1x] {
        max-height: 62vh;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresVentasConAccesorios.razor.rz.scp.css */
.tara-acc-page[b-7gag12keyv] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.tara-acc-header[b-7gag12keyv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.tara-acc-header span[b-7gag12keyv] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-acc-header h1[b-7gag12keyv] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-acc-header p[b-7gag12keyv] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-acc-panel[b-7gag12keyv] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-acc-alert[b-7gag12keyv] {
    border-radius: var(--tara-radius-sm);
}

.tara-acc-results[b-7gag12keyv] {
    padding: .85rem;
}

.tara-acc-filter-grid[b-7gag12keyv] {
    display: grid;
    grid-template-columns: minmax(290px, .7fr) minmax(260px, .8fr) auto;
    gap: .6rem;
    align-items: end;
    padding: .85rem;
}

.tara-acc-date-range[b-7gag12keyv] {
    min-width: 0;
}

.tara-acc-field[b-7gag12keyv] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

.tara-acc-field span[b-7gag12keyv] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .68rem;
    font-weight: 800;
}

.tara-acc-field input[b-7gag12keyv] {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 .7rem;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    outline: none;
}

.tara-acc-field input:hover[b-7gag12keyv],
.tara-acc-field input:focus[b-7gag12keyv] {
    border-color: var(--tara-primary-dark);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-acc-check[b-7gag12keyv] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: 0 .65rem;
    color: var(--tara-text);
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    font-size: .88rem;
    font-weight: 650;
}

.tara-acc-check input[b-7gag12keyv] {
    width: 16px;
    height: 16px;
    accent-color: var(--tara-primary);
}

.tara-acc-actions[b-7gag12keyv] {
    align-self: end;
}

.tara-acc-filter-meta[b-7gag12keyv] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: 0 .85rem .85rem;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-acc-filter-pill[b-7gag12keyv] {
    display: inline-flex;
    align-items: center;
    max-width: 220px;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    padding: .18rem .5rem;
    font-size: .74rem;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-acc-toolbar[b-7gag12keyv] {
    display: grid;
    grid-template-columns: minmax(220px, 360px) minmax(0, 1fr);
    align-items: end;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-acc-status[b-7gag12keyv] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    text-align: right;
    padding-bottom: .5rem;
}

.tara-acc-table-scroll[b-7gag12keyv] {
    max-width: 100%;
    max-height: clamp(400px, calc(100vh - 355px), 720px);
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-acc-table[b-7gag12keyv] {
    min-width: 1120px;
    width: max-content;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tara-text);
    font-size: .84rem;
}

.tara-acc-table th[b-7gag12keyv],
.tara-acc-table td[b-7gag12keyv] {
    min-width: 126px;
    height: 34px;
    padding: .42rem .55rem;
    border-right: 1px solid var(--tara-border);
    border-bottom: 1px solid var(--tara-border);
    text-align: right;
    white-space: nowrap;
}

.tara-acc-table th[b-7gag12keyv] {
    position: sticky;
    top: 0;
    z-index: 3;
    color: var(--tara-th-text);
    background: var(--tara-th-bg);
    font-size: .75rem;
    font-weight: 900;
}

.tara-acc-table th button[b-7gag12keyv] {
    width: 100%;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    text-align: inherit;
    font: inherit;
    cursor: pointer;
}

.tara-acc-table tbody tr:nth-child(odd) td[b-7gag12keyv] {
    background: var(--tara-row-odd);
}

.tara-acc-table tbody tr:nth-child(even) td[b-7gag12keyv] {
    background: var(--tara-row-even);
}

.tara-acc-table tbody tr:hover td[b-7gag12keyv] {
    background: var(--tara-row-hover);
}

.tara-acc-col-store[b-7gag12keyv] {
    position: sticky;
    left: 0;
    z-index: 2;
    min-width: 210px !important;
    max-width: 280px;
    text-align: left !important;
    box-shadow: 1px 0 0 var(--tara-border);
}

th.tara-acc-col-store[b-7gag12keyv] {
    z-index: 4;
}

.tara-acc-col-store strong[b-7gag12keyv] {
    font-weight: 900;
}

.tara-acc-col-total[b-7gag12keyv] {
    position: sticky;
    right: 0;
    z-index: 2;
    min-width: 120px !important;
    font-weight: 900;
    box-shadow: -1px 0 0 color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
}

th.tara-acc-col-total[b-7gag12keyv] {
    z-index: 4;
}

.tara-acc-table tbody td.tara-acc-col-total[b-7gag12keyv],
.tara-acc-table tbody tr:hover td.tara-acc-col-total[b-7gag12keyv] {
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface)) !important;
}

.tara-acc-sort-active button[b-7gag12keyv] {
    color: var(--tara-primary-dark) !important;
}

.tara-acc-state[b-7gag12keyv] {
    min-height: 280px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-acc-state--compact[b-7gag12keyv] {
    min-height: 260px;
}

.tara-acc-state[b-7gag12keyv]  .mud-icon-root {
    color: var(--tara-text-muted);
}

@media (max-width: 1180px) {
    .tara-acc-filter-grid[b-7gag12keyv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-acc-header[b-7gag12keyv] {
        align-items: stretch;
        flex-direction: column;
    }

    .tara-acc-filter-grid[b-7gag12keyv],
    .tara-acc-toolbar[b-7gag12keyv] {
        grid-template-columns: 1fr;
    }

    .tara-acc-status[b-7gag12keyv] {
        text-align: left;
        padding-bottom: 0;
    }

    .tara-acc-table-scroll[b-7gag12keyv] {
        max-height: 62vh;
    }

    .tara-acc-table[b-7gag12keyv] {
        min-width: 920px;
    }
}


.tara-acc-col-rank[b-7gag12keyv] {
    min-width: 52px !important;
    width: 52px;
    text-align: center !important;
    color: var(--tara-text-muted);
    font-weight: 800;
}

.tara-acc-store-select[b-7gag12keyv] {
    min-width: 0;
}

.tara-acc-table tfoot td[b-7gag12keyv] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface)) !important;
    font-weight: 900;
}

.tara-acc-table tfoot .tara-acc-col-store[b-7gag12keyv] {
    z-index: 3;
}

.tara-acc-filter-summary-label[b-7gag12keyv] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .68rem;
    font-weight: 900;
}

.tara-acc-filter-summary-text[b-7gag12keyv] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 750;
}

.tara-acc-toolbar--no-search[b-7gag12keyv] {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: .45rem;
}

.tara-acc-toolbar--no-search .tara-acc-status[b-7gag12keyv] {
    text-align: left;
    padding-bottom: 0;
}

.tara-acc-table tfoot td[b-7gag12keyv] {
    border-top: 2px solid color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface)) !important;
    color: var(--tara-text);
    font-weight: 950;
}

.tara-acc-table tfoot td:first-child[b-7gag12keyv],
.tara-acc-table tfoot td:nth-child(2)[b-7gag12keyv] {
    color: var(--tara-primary-dark);
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresVentasPorHoraGlobal.razor.rz.scp.css */
.tara-horaglobal-page[b-rrumznmhak] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.tara-horaglobal-header[b-rrumznmhak] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.tara-horaglobal-header span[b-rrumznmhak] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-horaglobal-header h1[b-rrumznmhak] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-horaglobal-header p[b-rrumznmhak] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-horaglobal-panel[b-rrumznmhak] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-horaglobal-alert[b-rrumznmhak] {
    border-radius: var(--tara-radius-sm);
}

.tara-horaglobal-results[b-rrumznmhak] {
    padding: .85rem;
}

.tara-horaglobal-kpis[b-rrumznmhak] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .65rem;
    margin-bottom: .85rem;
}

.tara-horaglobal-kpi[b-rrumznmhak] {
    min-width: 0;
    padding: .72rem .78rem;
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .035);
}

.tara-horaglobal-kpi span[b-rrumznmhak] {
    display: block;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .64rem;
    font-weight: 850;
}

.tara-horaglobal-kpi strong[b-rrumznmhak] {
    display: block;
    margin-top: .18rem;
    color: var(--tara-text);
    font-size: 1.05rem;
    font-weight: 950;
    letter-spacing: -.025em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-horaglobal-kpi--peak[b-rrumznmhak] {
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
}

.tara-horaglobal-kpi--peak strong[b-rrumznmhak] {
    color: var(--tara-primary-dark);
}

.tara-horaglobal-chart-shell[b-rrumznmhak] {
    padding: .8rem;
    margin-bottom: .85rem;
    background: color-mix(in srgb, var(--tara-bg) 56%, var(--tara-surface));
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
}

.tara-horaglobal-chart-head[b-rrumznmhak] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-horaglobal-chart-head span[b-rrumznmhak] {
    display: block;
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .66rem;
    font-weight: 900;
}

.tara-horaglobal-chart-head strong[b-rrumznmhak] {
    color: var(--tara-text);
    font-size: .96rem;
    font-weight: 900;
}

.tara-horaglobal-metric-toggle[b-rrumznmhak] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: .25rem;
    justify-content: flex-end;
}

.tara-horaglobal-metric-btn[b-rrumznmhak] {
    min-height: 28px;
    padding: 0 .58rem;
    color: var(--tara-text-muted);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 850;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.tara-horaglobal-metric-btn:hover[b-rrumznmhak],
.tara-horaglobal-metric-btn:focus-visible[b-rrumznmhak] {
    color: var(--tara-primary-dark);
    border-color: color-mix(in srgb, var(--tara-primary) 35%, var(--tara-border));
    outline: none;
}

.tara-horaglobal-metric-btn--active[b-rrumznmhak] {
    color: var(--tara-primary-dark);
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 42%, var(--tara-border));
}

.tara-horaglobal-chart[b-rrumznmhak] {
    display: grid;
    gap: .42rem;
}

.tara-horaglobal-bar-row[b-rrumznmhak] {
    display: grid;
    grid-template-columns: minmax(112px, 150px) minmax(120px, 1fr) minmax(95px, auto);
    gap: .6rem;
    align-items: center;
    min-height: 30px;
    padding: .16rem .22rem;
    border-radius: var(--tara-radius-sm);
    transition: background .18s ease;
}

.tara-horaglobal-bar-row:hover[b-rrumznmhak] {
    background: color-mix(in srgb, var(--tara-primary) 4%, transparent);
}

.tara-horaglobal-bar-label[b-rrumznmhak] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-horaglobal-bar-track[b-rrumznmhak] {
    height: 16px;
    overflow: hidden;
    background: color-mix(in srgb, var(--tara-border) 58%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-border) 82%, var(--tara-surface));
    border-radius: 999px;
}

.tara-horaglobal-bar[b-rrumznmhak] {
    width: var(--bar-width);
    min-width: 0;
    height: 100%;
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--tara-primary-dark) 86%, var(--tara-surface)),
        color-mix(in srgb, var(--tara-primary) 68%, var(--tara-surface)));
    border-radius: inherit;
    animation: tara-horaglobal-bar-in-b-rrumznmhak .38s ease-out both;
}

.tara-horaglobal-bar-row--peak .tara-horaglobal-bar[b-rrumznmhak] {
    background: var(--tara-primary-dark);
}

.tara-horaglobal-bar-row--peak .tara-horaglobal-bar-label[b-rrumznmhak],
.tara-horaglobal-bar-row--peak .tara-horaglobal-bar-value[b-rrumznmhak] {
    color: var(--tara-primary-dark);
}

.tara-horaglobal-bar-value[b-rrumznmhak] {
    color: var(--tara-text);
    font-size: .8rem;
    font-weight: 900;
    text-align: right;
    white-space: nowrap;
}

@keyframes tara-horaglobal-bar-in-b-rrumznmhak {
    from {
        width: 0;
        opacity: .45;
    }
    to {
        width: var(--bar-width);
        opacity: 1;
    }
}

.tara-horaglobal-filter-grid[b-rrumznmhak] {
    display: grid;
    grid-template-columns: minmax(290px, .72fr) auto;
    gap: .6rem;
    align-items: end;
    padding: .85rem;
}

.tara-horaglobal-date-range[b-rrumznmhak] {
    min-width: 0;
}

.tara-horaglobal-actions[b-rrumznmhak] {
    align-self: end;
}

.tara-horaglobal-filter-meta[b-rrumznmhak] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: 0 .85rem .85rem;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-horaglobal-filter-summary-label[b-rrumznmhak] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .68rem;
    font-weight: 900;
}

.tara-horaglobal-filter-summary-text[b-rrumznmhak] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 750;
}

.tara-horaglobal-field[b-rrumznmhak] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

.tara-horaglobal-field span[b-rrumznmhak] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .68rem;
    font-weight: 800;
}

.tara-horaglobal-field input[b-rrumznmhak] {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 .7rem;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    outline: none;
}

.tara-horaglobal-field input:hover[b-rrumznmhak],
.tara-horaglobal-field input:focus[b-rrumznmhak] {
    border-color: var(--tara-primary-dark);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-horaglobal-toolbar[b-rrumznmhak] {
    display: grid;
    grid-template-columns: minmax(220px, 360px) minmax(0, 1fr);
    align-items: end;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-horaglobal-toolbar--no-search[b-rrumznmhak] {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: .45rem;
}

.tara-horaglobal-status[b-rrumznmhak] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    text-align: right;
    padding-bottom: .5rem;
}

.tara-horaglobal-toolbar--no-search .tara-horaglobal-status[b-rrumznmhak] {
    text-align: left;
    padding-bottom: 0;
}

.tara-horaglobal-table-scroll[b-rrumznmhak] {
    max-width: 100%;
    max-height: clamp(400px, calc(100vh - 355px), 720px);
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-horaglobal-table[b-rrumznmhak] {
    min-width: 1080px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tara-text);
    font-size: .84rem;
}

.tara-horaglobal-table th[b-rrumznmhak],
.tara-horaglobal-table td[b-rrumznmhak] {
    min-width: 120px;
    height: 34px;
    padding: .42rem .55rem;
    border-right: 1px solid var(--tara-border);
    border-bottom: 1px solid var(--tara-border);
    text-align: right;
    white-space: nowrap;
}

.tara-horaglobal-table th[b-rrumznmhak] {
    position: sticky;
    top: 0;
    z-index: 3;
    color: var(--tara-th-text);
    background: var(--tara-th-bg);
    font-size: .75rem;
    font-weight: 900;
}

.tara-horaglobal-table th button[b-rrumznmhak] {
    width: 100%;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    text-align: inherit;
    font: inherit;
    cursor: pointer;
}

.tara-horaglobal-table tbody tr:nth-child(odd) td[b-rrumznmhak] {
    background: var(--tara-row-odd);
}

.tara-horaglobal-table tbody tr:nth-child(even) td[b-rrumznmhak] {
    background: var(--tara-row-even);
}

.tara-horaglobal-table tbody tr:hover td[b-rrumznmhak] {
    background: var(--tara-row-hover);
}

.tara-horaglobal-col-rank[b-rrumznmhak] {
    min-width: 52px !important;
    width: 52px;
    text-align: center !important;
    color: var(--tara-text-muted);
    font-weight: 800;
}

.tara-horaglobal-col-hour[b-rrumznmhak] {
    position: sticky;
    left: 0;
    z-index: 2;
    min-width: 150px !important;
    text-align: left !important;
    box-shadow: 1px 0 0 var(--tara-border);
}

th.tara-horaglobal-col-hour[b-rrumznmhak] {
    z-index: 4;
}

.tara-horaglobal-col-hour strong[b-rrumznmhak] {
    font-weight: 900;
}

.tara-horaglobal-sort-active button[b-rrumznmhak] {
    color: var(--tara-primary-dark) !important;
}

.tara-horaglobal-table tfoot td[b-rrumznmhak] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    border-top: 2px solid color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface)) !important;
    color: var(--tara-text);
    font-weight: 950;
}

.tara-horaglobal-table tfoot td:first-child[b-rrumznmhak],
.tara-horaglobal-table tfoot td:nth-child(2)[b-rrumznmhak] {
    color: var(--tara-primary-dark);
}

.tara-horaglobal-table tfoot .tara-horaglobal-col-hour[b-rrumznmhak] {
    z-index: 3;
}

.tara-horaglobal-state[b-rrumznmhak] {
    min-height: 280px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-horaglobal-state[b-rrumznmhak]  .mud-icon-root {
    color: var(--tara-text-muted);
}

@media (max-width: 760px) {
    .tara-horaglobal-header[b-rrumznmhak] {
        align-items: stretch;
        flex-direction: column;
    }

    .tara-horaglobal-filter-grid[b-rrumznmhak],
    .tara-horaglobal-toolbar[b-rrumznmhak] {
        grid-template-columns: 1fr;
    }

    .tara-horaglobal-status[b-rrumznmhak] {
        text-align: left;
        padding-bottom: 0;
    }

    .tara-horaglobal-table-scroll[b-rrumznmhak] {
        max-height: 62vh;
    }

    .tara-horaglobal-kpis[b-rrumznmhak] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-horaglobal-chart-head[b-rrumznmhak] {
        flex-direction: column;
    }

    .tara-horaglobal-metric-toggle[b-rrumznmhak] {
        justify-content: flex-start;
    }

    .tara-horaglobal-bar-row[b-rrumznmhak] {
        grid-template-columns: minmax(78px, 96px) minmax(110px, 1fr) minmax(78px, auto);
        gap: .45rem;
    }

    .tara-horaglobal-bar-value[b-rrumznmhak] {
        font-size: .74rem;
    }
}

@media (max-width: 1180px) {
    .tara-horaglobal-kpis[b-rrumznmhak] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-horaglobal-kpis[b-rrumznmhak] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresVentasPorHoraSucursales.razor.rz.scp.css */
.tara-horasuc-page[b-43iy40pfxe] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.tara-horasuc-header[b-43iy40pfxe] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.tara-horasuc-header span[b-43iy40pfxe] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-horasuc-header h1[b-43iy40pfxe] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-horasuc-header p[b-43iy40pfxe] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-horasuc-panel[b-43iy40pfxe] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-horasuc-alert[b-43iy40pfxe] {
    border-radius: var(--tara-radius-sm);
}

.tara-horasuc-results[b-43iy40pfxe] {
    padding: .85rem;
}

.tara-horasuc-kpis[b-43iy40pfxe] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .65rem;
    margin-bottom: .85rem;
}

.tara-horasuc-kpi[b-43iy40pfxe] {
    min-width: 0;
    padding: .72rem .78rem;
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .035);
}

.tara-horasuc-kpi span[b-43iy40pfxe] {
    display: block;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .64rem;
    font-weight: 850;
}

.tara-horasuc-kpi strong[b-43iy40pfxe] {
    display: block;
    margin-top: .18rem;
    color: var(--tara-text);
    font-size: 1.05rem;
    font-weight: 950;
    letter-spacing: -.025em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-horasuc-kpi--peak[b-43iy40pfxe] {
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
}

.tara-horasuc-kpi--peak strong[b-43iy40pfxe] {
    color: var(--tara-primary-dark);
}

.tara-horasuc-analysis-bar[b-43iy40pfxe] {
    display: grid;
    grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
    align-items: end;
    gap: .7rem;
    margin-bottom: .75rem;
    padding: .72rem .78rem;
    background: color-mix(in srgb, var(--tara-bg) 48%, var(--tara-surface));
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
}

.tara-horasuc-store-analysis[b-43iy40pfxe] {
    min-width: 0;
}

.tara-horasuc-analysis-summary[b-43iy40pfxe] {
    display: grid;
    gap: .12rem;
    justify-items: end;
    color: var(--tara-text);
}

.tara-horasuc-analysis-summary span[b-43iy40pfxe] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .64rem;
    font-weight: 850;
}

.tara-horasuc-analysis-summary strong[b-43iy40pfxe] {
    color: var(--tara-primary-dark);
    font-size: .88rem;
    font-weight: 900;
    text-align: right;
}

.tara-horasuc-store-analysis[b-43iy40pfxe]  .mud-input-control {
    margin-top: 0;
}

.tara-horasuc-store-analysis[b-43iy40pfxe]  .mud-input-root {
    min-height: 38px;
}

.tara-horasuc-store-analysis[b-43iy40pfxe]  .mud-input-outlined-border {
    border-color: var(--tara-border);
}

.tara-horasuc-store-analysis[b-43iy40pfxe]  .mud-input-root:hover .mud-input-outlined-border,
.tara-horasuc-store-analysis[b-43iy40pfxe]  .mud-input-root.mud-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark);
}

.tara-horasuc-chart-shell[b-43iy40pfxe] {
    padding: .8rem;
    margin-bottom: .85rem;
    background: color-mix(in srgb, var(--tara-bg) 56%, var(--tara-surface));
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
}

.tara-horasuc-chart-head[b-43iy40pfxe] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-horasuc-chart-head span[b-43iy40pfxe] {
    display: block;
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .66rem;
    font-weight: 900;
}

.tara-horasuc-chart-head strong[b-43iy40pfxe] {
    color: var(--tara-text);
    font-size: .96rem;
    font-weight: 900;
}

.tara-horasuc-metric-toggle[b-43iy40pfxe] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: .25rem;
    justify-content: flex-end;
}

.tara-horasuc-metric-btn[b-43iy40pfxe] {
    min-height: 28px;
    padding: 0 .58rem;
    color: var(--tara-text-muted);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 850;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.tara-horasuc-metric-btn:hover[b-43iy40pfxe],
.tara-horasuc-metric-btn:focus-visible[b-43iy40pfxe] {
    color: var(--tara-primary-dark);
    border-color: color-mix(in srgb, var(--tara-primary) 35%, var(--tara-border));
    outline: none;
}

.tara-horasuc-metric-btn--active[b-43iy40pfxe] {
    color: var(--tara-primary-dark);
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 42%, var(--tara-border));
}

.tara-horasuc-chart[b-43iy40pfxe] {
    display: grid;
    gap: .42rem;
}

.tara-horasuc-bar-row[b-43iy40pfxe] {
    display: grid;
    grid-template-columns: minmax(112px, 150px) minmax(120px, 1fr) minmax(95px, auto);
    gap: .6rem;
    align-items: center;
    min-height: 30px;
    padding: .16rem .22rem;
    border-radius: var(--tara-radius-sm);
    transition: background .18s ease;
}

.tara-horasuc-bar-row:hover[b-43iy40pfxe] {
    background: color-mix(in srgb, var(--tara-primary) 4%, transparent);
}

.tara-horasuc-bar-label[b-43iy40pfxe] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-horasuc-bar-track[b-43iy40pfxe] {
    height: 16px;
    overflow: hidden;
    background: color-mix(in srgb, var(--tara-border) 58%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-border) 82%, var(--tara-surface));
    border-radius: 999px;
}

.tara-horasuc-bar[b-43iy40pfxe] {
    width: var(--bar-width);
    min-width: 0;
    height: 100%;
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--tara-primary-dark) 86%, var(--tara-surface)),
        color-mix(in srgb, var(--tara-primary) 68%, var(--tara-surface)));
    border-radius: inherit;
    animation: tara-horasuc-bar-in-b-43iy40pfxe .38s ease-out both;
}

.tara-horasuc-bar-row--peak .tara-horasuc-bar[b-43iy40pfxe] {
    background: var(--tara-primary-dark);
}

.tara-horasuc-bar-row--peak .tara-horasuc-bar-label[b-43iy40pfxe],
.tara-horasuc-bar-row--peak .tara-horasuc-bar-value[b-43iy40pfxe] {
    color: var(--tara-primary-dark);
}

.tara-horasuc-bar-value[b-43iy40pfxe] {
    color: var(--tara-text);
    font-size: .8rem;
    font-weight: 900;
    text-align: right;
    white-space: nowrap;
}

@keyframes tara-horasuc-bar-in-b-43iy40pfxe {
    from {
        width: 0;
        opacity: .45;
    }
    to {
        width: var(--bar-width);
        opacity: 1;
    }
}

.tara-horasuc-filter-grid[b-43iy40pfxe] {
    display: grid;
    grid-template-columns: minmax(290px, .72fr) auto;
    gap: .6rem;
    align-items: end;
    padding: .85rem;
}

.tara-horasuc-date-range[b-43iy40pfxe] {
    min-width: 0;
}

.tara-horasuc-actions[b-43iy40pfxe] {
    align-self: end;
}

.tara-horasuc-filter-meta[b-43iy40pfxe] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: 0 .85rem .85rem;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-horasuc-filter-summary-label[b-43iy40pfxe] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .68rem;
    font-weight: 900;
}

.tara-horasuc-filter-summary-text[b-43iy40pfxe] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 750;
}

.tara-horasuc-field[b-43iy40pfxe] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

.tara-horasuc-field span[b-43iy40pfxe] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .68rem;
    font-weight: 800;
}

.tara-horasuc-field input[b-43iy40pfxe] {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 .7rem;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    outline: none;
}

.tara-horasuc-field input:hover[b-43iy40pfxe],
.tara-horasuc-field input:focus[b-43iy40pfxe] {
    border-color: var(--tara-primary-dark);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-horasuc-toolbar[b-43iy40pfxe] {
    display: grid;
    grid-template-columns: minmax(220px, 360px) minmax(0, 1fr);
    align-items: end;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-horasuc-toolbar--no-search[b-43iy40pfxe] {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: .45rem;
}

.tara-horasuc-status[b-43iy40pfxe] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    text-align: right;
    padding-bottom: .5rem;
}

.tara-horasuc-toolbar--no-search .tara-horasuc-status[b-43iy40pfxe] {
    text-align: left;
    padding-bottom: 0;
}

.tara-horasuc-table-scroll[b-43iy40pfxe] {
    max-width: 100%;
    max-height: clamp(400px, calc(100vh - 355px), 720px);
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-horasuc-table[b-43iy40pfxe] {
    min-width: 1220px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tara-text);
    font-size: .84rem;
}

.tara-horasuc-table th[b-43iy40pfxe],
.tara-horasuc-table td[b-43iy40pfxe] {
    min-width: 120px;
    height: 34px;
    padding: .42rem .55rem;
    border-right: 1px solid var(--tara-border);
    border-bottom: 1px solid var(--tara-border);
    text-align: right;
    white-space: nowrap;
}

.tara-horasuc-table th[b-43iy40pfxe] {
    position: sticky;
    top: 0;
    z-index: 3;
    color: var(--tara-th-text);
    background: var(--tara-th-bg);
    font-size: .75rem;
    font-weight: 900;
}

.tara-horasuc-table th button[b-43iy40pfxe] {
    width: 100%;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    text-align: inherit;
    font: inherit;
    cursor: pointer;
}

.tara-horasuc-table tbody tr:nth-child(odd) td[b-43iy40pfxe] {
    background: var(--tara-row-odd);
}

.tara-horasuc-table tbody tr:nth-child(even) td[b-43iy40pfxe] {
    background: var(--tara-row-even);
}

.tara-horasuc-table tbody tr:hover td[b-43iy40pfxe] {
    background: var(--tara-row-hover);
}

.tara-horasuc-col-rank[b-43iy40pfxe] {
    min-width: 52px !important;
    width: 52px;
    text-align: center !important;
    color: var(--tara-text-muted);
    font-weight: 800;
}

.tara-horasuc-col-store[b-43iy40pfxe] {
    position: sticky;
    left: 0;
    z-index: 2;
    min-width: 210px !important;
    max-width: 280px;
    text-align: left !important;
    box-shadow: 1px 0 0 var(--tara-border);
}

th.tara-horasuc-col-store[b-43iy40pfxe] {
    z-index: 4;
}

.tara-horasuc-col-store strong[b-43iy40pfxe] {
    font-weight: 900;
}

.tara-horasuc-col-hour[b-43iy40pfxe] {
    min-width: 150px !important;
    text-align: left !important;
}

.tara-horasuc-col-hour strong[b-43iy40pfxe] {
    font-weight: 900;
}

.tara-horasuc-sort-active button[b-43iy40pfxe] {
    color: var(--tara-primary-dark) !important;
}

.tara-horasuc-table tfoot td[b-43iy40pfxe] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    border-top: 2px solid color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface)) !important;
    color: var(--tara-text);
    font-weight: 950;
}

.tara-horasuc-table tfoot td:first-child[b-43iy40pfxe],
.tara-horasuc-table tfoot td:nth-child(2)[b-43iy40pfxe],
.tara-horasuc-table tfoot td:nth-child(3)[b-43iy40pfxe] {
    color: var(--tara-primary-dark);
}

.tara-horasuc-table tfoot .tara-horasuc-col-store[b-43iy40pfxe] {
    z-index: 3;
}

.tara-horasuc-state[b-43iy40pfxe] {
    min-height: 280px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-horasuc-state[b-43iy40pfxe]  .mud-icon-root {
    color: var(--tara-text-muted);
}

@media (max-width: 760px) {
    .tara-horasuc-header[b-43iy40pfxe] {
        align-items: stretch;
        flex-direction: column;
    }

    .tara-horasuc-filter-grid[b-43iy40pfxe],
    .tara-horasuc-toolbar[b-43iy40pfxe] {
        grid-template-columns: 1fr;
    }

    .tara-horasuc-status[b-43iy40pfxe] {
        text-align: left;
        padding-bottom: 0;
    }

    .tara-horasuc-table-scroll[b-43iy40pfxe] {
        max-height: 62vh;
    }

    .tara-horasuc-kpis[b-43iy40pfxe] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-horasuc-chart-head[b-43iy40pfxe] {
        flex-direction: column;
    }

    .tara-horasuc-analysis-bar[b-43iy40pfxe] {
        grid-template-columns: 1fr;
    }

    .tara-horasuc-analysis-summary[b-43iy40pfxe] {
        justify-items: start;
    }

    .tara-horasuc-analysis-summary strong[b-43iy40pfxe] {
        text-align: left;
    }

    .tara-horasuc-metric-toggle[b-43iy40pfxe] {
        justify-content: flex-start;
    }

    .tara-horasuc-bar-row[b-43iy40pfxe] {
        grid-template-columns: minmax(78px, 96px) minmax(110px, 1fr) minmax(78px, auto);
        gap: .45rem;
    }

    .tara-horasuc-bar-value[b-43iy40pfxe] {
        font-size: .74rem;
    }
}

@media (max-width: 1180px) {
    .tara-horasuc-kpis[b-43iy40pfxe] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-horasuc-kpis[b-43iy40pfxe] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresVentasPorSucursal.razor.rz.scp.css */
.tara-ventas-page[b-kpwtlpwxbh] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.tara-ventas-header[b-kpwtlpwxbh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.tara-ventas-header span[b-kpwtlpwxbh] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-ventas-header h1[b-kpwtlpwxbh] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-ventas-header p[b-kpwtlpwxbh] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-ventas-panel[b-kpwtlpwxbh] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-ventas-alert[b-kpwtlpwxbh] {
    border-radius: var(--tara-radius-sm);
}

.tara-ventas-results[b-kpwtlpwxbh] {
    padding: .85rem;
}

.tara-ventas-filter-grid[b-kpwtlpwxbh] {
    display: grid;
    grid-template-columns: minmax(290px, .7fr) minmax(260px, .8fr) auto;
    gap: .6rem;
    align-items: end;
    padding: .85rem;
}

.tara-ventas-date-range[b-kpwtlpwxbh] {
    min-width: 0;
}

.tara-ventas-field[b-kpwtlpwxbh] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

.tara-ventas-field span[b-kpwtlpwxbh] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .68rem;
    font-weight: 800;
}

.tara-ventas-field input[b-kpwtlpwxbh] {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 .7rem;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    outline: none;
}

.tara-ventas-field input:hover[b-kpwtlpwxbh],
.tara-ventas-field input:focus[b-kpwtlpwxbh] {
    border-color: var(--tara-primary-dark);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-ventas-check[b-kpwtlpwxbh] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: 0 .65rem;
    color: var(--tara-text);
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    font-size: .88rem;
    font-weight: 650;
}

.tara-ventas-check input[b-kpwtlpwxbh] {
    width: 16px;
    height: 16px;
    accent-color: var(--tara-primary);
}

.tara-ventas-actions[b-kpwtlpwxbh] {
    align-self: end;
}

.tara-ventas-filter-meta[b-kpwtlpwxbh] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: 0 .85rem .85rem;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-ventas-filter-pill[b-kpwtlpwxbh] {
    display: inline-flex;
    align-items: center;
    max-width: 220px;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    padding: .18rem .5rem;
    font-size: .74rem;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-ventas-toolbar[b-kpwtlpwxbh] {
    display: grid;
    grid-template-columns: minmax(220px, 360px) minmax(0, 1fr);
    align-items: end;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-ventas-status[b-kpwtlpwxbh] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    text-align: right;
    padding-bottom: .5rem;
}

.tara-ventas-table-scroll[b-kpwtlpwxbh] {
    max-width: 100%;
    max-height: clamp(400px, calc(100vh - 355px), 720px);
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-ventas-table[b-kpwtlpwxbh] {
    min-width: 1120px;
    width: max-content;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tara-text);
    font-size: .84rem;
}

.tara-ventas-table th[b-kpwtlpwxbh],
.tara-ventas-table td[b-kpwtlpwxbh] {
    min-width: 126px;
    height: 34px;
    padding: .42rem .55rem;
    border-right: 1px solid var(--tara-border);
    border-bottom: 1px solid var(--tara-border);
    text-align: right;
    white-space: nowrap;
}

.tara-ventas-table th[b-kpwtlpwxbh] {
    position: sticky;
    top: 0;
    z-index: 3;
    color: var(--tara-th-text);
    background: var(--tara-th-bg);
    font-size: .75rem;
    font-weight: 900;
}

.tara-ventas-table th button[b-kpwtlpwxbh] {
    width: 100%;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    text-align: inherit;
    font: inherit;
    cursor: pointer;
}

.tara-ventas-table tbody tr:nth-child(odd) td[b-kpwtlpwxbh] {
    background: var(--tara-row-odd);
}

.tara-ventas-table tbody tr:nth-child(even) td[b-kpwtlpwxbh] {
    background: var(--tara-row-even);
}

.tara-ventas-table tbody tr:hover td[b-kpwtlpwxbh] {
    background: var(--tara-row-hover);
}

.tara-ventas-col-store[b-kpwtlpwxbh] {
    position: sticky;
    left: 0;
    z-index: 2;
    min-width: 210px !important;
    max-width: 280px;
    text-align: left !important;
    box-shadow: 1px 0 0 var(--tara-border);
}

th.tara-ventas-col-store[b-kpwtlpwxbh] {
    z-index: 4;
}

.tara-ventas-col-store strong[b-kpwtlpwxbh] {
    font-weight: 900;
}

.tara-ventas-col-total[b-kpwtlpwxbh] {
    position: sticky;
    right: 0;
    z-index: 2;
    min-width: 120px !important;
    font-weight: 900;
    box-shadow: -1px 0 0 color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
}

th.tara-ventas-col-total[b-kpwtlpwxbh] {
    z-index: 4;
}

.tara-ventas-table tbody td.tara-ventas-col-total[b-kpwtlpwxbh],
.tara-ventas-table tbody tr:hover td.tara-ventas-col-total[b-kpwtlpwxbh] {
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface)) !important;
}

.tara-ventas-sort-active button[b-kpwtlpwxbh] {
    color: var(--tara-primary-dark) !important;
}

.tara-ventas-state[b-kpwtlpwxbh] {
    min-height: 280px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-ventas-state--compact[b-kpwtlpwxbh] {
    min-height: 260px;
}

.tara-ventas-state[b-kpwtlpwxbh]  .mud-icon-root {
    color: var(--tara-text-muted);
}

@media (max-width: 1180px) {
    .tara-ventas-filter-grid[b-kpwtlpwxbh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-ventas-header[b-kpwtlpwxbh] {
        align-items: stretch;
        flex-direction: column;
    }

    .tara-ventas-filter-grid[b-kpwtlpwxbh],
    .tara-ventas-toolbar[b-kpwtlpwxbh] {
        grid-template-columns: 1fr;
    }

    .tara-ventas-status[b-kpwtlpwxbh] {
        text-align: left;
        padding-bottom: 0;
    }

    .tara-ventas-table-scroll[b-kpwtlpwxbh] {
        max-height: 62vh;
    }

    .tara-ventas-table[b-kpwtlpwxbh] {
        min-width: 920px;
    }
}


.tara-ventas-col-rank[b-kpwtlpwxbh] {
    min-width: 52px !important;
    width: 52px;
    text-align: center !important;
    color: var(--tara-text-muted);
    font-weight: 800;
}

.tara-ventas-store-select[b-kpwtlpwxbh] {
    min-width: 0;
}

.tara-ventas-table tfoot td[b-kpwtlpwxbh] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface)) !important;
    font-weight: 900;
}

.tara-ventas-table tfoot .tara-ventas-col-store[b-kpwtlpwxbh] {
    z-index: 3;
}

.tara-ventas-filter-summary-label[b-kpwtlpwxbh] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .68rem;
    font-weight: 900;
}

.tara-ventas-filter-summary-text[b-kpwtlpwxbh] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 750;
}

.tara-ventas-toolbar--no-search[b-kpwtlpwxbh] {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: .45rem;
}

.tara-ventas-toolbar--no-search .tara-ventas-status[b-kpwtlpwxbh] {
    text-align: left;
    padding-bottom: 0;
}

.tara-ventas-table tfoot td[b-kpwtlpwxbh] {
    border-top: 2px solid color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface)) !important;
    color: var(--tara-text);
    font-weight: 950;
}

.tara-ventas-table tfoot td:first-child[b-kpwtlpwxbh],
.tara-ventas-table tfoot td:nth-child(2)[b-kpwtlpwxbh] {
    color: var(--tara-primary-dark);
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresVentasPorTrimestre.razor.rz.scp.css */
.tara-trimestre-page[b-01ruxbz2kw] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.tara-trimestre-header[b-01ruxbz2kw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.tara-trimestre-header span[b-01ruxbz2kw] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-trimestre-header h1[b-01ruxbz2kw] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-trimestre-header p[b-01ruxbz2kw] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-trimestre-panel[b-01ruxbz2kw] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-trimestre-alert[b-01ruxbz2kw] {
    border-radius: var(--tara-radius-sm);
}

.tara-trimestre-results[b-01ruxbz2kw] {
    padding: .85rem;
}

.tara-trimestre-filter-grid[b-01ruxbz2kw] {
    display: grid;
    grid-template-columns: minmax(290px, .72fr) auto;
    gap: .6rem;
    align-items: end;
    padding: .85rem;
}

.tara-trimestre-date-range[b-01ruxbz2kw] {
    min-width: 0;
}

.tara-trimestre-filter-note[b-01ruxbz2kw] {
    display: grid;
    gap: .2rem;
    min-width: 0;
    padding: .5rem .65rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
}

.tara-trimestre-filter-note span[b-01ruxbz2kw] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .66rem;
    font-weight: 900;
}

.tara-trimestre-filter-note strong[b-01ruxbz2kw] {
    color: var(--tara-text);
    font-size: .88rem;
    font-weight: 850;
}

.tara-trimestre-actions[b-01ruxbz2kw] {
    align-self: end;
}

.tara-trimestre-filter-meta[b-01ruxbz2kw] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: 0 .85rem .85rem;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-trimestre-filter-summary-label[b-01ruxbz2kw] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .68rem;
    font-weight: 900;
}

.tara-trimestre-filter-summary-text[b-01ruxbz2kw] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 750;
}

.tara-trimestre-field[b-01ruxbz2kw] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

.tara-trimestre-field span[b-01ruxbz2kw] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .68rem;
    font-weight: 800;
}

.tara-trimestre-field input[b-01ruxbz2kw] {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 .7rem;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    outline: none;
}

.tara-trimestre-field input:hover[b-01ruxbz2kw],
.tara-trimestre-field input:focus[b-01ruxbz2kw] {
    border-color: var(--tara-primary-dark);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-trimestre-toolbar[b-01ruxbz2kw] {
    display: grid;
    grid-template-columns: minmax(220px, 360px) minmax(0, 1fr);
    align-items: end;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-trimestre-toolbar--no-search[b-01ruxbz2kw] {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: .45rem;
}

.tara-trimestre-status[b-01ruxbz2kw] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    text-align: right;
    padding-bottom: .5rem;
}

.tara-trimestre-toolbar--no-search .tara-trimestre-status[b-01ruxbz2kw] {
    text-align: left;
    padding-bottom: 0;
}

.tara-trimestre-table-scroll[b-01ruxbz2kw] {
    max-width: 100%;
    max-height: clamp(400px, calc(100vh - 355px), 720px);
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-trimestre-table[b-01ruxbz2kw] {
    min-width: 920px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tara-text);
    font-size: .84rem;
}

.tara-trimestre-table th[b-01ruxbz2kw],
.tara-trimestre-table td[b-01ruxbz2kw] {
    min-width: 126px;
    height: 34px;
    padding: .42rem .55rem;
    border-right: 1px solid var(--tara-border);
    border-bottom: 1px solid var(--tara-border);
    text-align: right;
    white-space: nowrap;
}

.tara-trimestre-table th[b-01ruxbz2kw] {
    position: sticky;
    top: 0;
    z-index: 3;
    color: var(--tara-th-text);
    background: var(--tara-th-bg);
    font-size: .75rem;
    font-weight: 900;
}

.tara-trimestre-table th button[b-01ruxbz2kw] {
    width: 100%;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    text-align: inherit;
    font: inherit;
    cursor: pointer;
}

.tara-trimestre-table tbody tr:nth-child(odd) td[b-01ruxbz2kw] {
    background: var(--tara-row-odd);
}

.tara-trimestre-table tbody tr:nth-child(even) td[b-01ruxbz2kw] {
    background: var(--tara-row-even);
}

.tara-trimestre-table tbody tr:hover td[b-01ruxbz2kw] {
    background: var(--tara-row-hover);
}

.tara-trimestre-col-rank[b-01ruxbz2kw] {
    min-width: 52px !important;
    width: 52px;
    text-align: center !important;
    color: var(--tara-text-muted);
    font-weight: 800;
}

.tara-trimestre-col-store[b-01ruxbz2kw] {
    position: sticky;
    left: 0;
    z-index: 2;
    min-width: 210px !important;
    max-width: 280px;
    text-align: left !important;
    box-shadow: 1px 0 0 var(--tara-border);
}

th.tara-trimestre-col-store[b-01ruxbz2kw] {
    z-index: 4;
}

.tara-trimestre-col-store strong[b-01ruxbz2kw] {
    font-weight: 900;
}

.tara-trimestre-sort-active button[b-01ruxbz2kw] {
    color: var(--tara-primary-dark) !important;
}

.tara-trimestre-table tfoot td[b-01ruxbz2kw] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    border-top: 2px solid color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface)) !important;
    color: var(--tara-text);
    font-weight: 950;
}

.tara-trimestre-table tfoot td:first-child[b-01ruxbz2kw],
.tara-trimestre-table tfoot td:nth-child(2)[b-01ruxbz2kw] {
    color: var(--tara-primary-dark);
}

.tara-trimestre-table tfoot .tara-trimestre-col-store[b-01ruxbz2kw] {
    z-index: 3;
}

.tara-trimestre-state[b-01ruxbz2kw] {
    min-height: 280px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-trimestre-state[b-01ruxbz2kw]  .mud-icon-root {
    color: var(--tara-text-muted);
}

@media (max-width: 760px) {
    .tara-trimestre-header[b-01ruxbz2kw] {
        align-items: stretch;
        flex-direction: column;
    }

    .tara-trimestre-filter-grid[b-01ruxbz2kw],
    .tara-trimestre-toolbar[b-01ruxbz2kw] {
        grid-template-columns: 1fr;
    }

    .tara-trimestre-status[b-01ruxbz2kw] {
        text-align: left;
        padding-bottom: 0;
    }

    .tara-trimestre-table-scroll[b-01ruxbz2kw] {
        max-height: 62vh;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresVentasPromedioTicket.razor.rz.scp.css */
.tara-promticket-page[b-4msu3n41ve] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.tara-promticket-header[b-4msu3n41ve] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.tara-promticket-header span[b-4msu3n41ve] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-promticket-header h1[b-4msu3n41ve] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-promticket-header p[b-4msu3n41ve] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-promticket-panel[b-4msu3n41ve] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-promticket-alert[b-4msu3n41ve] {
    border-radius: var(--tara-radius-sm);
}

.tara-promticket-results[b-4msu3n41ve] {
    padding: .85rem;
}

.tara-promticket-filter-grid[b-4msu3n41ve] {
    display: grid;
    grid-template-columns: minmax(290px, .72fr) auto;
    gap: .6rem;
    align-items: end;
    padding: .85rem;
}

.tara-promticket-date-range[b-4msu3n41ve] {
    min-width: 0;
}

.tara-promticket-actions[b-4msu3n41ve] {
    align-self: end;
}

.tara-promticket-filter-meta[b-4msu3n41ve] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: 0 .85rem .85rem;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-promticket-filter-summary-label[b-4msu3n41ve] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .68rem;
    font-weight: 900;
}

.tara-promticket-filter-summary-text[b-4msu3n41ve] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 750;
}

.tara-promticket-field[b-4msu3n41ve] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

.tara-promticket-field span[b-4msu3n41ve] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .68rem;
    font-weight: 800;
}

.tara-promticket-field input[b-4msu3n41ve] {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 .7rem;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    outline: none;
}

.tara-promticket-field input:hover[b-4msu3n41ve],
.tara-promticket-field input:focus[b-4msu3n41ve] {
    border-color: var(--tara-primary-dark);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-promticket-toolbar[b-4msu3n41ve] {
    display: grid;
    grid-template-columns: minmax(220px, 360px) minmax(0, 1fr);
    align-items: end;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-promticket-toolbar--no-search[b-4msu3n41ve] {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: .45rem;
}

.tara-promticket-status[b-4msu3n41ve] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    text-align: right;
    padding-bottom: .5rem;
}

.tara-promticket-toolbar--no-search .tara-promticket-status[b-4msu3n41ve] {
    text-align: left;
    padding-bottom: 0;
}

.tara-promticket-table-scroll[b-4msu3n41ve] {
    max-width: 100%;
    max-height: clamp(400px, calc(100vh - 355px), 720px);
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-promticket-table[b-4msu3n41ve] {
    min-width: 920px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tara-text);
    font-size: .84rem;
}

.tara-promticket-table th[b-4msu3n41ve],
.tara-promticket-table td[b-4msu3n41ve] {
    min-width: 126px;
    height: 34px;
    padding: .42rem .55rem;
    border-right: 1px solid var(--tara-border);
    border-bottom: 1px solid var(--tara-border);
    text-align: right;
    white-space: nowrap;
}

.tara-promticket-table th[b-4msu3n41ve] {
    position: sticky;
    top: 0;
    z-index: 3;
    color: var(--tara-th-text);
    background: var(--tara-th-bg);
    font-size: .75rem;
    font-weight: 900;
}

.tara-promticket-table th button[b-4msu3n41ve] {
    width: 100%;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    text-align: inherit;
    font: inherit;
    cursor: pointer;
}

.tara-promticket-table tbody tr:nth-child(odd) td[b-4msu3n41ve] {
    background: var(--tara-row-odd);
}

.tara-promticket-table tbody tr:nth-child(even) td[b-4msu3n41ve] {
    background: var(--tara-row-even);
}

.tara-promticket-table tbody tr:hover td[b-4msu3n41ve] {
    background: var(--tara-row-hover);
}

.tara-promticket-col-rank[b-4msu3n41ve] {
    min-width: 52px !important;
    width: 52px;
    text-align: center !important;
    color: var(--tara-text-muted);
    font-weight: 800;
}

.tara-promticket-col-store[b-4msu3n41ve] {
    position: sticky;
    left: 0;
    z-index: 2;
    min-width: 210px !important;
    max-width: 280px;
    text-align: left !important;
    box-shadow: 1px 0 0 var(--tara-border);
}

th.tara-promticket-col-store[b-4msu3n41ve] {
    z-index: 4;
}

.tara-promticket-col-store strong[b-4msu3n41ve] {
    font-weight: 900;
}

.tara-promticket-sort-active button[b-4msu3n41ve] {
    color: var(--tara-primary-dark) !important;
}

.tara-promticket-table tfoot td[b-4msu3n41ve] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    border-top: 2px solid color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface)) !important;
    color: var(--tara-text);
    font-weight: 950;
}

.tara-promticket-table tfoot td:first-child[b-4msu3n41ve],
.tara-promticket-table tfoot td:nth-child(2)[b-4msu3n41ve] {
    color: var(--tara-primary-dark);
}

.tara-promticket-table tfoot .tara-promticket-col-store[b-4msu3n41ve] {
    z-index: 3;
}

.tara-promticket-state[b-4msu3n41ve] {
    min-height: 280px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-promticket-state[b-4msu3n41ve]  .mud-icon-root {
    color: var(--tara-text-muted);
}

@media (max-width: 760px) {
    .tara-promticket-header[b-4msu3n41ve] {
        align-items: stretch;
        flex-direction: column;
    }

    .tara-promticket-filter-grid[b-4msu3n41ve],
    .tara-promticket-toolbar[b-4msu3n41ve] {
        grid-template-columns: 1fr;
    }

    .tara-promticket-status[b-4msu3n41ve] {
        text-align: left;
        padding-bottom: 0;
    }

    .tara-promticket-table-scroll[b-4msu3n41ve] {
        max-height: 62vh;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Login.razor.rz.scp.css */
/* ===== Tarahumara Login — paleta Santander/Tarahumara =====
   Sin ::deep: Blazor compila a .login-page[b-xxx], que matchea el elemento
   raíz del componente. Con ::deep generaría [b-xxx] .login-page (descendiente)
   y la sección raíz —cuyo padre es .login-shell[b-yyy]— nunca lo matchearía.
   Por la misma razón, CUALQUIER regla que afecte .login-page en media queries
   también debe omitir ::deep. */
.login-page[b-vvs8wt9p5z] {
    /* Mapeo de aliases locales al Patrón Tarahumara — no hardcodear colores aquí */
    --t-red:    var(--tara-primary);
    --t-boston: var(--tara-primary-dark);
    --t-london: var(--tara-primary-deeper);
    --t-madrid: #EA6F5D;
    --t-mexico: #F0B998;
    --t-rio:    #F5DECF;
    --t-lisbon: var(--tara-bg);
    --t-white:  var(--tara-surface);
    --t-black:  #000000;
    --t-ink:    var(--tara-text);
    --t-muted:  var(--tara-text-muted);
    --t-line:   var(--tara-border);

    /* Grid de dos columnas: hero izquierda, panel derecha.
       fr-units evitan overflow a diferencia de porcentajes con padding. */
    display: grid;
    grid-template-columns: 46fr 54fr;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

/* ============ Entrance animation (sutil, una sola vez) ============ */
@keyframes t-fade-in-left-b-vvs8wt9p5z {
    from { opacity: 0; transform: translateX(-18px); }
    to   { opacity: 1; transform: translateX(0); }
}
@keyframes t-fade-in-up-b-vvs8wt9p5z {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}
[b-vvs8wt9p5z] .login-hero  { animation: t-fade-in-left-b-vvs8wt9p5z 420ms ease-out; }
/* Card sin animación: con InteractiveServer el rerender hidratado puede
   dejar el estado inicial (opacity:0) sin completar el "to" y hacer el
   card invisible. Forzamos opacidad/transform finales. */
[b-vvs8wt9p5z] .login-card  { animation: none; opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
    [b-vvs8wt9p5z] .login-hero { animation: none !important; }
}

/* ============ HERO (izquierda) ============ */
[b-vvs8wt9p5z] .login-hero {
    position: relative;
    /* Sin flex ni min-height: el grid gestiona el tamaño de la columna. */
    color: #fff;
    background:
        radial-gradient(ellipse at 20% 0%, rgba(234, 111, 93, 0.35), transparent 55%),
        radial-gradient(ellipse at 90% 100%, rgba(0, 0, 0, 0.45), transparent 60%),
        linear-gradient(135deg, #CC0000 0%, #990000 60%, #4a0000 100%);
    overflow: hidden;
    isolation: isolate;
}

[b-vvs8wt9p5z] .hero-pattern {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(45deg, rgba(255,255,255,0.05) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(255,255,255,0.05) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgba(255,255,255,0.04) 75%),
        linear-gradient(-45deg, transparent 75%, rgba(255,255,255,0.04) 75%);
    background-size: 36px 36px;
    background-position: 0 0, 0 18px, 18px -18px, -18px 0;
    mask-image: radial-gradient(ellipse at 30% 30%, #000 30%, transparent 75%);
    -webkit-mask-image: radial-gradient(ellipse at 30% 30%, #000 30%, transparent 75%);
    opacity: 0.55;
    z-index: 0;
    pointer-events: none;
}

/* Decorative rotated square eliminado: el watermark del isotipo ya carga
   el rol decorativo y evita ruido visual sobre el hero. */

[b-vvs8wt9p5z] .hero-content {
    position: relative;
    z-index: 1;
    padding: 48px 56px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    max-width: 720px;
    box-sizing: border-box;
}

[b-vvs8wt9p5z] .hero-tagline {
    margin: 0;
    color: rgba(255,255,255,0.92);
    font-size: 1.1rem;
    line-height: 1.45;
    font-weight: 500;
    letter-spacing: 0.1px;
    max-width: 460px;
}
/* .d-show eliminado: el <br> ya no existe en el tagline */

[b-vvs8wt9p5z] .brand {
    display: flex;
    align-items: center;
}

[b-vvs8wt9p5z] .brand-lockup {
    height: 56px;
    width: auto;
    max-width: 360px;
    object-fit: contain;
    display: block;
    user-select: none;
    -webkit-user-drag: none;
    filter: drop-shadow(0 4px 12px rgba(0,0,0,0.18));
}

[b-vvs8wt9p5z] .card-lockup {
    height: 44px;
    width: auto;
    max-width: 260px;
    object-fit: contain;
    display: block;
    margin-bottom: 14px;
    user-select: none;
    -webkit-user-drag: none;
}

[b-vvs8wt9p5z] .hero-footer {
    margin-top: auto;
    font-size: 0.8rem;
    color: rgba(255,255,255,0.65);
    display: flex;
    gap: 10px;
    align-items: center;
}
[b-vvs8wt9p5z] .hero-footer .sep { opacity: 0.6; }

/* ============ PANEL (derecha) ============ */
[b-vvs8wt9p5z] .login-panel {
    /* Flexbox real: centra el card vertical y horizontalmente en la columna.
       display: grid + place-items: center no centraba verticalmente porque
       la fila implícita era auto-sized (content height), no la altura del panel. */
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 48px 40px;
    overflow-y: auto;   /* panel hace scroll interno si el card no cabe */
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240, 185, 152, 0.20), transparent 50%),
        var(--tara-bg);
}

[b-vvs8wt9p5z] .login-card {
    position: relative;
    width: 100%;
    max-width: 480px;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 20px;
    padding: 44px 38px 28px;
    box-shadow:
        0 1px 2px rgba(20,20,30,0.04),
        0 18px 44px -12px rgba(204, 0, 0, 0.12),
        0 32px 80px -24px rgba(20,20,30,0.22);
    overflow: hidden;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}
[b-vvs8wt9p5z] .login-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: linear-gradient(90deg, var(--t-london) 0%, var(--t-red) 50%, var(--t-madrid) 100%);
}

[b-vvs8wt9p5z] .card-head { margin-bottom: 28px; }
[b-vvs8wt9p5z] .card-eyebrow {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: var(--t-london);
    padding: 4px 10px;
    background: var(--t-lisbon);
    border: 1px solid #f0e1d3;
    border-radius: 999px;
    display: inline-block;
    margin-bottom: 14px;
}
[b-vvs8wt9p5z] .card-head h2 {
    font-size: 1.65rem;
    font-weight: 700;
    color: var(--t-ink);
    margin: 0 0 6px 0;
    letter-spacing: -0.4px;
}
[b-vvs8wt9p5z] .card-head p { color: var(--t-muted); margin: 0; font-size: 0.95rem; line-height: 1.45; }

/* Frase de acceso exclusivo — bajo el badge "Acceso seguro" */
[b-vvs8wt9p5z] .card-exclusivo {
    margin: 0 0 14px 0;
    font-size: 0.82rem;
    line-height: 1.5;
    color: var(--t-muted);
    padding: 8px 12px;
    background: color-mix(in srgb, var(--tara-primary) 5%, transparent);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, transparent);
    border-left: 3px solid var(--t-london);
    border-radius: 8px;
}
[b-vvs8wt9p5z] .card-exclusivo strong {
    color: var(--t-london);
    font-weight: 700;
    letter-spacing: 0.01em;
}

[b-vvs8wt9p5z] .login-form { display: flex; flex-direction: column; gap: 20px; }

[b-vvs8wt9p5z] .field { display: flex; flex-direction: column; gap: 8px; }
[b-vvs8wt9p5z] .field-row { display: flex; align-items: center; justify-content: space-between; }
[b-vvs8wt9p5z] .field label {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--t-ink);
    letter-spacing: 0.2px;
}
[b-vvs8wt9p5z] .field input[type="text"],
[b-vvs8wt9p5z] .field input[type="password"] {
    height: 48px;
    padding: 0 14px;
    border-radius: 11px;
    border: 1px solid var(--t-line);
    background: var(--tara-surface);
    font-size: 0.95rem;
    color: var(--t-ink);
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}
[b-vvs8wt9p5z] .field input:hover { border-color: #d8cfc6; }
[b-vvs8wt9p5z] .field input::placeholder { color: #b8b0a8; }
[b-vvs8wt9p5z] .field input:focus {
    border-color: var(--t-red);
    box-shadow: 0 0 0 4px rgba(236, 0, 0, 0.10);
}

[b-vvs8wt9p5z] .link-muted {
    font-size: 0.82rem;
    color: var(--t-london);
    text-decoration: none;
    font-weight: 500;
}
[b-vvs8wt9p5z] .link-muted:hover { color: var(--t-red); text-decoration: underline; }

[b-vvs8wt9p5z] .field-inline { display: flex; align-items: center; justify-content: space-between; }
[b-vvs8wt9p5z] .check { display: inline-flex; align-items: center; gap: 10px; cursor: pointer; user-select: none; font-size: 0.88rem; color: var(--t-ink); }
[b-vvs8wt9p5z] .check input { width: 16px; height: 16px; accent-color: var(--t-red); }

[b-vvs8wt9p5z] .btn-primary-tarahumara {
    position: relative;
    margin-top: 6px;
    height: 52px;
    border: none;
    border-radius: 13px;
    background-color: var(--t-red);
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0) 45%),
        linear-gradient(180deg, var(--t-red) 0%, var(--t-boston) 55%, var(--t-london) 100%);
    color: #fff !important;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: -0.1px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.25),
        0 10px 24px -10px rgba(236, 0, 0, 0.65),
        0 2px 4px rgba(153, 0, 0, 0.18);
    transition: transform .08s ease, box-shadow .15s ease, filter .15s ease;
}
[b-vvs8wt9p5z] .btn-primary-tarahumara:hover:not([disabled]) {
    filter: brightness(1.05);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.3),
        0 14px 30px -10px rgba(236, 0, 0, 0.7),
        0 2px 6px rgba(153, 0, 0, 0.22);
}
[b-vvs8wt9p5z] .btn-primary-tarahumara:active:not([disabled]) { transform: translateY(1px); }
[b-vvs8wt9p5z] .btn-primary-tarahumara[disabled] { opacity: .75; cursor: progress; }
[b-vvs8wt9p5z] .btn-primary-tarahumara > span,
[b-vvs8wt9p5z] .btn-primary-tarahumara > svg { color: #fff; position: relative; z-index: 1; }

[b-vvs8wt9p5z] .spinner {
    width: 16px; height: 16px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.4);
    border-top-color: #fff;
    animation: spin-b-vvs8wt9p5z .8s linear infinite;
}
@keyframes spin-b-vvs8wt9p5z { to { transform: rotate(360deg); } }

[b-vvs8wt9p5z] .divider {
    text-align: center;
    position: relative;
    margin: 6px 0 0;
    color: var(--t-muted);
    font-size: 0.8rem;
}
[b-vvs8wt9p5z] .divider::before, [b-vvs8wt9p5z] .divider::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 42%;
    height: 1px;
    background: var(--t-line);
}
[b-vvs8wt9p5z] .divider::before { left: 0; }
[b-vvs8wt9p5z] .divider::after { right: 0; }
[b-vvs8wt9p5z] .divider span { background: var(--tara-surface); padding: 0 10px; }

[b-vvs8wt9p5z] .btn-ghost {
    height: 46px;
    border-radius: 12px;
    background: var(--tara-surface);
    border: 1px solid var(--t-line);
    color: var(--t-ink);
    font-weight: 600;
    font-size: 0.92rem;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease;
}
[b-vvs8wt9p5z] .btn-ghost:hover { border-color: var(--t-madrid); background: #fff8f4; }

/* Variante mailto: enlace que se ve como botón, con icono + correo visible */
[b-vvs8wt9p5z] .btn-ghost--mail {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    flex-wrap: wrap;
    padding: 0 14px;
    line-height: 1.2;
}
[b-vvs8wt9p5z] .btn-ghost--mail svg {
    flex-shrink: 0;
    color: var(--t-london);
    opacity: 0.85;
}
[b-vvs8wt9p5z] .btn-ghost-mail {
    font-family: ui-monospace, 'SFMono-Regular', Consolas, monospace;
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--t-london);
    letter-spacing: 0.01em;
}
[b-vvs8wt9p5z] .btn-ghost--mail:hover .btn-ghost-mail { color: var(--t-red); }

[b-vvs8wt9p5z] .alert-soft {
    background: var(--t-rio);
    color: var(--t-london);
    border: 1px solid #f3c9b3;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 0.88rem;
}

/* ============ Estados visuales preparados para auth futura ============
   No se activan por defecto. La etapa de autenticación real aplicará
   estas clases mediante bindings dinámicos:
     - .field.is-error / .is-success
     - .field-hint, .field-error
     - .alert-error / .alert-success (variantes de .alert-soft)
     - .btn-primary-tarahumara.is-loading (refuerza el estado _busy actual)
   ============================================================ */

[b-vvs8wt9p5z] .field.is-error input[type="text"],
[b-vvs8wt9p5z] .field.is-error input[type="password"] {
    border-color: var(--t-red);
    background: #fff7f7;
    box-shadow: 0 0 0 4px rgba(236, 0, 0, 0.10);
}
[b-vvs8wt9p5z] .field.is-success input[type="text"],
[b-vvs8wt9p5z] .field.is-success input[type="password"] {
    border-color: #2e7d32;
    background: #f6fbf6;
    box-shadow: 0 0 0 4px rgba(46, 125, 50, 0.10);
}

[b-vvs8wt9p5z] .field-hint {
    font-size: 0.78rem;
    color: var(--t-muted);
    margin-top: 2px;
}
[b-vvs8wt9p5z] .field-error {
    font-size: 0.78rem;
    color: var(--t-red);
    margin-top: 2px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
[b-vvs8wt9p5z] .field-error::before {
    content: "";
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--t-red);
    box-shadow: 0 0 0 3px rgba(236,0,0,0.12);
}

[b-vvs8wt9p5z] .alert-error {
    background: #fff2f2;
    color: #8a0000;
    border: 1px solid #f3c2c2;
    border-left: 3px solid var(--t-red);
    border-radius: 10px;
    padding: 12px 14px;
    font-size: 0.88rem;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
[b-vvs8wt9p5z] .alert-success {
    background: #f1faf2;
    color: #1b5e20;
    border: 1px solid #cfe8d2;
    border-left: 3px solid #2e7d32;
    border-radius: 10px;
    padding: 12px 14px;
    font-size: 0.88rem;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
[b-vvs8wt9p5z] .alert-error strong,
[b-vvs8wt9p5z] .alert-success strong { font-weight: 600; }

[b-vvs8wt9p5z] .btn-primary-tarahumara.is-loading {
    pointer-events: none;
    filter: saturate(0.95);
}

[b-vvs8wt9p5z] .card-foot {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid var(--t-line);
    text-align: center;
}
[b-vvs8wt9p5z] .card-foot small { color: var(--t-muted); font-size: 0.78rem; }

/* ============ Responsive ============ */
@media (min-width: 1440px) {
    /* Sin ::deep en .login-page: ajuste de proporción de columnas en pantallas grandes. */
    .login-page[b-vvs8wt9p5z] { grid-template-columns: 44fr 56fr; }
    [b-vvs8wt9p5z] .hero-content { padding: 64px 72px; }
    [b-vvs8wt9p5z] .login-card { max-width: 500px; }
    [b-vvs8wt9p5z] .brand-lockup { height: 64px; max-width: 420px; }
    [b-vvs8wt9p5z] .hero-tagline { font-size: 1.2rem; }
}

@media (max-width: 1180px) {
    /* Sin ::deep en .login-page: ajuste 50/50 en pantallas medianas. */
    .login-page[b-vvs8wt9p5z] { grid-template-columns: 50fr 50fr; }
    [b-vvs8wt9p5z] .login-panel { padding: 32px 24px; }
    [b-vvs8wt9p5z] .hero-content { padding: 40px 40px; }
}

/* Threshold ampliado a 840px: laptops 768-840px de alto son muy comunes.
   Este bloque hace el card lo suficientemente compacto para caber sin scroll. */
@media (max-height: 840px) {
    [b-vvs8wt9p5z] .login-panel { padding: 24px 24px; }
    [b-vvs8wt9p5z] .login-card { padding: 28px 30px 20px; }
    [b-vvs8wt9p5z] .card-head { margin-bottom: 16px; }
    [b-vvs8wt9p5z] .card-head h2 { font-size: 1.4rem; }
    [b-vvs8wt9p5z] .card-head p { font-size: 0.88rem; }
    [b-vvs8wt9p5z] .card-lockup { height: 36px; margin-bottom: 10px; }
    [b-vvs8wt9p5z] .card-eyebrow { margin-bottom: 10px; }
    [b-vvs8wt9p5z] .login-form { gap: 14px; }
    [b-vvs8wt9p5z] .field input[type="text"],
    [b-vvs8wt9p5z] .field input[type="password"] { height: 44px; }
    [b-vvs8wt9p5z] .btn-primary-tarahumara { height: 48px; margin-top: 2px; }
    [b-vvs8wt9p5z] .btn-ghost { height: 42px; }
    [b-vvs8wt9p5z] .card-foot { margin-top: 14px; padding-top: 12px; }
}

@media (max-width: 980px) {
    /* Sin ::deep en .login-page: único selector que matchea la raíz del componente
       dentro de un media query. Las reglas de hijos sí usan ::deep normalmente. */
    .login-page[b-vvs8wt9p5z] {
        grid-template-columns: 1fr;   /* una sola columna: hero arriba, panel abajo */
        height: auto;
        min-height: 100vh;
        overflow: visible;
    }
    /* Toggle en móvil: queda sobre la banda roja del hero — usar estilo blanco */
    .tara-theme-toggle--login[b-vvs8wt9p5z] {
        border-color: rgba(255, 255, 255, 0.55);
        color:        rgba(255, 255, 255, 0.92);
        top:          14px;
        right:        14px;
    }
    .tara-theme-toggle--login:hover[b-vvs8wt9p5z] {
        border-color: rgba(255, 255, 255, 0.85);
        color:        #ffffff;
    }
    [b-vvs8wt9p5z] .hero-content {
        padding: 22px 24px;
        /* Dejar espacio a la derecha para el toggle (34px botón + 14px margen + 14px gap) */
        padding-right: 68px;
        max-width: none;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
    }
    [b-vvs8wt9p5z] .hero-tagline { display: none; }
    [b-vvs8wt9p5z] .hero-footer { display: none; }
    [b-vvs8wt9p5z] .brand-lockup { height: 38px; max-width: 240px; }
    [b-vvs8wt9p5z] .login-panel { padding: 24px 18px 36px; overflow-y: visible; }
    [b-vvs8wt9p5z] .login-card { padding: 28px 22px; border-radius: 18px; }
    [b-vvs8wt9p5z] .card-lockup { height: 38px; max-width: 220px; }
}

@media (max-width: 480px) {
    [b-vvs8wt9p5z] .hero-content { padding: 18px 18px; }
    [b-vvs8wt9p5z] .brand-lockup { height: 32px; max-width: 200px; }
    [b-vvs8wt9p5z] .card-head { margin-bottom: 20px; }
    [b-vvs8wt9p5z] .card-head h2 { font-size: 1.3rem; }
    [b-vvs8wt9p5z] .card-lockup { height: 34px; max-width: 200px; margin-bottom: 10px; }
    [b-vvs8wt9p5z] .card-eyebrow { margin-bottom: 10px; }
    [b-vvs8wt9p5z] .login-card { padding: 24px 18px; }
    [b-vvs8wt9p5z] .login-form { gap: 16px; }
}
/* _content/Raramuri.blzr/Components/Pages/Productos.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   Productos — submenú contenedor
   Paleta Tarahumara: rojo #CC0000, crema #f5f1ed
   ═══════════════════════════════════════════════════════ */

/* ── Loading ─────────────────────────────────────────── */

.prod-loading[b-momxlygb2h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    gap: 1rem;
    color: #6b7280;
    font-size: .95rem;
}

@keyframes spin-b-momxlygb2h { to { transform: rotate(360deg); } }

.loading-ring[b-momxlygb2h] {
    width: 36px;
    height: 36px;
    border: 3px solid #e8e2dc;
    border-top-color: #CC0000;
    border-radius: 50%;
    animation: spin-b-momxlygb2h .75s linear infinite;
}

/* ── Encabezado de módulo ────────────────────────────── */

.prod-module-header[b-momxlygb2h] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.75rem;
}

.prod-back-btn[b-momxlygb2h] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #fff;
    border: 1px solid #e8e2dc;
    border-radius: 8px;
    cursor: pointer;
    color: #4b5563;
    transition: background .15s, border-color .15s;
    flex-shrink: 0;
}

.prod-back-btn:hover[b-momxlygb2h] {
    background: #f5f1ed;
    border-color: #CC0000;
    color: #CC0000;
}

.prod-module-title h1[b-momxlygb2h] {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.2;
}

.prod-module-title span[b-momxlygb2h] {
    font-size: .8rem;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 500;
}

/* ── Grid de subopciones ─────────────────────────────── */

.prod-grid[b-momxlygb2h] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

/* ── Card horizontal (fila) ──────────────────────────── */

@keyframes prodCardIn-b-momxlygb2h {
    from { opacity: 0; transform: translateX(-10px); }
    to   { opacity: 1; transform: translateX(0); }
}

.prod-card[b-momxlygb2h] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .85rem 1rem;
    background: #fff;
    border: 1px solid #e8e2dc;
    border-radius: 12px;
    cursor: pointer;
    text-align: left;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
    transition: box-shadow .15s, border-color .15s, transform .12s;

    animation: prodCardIn-b-momxlygb2h 220ms ease both;

    /* reset botón */
    font-family: inherit;
    color: inherit;
    width: 100%;
}

.prod-card:hover[b-momxlygb2h] {
    box-shadow: 0 4px 14px rgba(0, 0, 0, .09);
    border-color: #CC0000;
    transform: translateX(2px);
}

.prod-card:active[b-momxlygb2h] {
    transform: scale(.99);
    transition-duration: .06s;
}

.prod-card:focus-visible[b-momxlygb2h] {
    outline: 2px solid #CC0000;
    outline-offset: 2px;
}

/* ── Ícono ────────────────────────────────────────────── */

.prod-card-icon[b-momxlygb2h] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    flex-shrink: 0;
    color: #374151;
    transition: filter .15s;
}

.prod-card:hover .prod-card-icon[b-momxlygb2h] {
    filter: brightness(.9);
}

/* ── Texto ────────────────────────────────────────────── */

.prod-card-body[b-momxlygb2h] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
}

.prod-card-title[b-momxlygb2h] {
    font-size: .9rem;
    font-weight: 600;
    color: #1a1a1a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.prod-card-sub[b-momxlygb2h] {
    font-size: .75rem;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Flecha ───────────────────────────────────────────── */

.prod-card-arrow[b-momxlygb2h] {
    color: #d1d5db;
    flex-shrink: 0;
    transition: color .15s, transform .15s;
}

.prod-card:hover .prod-card-arrow[b-momxlygb2h] {
    color: #CC0000;
    transform: translateX(3px);
}

/* ── Toast placeholder ───────────────────────────────── */

.prod-prep-toast[b-momxlygb2h] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .65rem 1rem;
    margin-top: 1rem;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-left: 4px solid #3b82f6;
    border-radius: 8px;
    color: #1e40af;
    font-size: .875rem;
    animation: toastIn-b-momxlygb2h .2s ease;
}

@keyframes toastIn-b-momxlygb2h {
    from { opacity: 0; transform: translateY(-5px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive: dos columnas en pantallas grandes ───── */

@media (min-width: 640px) {
    .prod-grid[b-momxlygb2h] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .65rem;
    }

    .prod-card:hover[b-momxlygb2h] {
        transform: translateY(-1px) translateX(0);
    }
}

@media (min-width: 1024px) {
    .prod-grid[b-momxlygb2h] {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Pages/ProductosAbc.razor.rz.scp.css */
/* ── Layout base ──────────────────────────────────────────────────────────── */

.abc-loading[b-88qqy48n0g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    min-height: 280px;
    color: var(--tara-text-muted);
}

/* ── Encabezado de módulo — Patrón Tarahumara Secundario ─────────────────── */
/* tara-secondary-header (global) añade: border-bottom con acento rojo ::after,
   padding-bottom, margin-bottom. El CSS scoped solo ajusta detalles propios. */

.abc-page-header[b-88qqy48n0g] {
    /* Bloque (no flex) — tara-secondary-header es bloque con ::after posicionado.
       Anulamos el espaciado generoso del global para pantalla operativa compacta. */
    display: block;
    padding-top: 2px;
    padding-bottom: .55rem;  /* override tara-secondary-header: .85rem → .55rem */
    margin-bottom:  .7rem;   /* override tara-secondary-header: 1.1rem → .7rem  */
}

.abc-header-top[b-88qqy48n0g] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

.abc-back-btn[b-88qqy48n0g] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
    color: var(--tara-text-muted);
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color 0.18s ease, color 0.15s ease, border-color 0.15s ease;
}

.abc-back-btn:hover[b-88qqy48n0g] {
    background: var(--tara-border);
    color: var(--tara-text);
    border-color: color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
}

.abc-page-title[b-88qqy48n0g] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.abc-page-title h1[b-88qqy48n0g] {
    margin: 0;
    font-size: 1.45rem;
    font-weight: 800;
    color: var(--tara-text);
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.abc-page-subtitle[b-88qqy48n0g] {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 500;
    color: var(--tara-primary-dark);
    opacity: .75;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.abc-modo-chip[b-88qqy48n0g] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.abc-modo-chip--alta[b-88qqy48n0g] {
    background: rgba(22, 163, 74, 0.13);
    color: var(--tara-success);
}

.abc-modo-chip--editar[b-88qqy48n0g] {
    /* Era azul hardcoded — sustituido por primary-subtle (rojo tenue) del patrón */
    background: var(--tara-primary-subtle);
    color: var(--tara-primary-dark);
}

.abc-modo-chip--clonar[b-88qqy48n0g] {
    background: rgba(217, 119, 6, 0.13);
    color: var(--tara-warning);
}

.abc-draft-badge[b-88qqy48n0g] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.75rem;
    color: var(--tara-text-muted);
    padding: 4px 10px;
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border-subtle);
    margin-left: auto;
}

/* ── Panel de búsqueda ────────────────────────────────────────────────────── */

.abc-search-panel[b-88qqy48n0g] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    padding: 16px;
    margin-bottom: 16px;
    box-shadow: var(--tara-shadow-sm);
}

.abc-search-panel-title[b-88qqy48n0g] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--tara-text-muted);
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.abc-search-row[b-88qqy48n0g] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.abc-search-input[b-88qqy48n0g] {
    flex: 1;
}

.abc-search-results[b-88qqy48n0g] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    overflow: hidden;
    margin-top: 6px;
    max-height: 340px;
    overflow-y: auto;
}

.abc-search-hint[b-88qqy48n0g] {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    font-size: 0.82rem;
    color: var(--tara-text-muted);
    padding: 8px 2px 4px;
    line-height: 1.4;
}

.abc-search-hint--tip[b-88qqy48n0g] {
    color: var(--tara-text-muted);
}

.abc-search-result-item[b-88qqy48n0g] {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 14px;
    border: none;
    border-bottom: 1px solid var(--tara-border-subtle);
    background: var(--tara-surface);
    color: var(--tara-text);
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.abc-search-result-item:last-child[b-88qqy48n0g] {
    border-bottom: none;
}

.abc-search-result-item:hover[b-88qqy48n0g] {
    background: var(--tara-surface-raised);
}

/* Fila superior: estilo grande + badge exacto + barcode alineado a la derecha */
.abc-sri-top[b-88qqy48n0g] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

.abc-sri-estilo[b-88qqy48n0g] {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--tara-text);
    letter-spacing: -0.2px;
}

.abc-sri-exact-badge[b-88qqy48n0g] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 2px 7px;
    border-radius: 999px;
    background: var(--tara-primary-subtle);
    color: var(--tara-primary);
}

.abc-sri-barcode-chip[b-88qqy48n0g] {
    margin-left: auto;
    font-size: 0.7rem;
    font-family: monospace;
    padding: 1px 8px;
    border-radius: 4px;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    color: var(--tara-text-muted);
    white-space: nowrap;
}

.abc-sri-desc[b-88qqy48n0g] {
    font-size: 0.82rem;
    color: var(--tara-text);
    margin-top: 3px;
}

.abc-sri-meta[b-88qqy48n0g] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 5px;
}

.abc-sri-tag[b-88qqy48n0g] {
    font-size: 0.7rem;
    padding: 1px 8px;
    border-radius: 999px;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border-subtle);
    color: var(--tara-text-muted);
    white-space: nowrap;
}

.abc-search-error[b-88qqy48n0g] {
    font-size: 0.82rem;
    color: var(--tara-danger);
    padding: 6px 0;
}

.abc-search-empty[b-88qqy48n0g] {
    font-size: 0.82rem;
    color: var(--tara-text-muted);
    padding: 10px 0;
    text-align: center;
}

.abc-search-loading[b-88qqy48n0g] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    color: var(--tara-text-muted);
    padding: 8px 0;
}

/* ── Producto seleccionado ────────────────────────────────────────────────── */

.abc-product-loaded[b-88qqy48n0g] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    background: rgba(22, 163, 74, 0.07);
    border: 1px solid rgba(22, 163, 74, 0.25);
    border-radius: var(--tara-radius-sm);
}

.abc-product-loaded-info[b-88qqy48n0g] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.abc-pl-top[b-88qqy48n0g] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.abc-pl-estilo[b-88qqy48n0g] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--tara-text);
    letter-spacing: -0.2px;
}

.abc-pl-desc[b-88qqy48n0g] {
    font-size: 0.82rem;
    color: var(--tara-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.abc-pl-meta[b-88qqy48n0g] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 2px;
}

.abc-pl-barcode[b-88qqy48n0g] {
    font-size: 0.7rem;
    font-family: monospace;
    padding: 1px 8px;
    border-radius: 4px;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    color: var(--tara-text-muted);
    align-self: flex-start;
    margin-top: 4px;
    display: inline-block;
}

/* Aviso de campos bloqueados en modo EDITAR — neutro Tarahumara (sin azul) */
.abc-edit-notice[b-88qqy48n0g] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 14px;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    font-size: 0.82rem;
    color: var(--tara-text-muted);
    line-height: 1.45;
    margin-bottom: 14px;
}

.abc-edit-notice span[b-88qqy48n0g] {
    flex: 1;
}

.abc-clone-notice[b-88qqy48n0g] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 10px;
    padding: 10px 12px;
    background: rgba(217, 119, 6, 0.08);
    border: 1px solid rgba(217, 119, 6, 0.22);
    border-radius: var(--tara-radius-sm);
    font-size: 0.8rem;
    color: var(--tara-warning);
    line-height: 1.4;
}

/* ── Aviso de borrador ────────────────────────────────────────────────────── */

.abc-draft-notice[b-88qqy48n0g] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    font-size: 0.78rem;
    color: var(--tara-text-muted);
    margin-bottom: 10px;
}

.abc-draft-notice span[b-88qqy48n0g] {
    flex: 1;
}

/* ── Barra de pasos ───────────────────────────────────────────────────────── */

.abc-steps-bar[b-88qqy48n0g] {
    display: flex;
    gap: 3px;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    padding: 4px;
    margin-bottom: 10px;
    box-shadow: var(--tara-shadow-sm);
    overflow-x: auto;
}

/* Stepper horizontal compacto: número + label en fila (no columna).
   Reduce la altura total del stepper de ~70px a ~36px. */
.abc-step-btn[b-88qqy48n0g] {
    flex: 1;
    display: flex;
    flex-direction: row;       /* ← clave: horizontal en lugar de columna */
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: var(--tara-radius-sm);
    background: transparent;
    color: var(--tara-text-muted);
    cursor: pointer;
    font-size: 0.8rem;
    white-space: nowrap;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
    min-width: 0;
}

.abc-step-btn:hover:not(:disabled)[b-88qqy48n0g] {
    background: var(--tara-surface-raised);
    color: var(--tara-text);
}

.abc-step-btn:disabled[b-88qqy48n0g] {
    opacity: 0.38;
    cursor: not-allowed;
}

.abc-step-btn.abc-step--active[b-88qqy48n0g] {
    background: var(--tara-primary-subtle);
    border-color: color-mix(in srgb, var(--tara-primary) 25%, var(--tara-border));
    color: var(--tara-primary-dark);
    font-weight: 700;
}

.abc-step-btn.abc-step--done[b-88qqy48n0g] {
    color: var(--tara-success);
}

.abc-step-num[b-88qqy48n0g] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    border-radius: 50%;
    font-size: 0.7rem;
    font-weight: 700;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    color: inherit;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.abc-step--active .abc-step-num[b-88qqy48n0g] {
    background: var(--tara-primary);
    border-color: var(--tara-primary-dark);
    color: var(--tara-text-inverse);
}

.abc-step--done .abc-step-num[b-88qqy48n0g] {
    background: color-mix(in srgb, var(--tara-success) 12%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-success) 30%, var(--tara-border));
    color: var(--tara-success);
}

.abc-step-label[b-88qqy48n0g] {
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Panels de paso ───────────────────────────────────────────────────────── */

.abc-step-panel[b-88qqy48n0g] {
    animation: abc-fade-in-b-88qqy48n0g 0.18s ease;
}

.abc-step-hidden[b-88qqy48n0g] {
    display: none !important;
}

.abc-step-active[b-88qqy48n0g] {
    display: block;
}

@keyframes abc-fade-in-b-88qqy48n0g {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Card de paso ─────────────────────────────────────────────────────────── */

.abc-card[b-88qqy48n0g] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    padding: 14px 16px;
    margin-bottom: 8px;
    box-shadow: var(--tara-shadow-sm);
}

.abc-card-title[b-88qqy48n0g] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--tara-border-subtle);
}

/* ── Grid de formulario ───────────────────────────────────────────────────── */

.abc-form-grid[b-88qqy48n0g] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    align-items: start;
}

@media (max-width: 580px) {
    .abc-form-grid[b-88qqy48n0g] {
        grid-template-columns: 1fr;
    }
}

.abc-field-full[b-88qqy48n0g] {
    grid-column: 1 / -1;
}

.abc-field-combo-row[b-88qqy48n0g] {
    display: flex;
    align-items: center;   /* centra el botón + con el cuerpo del input */
    gap: 6px;
}

.abc-field-combo-row > :first-child[b-88qqy48n0g] {
    flex: 1;
    min-width: 0;
}

/* ── Botón "Nuevo" de alta rápida de catálogos — Patrón Tarahumara ─────────
   MudButton Variant.Outlined Size.Small con clase abc-add-btn.
   Se sobreescribe el estilo de MudBlazor para hacer un pill compacto cálido.
   OnClick, tooltip, disabled: sin cambios — solo aspecto visual.          */

.abc-add-btn[b-88qqy48n0g] {
    flex-shrink: 0;
    white-space: nowrap;       /* el texto "Nuevo" nunca se parte */
}

/* ── MudButton root — forma pill, borde cálido, fondo crema ──────────────── */
[b-88qqy48n0g] .abc-add-btn.mud-button-root {
    min-width:    80px !important;
    max-width:    96px !important;
    height:       32px !important;
    padding:      0 10px !important;
    border-radius: 8px !important;      /* compacto, no píldora extrema */
    border:        1px solid var(--tara-border) !important;
    background:    var(--tara-surface) !important;
    color:         color-mix(in srgb, var(--tara-primary-dark) 80%, var(--tara-text-muted)) !important;
    font-size:     0.76rem !important;
    font-weight:   600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;    /* sin ALL CAPS de MudBlazor */
    line-height:   1 !important;
    box-shadow:    none !important;
    transition:    background-color .15s ease,
                   border-color     .15s ease,
                   color            .15s ease !important;
}

/* Hover — acento rojo suave, borde rojo tenue */
[b-88qqy48n0g] .abc-add-btn.mud-button-root:hover:not([disabled]) {
    background:   var(--tara-primary-subtle) !important;
    border-color: color-mix(in srgb, var(--tara-primary) 40%, var(--tara-border)) !important;
    color:        var(--tara-primary) !important;
}

/* Focus accesible */
[b-88qqy48n0g] .abc-add-btn.mud-button-root:focus-visible {
    outline:        2px solid var(--tara-primary) !important;
    outline-offset: 2px !important;
    border-color:   var(--tara-primary) !important;
}

/* Disabled — opaco, sin hover */
[b-88qqy48n0g] .abc-add-btn.mud-button-root[disabled] {
    opacity:    0.38 !important;
    cursor:     not-allowed !important;
    background: var(--tara-surface-raised) !important;
}

/* Icono dentro del botón — pequeño, alineado */
[b-88qqy48n0g] .abc-add-btn .mud-button-icon-start {
    margin-right: 4px !important;
    font-size:    16px !important;
}

[b-88qqy48n0g] .abc-add-btn .mud-svg-icon {
    width:     16px !important;
    height:    16px !important;
    font-size: 16px !important;
}

/* ── Responsive ≤520px: el botón "Nuevo" se reduce a solo el ícono ───────── */
@media (max-width: 520px) {
    [b-88qqy48n0g] .abc-add-btn.mud-button-root {
        min-width: 32px !important;
        max-width: 32px !important;
        padding:   0 !important;
        border-radius: 50% !important;
    }
    [b-88qqy48n0g] .abc-add-btn .mud-button-label > span:last-child {
        display: none !important;   /* oculta el texto "Nuevo" */
    }
    [b-88qqy48n0g] .abc-add-btn .mud-button-icon-start {
        margin-right: 0 !important;
    }
}

.abc-field-hint[b-88qqy48n0g] {
    font-size: 0.73rem;
    color: var(--tara-text-muted);
    margin-top: -8px;
    padding: 0 2px;
}

/* ── Corrida e info ───────────────────────────────────────────────────────── */

.abc-corrida-info[b-88qqy48n0g] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 12px;
    padding: 10px 14px;
    background: var(--tara-surface-raised);
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border-subtle);
    font-size: 0.82rem;
    color: var(--tara-text-muted);
}

.abc-corrida-incompatible[b-88qqy48n0g] {
    background: rgba(220, 38, 38, 0.07);
    border-color: rgba(220, 38, 38, 0.25);
    color: var(--tara-danger);
}

.abc-tallas-preview[b-88qqy48n0g] {
    font-size: 0.75rem;
    color: var(--tara-text-muted);
    word-break: break-all;
}

/* ── Preview de barcode ───────────────────────────────────────────────────── */

.abc-barcode-preview[b-88qqy48n0g] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 12px;
    padding: 8px 12px;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    font-size: 0.82rem;
    color: var(--tara-text-muted);
    font-family: monospace;
}

.abc-barcode-preview strong[b-88qqy48n0g] {
    color: var(--tara-text);
    font-size: 0.9rem;
}

/* ── Aviso de campos bloqueados ───────────────────────────────────────────── */

.abc-locked-notice[b-88qqy48n0g] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: rgba(217, 119, 6, 0.07);
    border: 1px solid rgba(217, 119, 6, 0.20);
    border-radius: var(--tara-radius-sm);
    font-size: 0.8rem;
    color: var(--tara-warning);
    margin-bottom: 14px;
}

/* ── Precios avanzados ────────────────────────────────────────────────────── */

.abc-precios-avanzados-toggle[b-88qqy48n0g] {
    margin-top: 12px;
    border-top: 1px solid var(--tara-border-subtle);
    padding-top: 8px;
}

/* ── Divisor de sección ───────────────────────────────────────────────────── */

.abc-section-divider[b-88qqy48n0g] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin: 12px 0 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--tara-border-subtle);
}

/* ── Imagen ───────────────────────────────────────────────────────────────── */

.abc-image-area[b-88qqy48n0g] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 8px;
}

.abc-image-preview-container[b-88qqy48n0g] {
    position: relative;
    display: inline-block;
}

.abc-image-preview[b-88qqy48n0g] {
    display: block;
    max-width: 160px;
    max-height: 160px;
    object-fit: contain;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface-raised);
}

.abc-image-delete-btn[b-88qqy48n0g] {
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    background: var(--tara-surface) !important;
    border: 1px solid var(--tara-border) !important;
}

.abc-image-select-btn[b-88qqy48n0g] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 18px;
    border-radius: var(--tara-radius-sm);
    border: 1.5px dashed var(--tara-border);
    background: var(--tara-surface-raised);
    color: var(--tara-text-muted);
    font-size: 0.85rem;
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}

.abc-image-select-btn:hover[b-88qqy48n0g] {
    border-color: var(--tara-primary);
    color: var(--tara-primary);
    background: var(--tara-primary-subtle);
}

.abc-image-hint[b-88qqy48n0g] {
    font-size: 0.72rem;
    color: var(--tara-text-muted);
    line-height: 1.4;
}

/* ── Opcionales ───────────────────────────────────────────────────────────── */

.abc-opcionales-toggle[b-88qqy48n0g] {
    margin-top: 14px;
    border-top: 1px solid var(--tara-border-subtle);
    padding-top: 8px;
}

/* ── Resumen final ────────────────────────────────────────────────────────── */

.abc-resumen[b-88qqy48n0g] {
    margin-top: 18px;
    padding: 14px 16px;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
}

.abc-resumen-title[b-88qqy48n0g] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 12px;
}

.abc-resumen-grid[b-88qqy48n0g] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 4px 16px;
    align-items: baseline;
}

.abc-ri-label[b-88qqy48n0g] {
    font-size: 0.75rem;
    color: var(--tara-text-muted);
    font-weight: 500;
    white-space: nowrap;
}

.abc-ri-val[b-88qqy48n0g] {
    font-size: 0.82rem;
    color: var(--tara-text);
    font-weight: 500;
    word-break: break-word;
}

/* ── Barra de acciones inferior — integrada al flujo del formulario ──────── */

.abc-nav-bar[b-88qqy48n0g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 14px;
    margin-top: 4px;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
}

.abc-nav-left[b-88qqy48n0g],
.abc-nav-right[b-88qqy48n0g] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ── Placeholder cuando no hay producto seleccionado ─────────────────────── */

.abc-wizard-placeholder[b-88qqy48n0g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 200px;
    color: var(--tara-text-muted);
    text-align: center;
}

/* ── Overrides MudBlazor (::deep) ────────────────────────────────────────── */

[b-88qqy48n0g] .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--tara-border) !important;
}

[b-88qqy48n0g] .mud-input-outlined:focus-within .mud-input-outlined-border {
    border-color: var(--tara-primary) !important;
}

[b-88qqy48n0g] .mud-input-label {
    color: var(--tara-text-muted) !important;
}

[b-88qqy48n0g] .mud-input-label.mud-input-label-animated.mud-shrink {
    color: var(--tara-primary) !important;
}

[b-88qqy48n0g] .mud-input-outlined.mud-disabled .mud-input-outlined-border {
    border-color: var(--tara-border-subtle) !important;
    opacity: 0.6;
}

[b-88qqy48n0g] .mud-autocomplete .mud-popover {
    border-radius: var(--tara-radius-sm) !important;
    border: 1px solid var(--tara-border) !important;
    box-shadow: var(--tara-shadow) !important;
    background: var(--tara-surface) !important;
}
/* _content/Raramuri.blzr/Components/Pages/ProductosCatalogos.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════
   ProductosCatalogos.razor.css — Patrón Grid Tarahumara
   Misma arquitectura que Reporte e Identificadores: bridge vars, ::deep overrides
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Loading ──────────────────────────────────────────────────────────────── */

.cat-page-loading[b-41744em8q6] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    min-height:      55vh;
    gap:             1rem;
    color:           var(--tara-text-muted);
    font-size:       .95rem;
}

/* ── Page header ──────────────────────────────────────────────────────────── */

.cat-report-header[b-41744em8q6] {
    display:       flex;
    align-items:   center;
    gap:           .85rem;
    margin-bottom: 1.25rem;
}

.cat-back-btn.mud-button-root[b-41744em8q6] { flex-shrink: 0; }

.cat-report-title[b-41744em8q6] { flex: 1; min-width: 0; }

.cat-report-title h1[b-41744em8q6] {
    margin:        0;
    font-size:     1.4rem;
    font-weight:   800;
    color:         var(--tara-text);
    line-height:   1.2;
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
}

.cat-report-title span[b-41744em8q6] {
    display:        block;
    font-size:      .72rem;
    font-weight:    500;
    color:          var(--tara-primary-dark);
    opacity:        .75;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-top:     .1rem;
}

.cat-report-actions[b-41744em8q6] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    margin-left: auto;
    flex-shrink: 0;
}

/* ── Filter panel ─────────────────────────────────────────────────────────── */

.cat-filters-panel[b-41744em8q6] {
    background:    var(--tara-surface);
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    padding:       .9rem 1rem;
    margin-bottom: 1rem;
    box-shadow:    var(--tara-shadow);
}

.cat-filters-grid[b-41744em8q6] {
    display:     flex;
    gap:         .75rem;
    flex-wrap:   wrap;
    align-items: center;
}

.cat-filters-grid .cat-filter-select[b-41744em8q6] {
    min-width: 220px;
    flex:      1;
}

[b-41744em8q6] .cat-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-41744em8q6] .cat-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-41744em8q6] .cat-filter-select .mud-select-input.mud-input-root-outlined.mud-input-focused {
    color: var(--tara-primary-dark);
}

/* ── Nuevo elemento row ───────────────────────────────────────────────────── */

.cat-nuevo-row[b-41744em8q6] {
    display:     flex;
    gap:         .5rem;
    align-items: center;
    flex-wrap:   wrap;
}

.cat-nuevo-field[b-41744em8q6] {
    min-width: 200px;
    max-width: 320px;
    flex:      1;
}

[b-41744em8q6] .cat-nuevo-field .mud-input-outlined:hover .mud-input-outlined-border,
[b-41744em8q6] .cat-nuevo-field .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

/* ── Alerts ───────────────────────────────────────────────────────────────── */

.cat-error-alert[b-41744em8q6]  { margin-bottom: 1rem; }
.cat-alert-content[b-41744em8q6] {
    display:     flex;
    align-items: center;
    flex-wrap:   wrap;
    gap:         .5rem;
}

/* ── Grid shell (bridge vars) ─────────────────────────────────────────────── */

.cat-grid-shell[b-41744em8q6] {
    background:    var(--tara-surface);
    border:        1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow:    var(--tara-shadow);
    padding:       .7rem .7rem .6rem;
    margin-top:    .45rem;

    --_th-gradient:     linear-gradient(180deg, #faf7f3 0%, #f7f3ef 100%);
    --_th-border-top:   #efe8e1;
    --_th-text:         #374151;
    --_th-icon:         #8b949e;
    --_cell-text:       #1f2933;
    --_toolbar-divider: #f0ebe6;
    --_filter-icon:     #7b8794;
}

[data-theme="dark"] .cat-grid-shell[b-41744em8q6] {
    --_th-gradient:     var(--tara-th-bg);
    --_th-border-top:   var(--tara-border);
    --_th-text:         var(--tara-th-text);
    --_th-icon:         #6B7280;
    --_cell-text:       var(--tara-text);
    --_toolbar-divider: var(--tara-border);
    --_filter-icon:     #6B7280;
}

/* ── Grid toolbar ─────────────────────────────────────────────────────────── */

.cat-grid-toolbar[b-41744em8q6] {
    display:       flex;
    align-items:   center;
    gap:           .75rem;
    margin-bottom: .6rem;
    flex-wrap:     wrap;
    padding:       .1rem .2rem .35rem;
    border-bottom: 1px solid var(--_toolbar-divider);
}

.cat-search-field[b-41744em8q6] {
    flex:      1;
    min-width: 200px;
    max-width: 400px;
}

[b-41744em8q6] .cat-search-field .mud-input-outlined:hover .mud-input-outlined-border,
[b-41744em8q6] .cat-search-field .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

.cat-toolbar-actions[b-41744em8q6] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    flex-wrap:   wrap;
}

.cat-count-chip[b-41744em8q6] {
    padding:       .2rem .65rem;
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border);
    border-radius: 999px;
    font-size:     .75rem;
    font-weight:   500;
    color:         var(--tara-text-muted);
    white-space:   nowrap;
}

/* ── Table container ──────────────────────────────────────────────────────── */

.cat-table-container[b-41744em8q6] {
    border:           1px solid var(--tara-border);
    border-radius:    12px;
    overflow-x:       auto;
    overflow-y:       hidden;
    background:       var(--tara-surface);
    box-shadow:       inset 0 1px 0 rgba(255,255,255,.06);
    margin-bottom:    .55rem;
    scrollbar-gutter: stable both-edges;
    position:         relative;
}

[data-theme="light"] .cat-table-container[b-41744em8q6] {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.80);
}

[b-41744em8q6] .cat-data-grid.mud-table {
    border-radius: 0;
    box-shadow:    none;
}

.cat-table-container[b-41744em8q6]::-webkit-scrollbar        { height: 10px; }
.cat-table-container[b-41744em8q6]::-webkit-scrollbar-thumb  { background: var(--tara-border); border-radius: 999px; }
.cat-table-container[b-41744em8q6]::-webkit-scrollbar-track  { background: var(--tara-surface-raised); }

/* ── Table header ─────────────────────────────────────────────────────────── */

[b-41744em8q6] .cat-data-grid .mud-table-head .mud-table-row {
    background: var(--_th-gradient);
}

[b-41744em8q6] .cat-data-grid .mud-table-head .mud-table-cell {
    background:     var(--tara-th-bg);
    border-bottom:  2px solid rgba(204,0,0,.40) !important;
    border-top:     1px solid var(--_th-border-top);
    padding:        .5rem .65rem !important;
    min-height:     44px;
    vertical-align: middle;
}

[b-41744em8q6] .cat-data-grid .mud-table-head .mud-table-cell {
    font-size:      .71rem !important;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color:          var(--_th-text);
    white-space:    nowrap;
}

.cat-head-filter[b-41744em8q6] {
    display:     inline-flex;
    align-items: center;
    gap:         .25rem;
}

.cat-head-title[b-41744em8q6] { display: inline-block; white-space: nowrap; }

[b-41744em8q6] .cat-filter-btn          { color: var(--_filter-icon) !important; }
[b-41744em8q6] .cat-filter-btn--active  { color: var(--tara-primary-dark) !important; }

[b-41744em8q6] .cat-data-grid .mud-table-head .mud-icon-root,
[b-41744em8q6] .cat-data-grid .mud-table-head .mud-button-root {
    color: var(--_th-icon) !important;
}

[b-41744em8q6] .cat-data-grid .mud-table-head .mud-icon-button {
    width:         30px;
    height:        30px;
    margin-left:   .2rem;
    border-radius: 7px;
}

[b-41744em8q6] .cat-data-grid .mud-table-head .mud-table-sort-label { gap: .2rem; }

/* Popover filtros por columna */
[b-41744em8q6] .cat-excel-popover.mud-popover .mud-paper {
    border:        1px solid var(--tara-border);
    border-radius: 10px;
    box-shadow:    0 8px 24px rgba(0,0,0,.16);
}

[b-41744em8q6] .cat-excel-popover .mud-input-control,
[b-41744em8q6] .cat-excel-popover .mud-select { min-width: 220px; }

.cat-excel-filter[b-41744em8q6] {
    width:      280px;
    max-width:  86vw;
    padding:    .5rem .6rem;
    background: var(--tara-surface);
}

.cat-excel-actions[b-41744em8q6] {
    display:         flex;
    justify-content: space-between;
    gap:             .35rem;
    margin-bottom:   .35rem;
}

.cat-excel-values[b-41744em8q6] {
    max-height:    200px;
    overflow:      auto;
    margin-top:    .3rem;
    padding:       .2rem 0;
    border-top:    1px solid var(--tara-border);
    border-bottom: 1px solid var(--tara-border);
}

.cat-excel-footer[b-41744em8q6] {
    margin-top:      .45rem;
    display:         flex;
    justify-content: flex-end;
    gap:             .35rem;
}

/* Sort arrows */
[b-41744em8q6] .cat-data-grid .mud-table-sort-label:hover { color: var(--tara-primary-dark); }
[b-41744em8q6] .cat-data-grid .mud-table-sort-label .mud-table-sort-label-arrow { color: var(--tara-primary-dark) !important; }

/* ── Table body ───────────────────────────────────────────────────────────── */

[b-41744em8q6] .cat-data-grid .mud-table-body .mud-table-row .mud-table-cell {
    padding:        .42rem .66rem !important;
    font-size:      .8125rem;
    color:          var(--_cell-text);
    border-bottom:  1px solid var(--tara-border-subtle) !important;
    vertical-align: middle;
    line-height:    1.28;
    cursor:         pointer;
}

[b-41744em8q6] .cat-data-grid .mud-table-body .mud-table-row.mud-table-row-even .mud-table-cell {
    background: var(--tara-row-even) !important;
}

[b-41744em8q6] .cat-data-grid .mud-table-body .mud-table-row.mud-table-row-odd .mud-table-cell {
    background: var(--tara-row-odd);
}

[b-41744em8q6] .cat-data-grid .mud-table-body .mud-table-row:hover .mud-table-cell {
    background: rgba(236,0,0,.045) !important;
    transition: background .12s ease;
}

/* Loading progress bar */
[b-41744em8q6] .cat-data-grid .mud-table-loading-progress .mud-progress-linear-bar {
    background-color: var(--tara-primary-dark) !important;
}

/* ── Column widths ────────────────────────────────────────────────────────── */

[b-41744em8q6] .cat-th-num {
    width:      70px;
    min-width:  70px;
    text-align: center !important;
}

[b-41744em8q6] .cat-th-nombre  { min-width: 180px; }

[b-41744em8q6] .cat-th-center {
    min-width:  100px;
    text-align: center !important;
}

[b-41744em8q6] .cat-th-right {
    min-width:  90px;
    text-align: right !important;
}

[b-41744em8q6] .cat-th-edit {
    width:     50px;
    min-width: 50px;
}

[b-41744em8q6] .cat-td-num    { text-align: center !important; font-variant-numeric: tabular-nums; }
[b-41744em8q6] .cat-td-nombre { font-weight: 600; }
[b-41744em8q6] .cat-td-center { text-align: center !important; }
[b-41744em8q6] .cat-td-right  { text-align: right !important; }
[b-41744em8q6] .cat-td-mono   { font-variant-numeric: tabular-nums; font-size: .82rem; }
[b-41744em8q6] .cat-td-edit   { text-align: center !important; }

/* ── Bool chip (SÍ/NO para Temporadas) ───────────────────────────────────── */

.cat-bool-chip[b-41744em8q6] {
    display:        inline-block;
    padding:        .12rem .55rem;
    border-radius:  100px;
    font-size:      .7rem;
    font-weight:    700;
    letter-spacing: .03em;
}

.cat-bool-si[b-41744em8q6] {
    background: rgba(22, 163, 74, .12);
    color:      #16A34A;
}

[data-theme="dark"] .cat-bool-si[b-41744em8q6] {
    background: rgba(22, 163, 74, .18);
    color:      #4ADE80;
}

.cat-bool-no[b-41744em8q6] {
    background: var(--tara-surface-raised);
    color:      var(--tara-text-muted);
}

/* ── Edit icon button ─────────────────────────────────────────────────────── */

.cat-edit-icon-btn[b-41744em8q6] {
    width:         30px !important;
    height:        30px !important;
    border:        1px solid var(--tara-border) !important;
    border-radius: 7px !important;
    color:         var(--tara-text-muted) !important;
}

.cat-edit-icon-btn:hover[b-41744em8q6] {
    background:   var(--tara-primary-subtle) !important;
    border-color: var(--tara-primary-dark) !important;
    color:        var(--tara-primary-dark) !important;
}

/* ── Empty / loading states inside grid ──────────────────────────────────── */

.cat-empty-state[b-41744em8q6] {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            .6rem;
    padding:        2.5rem 1.5rem;
    color:          var(--tara-text-muted);
    text-align:     center;
}

.cat-empty-title[b-41744em8q6] {
    margin:      0;
    font-size:   .9375rem;
    font-weight: 500;
    color:       var(--tara-text-muted);
}

.cat-empty-sub[b-41744em8q6] {
    margin:    0;
    font-size: .8125rem;
    color:     var(--tara-text-muted);
    opacity:   .75;
}

.cat-loading-row[b-41744em8q6] {
    display:     flex;
    align-items: center;
    gap:         .6rem;
    padding:     1.2rem;
    font-size:   .875rem;
    color:       var(--tara-text-muted);
}

/* ── Dev debug panel ──────────────────────────────────────────────────────── */

.cat-debug-panel[b-41744em8q6] {
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border);
    border-radius: 8px;
    padding:       1rem;
    margin-top:    1rem;
    font-size:     .8rem;
    color:         var(--tara-text);
}

.cat-debug-panel pre[b-41744em8q6] {
    overflow:   auto;
    max-height: 200px;
    font-size:  .75rem;
}

/* ── Dialog (heredado, sin cambios) ──────────────────────────────────────── */

.cat-dialog-backdrop[b-41744em8q6] {
    position:        fixed;
    inset:           0;
    background:      rgba(15, 19, 30, .55);
    z-index:         1400;
    display:         flex;
    align-items:     center;
    justify-content: center;
    padding:         1rem;
}

.cat-dialog[b-41744em8q6] {
    width:      min(480px, 96vw);
    background: var(--tara-surface);
    border:     1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-lg);
    overflow:   hidden;
}

.cat-dialog-header[b-41744em8q6] {
    display:         flex;
    align-items:     flex-start;
    justify-content: space-between;
    gap:             .75rem;
    padding:         1rem 1.1rem .8rem;
    border-bottom:   1px solid var(--tara-border);
}

.cat-dialog-eyebrow[b-41744em8q6] {
    margin:      0;
    font-size:   1rem;
    font-weight: 700;
    color:       var(--tara-text);
}

.cat-dialog-subtitle[b-41744em8q6] {
    margin:    .1rem 0 0;
    font-size: .8rem;
    color:     var(--tara-text-muted);
}

.cat-dialog-close[b-41744em8q6] {
    flex-shrink:     0;
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    width:           32px;
    height:          32px;
    border-radius:   8px;
    border:          1px solid var(--tara-border);
    background:      transparent;
    color:           var(--tara-text-muted);
    cursor:          pointer;
    transition:      background .12s ease;
}

.cat-dialog-close:hover:not(:disabled)[b-41744em8q6] {
    background: var(--tara-surface-raised);
}

.cat-dialog-body[b-41744em8q6] {
    padding:        1rem 1.1rem;
    display:        flex;
    flex-direction: column;
    gap:            .85rem;
}

.cat-dialog-field[b-41744em8q6] {
    display:        flex;
    flex-direction: column;
    gap:            .35rem;
}

.cat-dialog-label[b-41744em8q6] {
    font-size:  .8rem;
    font-weight: 600;
    color:      var(--tara-text-muted);
}

.cat-dialog-check[b-41744em8q6] {
    display:     inline-flex;
    align-items: center;
    gap:         .55rem;
    font-size:   .88rem;
    color:       var(--tara-text);
    cursor:      pointer;
    user-select: none;
}

.cat-dialog-check input[type="checkbox"][b-41744em8q6] {
    width:        16px;
    height:       16px;
    accent-color: var(--tara-primary-dark);
    cursor:       pointer;
}

.cat-dialog-error[b-41744em8q6] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    padding:     .6rem .85rem;
    background:  var(--tara-primary-subtle);
    border:      1px solid var(--tara-primary);
    border-radius: 8px;
    font-size:   .84rem;
    color:       var(--tara-primary-dark);
}

.cat-dialog-footer[b-41744em8q6] {
    display:         flex;
    justify-content: flex-end;
    gap:             .55rem;
    padding:         .8rem 1.1rem;
    border-top:      1px solid var(--tara-border);
}

/* ── Dialog buttons & input (native, used inside dialog only) ─────────────── */

.cat-input[b-41744em8q6] {
    width:         100%;
    height:        42px;
    padding:       0 .85rem;
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background:    var(--tara-surface);
    color:         var(--tara-text);
    font-size:     .9rem;
    outline:       none;
    box-sizing:    border-box;
    transition:    border-color .15s ease, box-shadow .15s ease;
}

.cat-input[b-41744em8q6]::placeholder { color: var(--tara-text-muted); opacity: .7; }

.cat-input:hover:not(:disabled)[b-41744em8q6] { border-color: var(--tara-border); }

.cat-input:focus[b-41744em8q6] {
    border-color: var(--tara-primary-dark);
    box-shadow:   0 0 0 3px var(--tara-primary-subtle);
}

.cat-input:disabled[b-41744em8q6] { opacity: .65; cursor: not-allowed; }

.cat-btn-guardar[b-41744em8q6] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    gap:             .45rem;
    height:          42px;
    padding:         0 1.25rem;
    border:          none;
    border-radius:   var(--tara-radius-sm);
    background:      var(--tara-primary-dark);
    color:           var(--tara-text-inverse);
    font-size:       .88rem;
    font-weight:     600;
    cursor:          pointer;
    white-space:     nowrap;
    transition:      background .12s ease, opacity .12s ease;
}

.cat-btn-guardar:hover:not(:disabled)[b-41744em8q6] { background: var(--tara-primary-deeper); }
.cat-btn-guardar:disabled[b-41744em8q6]             { opacity: .55; cursor: not-allowed; }
.cat-btn-guardar.is-loading[b-41744em8q6]           { pointer-events: none; }

.cat-btn-cancel[b-41744em8q6] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    height:          40px;
    padding:         0 1.1rem;
    border:          1px solid var(--tara-border);
    border-radius:   var(--tara-radius-sm);
    background:      var(--tara-surface);
    color:           var(--tara-text);
    font-size:       .88rem;
    font-weight:     500;
    cursor:          pointer;
    transition:      background .12s ease, border-color .12s ease;
}

.cat-btn-cancel:hover:not(:disabled)[b-41744em8q6] { background: var(--tara-surface-raised); }
.cat-btn-cancel:disabled[b-41744em8q6]             { opacity: .55; cursor: not-allowed; }

.cat-spinner[b-41744em8q6] {
    display:        inline-block;
    width:          14px;
    height:         14px;
    border-radius:  50%;
    border:         2px solid rgba(255,255,255,.4);
    border-top-color: #fff;
    animation:      cat-spin-b-41744em8q6 .75s linear infinite;
}

@keyframes cat-spin-b-41744em8q6 {
    to { transform: rotate(360deg); }
}

/* ── Responsive ───────────────────────────────────────────────────────────── */

@media (max-width: 640px) {
    .cat-report-title h1[b-41744em8q6] { font-size: 1rem; }
    .cat-filters-grid[b-41744em8q6]    { flex-direction: column; }
    .cat-nuevo-row[b-41744em8q6]       { flex-direction: column; align-items: stretch; }
    .cat-nuevo-field[b-41744em8q6]     { max-width: 100%; }
    .cat-search-field[b-41744em8q6]    { min-width: 140px; }
}
/* _content/Raramuri.blzr/Components/Pages/ProductosClavesSat.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════
   ProductosClavesSat.razor.css — Patrón Grid Tarahumara
   Espejo funcional de ClavesSatActivity (SAZMobile26).
   Prefijo: csat-
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Loading / redirect ────────────────────────────────────────────────────── */

.csat-page-loading[b-g6yevunxsr] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    min-height:      55vh;
    gap:             1rem;
    color:           var(--tara-text-muted);
    font-size:       .95rem;
}

/* ── Page header ────────────────────────────────────────────────────────────── */

.csat-report-header[b-g6yevunxsr] {
    display:       flex;
    align-items:   center;
    gap:           .85rem;
    margin-bottom: 1.1rem;
}

.csat-back-btn.mud-button-root[b-g6yevunxsr] { flex-shrink: 0; }

.csat-report-title[b-g6yevunxsr] { flex: 1; min-width: 0; }

.csat-report-title h1[b-g6yevunxsr] {
    margin:        0;
    font-size:     1.4rem;
    font-weight:   800;
    color:         var(--tara-text);
    line-height:   1.2;
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
}

.csat-report-title span[b-g6yevunxsr] {
    display:        block;
    font-size:      .72rem;
    font-weight:    500;
    color:          var(--tara-primary-dark);
    opacity:        .75;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-top:     .1rem;
}

.csat-report-actions[b-g6yevunxsr] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    margin-left: auto;
    flex-shrink: 0;
}

.csat-export-btn.mud-button-root[b-g6yevunxsr] { height: 30px; font-size: .78rem; }

/* ── Selector de modo (Por Producto / Por Línea) ────────────────────────────── */

.csat-modo-bar[b-g6yevunxsr] {
    display:       flex;
    gap:           .3rem;
    margin-bottom: .85rem;
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding:       .2rem;
    width:         fit-content;
}

.csat-modo-btn[b-g6yevunxsr] {
    display:       inline-flex;
    align-items:   center;
    gap:           .35rem;
    background:    transparent;
    border:        none;
    border-radius: calc(var(--tara-radius-sm) - 2px);
    color:         var(--tara-text-muted);
    font-size:     .8rem;
    font-weight:   500;
    padding:       .35rem .8rem;
    cursor:        pointer;
    transition:    background .15s, color .15s;
    white-space:   nowrap;
}

.csat-modo-btn:hover[b-g6yevunxsr] {
    background: var(--tara-surface);
    color:      var(--tara-text);
}

.csat-modo-btn--active[b-g6yevunxsr] {
    background: var(--tara-surface);
    color:      var(--tara-primary);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    font-weight: 600;
}

/* ── Grid shell ─────────────────────────────────────────────────────────────── */

.csat-grid-shell[b-g6yevunxsr] {
    background:    var(--tara-surface);
    border:        1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow:    var(--tara-shadow);
    padding:       .7rem .7rem .6rem;
    margin-top:    .25rem;
}

/* ── Toolbar (modo producto) ────────────────────────────────────────────────── */

.csat-grid-toolbar[b-g6yevunxsr] {
    display:        flex;
    align-items:    center;
    gap:            .55rem;
    flex-wrap:      wrap;
    margin-bottom:  .65rem;
    padding-bottom: .6rem;
    border-bottom:  1px solid var(--tara-border-subtle);
}

/* Selector de producto */
.csat-producto-selector[b-g6yevunxsr] {
    display:       flex;
    align-items:   center;
    gap:           .5rem;
    flex:          1;
    min-width:     200px;
    max-width:     520px;
    background:    var(--tara-surface-raised);
    border:        1.5px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding:       .45rem .7rem;
    cursor:        pointer;
    transition:    border-color .15s;
    user-select:   none;
}

.csat-producto-selector:hover[b-g6yevunxsr]    { border-color: var(--tara-primary); }
.csat-producto-selector:focus-visible[b-g6yevunxsr] {
    outline:        2px solid var(--tara-primary);
    outline-offset: 2px;
}

.csat-sel-icon[b-g6yevunxsr]  { color: var(--tara-text-muted); flex-shrink: 0; }
.csat-sel-search-icon[b-g6yevunxsr] { color: var(--tara-text-muted); margin-left: auto; flex-shrink: 0; }

.csat-sel-placeholder[b-g6yevunxsr] {
    flex:          1;
    font-size:     .82rem;
    color:         var(--tara-text-muted);
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
}

.csat-sel-valor[b-g6yevunxsr] {
    flex:           1;
    display:        flex;
    flex-direction: column;
    min-width:      0;
    gap:            .05rem;
}

.csat-sel-nombre[b-g6yevunxsr] {
    font-size:     .85rem;
    font-weight:   600;
    color:         var(--tara-text);
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
}

.csat-sel-barcode[b-g6yevunxsr] {
    font-size:   .7rem;
    color:       var(--tara-text-muted);
    font-family: monospace;
}

/* Acciones del toolbar */
.csat-toolbar-actions[b-g6yevunxsr] {
    display:     flex;
    align-items: center;
    gap:         .4rem;
    flex-wrap:   wrap;
    margin-left: auto;
    flex-shrink: 0;
}

.csat-action-btn.mud-icon-button[b-g6yevunxsr]  { padding: .3rem; }
.csat-asignar-btn.mud-button-root[b-g6yevunxsr] { height: 30px; font-size: .78rem; }

.csat-count-chip[b-g6yevunxsr] {
    display:       inline-flex;
    align-items:   center;
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border);
    border-radius: 20px;
    padding:       .15rem .65rem;
    font-size:     .72rem;
    color:         var(--tara-text-muted);
    font-weight:   600;
    white-space:   nowrap;
}

/* ── Filter bar ─────────────────────────────────────────────────────────────── */

.csat-filter-bar[b-g6yevunxsr] { margin-bottom: .55rem; }
[b-g6yevunxsr] .csat-filter-input { max-width: 460px; }

/* ── Alerts ─────────────────────────────────────────────────────────────────── */

.csat-error-alert[b-g6yevunxsr]  { margin-bottom: 1rem; }
.csat-alert-content[b-g6yevunxsr] {
    display:     flex;
    align-items: center;
    flex-wrap:   wrap;
    gap:         .5rem;
}

/* ── Table container ────────────────────────────────────────────────────────── */

.csat-table-container[b-g6yevunxsr] {
    overflow:      hidden;
    border:        1px solid var(--tara-border-subtle);
    border-radius: 10px;
}

/* ── DataGrid — encabezados ─────────────────────────────────────────────────── */

[b-g6yevunxsr] .csat-data-grid table { border-collapse: collapse; }

[b-g6yevunxsr] .csat-th {
    background:  var(--tara-th-bg) !important;
    color:       var(--tara-th-text) !important;
    font-size:   .72rem;
    font-weight: 700;
    padding:     .4rem .55rem !important;
    white-space: nowrap;
}

[b-g6yevunxsr] .csat-th-barcode { width: 120px; min-width: 100px; }
[b-g6yevunxsr] .csat-th-desc    { min-width: 160px; }
[b-g6yevunxsr] .csat-th-linea   { min-width: 100px; }
[b-g6yevunxsr] .csat-th-clave   { min-width: 130px; }
[b-g6yevunxsr] .csat-th-unidad  { width: 100px; min-width: 85px; }

/* ── DataGrid — celdas ──────────────────────────────────────────────────────── */

[b-g6yevunxsr] .csat-td {
    font-size: .82rem;
    padding:   .35rem .55rem !important;
    color:     var(--tara-text);
}

[b-g6yevunxsr] .csat-td-mono { font-family: monospace; }

/* ── Zebra striping ─────────────────────────────────────────────────────────── */

[b-g6yevunxsr] .csat-data-grid .mud-table-row:nth-child(odd)  td { background: var(--tara-row-odd)  !important; }
[b-g6yevunxsr] .csat-data-grid .mud-table-row:nth-child(even) td { background: var(--tara-row-even) !important; }
[b-g6yevunxsr] .csat-data-grid .mud-table-row:hover           td { background: var(--tara-row-hover) !important; }

/* ── Barcode badge ──────────────────────────────────────────────────────────── */

.csat-barcode-badge[b-g6yevunxsr] {
    display:        inline-block;
    background:     var(--tara-surface-raised);
    border:         1px solid var(--tara-border);
    border-radius:  var(--tara-radius-sm);
    padding:        .1rem .4rem;
    font-size:      .75rem;
    font-family:    monospace;
    color:          var(--tara-text-muted);
    letter-spacing: .04em;
}

/* ── Descripción compuesta ──────────────────────────────────────────────────── */

.csat-desc-cell[b-g6yevunxsr] {
    display:        flex;
    flex-direction: column;
    gap:            .05rem;
}

.csat-desc-nombre[b-g6yevunxsr] {
    font-size:   .82rem;
    font-weight: 600;
    color:       var(--tara-text);
}

.csat-desc-sub[b-g6yevunxsr] {
    font-size: .7rem;
    color:     var(--tara-text-muted);
}

/* ── Claves SAT ─────────────────────────────────────────────────────────────── */

.csat-sat-chip[b-g6yevunxsr] {
    display:        inline-block;
    background:     var(--tara-primary-subtle, rgba(236,0,0,.08));
    border:         1px solid rgba(236,0,0,.2);
    border-radius:  var(--tara-radius-sm);
    padding:        .1rem .45rem;
    font-size:      .75rem;
    font-weight:    600;
    color:          var(--tara-primary);
    font-family:    monospace;
    letter-spacing: .03em;
}

.csat-sat-pending[b-g6yevunxsr] {
    font-size:  .75rem;
    color:      var(--tara-text-muted);
    font-style: italic;
}

.csat-unit-badge[b-g6yevunxsr] {
    display:        inline-block;
    background:     var(--tara-surface-raised);
    border:         1px solid var(--tara-border);
    border-radius:  var(--tara-radius-sm);
    padding:        .1rem .4rem;
    font-size:      .73rem;
    font-family:    monospace;
    color:          var(--tara-text-muted);
    letter-spacing: .03em;
}

/* ── Empty / loading states ─────────────────────────────────────────────────── */

.csat-empty-state[b-g6yevunxsr] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    padding:         2.5rem 1rem;
    gap:             .5rem;
    text-align:      center;
}

.csat-empty-title[b-g6yevunxsr] {
    margin:      0;
    font-size:   1rem;
    font-weight: 600;
    color:       var(--tara-text);
}

.csat-empty-sub[b-g6yevunxsr] {
    margin:    0;
    font-size: .82rem;
    color:     var(--tara-text-muted);
}

.csat-loading-row[b-g6yevunxsr] {
    display:     flex;
    align-items: center;
    gap:         .65rem;
    padding:     1.5rem;
    color:       var(--tara-text-muted);
    font-size:   .85rem;
}

/* ── Modo Línea — toolbar ────────────────────────────────────────────────────── */

.csat-linea-toolbar[b-g6yevunxsr] {
    display:        flex;
    align-items:    center;
    gap:            .6rem;
    flex-wrap:      wrap;
    margin-bottom:  .9rem;
    padding-bottom: .65rem;
    border-bottom:  1px solid var(--tara-border-subtle);
}

.csat-linea-selectors[b-g6yevunxsr] {
    display:     flex;
    align-items: center;
    flex:        1;
    flex-wrap:   wrap;
    gap:         .55rem;
    min-width:   0;
}

.csat-linea-label[b-g6yevunxsr] {
    font-size:   .82rem;
    font-weight: 600;
    color:       var(--tara-text);
    white-space: nowrap;
}

.csat-linea-loading[b-g6yevunxsr] {
    display:     flex;
    align-items: center;
    gap:         .4rem;
    font-size:   .82rem;
    color:       var(--tara-text-muted);
}

.csat-select-native[b-g6yevunxsr] {
    background:    var(--tara-surface-raised);
    border:        1.5px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    color:         var(--tara-text);
    font-size:     .83rem;
    padding:       .42rem .65rem;
    min-width:     200px;
    max-width:     360px;
    cursor:        pointer;
    outline:       none;
    transition:    border-color .15s;
}

.csat-select-native:focus[b-g6yevunxsr]    { border-color: var(--tara-primary); }
.csat-select-native:disabled[b-g6yevunxsr] { opacity: .55; cursor: default; }

.csat-solo-faltantes-label[b-g6yevunxsr] {
    display:     flex;
    align-items: center;
    gap:         .35rem;
    font-size:   .82rem;
    color:       var(--tara-text);
    cursor:      pointer;
    white-space: nowrap;
    user-select: none;
}

.csat-linea-actions[b-g6yevunxsr] {
    display:     flex;
    align-items: center;
    gap:         .4rem;
    flex-shrink: 0;
    margin-left: auto;
}

.csat-pendientes-btn.mud-button-root[b-g6yevunxsr] { height: 30px; font-size: .78rem; }

.csat-linea-info[b-g6yevunxsr] {
    display:       flex;
    align-items:   flex-start;
    gap:           .55rem;
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    padding:       .75rem 1rem;
    font-size:     .83rem;
    color:         var(--tara-text-muted);
}

.csat-linea-info p[b-g6yevunxsr] {
    margin: 0;
    line-height: 1.5;
}

.csat-linea-info strong[b-g6yevunxsr] { color: var(--tara-text); }

/* ── Debug panel ────────────────────────────────────────────────────────────── */

.csat-debug-panel[b-g6yevunxsr] {
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding:       1rem;
    margin-top:    1rem;
    font-size:     .8rem;
    color:         var(--tara-text-muted);
}

.csat-debug-panel pre[b-g6yevunxsr] {
    overflow:    auto;
    font-size:   .72rem;
    max-height:  200px;
    white-space: pre-wrap;
}

/* ══════════════════════════════════════════════════════════════════════════════
   Dialogs — backdrop y shell común
   ══════════════════════════════════════════════════════════════════════════════ */

.csat-dialog-backdrop[b-g6yevunxsr] {
    position:        fixed;
    inset:           0;
    z-index:         1200;
    background:      rgba(0, 0, 0, .55);
    display:         flex;
    align-items:     center;
    justify-content: center;
    padding:         1rem;
    backdrop-filter: blur(2px);
}

.csat-dialog[b-g6yevunxsr] {
    background:     var(--tara-surface);
    border:         1px solid var(--tara-border);
    border-radius:  var(--tara-radius);
    box-shadow:     var(--tara-shadow-lg);
    display:        flex;
    flex-direction: column;
    max-height:     88vh;
    width:          100%;
}

.csat-dialog--buscar[b-g6yevunxsr]    { max-width: 540px; }
.csat-dialog--asignar[b-g6yevunxsr]   { max-width: 520px; }
.csat-dialog--pendientes[b-g6yevunxsr] { max-width: 560px; }

/* Dialog header */
.csat-dialog-header[b-g6yevunxsr] {
    display:         flex;
    align-items:     flex-start;
    justify-content: space-between;
    padding:         1rem 1.1rem .75rem;
    border-bottom:   1px solid var(--tara-border-subtle);
    gap:             .75rem;
}

.csat-dialog-eyebrow[b-g6yevunxsr] {
    margin:      0;
    font-size:   1rem;
    font-weight: 700;
    color:       var(--tara-text);
}

.csat-dialog-subtitle[b-g6yevunxsr] {
    margin:    .1rem 0 0;
    font-size: .75rem;
    color:     var(--tara-text-muted);
}

.csat-dialog-close[b-g6yevunxsr] {
    background:    none;
    border:        none;
    cursor:        pointer;
    color:         var(--tara-text-muted);
    padding:       .15rem;
    border-radius: 50%;
    display:       flex;
    align-items:   center;
    transition:    color .15s;
    flex-shrink:   0;
}

.csat-dialog-close:hover[b-g6yevunxsr]         { color: var(--tara-text); }
.csat-dialog-close:disabled[b-g6yevunxsr]      { opacity: .45; cursor: default; }

/* Dialog body */
.csat-dialog-body[b-g6yevunxsr] {
    padding:    .75rem 1rem;
    overflow-y: auto;
    flex:       1;
    min-height: 0;
}

.csat-dialog-body--asignar[b-g6yevunxsr] { display: flex; flex-direction: column; gap: .85rem; }

/* Dialog footer */
.csat-dialog-footer[b-g6yevunxsr] {
    display:         flex;
    justify-content: flex-end;
    padding:         .65rem 1rem .85rem;
    border-top:      1px solid var(--tara-border-subtle);
    gap:             .5rem;
}

.csat-btn-cancel[b-g6yevunxsr] {
    background:    transparent;
    border:        1.5px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    color:         var(--tara-text);
    font-size:     .82rem;
    padding:       .45rem 1.1rem;
    cursor:        pointer;
    font-weight:   500;
    transition:    border-color .15s, background .15s;
}

.csat-btn-cancel:hover[b-g6yevunxsr] {
    border-color: var(--tara-text-muted);
    background:   var(--tara-surface-raised);
}

.csat-btn-cancel:disabled[b-g6yevunxsr] { opacity: .45; cursor: default; }

.csat-btn-asignar[b-g6yevunxsr] {
    background:    var(--tara-primary);
    border:        none;
    border-radius: var(--tara-radius-sm);
    color:         #fff;
    font-size:     .83rem;
    font-weight:   600;
    padding:       .45rem 1.25rem;
    cursor:        pointer;
    display:       inline-flex;
    align-items:   center;
    gap:           .3rem;
    transition:    opacity .15s;
}

.csat-btn-asignar:hover[b-g6yevunxsr]   { opacity: .88; }
.csat-btn-asignar:disabled[b-g6yevunxsr] { opacity: .45; cursor: default; }

/* ── Dialog: Buscar producto ─────────────────────────────────────────────────── */

.csat-buscar-field[b-g6yevunxsr]  { margin-bottom: .65rem; }

.csat-buscar-loading[b-g6yevunxsr],
.csat-buscar-hint[b-g6yevunxsr] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    font-size:   .82rem;
    color:       var(--tara-text-muted);
    padding:     .6rem 0;
}

.csat-buscar-error[b-g6yevunxsr] {
    display:       flex;
    align-items:   center;
    gap:           .5rem;
    font-size:     .82rem;
    color:         var(--tara-text-muted);
    padding:       .5rem .7rem;
    background:    var(--tara-surface-raised);
    border-radius: var(--tara-radius-sm);
    border:        1px solid var(--tara-border);
}

.csat-buscar-empty[b-g6yevunxsr] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    padding:         1.5rem .5rem;
    color:           var(--tara-text-muted);
    font-size:       .83rem;
    gap:             .4rem;
    text-align:      center;
}

.csat-buscar-lista[b-g6yevunxsr] {
    display:        flex;
    flex-direction: column;
    gap:            .25rem;
    max-height:     340px;
    overflow-y:     auto;
}

.csat-buscar-item[b-g6yevunxsr] {
    display:        flex;
    flex-direction: column;
    text-align:     left;
    background:     var(--tara-surface-raised);
    border:         1px solid var(--tara-border);
    border-radius:  var(--tara-radius-sm);
    padding:        .55rem .75rem;
    cursor:         pointer;
    transition:     background .12s, border-color .12s;
    width:          100%;
}

.csat-buscar-item:hover[b-g6yevunxsr] {
    background:   var(--tara-primary-subtle, rgba(236,0,0,.07));
    border-color: var(--tara-primary);
}

.csat-buscar-item-nombre[b-g6yevunxsr] {
    font-size:     .85rem;
    font-weight:   600;
    color:         var(--tara-text);
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
}

.csat-buscar-item-sub[b-g6yevunxsr] {
    display:    flex;
    flex-wrap:  wrap;
    gap:        .35rem;
    margin-top: .15rem;
}

.csat-buscar-barcode[b-g6yevunxsr] {
    font-size:     .7rem;
    font-family:   monospace;
    color:         var(--tara-text-muted);
    background:    var(--tara-th-bg);
    border-radius: 4px;
    padding:       .05rem .3rem;
}

.csat-buscar-desc[b-g6yevunxsr] {
    font-size:     .7rem;
    color:         var(--tara-text-muted);
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
    max-width:     280px;
}

/* ── Dialog: Asignar SAT ────────────────────────────────────────────────────── */

.csat-section-label[b-g6yevunxsr] {
    margin:      0 0 .3rem;
    font-size:   .76rem;
    font-weight: 700;
    color:       var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .05em;
}

.csat-sat-buscar-section[b-g6yevunxsr],
.csat-sat-selectors-section[b-g6yevunxsr] {
    display:        flex;
    flex-direction: column;
}

.csat-sat-buscar-row[b-g6yevunxsr] {
    display:    flex;
    gap:        .4rem;
    align-items: stretch;
}

.csat-terminos-input[b-g6yevunxsr] {
    flex:          1;
    background:    var(--tara-surface-raised);
    border:        1.5px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    color:         var(--tara-text);
    font-size:     .83rem;
    padding:       .42rem .65rem;
    outline:       none;
    transition:    border-color .15s;
}

.csat-terminos-input:focus[b-g6yevunxsr] {
    border-color: var(--tara-primary);
    box-shadow:   0 0 0 2px rgba(236,0,0,.1);
}

.csat-terminos-input[b-g6yevunxsr]::placeholder { color: var(--tara-text-muted); }

.csat-btn-buscar-sat[b-g6yevunxsr] {
    background:    var(--tara-primary);
    border:        none;
    border-radius: var(--tara-radius-sm);
    color:         #fff;
    display:       flex;
    align-items:   center;
    justify-content: center;
    padding:       .42rem .75rem;
    cursor:        pointer;
    transition:    opacity .15s;
    flex-shrink:   0;
}

.csat-btn-buscar-sat:hover[b-g6yevunxsr]   { opacity: .88; }
.csat-btn-buscar-sat:disabled[b-g6yevunxsr] { opacity: .45; cursor: default; }

.csat-sat-hint[b-g6yevunxsr] {
    margin:    .3rem 0 0;
    font-size: .72rem;
    color:     var(--tara-text-muted);
    font-style: italic;
}

[b-g6yevunxsr] .csat-clave-select { width: 100%; }

/* ── Dialog: Pendientes ─────────────────────────────────────────────────────── */

.csat-pendientes-lista[b-g6yevunxsr] {
    display:        flex;
    flex-direction: column;
    gap:            .3rem;
    max-height:     400px;
    overflow-y:     auto;
}

.csat-pendiente-item[b-g6yevunxsr] {
    display:       flex;
    align-items:   center;
    gap:           .55rem;
    padding:       .4rem .55rem;
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
}

.csat-pendiente-nombre[b-g6yevunxsr] {
    font-size:     .82rem;
    color:         var(--tara-text);
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
    flex:          1;
    min-width:     0;
}
/* _content/Raramuri.blzr/Components/Pages/ProductosCorridas.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════
   ProductosCorridas.razor.css — Patrón Grid Tarahumara
   Misma arquitectura que Reporte, Catálogos, Identificadores talla y Líneas.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Loading ──────────────────────────────────────────────────────────────── */

.cor-page-loading[b-njosrhulj2] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    min-height:      55vh;
    gap:             1rem;
    color:           var(--tara-text-muted);
    font-size:       .95rem;
}

/* ── Page header ──────────────────────────────────────────────────────────── */

.cor-report-header[b-njosrhulj2] {
    display:       flex;
    align-items:   center;
    gap:           .85rem;
    margin-bottom: 1.25rem;
}

.cor-back-btn.mud-button-root[b-njosrhulj2] { flex-shrink: 0; }

.cor-report-title[b-njosrhulj2] { flex: 1; min-width: 0; }

.cor-report-title h1[b-njosrhulj2] {
    margin:        0;
    font-size:     1.4rem;
    font-weight:   800;
    color:         var(--tara-text);
    line-height:   1.2;
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
}

.cor-report-title span[b-njosrhulj2] {
    display:        block;
    font-size:      .72rem;
    font-weight:    500;
    color:          var(--tara-primary-dark);
    opacity:        .75;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-top:     .1rem;
}

.cor-report-actions[b-njosrhulj2] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    margin-left: auto;
    flex-shrink: 0;
}

/* ── Alerts ───────────────────────────────────────────────────────────────── */

.cor-error-alert[b-njosrhulj2]  { margin-bottom: 1rem; }
.cor-alert-content[b-njosrhulj2] {
    display:     flex;
    align-items: center;
    flex-wrap:   wrap;
    gap:         .5rem;
}

/* ── Grid shell (bridge vars) ─────────────────────────────────────────────── */

.cor-grid-shell[b-njosrhulj2] {
    background:    var(--tara-surface);
    border:        1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow:    var(--tara-shadow);
    padding:       .7rem .7rem .6rem;
    margin-top:    .45rem;

    --_th-gradient:     linear-gradient(180deg, #faf7f3 0%, #f7f3ef 100%);
    --_th-border-top:   #efe8e1;
    --_th-text:         #374151;
    --_th-icon:         #8b949e;
    --_cell-text:       #1f2933;
    --_toolbar-divider: #f0ebe6;
    --_filter-icon:     #7b8794;
}

[data-theme="dark"] .cor-grid-shell[b-njosrhulj2] {
    --_th-gradient:     var(--tara-th-bg);
    --_th-border-top:   var(--tara-border);
    --_th-text:         var(--tara-th-text);
    --_th-icon:         #6B7280;
    --_cell-text:       var(--tara-text);
    --_toolbar-divider: var(--tara-border);
    --_filter-icon:     #6B7280;
}

/* ── Grid toolbar ─────────────────────────────────────────────────────────── */

.cor-grid-toolbar[b-njosrhulj2] {
    display:       flex;
    align-items:   center;
    gap:           .75rem;
    margin-bottom: .6rem;
    flex-wrap:     wrap;
    padding:       .1rem .2rem .35rem;
    border-bottom: 1px solid var(--_toolbar-divider);
}

.cor-search-field[b-njosrhulj2] {
    flex:      1;
    min-width: 160px;
    max-width: 320px;
}

[b-njosrhulj2] .cor-search-field .mud-input-outlined:hover .mud-input-outlined-border,
[b-njosrhulj2] .cor-search-field .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

/* ── Línea filter select (toolbar) ───────────────────────────────────────── */

.cor-linea-filter-shell[b-njosrhulj2] {
    position:  relative;
    flex-shrink: 0;
}

.cor-linea-filter[b-njosrhulj2] {
    height:             36px;
    padding:            0 2rem 0 .65rem;
    border:             1px solid var(--tara-border);
    border-radius:      var(--tara-radius-sm);
    background:         var(--tara-surface);
    color:              var(--tara-text);
    font-size:          .82rem;
    appearance:         none;
    -webkit-appearance: none;
    cursor:             pointer;
    outline:            none;
    transition:         border-color .15s ease;
    max-width:          200px;
    min-width:          140px;
}

.cor-linea-filter:hover:not(:disabled)[b-njosrhulj2] { border-color: var(--tara-primary-dark); }
.cor-linea-filter:focus[b-njosrhulj2] { border-color: var(--tara-primary-dark); box-shadow: 0 0 0 3px var(--tara-primary-subtle); }
.cor-linea-filter:disabled[b-njosrhulj2] { opacity: .55; cursor: not-allowed; }

.cor-linea-filter-icon[b-njosrhulj2] {
    position:       absolute;
    right:          .55rem;
    top:            50%;
    transform:      translateY(-50%);
    pointer-events: none;
    color:          var(--tara-text-muted);
}

/* ── Toolbar actions ──────────────────────────────────────────────────────── */

.cor-toolbar-actions[b-njosrhulj2] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    flex-wrap:   wrap;
}

.cor-count-chip[b-njosrhulj2] {
    padding:       .2rem .65rem;
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border);
    border-radius: 999px;
    font-size:     .75rem;
    font-weight:   500;
    color:         var(--tara-text-muted);
    white-space:   nowrap;
}

/* ── Table container ──────────────────────────────────────────────────────── */

.cor-table-container[b-njosrhulj2] {
    border:           1px solid var(--tara-border);
    border-radius:    12px;
    overflow-x:       auto;
    overflow-y:       hidden;
    background:       var(--tara-surface);
    box-shadow:       inset 0 1px 0 rgba(255,255,255,.06);
    margin-bottom:    .55rem;
    scrollbar-gutter: stable both-edges;
    position:         relative;
}

[data-theme="light"] .cor-table-container[b-njosrhulj2] {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.80);
}

[b-njosrhulj2] .cor-data-grid.mud-table {
    border-radius: 0;
    box-shadow:    none;
}

.cor-table-container[b-njosrhulj2]::-webkit-scrollbar        { height: 10px; }
.cor-table-container[b-njosrhulj2]::-webkit-scrollbar-thumb  { background: var(--tara-border); border-radius: 999px; }
.cor-table-container[b-njosrhulj2]::-webkit-scrollbar-track  { background: var(--tara-surface-raised); }

/* ── Table header ─────────────────────────────────────────────────────────── */

[b-njosrhulj2] .cor-data-grid .mud-table-head .mud-table-row {
    background: var(--_th-gradient);
}

[b-njosrhulj2] .cor-data-grid .mud-table-head .mud-table-cell {
    background:     var(--tara-th-bg);
    border-bottom:  2px solid rgba(204,0,0,.40) !important;
    border-top:     1px solid var(--_th-border-top);
    padding:        .5rem .65rem !important;
    min-height:     44px;
    vertical-align: middle;
    font-size:      .71rem !important;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color:          var(--_th-text);
    white-space:    nowrap;
}

.cor-head-filter[b-njosrhulj2] {
    display:     inline-flex;
    align-items: center;
    gap:         .25rem;
}

.cor-head-title[b-njosrhulj2] { display: inline-block; white-space: nowrap; }

[b-njosrhulj2] .cor-filter-btn         { color: var(--_filter-icon) !important; }
[b-njosrhulj2] .cor-filter-btn--active { color: var(--tara-primary-dark) !important; }

[b-njosrhulj2] .cor-data-grid .mud-table-head .mud-icon-root,
[b-njosrhulj2] .cor-data-grid .mud-table-head .mud-button-root {
    color: var(--_th-icon) !important;
}

[b-njosrhulj2] .cor-data-grid .mud-table-head .mud-icon-button {
    width:         30px;
    height:        30px;
    margin-left:   .2rem;
    border-radius: 7px;
}

[b-njosrhulj2] .cor-data-grid .mud-table-head .mud-table-sort-label { gap: .2rem; }

/* Popover filtros por columna */
[b-njosrhulj2] .cor-excel-popover.mud-popover .mud-paper {
    border:        1px solid var(--tara-border);
    border-radius: 10px;
    box-shadow:    0 8px 24px rgba(0,0,0,.16);
}

[b-njosrhulj2] .cor-excel-popover .mud-input-control,
[b-njosrhulj2] .cor-excel-popover .mud-select { min-width: 220px; }

.cor-excel-filter[b-njosrhulj2] {
    width:      280px;
    max-width:  86vw;
    padding:    .5rem .6rem;
    background: var(--tara-surface);
}

.cor-excel-actions[b-njosrhulj2] {
    display:         flex;
    justify-content: space-between;
    gap:             .35rem;
    margin-bottom:   .35rem;
}

.cor-excel-values[b-njosrhulj2] {
    max-height:    200px;
    overflow:      auto;
    margin-top:    .3rem;
    padding:       .2rem 0;
    border-top:    1px solid var(--tara-border);
    border-bottom: 1px solid var(--tara-border);
}

.cor-excel-footer[b-njosrhulj2] {
    margin-top:      .45rem;
    display:         flex;
    justify-content: flex-end;
    gap:             .35rem;
}

/* Sort arrows */
[b-njosrhulj2] .cor-data-grid .mud-table-sort-label:hover { color: var(--tara-primary-dark); }
[b-njosrhulj2] .cor-data-grid .mud-table-sort-label .mud-table-sort-label-arrow { color: var(--tara-primary-dark) !important; }

/* ── Table body ───────────────────────────────────────────────────────────── */

[b-njosrhulj2] .cor-data-grid .mud-table-body .mud-table-row .mud-table-cell {
    padding:        .42rem .66rem !important;
    font-size:      .8125rem;
    color:          var(--_cell-text);
    border-bottom:  1px solid var(--tara-border-subtle) !important;
    vertical-align: middle;
    line-height:    1.28;
    cursor:         pointer;
}

[b-njosrhulj2] .cor-data-grid .mud-table-body .mud-table-row.mud-table-row-even .mud-table-cell {
    background: var(--tara-row-even) !important;
}

[b-njosrhulj2] .cor-data-grid .mud-table-body .mud-table-row.mud-table-row-odd .mud-table-cell {
    background: var(--tara-row-odd);
}

[b-njosrhulj2] .cor-data-grid .mud-table-body .mud-table-row:hover .mud-table-cell {
    background: rgba(236,0,0,.045) !important;
    transition: background .12s ease;
}

/* Loading progress bar */
[b-njosrhulj2] .cor-data-grid .mud-table-loading-progress .mud-progress-linear-bar {
    background-color: var(--tara-primary-dark) !important;
}

/* ── Column widths ────────────────────────────────────────────────────────── */

[b-njosrhulj2] .cor-th-id     { width: 64px;  min-width: 64px;  text-align: center !important; }
[b-njosrhulj2] .cor-th-nombre { min-width: 180px; }
[b-njosrhulj2] .cor-th-linea  { min-width: 110px; }
[b-njosrhulj2] .cor-th-num    { width: 72px;  min-width: 72px;  text-align: center !important; }
[b-njosrhulj2] .cor-th-tallas { min-width: 200px; }
[b-njosrhulj2] .cor-th-edit   { width: 50px;  min-width: 50px; }

[b-njosrhulj2] .cor-td-id     { text-align: center !important; font-variant-numeric: tabular-nums; }
[b-njosrhulj2] .cor-td-nombre { font-weight: 600; }
[b-njosrhulj2] .cor-td-linea  {}
[b-njosrhulj2] .cor-td-center { text-align: center !important; }
[b-njosrhulj2] .cor-td-mono   { font-variant-numeric: tabular-nums; font-size: .80rem; }
[b-njosrhulj2] .cor-td-tallas { color: var(--tara-text-muted); font-size: .775rem; }
[b-njosrhulj2] .cor-td-edit   { text-align: center !important; }

/* ── Línea chip (inline badge) ────────────────────────────────────────────── */

.cor-linea-chip[b-njosrhulj2] {
    display:        inline-block;
    padding:        .18rem .55rem;
    border-radius:  100px;
    font-size:      .73rem;
    font-weight:    600;
    background:     var(--tara-surface-raised);
    color:          var(--tara-text-muted);
    border:         1px solid var(--tara-border);
    white-space:    nowrap;
}

/* ── Tallas text ──────────────────────────────────────────────────────────── */

.cor-tallas-text[b-njosrhulj2] {
    display:       block;
    max-width:     260px;
    overflow:      hidden;
    text-overflow: ellipsis;
    white-space:   nowrap;
}

/* ── Edit icon button ─────────────────────────────────────────────────────── */

.cor-edit-icon-btn[b-njosrhulj2] {
    width:         30px !important;
    height:        30px !important;
    border:        1px solid var(--tara-border) !important;
    border-radius: 7px !important;
    color:         var(--tara-text-muted) !important;
}

.cor-edit-icon-btn:hover[b-njosrhulj2] {
    background:   var(--tara-primary-subtle) !important;
    border-color: var(--tara-primary-dark) !important;
    color:        var(--tara-primary-dark) !important;
}

/* ── Empty / loading states inside grid ──────────────────────────────────── */

.cor-empty-state[b-njosrhulj2] {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            .6rem;
    padding:        2.5rem 1.5rem;
    color:          var(--tara-text-muted);
    text-align:     center;
}

.cor-empty-title[b-njosrhulj2] {
    margin:      0;
    font-size:   .9375rem;
    font-weight: 500;
    color:       var(--tara-text-muted);
}

.cor-empty-sub[b-njosrhulj2] {
    margin:    0;
    font-size: .8125rem;
    color:     var(--tara-text-muted);
    opacity:   .75;
}

.cor-loading-row[b-njosrhulj2] {
    display:     flex;
    align-items: center;
    gap:         .6rem;
    padding:     1.2rem;
    font-size:   .875rem;
    color:       var(--tara-text-muted);
}

/* ── Dev debug panel ──────────────────────────────────────────────────────── */

.cor-debug-panel[b-njosrhulj2] {
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border);
    border-radius: 8px;
    padding:       1rem;
    margin-top:    1rem;
    font-size:     .8rem;
    color:         var(--tara-text);
}

.cor-debug-panel pre[b-njosrhulj2] {
    overflow:   auto;
    max-height: 200px;
    font-size:  .75rem;
}

/* ── Dialog ───────────────────────────────────────────────────────────────── */

.cor-dialog-backdrop[b-njosrhulj2] {
    position:        fixed;
    inset:           0;
    background:      rgba(15, 19, 30, .55);
    z-index:         1400;
    display:         flex;
    align-items:     center;
    justify-content: center;
    padding:         1rem;
}

.cor-dialog[b-njosrhulj2] {
    width:         min(560px, 96vw);
    background:    var(--tara-surface);
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow:    var(--tara-shadow-lg);
    overflow:      hidden;
}

.cor-dialog-header[b-njosrhulj2] {
    display:         flex;
    align-items:     flex-start;
    justify-content: space-between;
    gap:             .75rem;
    padding:         1rem 1.1rem .8rem;
    border-bottom:   1px solid var(--tara-border);
}

.cor-dialog-eyebrow[b-njosrhulj2] {
    margin:      0;
    font-size:   1rem;
    font-weight: 700;
    color:       var(--tara-text);
}

.cor-dialog-subtitle[b-njosrhulj2] {
    margin:    .1rem 0 0;
    font-size: .8rem;
    color:     var(--tara-text-muted);
}

.cor-dialog-close[b-njosrhulj2] {
    flex-shrink:     0;
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    width:           32px;
    height:          32px;
    border-radius:   8px;
    border:          1px solid var(--tara-border);
    background:      transparent;
    color:           var(--tara-text-muted);
    cursor:          pointer;
    transition:      background .12s ease;
}

.cor-dialog-close:hover:not(:disabled)[b-njosrhulj2] { background: var(--tara-surface-raised); }

.cor-dialog-body[b-njosrhulj2] {
    padding:        1rem 1.1rem;
    display:        flex;
    flex-direction: column;
    gap:            .85rem;
}

.cor-dialog-field[b-njosrhulj2] {
    display:        flex;
    flex-direction: column;
    gap:            .35rem;
}

.cor-dialog-row[b-njosrhulj2] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: .65rem;
}

.cor-dialog-label[b-njosrhulj2] {
    font-size:   .8rem;
    font-weight: 600;
    color:       var(--tara-text-muted);
}

.cor-dialog-range-hint[b-njosrhulj2] {
    font-size:     .74rem;
    color:         var(--tara-text-muted);
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border);
    border-radius: 6px;
    padding:       .3rem .6rem;
    font-variant-numeric: tabular-nums;
}

.cor-dialog-hint[b-njosrhulj2] {
    margin:    -.5rem 0 0;
    font-size: .74rem;
    color:     var(--tara-text-muted);
    opacity:   .8;
}

.cor-nombre-preview[b-njosrhulj2] {
    display:       flex;
    align-items:   center;
    gap:           .5rem;
    padding:       .45rem .7rem;
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border);
    border-radius: 8px;
    font-size:     .82rem;
}

.cor-nombre-preview-label[b-njosrhulj2] {
    color:       var(--tara-text-muted);
    font-weight: 500;
    white-space: nowrap;
}

.cor-nombre-preview-value[b-njosrhulj2] {
    color:                var(--tara-text);
    font-weight:          600;
    font-variant-numeric: tabular-nums;
}

.cor-dialog-error[b-njosrhulj2] {
    display:       flex;
    align-items:   center;
    gap:           .5rem;
    padding:       .6rem .85rem;
    background:    var(--tara-primary-subtle);
    border:        1px solid var(--tara-primary);
    border-radius: 8px;
    font-size:     .84rem;
    color:         var(--tara-primary-dark);
}

.cor-dialog-footer[b-njosrhulj2] {
    display:         flex;
    justify-content: flex-end;
    gap:             .55rem;
    padding:         .8rem 1.1rem;
    border-top:      1px solid var(--tara-border);
}

/* ── Dialog inputs & select ───────────────────────────────────────────────── */

.cor-input[b-njosrhulj2] {
    width:         100%;
    height:        40px;
    padding:       0 .85rem;
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background:    var(--tara-surface);
    color:         var(--tara-text);
    font-size:     .9rem;
    outline:       none;
    box-sizing:    border-box;
    transition:    border-color .15s ease, box-shadow .15s ease;
}

.cor-input[b-njosrhulj2]::placeholder { color: var(--tara-text-muted); opacity: .7; }
.cor-input:hover:not(:disabled)[b-njosrhulj2] { border-color: var(--tara-border); }
.cor-input:focus[b-njosrhulj2] {
    border-color: var(--tara-primary-dark);
    box-shadow:   0 0 0 3px var(--tara-primary-subtle);
}
.cor-input:disabled[b-njosrhulj2] { opacity: .65; cursor: not-allowed; }

.cor-select-shell[b-njosrhulj2] { position: relative; }

.cor-select[b-njosrhulj2] {
    width:              100%;
    height:             40px;
    padding:            0 2.2rem 0 .85rem;
    border:             1px solid var(--tara-border);
    border-radius:      var(--tara-radius-sm);
    background:         var(--tara-surface);
    color:              var(--tara-text);
    font-size:          .9rem;
    appearance:         none;
    -webkit-appearance: none;
    cursor:             pointer;
    outline:            none;
    transition:         border-color .15s ease;
    box-sizing:         border-box;
}

.cor-select:hover:not(:disabled)[b-njosrhulj2] { border-color: var(--tara-primary-dark); }
.cor-select:focus[b-njosrhulj2] { border-color: var(--tara-primary-dark); box-shadow: 0 0 0 3px var(--tara-primary-subtle); }
.cor-select:disabled[b-njosrhulj2] { opacity: .65; cursor: not-allowed; }

.cor-select-icon[b-njosrhulj2] {
    position:       absolute;
    right:          .75rem;
    top:            50%;
    transform:      translateY(-50%);
    pointer-events: none;
    color:          var(--tara-text-muted);
}

/* ── Dialog buttons ───────────────────────────────────────────────────────── */

.cor-btn-guardar[b-njosrhulj2] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    gap:             .45rem;
    height:          40px;
    padding:         0 1.25rem;
    border:          none;
    border-radius:   var(--tara-radius-sm);
    background:      var(--tara-primary-dark);
    color:           var(--tara-text-inverse);
    font-size:       .88rem;
    font-weight:     600;
    cursor:          pointer;
    white-space:     nowrap;
    transition:      background .12s ease, opacity .12s ease;
}

.cor-btn-guardar:hover:not(:disabled)[b-njosrhulj2] { background: var(--tara-primary-deeper); }
.cor-btn-guardar:disabled[b-njosrhulj2]             { opacity: .55; cursor: not-allowed; }
.cor-btn-guardar.is-loading[b-njosrhulj2]           { pointer-events: none; }

.cor-btn-cancel[b-njosrhulj2] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    height:          40px;
    padding:         0 1.1rem;
    border:          1px solid var(--tara-border);
    border-radius:   var(--tara-radius-sm);
    background:      var(--tara-surface);
    color:           var(--tara-text);
    font-size:       .88rem;
    font-weight:     500;
    cursor:          pointer;
    transition:      background .12s ease;
}

.cor-btn-cancel:hover:not(:disabled)[b-njosrhulj2] { background: var(--tara-surface-raised); }
.cor-btn-cancel:disabled[b-njosrhulj2]             { opacity: .55; cursor: not-allowed; }

.cor-spinner[b-njosrhulj2] {
    display:          inline-block;
    width:            14px;
    height:           14px;
    border-radius:    50%;
    border:           2px solid rgba(255,255,255,.4);
    border-top-color: #fff;
    animation:        cor-spin-b-njosrhulj2 .75s linear infinite;
}

@keyframes cor-spin-b-njosrhulj2 {
    to { transform: rotate(360deg); }
}

/* ── Responsive ───────────────────────────────────────────────────────────── */

@media (max-width: 640px) {
    .cor-report-title h1[b-njosrhulj2] { font-size: 1rem; }
    .cor-search-field[b-njosrhulj2]    { min-width: 120px; }
    .cor-linea-filter[b-njosrhulj2]    { min-width: 110px; }
    .cor-dialog-row[b-njosrhulj2]      { grid-template-columns: 1fr 1fr; }
}
/* _content/Raramuri.blzr/Components/Pages/ProductosIdentificadoresTalla.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════
   ProductosIdentificadoresTalla.razor.css — Patrón Grid Tarahumara
   Misma arquitectura que ProductosReporte: bridge vars, MudDataGrid overrides
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Loading ──────────────────────────────────────────────────────────────── */

.ident-page-loading[b-4efu7m8lvu] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    min-height:      55vh;
    gap:             1rem;
    color:           var(--tara-text-muted);
    font-size:       .95rem;
}

/* ── Page header ──────────────────────────────────────────────────────────── */

.ident-report-header[b-4efu7m8lvu] {
    display:       flex;
    align-items:   center;
    gap:           .85rem;
    margin-bottom: 1.25rem;
}

.ident-back-btn.mud-button-root[b-4efu7m8lvu] { flex-shrink: 0; }

.ident-report-title[b-4efu7m8lvu] { flex: 1; min-width: 0; }

.ident-report-title h1[b-4efu7m8lvu] {
    margin:        0;
    font-size:     1.4rem;
    font-weight:   800;
    color:         var(--tara-text);
    line-height:   1.2;
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
}

.ident-report-title span[b-4efu7m8lvu] {
    display:        block;
    font-size:      .72rem;
    font-weight:    500;
    color:          var(--tara-primary-dark);
    opacity:        .75;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-top:     .1rem;
}

.ident-report-actions[b-4efu7m8lvu] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    margin-left: auto;
    flex-shrink: 0;
}

/* ── Filter panel (line selector) ─────────────────────────────────────────── */

.ident-filters-panel[b-4efu7m8lvu] {
    background:    var(--tara-surface);
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    padding:       .9rem 1rem;
    margin-bottom: 1rem;
    box-shadow:    var(--tara-shadow);
}

.ident-filters-grid[b-4efu7m8lvu] {
    display:   flex;
    gap:       .75rem;
    flex-wrap: wrap;
    align-items: center;
}

.ident-filters-grid .ident-filter-select[b-4efu7m8lvu] {
    min-width: 220px;
    flex:      1;
}

/* MudSelect focus ring → rojo Tarahumara */
[b-4efu7m8lvu] .ident-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-4efu7m8lvu] .ident-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-4efu7m8lvu] .ident-filter-select .mud-select-input.mud-input-root-outlined.mud-input-focused {
    color: var(--tara-primary-dark);
}

[b-4efu7m8lvu] .ident-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color:     var(--tara-text-muted);
    font-size: .8rem;
}

.ident-api-msg[b-4efu7m8lvu] {
    margin:    .5rem 0 0;
    font-size: .75rem;
    color:     var(--tara-text-muted);
}

/* ── Alerts ───────────────────────────────────────────────────────────────── */

.ident-error-alert[b-4efu7m8lvu]  { margin-bottom: 1rem; }
.ident-alert-content[b-4efu7m8lvu] {
    display:   flex;
    align-items: center;
    flex-wrap: wrap;
    gap:       .5rem;
}

/* ── Grid shell (border-radius card wrapping toolbar + grid) ──────────────── */

.ident-grid-shell[b-4efu7m8lvu] {
    background:    var(--tara-surface);
    border:        1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow:    var(--tara-shadow);
    padding:       .7rem .7rem .6rem;
    margin-top:    .45rem;

    /* Bridge vars — consumidas por ::deep donde [data-theme] no aplica */
    --_th-gradient:     linear-gradient(180deg, #faf7f3 0%, #f7f3ef 100%);
    --_th-border-top:   #efe8e1;
    --_th-text:         #374151;
    --_th-icon:         #8b949e;
    --_cell-text:       #1f2933;
    --_toolbar-divider: #f0ebe6;
    --_filter-icon:     #7b8794;
}

[data-theme="dark"] .ident-grid-shell[b-4efu7m8lvu] {
    --_th-gradient:     var(--tara-th-bg);
    --_th-border-top:   var(--tara-border);
    --_th-text:         var(--tara-th-text);
    --_th-icon:         #6B7280;
    --_cell-text:       var(--tara-text);
    --_toolbar-divider: var(--tara-border);
    --_filter-icon:     #6B7280;
}

/* ── Grid toolbar ─────────────────────────────────────────────────────────── */

.ident-grid-toolbar[b-4efu7m8lvu] {
    display:       flex;
    align-items:   center;
    gap:           .75rem;
    margin-bottom: .6rem;
    flex-wrap:     wrap;
    padding:       .1rem .2rem .35rem;
    border-bottom: 1px solid var(--_toolbar-divider);
}

.ident-search-field[b-4efu7m8lvu] {
    flex:      1;
    min-width: 200px;
    max-width: 400px;
}

[b-4efu7m8lvu] .ident-search-field .mud-input-outlined:hover .mud-input-outlined-border,
[b-4efu7m8lvu] .ident-search-field .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

.ident-toolbar-actions[b-4efu7m8lvu] {
    display:   flex;
    align-items: center;
    gap:       .5rem;
    flex-wrap: wrap;
}

.ident-count-chip[b-4efu7m8lvu] {
    padding:       .2rem .65rem;
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border);
    border-radius: 999px;
    font-size:     .75rem;
    font-weight:   500;
    color:         var(--tara-text-muted);
    white-space:   nowrap;
}

/* ── Table container ──────────────────────────────────────────────────────── */

.ident-table-container[b-4efu7m8lvu] {
    border:           1px solid var(--tara-border);
    border-radius:    12px;
    overflow-x:       auto;
    overflow-y:       hidden;
    background:       var(--tara-surface);
    box-shadow:       inset 0 1px 0 rgba(255,255,255,.06);
    margin-bottom:    .55rem;
    scrollbar-gutter: stable both-edges;
    position:         relative;
}

[data-theme="light"] .ident-table-container[b-4efu7m8lvu] {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.80);
}

[b-4efu7m8lvu] .ident-data-grid.mud-table {
    border-radius: 0;
    box-shadow:    none;
}

.ident-table-container[b-4efu7m8lvu]::-webkit-scrollbar        { height: 10px; }
.ident-table-container[b-4efu7m8lvu]::-webkit-scrollbar-thumb  { background: var(--tara-border); border-radius: 999px; }
.ident-table-container[b-4efu7m8lvu]::-webkit-scrollbar-track  { background: var(--tara-surface-raised); }

/* ── Table header ─────────────────────────────────────────────────────────── */

[b-4efu7m8lvu] .ident-data-grid .mud-table-head .mud-table-row {
    background: var(--_th-gradient);
}

[b-4efu7m8lvu] .ident-data-grid .mud-table-head .mud-table-cell {
    background:    var(--tara-th-bg);
    border-bottom: 2px solid rgba(204,0,0,.40) !important;
    border-top:    1px solid var(--_th-border-top);
    padding:       .5rem .65rem !important;
    min-height:    44px;
    vertical-align: middle;
}

[b-4efu7m8lvu] .ident-data-grid .mud-table-head .mud-table-cell {
    font-size:      .71rem !important;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color:          var(--_th-text);
    white-space:    nowrap;
}

.ident-head-filter[b-4efu7m8lvu] {
    display:     inline-flex;
    align-items: center;
    gap:         .25rem;
}

.ident-head-title[b-4efu7m8lvu] { display: inline-block; white-space: nowrap; }

[b-4efu7m8lvu] .ident-filter-btn     { color: var(--_filter-icon) !important; }
[b-4efu7m8lvu] .ident-filter-btn--active { color: var(--tara-primary-dark) !important; }

[b-4efu7m8lvu] .ident-data-grid .mud-table-head .mud-icon-root,
[b-4efu7m8lvu] .ident-data-grid .mud-table-head .mud-button-root {
    color: var(--_th-icon) !important;
}

[b-4efu7m8lvu] .ident-data-grid .mud-table-head .mud-icon-button {
    width:         30px;
    height:        30px;
    margin-left:   .2rem;
    border-radius: 7px;
}

[b-4efu7m8lvu] .ident-data-grid .mud-table-head .mud-table-sort-label { gap: .2rem; }

/* Popover filtros por columna */
[b-4efu7m8lvu] .ident-excel-popover.mud-popover .mud-paper {
    border:        1px solid var(--tara-border);
    border-radius: 10px;
    box-shadow:    0 8px 24px rgba(0,0,0,.16);
}

[b-4efu7m8lvu] .ident-excel-popover .mud-input-control,
[b-4efu7m8lvu] .ident-excel-popover .mud-select { min-width: 220px; }

.ident-excel-filter[b-4efu7m8lvu] {
    width:      280px;
    max-width:  86vw;
    padding:    .5rem .6rem;
    background: var(--tara-surface);
}

.ident-excel-actions[b-4efu7m8lvu] {
    display:         flex;
    justify-content: space-between;
    gap:             .35rem;
    margin-bottom:   .35rem;
}

.ident-excel-values[b-4efu7m8lvu] {
    max-height:    200px;
    overflow:      auto;
    margin-top:    .3rem;
    padding:       .2rem 0;
    border-top:    1px solid var(--tara-border);
    border-bottom: 1px solid var(--tara-border);
}

.ident-excel-footer[b-4efu7m8lvu] {
    margin-top:      .45rem;
    display:         flex;
    justify-content: flex-end;
    gap:             .35rem;
}

/* Sort arrows */
[b-4efu7m8lvu] .ident-data-grid .mud-table-sort-label:hover { color: var(--tara-primary-dark); }
[b-4efu7m8lvu] .ident-data-grid .mud-table-sort-label .mud-table-sort-label-arrow { color: var(--tara-primary-dark) !important; }

/* ── Table body ───────────────────────────────────────────────────────────── */

[b-4efu7m8lvu] .ident-data-grid .mud-table-body .mud-table-row .mud-table-cell {
    padding:        .42rem .66rem !important;
    font-size:      .8125rem;
    color:          var(--_cell-text);
    border-bottom:  1px solid var(--tara-border-subtle) !important;
    vertical-align: middle;
    line-height:    1.28;
}

[b-4efu7m8lvu] .ident-data-grid .mud-table-body .mud-table-row.mud-table-row-even .mud-table-cell {
    background: var(--tara-row-even) !important;
}

[b-4efu7m8lvu] .ident-data-grid .mud-table-body .mud-table-row.mud-table-row-odd .mud-table-cell {
    background: var(--tara-row-odd);
}

[b-4efu7m8lvu] .ident-data-grid .mud-table-body .mud-table-row:hover .mud-table-cell {
    background: rgba(236,0,0,.045) !important;
    transition: background .12s ease;
}

/* Loading progress bar */
[b-4efu7m8lvu] .ident-data-grid .mud-table-loading-progress .mud-progress-linear-bar {
    background-color: var(--tara-primary-dark) !important;
}

/* ── Column widths ────────────────────────────────────────────────────────── */

[b-4efu7m8lvu] .ident-th-talla {
    width:      90px;
    min-width:  90px;
    text-align: center !important;
}

[b-4efu7m8lvu] .ident-th-texto { min-width: 180px; }

[b-4efu7m8lvu] .ident-td-talla { text-align: center !important; }

/* ── Talla chip (readonly) ────────────────────────────────────────────────── */

.ident-talla-chip[b-4efu7m8lvu] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    min-width:       44px;
    padding:         3px 8px;
    background:      var(--tara-text-muted);
    color:           #fff;
    border-radius:   6px;
    font-size:       .75rem;
    font-weight:     700;
    letter-spacing:  .2px;
    line-height:     1;
    white-space:     nowrap;
}

[data-theme="dark"] .ident-talla-chip[b-4efu7m8lvu] {
    background: var(--tara-border);
    color:      var(--tara-text);
}

/* ── Inline texto input ───────────────────────────────────────────────────── */

.ident-texto-input[b-4efu7m8lvu] {
    width:         100%;
    height:        30px;
    padding:       0 8px;
    background:    transparent;
    border:        1px solid transparent;
    border-radius: 5px;
    color:         var(--_cell-text);
    font-size:     .8125rem;
    outline:       none;
    transition:    border-color .12s, background .12s;
    box-sizing:    border-box;
    font-family:   inherit;
}

.ident-texto-input:hover[b-4efu7m8lvu] {
    border-color: var(--tara-border);
    background:   var(--tara-surface-raised);
}

.ident-texto-input:focus[b-4efu7m8lvu] {
    border-color: var(--tara-primary);
    background:   var(--tara-surface);
    color:        var(--tara-text);
}

.ident-texto-input[b-4efu7m8lvu]::placeholder { color: var(--tara-text-muted); opacity: .5; }

/* ── Empty / loading states inside grid ──────────────────────────────────── */

.ident-empty-state[b-4efu7m8lvu] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    gap:             .6rem;
    padding:         2.5rem 1.5rem;
    color:           var(--tara-text-muted);
    text-align:      center;
}

.ident-empty-title[b-4efu7m8lvu] {
    margin:      0;
    font-size:   .9375rem;
    font-weight: 500;
    color:       var(--tara-text-muted);
}

.ident-empty-sub[b-4efu7m8lvu] {
    margin:    0;
    font-size: .8125rem;
    color:     var(--tara-text-muted);
    opacity:   .75;
}

.ident-loading-row[b-4efu7m8lvu] {
    display:     flex;
    align-items: center;
    gap:         .6rem;
    padding:     1.2rem;
    font-size:   .875rem;
    color:       var(--tara-text-muted);
}

/* ── Dev debug panel ──────────────────────────────────────────────────────── */

.ident-debug-panel[b-4efu7m8lvu] {
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border);
    border-radius: 8px;
    padding:       1rem;
    margin-top:    1rem;
    font-size:     .8rem;
    color:         var(--tara-text);
}

.ident-debug-panel pre[b-4efu7m8lvu] {
    overflow:   auto;
    max-height: 200px;
    font-size:  .75rem;
}

/* ── Responsive ───────────────────────────────────────────────────────────── */

@media (max-width: 640px) {
    .ident-report-title h1[b-4efu7m8lvu] { font-size: 1rem; }
    .ident-filters-grid[b-4efu7m8lvu]     { flex-direction: column; }
    .ident-guardar-btn[b-4efu7m8lvu]      { width: 100%; }
    .ident-search-field[b-4efu7m8lvu]     { min-width: 140px; }
}
/* _content/Raramuri.blzr/Components/Pages/ProductosLineas.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════
   ProductosLineas.razor.css — Patrón Grid Tarahumara
   Misma arquitectura que Reporte, Catálogos e Identificadores talla.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Loading ──────────────────────────────────────────────────────────────── */

.lin-page-loading[b-8uidkpfuco] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    min-height:      55vh;
    gap:             1rem;
    color:           var(--tara-text-muted);
    font-size:       .95rem;
}

/* ── Page header ──────────────────────────────────────────────────────────── */

.lin-report-header[b-8uidkpfuco] {
    display:       flex;
    align-items:   center;
    gap:           .85rem;
    margin-bottom: 1.25rem;
}

.lin-back-btn.mud-button-root[b-8uidkpfuco] { flex-shrink: 0; }

.lin-report-title[b-8uidkpfuco] { flex: 1; min-width: 0; }

.lin-report-title h1[b-8uidkpfuco] {
    margin:        0;
    font-size:     1.4rem;
    font-weight:   800;
    color:         var(--tara-text);
    line-height:   1.2;
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
}

.lin-report-title span[b-8uidkpfuco] {
    display:        block;
    font-size:      .72rem;
    font-weight:    500;
    color:          var(--tara-primary-dark);
    opacity:        .75;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-top:     .1rem;
}

.lin-report-actions[b-8uidkpfuco] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    margin-left: auto;
    flex-shrink: 0;
}

/* ── Alerts ───────────────────────────────────────────────────────────────── */

.lin-error-alert[b-8uidkpfuco]  { margin-bottom: 1rem; }
.lin-alert-content[b-8uidkpfuco] {
    display:     flex;
    align-items: center;
    flex-wrap:   wrap;
    gap:         .5rem;
}

/* ── Grid shell (bridge vars) ─────────────────────────────────────────────── */

.lin-grid-shell[b-8uidkpfuco] {
    background:    var(--tara-surface);
    border:        1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow:    var(--tara-shadow);
    padding:       .7rem .7rem .6rem;
    margin-top:    .45rem;

    --_th-gradient:     linear-gradient(180deg, #faf7f3 0%, #f7f3ef 100%);
    --_th-border-top:   #efe8e1;
    --_th-text:         #374151;
    --_th-icon:         #8b949e;
    --_cell-text:       #1f2933;
    --_toolbar-divider: #f0ebe6;
    --_filter-icon:     #7b8794;
}

[data-theme="dark"] .lin-grid-shell[b-8uidkpfuco] {
    --_th-gradient:     var(--tara-th-bg);
    --_th-border-top:   var(--tara-border);
    --_th-text:         var(--tara-th-text);
    --_th-icon:         #6B7280;
    --_cell-text:       var(--tara-text);
    --_toolbar-divider: var(--tara-border);
    --_filter-icon:     #6B7280;
}

/* ── Grid toolbar ─────────────────────────────────────────────────────────── */

.lin-grid-toolbar[b-8uidkpfuco] {
    display:       flex;
    align-items:   center;
    gap:           .75rem;
    margin-bottom: .6rem;
    flex-wrap:     wrap;
    padding:       .1rem .2rem .35rem;
    border-bottom: 1px solid var(--_toolbar-divider);
}

.lin-search-field[b-8uidkpfuco] {
    flex:      1;
    min-width: 180px;
    max-width: 380px;
}

[b-8uidkpfuco] .lin-search-field .mud-input-outlined:hover .mud-input-outlined-border,
[b-8uidkpfuco] .lin-search-field .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

.lin-toolbar-actions[b-8uidkpfuco] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    flex-wrap:   wrap;
}

.lin-count-chip[b-8uidkpfuco] {
    padding:       .2rem .65rem;
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border);
    border-radius: 999px;
    font-size:     .75rem;
    font-weight:   500;
    color:         var(--tara-text-muted);
    white-space:   nowrap;
}

/* ── Table container ──────────────────────────────────────────────────────── */

.lin-table-container[b-8uidkpfuco] {
    border:           1px solid var(--tara-border);
    border-radius:    12px;
    overflow-x:       auto;
    overflow-y:       hidden;
    background:       var(--tara-surface);
    box-shadow:       inset 0 1px 0 rgba(255,255,255,.06);
    margin-bottom:    .55rem;
    scrollbar-gutter: stable both-edges;
    position:         relative;
}

[data-theme="light"] .lin-table-container[b-8uidkpfuco] {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.80);
}

[b-8uidkpfuco] .lin-data-grid.mud-table {
    border-radius: 0;
    box-shadow:    none;
}

.lin-table-container[b-8uidkpfuco]::-webkit-scrollbar        { height: 10px; }
.lin-table-container[b-8uidkpfuco]::-webkit-scrollbar-thumb  { background: var(--tara-border); border-radius: 999px; }
.lin-table-container[b-8uidkpfuco]::-webkit-scrollbar-track  { background: var(--tara-surface-raised); }

/* ── Table header ─────────────────────────────────────────────────────────── */

[b-8uidkpfuco] .lin-data-grid .mud-table-head .mud-table-row {
    background: var(--_th-gradient);
}

[b-8uidkpfuco] .lin-data-grid .mud-table-head .mud-table-cell {
    background:     var(--tara-th-bg);
    border-bottom:  2px solid rgba(204,0,0,.40) !important;
    border-top:     1px solid var(--_th-border-top);
    padding:        .5rem .65rem !important;
    min-height:     44px;
    vertical-align: middle;
    font-size:      .71rem !important;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color:          var(--_th-text);
    white-space:    nowrap;
}

.lin-head-filter[b-8uidkpfuco] {
    display:     inline-flex;
    align-items: center;
    gap:         .25rem;
}

.lin-head-title[b-8uidkpfuco] { display: inline-block; white-space: nowrap; }

[b-8uidkpfuco] .lin-filter-btn         { color: var(--_filter-icon) !important; }
[b-8uidkpfuco] .lin-filter-btn--active { color: var(--tara-primary-dark) !important; }

[b-8uidkpfuco] .lin-data-grid .mud-table-head .mud-icon-root,
[b-8uidkpfuco] .lin-data-grid .mud-table-head .mud-button-root {
    color: var(--_th-icon) !important;
}

[b-8uidkpfuco] .lin-data-grid .mud-table-head .mud-icon-button {
    width:         30px;
    height:        30px;
    margin-left:   .2rem;
    border-radius: 7px;
}

[b-8uidkpfuco] .lin-data-grid .mud-table-head .mud-table-sort-label { gap: .2rem; }

/* Popover filtros por columna */
[b-8uidkpfuco] .lin-excel-popover.mud-popover .mud-paper {
    border:        1px solid var(--tara-border);
    border-radius: 10px;
    box-shadow:    0 8px 24px rgba(0,0,0,.16);
}

[b-8uidkpfuco] .lin-excel-popover .mud-input-control,
[b-8uidkpfuco] .lin-excel-popover .mud-select { min-width: 220px; }

.lin-excel-filter[b-8uidkpfuco] {
    width:      280px;
    max-width:  86vw;
    padding:    .5rem .6rem;
    background: var(--tara-surface);
}

.lin-excel-actions[b-8uidkpfuco] {
    display:         flex;
    justify-content: space-between;
    gap:             .35rem;
    margin-bottom:   .35rem;
}

.lin-excel-values[b-8uidkpfuco] {
    max-height:    200px;
    overflow:      auto;
    margin-top:    .3rem;
    padding:       .2rem 0;
    border-top:    1px solid var(--tara-border);
    border-bottom: 1px solid var(--tara-border);
}

.lin-excel-footer[b-8uidkpfuco] {
    margin-top:      .45rem;
    display:         flex;
    justify-content: flex-end;
    gap:             .35rem;
}

/* Sort arrows */
[b-8uidkpfuco] .lin-data-grid .mud-table-sort-label:hover { color: var(--tara-primary-dark); }
[b-8uidkpfuco] .lin-data-grid .mud-table-sort-label .mud-table-sort-label-arrow { color: var(--tara-primary-dark) !important; }

/* ── Table body ───────────────────────────────────────────────────────────── */

[b-8uidkpfuco] .lin-data-grid .mud-table-body .mud-table-row .mud-table-cell {
    padding:        .42rem .66rem !important;
    font-size:      .8125rem;
    color:          var(--_cell-text);
    border-bottom:  1px solid var(--tara-border-subtle) !important;
    vertical-align: middle;
    line-height:    1.28;
    cursor:         pointer;
}

[b-8uidkpfuco] .lin-data-grid .mud-table-body .mud-table-row.mud-table-row-even .mud-table-cell {
    background: var(--tara-row-even) !important;
}

[b-8uidkpfuco] .lin-data-grid .mud-table-body .mud-table-row.mud-table-row-odd .mud-table-cell {
    background: var(--tara-row-odd);
}

[b-8uidkpfuco] .lin-data-grid .mud-table-body .mud-table-row:hover .mud-table-cell {
    background: rgba(236,0,0,.045) !important;
    transition: background .12s ease;
}

/* Loading progress bar */
[b-8uidkpfuco] .lin-data-grid .mud-table-loading-progress .mud-progress-linear-bar {
    background-color: var(--tara-primary-dark) !important;
}

/* ── Column widths ────────────────────────────────────────────────────────── */

[b-8uidkpfuco] .lin-th-num   { width: 72px; min-width: 72px; text-align: center !important; }
[b-8uidkpfuco] .lin-th-linea { min-width: 180px; }
[b-8uidkpfuco] .lin-th-tipo  { min-width: 110px; text-align: center !important; }
[b-8uidkpfuco] .lin-th-edit  { width: 50px; min-width: 50px; }

[b-8uidkpfuco] .lin-td-num    { text-align: center !important; font-variant-numeric: tabular-nums; }
[b-8uidkpfuco] .lin-td-linea  { font-weight: 600; }
[b-8uidkpfuco] .lin-td-center { text-align: center !important; }
[b-8uidkpfuco] .lin-td-mono   { font-variant-numeric: tabular-nums; font-size: .80rem; }
[b-8uidkpfuco] .lin-td-edit   { text-align: center !important; }

/* ── Tipo chip ────────────────────────────────────────────────────────────── */

.lin-tipo-chip[b-8uidkpfuco] {
    display:        inline-block;
    padding:        .18rem .58rem;
    border-radius:  100px;
    font-size:      .7rem;
    font-weight:    700;
    letter-spacing: .03em;
    white-space:    nowrap;
}

/* 1 = Calzado — rojo tenue Tarahumara (era violeta #4F46E5 — violación del patrón) */
.lin-tipo-1[b-8uidkpfuco] {
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    border:     1px solid color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    color:      var(--tara-primary-dark);
}
/* dark mode: tokens responden automáticamente */

/* 2 = Ropa — verde semántico (var(--tara-success) family — correcto) */
.lin-tipo-2[b-8uidkpfuco] { background: rgba(16,185,129,.12); color: #059669; }
[data-theme="dark"] .lin-tipo-2[b-8uidkpfuco] { background: rgba(16,185,129,.20); color: #34D399; }

/* 3 = Accesorios — ámbar cálido (era cyan #0891B2 — violación del patrón) */
.lin-tipo-3[b-8uidkpfuco] {
    background: color-mix(in srgb, var(--tara-warning) 10%, var(--tara-surface));
    border:     1px solid color-mix(in srgb, var(--tara-warning) 22%, var(--tara-border));
    color:      var(--tara-warning);
}
/* dark mode: tokens responden automáticamente */

/* 4 = Otros — neutro (correcto) */
.lin-tipo-4[b-8uidkpfuco] { background: var(--tara-surface-raised); color: var(--tara-text-muted); }

/* ── Edit icon button ─────────────────────────────────────────────────────── */

.lin-edit-icon-btn[b-8uidkpfuco] {
    width:         30px !important;
    height:        30px !important;
    border:        1px solid var(--tara-border) !important;
    border-radius: 7px !important;
    color:         var(--tara-text-muted) !important;
}

.lin-edit-icon-btn:hover[b-8uidkpfuco] {
    background:   var(--tara-primary-subtle) !important;
    border-color: var(--tara-primary-dark) !important;
    color:        var(--tara-primary-dark) !important;
}

/* ── Empty / loading states inside grid ──────────────────────────────────── */

.lin-empty-state[b-8uidkpfuco] {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            .6rem;
    padding:        2.5rem 1.5rem;
    color:          var(--tara-text-muted);
    text-align:     center;
}

.lin-empty-title[b-8uidkpfuco] {
    margin:      0;
    font-size:   .9375rem;
    font-weight: 500;
    color:       var(--tara-text-muted);
}

.lin-empty-sub[b-8uidkpfuco] {
    margin:    0;
    font-size: .8125rem;
    color:     var(--tara-text-muted);
    opacity:   .75;
}

.lin-loading-row[b-8uidkpfuco] {
    display:     flex;
    align-items: center;
    gap:         .6rem;
    padding:     1.2rem;
    font-size:   .875rem;
    color:       var(--tara-text-muted);
}

/* ── Dev debug panel ──────────────────────────────────────────────────────── */

.lin-debug-panel[b-8uidkpfuco] {
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border);
    border-radius: 8px;
    padding:       1rem;
    margin-top:    1rem;
    font-size:     .8rem;
    color:         var(--tara-text);
}

.lin-debug-panel pre[b-8uidkpfuco] {
    overflow:   auto;
    max-height: 200px;
    font-size:  .75rem;
}

/* ── Dialog ───────────────────────────────────────────────────────────────── */

.lin-dialog-backdrop[b-8uidkpfuco] {
    position:        fixed;
    inset:           0;
    background:      rgba(15, 19, 30, .55);
    z-index:         1400;
    display:         flex;
    align-items:     center;
    justify-content: center;
    padding:         1rem;
}

.lin-dialog[b-8uidkpfuco] {
    width:         min(520px, 96vw);
    background:    var(--tara-surface);
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow:    var(--tara-shadow-lg);
    overflow:      hidden;
}

.lin-dialog-header[b-8uidkpfuco] {
    display:         flex;
    align-items:     flex-start;
    justify-content: space-between;
    gap:             .75rem;
    padding:         1rem 1.1rem .8rem;
    border-bottom:   1px solid var(--tara-border);
}

.lin-dialog-eyebrow[b-8uidkpfuco] {
    margin:      0;
    font-size:   1rem;
    font-weight: 700;
    color:       var(--tara-text);
}

.lin-dialog-subtitle[b-8uidkpfuco] {
    margin:    .1rem 0 0;
    font-size: .8rem;
    color:     var(--tara-text-muted);
}

.lin-dialog-close[b-8uidkpfuco] {
    flex-shrink:     0;
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    width:           32px;
    height:          32px;
    border-radius:   8px;
    border:          1px solid var(--tara-border);
    background:      transparent;
    color:           var(--tara-text-muted);
    cursor:          pointer;
    transition:      background .12s ease;
}

.lin-dialog-close:hover:not(:disabled)[b-8uidkpfuco] { background: var(--tara-surface-raised); }

.lin-dialog-body[b-8uidkpfuco] {
    padding:        1rem 1.1rem;
    display:        flex;
    flex-direction: column;
    gap:            .85rem;
}

.lin-dialog-field[b-8uidkpfuco] {
    display:        flex;
    flex-direction: column;
    gap:            .35rem;
}

.lin-dialog-row[b-8uidkpfuco] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: .65rem;
}

.lin-dialog-label[b-8uidkpfuco] {
    font-size:   .8rem;
    font-weight: 600;
    color:       var(--tara-text-muted);
}

.lin-dialog-hint[b-8uidkpfuco] {
    margin:    -.5rem 0 0;
    font-size: .74rem;
    color:     var(--tara-text-muted);
    opacity:   .8;
}

.lin-dialog-error[b-8uidkpfuco] {
    display:       flex;
    align-items:   center;
    gap:           .5rem;
    padding:       .6rem .85rem;
    background:    var(--tara-primary-subtle);
    border:        1px solid var(--tara-primary);
    border-radius: 8px;
    font-size:     .84rem;
    color:         var(--tara-primary-dark);
}

.lin-dialog-footer[b-8uidkpfuco] {
    display:         flex;
    justify-content: flex-end;
    gap:             .55rem;
    padding:         .8rem 1.1rem;
    border-top:      1px solid var(--tara-border);
}

/* ── Dialog inputs & select ───────────────────────────────────────────────── */

.lin-input[b-8uidkpfuco] {
    width:         100%;
    height:        40px;
    padding:       0 .85rem;
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background:    var(--tara-surface);
    color:         var(--tara-text);
    font-size:     .9rem;
    outline:       none;
    box-sizing:    border-box;
    transition:    border-color .15s ease, box-shadow .15s ease;
}

.lin-input[b-8uidkpfuco]::placeholder { color: var(--tara-text-muted); opacity: .7; }
.lin-input:hover:not(:disabled)[b-8uidkpfuco]  { border-color: var(--tara-border); }
.lin-input:focus[b-8uidkpfuco]  {
    border-color: var(--tara-primary-dark);
    box-shadow:   0 0 0 3px var(--tara-primary-subtle);
}
.lin-input:disabled[b-8uidkpfuco] { opacity: .65; cursor: not-allowed; }

.lin-select-shell[b-8uidkpfuco] { position: relative; }

.lin-select[b-8uidkpfuco] {
    width:              100%;
    height:             40px;
    padding:            0 2.2rem 0 .85rem;
    border:             1px solid var(--tara-border);
    border-radius:      var(--tara-radius-sm);
    background:         var(--tara-surface);
    color:              var(--tara-text);
    font-size:          .9rem;
    appearance:         none;
    -webkit-appearance: none;
    cursor:             pointer;
    outline:            none;
    transition:         border-color .15s ease;
    box-sizing:         border-box;
}

.lin-select:hover:not(:disabled)[b-8uidkpfuco] { border-color: var(--tara-primary-dark); }
.lin-select:focus[b-8uidkpfuco] { border-color: var(--tara-primary-dark); box-shadow: 0 0 0 3px var(--tara-primary-subtle); }
.lin-select:disabled[b-8uidkpfuco] { opacity: .65; cursor: not-allowed; }

.lin-select-icon[b-8uidkpfuco] {
    position:       absolute;
    right:          .75rem;
    top:            50%;
    transform:      translateY(-50%);
    pointer-events: none;
    color:          var(--tara-text-muted);
}

/* ── Dialog buttons ───────────────────────────────────────────────────────── */

.lin-btn-guardar[b-8uidkpfuco] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    gap:             .45rem;
    height:          40px;
    padding:         0 1.25rem;
    border:          none;
    border-radius:   var(--tara-radius-sm);
    background:      var(--tara-primary-dark);
    color:           var(--tara-text-inverse);
    font-size:       .88rem;
    font-weight:     600;
    cursor:          pointer;
    white-space:     nowrap;
    transition:      background .12s ease, opacity .12s ease;
}

.lin-btn-guardar:hover:not(:disabled)[b-8uidkpfuco] { background: var(--tara-primary-deeper); }
.lin-btn-guardar:disabled[b-8uidkpfuco]             { opacity: .55; cursor: not-allowed; }
.lin-btn-guardar.is-loading[b-8uidkpfuco]           { pointer-events: none; }

.lin-btn-cancel[b-8uidkpfuco] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    height:          40px;
    padding:         0 1.1rem;
    border:          1px solid var(--tara-border);
    border-radius:   var(--tara-radius-sm);
    background:      var(--tara-surface);
    color:           var(--tara-text);
    font-size:       .88rem;
    font-weight:     500;
    cursor:          pointer;
    transition:      background .12s ease;
}

.lin-btn-cancel:hover:not(:disabled)[b-8uidkpfuco] { background: var(--tara-surface-raised); }
.lin-btn-cancel:disabled[b-8uidkpfuco]             { opacity: .55; cursor: not-allowed; }

.lin-spinner[b-8uidkpfuco] {
    display:          inline-block;
    width:            14px;
    height:           14px;
    border-radius:    50%;
    border:           2px solid rgba(255,255,255,.4);
    border-top-color: #fff;
    animation:        lin-spin-b-8uidkpfuco .75s linear infinite;
}

@keyframes lin-spin-b-8uidkpfuco {
    to { transform: rotate(360deg); }
}

/* ── Responsive ───────────────────────────────────────────────────────────── */

@media (max-width: 640px) {
    .lin-report-title h1[b-8uidkpfuco]  { font-size: 1rem; }
    .lin-search-field[b-8uidkpfuco]     { min-width: 140px; }
    .lin-dialog-row[b-8uidkpfuco]       { grid-template-columns: 1fr 1fr; }
}
/* _content/Raramuri.blzr/Components/Pages/ProductosListaPrecios.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════════════
   ProductosListaPrecios.razor.css — Patrón Tarahumara Grid v2 (completo)
   Mayo 2026 — Grid v2: MudAutocomplete · Columnas configurables · Mobile cards

   Reglas:
   • No usar :root {} — Blazor convierte a :root[b-hash] → nunca aplica
   • No declarar --tara-* con valores nuevos (solo en tarahumara-theme.css)
   • var(--tara-surface-alt) NO EXISTE → usar var(--tara-surface-raised)
   • Bridge vars para dark mode en .lp-grid-shell (NO en :root)
   • ::deep para selectores dentro de MudDataGrid y MudBlazor
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Loading ──────────────────────────────────────────────────────────── */
.lp-page-loading[b-loq1ptxgbf] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    min-height:      60vh;
    gap:             14px;
    color:           var(--tara-text-muted);
}

.lp-loading-ring[b-loq1ptxgbf] {
    width:        36px;
    height:       36px;
    border:       3px solid var(--tara-border);
    border-top-color: var(--tara-primary);
    border-radius: 50%;
    animation:    lp-spin-b-loq1ptxgbf 0.8s linear infinite;
}

@keyframes lp-spin-b-loq1ptxgbf { to { transform: rotate(360deg); } }

/* ── Header — Patrón Tarahumara Secundario ────────────────────────────── */
/* tara-secondary-header (global) añade el acento rojo ::after.
   Aquí sobreescribimos solo lo necesario para el contexto de lista de precios. */
.lp-page-header[b-loq1ptxgbf] {
    display:         flex;
    align-items:     center;
    gap:             .85rem;
    margin-bottom:   1rem;
    padding:         .2rem 0 .85rem;
    /* Sin background blanco — el fondo cálido del layout se hereda */
    border-bottom:   none;   /* el tara-secondary-header maneja el borde */
}

.lp-back-btn-mud[b-loq1ptxgbf] {
    flex-shrink: 0;
}

/* Título fuerte — Patrón Tarahumara Secundario */
.lp-header-title h1[b-loq1ptxgbf] {
    margin:         0 0 .15rem;
    font-size:      1.45rem;
    font-weight:    900;
    letter-spacing: -.02em;
    color:          var(--tara-text);
    line-height:    1.1;
}

/* Subtítulo discreto */
.lp-header-title span[b-loq1ptxgbf] {
    display:        block;
    font-size:      .72rem;
    font-weight:    600;
    text-transform: uppercase;
    letter-spacing: .07em;
    color:          var(--tara-primary-dark);
    opacity:        .72;
    margin-top:     .1rem;
}

/* ── Wrapper del FilterAccordion ──────────────────────────────────────── */
.lp-accordion-wrapper[b-loq1ptxgbf] {
    padding: 0;  /* sin padding lateral — el nav-page-content lo da */
}

/* FilterAccordion en contexto de Lista de precios — mismo look que ProductosReporte */
[b-loq1ptxgbf] .lp-accordion-wrapper .tara-fa-card {
    border-color:  color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
    border-radius: 18px;
}

[b-loq1ptxgbf] .lp-accordion-wrapper .tara-fa-card--open {
    border-color: color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
}

[b-loq1ptxgbf] .lp-accordion-wrapper .tara-fa-card--open .tara-fa-header {
    background:          color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
    border-bottom-color: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
}

[b-loq1ptxgbf] .lp-accordion-wrapper .tara-fa-icon   { color: var(--tara-primary); opacity: 1; }
[b-loq1ptxgbf] .lp-accordion-wrapper .tara-fa-title  { color: var(--tara-text); font-weight: 800; }

/* ── Pills del SummaryContent (renderizan con scope del padre) ────────── */
.lp-filter-pill[b-loq1ptxgbf] {
    display:       inline-flex;
    align-items:   center;
    padding:       2px 8px;
    background:    color-mix(in srgb, var(--tara-primary) 10%, transparent);
    color:         var(--tara-primary);
    border:        1px solid color-mix(in srgb, var(--tara-primary) 25%, transparent);
    border-radius: 10px;
    font-size:     0.72rem;
    font-weight:   500;
    white-space:   nowrap;
    line-height:   1.4;
}

.lp-filter-count-pill[b-loq1ptxgbf] {
    display:       inline-flex;
    align-items:   center;
    padding:       2px 8px;
    background:    color-mix(in srgb, var(--tara-text-muted) 12%, transparent);
    color:         var(--tara-text-muted);
    border:        1px solid var(--tara-border);
    border-radius: 10px;
    font-size:     0.72rem;
    font-weight:   500;
    white-space:   nowrap;
    line-height:   1.4;
}

/* ── Grid de filtros — 6 MudAutocomplete buscables ────────────────────── */
.lp-filters-grid[b-loq1ptxgbf] {
    display:               grid;
    grid-template-columns: repeat(3, 1fr);
    gap:                   10px;
    padding:               14px 16px 10px;
}

@media (max-width: 860px) {
    .lp-filters-grid[b-loq1ptxgbf] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 520px) {
    .lp-filters-grid[b-loq1ptxgbf] { grid-template-columns: 1fr; }
}

/* ── MudAutocomplete overrides — homologados con /productos/reporte ───────
   Referencia oficial del Patrón Tarahumara Secundario para combos de filtros.
   Causas del aspecto anterior eliminadas:
     • background: color-mix(primary 3%) → fondo rosado → ahora var(--tara-surface)
     • border: color-mix(border 70%, primary) → borde rojizo → ahora var(--tara-border)
     • hover: color-mix(primary 54%) → muy saturado → ahora var(--tara-primary-dark)
     • adornment: primary-dark !important → flecha roja permanente → ahora text-muted
     • min-height: 44px → forzado alto → eliminado; Dense de MudBlazor controla
     • font-weight: 600 → negrita forzada → eliminado
     • border-radius: 12px → distinto al reporte → corregido
*/

/* Borde en reposo — neutro, sin rojo permanente */
[b-loq1ptxgbf] .lp-filter-autocomplete .mud-input-outlined-border {
    border-color:  var(--tara-border);
    border-radius: var(--tara-radius-sm);
}

/* Hover / focus → rojo Tarahumara solo en estado activo (igual que reporte) */
[b-loq1ptxgbf] .lp-filter-autocomplete:hover .mud-input-outlined-border,
[b-loq1ptxgbf] .lp-filter-autocomplete:focus-within .mud-input-outlined-border {
    border-color: var(--tara-primary-dark);
}

/* Input root — fondo limpio, altura controlada por Dense */
[b-loq1ptxgbf] .lp-filter-autocomplete .mud-input-root {
    background: var(--tara-surface);   /* eliminado: color-mix rosado */
    font-size:  0.83rem;
    color:      var(--tara-text);
    /* min-height: 44px eliminado — Dense de MudBlazor ya controla la altura */
}

/* Texto del combo — peso normal, cursor pointer */
[b-loq1ptxgbf] .lp-filter-autocomplete .mud-input-slot,
[b-loq1ptxgbf] .lp-filter-autocomplete input {
    cursor: pointer;
    /* font-weight: 600 eliminado — texto normal, no negrita */
}

/* Label tamaño compacto */
[b-loq1ptxgbf] .lp-filter-autocomplete .mud-input-label {
    font-size: 0.8rem;
    color:     var(--tara-text-muted);
}

[b-loq1ptxgbf] .lp-filter-autocomplete .mud-input-label.mud-input-label-animated.mud-label-inputcontrol {
    font-size: 0.75rem;
}

/* Label al activar → rojo Tarahumara (igual que reporte) */
[b-loq1ptxgbf] .lp-filter-autocomplete .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

/* Flecha / adornment → gris cálido en reposo, no rojo dominante */
[b-loq1ptxgbf] .lp-filter-autocomplete .mud-input-adornment-end .mud-icon-root,
[b-loq1ptxgbf] .lp-filter-autocomplete .mud-input-adornment .mud-icon-root,
[b-loq1ptxgbf] .lp-filter-autocomplete .mud-select-icon {
    color: var(--tara-text-muted) !important;   /* antes: primary-dark → rojo siempre */
}

/* ── Fila de búsqueda API + acciones ──────────────────────────────────── */
.lp-search-actions-row[b-loq1ptxgbf] {
    display:     flex;
    align-items: center;
    gap:         10px;
    padding:     0 16px 14px;
    flex-wrap:   wrap;
}

/* ── Input de búsqueda API — homologado al patrón oficial ────────────────
   Eliminado: fondo rosado (color-mix primary 2%) y borde con tinte rojo.
   Ahora: var(--tara-surface) + var(--tara-border), igual que reporte.    */
.lp-search-input[b-loq1ptxgbf] {
    flex:        1;
    min-width:   240px;
    height:      38px;
    padding:     0 12px;
    border:      1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background:  var(--tara-surface);
    color:       var(--tara-text);
    font-size:   0.83rem;
    transition:  border-color 0.15s, box-shadow 0.15s;
    box-sizing:  border-box;
}

.lp-search-input:hover[b-loq1ptxgbf] {
    border-color: color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
}

.lp-search-input:focus[b-loq1ptxgbf] {
    outline:      none;
    border-color: var(--tara-primary-dark);
    box-shadow:   0 0 0 2px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.lp-search-input[b-loq1ptxgbf]::placeholder { color: var(--tara-text-muted); }

/* Ajuste de altura de MudButton en search row para alinear con input */
.lp-btn-buscar-mud[b-loq1ptxgbf] {
    height: 38px !important;
    min-height: 38px !important;
    border-radius: 12px !important;
}

.lp-btn-limpiar-mud[b-loq1ptxgbf] {
    color: var(--tara-text-muted) !important;
    white-space: nowrap;
    min-height: 38px !important;
    border-radius: 12px !important;
}

/* Mantener .lp-filter-select para los dialogs internos (ajuste, copiar, descuento) */
.lp-filter-select[b-loq1ptxgbf] {
    height:       34px;
    padding:      0 8px;
    border:       1px solid color-mix(in srgb, var(--tara-border) 70%, var(--tara-primary));
    border-radius: 10px;
    background:   color-mix(in srgb, var(--tara-primary) 2%, var(--tara-surface));
    color:        var(--tara-text);
    font-size:    0.82rem;
    cursor:       pointer;
    appearance:   auto;
    transition:   border-color 0.15s;
    width:        100%;
    box-sizing:   border-box;
}

.lp-filter-select:focus[b-loq1ptxgbf] {
    outline:      none;
    border-color: var(--tara-primary);
    box-shadow:   0 0 0 3px color-mix(in srgb, var(--tara-primary) 9%, transparent);
}

/* ── Toolbar premium ──────────────────────────────────────────────────── */
.lp-toolbar[b-loq1ptxgbf] {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    padding:         10px 16px;
    background:      color-mix(in srgb, var(--tara-surface-raised) 40%, var(--tara-surface));
    border-bottom:   1px solid var(--tara-border-subtle);
    border-top:      1px solid color-mix(in srgb, var(--tara-primary) 8%, var(--tara-border));
    gap:             10px;
    flex-wrap:       wrap;
}

.lp-toolbar-left[b-loq1ptxgbf] {
    display:     flex;
    align-items: center;
    gap:         8px;
    flex-wrap:   wrap;
    flex:        1;
    min-width:   0;
}

.lp-toolbar-right[b-loq1ptxgbf] {
    display:     flex;
    align-items: center;
    gap:         8px;
    flex-shrink: 0;
}

/* ── Quick filter inline (dentro del toolbar) ─────────────────────────── */
.lp-qf-wrapper[b-loq1ptxgbf] {
    display:       flex;
    align-items:   center;
    position:      relative;
    flex-shrink:   0;
}

.lp-qf-icon[b-loq1ptxgbf] {
    position:   absolute;
    left:       8px;
    color:      var(--tara-text-muted);
    pointer-events: none;
    flex-shrink: 0;
}

.lp-quickfilter-input[b-loq1ptxgbf] {
    width:        230px;
    height:       34px;
    padding:      0 32px 0 30px;
    border:       1px solid color-mix(in srgb, var(--tara-border) 70%, var(--tara-primary));
    border-radius: 10px;
    background:   var(--tara-surface-raised);
    color:        var(--tara-text);
    font-size:    0.79rem;
    transition:   border-color 0.15s, width 0.2s, box-shadow 0.15s;
    box-sizing:   border-box;
}

.lp-quickfilter-input:focus[b-loq1ptxgbf] {
    outline:      none;
    border-color: var(--tara-primary);
    width:        260px;
    box-shadow:   0 0 0 3px color-mix(in srgb, var(--tara-primary) 9%, transparent);
}

.lp-quickfilter-input[b-loq1ptxgbf]::placeholder { color: var(--tara-text-muted); }

.lp-btn-clear-qf[b-loq1ptxgbf] {
    position:        absolute;
    right:           5px;
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           18px;
    height:          18px;
    border:          none;
    background:      transparent;
    color:           var(--tara-text-muted);
    cursor:          pointer;
    border-radius:   3px;
    transition:      background 0.12s;
}

.lp-btn-clear-qf:hover[b-loq1ptxgbf] {
    background: var(--tara-border);
    color:      var(--tara-text);
}

/* ── Botones de acción masiva ─────────────────────────────────────────── */
.lp-action-btn[b-loq1ptxgbf] {
    height:      34px !important;
    font-size:   0.78rem !important;
    white-space: nowrap;
    border-radius: 10px !important;
}

/* ── Botón ViewColumn ─────────────────────────────────────────────────── */
.lp-col-cfg-btn[b-loq1ptxgbf] {
    flex-shrink: 0;
}

/* ── Count badge — chip discreto Tarahumara Secundario ───────────────── */
.lp-count-badge[b-loq1ptxgbf] {
    display:       inline-flex;
    align-items:   center;
    gap:           .22rem;
    padding:       .18rem .55rem;
    background:    color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface-raised));
    border:        1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-radius: 100px;
    font-size:     .72rem;
    font-weight:   600;
    color:         var(--tara-primary-dark);
    white-space:   nowrap;
}

.lp-count-more[b-loq1ptxgbf] {
    opacity: .7;
    font-weight: 500;
}

/* ── Advertencia de criterio obligatorio ─────────────────────────────── */
.lp-warn-criterio[b-loq1ptxgbf] {
    display:      flex;
    align-items:  center;
    gap:          8px;
    margin:       6px 0 0;
    padding:      10px 14px;
    background:   color-mix(in srgb, #F59E0B 12%, transparent);
    border:       1px solid color-mix(in srgb, #F59E0B 35%, transparent);
    border-radius: 8px;
    font-size:    0.83rem;
    color:        #92400E;
    font-weight:  500;
}

[data-theme="dark"] .lp-warn-criterio[b-loq1ptxgbf] {
    background:  color-mix(in srgb, #F59E0B 15%, transparent);
    border-color: color-mix(in srgb, #F59E0B 30%, transparent);
    color:        #FCD34D;
}

/* ── Error / info bars ────────────────────────────────────────────────── */
.lp-error-bar[b-loq1ptxgbf] {
    display:      flex;
    align-items:  center;
    gap:          7px;
    margin:       10px 0;
    padding:      10px 14px;
    background:   color-mix(in srgb, var(--tara-primary) 10%, transparent);
    border:       1px solid color-mix(in srgb, var(--tara-primary) 30%, transparent);
    border-radius: 8px;
    font-size:    0.82rem;
    color:        var(--tara-primary);
}

.lp-info-bar[b-loq1ptxgbf] {
    display:      flex;
    align-items:  center;
    gap:          7px;
    margin:       6px 0 4px;
    padding:      7px 12px;
    background:   color-mix(in srgb, var(--tara-text-muted) 8%, transparent);
    border:       1px solid var(--tara-border);
    border-radius: 6px;
    font-size:    0.78rem;
    color:        var(--tara-text-muted);
}

/* ── Empty / loading / error states ──────────────────────────────────── */
.lp-empty-state[b-loq1ptxgbf] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    min-height:      300px;
    gap:             12px;
    padding:         3.5rem 2rem 4rem;
    color:           var(--tara-text-muted);
    text-align:      center;
}

.lp-empty-icon[b-loq1ptxgbf] {
    opacity: 0.35;
    color:   var(--tara-text);
}

.lp-empty-title[b-loq1ptxgbf] {
    font-size:   0.95rem;
    font-weight: 500;
    color:       var(--tara-text);
    margin:      0;
}

.lp-empty-sub[b-loq1ptxgbf] {
    font-size:  0.82rem;
    color:      var(--tara-text-muted);
    margin:     0;
    max-width:  380px;
}

.lp-state-initial .lp-empty-icon[b-loq1ptxgbf] { opacity: 0.22; }
.lp-state-error   .lp-empty-icon[b-loq1ptxgbf] { color: var(--tara-primary); opacity: 0.6; }

/* ── Grid shell — Bridge vars para dark mode ──────────────────────────── */
/*
   Definir bridge vars sobre el selector de clase (NUNCA en :root).
   Las vars globales --tara-row-* cambian con [data-theme="dark"] en el theme,
   pero el MudDataGrid necesita señales explícitas para zebra y hover.
   Patrón aprobado: ProductosReporte.razor.css (mayo 2026).
*/
/* Bug C fix: eliminar márgenes laterales propios — el nav-page-content
   ya provee padding. Aumentar altura máxima disponible. */
.lp-grid-shell[b-loq1ptxgbf] {
    --_row-hover:   var(--tara-row-hover);
    --_row-even-bg: var(--tara-row-even);

    overflow-x:    auto;
    margin:        0 0 4px;     /* sin márgenes laterales — el layout ya los da */
    border:        1px solid var(--tara-border);
    border-radius: 16px;
    background:    var(--tara-surface);
    box-shadow:    var(--tara-shadow);
}

[data-theme="dark"] .lp-grid-shell[b-loq1ptxgbf] {
    --_row-hover:   rgba(204, 0, 0, 0.09);
    --_row-even-bg: #1E2027;   /* +6 puntos vs row-odd #181B21 en dark */
}

[b-loq1ptxgbf] .lp-grid-shell .mud-table-container {
    overflow-x: visible !important;
}

[b-loq1ptxgbf] .lp-grid-shell table {
    border-collapse: collapse;
}

/* ── Grid — headers ───────────────────────────────────────────────────── */
[b-loq1ptxgbf] .lp-grid-shell thead th,
[b-loq1ptxgbf] .lp-grid-shell .tara-th {
    background:      linear-gradient(180deg, color-mix(in srgb, var(--tara-th-bg) 92%, var(--tara-surface)) 0%, var(--tara-th-bg) 100%) !important;
    color:           var(--tara-th-text) !important;
    font-size:       0.73rem;
    font-weight:     700;
    text-transform:  uppercase;
    letter-spacing:  0.035em;
    padding:         10px 10px;
    white-space:     nowrap;
    border-bottom:   2px solid color-mix(in srgb, var(--tara-primary-dark) 46%, transparent) !important;
}

[b-loq1ptxgbf] .lp-grid-shell .tara-th--num {
    text-align: right !important;
}

/* ── Grid — filas ─────────────────────────────────────────────────────── */
[b-loq1ptxgbf] .lp-grid-shell tbody tr {
    cursor:     pointer;
    transition: background 0.1s;
}

[b-loq1ptxgbf] .lp-grid-shell tbody tr:hover td,
[b-loq1ptxgbf] .lp-grid-shell tbody tr:hover .tara-td {
    background: var(--_row-hover) !important;
}

[b-loq1ptxgbf] .lp-grid-shell tbody td,
[b-loq1ptxgbf] .lp-grid-shell .tara-td {
    font-size:    0.8rem;
    padding:      7px 10px;
    color:        var(--tara-text);
    border-bottom: 1px solid var(--tara-border-subtle);
    white-space:  nowrap;
}

[b-loq1ptxgbf] .lp-grid-shell tbody tr:nth-child(even) td {
    background: var(--_row-even-bg);
}

/* Barcode: fuente monoespaciada */
[b-loq1ptxgbf] .lp-grid-shell .tara-td--code {
    font-family:      ui-monospace, 'Cascadia Code', monospace;
    font-size:        0.76rem;
    letter-spacing:   0.02em;
    color:            var(--tara-text-muted);
}

/* Columnas numéricas: alineación derecha */
[b-loq1ptxgbf] .lp-grid-shell .tara-td:has(.lp-num),
[b-loq1ptxgbf] .lp-grid-shell .tara-td:has(.lp-desc-chip) {
    text-align: right;
}

/* ── Columnas configurables: clase de visibilidad ─────────────────────── */
/*
   tara-col-hidden se aplica tanto a HeaderClass como a CellClass de cada columna.
   NO usar @if para envolver TemplateColumn — causa reordenación en MudDataGrid.
   La clase se aplica dinámicamente via ColHiddenClass(key) en el C#.
*/
[b-loq1ptxgbf] .tara-col-hidden { display: none !important; }

/* ── Valores numéricos ────────────────────────────────────────────────── */
.lp-num[b-loq1ptxgbf] {
    font-variant-numeric: tabular-nums;
    font-size:            0.8rem;
    color:                var(--tara-text);
}

.lp-zero[b-loq1ptxgbf] {
    color:   var(--tara-text-muted);
    opacity: 0.45;
}

.lp-desc-chip[b-loq1ptxgbf] {
    display:         inline-block;
    padding:         1px 7px;
    background:      color-mix(in srgb, var(--tara-primary) 12%, transparent);
    color:           var(--tara-primary);
    border-radius:   10px;
    font-size:       0.74rem;
    font-weight:     500;
    font-variant-numeric: tabular-nums;
}

.lp-grid-empty[b-loq1ptxgbf] {
    text-align: center;
    padding:    30px;
    color:      var(--tara-text-muted);
    font-size:  0.85rem;
}

[b-loq1ptxgbf] .lp-grid-shell .mud-table-pagination {
    position:   sticky;
    left:       0;
    background: var(--tara-surface);
}

.tara-grid-footer[b-loq1ptxgbf] {
    display:       flex;
    align-items:   center;
    gap:           .75rem;
    padding:       .5rem .85rem;
    background:    color-mix(in srgb, var(--tara-surface-raised) 55%, var(--tara-surface));
    border-top:    1px solid color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
    font-size:     .78rem;
    color:         var(--tara-text-muted);
    flex-wrap:     wrap;
    user-select:   none;
}

.tara-grid-footer-range[b-loq1ptxgbf] {
    flex:        0 0 auto;
    white-space: nowrap;
    font-weight: 600;
}

.tara-grid-page-size[b-loq1ptxgbf] {
    display:     flex;
    align-items: center;
    gap:         .22rem;
}

.tara-grid-page-size-label[b-loq1ptxgbf] {
    font-size:      .7rem;
    font-weight:    800;
    letter-spacing: .05em;
    text-transform: uppercase;
    color:          var(--tara-text-muted);
    margin-right:   .1rem;
}

.tara-grid-page-chip[b-loq1ptxgbf] {
    appearance:      none;
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    min-width:       28px;
    height:          22px;
    padding:         0 .42rem;
    border:          1px solid var(--tara-border);
    border-radius:   6px;
    background:      var(--tara-surface);
    color:           var(--tara-text-muted);
    font:            inherit;
    font-size:       .74rem;
    font-weight:     600;
    cursor:          pointer;
    transition:      background .12s ease, border-color .12s ease, color .12s ease !important;
}

.tara-grid-page-chip:hover[b-loq1ptxgbf] {
    background:   color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    color:        var(--tara-primary-dark);
}

.tara-grid-page-chip--active[b-loq1ptxgbf] {
    background:   color-mix(in srgb, var(--tara-primary) 11%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 50%, var(--tara-border));
    color:        var(--tara-primary-dark);
    font-weight:  800;
}

.tara-grid-page-nav[b-loq1ptxgbf] {
    display:     flex;
    align-items: center;
    gap:         .28rem;
    margin-left: auto;
}

.tara-grid-footer-page[b-loq1ptxgbf] {
    font-size:    .74rem;
    font-weight:  600;
    color:        var(--tara-text-muted);
    white-space:  nowrap;
    margin-right: .15rem;
}

.tara-grid-nav-btn[b-loq1ptxgbf] {
    appearance:      none;
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    width:           24px;
    height:          22px;
    border:          1px solid var(--tara-border);
    border-radius:   6px;
    background:      var(--tara-surface);
    color:           var(--tara-text-muted);
    font-size:       .9rem;
    font-weight:     700;
    line-height:     1;
    cursor:          pointer;
    transition:      background .12s ease, border-color .12s ease, color .12s ease !important;
}

.tara-grid-nav-btn:hover:not(:disabled)[b-loq1ptxgbf] {
    background:   color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    color:        var(--tara-primary-dark);
}

.tara-grid-nav-btn:disabled[b-loq1ptxgbf] {
    opacity: .35;
    cursor:  not-allowed;
}

[data-theme="dark"] .tara-grid-footer[b-loq1ptxgbf] {
    background: color-mix(in srgb, var(--tara-surface-raised) 40%, var(--tara-surface));
}

/* ── Mobile cards ─────────────────────────────────────────────────────── */
/*
   Por defecto: lp-card-list está oculto y lp-grid-shell visible.
   En ≤760px: lp-grid-shell se oculta y lp-card-list se muestra.
   Patrón idéntico al de ProductosReporte (mayo 2026).
*/
.lp-card-list[b-loq1ptxgbf] {
    display:        none;
    flex-direction: column;
    gap:            10px;
    padding:        10px 16px 20px;
}

@media (max-width: 760px) {
    .lp-grid-shell[b-loq1ptxgbf] { display: none; }
    .lp-card-list[b-loq1ptxgbf]  { display: flex; }
}

@media (max-width: 640px) {
    .tara-grid-footer[b-loq1ptxgbf] {
        gap:     .55rem;
        padding: .5rem .65rem;
        row-gap: .4rem;
    }

    .tara-grid-footer-range[b-loq1ptxgbf] {
        order: 1;
        width: 100%;
        flex:  0 0 100%;
    }

    .tara-grid-page-size[b-loq1ptxgbf] {
        order: 2;
        flex:  0 0 auto;
    }

    .tara-grid-page-nav[b-loq1ptxgbf] {
        order:       3;
        margin-left: auto;
    }
}

.lp-product-card[b-loq1ptxgbf] {
    background:     var(--tara-surface);
    border:         1px solid var(--tara-border);
    border-radius:  10px;
    padding:        12px 14px;
    display:        flex;
    flex-direction: column;
    gap:            8px;
}

/* Bug D fix: card header con soporte de foto */
.lp-card-header[b-loq1ptxgbf] {
    display:     flex;
    align-items: flex-start;
    gap:         8px;
}

/* Texto de la card (estilo + barcode) */
.lp-card-header-text[b-loq1ptxgbf] {
    display:        flex;
    flex-direction: column;
    gap:            3px;
    flex:           1;
    min-width:      0;
}

/* Foto en card móvil — mismo tamaño que en la tabla */
.lp-card-foto[b-loq1ptxgbf] {
    flex-shrink: 0;
}

.lp-card-estilo[b-loq1ptxgbf] {
    font-size:   0.92rem;
    font-weight: 600;
    color:       var(--tara-text);
}

.lp-card-barcode[b-loq1ptxgbf] {
    font-size:     0.72rem;
    color:         var(--tara-text-muted);
    font-family:   ui-monospace, 'Cascadia Code', monospace;
    background:    var(--tara-surface-raised);
    padding:       1px 7px;
    border-radius: 5px;
    border:        1px solid var(--tara-border);
    white-space:   nowrap;
    flex-shrink:   0;
}

.lp-card-desc[b-loq1ptxgbf] {
    font-size: 0.82rem;
    color:     var(--tara-text-muted);
}

.lp-card-meta[b-loq1ptxgbf] {
    display:   flex;
    flex-wrap: wrap;
    gap:       5px;
}

.lp-card-meta span[b-loq1ptxgbf] {
    font-size:     0.72rem;
    color:         var(--tara-text-muted);
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border);
    border-radius: 8px;
    padding:       1px 7px;
}

.lp-card-prices[b-loq1ptxgbf] {
    display:   flex;
    flex-wrap: wrap;
    gap:       5px;
}

.lp-card-px[b-loq1ptxgbf] {
    display:      inline-flex;
    align-items:  center;
    gap:          4px;
    padding:      2px 8px;
    background:   var(--tara-surface-raised);
    border:       1px solid var(--tara-border);
    border-radius: 8px;
    font-size:    0.8rem;
    font-variant-numeric: tabular-nums;
    color:        var(--tara-text);
}

.lp-card-plbl[b-loq1ptxgbf] {
    font-size:      0.67rem;
    font-weight:    600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color:          var(--tara-text-muted);
}

.lp-card-footer[b-loq1ptxgbf] {
    display:         flex;
    justify-content: flex-end;
    padding-top:     6px;
    border-top:      1px solid var(--tara-border-subtle);
}

.lp-card-btn-edit[b-loq1ptxgbf] {
    display:      inline-flex;
    align-items:  center;
    gap:          6px;
    height:       32px;
    padding:      0 14px;
    background:   var(--tara-primary);
    color:        #fff;
    border:       none;
    border-radius: 7px;
    font-size:    0.8rem;
    font-weight:  500;
    cursor:       pointer;
    transition:   opacity 0.15s;
}

.lp-card-btn-edit:hover[b-loq1ptxgbf] { opacity: 0.88; }

/* ── Dialog backdrop ─────────────────────────────────────────────────── */
.lp-dialog-backdrop[b-loq1ptxgbf] {
    position:          fixed;
    inset:             0;
    z-index:           1200;
    background:        rgba(0, 0, 0, 0.45);
    display:           flex;
    align-items:       center;
    justify-content:   center;
    padding:           16px;
    backdrop-filter:   blur(2px);
    cursor:            pointer;
}

.lp-dialog-backdrop--no-close[b-loq1ptxgbf] {
    cursor: default;
}

/* ── Dialog shell ────────────────────────────────────────────────────── */
.lp-dialog-shell[b-loq1ptxgbf] {
    background:     var(--tara-surface);
    border:         1px solid var(--tara-border);
    border-radius:  12px;
    box-shadow:     0 20px 60px rgba(0,0,0,0.22);
    display:        flex;
    flex-direction: column;
    max-height:     90vh;
    width:          100%;
    max-width:      520px;
    cursor:         default;
}

.lp-dialog-lg[b-loq1ptxgbf]  { max-width: 720px; }
.lp-dialog-sm[b-loq1ptxgbf]  { max-width: 400px; }
.lp-dialog-col[b-loq1ptxgbf] { max-width: 480px; }

/* ── Dialog header ───────────────────────────────────────────────────── */
.lp-dialog-header[b-loq1ptxgbf] {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    padding:         14px 18px 12px;
    border-bottom:   1px solid var(--tara-border);
    font-size:       0.92rem;
    font-weight:     600;
    color:           var(--tara-text);
    flex-shrink:     0;
}

.lp-dialog-close[b-loq1ptxgbf] {
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           28px;
    height:          28px;
    border:          none;
    background:      transparent;
    color:           var(--tara-text-muted);
    cursor:          pointer;
    border-radius:   6px;
    transition:      background 0.15s, color 0.15s;
}

.lp-dialog-close:hover[b-loq1ptxgbf] {
    background: var(--tara-surface-raised);
    color:      var(--tara-primary);
}

/* ── Dialog body ─────────────────────────────────────────────────────── */
.lp-dialog-body[b-loq1ptxgbf] {
    padding:        16px 18px;
    overflow-y:     auto;
    flex:           1;
    display:        flex;
    flex-direction: column;
    gap:            14px;
}

/* ── Dialog footer ───────────────────────────────────────────────────── */
.lp-dialog-footer[b-loq1ptxgbf] {
    display:         flex;
    justify-content: flex-end;
    gap:             10px;
    padding:         12px 18px;
    border-top:      1px solid var(--tara-border);
    flex-shrink:     0;
}

/* ── Buttons de dialog ───────────────────────────────────────────────── */
.lp-btn-cancel[b-loq1ptxgbf] {
    height:       34px;
    padding:      0 16px;
    border:       1px solid var(--tara-border);
    border-radius: 7px;
    background:   transparent;
    color:        var(--tara-text-muted);
    font-size:    0.83rem;
    cursor:       pointer;
    transition:   background 0.15s;
}

.lp-btn-cancel:hover:not(:disabled)[b-loq1ptxgbf] { background: var(--tara-surface-raised); }
.lp-btn-cancel:disabled[b-loq1ptxgbf]             { opacity: 0.5; cursor: not-allowed; }

.lp-btn-save[b-loq1ptxgbf] {
    display:      flex;
    align-items:  center;
    gap:          6px;
    height:       34px;
    padding:      0 18px;
    background:   var(--tara-primary);
    color:        #fff;
    border:       none;
    border-radius: 7px;
    font-size:    0.83rem;
    font-weight:  500;
    cursor:       pointer;
    transition:   opacity 0.15s;
}

.lp-btn-save:hover:not(:disabled)[b-loq1ptxgbf] { opacity: 0.88; }
.lp-btn-save:disabled[b-loq1ptxgbf]             { opacity: 0.55; cursor: not-allowed; }

/* ── Columnas configurables — dialog interior ─────────────────────────── */
.lp-col-dialog-body[b-loq1ptxgbf] {
    gap: 0;
    padding: 14px 18px;
}

.lp-col-grid[b-loq1ptxgbf] {
    display:               grid;
    grid-template-columns: repeat(4, 1fr);
    gap:                   2px;
}

@media (max-width: 520px) {
    .lp-col-grid[b-loq1ptxgbf] { grid-template-columns: repeat(2, 1fr); }
}

.lp-col-item[b-loq1ptxgbf] {
    display:     flex;
    align-items: center;
    gap:         6px;
    font-size:   0.82rem;
    color:       var(--tara-text);
    cursor:      pointer;
    padding:     6px 8px;
    border-radius: 6px;
    transition:  background 0.1s;
    user-select: none;
}

.lp-col-item:hover[b-loq1ptxgbf] { background: var(--tara-surface-raised); }

.lp-col-item--required[b-loq1ptxgbf] {
    cursor:  default;
    opacity: 0.55;
}
.lp-col-item--required:hover[b-loq1ptxgbf] { background: transparent; }

.lp-col-item input[type="checkbox"][b-loq1ptxgbf] {
    width:        15px;
    height:       15px;
    cursor:       pointer;
    accent-color: var(--tara-primary);
    flex-shrink:  0;
}

.lp-col-item--required input[type="checkbox"][b-loq1ptxgbf] {
    cursor: default;
}

.lp-col-required-badge[b-loq1ptxgbf] {
    font-size:     0.65rem;
    color:         var(--tara-text-muted);
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border);
    border-radius: 8px;
    padding:       0 5px;
    white-space:   nowrap;
}

/* ── Edit form ───────────────────────────────────────────────────────── */
.lp-edit-info-row[b-loq1ptxgbf] {
    display:   flex;
    flex-wrap: wrap;
    gap:       6px;
}

.lp-edit-info-chip[b-loq1ptxgbf] {
    padding:      3px 9px;
    background:   var(--tara-surface-raised);
    border:       1px solid var(--tara-border);
    border-radius: 12px;
    font-size:    0.76rem;
    color:        var(--tara-text-muted);
    white-space:  nowrap;
}

.lp-edit-section[b-loq1ptxgbf] {
    display:        flex;
    flex-direction: column;
    gap:            10px;
}

.lp-edit-section-title[b-loq1ptxgbf] {
    font-size:      0.74rem;
    font-weight:    600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color:          var(--tara-primary);
    border-bottom:  1px solid var(--tara-border);
    padding-bottom: 5px;
}

.lp-edit-field[b-loq1ptxgbf] {
    display:        flex;
    flex-direction: column;
    gap:            4px;
}

.lp-edit-field--inline[b-loq1ptxgbf] {
    flex-direction: row;
    align-items:    center;
    gap:            10px;
}

.lp-edit-field--full[b-loq1ptxgbf] {
    grid-column: 1 / -1;
}

.lp-edit-label[b-loq1ptxgbf] {
    font-size:   0.74rem;
    font-weight: 500;
    color:       var(--tara-text-muted);
    white-space: nowrap;
}

.lp-edit-input[b-loq1ptxgbf] {
    height:       34px;
    padding:      0 10px;
    border:       1px solid var(--tara-border);
    border-radius: 6px;
    background:   var(--tara-bg);
    color:        var(--tara-text);
    font-size:    0.83rem;
    transition:   border-color 0.15s;
    width:        100%;
    box-sizing:   border-box;
}

.lp-edit-input:focus[b-loq1ptxgbf] {
    outline:      none;
    border-color: var(--tara-primary);
}

.lp-edit-input--sm[b-loq1ptxgbf] { width: 120px; }

.lp-edit-textarea[b-loq1ptxgbf] {
    height:  auto;
    resize:  vertical;
    padding: 6px 10px;
}

.lp-edit-fields-grid[b-loq1ptxgbf] {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    gap:                   10px;
}

.lp-edit-field-error[b-loq1ptxgbf] {
    font-size:   0.75rem;
    color:       var(--tara-primary);
    margin-left: 6px;
}

.lp-edit-error[b-loq1ptxgbf] {
    font-size:    0.8rem;
    color:        var(--tara-primary);
    padding:      8px 12px;
    background:   color-mix(in srgb, var(--tara-primary) 8%, transparent);
    border-radius: 6px;
    border:       1px solid color-mix(in srgb, var(--tara-primary) 25%, transparent);
    margin:       0;
}

.lp-edit-error--main[b-loq1ptxgbf] { margin-top: 6px; }

/* ── Tabla de precios en dialog ──────────────────────────────────────── */
.lp-price-table-wrap[b-loq1ptxgbf] { overflow-x: auto; }

.lp-price-table[b-loq1ptxgbf] {
    width:           100%;
    border-collapse: collapse;
    font-size:       0.82rem;
}

.lp-price-table thead th[b-loq1ptxgbf] {
    background:      var(--tara-surface-raised);
    color:           var(--tara-text-muted);
    font-size:       0.72rem;
    font-weight:     600;
    text-transform:  uppercase;
    letter-spacing:  0.04em;
    padding:         6px 10px;
    text-align:      left;
    border-bottom:   1px solid var(--tara-border);
}

.lp-price-table tbody tr:nth-child(even)[b-loq1ptxgbf] {
    background: color-mix(in srgb, var(--tara-text) 3%, transparent);
}

.lp-price-table tbody td[b-loq1ptxgbf] {
    padding:       5px 8px;
    border-bottom: 1px solid color-mix(in srgb, var(--tara-border) 60%, transparent);
    vertical-align: middle;
}

.lp-pt-lista[b-loq1ptxgbf] {
    color:       var(--tara-text-muted);
    font-size:   0.78rem;
    white-space: nowrap;
    width:       80px;
}

.lp-pt-input[b-loq1ptxgbf] {
    height:       30px;
    width:        110px;
    padding:      0 8px;
    border:       1px solid var(--tara-border);
    border-radius: 5px;
    background:   var(--tara-bg);
    color:        var(--tara-text);
    font-size:    0.82rem;
    font-variant-numeric: tabular-nums;
    transition:   border-color 0.12s;
    box-sizing:   border-box;
}

.lp-pt-input:focus[b-loq1ptxgbf] {
    outline:      none;
    border-color: var(--tara-primary);
    background:   var(--tara-surface);
}

/* ── Promociones ─────────────────────────────────────────────────────── */
.lp-promo-row[b-loq1ptxgbf] {
    display:   flex;
    flex-wrap: wrap;
    gap:       14px;
}

.lp-promo-check[b-loq1ptxgbf] {
    display:     flex;
    align-items: center;
    gap:         7px;
    font-size:   0.83rem;
    color:       var(--tara-text);
    cursor:      pointer;
    user-select: none;
}

.lp-promo-check input[type="checkbox"][b-loq1ptxgbf] {
    width:        16px;
    height:       16px;
    cursor:       pointer;
    accent-color: var(--tara-primary);
}

/* ── Ajuste masivo extras ────────────────────────────────────────────── */
.lp-ajuste-scope[b-loq1ptxgbf] {
    font-size:    0.8rem;
    color:        var(--tara-text-muted);
    margin:       0;
    padding:      6px 10px;
    background:   var(--tara-surface-raised);
    border-radius: 6px;
    border:       1px solid var(--tara-border);
}

.lp-mt[b-loq1ptxgbf] { margin-top: 4px; }

/* ── Responsive: mobile ───────────────────────────────────────────────── */
@media (max-width: 760px) {
    .lp-accordion-wrapper[b-loq1ptxgbf] { padding: 10px 12px 0; }
    .lp-filters-grid[b-loq1ptxgbf]      { padding: 12px 12px 8px; }
    .lp-search-actions-row[b-loq1ptxgbf] { padding: 0 12px 12px; }
    .lp-toolbar[b-loq1ptxgbf]           { padding: 8px 12px; }
    .lp-error-bar[b-loq1ptxgbf],
    .lp-info-bar[b-loq1ptxgbf],
    .lp-warn-criterio[b-loq1ptxgbf]     { margin-left: 12px; margin-right: 12px; }
    .lp-quickfilter-input[b-loq1ptxgbf]  { width: 150px; }
    .lp-quickfilter-input:focus[b-loq1ptxgbf] { width: 170px; }
}

@media (max-width: 480px) {
    .lp-toolbar-left[b-loq1ptxgbf]  { gap: 6px; }
    .lp-action-btn[b-loq1ptxgbf]    { display: none !important; }   /* ocultar masivas en móvil muy pequeño */
    .lp-qf-wrapper[b-loq1ptxgbf]    { width: 100%; }
    .lp-quickfilter-input[b-loq1ptxgbf] { width: 100% !important; }
    .lp-quickfilter-input:focus[b-loq1ptxgbf] { width: 100% !important; }
    .lp-edit-fields-grid[b-loq1ptxgbf] { grid-template-columns: 1fr; }
}

/* ══════════════════════════════════════════════════════════════════════════
   FOTOGRAFÍAS — Patrón Tarahumara Secundario
   Réplica del mecanismo de /productos/reporte.
   Usa IProductosService.GetProductoImagenByBarcodeAsync() (existente).
   ══════════════════════════════════════════════════════════════════════════ */

/* Switch Incluir fotografías */
.lp-foto-flag[b-loq1ptxgbf] {
    display:     flex;
    align-items: center;
    gap:         .4rem;
    padding:     .3rem 0 0;
}

.lp-foto-hint[b-loq1ptxgbf] {
    font-size: .73rem;
    color:     var(--tara-text-muted);
}

/* Columna FOTO — misma medida que en Reporte de Productos */
[b-loq1ptxgbf] .lp-grid-shell .lp-th-foto,
[b-loq1ptxgbf] .lp-grid-shell .lp-td-foto {
    width:     60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    text-align: center !important;
}

/* Placeholder — guion discreto */
.lp-photo-placeholder[b-loq1ptxgbf] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    width:           40px;
    height:          40px;
    border-radius:   8px;
    border:          1px dashed var(--tara-border);
    background:      var(--tara-surface-raised);
    color:           var(--tara-text-muted);
    font-size:       .62rem;
    text-transform:  uppercase;
    letter-spacing:  .03em;
    text-align:      center;
    line-height:     1.1;
    padding:         .2rem;
    vertical-align:  middle;
}

.lp-photo-placeholder--off[b-loq1ptxgbf] {
    opacity:      .22;
    border-style: dotted;
    cursor:       default;
}

.lp-photo-placeholder--clickable[b-loq1ptxgbf] {
    border-style: solid;
    cursor:       pointer;
    transition:   background .15s, border-color .15s;
}

.lp-photo-placeholder--clickable:hover[b-loq1ptxgbf] {
    background:   var(--tara-surface);
    border-color: var(--tara-border);
    color:        var(--tara-text);
}

/* Botón de miniatura */
.lp-photo-thumb-btn[b-loq1ptxgbf] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    width:           40px;
    height:          40px;
    max-width:       40px;
    max-height:      40px;
    overflow:        hidden;
    border-radius:   8px;
    border:          0;
    background:      transparent;
    padding:         0;
    cursor:          pointer;
    flex-shrink:     0;
    vertical-align:  middle;
}

/* Miniatura compacta 40×40 */
.lp-photo-thumb[b-loq1ptxgbf] {
    width:         40px;
    height:        40px;
    max-width:     40px;
    max-height:    40px;
    object-fit:    cover;
    border-radius: 8px;
    display:       block;
    flex-shrink:   0;
    border:        1px solid var(--tara-border);
    background:    var(--tara-surface-raised);
}

/* Loading dentro del modal */
.lp-photo-dialog-loading[b-loq1ptxgbf] {
    display:         flex;
    align-items:     center;
    justify-content: center;
    gap:             .75rem;
    min-height:      80px;
    color:           var(--tara-text-muted);
    font-size:       .88rem;
}

/* ══════════════════════════════════════════════════════════════════════════
   PAGINADOR FOOTER — Patrón Tarahumara Secundario
   Las clases tara-grid-* están definidas en ProductosReporte.razor.css
   (scoped, por scope [b-hash]). Aquí las redefinimos en el scope de este
   componente para que el PagerContent de MudDataGrid las aplique.
   Regla: mismo visual que ProductosReporte — chips 25/50/100 + rango + nav.
   ══════════════════════════════════════════════════════════════════════════ */

/* mud-table-pagination: ya no tiene PagerContent, no necesita sticky.
   Dejamos la regla como guard por si MudBlazor renderiza un footer vacío. */
[b-loq1ptxgbf] .lp-grid-shell .mud-table-pagination {
    display: none;  /* Ocultar el wrapper vacío del pager nativo */
}

/* Footer en posición normal (NO dentro del scroll container).
   El footer ahora es hermano de lp-grid-shell → ancho real de página → sin overflow.
   Fix del bug: margin-left:auto en .tara-grid-page-nav funciona correctamente. */
.tara-grid-footer[b-loq1ptxgbf] {
    display:       flex;
    align-items:   center;
    gap:           .75rem;
    padding:       .42rem .85rem;
    background:    color-mix(in srgb, var(--tara-surface-raised) 55%, var(--tara-surface));
    border:        1px solid color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
    border-top:    none;  /* se une visualmente con el borde inferior del grid */
    border-radius: 0 0 10px 10px;  /* redondea solo la parte inferior */
    font-size:     .78rem;
    color:         var(--tara-text-muted);
    flex-wrap:     wrap;
    user-select:   none;
    margin-bottom: 4px;
}

.tara-grid-footer-range[b-loq1ptxgbf] {
    flex:        0 0 auto;
    white-space: nowrap;
    font-weight: 600;
}

.tara-grid-page-size[b-loq1ptxgbf] {
    display:     flex;
    align-items: center;
    gap:         .22rem;
}

.tara-grid-page-size-label[b-loq1ptxgbf] {
    font-size:      .7rem;
    font-weight:    800;
    letter-spacing: .05em;
    text-transform: uppercase;
    color:          var(--tara-text-muted);
    margin-right:   .1rem;
}

.tara-grid-page-chip[b-loq1ptxgbf] {
    appearance:      none;
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    min-width:       28px;
    height:          22px;
    padding:         0 .42rem;
    border:          1px solid var(--tara-border);
    border-radius:   6px;
    background:      var(--tara-surface);
    color:           var(--tara-text-muted);
    font:            inherit;
    font-size:       .74rem;
    font-weight:     600;
    cursor:          pointer;
    transition:      background .12s, border-color .12s, color .12s !important;
}

.tara-grid-page-chip:hover[b-loq1ptxgbf] {
    background:   color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    color:        var(--tara-primary-dark);
}

.tara-grid-page-chip--active[b-loq1ptxgbf] {
    background:   color-mix(in srgb, var(--tara-primary) 11%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 50%, var(--tara-border));
    color:        var(--tara-primary-dark);
    font-weight:  800;
}

.tara-grid-page-nav[b-loq1ptxgbf] {
    display:     flex;
    align-items: center;
    gap:         .28rem;
    margin-left: auto;
}

.tara-grid-footer-page[b-loq1ptxgbf] {
    font-size:   .74rem;
    font-weight: 600;
    color:       var(--tara-text-muted);
    white-space: nowrap;
    margin-right: .15rem;
}

.tara-grid-nav-btn[b-loq1ptxgbf] {
    appearance:      none;
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    width:           24px;
    height:          22px;
    border:          1px solid var(--tara-border);
    border-radius:   6px;
    background:      var(--tara-surface);
    color:           var(--tara-text-muted);
    font-size:       .9rem;
    font-weight:     700;
    line-height:     1;
    cursor:          pointer;
    transition:      background .12s, border-color .12s, color .12s !important;
}

.tara-grid-nav-btn:hover:not(:disabled)[b-loq1ptxgbf] {
    background:   color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    color:        var(--tara-primary-dark);
}

.tara-grid-nav-btn:disabled[b-loq1ptxgbf] { opacity: .35; cursor: not-allowed; }

/* Responsive: 2 líneas en pantallas pequeñas */
@media (max-width: 600px) {
    .lp-pager.tara-grid-footer[b-loq1ptxgbf] { gap: .55rem; padding: .5rem .65rem; row-gap: .4rem; }
    .tara-grid-footer-range[b-loq1ptxgbf]    { order: 1; width: 100%; flex: 0 0 100%; }
    .tara-grid-page-size[b-loq1ptxgbf]       { order: 2; flex: 0 0 auto; }
    .tara-grid-page-nav[b-loq1ptxgbf]        { order: 3; }
}
/* _content/Raramuri.blzr/Components/Pages/ProductosProveedores.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════
   ProductosProveedores.razor.css — Patrón Grid Tarahumara
   Misma arquitectura que Reporte, Catálogos, Líneas, Corridas.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Loading ──────────────────────────────────────────────────────────────── */

.prov-page-loading[b-0tn906ob20] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    min-height:      55vh;
    gap:             1rem;
    color:           var(--tara-text-muted);
    font-size:       .95rem;
}

/* ── Page header ──────────────────────────────────────────────────────────── */

.prov-report-header[b-0tn906ob20] {
    display:       flex;
    align-items:   center;
    gap:           .85rem;
    margin-bottom: 1.25rem;
}

.prov-back-btn.mud-button-root[b-0tn906ob20] { flex-shrink: 0; }

.prov-report-title[b-0tn906ob20] { flex: 1; min-width: 0; }

.prov-report-title h1[b-0tn906ob20] {
    margin:        0;
    font-size:     1.4rem;
    font-weight:   800;
    color:         var(--tara-text);
    line-height:   1.2;
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
}

.prov-report-title span[b-0tn906ob20] {
    display:        block;
    font-size:      .72rem;
    font-weight:    500;
    color:          var(--tara-primary-dark);
    opacity:        .75;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-top:     .1rem;
}

.prov-report-actions[b-0tn906ob20] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    margin-left: auto;
    flex-shrink: 0;
}

/* ── Alerts ───────────────────────────────────────────────────────────────── */

.prov-error-alert[b-0tn906ob20]  { margin-bottom: 1rem; }
.prov-alert-content[b-0tn906ob20] {
    display:     flex;
    align-items: center;
    flex-wrap:   wrap;
    gap:         .5rem;
}

/* ── Grid shell (bridge vars) ─────────────────────────────────────────────── */

.prov-grid-shell[b-0tn906ob20] {
    background:    var(--tara-surface);
    border:        1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow:    var(--tara-shadow);
    padding:       .7rem .7rem .6rem;
    margin-top:    .45rem;

    --_th-gradient:     linear-gradient(180deg, #faf7f3 0%, #f7f3ef 100%);
    --_th-border-top:   #efe8e1;
    --_th-text:         #374151;
    --_th-icon:         #8b949e;
    --_cell-text:       #1f2933;
    --_toolbar-divider: #f0ebe6;
    --_filter-icon:     #7b8794;
}

[data-theme="dark"] .prov-grid-shell[b-0tn906ob20] {
    --_th-gradient:     var(--tara-th-bg);
    --_th-border-top:   var(--tara-border);
    --_th-text:         var(--tara-th-text);
    --_th-icon:         #6B7280;
    --_cell-text:       var(--tara-text);
    --_toolbar-divider: var(--tara-border);
    --_filter-icon:     #6B7280;
}

/* ── Grid toolbar ─────────────────────────────────────────────────────────── */

.prov-grid-toolbar[b-0tn906ob20] {
    display:       flex;
    align-items:   center;
    gap:           .75rem;
    margin-bottom: .6rem;
    flex-wrap:     wrap;
    padding:       .1rem .2rem .35rem;
    border-bottom: 1px solid var(--_toolbar-divider);
}

.prov-search-field[b-0tn906ob20] {
    flex:      1;
    min-width: 180px;
    max-width: 380px;
}

[b-0tn906ob20] .prov-search-field .mud-input-outlined:hover .mud-input-outlined-border,
[b-0tn906ob20] .prov-search-field .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

.prov-toolbar-actions[b-0tn906ob20] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    flex-wrap:   wrap;
}

.prov-count-chip[b-0tn906ob20] {
    padding:       .2rem .65rem;
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border);
    border-radius: 999px;
    font-size:     .75rem;
    font-weight:   500;
    color:         var(--tara-text-muted);
    white-space:   nowrap;
}

/* ── Solo activos checkbox ────────────────────────────────────────────────── */

.prov-activos-shell[b-0tn906ob20] {
    display:     flex;
    align-items: center;
}

.prov-activos-label[b-0tn906ob20] {
    display:     flex;
    align-items: center;
    gap:         .4rem;
    font-size:   .82rem;
    font-weight: 500;
    color:       var(--tara-text-muted);
    cursor:      pointer;
    white-space: nowrap;
}

.prov-activos-check[b-0tn906ob20] {
    width:  15px;
    height: 15px;
    cursor: pointer;
    accent-color: var(--tara-primary-dark);
}

/* ── Table container ──────────────────────────────────────────────────────── */

.prov-table-container[b-0tn906ob20] {
    border:           1px solid var(--tara-border);
    border-radius:    12px;
    overflow-x:       auto;
    overflow-y:       hidden;
    background:       var(--tara-surface);
    box-shadow:       inset 0 1px 0 rgba(255,255,255,.06);
    margin-bottom:    .55rem;
    scrollbar-gutter: stable both-edges;
    position:         relative;
}

[data-theme="light"] .prov-table-container[b-0tn906ob20] {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.80);
}

[b-0tn906ob20] .prov-data-grid.mud-table {
    border-radius: 0;
    box-shadow:    none;
}

.prov-table-container[b-0tn906ob20]::-webkit-scrollbar        { height: 10px; }
.prov-table-container[b-0tn906ob20]::-webkit-scrollbar-thumb  { background: var(--tara-border); border-radius: 999px; }
.prov-table-container[b-0tn906ob20]::-webkit-scrollbar-track  { background: var(--tara-surface-raised); }

/* ── Table header ─────────────────────────────────────────────────────────── */

[b-0tn906ob20] .prov-data-grid .mud-table-head .mud-table-row {
    background: var(--_th-gradient);
}

[b-0tn906ob20] .prov-data-grid .mud-table-head .mud-table-cell {
    background:     var(--tara-th-bg);
    border-bottom:  2px solid rgba(204,0,0,.40) !important;
    border-top:     1px solid var(--_th-border-top);
    padding:        .5rem .65rem !important;
    min-height:     44px;
    vertical-align: middle;
    font-size:      .71rem !important;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color:          var(--_th-text);
    white-space:    nowrap;
}

.prov-head-filter[b-0tn906ob20] {
    display:     inline-flex;
    align-items: center;
    gap:         .25rem;
}

.prov-head-title[b-0tn906ob20] { display: inline-block; white-space: nowrap; }

[b-0tn906ob20] .prov-filter-btn         { color: var(--_filter-icon) !important; }
[b-0tn906ob20] .prov-filter-btn--active { color: var(--tara-primary-dark) !important; }

[b-0tn906ob20] .prov-data-grid .mud-table-head .mud-icon-root,
[b-0tn906ob20] .prov-data-grid .mud-table-head .mud-button-root {
    color: var(--_th-icon) !important;
}

[b-0tn906ob20] .prov-data-grid .mud-table-head .mud-icon-button {
    width:         30px;
    height:        30px;
    margin-left:   .2rem;
    border-radius: 7px;
}

[b-0tn906ob20] .prov-data-grid .mud-table-head .mud-table-sort-label { gap: .2rem; }

/* Popover filtros por columna */
[b-0tn906ob20] .prov-excel-popover.mud-popover .mud-paper {
    border:        1px solid var(--tara-border);
    border-radius: 10px;
    box-shadow:    0 8px 24px rgba(0,0,0,.16);
}

[b-0tn906ob20] .prov-excel-popover .mud-input-control,
[b-0tn906ob20] .prov-excel-popover .mud-select { min-width: 220px; }

.prov-excel-filter[b-0tn906ob20] {
    width:      280px;
    max-width:  86vw;
    padding:    .5rem .6rem;
    background: var(--tara-surface);
}

.prov-excel-actions[b-0tn906ob20] {
    display:         flex;
    justify-content: space-between;
    gap:             .35rem;
    margin-bottom:   .35rem;
}

.prov-excel-values[b-0tn906ob20] {
    max-height:    200px;
    overflow:      auto;
    margin-top:    .3rem;
    padding:       .2rem 0;
    border-top:    1px solid var(--tara-border);
    border-bottom: 1px solid var(--tara-border);
}

.prov-excel-footer[b-0tn906ob20] {
    margin-top:      .45rem;
    display:         flex;
    justify-content: flex-end;
    gap:             .35rem;
}

/* Sort arrows */
[b-0tn906ob20] .prov-data-grid .mud-table-sort-label:hover { color: var(--tara-primary-dark); }
[b-0tn906ob20] .prov-data-grid .mud-table-sort-label .mud-table-sort-label-arrow { color: var(--tara-primary-dark) !important; }

/* ── Table body ───────────────────────────────────────────────────────────── */

[b-0tn906ob20] .prov-data-grid .mud-table-body .mud-table-row .mud-table-cell {
    padding:        .42rem .66rem !important;
    font-size:      .8125rem;
    color:          var(--_cell-text);
    border-bottom:  1px solid var(--tara-border-subtle) !important;
    vertical-align: middle;
    line-height:    1.28;
    cursor:         pointer;
}

[b-0tn906ob20] .prov-data-grid .mud-table-body .mud-table-row.mud-table-row-even .mud-table-cell {
    background: var(--tara-row-even) !important;
}

[b-0tn906ob20] .prov-data-grid .mud-table-body .mud-table-row.mud-table-row-odd .mud-table-cell {
    background: var(--tara-row-odd);
}

[b-0tn906ob20] .prov-data-grid .mud-table-body .mud-table-row:hover .mud-table-cell {
    background: rgba(236,0,0,.045) !important;
    transition: background .12s ease;
}

/* Loading progress bar */
[b-0tn906ob20] .prov-data-grid .mud-table-loading-progress .mud-progress-linear-bar {
    background-color: var(--tara-primary-dark) !important;
}

/* ── Column widths ────────────────────────────────────────────────────────── */

[b-0tn906ob20] .prov-th-id      { width: 65px;  min-width: 65px;  text-align: center !important; }
[b-0tn906ob20] .prov-th-razon   { min-width: 220px; }
[b-0tn906ob20] .prov-th-nombre  { min-width: 160px; }
[b-0tn906ob20] .prov-th-marca   { min-width: 130px; }
[b-0tn906ob20] .prov-th-estado  { min-width: 90px; }
[b-0tn906ob20] .prov-th-ciudad  { min-width: 120px; }
[b-0tn906ob20] .prov-th-tel     { min-width: 120px; }
[b-0tn906ob20] .prov-th-rfc     { min-width: 130px; }
[b-0tn906ob20] .prov-th-activo  { width: 90px; min-width: 90px; text-align: center !important; }
[b-0tn906ob20] .prov-th-edit    { width: 50px; min-width: 50px; }

[b-0tn906ob20] .prov-td-id      { text-align: center !important; font-variant-numeric: tabular-nums; }
[b-0tn906ob20] .prov-td-razon   { font-weight: 600; }
[b-0tn906ob20] .prov-td-nombre  { }
[b-0tn906ob20] .prov-td-marca   { }
[b-0tn906ob20] .prov-td-estado  { font-size: .78rem; }
[b-0tn906ob20] .prov-td-ciudad  { }
[b-0tn906ob20] .prov-td-tel     { font-variant-numeric: tabular-nums; font-size: .80rem; }
[b-0tn906ob20] .prov-td-rfc     { font-variant-numeric: tabular-nums; font-size: .80rem; font-family: monospace; }
[b-0tn906ob20] .prov-td-center  { text-align: center !important; }
[b-0tn906ob20] .prov-td-edit    { text-align: center !important; }

/* ── Activo badge ─────────────────────────────────────────────────────────── */

.prov-activo-badge[b-0tn906ob20] {
    display:        inline-block;
    padding:        .18rem .58rem;
    border-radius:  100px;
    font-size:      .7rem;
    font-weight:    700;
    letter-spacing: .03em;
    white-space:    nowrap;
}

.prov-activo-badge--si[b-0tn906ob20] {
    background: rgba(16,185,129,.12);
    color:      #059669;
}

[data-theme="dark"] .prov-activo-badge--si[b-0tn906ob20] {
    background: rgba(16,185,129,.20);
    color:      #34D399;
}

.prov-activo-badge--no[b-0tn906ob20] {
    background: var(--tara-surface-raised);
    color:      var(--tara-text-muted);
}

/* ── Marca chip ───────────────────────────────────────────────────────────── */

.prov-marca-chip[b-0tn906ob20] {
    display:        inline-block;
    padding:        .18rem .5rem;
    border-radius:  100px;
    font-size:      .72rem;
    font-weight:    600;
    /* Patrón Tarahumara Secundario — rojo tenue como .tara-estilo */
    background:     color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    border:         1px solid color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    color:          var(--tara-primary-dark);
    white-space:    nowrap;
}
/* dark mode: los tokens --tara-* ya responden automáticamente */

/* ── RFC text ─────────────────────────────────────────────────────────────── */

.prov-rfc-text[b-0tn906ob20] {
    font-family: monospace;
    font-size:   .80rem;
    color:       var(--_cell-text);
}

/* ── Edit icon button ─────────────────────────────────────────────────────── */

.prov-edit-icon-btn[b-0tn906ob20] {
    width:         30px !important;
    height:        30px !important;
    border:        1px solid var(--tara-border) !important;
    border-radius: 7px !important;
    color:         var(--tara-text-muted) !important;
}

.prov-edit-icon-btn:hover[b-0tn906ob20] {
    background:   var(--tara-primary-subtle) !important;
    border-color: var(--tara-primary-dark) !important;
    color:        var(--tara-primary-dark) !important;
}

/* ── Empty / loading states inside grid ──────────────────────────────────── */

.prov-empty-state[b-0tn906ob20] {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            .6rem;
    padding:        2.5rem 1.5rem;
    color:          var(--tara-text-muted);
    text-align:     center;
}

.prov-empty-title[b-0tn906ob20] {
    margin:      0;
    font-size:   .9375rem;
    font-weight: 500;
    color:       var(--tara-text-muted);
}

.prov-empty-sub[b-0tn906ob20] {
    margin:    0;
    font-size: .8125rem;
    color:     var(--tara-text-muted);
    opacity:   .75;
}

.prov-loading-row[b-0tn906ob20] {
    display:     flex;
    align-items: center;
    gap:         .6rem;
    padding:     1.2rem;
    font-size:   .875rem;
    color:       var(--tara-text-muted);
}

/* ── Dev debug panel ──────────────────────────────────────────────────────── */

.prov-debug-panel[b-0tn906ob20] {
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border);
    border-radius: 8px;
    padding:       1rem;
    margin-top:    1rem;
    font-size:     .8rem;
    color:         var(--tara-text);
}

.prov-debug-panel pre[b-0tn906ob20] {
    overflow:   auto;
    max-height: 200px;
    font-size:  .75rem;
}

/* ── Dialog ───────────────────────────────────────────────────────────────── */

.prov-dialog-backdrop[b-0tn906ob20] {
    position:        fixed;
    inset:           0;
    background:      rgba(15, 19, 30, .55);
    z-index:         1400;
    display:         flex;
    align-items:     center;
    justify-content: center;
    padding:         1rem;
}

.prov-dialog[b-0tn906ob20] {
    width:         min(680px, 96vw);
    max-height:    90vh;
    background:    var(--tara-surface);
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow:    var(--tara-shadow-lg);
    overflow:      hidden;
    display:       flex;
    flex-direction: column;
}

.prov-dialog-header[b-0tn906ob20] {
    display:         flex;
    align-items:     flex-start;
    justify-content: space-between;
    gap:             .75rem;
    padding:         1rem 1.1rem .8rem;
    border-bottom:   1px solid var(--tara-border);
    flex-shrink:     0;
}

.prov-dialog-eyebrow[b-0tn906ob20] {
    margin:      0;
    font-size:   1rem;
    font-weight: 700;
    color:       var(--tara-text);
}

.prov-dialog-subtitle[b-0tn906ob20] {
    margin:    .1rem 0 0;
    font-size: .8rem;
    color:     var(--tara-text-muted);
}

.prov-dialog-close[b-0tn906ob20] {
    flex-shrink:     0;
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    width:           32px;
    height:          32px;
    border-radius:   8px;
    border:          1px solid var(--tara-border);
    background:      transparent;
    color:           var(--tara-text-muted);
    cursor:          pointer;
    transition:      background .12s ease;
}

.prov-dialog-close:hover:not(:disabled)[b-0tn906ob20] { background: var(--tara-surface-raised); }

.prov-dialog-body[b-0tn906ob20] {
    padding:        1rem 1.1rem;
    display:        flex;
    flex-direction: column;
    gap:            .75rem;
    overflow-y:     auto;
    flex:           1;
}

.prov-section-label[b-0tn906ob20] {
    margin:         .3rem 0 -.25rem;
    font-size:      .72rem;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color:          var(--tara-primary-dark);
    border-bottom:  1px solid var(--tara-border);
    padding-bottom: .3rem;
}

.prov-dialog-field[b-0tn906ob20] {
    display:        flex;
    flex-direction: column;
    gap:            .35rem;
}

.prov-dialog-row-2[b-0tn906ob20] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .65rem;
}

.prov-dialog-label[b-0tn906ob20] {
    font-size:   .8rem;
    font-weight: 600;
    color:       var(--tara-text-muted);
}

.prov-dialog-error[b-0tn906ob20] {
    display:       flex;
    align-items:   center;
    gap:           .5rem;
    padding:       .6rem .85rem;
    background:    var(--tara-primary-subtle);
    border:        1px solid var(--tara-primary);
    border-radius: 8px;
    font-size:     .84rem;
    color:         var(--tara-primary-dark);
}

.prov-dialog-footer[b-0tn906ob20] {
    display:         flex;
    justify-content: flex-end;
    gap:             .55rem;
    padding:         .8rem 1.1rem;
    border-top:      1px solid var(--tara-border);
    flex-shrink:     0;
}

/* ── Dialog inputs, select, textarea ─────────────────────────────────────── */

.prov-input[b-0tn906ob20] {
    width:         100%;
    height:        40px;
    padding:       0 .85rem;
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background:    var(--tara-surface);
    color:         var(--tara-text);
    font-size:     .9rem;
    outline:       none;
    box-sizing:    border-box;
    transition:    border-color .15s ease, box-shadow .15s ease;
}

.prov-input[b-0tn906ob20]::placeholder { color: var(--tara-text-muted); opacity: .7; }
.prov-input:hover:not(:disabled)[b-0tn906ob20]  { border-color: var(--tara-border); }
.prov-input:focus[b-0tn906ob20]  {
    border-color: var(--tara-primary-dark);
    box-shadow:   0 0 0 3px var(--tara-primary-subtle);
}
.prov-input:disabled[b-0tn906ob20] { opacity: .65; cursor: not-allowed; }

.prov-textarea[b-0tn906ob20] {
    height: auto;
    padding: .6rem .85rem;
    resize: vertical;
    min-height: 72px;
    font-family: inherit;
    line-height: 1.45;
}

.prov-select-shell[b-0tn906ob20] { position: relative; }

.prov-select[b-0tn906ob20] {
    width:              100%;
    height:             40px;
    padding:            0 2.2rem 0 .85rem;
    border:             1px solid var(--tara-border);
    border-radius:      var(--tara-radius-sm);
    background:         var(--tara-surface);
    color:              var(--tara-text);
    font-size:          .9rem;
    appearance:         none;
    -webkit-appearance: none;
    cursor:             pointer;
    outline:            none;
    transition:         border-color .15s ease;
    box-sizing:         border-box;
}

.prov-select:hover:not(:disabled)[b-0tn906ob20] { border-color: var(--tara-primary-dark); }
.prov-select:focus[b-0tn906ob20] { border-color: var(--tara-primary-dark); box-shadow: 0 0 0 3px var(--tara-primary-subtle); }
.prov-select:disabled[b-0tn906ob20] { opacity: .65; cursor: not-allowed; }

.prov-select-icon[b-0tn906ob20] {
    position:       absolute;
    right:          .75rem;
    top:            50%;
    transform:      translateY(-50%);
    pointer-events: none;
    color:          var(--tara-text-muted);
}

/* ── Toggle Activo ────────────────────────────────────────────────────────── */

.prov-activo-field[b-0tn906ob20] { justify-content: flex-end; padding-top: .25rem; }

.prov-toggle-label[b-0tn906ob20] {
    display:     flex;
    align-items: center;
    gap:         .6rem;
    cursor:      pointer;
}

.prov-toggle-check[b-0tn906ob20] { display: none; }

.prov-toggle-slider[b-0tn906ob20] {
    position:      relative;
    display:       inline-block;
    width:         42px;
    height:        24px;
    background:    var(--tara-border);
    border-radius: 999px;
    transition:    background .15s ease;
    flex-shrink:   0;
}

.prov-toggle-slider[b-0tn906ob20]::after {
    content:       '';
    position:      absolute;
    top:           3px;
    left:          3px;
    width:         18px;
    height:        18px;
    background:    #fff;
    border-radius: 50%;
    transition:    transform .15s ease;
    box-shadow:    0 1px 3px rgba(0,0,0,.2);
}

.prov-toggle-check:checked + .prov-toggle-slider[b-0tn906ob20] {
    background: var(--tara-primary-dark);
}

.prov-toggle-check:checked + .prov-toggle-slider[b-0tn906ob20]::after {
    transform: translateX(18px);
}

.prov-toggle-check:disabled + .prov-toggle-slider[b-0tn906ob20] { opacity: .65; cursor: not-allowed; }

.prov-toggle-text[b-0tn906ob20] {
    font-size:   .85rem;
    font-weight: 600;
    color:       var(--tara-text-muted);
    white-space: nowrap;
}

/* ── Dialog buttons ───────────────────────────────────────────────────────── */

.prov-btn-guardar[b-0tn906ob20] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    gap:             .45rem;
    height:          40px;
    padding:         0 1.25rem;
    border:          none;
    border-radius:   var(--tara-radius-sm);
    background:      var(--tara-primary-dark);
    color:           var(--tara-text-inverse);
    font-size:       .88rem;
    font-weight:     600;
    cursor:          pointer;
    white-space:     nowrap;
    transition:      background .12s ease, opacity .12s ease;
}

.prov-btn-guardar:hover:not(:disabled)[b-0tn906ob20] { background: var(--tara-primary-deeper); }
.prov-btn-guardar:disabled[b-0tn906ob20]             { opacity: .55; cursor: not-allowed; }
.prov-btn-guardar.is-loading[b-0tn906ob20]           { pointer-events: none; }

.prov-btn-cancel[b-0tn906ob20] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    height:          40px;
    padding:         0 1.1rem;
    border:          1px solid var(--tara-border);
    border-radius:   var(--tara-radius-sm);
    background:      var(--tara-surface);
    color:           var(--tara-text);
    font-size:       .88rem;
    font-weight:     500;
    cursor:          pointer;
    transition:      background .12s ease;
}

.prov-btn-cancel:hover:not(:disabled)[b-0tn906ob20] { background: var(--tara-surface-raised); }
.prov-btn-cancel:disabled[b-0tn906ob20]             { opacity: .55; cursor: not-allowed; }

.prov-spinner[b-0tn906ob20] {
    display:          inline-block;
    width:            14px;
    height:           14px;
    border-radius:    50%;
    border:           2px solid rgba(255,255,255,.4);
    border-top-color: #fff;
    animation:        prov-spin-b-0tn906ob20 .75s linear infinite;
}

@keyframes prov-spin-b-0tn906ob20 {
    to { transform: rotate(360deg); }
}

/* ── Responsive ───────────────────────────────────────────────────────────── */

@media (max-width: 640px) {
    .prov-report-title h1[b-0tn906ob20]  { font-size: 1rem; }
    .prov-search-field[b-0tn906ob20]     { min-width: 140px; }
    .prov-dialog-row-2[b-0tn906ob20]     { grid-template-columns: 1fr; }
    .prov-dialog[b-0tn906ob20]           { max-height: 100vh; border-radius: 0; width: 100vw; }
}
/* _content/Raramuri.blzr/Components/Pages/ProductosReporte.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════
   ProductosReporte.razor.css — Patrón Grid Tarahumara
   Paleta: Boston #CC0000 · Santander Red #EC0000 · Lisbon #FBF1EA
           Gris header #F7F3EF · Gris borde #E6E1DC
   ══════════════════════════════════════════════════════════════════════════ */

/* ── CSS custom properties: usar var(--tara-*) de tarahumara-theme.css */

/* ── Page loading / redirect ─────────────────────────────────────────────── */

.tara-page-loading[b-iwfznxb5oa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 55vh;
    gap: 1rem;
    color: var(--tara-text-muted);
    font-size: .95rem;
}

/* ── Report header bar ───────────────────────────────────────────────────── */

.tara-report-header[b-iwfznxb5oa] {
    display: flex;
    align-items: center;
    gap: .85rem;
    margin-bottom: 1.25rem;
}

.tara-back-btn.mud-button-root[b-iwfznxb5oa] {
    flex-shrink: 0;
}

.tara-report-title[b-iwfznxb5oa] {
    flex: 1;
    min-width: 0;
}

.tara-report-title h1[b-iwfznxb5oa] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--tara-text);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tara-report-title span[b-iwfznxb5oa] {
    display: block;
    font-size: .72rem;
    font-weight: 500;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-top: .1rem;
}

.tara-report-actions[b-iwfznxb5oa] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-left: auto;
    flex-shrink: 0;
}

/* ── Filtros: estilos específicos del reporte de productos ───────────────── */
/* Los estilos genéricos del acordeón (tara-fa-*) viven en                    */
/* Components/Shared/Tarahumara/FilterAccordion.razor.css                     */

/* ── Pills de resumen (cuando colapsado) ──────────────────────────────────── */

.tara-filter-pill[b-iwfznxb5oa] {
    display: inline-flex;
    align-items: center;
    padding: .18rem .55rem;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: 100px;
    font-size: .72rem;
    font-weight: 500;
    color: var(--tara-text);
    white-space: nowrap;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tara-filter-count-pill[b-iwfznxb5oa] {
    display: inline-flex;
    align-items: center;
    padding: .18rem .55rem;
    background: color-mix(in srgb, var(--tara-primary) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 22%, transparent);
    border-radius: 100px;
    font-size: .72rem;
    font-weight: 600;
    color: var(--tara-primary-dark);
    white-space: nowrap;
}

.tara-filter-count-pill--warn[b-iwfznxb5oa] {
    background: rgba(245, 158, 11, 0.10);
    border-color: rgba(245, 158, 11, 0.30);
    color: #92400E;
}

[data-theme="dark"] .tara-filter-count-pill--warn[b-iwfznxb5oa] {
    color: #FCD34D;
}

.tara-filters-no-active[b-iwfznxb5oa] {
    font-size: .75rem;
    color: var(--tara-text-muted);
    font-style: italic;
}

/* ── Contenido interno del cuerpo ─────────────────────────────────────────── */

.tara-filters-grid[b-iwfznxb5oa] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: .85rem 1rem .8rem;
}

.tara-filters-grid .tara-filter-select[b-iwfznxb5oa] {
    min-width: 160px;
    max-width: 240px;
    flex: 1 1 160px;
}

/* MudAutocomplete outline focus ring → rojo Tarahumara */
[b-iwfznxb5oa] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-iwfznxb5oa] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-iwfznxb5oa] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

/* MudAutocomplete — label focus → rojo Tarahumara */
[b-iwfznxb5oa] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

.tara-grid-shell[b-iwfznxb5oa] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
    padding: .7rem .7rem .6rem;
    margin-top: .45rem;
    /* Bridge vars: consumidas por ::deep selectors donde [data-theme] no puede llegar.
       Los valores base corresponden al tema claro.
       NO usar :root — Blazor CSS isolation lo convierte en :root[b-hash] (selector inválido). */
    --_th-gradient:      linear-gradient(180deg, #f7f2ec 0%, #f0ebe4 100%);
    --_th-border-top:    #ece5dc;
    --_th-text:          #374151;
    --_th-icon:          #8b949e;
    --_cell-text:        #1f2933;
    --_toolbar-divider:  #f0ebe6;
    --_filter-icon:      #7b8794;
    --_row-hover:        rgba(204, 0, 0, 0.07);
    --_row-even-bg:      var(--tara-row-even);
}

[data-theme="dark"] .tara-grid-shell[b-iwfznxb5oa] {
    --_th-gradient:      linear-gradient(180deg, #22262f 0%, #1e2229 100%);
    --_th-border-top:    var(--tara-border);
    --_th-text:          var(--tara-th-text);
    --_th-icon:          #6B7280;
    --_cell-text:        var(--tara-text);
    --_toolbar-divider:  var(--tara-border);
    --_filter-icon:      #6B7280;
    --_row-hover:        rgba(204, 0, 0, 0.09);
    --_row-even-bg:      #1E2330; /* +8–10pts vs row-odd #181B21 — zebra visible en dark */
}

/* ── Grid toolbar (search + counts) ─────────────────────────────────────── */

.tara-grid-toolbar[b-iwfznxb5oa] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: .6rem;
    flex-wrap: wrap;
    padding: .1rem .2rem .35rem;
    border-bottom: 1px solid var(--_toolbar-divider);
}

.tara-search-field[b-iwfznxb5oa] {
    flex: 1;
    min-width: 260px;
    max-width: 460px;
}

/* Search field focus → rojo */
[b-iwfznxb5oa] .tara-search-field .mud-input-outlined:hover .mud-input-outlined-border,
[b-iwfznxb5oa] .tara-search-field .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

.tara-toolbar-actions[b-iwfznxb5oa] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.tara-chip-more[b-iwfznxb5oa] {
    font-size: .72rem;
    opacity: .75;
    margin-left: .2em;
}

/* ── Error alert ─────────────────────────────────────────────────────────── */

.tara-error-alert[b-iwfznxb5oa] {
    margin-bottom: 1rem;
}

.tara-alert-content[b-iwfznxb5oa] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
}

/* ── Table container ─────────────────────────────────────────────────────── */

.tara-table-container[b-iwfznxb5oa] {
    border: 1px solid var(--tara-border);
    border-radius: 12px 12px 0 0;   /* sin esquinas inferiores — el footer las aporta */
    border-bottom: none;             /* el footer aporta el borde inferior */
    overflow-x: auto;
    background: var(--tara-surface);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
    margin-bottom: 0;               /* sin gap — el footer va pegado debajo */
    scrollbar-gutter: stable both-edges;
    position: relative;
}

[data-theme="light"] .tara-table-container[b-iwfznxb5oa] {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .80);
}

/* Remove MudTable's own elevation shadow (we supply the container shadow) */
[b-iwfznxb5oa] .tara-data-grid.mud-table {
    border-radius: 0;
    box-shadow: none;
    min-width: 3400px;
}

/* pista visual de desplazamiento horizontal */
.tara-table-container[b-iwfznxb5oa]::after {
    content: "";
    position: sticky;
    right: 0;
    top: 0;
    height: 100%;
    width: 16px;
    float: right;
    background: linear-gradient(to left, var(--tara-surface), transparent);
    pointer-events: none;
    opacity: .40;
}

.tara-table-container[b-iwfznxb5oa]::-webkit-scrollbar {
    height: 10px;
}

.tara-table-container[b-iwfznxb5oa]::-webkit-scrollbar-thumb {
    background: var(--tara-border);
    border-radius: 999px;
}

.tara-table-container[b-iwfznxb5oa]::-webkit-scrollbar-track {
    background: var(--tara-surface-raised);
}

/* ── Table header ────────────────────────────────────────────────────────── */

[b-iwfznxb5oa] .tara-data-grid .mud-table-head .mud-table-row {
    background: var(--_th-gradient);
}

[b-iwfznxb5oa] .tara-data-grid .mud-table-head .mud-table-cell {
    background: var(--_th-gradient);
    border-bottom: 2px solid color-mix(in srgb, var(--tara-primary-dark) 50%, transparent) !important;
    border-top: 1px solid var(--_th-border-top);
    padding: .5rem .65rem !important;
    min-height: 44px;
    vertical-align: middle;
}

/* Column header labels */
[b-iwfznxb5oa] .tara-data-grid .mud-table-head .mud-table-cell {
    font-size: .71rem !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--_th-text);
    white-space: nowrap;
}

.tara-head-filter[b-iwfznxb5oa] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.tara-head-title[b-iwfznxb5oa] {
    display: inline-block;
    white-space: nowrap;
}

[b-iwfznxb5oa] .tara-filter-btn {
    color: var(--_filter-icon) !important;
}

[b-iwfznxb5oa] .tara-filter-btn--active {
    color: var(--tara-primary-dark) !important;
}

/* Mantener controles de filtro/sort legibles en header */
[b-iwfznxb5oa] .tara-data-grid .mud-table-head .mud-icon-root,
[b-iwfznxb5oa] .tara-data-grid .mud-table-head .mud-button-root {
    color: var(--_th-icon) !important;
}

[b-iwfznxb5oa] .tara-data-grid .mud-table-head .mud-icon-button {
    width: 30px;
    height: 30px;
    margin-left: .2rem;
    border-radius: 7px;
}

[b-iwfznxb5oa] .tara-data-grid .mud-table-head .mud-table-sort-label {
    gap: .2rem;
}

/* Popover de filtros por columna: más claro y legible */
[b-iwfznxb5oa] .tara-excel-popover.mud-popover .mud-paper {
    border: 1px solid var(--tara-border);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .16);
}

[b-iwfznxb5oa] .tara-excel-popover .mud-input-control,
[b-iwfznxb5oa] .tara-excel-popover .mud-select {
    min-width: 220px;
}

.tara-excel-filter[b-iwfznxb5oa] {
    width: 332px;
    max-width: 86vw;
    padding: .5rem .6rem;
    background: var(--tara-surface);
}

.tara-excel-actions[b-iwfznxb5oa] {
    display: flex;
    justify-content: space-between;
    gap: .35rem;
    margin-bottom: .35rem;
}

.tara-excel-values[b-iwfznxb5oa] {
    max-height: 250px;
    overflow: auto;
    margin-top: .3rem;
    padding: .2rem 0;
    border-top: 1px solid var(--tara-border);
    border-bottom: 1px solid var(--tara-border);
}

.tara-excel-footer[b-iwfznxb5oa] {
    margin-top: .45rem;
    display: flex;
    justify-content: flex-end;
    gap: .35rem;
}

/* Sort label icon → rojo al hover / activo */
[b-iwfznxb5oa] .tara-data-grid .mud-table-sort-label:hover {
    color: var(--tara-primary-dark);
}

[b-iwfznxb5oa] .tara-data-grid .mud-table-sort-label .mud-table-sort-label-arrow {
    color: var(--tara-primary-dark) !important;
}

/* ── Table body: data rows ───────────────────────────────────────────────── */

[b-iwfznxb5oa] .tara-data-grid .mud-table-body .mud-table-row .mud-table-cell {
    padding: .42rem .66rem !important;
    font-size: .8125rem;
    color: var(--_cell-text);
    border-bottom: 1px solid var(--tara-border-subtle) !important;
    vertical-align: middle;
    line-height: 1.28;
}

/* Zebra stripes (Striped=true ya alterna, pero personalizamos el color)
   row-even usa --_row-even-bg bridge var para poder sobreescribir en dark
   sin depender de que --tara-row-even tenga suficiente contraste. */
[b-iwfznxb5oa] .tara-data-grid .mud-table-body .mud-table-row.mud-table-row-even .mud-table-cell {
    background: var(--_row-even-bg) !important;
}

[b-iwfznxb5oa] .tara-data-grid .mud-table-body .mud-table-row.mud-table-row-odd .mud-table-cell {
    background: var(--tara-row-odd);
}

/* Hover: tenue rojo Tarahumara — usa bridge var para ser más visible en dark */
[b-iwfznxb5oa] .tara-data-grid .mud-table-body .mud-table-row:hover .mud-table-cell {
    background: var(--_row-hover) !important;
    transition: background .12s ease;
}

/* Loading progress bar */
[b-iwfznxb5oa] .tara-data-grid .mud-table-loading-progress .mud-progress-linear-bar {
    background-color: var(--tara-primary-dark) !important;
}

/* ── Column width hints (inside MudTh via Class) ─────────────────────────── */

[b-iwfznxb5oa] .tara-th {
    white-space: nowrap;
}

/* Phase 3 — Columnas configurables: clase dinámica aplicada vía ColHiddenClass().
   Barcode: DefaultVisible=false — oculto por defecto.
   ExcelExportService exporta siempre todas las columnas; QuickFilter busca siempre.
   CSS display:none elimina del DOM sin afectar export ni búsqueda de modelo. */
[b-iwfznxb5oa] .tara-col-hidden {
    display: none !important;
}

.tara-th[b-iwfznxb5oa] { min-width: 120px; }

[b-iwfznxb5oa] .tara-th-estilo { min-width: 110px; }
[b-iwfznxb5oa] .tara-th-marca { min-width: 120px; }
[b-iwfznxb5oa] .tara-th-linea { min-width: 170px; }
[b-iwfznxb5oa] .tara-th-sublinea { min-width: 150px; }
[b-iwfznxb5oa] .tara-th-clasif { min-width: 160px; }
[b-iwfznxb5oa] .tara-th-color { min-width: 120px; }
[b-iwfznxb5oa] .tara-th-acabado { min-width: 130px; }
[b-iwfznxb5oa] .tara-th-corrida { min-width: 130px; }
[b-iwfznxb5oa] .tara-th-temporada { min-width: 130px; }
[b-iwfznxb5oa] .tara-th-proveedor { min-width: 180px; }
[b-iwfznxb5oa] .tara-th-status { min-width: 120px; text-align: center !important; }
[b-iwfznxb5oa] .tara-th-estado-txt { min-width: 140px; }
[b-iwfznxb5oa] .tara-th-fecha { min-width: 120px; }
[b-iwfznxb5oa] .tara-th-plantilla { min-width: 130px; }
[b-iwfznxb5oa] .tara-th-observ { min-width: 220px; }
[b-iwfznxb5oa] .tara-th-catalogo { min-width: 140px; }
[b-iwfznxb5oa] .tara-th-comprador { min-width: 170px; }
[b-iwfznxb5oa] .tara-th-pagina { min-width: 100px; }

[b-iwfznxb5oa] .tara-th-desc {
    min-width: 280px;
    max-width: 340px;
}

[b-iwfznxb5oa] .tara-th-num {
    min-width: 110px;
    text-align: right !important;
}

[b-iwfznxb5oa] .tara-th-estado {
    min-width: 105px;
    text-align: center !important;
}

/* ── Table data cell variants ────────────────────────────────────────────── */

[b-iwfznxb5oa] .tara-td-num {
    text-align: right !important;
}

[b-iwfznxb5oa] .tara-td-estado {
    text-align: center !important;
}

[b-iwfznxb5oa] .tara-td-status {
    text-align: center !important;
}

[b-iwfznxb5oa] .tara-td-observ {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-iwfznxb5oa] .tara-td-desc {
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Cell content elements ───────────────────────────────────────────────── */

.tara-barcode[b-iwfznxb5oa] {
    font-family: 'Courier New', 'Consolas', monospace;
    font-size: .78rem;
    background: var(--tara-th-bg);
    border: 1px solid var(--tara-border);
    border-radius: 4px;
    padding: .1rem .4rem;
    color: var(--tara-text-muted);
    white-space: nowrap;
}

/* Estilo: chip discreto tipo Santander — sello de código de producto */
.tara-estilo[b-iwfznxb5oa] {
    display:         inline-flex;
    align-items:     center;
    padding:         .15rem .55rem;
    background:      color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    border:          1px solid color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    border-radius:   100px;
    font-size:       .79rem;
    font-weight:     700;
    color:           var(--tara-primary-dark);
    letter-spacing:  .015em;
    white-space:     nowrap;
    max-width:       130px;
    overflow:        hidden;
    text-overflow:   ellipsis;
    line-height:     1.4;
    vertical-align:  middle;
}

[data-theme="dark"] .tara-estilo[b-iwfznxb5oa] {
    background:   rgba(204, 0, 0, .12);
    border-color: rgba(204, 0, 0, .26);
    color:        color-mix(in srgb, var(--tara-primary) 80%, var(--tara-text));
}

.tara-desc[b-iwfznxb5oa] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-badge[b-iwfznxb5oa] {
    display: inline-block;
    padding: .15rem .5rem;
    border-radius: 100px;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .02em;
    white-space: nowrap;
}

.tara-badge-marca[b-iwfznxb5oa] {
    /* Neutro cálido — Marca es categorización, sin azul (cumple Patrón Tarahumara). */
    background: color-mix(in srgb, var(--tara-border) 35%, var(--tara-surface-raised));
    color:      var(--tara-text);
    border:     1px solid var(--tara-border);
}

[data-theme="dark"] .tara-badge-marca[b-iwfznxb5oa] {
    background:   rgba(200, 190, 180, .09);
    color:        var(--tara-text-muted);
    border-color: rgba(200, 190, 180, .16);
}

.tara-corrida[b-iwfznxb5oa] {
    font-variant-numeric: tabular-nums;
    font-size: .82rem;
}

.tara-money[b-iwfznxb5oa] {
    font-variant-numeric: tabular-nums;
    font-size: .81rem;
    font-weight: 500;
    color: var(--tara-text);
    letter-spacing: .01em;
}

.tara-money[b-iwfznxb5oa]::before {
    content: "$";
    font-size: .7rem;
    color: var(--tara-text-muted);
    margin-right: .1em;
}

.tara-money-precio[b-iwfznxb5oa] {
    color: var(--tara-text);
    font-weight: 600;
}

.tara-na[b-iwfznxb5oa] {
    color: var(--tara-border);
    font-size: .85rem;
    user-select: none;
}

.tara-estado-text[b-iwfznxb5oa] {
    font-size: .78rem;
    font-weight: 500;
    color: var(--tara-text-muted);
    text-transform: capitalize;
}

/* ── Status chips (HTML span — sin dependencia de MudChipSet) ──────────── */

.tara-status-chip[b-iwfznxb5oa] {
    display: inline-flex;
    align-items: center;
    font-size: .7rem;
    font-weight: 600;
    padding: .15rem .5rem;
    border-radius: 100px;
    white-space: nowrap;
    line-height: 1;
    letter-spacing: .02em;
}

.tara-status-chip--activo[b-iwfznxb5oa] {
    background: #DCFCE7;
    color: #166534;
}

[data-theme="dark"] .tara-status-chip--activo[b-iwfznxb5oa] {
    background: rgba(22, 163, 74, 0.15);
    color: #4ADE80;
}

.tara-status-chip--inactivo[b-iwfznxb5oa] {
    background: var(--tara-th-bg);
    color: var(--tara-text-muted);
}

/* ── Count chip (HTML span) ──────────────────────────────────────────────── */

.tara-count-chip[b-iwfznxb5oa] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    font-size: .78rem;
    font-weight: 500;
    color: var(--tara-text-muted);
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: 100px;
    padding: .2rem .65rem;
    white-space: nowrap;
}

.tara-count-chip--warn[b-iwfznxb5oa] {
    background: #FFFBEB;
    border-color: #FCD34D;
    color: #92400E;
}

[data-theme="dark"] .tara-count-chip--warn[b-iwfznxb5oa] {
    /* Bug fix: sin este override el chip tenía fondo blanco (#FFFBEB) en dark mode */
    background: rgba(245, 158, 11, 0.10);
    border-color: rgba(245, 158, 11, 0.30);
    color: #FCD34D;
}

/* ── Empty state — renderizado FUERA del DataGrid (Grid v2) ──────────────── */
/* Centrado real: no está atrapado en <td> de min-width 3400px.              */

.tara-empty-state[b-iwfznxb5oa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3.5rem 2rem 4rem;
    gap: .75rem;
    color: var(--tara-text-muted);
    text-align: center;
    min-height: 280px;
}

.tara-empty-state--prompt .tara-empty-icon[b-iwfznxb5oa] {
    color: var(--tara-primary-dark);
    opacity: .55;
}

.tara-empty-icon[b-iwfznxb5oa] {
    color: var(--tara-text-muted);
    opacity: .4;
    margin-bottom: .25rem;
}

.tara-empty-title[b-iwfznxb5oa] {
    margin: 0;
    font-weight: 700;
    font-size: 1rem;
    color: var(--tara-text);
}

.tara-empty-sub[b-iwfznxb5oa] {
    margin: 0 0 .25rem;
    font-size: .875rem;
    color: var(--tara-text-muted);
    max-width: 380px;
    line-height: 1.55;
}

.tara-empty-actions[b-iwfznxb5oa] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: .25rem;
}

/* ── Loading row (inside LoadingContent) ─────────────────────────────────── */

.tara-loading-row[b-iwfznxb5oa] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    padding: 1.5rem;
    font-size: .85rem;
    color: var(--tara-text-muted);
}

/* ── HasMore notice ──────────────────────────────────────────────────────── */

.tara-hasmore-notice[b-iwfznxb5oa] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .55rem .85rem;
    background: #FFFBEB;
    border: 1px solid #FCD34D;
    border-radius: var(--tara-radius-sm);
    font-size: .8rem;
    color: #92400E;
    font-weight: 500;
    margin-top: .25rem;
}

[data-theme="dark"] .tara-hasmore-notice[b-iwfznxb5oa] {
    background: rgba(245, 158, 11, 0.10);
    border-color: rgba(245, 158, 11, 0.30);
    color: #FCD34D;
}

/* ── tara-grid-hint: eliminado en Grid v2 (reemplazado por acordeón) ────── */

/* ── Botón Buscar integrado en el panel de filtros ───────────────────────── */

.tara-filter-buscar-btn[b-iwfznxb5oa] {
    flex-shrink:  0;
    align-self:   center;
    /* Compensar margen interno de MudIconButton para alinearse visualmente
       con la altura del MudSelect Dense (~40px) */
    margin-top:   4px;
}

/* En móvil ocupa el ancho completo de la fila */
@media (max-width: 420px) {
    .tara-filter-buscar-btn[b-iwfznxb5oa] {
        width:       100%;
        margin-top:  0;
    }
}

/* ── Placeholder de foto cuando IncluirFotos = false ─────────────────────── */

.tara-photo-placeholder--off[b-iwfznxb5oa] {
    opacity:      .22;
    border-style: dotted;
    cursor:       default;
}

.tara-filter-photo-flag[b-iwfznxb5oa] {
    min-width: 260px;
    display: flex;
    flex-direction: column;
    gap: .2rem;
    padding: .25rem .35rem;
}

.tara-filter-hint[b-iwfznxb5oa] {
    font-size: .73rem;
    color: var(--tara-text-muted);
    padding-left: .2rem;
}

.tara-th-foto[b-iwfznxb5oa],
.tara-td-foto[b-iwfznxb5oa] {
    min-width: 84px !important;
    max-width: 84px !important;
    width: 84px !important;
    text-align: center;
}

.tara-photo-thumb-btn[b-iwfznxb5oa] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    width:           44px;
    height:          44px;
    max-width:       44px;
    max-height:      44px;
    overflow:        hidden;
    border-radius:   10px;
    border:          0;
    background:      transparent;
    padding:         0;
    cursor:          pointer;
    flex-shrink:     0;
    vertical-align:  middle;
}

.tara-photo-thumb[b-iwfznxb5oa] {
    width:         44px;
    height:        44px;
    max-width:     44px;
    max-height:    44px;
    object-fit:    cover;
    border-radius: 10px;
    border:        1px solid var(--tara-border);
    background:    var(--tara-surface-raised);
    display:       block;
    flex-shrink:   0;
}

.tara-photo-placeholder[b-iwfznxb5oa] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    border: 1px dashed var(--tara-border);
    background: var(--tara-surface-raised);
    color: var(--tara-text-muted);
    font-size: .62rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    text-align: center;
    line-height: 1.1;
    padding: .2rem;
}

.tara-photo-placeholder--clickable[b-iwfznxb5oa] {
    color: var(--tara-text-muted);
    border-style: solid;
    cursor: pointer;
    transition: background .15s, border-color .15s;
}

.tara-photo-placeholder--clickable:hover[b-iwfznxb5oa] {
    background: var(--tara-surface);
    border-color: var(--tara-border);
    color: var(--tara-text);
}

.tara-photo-dialog-backdrop[b-iwfznxb5oa] {
    position: fixed;
    inset: 0;
    background: rgba(17, 24, 39, .56);
    z-index: 1400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.tara-photo-dialog[b-iwfznxb5oa] {
    /* Limitado a ~360px — la imagen máx 300×300 cabe cómodamente */
    width: min(360px, 94vw);
    background: var(--tara-surface);
    border-radius: 14px;
    border: 1px solid var(--tara-border);
    box-shadow: 0 20px 60px rgba(15, 23, 42, .25);
    overflow: hidden;
}

.tara-photo-dialog-header[b-iwfznxb5oa] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .8rem;
    padding: .8rem .9rem;
    border-bottom: 1px solid var(--tara-border);
}

.tara-photo-dialog-meta[b-iwfznxb5oa] {
    font-size: .8rem;
    color: var(--tara-text-muted);
}

.tara-photo-dialog-body[b-iwfznxb5oa] {
    min-height:      120px;
    max-height:      360px;
    overflow:        auto;
    padding:         .8rem .9rem .9rem;
    display:         flex;
    align-items:     center;
    justify-content: center;
}

.tara-photo-large[b-iwfznxb5oa] {
    /* Máximo 300×300 px con object-fit: contain */
    max-width:     300px;
    max-height:    300px;
    width:         auto;
    height:        auto;
    object-fit:    contain;
    border-radius: 10px;
    border:        1px solid var(--tara-border);
    background:    var(--tara-surface-raised);
    display:       block;
    margin:        0 auto;
}

.tara-photo-empty[b-iwfznxb5oa] {
    color: var(--tara-text-muted);
    font-size: .88rem;
}

/* ── Debug temporal de ErrorBoundary (solo Development) ─────────────────── */

.tara-render-debug[b-iwfznxb5oa] {
    margin-top: .75rem;
    padding: .75rem .9rem;
    border: 1px dashed #D97706;
    border-radius: var(--tara-radius-sm);
    background: #FFF7ED;
}

.tara-render-debug h4[b-iwfznxb5oa] {
    margin: 0 0 .45rem;
    font-size: .86rem;
    color: #9A3412;
}

.tara-render-debug p[b-iwfznxb5oa] {
    margin: .2rem 0;
    font-size: .8rem;
}

.tara-render-debug pre[b-iwfznxb5oa] {
    margin: .5rem 0 0;
    max-height: 220px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: .74rem;
    line-height: 1.25;
}

.tara-debug-error-panel[b-iwfznxb5oa] {
    margin-top: .75rem;
    background: #4a0e0e;
    color: #fff;
    border: 1px solid #b91c1c;
    border-radius: var(--tara-radius-sm);
    padding: .8rem .9rem;
}

.tara-debug-error-panel h3[b-iwfznxb5oa],
.tara-debug-error-panel h4[b-iwfznxb5oa] {
    margin: 0 0 .45rem;
    color: #fecaca;
}

.tara-debug-error-panel p[b-iwfznxb5oa] {
    margin: .2rem 0;
    font-size: .85rem;
}

.tara-debug-error-panel pre[b-iwfznxb5oa] {
    margin: .45rem 0 .7rem;
    max-height: 260px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: .78rem;
    line-height: 1.3;
    background: rgba(0, 0, 0, .28);
    border-radius: 6px;
    padding: .55rem .6rem;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */

@media (max-width: 640px) {
    .tara-report-header[b-iwfznxb5oa] {
        gap: .6rem;
        margin-bottom: 1rem;
    }

    .tara-report-title h1[b-iwfznxb5oa] {
        font-size: 1.05rem;
    }

    .tara-report-title span[b-iwfznxb5oa] {
        display: none;
    }

    /* Nota: .tara-fa-header padding en móvil → FilterAccordion.razor.css */

    .tara-filter-pill[b-iwfznxb5oa] {
        max-width: 120px;
    }

    .tara-filters-grid[b-iwfznxb5oa] {
        gap: .5rem;
        padding: .75rem .8rem .7rem;
    }

    .tara-filters-grid .tara-filter-select[b-iwfznxb5oa] {
        min-width: calc(50% - .25rem);
        max-width: none;
        flex: none;
    }

    .tara-filter-photo-flag[b-iwfznxb5oa] {
        min-width: 100%;
    }

    .tara-grid-shell[b-iwfznxb5oa] {
        padding: .55rem .5rem .5rem;
        border-radius: 14px;
    }

    .tara-empty-state[b-iwfznxb5oa] {
        padding: 2.5rem 1.25rem 3rem;
        min-height: 220px;
    }

    .tara-grid-toolbar[b-iwfznxb5oa] {
        flex-direction: column;
        align-items: stretch;
        gap: .5rem;
        padding-bottom: .4rem;
    }

    .tara-search-field[b-iwfznxb5oa] {
        max-width: 100%;
        min-width: 100%;
    }

    .tara-toolbar-actions[b-iwfznxb5oa] {
        justify-content: space-between;
    }

    [b-iwfznxb5oa] .tara-data-grid .mud-table-body .mud-table-row .mud-table-cell {
        padding: .44rem .6rem !important;
        font-size: .79rem;
    }

    [b-iwfznxb5oa] .tara-data-grid .mud-table-head .mud-table-cell {
        padding: .45rem .6rem !important;
    }
}

@media (max-width: 420px) {
    .tara-filters-grid .tara-filter-select[b-iwfznxb5oa] {
        min-width: 100%;
        max-width: none;
        flex: none;
    }

    .tara-filter-pill[b-iwfznxb5oa] {
        display: none; /* demasiado estrecho — sólo mostrar conteo */
    }
}

/* ══════════════════════════════════════════════════════════════════════════
   VISTA MÓVIL — Tarjetas de producto (Patrón Grid v2 · Phase 2A)
   Breakpoint: ≤760px → ocultar DataGrid, mostrar .tara-card-list
   Desktop:    ocultar .tara-card-list y .tara-card-loading
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Toggle desktop / móvil ─────────────────────────────────────────────── */

/* Por defecto (desktop): tarjetas e indicador móvil ocultos */
.tara-card-list[b-iwfznxb5oa]    { display: none; }
.tara-card-loading[b-iwfznxb5oa] { display: none; }

@media (max-width: 760px) {
    /* Ocultar la tabla de desktop */
    .tara-table-container[b-iwfznxb5oa] { display: none !important; }

    /* Mostrar indicador de carga móvil */
    .tara-card-loading[b-iwfznxb5oa] {
        display: flex;
    }

    /* Mostrar lista de tarjetas */
    .tara-card-list[b-iwfznxb5oa] {
        display: flex;
        flex-direction: column;
        gap: .6rem;
        padding-bottom: .25rem;
    }

    /* El hasMore notice sigue visible en móvil — no tocar */

    /* Ajustar toolbar en móvil cuando hay tarjetas */
    .tara-search-field[b-iwfznxb5oa] {
        min-width: 0;
    }
}

/* ── Tarjeta individual de producto ─────────────────────────────────────── */

.tara-product-card[b-iwfznxb5oa] {
    background:    var(--tara-surface);
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding:       .75rem .875rem;
    display:       flex;
    flex-direction: column;
    gap:           .55rem;
    transition:    border-color .12s ease, box-shadow .12s ease;
}

.tara-product-card:hover[b-iwfznxb5oa] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 22%, var(--tara-border));
    box-shadow:   0 2px 10px rgba(0, 0, 0, .07);
}

/* ── Cabecera de la tarjeta (foto + datos clave) ────────────────────────── */

.tara-card-header[b-iwfznxb5oa] {
    display:     flex;
    gap:         .7rem;
    align-items: flex-start;
}

.tara-card-foto[b-iwfznxb5oa] {
    flex-shrink: 0;
    display:     flex;
    align-items: flex-start;
}

/* Imagen de foto en tarjeta — tamaño ligeramente mayor que en grid */
.tara-card-photo-img[b-iwfznxb5oa] {
    width:        56px;
    height:       56px;
    object-fit:   cover;
    border-radius: 8px;
    border:       1px solid var(--tara-border);
    background:   var(--tara-surface-raised);
    display:      block;
    cursor:       pointer;
}

/* Placeholder cuando no hay foto o no está cargada */
.tara-card-photo-placeholder[b-iwfznxb5oa] {
    width:           56px;
    height:          56px;
    border-radius:   8px;
    border:          1px dashed var(--tara-border);
    background:      var(--tara-surface-raised);
    display:         flex;
    align-items:     center;
    justify-content: center;
    color:           var(--tara-text-muted);
    font-size:       .75rem;
    opacity:         .5;
    user-select:     none;
}

.tara-card-main[b-iwfznxb5oa] {
    flex:           1;
    min-width:      0;
    display:        flex;
    flex-direction: column;
    gap:            .2rem;
}

.tara-card-title-row[b-iwfznxb5oa] {
    display:     flex;
    align-items: center;
    gap:         .35rem;
    flex-wrap:   wrap;
    line-height: 1;
}

/* Chip Estilo en tarjeta móvil — mismo lenguaje que en la tabla desktop */
.tara-card-estilo[b-iwfznxb5oa] {
    display:        inline-flex;
    align-items:    center;
    padding:        .15rem .58rem;
    background:     color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    border:         1px solid color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    border-radius:  100px;
    font-size:      .88rem;
    font-weight:    750;
    color:          var(--tara-primary-dark);
    letter-spacing: .01em;
    white-space:    nowrap;
    max-width:      160px;
    overflow:       hidden;
    text-overflow:  ellipsis;
    line-height:    1.4;
}

.tara-card-desc[b-iwfznxb5oa] {
    margin:      0;
    font-size:   .8rem;
    color:       var(--tara-text-muted);
    line-height: 1.4;
    /* 2-line clamp — preferible a white-space:nowrap + ellipsis en cards */
    display:                -webkit-box;
    -webkit-line-clamp:    2;
    -webkit-box-orient:    vertical;
    overflow:              hidden;
}

/* ── Atributos secundarios (dl/dt/dd — semánticamente correcto) ─────────── */

.tara-card-attrs[b-iwfznxb5oa] {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    gap:                   .22rem .6rem;
    padding:               .5rem .55rem;
    margin:                0;
    background:            var(--tara-surface-raised);
    border-radius:         6px;
    border:                1px solid var(--tara-border-subtle);
}

.tara-card-attr[b-iwfznxb5oa] {
    display:     flex;
    gap:         .3rem;
    align-items: baseline;
    min-width:   0;
    overflow:    hidden;
}

.tara-card-attr-label[b-iwfznxb5oa] {
    font-size:      .67rem;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color:          var(--tara-text-muted);
    flex-shrink:    0;
    white-space:    nowrap;
    margin:         0; /* reset dt */
}

.tara-card-attr-value[b-iwfznxb5oa] {
    font-size:     .8rem;
    color:         var(--tara-text);
    overflow:      hidden;
    text-overflow: ellipsis;
    white-space:   nowrap;
    margin:        0; /* reset dd */
}

/* ── Precios ─────────────────────────────────────────────────────────────── */

.tara-card-prices[b-iwfznxb5oa] {
    display:       flex;
    gap:           1.5rem;
    align-items:   center;
    padding-top:   .35rem;
    border-top:    1px solid var(--tara-border-subtle);
}

.tara-card-price-item[b-iwfznxb5oa] {
    display:        flex;
    flex-direction: column;
    gap:            .05rem;
}

.tara-card-price-label[b-iwfznxb5oa] {
    font-size:      .67rem;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color:          var(--tara-text-muted);
}

/* ── Sin coincidencias de QuickFilter en móvil ──────────────────────────── */

.tara-card-no-match[b-iwfznxb5oa] {
    text-align:  center;
    padding:     2rem 1.5rem;
    color:       var(--tara-text-muted);
    font-size:   .875rem;
    line-height: 1.55;
}

.tara-card-no-match-clear[b-iwfznxb5oa] {
    background:  none;
    border:      none;
    padding:     0;
    color:       var(--tara-primary-dark);
    font-size:   inherit;
    cursor:      pointer;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* ── Muy estrecho (≤400px): atributos en columna única ──────────────────── */

@media (max-width: 400px) {
    .tara-card-attrs[b-iwfznxb5oa] {
        grid-template-columns: 1fr;
    }

    .tara-card-header[b-iwfznxb5oa] {
        gap: .55rem;
    }
}

/* ══════════════════════════════════════════════════════════════════════════
   DIÁLOGO DE COLUMNAS CONFIGURABLES (Phase 3)
   Prefijo: tara-coldlg-*
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Botón de columnas en toolbar ────────────────────────────────────────── */

.tara-cols-btn[b-iwfznxb5oa] {
    flex-shrink: 0;
}

/* ── Backdrop del diálogo ────────────────────────────────────────────────── */

.tara-coldlg-backdrop[b-iwfznxb5oa] {
    position:         fixed;
    inset:            0;
    background:       rgba(17, 24, 39, .56);
    z-index:          1400;
    display:          flex;
    align-items:      center;
    justify-content:  center;
    padding:          1rem;
}

/* ── Panel del diálogo ───────────────────────────────────────────────────── */

.tara-coldlg[b-iwfznxb5oa] {
    width:            min(540px, 94vw);
    max-height:       min(86vh, 660px);
    background:       var(--tara-surface);
    border-radius:    14px;
    border:           1px solid var(--tara-border);
    box-shadow:       0 20px 60px rgba(15, 23, 42, .25);
    display:          flex;
    flex-direction:   column;
    overflow:         hidden;
}

/* ── Cabecera ────────────────────────────────────────────────────────────── */

.tara-coldlg-header[b-iwfznxb5oa] {
    display:          flex;
    align-items:      center;
    justify-content:  space-between;
    gap:              .8rem;
    padding:          .75rem 1rem;
    border-bottom:    1px solid var(--tara-border);
    flex-shrink:      0;
}

.tara-coldlg-title[b-iwfznxb5oa] {
    font-weight:  700;
    font-size:    .95rem;
    color:        var(--tara-text);
}

/* ── Cuerpo ──────────────────────────────────────────────────────────────── */

.tara-coldlg-body[b-iwfznxb5oa] {
    flex:             1;
    overflow-y:       auto;
    padding:          .8rem 1rem;
    display:          flex;
    flex-direction:   column;
    gap:              .65rem;
}

.tara-coldlg-hint[b-iwfznxb5oa] {
    margin:       0;
    font-size:    .78rem;
    color:        var(--tara-text-muted);
    line-height:  1.55;
    padding:      .4rem .5rem;
    background:   var(--tara-surface-raised);
    border-radius: 6px;
    border:       1px solid var(--tara-border-subtle);
}

/* ── Grid de columnas ────────────────────────────────────────────────────── */

.tara-coldlg-grid[b-iwfznxb5oa] {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    gap:                   .15rem .25rem;
}

.tara-coldlg-item[b-iwfznxb5oa] {
    display:       flex;
    align-items:   center;
    gap:           .3rem;
    padding:       .2rem .35rem .2rem .1rem;
    border-radius: 6px;
    transition:    background .12s;
    min-width:     0;
}

.tara-coldlg-item:hover[b-iwfznxb5oa] {
    background: var(--tara-surface-raised);
}

/* Etiqueta de texto dentro de la celda del MudCheckBox */
[b-iwfznxb5oa] .tara-coldlg-item .mud-checkbox-label {
    font-size:   .84rem;
    color:       var(--tara-text);
    flex:        1;
    min-width:   0;
    white-space: normal;
    word-break:  break-word;
    line-height: 1.3;
}

/* Tag especial (Excel, Búsqueda) */
.tara-coldlg-tag[b-iwfznxb5oa] {
    font-size:      .62rem;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding:        .08rem .35rem;
    border-radius:  100px;
    background:     color-mix(in srgb, var(--tara-primary) 10%, transparent);
    border:         1px solid color-mix(in srgb, var(--tara-primary) 25%, transparent);
    color:          var(--tara-primary-dark);
    flex-shrink:    0;
    white-space:    nowrap;
}

/* ── Pie del diálogo ─────────────────────────────────────────────────────── */

.tara-coldlg-footer[b-iwfznxb5oa] {
    display:          flex;
    align-items:      center;
    justify-content:  space-between;
    gap:              .5rem;
    padding:          .6rem .9rem;
    border-top:       1px solid var(--tara-border);
    flex-shrink:      0;
    flex-wrap:        wrap;
}

.tara-coldlg-footer-right[b-iwfznxb5oa] {
    display:     flex;
    gap:         .4rem;
    align-items: center;
}

/* ── Responsive del diálogo ──────────────────────────────────────────────── */

@media (max-width: 480px) {
    .tara-coldlg-grid[b-iwfznxb5oa] {
        grid-template-columns: 1fr;
    }

    .tara-coldlg-footer[b-iwfznxb5oa] {
        flex-direction: column;
        align-items:    stretch;
    }

    .tara-coldlg-footer-right[b-iwfznxb5oa] {
        justify-content: flex-end;
    }
}

/* ══════════════════════════════════════════════════════════════════════════
   ESTILO SANTANDER/TARAHUMARA — refinamiento visual de la pantalla
   Aplicado al final; no afecta otras pantallas (CSS scoped).
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Header: jerarquía tipo Santander ────────────────────────────────────── */

.tara-report-header[b-iwfznxb5oa] {
    padding-bottom: .9rem;
    margin-bottom:  1.1rem;
    border-bottom:  1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    position:       relative;
}

.tara-report-header[b-iwfznxb5oa]::after {
    content:       "";
    position:      absolute;
    bottom:        -1px;
    left:          0;
    width:         2.5rem;
    height:        2px;
    background:    var(--tara-primary);
    border-radius: 0 1px 1px 0;
}

.tara-report-title h1[b-iwfznxb5oa] {
    font-size:      1.45rem;
    font-weight:    900;
    letter-spacing: -.02em;
}

.tara-report-title span[b-iwfznxb5oa] {
    font-size:      .68rem;
    font-weight:    600;
    text-transform: uppercase;
    letter-spacing: .08em;
    color:          var(--tara-primary-dark);
    margin-top:     .2rem;
    opacity:        .75;
}

[data-theme="dark"] .tara-report-title span[b-iwfznxb5oa] {
    color:   var(--tara-primary);
    opacity: .85;
}

/* ── FilterAccordion: look bancario moderno (vía ::deep) ─────────────────── */

[b-iwfznxb5oa] .tara-fa-card {
    border-color:  color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
    border-radius: 18px;
}

[b-iwfznxb5oa] .tara-fa-card--open {
    border-color: color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
}

[b-iwfznxb5oa] .tara-fa-card--open .tara-fa-header {
    background:           color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
    border-bottom-color:  color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
}

[b-iwfznxb5oa] .tara-fa-icon {
    color:   var(--tara-primary);
    opacity: 1;
}

[b-iwfznxb5oa] .tara-fa-title {
    color:          var(--tara-text);
    font-weight:    800;
    font-size:      .78rem;
    letter-spacing: .07em;
}

/* ── Grid shell: card Santander ──────────────────────────────────────────── */

.tara-grid-shell[b-iwfznxb5oa] {
    border-color:  color-mix(in srgb, var(--tara-primary) 8%, var(--tara-border));
    border-radius: 18px;
    /* Header de tabla cálido — Lisbon → crema marcada */
    --_th-gradient:     linear-gradient(180deg, #FBF1EA 0%, #F3E3D3 100%);
    --_th-border-top:   #EDD8C5;
    --_toolbar-divider: #F0E6DC;
}

[data-theme="dark"] .tara-grid-shell[b-iwfznxb5oa] {
    --_th-gradient:     linear-gradient(180deg, #22262f 0%, #1e2229 100%);
    --_th-border-top:   var(--tara-border);
    --_toolbar-divider: var(--tara-border);
}

/* Borde inferior del header de tabla — rojo más marcado */
[b-iwfznxb5oa] .tara-data-grid .mud-table-head .mud-table-cell {
    border-bottom: 2px solid color-mix(in srgb, var(--tara-primary) 60%, transparent) !important;
}

/* ── Toolbar ─────────────────────────────────────────────────────────────── */

.tara-grid-toolbar[b-iwfznxb5oa] {
    border-bottom-color: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
}

[b-iwfznxb5oa] .tara-search-field .mud-input-outlined {
    border-radius: 12px;
}

.tara-count-chip[b-iwfznxb5oa] {
    background:   color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface-raised));
    border-color: color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    color:        var(--tara-text-muted);
    font-weight:  600;
    font-size:    .75rem;
}

/* ── Barcode: tono cálido, menos fosforescente ───────────────────────────── */

.tara-barcode[b-iwfznxb5oa] {
    background:   color-mix(in srgb, var(--tara-primary) 5%, var(--tara-th-bg));
    border-color: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    color:        var(--tara-primary-dark);
    font-size:    .75rem;
}

[data-theme="dark"] .tara-barcode[b-iwfznxb5oa] {
    background:   rgba(204, 0, 0, .08);
    border-color: rgba(204, 0, 0, .18);
    color:        color-mix(in srgb, var(--tara-primary) 70%, var(--tara-text-muted));
}

/* ── Scrollbar vertical interno del grid ─────────────────────────────────── */

[b-iwfznxb5oa] .tara-data-grid .mud-data-grid-content::-webkit-scrollbar,
[b-iwfznxb5oa] .tara-data-grid .mud-table-container::-webkit-scrollbar {
    width: 8px;
}

[b-iwfznxb5oa] .tara-data-grid .mud-data-grid-content::-webkit-scrollbar-thumb,
[b-iwfznxb5oa] .tara-data-grid .mud-table-container::-webkit-scrollbar-thumb {
    background:    color-mix(in srgb, var(--tara-primary) 25%, var(--tara-border));
    border-radius: 999px;
}

/* ── Paginador: tono cálido ──────────────────────────────────────────────── */

[b-iwfznxb5oa] .tara-data-grid .mud-table-pagination-toolbar {
    border-top-color: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    font-size:        .82rem;
    color:            var(--tara-text-muted);
}

/* .mud-table-pagination: sin PagerContent, MudDataGrid no renderiza esta área.
   La regla se conserva como safeguard por si el grid muestra algo residual. */
[b-iwfznxb5oa] .tara-data-grid .mud-table-pagination {
    display: none;
}

/* ══════════════════════════════════════════════════════════════════════════
   FOOTER PAGINADOR — Patrón Tarahumara Secundario
   Clases reutilizables: tara-grid-footer, tara-grid-page-size,
   tara-grid-page-chip, tara-grid-page-nav, tara-grid-nav-btn,
   tara-grid-footer-range, tara-grid-footer-page.

   Regla del patrón:
   Los grids del Patrón Tarahumara Secundario deben evitar dropdowns crudos
   de filas por página. Usar este paginador compacto con chips 25/50/100 y
   navegación anterior/siguiente.
   ══════════════════════════════════════════════════════════════════════════ */

.tara-grid-footer[b-iwfznxb5oa] {
    /* Footer ahora es HERMANO de tara-table-container (fuera del scroll horizontal).
       Fix definitivo: margin-left:auto en .tara-grid-page-nav funciona correctamente
       porque el footer tiene el ancho real de la página, no los 3400px del grid.
       Mismo patrón validado en /productos/lista-precios (referencia oficial). */
    display:       flex;
    align-items:   center;
    gap:           .75rem;
    padding:       .45rem .85rem;
    background:    color-mix(in srgb, var(--tara-surface-raised) 55%, var(--tara-surface));
    border:        1px solid color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
    border-top:    none;            /* se une visualmente con el borde inferior del grid */
    border-radius: 0 0 12px 12px;  /* redondea solo la parte inferior */
    font-size:     .78rem;
    color:         var(--tara-text-muted);
    flex-wrap:     wrap;
    user-select:   none;
    margin-bottom: .55rem;
}

/* Rango "X–Y de Z" — FIX: flex:0 para que no expanda a 3400px */
.tara-grid-footer-range[b-iwfznxb5oa] {
    flex:        0 0 auto;  /* NO expandir — era el bug */
    white-space: nowrap;
    font-weight: 600;
}

/* Selector de tamaño de página */
.tara-grid-page-size[b-iwfznxb5oa] {
    display:     flex;
    align-items: center;
    gap:         .22rem;
}

.tara-grid-page-size-label[b-iwfznxb5oa] {
    font-size:      .7rem;
    font-weight:    800;
    letter-spacing: .05em;
    text-transform: uppercase;
    color:          var(--tara-text-muted);
    margin-right:   .1rem;
}

/* Chip de página size */
.tara-grid-page-chip[b-iwfznxb5oa] {
    appearance:      none;
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    min-width:       28px;
    height:          22px;
    padding:         0 .42rem;
    border:          1px solid var(--tara-border);
    border-radius:   6px;
    background:      var(--tara-surface);
    color:           var(--tara-text-muted);
    font:            inherit;
    font-size:       .74rem;
    font-weight:     600;
    cursor:          pointer;
    transition:      background .12s ease, border-color .12s ease, color .12s ease !important;
}

.tara-grid-page-chip:hover[b-iwfznxb5oa] {
    background:   color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    color:        var(--tara-primary-dark);
}

/* Chip activo — acento Tarahumara/Santander */
.tara-grid-page-chip--active[b-iwfznxb5oa] {
    background:   color-mix(in srgb, var(--tara-primary) 11%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 50%, var(--tara-border));
    color:        var(--tara-primary-dark);
    font-weight:  800;
}

/* Navegación anterior/siguiente — margin-left:auto la empuja al extremo derecho */
.tara-grid-page-nav[b-iwfznxb5oa] {
    display:     flex;
    align-items: center;
    gap:         .28rem;
    margin-left: auto;  /* Empuja nav al lado derecho */
}

.tara-grid-footer-page[b-iwfznxb5oa] {
    font-size:   .74rem;
    font-weight: 600;
    color:       var(--tara-text-muted);
    white-space: nowrap;
    margin-right: .15rem;
}

.tara-grid-nav-btn[b-iwfznxb5oa] {
    appearance:      none;
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    width:           24px;
    height:          22px;
    border:          1px solid var(--tara-border);
    border-radius:   6px;
    background:      var(--tara-surface);
    color:           var(--tara-text-muted);
    font-size:       .9rem;
    font-weight:     700;
    line-height:     1;
    cursor:          pointer;
    transition:      background .12s ease, border-color .12s ease, color .12s ease !important;
}

.tara-grid-nav-btn:hover:not(:disabled)[b-iwfznxb5oa] {
    background:   color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    color:        var(--tara-primary-dark);
}

.tara-grid-nav-btn:disabled[b-iwfznxb5oa] {
    opacity: .35;
    cursor:  not-allowed;
}

/* Dark mode */
[data-theme="dark"] .tara-grid-footer[b-iwfznxb5oa] {
    background: color-mix(in srgb, var(--tara-surface-raised) 40%, var(--tara-surface));
}

/* Responsive: en móvil apila en 2 líneas */
@media (max-width: 640px) {
    .tara-grid-footer[b-iwfznxb5oa] {
        gap:       .55rem;
        padding:   .5rem .65rem;
        row-gap:   .4rem;
    }

    .tara-grid-footer-range[b-iwfznxb5oa] {
        order:     1;
        width:     100%;
        flex:      0 0 100%;
    }

    .tara-grid-page-size[b-iwfznxb5oa] {
        order: 2;
        flex:  0 0 auto;
    }

    .tara-grid-page-nav[b-iwfznxb5oa] {
        order:       3;
        margin-left: auto;  /* sigue al extremo derecho en línea 2 */
    }
}
/* _content/Raramuri.blzr/Components/Pages/ProductosSkusTalla.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════
   ProductosSkusTalla.razor.css — Patrón Grid Tarahumara
   Espejo funcional de SkuAsignacionActivity (SAZMobile26).
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Loading ──────────────────────────────────────────────────────────────── */

.sku-page-loading[b-m09omh0cq9] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    min-height:      55vh;
    gap:             1rem;
    color:           var(--tara-text-muted);
    font-size:       .95rem;
}

/* ── Page header ──────────────────────────────────────────────────────────── */

.sku-report-header[b-m09omh0cq9] {
    display:       flex;
    align-items:   center;
    gap:           .85rem;
    margin-bottom: 1.25rem;
}

.sku-back-btn.mud-button-root[b-m09omh0cq9] { flex-shrink: 0; }

.sku-report-title[b-m09omh0cq9] { flex: 1; min-width: 0; }

.sku-report-title h1[b-m09omh0cq9] {
    margin:        0;
    font-size:     1.4rem;
    font-weight:   800;
    color:         var(--tara-text);
    line-height:   1.2;
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
}

.sku-report-title span[b-m09omh0cq9] {
    display:        block;
    font-size:      .72rem;
    font-weight:    500;
    color:          var(--tara-primary-dark);
    opacity:        .75;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-top:     .1rem;
}

.sku-report-actions[b-m09omh0cq9] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    margin-left: auto;
    flex-shrink: 0;
}

/* ── Alerts ───────────────────────────────────────────────────────────────── */

.sku-error-alert[b-m09omh0cq9]  { margin-bottom: 1rem; }
.sku-alert-content[b-m09omh0cq9] {
    display:     flex;
    align-items: center;
    flex-wrap:   wrap;
    gap:         .5rem;
}

/* ── Grid shell ───────────────────────────────────────────────────────────── */

.sku-grid-shell[b-m09omh0cq9] {
    background:    var(--tara-surface);
    border:        1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow:    var(--tara-shadow);
    padding:       .7rem .7rem .6rem;
    margin-top:    .45rem;
}

/* ── Toolbar ──────────────────────────────────────────────────────────────── */

.sku-grid-toolbar[b-m09omh0cq9] {
    display:        flex;
    align-items:    center;
    gap:            .55rem;
    flex-wrap:      wrap;
    margin-bottom:  .65rem;
    padding-bottom: .6rem;
    border-bottom:  1px solid var(--tara-border-subtle);
}

/* Selector de producto */
.sku-producto-selector[b-m09omh0cq9] {
    display:       flex;
    align-items:   center;
    gap:           .5rem;
    flex:          1;
    min-width:     200px;
    max-width:     520px;
    background:    var(--tara-surface-raised);
    border:        1.5px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding:       .45rem .7rem;
    cursor:        pointer;
    transition:    border-color .15s;
    user-select:   none;
}

.sku-producto-selector:hover[b-m09omh0cq9] {
    border-color: var(--tara-primary);
}

.sku-producto-selector:focus-visible[b-m09omh0cq9] {
    outline:      2px solid var(--tara-primary);
    outline-offset: 2px;
}

.sku-producto-selector-icon[b-m09omh0cq9] {
    color:      var(--tara-text-muted);
    font-size:  1.1rem;
    flex-shrink: 0;
}

.sku-producto-search-icon[b-m09omh0cq9] {
    color:      var(--tara-text-muted);
    font-size:  .95rem;
    margin-left: auto;
    flex-shrink: 0;
}

.sku-producto-placeholder[b-m09omh0cq9] {
    flex:       1;
    font-size:  .82rem;
    color:      var(--tara-text-muted);
    white-space: nowrap;
    overflow:   hidden;
    text-overflow: ellipsis;
}

.sku-producto-valor[b-m09omh0cq9] {
    flex:       1;
    display:    flex;
    flex-direction: column;
    min-width:  0;
    gap:        .05rem;
}

.sku-producto-nombre[b-m09omh0cq9] {
    font-size:     .85rem;
    font-weight:   600;
    color:         var(--tara-text);
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
}

.sku-producto-barcode[b-m09omh0cq9] {
    font-size:   .7rem;
    color:       var(--tara-text-muted);
    font-family: monospace;
}

/* Acciones del toolbar */
.sku-toolbar-actions[b-m09omh0cq9] {
    display:     flex;
    align-items: center;
    gap:         .4rem;
    flex-wrap:   wrap;
    margin-left: auto;
    flex-shrink: 0;
}

.sku-action-btn.mud-icon-button[b-m09omh0cq9]  { padding: .3rem; }
.sku-export-btn.mud-button-root[b-m09omh0cq9]  { height: 30px; font-size: .78rem; }
.sku-guardar-btn.mud-button-root[b-m09omh0cq9] { height: 30px; font-size: .78rem; }

.sku-count-chip[b-m09omh0cq9] {
    display:       inline-flex;
    align-items:   center;
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border);
    border-radius: 20px;
    padding:       .15rem .65rem;
    font-size:     .72rem;
    color:         var(--tara-text-muted);
    font-weight:   600;
    white-space:   nowrap;
}

/* ── Filter bar (búsqueda global local del grid) ──────────────────────────── */

.sku-filter-bar[b-m09omh0cq9] {
    margin-bottom: .55rem;
}

[b-m09omh0cq9] .sku-filter-input { max-width: 380px; }

/* ── Table container ──────────────────────────────────────────────────────── */

.sku-table-container[b-m09omh0cq9] {
    overflow:   hidden;
    border:     1px solid var(--tara-border-subtle);
    border-radius: 10px;
}

/* ── DataGrid — encabezados ───────────────────────────────────────────────── */

[b-m09omh0cq9] .sku-data-grid table { border-collapse: collapse; }

[b-m09omh0cq9] .sku-th {
    background:  var(--tara-th-bg) !important;
    color:       var(--tara-th-text) !important;
    font-size:   .72rem;
    font-weight: 700;
    padding:     .4rem .55rem !important;
    white-space: nowrap;
}

[b-m09omh0cq9] .sku-th-talla   { width: 90px; min-width: 80px; }
[b-m09omh0cq9] .sku-th-saz     { width: 160px; min-width: 130px; }
[b-m09omh0cq9] .sku-th-sku     { min-width: 180px; }
[b-m09omh0cq9] .sku-th-actions { width: 80px; min-width: 72px; text-align: center !important; }

/* ── DataGrid — celdas ────────────────────────────────────────────────────── */

[b-m09omh0cq9] .sku-td {
    font-size: .82rem;
    padding:   .35rem .55rem !important;
    color:     var(--tara-text);
}

[b-m09omh0cq9] .sku-td-mono { font-family: monospace; }
[b-m09omh0cq9] .sku-td-talla { vertical-align: middle; }
[b-m09omh0cq9] .sku-td-sku   { vertical-align: middle; padding-top: .25rem !important; padding-bottom: .25rem !important; }
[b-m09omh0cq9] .sku-td-actions { text-align: center !important; }

/* ── Zebra striping ───────────────────────────────────────────────────────── */

[b-m09omh0cq9] .sku-data-grid .mud-table-row:nth-child(odd)  td { background: var(--tara-row-odd)  !important; }
[b-m09omh0cq9] .sku-data-grid .mud-table-row:nth-child(even) td { background: var(--tara-row-even) !important; }
[b-m09omh0cq9] .sku-data-grid .mud-table-row:hover           td { background: var(--tara-row-hover) !important; }

/* ── Celda de talla ───────────────────────────────────────────────────────── */

.sku-talla-cell[b-m09omh0cq9] {
    display:        flex;
    flex-direction: column;
    line-height:    1.2;
}

.sku-talla-texto[b-m09omh0cq9] {
    font-size:   .82rem;
    font-weight: 600;
    color:       var(--tara-text);
}

.sku-talla-num[b-m09omh0cq9] {
    font-size:   .68rem;
    color:       var(--tara-text-muted);
    font-family: monospace;
}

/* ── SAZ badge ────────────────────────────────────────────────────────────── */

.sku-saz-badge[b-m09omh0cq9] {
    display:       inline-block;
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding:       .1rem .4rem;
    font-size:     .75rem;
    font-family:   monospace;
    color:         var(--tara-text-muted);
    letter-spacing: .04em;
}

/* ── Input de SKU ─────────────────────────────────────────────────────────── */

.sku-input[b-m09omh0cq9] {
    width:         100%;
    max-width:     260px;
    background:    var(--tara-surface-raised);
    border:        1.5px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    color:         var(--tara-text);
    font-size:     .82rem;
    font-family:   monospace;
    padding:       .3rem .55rem;
    outline:       none;
    transition:    border-color .15s;
    text-transform: uppercase;
}

.sku-input[b-m09omh0cq9]::placeholder {
    color:       var(--tara-text-muted);
    font-family: inherit;
    font-size:   .78rem;
}

.sku-input:focus[b-m09omh0cq9] {
    border-color: var(--tara-primary);
    box-shadow:   0 0 0 2px rgba(236, 0, 0, .12);
}

/* ── Botones de acción en celda ───────────────────────────────────────────── */

.sku-del-btn.mud-icon-button[b-m09omh0cq9],
.sku-add-btn.mud-icon-button[b-m09omh0cq9] {
    padding:   .25rem;
    font-size: .88rem;
}

/* ── Empty / loading states ───────────────────────────────────────────────── */

.sku-empty-state[b-m09omh0cq9] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    padding:         2.5rem 1rem;
    gap:             .5rem;
    text-align:      center;
}

.sku-empty-title[b-m09omh0cq9] {
    margin:      0;
    font-size:   1rem;
    font-weight: 600;
    color:       var(--tara-text);
}

.sku-empty-sub[b-m09omh0cq9] {
    margin:    0;
    font-size: .82rem;
    color:     var(--tara-text-muted);
}

.sku-loading-row[b-m09omh0cq9] {
    display:     flex;
    align-items: center;
    gap:         .65rem;
    padding:     1.5rem;
    color:       var(--tara-text-muted);
    font-size:   .85rem;
}

/* ── Debug panel ──────────────────────────────────────────────────────────── */

.sku-debug-panel[b-m09omh0cq9] {
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding:       1rem;
    margin-top:    1rem;
    font-size:     .8rem;
    color:         var(--tara-text-muted);
}

.sku-debug-panel pre[b-m09omh0cq9] {
    overflow:    auto;
    font-size:   .72rem;
    max-height:  200px;
    white-space: pre-wrap;
}

/* ══════════════════════════════════════════════════════════════════════════
   Dialog de búsqueda de producto (espejo del AlertDialog de Android)
   ══════════════════════════════════════════════════════════════════════════ */

.sku-dialog-backdrop[b-m09omh0cq9] {
    position:         fixed;
    inset:            0;
    z-index:          1200;
    background:       rgba(0, 0, 0, .55);
    display:          flex;
    align-items:      center;
    justify-content:  center;
    padding:          1rem;
    backdrop-filter:  blur(2px);
}

.sku-dialog[b-m09omh0cq9] {
    background:    var(--tara-surface);
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow:    var(--tara-shadow-lg);
    display:       flex;
    flex-direction: column;
    max-height:    85vh;
    width:         100%;
}

.sku-dialog--buscar[b-m09omh0cq9] { max-width: 540px; }

/* Dialog header */
.sku-dialog-header[b-m09omh0cq9] {
    display:        flex;
    align-items:    flex-start;
    justify-content: space-between;
    padding:        1rem 1.1rem .75rem;
    border-bottom:  1px solid var(--tara-border-subtle);
    gap:            .75rem;
}

.sku-dialog-eyebrow[b-m09omh0cq9] {
    margin:      0;
    font-size:   1rem;
    font-weight: 700;
    color:       var(--tara-text);
}

.sku-dialog-subtitle[b-m09omh0cq9] {
    margin:    .1rem 0 0;
    font-size: .75rem;
    color:     var(--tara-text-muted);
}

.sku-dialog-close[b-m09omh0cq9] {
    background:    none;
    border:        none;
    cursor:        pointer;
    color:         var(--tara-text-muted);
    padding:       .15rem;
    border-radius: 50%;
    display:       flex;
    align-items:   center;
    transition:    color .15s;
    flex-shrink:   0;
}

.sku-dialog-close:hover[b-m09omh0cq9] { color: var(--tara-text); }

/* Dialog body */
.sku-dialog-body[b-m09omh0cq9] {
    padding:    .75rem 1rem;
    overflow-y: auto;
    flex:       1;
    min-height: 0;
}

.sku-buscar-field[b-m09omh0cq9]  { margin-bottom: .65rem; }

.sku-buscar-loading[b-m09omh0cq9],
.sku-buscar-hint[b-m09omh0cq9] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    font-size:   .82rem;
    color:       var(--tara-text-muted);
    padding:     .6rem 0;
}

.sku-buscar-error[b-m09omh0cq9] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    font-size:   .82rem;
    color:       var(--tara-text-muted);
    padding:     .5rem .7rem;
    background:  var(--tara-surface-raised);
    border-radius: var(--tara-radius-sm);
    border:      1px solid var(--tara-border);
}

.sku-buscar-empty[b-m09omh0cq9] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    padding:         1.5rem .5rem;
    color:           var(--tara-text-muted);
    font-size:       .83rem;
    gap:             .4rem;
    text-align:      center;
}

/* Lista de resultados */
.sku-buscar-lista[b-m09omh0cq9] {
    display:       flex;
    flex-direction: column;
    gap:           .25rem;
    max-height:    340px;
    overflow-y:    auto;
}

.sku-buscar-item[b-m09omh0cq9] {
    display:       flex;
    flex-direction: column;
    text-align:    left;
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding:       .55rem .75rem;
    cursor:        pointer;
    transition:    background .12s, border-color .12s;
    width:         100%;
}

.sku-buscar-item:hover[b-m09omh0cq9] {
    background:   var(--tara-primary-subtle);
    border-color: var(--tara-primary);
}

.sku-buscar-item-nombre[b-m09omh0cq9] {
    font-size:   .85rem;
    font-weight: 600;
    color:       var(--tara-text);
    white-space: nowrap;
    overflow:    hidden;
    text-overflow: ellipsis;
}

.sku-buscar-item-sub[b-m09omh0cq9] {
    display:   flex;
    flex-wrap: wrap;
    gap:       .35rem;
    margin-top: .15rem;
}

.sku-buscar-barcode[b-m09omh0cq9] {
    font-size:   .7rem;
    font-family: monospace;
    color:       var(--tara-text-muted);
    background:  var(--tara-th-bg);
    border-radius: 4px;
    padding:     .05rem .3rem;
}

.sku-buscar-desc[b-m09omh0cq9] {
    font-size:     .7rem;
    color:         var(--tara-text-muted);
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
    max-width:     260px;
}

/* Dialog footer */
.sku-dialog-footer[b-m09omh0cq9] {
    display:        flex;
    justify-content: flex-end;
    padding:        .65rem 1rem .85rem;
    border-top:     1px solid var(--tara-border-subtle);
    gap:            .5rem;
}

.sku-btn-cancel[b-m09omh0cq9] {
    background:    transparent;
    border:        1.5px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    color:         var(--tara-text);
    font-size:     .82rem;
    padding:       .45rem 1.1rem;
    cursor:        pointer;
    font-weight:   500;
    transition:    border-color .15s, background .15s;
}

.sku-btn-cancel:hover[b-m09omh0cq9] {
    border-color: var(--tara-text-muted);
    background:   var(--tara-surface-raised);
}
/* _content/Raramuri.blzr/Components/Shared/SessionInvalidationDialog.razor.rz.scp.css */
[b-t36s08fp4o] .tara-session-dialog .mud-dialog-content {
    padding: 20px 22px 10px 22px;
}

[b-t36s08fp4o] .tara-session-dialog .mud-dialog-actions {
    padding: 0 22px 18px 22px;
}

[b-t36s08fp4o] .tara-session-dialog__content h3 {
    margin: 0 0 8px 0;
    color: var(--tara-primary-dark);
    font-size: 1rem;
    font-weight: 700;
}

[b-t36s08fp4o] .tara-session-dialog__content p {
    margin: 0 0 8px 0;
    color: var(--tara-text);
    font-size: 0.92rem;
    line-height: 1.45;
}

[b-t36s08fp4o] .tara-session-dialog__btn {
    min-width: 132px;
    font-weight: 600;
}
/* _content/Raramuri.blzr/Components/Shared/Tarahumara/FilterAccordion.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════════════
   FilterAccordion.razor.css — Patrón Tarahumara
   Estilos del acordeón reutilizable de filtros.

   Tokens: var(--tara-*) de tarahumara-theme.css
   Prefijo de clases: tara-fa-* (fa = FilterAccordion)

   IMPORTANTE:
   • NO usar :root {} — Blazor CSS isolation lo transforma en :root[b-hash]
     (selector inválido que nunca aplica). Consumir tokens directamente.
   • Los estilos específicos del contenido interior (pills, grid de filtros,
     MudAutocomplete overrides) viven en el .razor.css del componente padre.
   • SummaryContent se renderiza con el scope CSS del padre — sus clases
     pertenecen al padre, no a este archivo.
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Contenedor externo ──────────────────────────────────────────────────── */

.tara-fa-card[b-8ei26dkpp4] {
    background:    var(--tara-surface);
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    margin-bottom: 1rem;
    box-shadow:    var(--tara-shadow);
    overflow:      hidden;
    transition:    border-color .15s ease;
}

.tara-fa-card--open[b-8ei26dkpp4] {
    border-color: color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
}

/* ── Cabecera ─────────────────────────────────────────────────────────────── */

.tara-fa-header[b-8ei26dkpp4] {
    display:          flex;
    align-items:      center;
    gap:              .6rem;
    width:            100%;
    padding:          .7rem 1rem;
    background:       none;
    border:           none;
    border-bottom:    1px solid transparent;
    cursor:           pointer;
    text-align:       left;
    color:            var(--tara-text);
    font-family:      inherit;
    font-size:        .875rem;
    line-height:      1;
    transition:       background .12s ease, border-color .12s ease;
    -webkit-tap-highlight-color: transparent;
}

.tara-fa-card--open .tara-fa-header[b-8ei26dkpp4] {
    border-bottom-color: var(--tara-border-subtle);
    background:          var(--tara-surface-raised);
}

.tara-fa-header:hover[b-8ei26dkpp4] {
    background: var(--tara-surface-raised);
}

.tara-fa-header:focus-visible[b-8ei26dkpp4] {
    outline:        2px solid var(--tara-primary-dark);
    outline-offset: -2px;
}

/* ── Interior izquierdo del header ───────────────────────────────────────── */

.tara-fa-header-left[b-8ei26dkpp4] {
    display:     flex;
    align-items: center;
    gap:         .45rem;
    flex:        1;
    min-width:   0;
    flex-wrap:   wrap;
}

/* Ícono de filtro (funnel SVG) */
.tara-fa-icon[b-8ei26dkpp4] {
    flex-shrink: 0;
    color:       var(--tara-primary-dark);
    opacity:     .8;
}

/* Texto del título */
.tara-fa-title[b-8ei26dkpp4] {
    font-weight:    600;
    font-size:      .82rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color:          var(--tara-text-muted);
    flex-shrink:    0;
}

/* Texto de respaldo cuando SummaryContent es null y el panel está colapsado */
.tara-fa-no-summary[b-8ei26dkpp4] {
    font-size:  .75rem;
    color:      var(--tara-text-muted);
    font-style: italic;
}

/* ── Chevron animado ─────────────────────────────────────────────────────── */

.tara-fa-chevron[b-8ei26dkpp4] {
    flex-shrink: 0;
    margin-left: auto;
    color:       var(--tara-text-muted);
    transition:  transform .22s ease;
}

.tara-fa-chevron--up[b-8ei26dkpp4] {
    transform: rotate(180deg);
}

/* ── Cuerpo animado — CSS grid-template-rows 0fr → 1fr ──────────────────── */
/*
   Técnica Patrón Tarahumara: no usar height:auto ni max-height en transiciones.
   grid-template-rows: 0fr → 1fr anima el colapso/expansión sin JS y sin FOUC.
   El ChildContent permanece SIEMPRE montado — los controles conservan estado.
*/

.tara-fa-body[b-8ei26dkpp4] {
    display:            grid;
    grid-template-rows: 0fr;
    transition:         grid-template-rows .22s ease;
}

.tara-fa-card--open .tara-fa-body[b-8ei26dkpp4] {
    grid-template-rows: 1fr;
}

/* Clip necesario para que el overflow quede oculto durante la animación */
.tara-fa-body-inner[b-8ei26dkpp4] {
    overflow: hidden;
}

/* ── Responsive: cabecera más compacta en móvil ──────────────────────────── */

@media (max-width: 640px) {
    .tara-fa-header[b-8ei26dkpp4] {
        padding: .65rem .8rem;
    }
}
/* _content/Raramuri.blzr/Components/Shared/Tarahumara/Indicadores/IndicadoresDateRange.razor.rz.scp.css */
.tara-ind-date-range[b-xr2mo5wsux] {
    display: grid;
    grid-template-columns: repeat(2, minmax(140px, 1fr));
    gap: .6rem;
    min-width: 0;
}

.tara-ind-date-picker[b-xr2mo5wsux] {
    min-width: 0;
}

.tara-ind-date-picker[b-xr2mo5wsux]  .mud-input-label {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .68rem;
    font-weight: 800;
}

.tara-ind-date-picker[b-xr2mo5wsux]  .mud-input-root {
    color: var(--tara-text);
    background: var(--tara-surface);
}

.tara-ind-date-picker[b-xr2mo5wsux]  .mud-input-outlined {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
}

.tara-ind-date-picker[b-xr2mo5wsux]  .mud-input-outlined:hover,
.tara-ind-date-picker[b-xr2mo5wsux]  .mud-input-root:focus-within .mud-input-outlined {
    border-color: var(--tara-primary-dark);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-ind-date-picker[b-xr2mo5wsux]  .mud-input-adornment,
.tara-ind-date-picker[b-xr2mo5wsux]  .mud-icon-root,
.tara-ind-date-picker[b-xr2mo5wsux]  .mud-button-root {
    color: var(--tara-primary-dark);
}

.tara-ind-date-picker[b-xr2mo5wsux]  input {
    color: var(--tara-text);
    font: inherit;
}

.tara-ind-date-picker[b-xr2mo5wsux]  .mud-disabled {
    opacity: .72;
    cursor: not-allowed;
}

@media (max-width: 640px) {
    .tara-ind-date-range[b-xr2mo5wsux] {
        grid-template-columns: 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Shared/Tarahumara/Indicadores/IndicadoresDialog.razor.rz.scp.css */
.tara-ind-dialog-backdrop[b-q8s82ix52w] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: color-mix(in srgb, var(--tara-text) 34%, transparent);
}

.tara-ind-dialog[b-q8s82ix52w] {
    width: min(980px, 96vw);
    max-height: min(760px, 92vh);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-lg);
}

.tara-ind-dialog--narrow[b-q8s82ix52w] {
    width: min(520px, 94vw);
}

.tara-ind-dialog--wide[b-q8s82ix52w] {
    width: min(1120px, 96vw);
}

.tara-ind-dialog--image[b-q8s82ix52w] {
    width: min(560px, 94vw);
}

.tara-ind-dialog-header[b-q8s82ix52w] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem;
    border-bottom: 1px solid var(--tara-border);
}

.tara-ind-dialog-header span[b-q8s82ix52w] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-ind-dialog-header h2[b-q8s82ix52w] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 900;
}

.tara-ind-dialog-header p[b-q8s82ix52w] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-ind-dialog-header button[b-q8s82ix52w] {
    width: 32px;
    height: 32px;
    display: inline-grid;
    place-items: center;
    color: var(--tara-text);
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    cursor: pointer;
}

.tara-ind-dialog-header button:hover[b-q8s82ix52w],
.tara-ind-dialog-header button:focus-visible[b-q8s82ix52w] {
    border-color: color-mix(in srgb, var(--tara-primary) 35%, var(--tara-border));
    color: var(--tara-primary-dark);
    outline: none;
}

.tara-ind-dialog-actions[b-q8s82ix52w],
.tara-ind-dialog-footer[b-q8s82ix52w] {
    display: flex;
    gap: .5rem;
    padding: .75rem .9rem;
    border-bottom: 1px solid var(--tara-border);
}

.tara-ind-dialog-actions[b-q8s82ix52w] {
    justify-content: flex-start;
}

.tara-ind-dialog-footer[b-q8s82ix52w] {
    justify-content: flex-end;
    border-top: 1px solid var(--tara-border);
    border-bottom: 0;
}

.tara-ind-dialog-actions button[b-q8s82ix52w] {
    height: 32px;
    padding: 0 .7rem;
    color: var(--tara-text);
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    font-weight: 800;
    cursor: pointer;
}

.tara-ind-dialog-actions button:hover[b-q8s82ix52w],
.tara-ind-dialog-actions button:focus-visible[b-q8s82ix52w] {
    border-color: color-mix(in srgb, var(--tara-primary) 35%, var(--tara-border));
    color: var(--tara-primary-dark);
    outline: none;
}

.tara-ind-dialog-body[b-q8s82ix52w] {
    min-height: 0;
    overflow: auto;
}

@media (max-width: 760px) {
    .tara-ind-dialog-backdrop[b-q8s82ix52w] {
        padding: .65rem;
    }
}
/* _content/Raramuri.blzr/Components/Shared/Tarahumara/Indicadores/IndicadoresExportActions.razor.rz.scp.css */
.tara-ind-actions[b-ictsb60bdf] {
    display: flex;
    align-items: end;
    gap: .6rem;
    min-width: 0;
}

.tara-ind-primary-action[b-ictsb60bdf],
.tara-ind-pdf-action[b-ictsb60bdf],
.tara-ind-excel-action[b-ictsb60bdf] {
    min-height: 38px;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .tara-ind-primary-action[b-ictsb60bdf],
    .tara-ind-pdf-action[b-ictsb60bdf],
    .tara-ind-excel-action[b-ictsb60bdf] {
        width: 100%;
    }
}
/* _content/Raramuri.blzr/Components/Shared/Tarahumara/Indicadores/IndicadoresLoading.razor.rz.scp.css */
.tara-ind-state[b-sk3lyyw7gt] {
    min-height: 280px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-ind-state--compact[b-sk3lyyw7gt] {
    min-height: 260px;
}

.tara-ind-state p[b-sk3lyyw7gt] {
    margin: 0;
}

.tara-ind-state small[b-sk3lyyw7gt] {
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-ind-state[b-sk3lyyw7gt]  .mud-icon-root {
    color: var(--tara-text-muted);
}