/* _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-g2211xk2af] .mud-appbar.tara-appbar-premium {
    background: linear-gradient(90deg, var(--tara-primary) 0%, var(--tara-primary-dark) 100%) !important;
}

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

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

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

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

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

.nav-context-zone[b-g2211xk2af] {
    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-g2211xk2af] {
    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-g2211xk2af] {
    background:   rgba(255, 255, 255, .22);
    border-color: rgba(255, 255, 255, .50);
    transform:    translateY(-1px);
}

.nav-context-main[b-g2211xk2af] {
    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-g2211xk2af] {
    display:        inline-flex;
    align-items:    center;
    gap:            .35rem;
    flex-wrap:      wrap;
    justify-content:flex-end;
    flex-shrink:    0;
}

.nav-context-chip[b-g2211xk2af] {
    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;
}

.nav-context-user[b-g2211xk2af] {
    display:        inline-flex;
    align-items:    center;
    max-width:      220px;
    min-width:      0;
    overflow:       hidden;
    text-overflow:  ellipsis;
    white-space:    nowrap;
    font-size:      .72rem;
    font-weight:    700;
    color:          rgba(255, 255, 255, .92);
    letter-spacing: .01em;
}

/* ── 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-g2211xk2af] {
    display:     none;
}

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

.nav-username[b-g2211xk2af] {
    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-g2211xk2af] {
    display:     inline-flex;
    align-items: center;
    gap:         .15rem;
    flex-shrink: 0;
}

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

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

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

.nav-weather-chip[b-g2211xk2af] {
    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-g2211xk2af] {
    background: rgba(255, 255, 255, .17);
}

.nav-assistance-chip[b-g2211xk2af] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .28rem .72rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .36);
    background: rgba(120, 0, 0, .24);
    color: rgba(255, 255, 255, .97);
    font-size: .79rem;
    font-weight: 800;
    letter-spacing: .01em;
    flex-shrink: 0;
    transition: background .14s ease, border-color .14s ease, transform .14s ease;
}

.nav-assistance-chip:hover[b-g2211xk2af] {
    background: rgba(120, 0, 0, .38);
    border-color: rgba(255, 255, 255, .55);
    transform: translateY(-1px);
}

/* ── 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-g2211xk2af] .mud-drawer-content {
    display:        flex !important;
    flex-direction: column !important;
    height:         100% !important;
    overflow:       hidden !important;
}

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

.nav-drawer-inner[b-g2211xk2af] {
    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-g2211xk2af] {
    padding:       12px 12px 10px;
    border-bottom: 1px solid var(--tara-border);
    flex-shrink:   0;
}

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

[b-g2211xk2af] .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-g2211xk2af] {
    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-g2211xk2af]::-webkit-scrollbar       { width: 4px; }
.nav-drawer-scroll[b-g2211xk2af]::-webkit-scrollbar-track { background: transparent; }
.nav-drawer-scroll[b-g2211xk2af]::-webkit-scrollbar-thumb { background: var(--tara-border); border-radius: 4px; }

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

.nav-group-header[b-g2211xk2af] {
    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-g2211xk2af] {
    border-top: none;
    padding-top: 14px;
}

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

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

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

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

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

/* Contador de ítems */
.nav-group-count[b-g2211xk2af] {
    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-g2211xk2af] {
    flex-shrink: 0;
    opacity:     .55;
    color:       var(--tara-text-muted);
    transform:   rotate(0deg);
    transition:  transform 0.2s ease !important;
}

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

/* ── Drawer: subgrupo interno ────────────────────────────── */
/*
   Geometría de indentación (columnas ópticas):
   Módulo padre:     icono @ 18px left, texto @ 18+16+10 = 44px
   Subgrupo header:  icono @ 34px left  → alineado con texto del padre
   nav-item--child:  icono @ 50px left  → alineado con texto del subgrupo
   nav-item--grandchild: icono @ 66px  → alineado con texto del child
   nav-subgroup-header--nested: 52px   → alineado con texto del subgrupo padre
*/

.nav-subgroup-header[b-g2211xk2af] {
    display:       flex;
    align-items:   center;
    gap:           8px;
    width:         100%;
    /* 34px: alinea el icono del subgrupo con el texto del módulo padre.
       (18px padding padre + 16px icono = 34px) */
    padding:       9px 12px 5px 34px;
    background:    none;
    border:        none;
    border-radius: 0;
    text-align:    left;
    cursor:        pointer;
    color:         var(--tara-text-muted);
    transition:    background 0.2s ease,
                   border-radius 0.2s ease,
                   color 0.2s ease !important;
}

.nav-subgroup-header:hover[b-g2211xk2af] {
    background:    var(--tara-primary-subtle);
    border-radius: 8px;
    color:         var(--tara-text);
}

.nav-subgroup-header--active[b-g2211xk2af] {
    color: var(--tara-primary-dark);
}

/* Anidado un nivel más — Bancos dentro de Dirección/Empresa:
   52px = 34px del padre + 16px icono del nivel superior + 2px ajuste óptico */
.nav-subgroup-header--nested[b-g2211xk2af] {
    padding-left: 52px;
}

.nav-subgroup-icon[b-g2211xk2af] {
    opacity:     .72;
    flex-shrink: 0;
}

.nav-subgroup-name[b-g2211xk2af] {
    flex:        1;
    min-width:   0;
    font-size:   .82rem;
    font-weight: 600;
    line-height: 1.2;
}

.nav-subgroup-count[b-g2211xk2af] {
    font-size:      .62rem;
    font-weight:    600;
    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;
}

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

/* ── Drawer: ítems de menú — Tarahumara Pro Premium ─────── */
/*
   Diseño «píldora flotante» inspirado en Linear / Stripe:
   - En reposo el ítem ocupa todo el ancho (sin margen).
   - En hover, un margin lateral de 6px + border-radius 8px crea
     la ilusión de una tarjeta flotante dentro del riel, con el
     mismo truco que usa Linear: el background se «encoge» visualmente
     sin mover el contenido gracias a padding compensado.
   - El indicador activo usa border-left 3px + border-radius completo
     para un pill simétrico con acento de marca.
   - Todas las transiciones incluyen background, border-color,
     box-shadow, margin, color y transform en 0.2s ease.
*/

.nav-item[b-g2211xk2af] {
    display:       flex;
    align-items:   center;
    gap:           10px;
    /* Ancho base = 100%; el hover lo «encoge» con margin */
    width:         100%;
    /* padding horizontal asimétrico: 18px izq (alineación visual),
       14px der (espacio para botón estrella) */
    padding:       8px 14px 8px 18px;
    border:        none;
    border-left:   3px solid transparent;
    background:    none;
    border-radius: 0;             /* base sin radius; hover lo activa */
    text-align:    left;
    cursor:        pointer;
    color:         var(--tara-text);
    /* Incluir margin y border-radius en la transición para animar el pill */
    transition:    background   0.2s ease,
                   border-color 0.2s ease,
                   box-shadow   0.2s ease,
                   border-radius 0.2s ease,
                   color        0.2s ease,
                   transform    0.15s ease !important;
}

/* Efecto «píldora flotante» al hover:
   margin lateral shrinks the hit area visually; border-radius + background
   complete the pill; box-shadow lifts it 1px optically. */
.nav-item:hover[b-g2211xk2af] {
    background:    var(--tara-primary-subtle);
    border-radius: 8px;
    margin:        0 6px;
    width:         calc(100% - 12px);
    /* Elevación muy sutil — como una tarjeta que flota */
    box-shadow:    0 1px 4px rgba(0, 0, 0, 0.05),
                   0 0 0 1px rgba(0, 0, 0, 0.02);
    /* Micro-nudge hacia arriba para sensación de lift */
    transform:     translateY(-0.5px);
}

.nav-item:active[b-g2211xk2af] {
    background: rgba(236, 0, 0, 0.10);
    box-shadow: none;
    transform:  translateY(0);
}

/* Estado activo: pill completo con acento lateral de marca.
   border-radius simétrico (ambos lados) porque el border-left ya
   actúa como indicador; no necesitamos asimetrías que lo debiliten. */
.nav-item--active[b-g2211xk2af] {
    background:    color-mix(in srgb, var(--tara-primary) 8%, transparent);
    border-left:   3px solid var(--tara-primary-dark);
    border-radius: 6px;
    color:         var(--tara-primary-dark);
    /* Sombra cálida muy sutil en lugar de box-shadow inset */
    box-shadow:    0 1px 5px rgba(236, 0, 0, 0.09),
                   0 0 0 1px color-mix(in srgb, var(--tara-primary) 14%, transparent);
}

.nav-item--active .nav-item-name[b-g2211xk2af] {
    font-weight: 650;   /* semibold-plus — entre 600 y 700, fluido en variable fonts */
}

/* Código de transacción activo: hereda el tono rojo del padre con opacidad */
.nav-item--active .nav-item-txn[b-g2211xk2af] {
    color:            var(--tara-primary);
    opacity:          .75;
    background:       color-mix(in srgb, var(--tara-primary) 8%, transparent);
    border-color:     color-mix(in srgb, var(--tara-primary) 22%, transparent);
}

.nav-item-icon[b-g2211xk2af] {
    flex-shrink: 0;
    opacity:     .62;
    transition:  opacity 0.2s ease, color 0.2s ease;
}

.nav-item:hover    .nav-item-icon[b-g2211xk2af],
.nav-item--active  .nav-item-icon[b-g2211xk2af] { opacity: 1; }

/* ── Sangría e indentación de subítems — vía ::deep ─────────
   CAUSA RAÍZ RESUELTA:
   Blazor CSS isolation compila .nav-item--child a
   .nav-item--child[b-hqp6u1ue3r], lo que requiere el atributo
   EN EL PROPIO ELEMENTO. Los <button> dentro de bloques
   @if (expanded) { @foreach { ... } } pueden no recibir el
   atributo de scope en el render (el compilador no siempre los
   instrumenta dentro de lambdas anidadas).

   Con ::deep el compilador genera [b-hqp6u1ue3r] .nav-item--child,
   que busca el atributo en CUALQUIER ANCESTRO. El ancestro seguro
   es <div class="nav-drawer-inner"> — siempre renderizado
   directamente en DashboardLayout.razor, siempre tiene el atributo.

   Columnas ópticas finales:
   - Módulo padre:     padding-left 18px  (icono base)
   - Subgrupo header:  padding-left 34px  (texto del padre)
   - nav-item--child:  padding-left 52px  (texto del subgrupo)
   - nav-item--grandchild: padding-left 68px  (texto del child) */

[b-g2211xk2af] .nav-item--child,
[b-g2211xk2af] .nav-item--grandchild {
    display:         flex !important;
    flex-direction:  row !important;
    justify-content: flex-start !important;
    align-items:     center !important;
    text-align:      left !important;
    padding-right:   36px !important; /* Leave room for absolute nav-fav-btn */
    min-height:      38px !important;
    height:          auto !important;
    width:           calc(100% - 16px) !important;
    margin:          2px 8px !important;
    border-radius:   6px !important;
    border-left:     none !important;
    background:      transparent !important;
}

[b-g2211xk2af] .nav-item--child {
    padding-left: 36px !important;
}

[b-g2211xk2af] .nav-item--grandchild {
    padding-left: 52px !important;
}

/* 2. Limpieza del Color Zebra (Inset) */
[b-g2211xk2af] .nav-item-wrapper:nth-child(even) .nav-item {
    background: rgba(0, 0, 0, 0.03) !important;
}
[b-g2211xk2af] .nav-item-wrapper:nth-child(odd) .nav-item {
    background: transparent !important;
}

/* 1. Ocultar Iconos en Subítems */
[b-g2211xk2af] .nav-item--child .mud-icon-root,
[b-g2211xk2af] .nav-item--child i,
[b-g2211xk2af] .nav-item--grandchild .mud-icon-root,
[b-g2211xk2af] .nav-item--grandchild i {
    display: none !important;
}

/* 4. Hover de Alta Gama */
[b-g2211xk2af] .nav-item--child:hover,
[b-g2211xk2af] .nav-item--grandchild:hover,
[b-g2211xk2af] .nav-item:hover {
    background:    rgba(0, 0, 0, 0.06) !important;
    margin:        2px 8px !important; /* Mantener inset en hover */
    width:         calc(100% - 16px) !important;
    border-radius: 6px !important;
    transform:     translateY(0) !important;
    box-shadow:    none !important;
}

/* Active effect */
[b-g2211xk2af] .nav-item--child.nav-item--active,
[b-g2211xk2af] .nav-item--grandchild.nav-item--active,
[b-g2211xk2af] .nav-item.nav-item--active {
    background:  color-mix(in srgb, var(--tara-primary) 5%, transparent) !important;
    box-shadow:  inset 2px 0 0 var(--tara-primary-dark) !important;
}

/* Remove wrapper paddings as we set padding on the item itself */
[b-g2211xk2af] .nav-item-wrapper .nav-item--child      { padding-left: 36px !important; }
[b-g2211xk2af] .nav-item-wrapper .nav-item--grandchild { padding-left: 52px !important; }

/* Sync con Favoritos: esto aplica globalmente a nav-item-body */
[b-g2211xk2af] .nav-item-body {
    display:        flex;
    flex-direction: row !important;
    align-items:    center !important;
    width:          100%;
    min-width:      0;
    gap:            6px;
    flex-grow:      1 !important;
}

/* 2. Legibilidad Máxima del Texto (Evitar truncado) */
[b-g2211xk2af] .nav-item-name {
    color:         var(--mud-palette-text-primary) !important;
    font-weight:   400 !important;
    font-size:     .875rem;
    line-height:   1.1 !important;
    white-space:   normal !important;
    flex-grow:     1 !important;
    padding-right: 8px !important;
    text-align:    left !important;
}

/* 3. Código de Transacción Elegante a la Derecha */
[b-g2211xk2af] .nav-item-txn {
    margin-left:          auto !important;
    flex-shrink:          0 !important;
    color:                var(--mud-palette-text-secondary) !important;
    font-family:          ui-monospace, 'SFMono-Regular', Consolas, 'Courier New', monospace !important;
    font-size:            0.72rem !important;
    font-weight:          bold !important;
    background:           transparent !important;
    border:               none !important;
    padding:              0 !important;
    line-height:          1;
    opacity:              0.6 !important;
}

/* 4. Tratamiento a los Chips de "EN PREPARACIÓN" */
[b-g2211xk2af] .nav-item-prep-chip {
    display:        inline-block;
    padding:        0 4px;
    font-size:      0.58rem !important;
    font-family:    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight:    700;
    letter-spacing: .02em;
    text-transform: uppercase;
    color:          var(--tara-warning);
    background:     transparent;
    border:         1px solid color-mix(in srgb, var(--tara-warning) 40%, transparent);
    border-radius:  4px;
    white-space:    nowrap;
    line-height:    1.2;
    pointer-events: none;
    user-select:    none;
    flex-shrink:    0 !important;
    margin-left:    4px !important;
}


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

.nav-empty[b-g2211xk2af],
.nav-no-results[b-g2211xk2af] {
    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-g2211xk2af] {
    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-g2211xk2af] { opacity: .4; }

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

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

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

[b-g2211xk2af] .tara-drawer-mobile.mud-drawer {
    position: fixed !important;
    inset-inline-start: 0;
    max-width: min(292px, calc(100vw - 1rem));
    width: min(292px, calc(100vw - 1rem)) !important;
    z-index: 1300 !important;
}

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

#blazor-error-ui[b-g2211xk2af] {
    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-g2211xk2af] .mud-layout {
        overflow-x: hidden !important;
    }

    [b-g2211xk2af] .mud-main-content {
        margin-left: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    [b-g2211xk2af] .mud-overlay-drawer {
        backdrop-filter: blur(2px);
        background: rgba(15, 15, 17, .22) !important;
    }

    [b-g2211xk2af] .mud-appbar .mud-toolbar-appbar {
        flex-wrap: nowrap;
        gap: .35rem;
        align-items: center;
    }

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

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

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

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

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

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

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

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

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

@media (max-width: 640px) {
    .nav-context-zone[b-g2211xk2af] {
        order:      0;
        flex:       1 1 auto;
        align-items: stretch;
        margin:     0 .15rem;
    }

    [b-g2211xk2af] .tara-drawer-mobile.mud-drawer {
        max-width: calc(100vw - .75rem);
        width: calc(100vw - .75rem) !important;
    }

    .nav-context-pill[b-g2211xk2af]     { min-width: 0; width: 100%; }
    .nav-context-user[b-g2211xk2af]     { display: none; }
    .nav-user-info[b-g2211xk2af]        { display: none; }
    .nav-weather-chip[b-g2211xk2af],
    .nav-assistance-chip[b-g2211xk2af]  { display: none; }
    .nav-page-content[b-g2211xk2af]     { padding: 1.25rem 1rem 2.5rem; }
}

@media (max-width: 400px) {
    .nav-context-user[b-g2211xk2af] { display: none; }
    .nav-user-info[b-g2211xk2af] { display: none; }
}

/* ── Favoritos: wrapper ítem + botón estrella ────────────── */
/*
   El wrapper es el host real del pill-hover cuando hay botón estrella.
   El .nav-item dentro crece (flex:1) y delega el hover al wrapper para
   que la estrella nunca quede fuera del área activa.
   El margin lateral del pill se aplica al WRAPPER (no al nav-item interno)
   para que la estrella absolutamente posicionada se mueva con él.
*/

.nav-item-wrapper[b-g2211xk2af] {
    display:     flex;
    align-items: stretch;
    position:    relative;
    /* Transición del wrapper para animar el pill lateral igual que nav-item */
    transition:  margin 0.2s ease, width 0.2s ease;
}

/* El nav-item dentro del wrapper crece pero:
   - padding-right ampliado a 40px para que el texto nunca tape la estrella
   - NO aplica hover propio; el wrapper toma ese rol */
.nav-item-wrapper .nav-item[b-g2211xk2af] {
    flex:          1;
    min-width:     0;
    padding-right: 40px;
}

/* El hover del pill se aplica al wrapper completo — la estrella flota encima.
   Mismo tratamiento que nav-item:hover pero en el wrapper para que
   el botón estrella absolutamente posicionado se mueva con el pill. */
.nav-item-wrapper:hover .nav-item[b-g2211xk2af] {
    background:    var(--tara-primary-subtle);
    border-radius: 8px;
    box-shadow:    0 1px 4px rgba(0, 0, 0, 0.05),
                   0 0 0 1px rgba(0, 0, 0, 0.02);
    transform:     translateY(-0.5px);
    /* El margin del pill lo maneja el propio nav-item:hover;
       aquí solo reforzamos background y sombra */
}

/* Botón estrella — posicionado absoluto, aparece en hover del wrapper */
.nav-fav-btn[b-g2211xk2af] {
    display:         flex;
    align-items:     center;
    justify-content: center;
    position:        absolute;
    right:           6px;
    top:             50%;
    transform:       translateY(-50%);
    width:           26px;
    height:          26px;
    border:          none;
    background:      none;
    border-radius:   6px;
    color:           var(--tara-text-muted);
    opacity:         0;
    cursor:          pointer;
    transition:      opacity 0.18s ease, color 0.18s ease, background 0.18s ease;
    flex-shrink:     0;
    padding:         0;
    z-index:         1;   /* sobre el pill del nav-item */
}

.nav-item-wrapper:hover .nav-fav-btn[b-g2211xk2af] { opacity: 1; }

.nav-fav-btn:hover[b-g2211xk2af] {
    color:      var(--tara-primary-dark);
    background: color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

/* Estado activo: estrella dorada cálida — Tarahumara warm gold */
.nav-fav-btn--active[b-g2211xk2af] {
    color:   #C98C00;
    opacity: 1;          /* siempre visible cuando está fijado */
}

.nav-fav-btn--active:hover[b-g2211xk2af] {
    color:      #A07200;
    background: color-mix(in srgb, #C98C00 12%, transparent);
}

/* Icono estrella en la cabecera de la sección Favoritos */
.nav-fav-star-header[b-g2211xk2af] { color: #C98C00 !important; }

/* Cabecera de la sección Favoritos: sin separador top, alineada con los módulos */
.nav-group-header--favorites[b-g2211xk2af] {
    border-top:  none;
    padding-top: 14px;
}

[b-g2211xk2af] .tara-appbar-premium {
    background: linear-gradient(90deg, var(--tara-primary) 0%, var(--tara-primary-deeper) 100%) !important;
}
/* _content/Raramuri.blzr/Components/Layout/LoginLayout.razor.rz.scp.css */
.login-shell[b-rxmp8pz597] {
    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-rxmp8pz597] {
    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-rxmp8pz597] {
        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 */
.tara-shell-root[b-h1d1t4ccxz] {
    min-height: 100vh;
    width: 100%;
    background: var(--tara-bg);
    color: var(--tara-text);
}

#blazor-error-ui[b-h1d1t4ccxz] {
    color-scheme: light only;
    display: none;
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: 1600;
    padding: .7rem 1rem;
    background: color-mix(in srgb, var(--tara-primary-dark) 92%, black);
    color: var(--tara-text-inverse);
    box-shadow: 0 -1px 10px rgba(0, 0, 0, .18);
}

#blazor-error-ui .reload[b-h1d1t4ccxz] {
    color: inherit;
    font-weight: 700;
    margin-left: .5rem;
}

#blazor-error-ui .dismiss[b-h1d1t4ccxz] {
    cursor: pointer;
    position: absolute;
    right: .9rem;
    top: .45rem;
}
/* _content/Raramuri.blzr/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-8v6probq91] {
    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-8v6probq91] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-8v6probq91] {
    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-8v6probq91] {
    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-8v6probq91] {
    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-8v6probq91] {
    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-8v6probq91] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

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

    .nav-item[b-8v6probq91]  .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-8v6probq91]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

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

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

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

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

    .nav-scrollable[b-8v6probq91] {
        /* 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/Layout/SeleccionarContextoDialog.razor.rz.scp.css */
[b-3byhy3ryfq] .tara-context-dialog {
    border-radius: 12px;
}

.tara-context-body[b-3byhy3ryfq] {
    padding: 8px 0;
}

.tara-field[b-3byhy3ryfq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.tara-field label[b-3byhy3ryfq] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-left: 4px;
}

[b-3byhy3ryfq] .tara-select-pill .mud-input-outlined {
    border-radius: 8px;
    background: rgba(0,0,0,0.02);
}

[b-3byhy3ryfq] .tara-select-pill .mud-input-outlined:focus-within {
    background: transparent;
}

[b-3byhy3ryfq] .tara-btn-pill {
    border-radius: 8px;
    font-weight: 600;
    padding: 6px 16px;
    text-transform: none;
    letter-spacing: normal;
}
/* _content/Raramuri.blzr/Components/Pages/Administracion/NuevoTenant.razor.rz.scp.css */
.nt-loading[b-7t6mlqj5gm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 200px;
    color: var(--tara-text-secondary);
}

.nt-page[b-7t6mlqj5gm] {
    max-width: 720px;
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem;
}

.nt-header[b-7t6mlqj5gm] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.nt-header-icon[b-7t6mlqj5gm] {
    color: var(--tara-primary);
    font-size: 2.5rem;
}

.nt-title[b-7t6mlqj5gm] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--tara-text-primary);
}

.nt-subtitle[b-7t6mlqj5gm] {
    margin: 0.25rem 0 0;
    font-size: 0.875rem;
    color: var(--tara-text-secondary);
}

.nt-alert-ok[b-7t6mlqj5gm] {
    margin-bottom: 1rem;
}

.nt-section[b-7t6mlqj5gm] {
    border: 1px solid var(--tara-border);
    border-radius: 8px;
    margin-bottom: 1.25rem;
    overflow: hidden;
}

.nt-section-header[b-7t6mlqj5gm] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--tara-surface-alt);
    border-bottom: 1px solid var(--tara-border);
}

.nt-section-num[b-7t6mlqj5gm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: var(--tara-primary);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    flex-shrink: 0;
}

.nt-section-name[b-7t6mlqj5gm] {
    font-weight: 600;
    font-size: 0.9375rem;
    color: var(--tara-text-primary);
    flex: 1;
}

.nt-section-badge[b-7t6mlqj5gm] {
    font-size: 0.75rem;
    color: var(--tara-text-secondary);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 4px;
    padding: 0.125rem 0.5rem;
}

.nt-section-body[b-7t6mlqj5gm] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.nt-field[b-7t6mlqj5gm] {
    width: 100%;
}

.nt-field-grow[b-7t6mlqj5gm] {
    flex: 1;
}

.nt-field-readonly[b-7t6mlqj5gm]  .mud-input-root {
    background: var(--tara-surface-alt);
}

.nt-db-row[b-7t6mlqj5gm] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.nt-db-reset[b-7t6mlqj5gm] {
    margin-top: 0.5rem;
}

.nt-api-row[b-7t6mlqj5gm] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.nt-copy-btn[b-7t6mlqj5gm] {
    margin-top: 0.5rem;
}

.nt-pass-row[b-7t6mlqj5gm] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

@media (max-width: 540px) {
    .nt-pass-row[b-7t6mlqj5gm] {
        grid-template-columns: 1fr;
    }
}

/* Resumen seguro */
.nt-summary[b-7t6mlqj5gm] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.nt-summary-row[b-7t6mlqj5gm] {
    display: flex;
    gap: 1rem;
    align-items: baseline;
    font-size: 0.875rem;
    padding: 0.25rem 0;
    border-bottom: 1px solid var(--tara-border);
}

.nt-summary-row:last-child[b-7t6mlqj5gm] {
    border-bottom: none;
}

.nt-summary-key[b-7t6mlqj5gm] {
    min-width: 9rem;
    font-weight: 600;
    color: var(--tara-text-secondary);
    flex-shrink: 0;
}

.nt-summary-val[b-7t6mlqj5gm] {
    color: var(--tara-text-primary);
    word-break: break-all;
}

/* Acciones */
.nt-actions[b-7t6mlqj5gm] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
}
/* _content/Raramuri.blzr/Components/Pages/Administracion/TenantProvisionForm.razor.rz.scp.css */
/* TenantProvisionForm — Layout consola 70/30 — Patrón Tarahumara Pro */
/* Usar exclusivamente var(--tara-*) de tarahumara-theme.css           */
/* Sin hardcode de colores · Sin :root{} en CSS isolation              */

/* ── Layout consola principal ──────────────────────────────────────────────── */

.tpf-console[b-4hejrzpog6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 30%);
    gap: 0.875rem;
    align-items: start;
}

/* ── Columna izquierda ──────────────────────────────────────────────────────── */

.tpf-form-col[b-4hejrzpog6] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    min-width: 0;
}

/* ── Columna derecha — sticky ───────────────────────────────────────────────── */

.tpf-panel-col[b-4hejrzpog6] {
    position: sticky;
    top: 0;
    align-self: start;
}

/* ── Panel sticky ───────────────────────────────────────────────────────────── */

.tpf-panel[b-4hejrzpog6] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    box-shadow: var(--tara-shadow);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem 1.125rem;
}

/* ── Cabecera del panel — Patrón Tarahumara Secundario ─────────────────────── */

.tpf-panel-header[b-4hejrzpog6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-bottom: 0.5rem;
    position: relative;
    border-bottom: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
}

.tpf-panel-header[b-4hejrzpog6]::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 2.5rem;
    height: 2px;
    background: var(--tara-primary);
    border-radius: 0 1px 1px 0;
}

.tpf-panel-title[b-4hejrzpog6] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--tara-text-muted);
    flex: 1;
}

.tpf-panel-badge[b-4hejrzpog6] {
    font-size: 0.6rem;
    font-weight: 600;
    padding: 0.1rem 0.5rem;
    border-radius: 99px;
    background: var(--tara-primary-subtle);
    color: var(--tara-primary-dark);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
    white-space: nowrap;
}

/* ── Resumen — grid de 2 columnas ───────────────────────────────────────────── */

.tpf-panel-sum[b-4hejrzpog6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.375rem;
}

.tpf-panel-item[b-4hejrzpog6] {
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    padding: 0.375rem 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    overflow: hidden;
}

.tpf-panel-item-label[b-4hejrzpog6] {
    font-size: 0.575rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--tara-text-muted);
    white-space: nowrap;
}

.tpf-panel-item-val[b-4hejrzpog6] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--tara-text);
    word-break: break-word;
    overflow-wrap: break-word;
    min-height: 1em;
}

.tpf-panel-item-sub[b-4hejrzpog6] {
    font-size: 0.65rem;
    color: var(--tara-text-muted);
    word-break: break-word;
    overflow-wrap: break-word;
}

/* ── Indicador de seguridad ─────────────────────────────────────────────────── */

.tpf-panel-status[b-4hejrzpog6] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.7rem;
    color: var(--tara-text-muted);
}

/* ── Estado del borrador local ──────────────────────────────────────────────── */

.tpf-draft-status[b-4hejrzpog6] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.7rem;
    color: var(--tara-text-muted);
    margin-top: 0.125rem;
}

.tpf-draft-status--saved[b-4hejrzpog6] {
    color: var(--tara-success, #2e7d32);
}

.tpf-draft-status--restored[b-4hejrzpog6] {
    color: var(--tara-primary, #c0392b);
}

.tpf-draft-status--error[b-4hejrzpog6] {
    color: var(--tara-warning, #e65100);
}

.tpf-draft-clear[b-4hejrzpog6] {
    align-self: flex-start;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

/* ── Resultado de operación creada ──────────────────────────────────────────── */

.tpf-provision-result[b-4hejrzpog6] {
    background: var(--tara-bg);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding: 0.625rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.8125rem;
}

.tpf-provision-result-header[b-4hejrzpog6] {
    font-weight: 600;
    color: var(--tara-text);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.tpf-provision-result-id[b-4hejrzpog6] {
    font-family: monospace;
    font-size: 0.7rem;
    color: var(--tara-text-muted);
    word-break: break-all;
}

.tpf-provision-result-text[b-4hejrzpog6] {
    color: var(--tara-text);
}

.tpf-provision-result-hint[b-4hejrzpog6] {
    color: var(--tara-text-muted);
    font-size: 0.75rem;
}

/* ── Acciones — apiladas verticalmente ──────────────────────────────────────── */

.tpf-panel-actions[b-4hejrzpog6] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    padding-top: 0.625rem;
    border-top: 1px solid var(--tara-border);
}

.tpf-panel-btn[b-4hejrzpog6] {
    width: 100%;
}

.tpf-panel-btn-wrap[b-4hejrzpog6] {
    width: 100%;
    display: flex;
}

[b-4hejrzpog6] .tpf-panel-btn-wrap .mud-button-root {
    width: 100%;
    justify-content: flex-start;
}

/* ── Buscador deshabilitado ──────────────────────────────────────────────────── */

.tpf-search-row[b-4hejrzpog6] {
    margin-bottom: 0.125rem;
}

.tpf-search-input[b-4hejrzpog6] {
    width: 100%;
}

/* ── Cards (columna izquierda) ──────────────────────────────────────────────── */

.tpf-card[b-4hejrzpog6] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding: 0.875rem 1.125rem 1rem;
    box-shadow: var(--tara-shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

/* ── Cabecera de card — Patrón Tarahumara Secundario ────────────────────────── */

.tpf-card-header[b-4hejrzpog6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.125rem;
    position: relative;
    border-bottom: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
}

.tpf-card-header[b-4hejrzpog6]::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 2.5rem;
    height: 2px;
    background: var(--tara-primary);
    border-radius: 0 1px 1px 0;
}

.tpf-card-title[b-4hejrzpog6] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--tara-text-muted);
    flex: 1;
}

/* ── Grid de campos 2 columnas ──────────────────────────────────────────────── */

.tpf-grid[b-4hejrzpog6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 1rem;
    align-items: start;
}

.tpf-span2[b-4hejrzpog6] {
    grid-column: 1 / -1;
}

/* ── Base de datos + botón reset ────────────────────────────────────────────── */

.tpf-db-cell[b-4hejrzpog6] {
    display: flex;
    align-items: flex-start;
    gap: 0.25rem;
}

.tpf-field-grow[b-4hejrzpog6] {
    flex: 1 1 0;
    min-width: 0;
}

.tpf-db-reset[b-4hejrzpog6] {
    margin-top: 0.15rem;
    flex-shrink: 0;
}

/* ── Campo readonly ─────────────────────────────────────────────────────────── */

.tpf-field-readonly[b-4hejrzpog6] {
    opacity: 0.72;
}

/* ── Estado de polling ──────────────────────────────────────────────────────── */

.tpf-poll-status[b-4hejrzpog6] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    background: var(--tara-bg);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
}

.tpf-poll-row[b-4hejrzpog6] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.5rem;
}

.tpf-poll-label[b-4hejrzpog6] {
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--tara-text-muted);
    white-space: nowrap;
    flex-shrink: 0;
}

.tpf-poll-val[b-4hejrzpog6] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--tara-text);
    text-align: right;
    word-break: break-word;
}

.tpf-poll-row--error .tpf-poll-val[b-4hejrzpog6] {
    color: var(--tara-primary-dark);
}

/* ── CTA principal — Provisionar (después de validar) ───────────────────────── */

[b-4hejrzpog6] .tpf-cta-primary.mud-button-root {
    height: 3.25rem;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.025em;
    justify-content: center;
}

/* ── Gran panel de progreso — Patrón Curvas ─────────────────────────────────── */

.tpf-provision-progress[b-4hejrzpog6] {
    display: grid;
    gap: 0.75rem;
    padding: clamp(0.9rem, 2.5vw, 1.25rem);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-radius: var(--tara-radius);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-surface) 96%, white),
            color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface)));
    box-shadow: var(--tara-shadow);
}

.tpf-provision-progress__icon[b-4hejrzpog6] {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-grid;
    place-items: center;
    border-radius: 0.75rem;
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    color: var(--tara-primary-dark);
    box-shadow: inset 0 1px 0 color-mix(in srgb, white 74%, transparent);
}

.tpf-provision-progress__icon[b-4hejrzpog6]  .mud-icon-root {
    font-size: 1.4rem;
}

.tpf-provision-progress--success .tpf-provision-progress__icon[b-4hejrzpog6] {
    background: color-mix(in srgb, var(--mud-palette-success) 12%, var(--tara-surface));
    color: var(--mud-palette-success-darken);
}

.tpf-provision-progress--error .tpf-provision-progress__icon[b-4hejrzpog6] {
    background: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tpf-provision-progress--default .tpf-provision-progress__icon[b-4hejrzpog6] {
    background: color-mix(in srgb, var(--tara-text-muted) 10%, var(--tara-surface));
    color: var(--tara-text-muted);
}

.tpf-provision-progress__copy[b-4hejrzpog6] {
    display: grid;
    gap: 0.3rem;
}

.tpf-provision-progress__eyebrow[b-4hejrzpog6] {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

.tpf-provision-progress__copy h3[b-4hejrzpog6] {
    margin: 0;
    font-size: clamp(1.1rem, 1.8vw, 1.4rem);
    font-weight: 700;
    color: var(--tara-text);
    line-height: 1.25;
}

.tpf-provision-progress__copy p[b-4hejrzpog6] {
    margin: 0;
    font-size: 0.82rem;
    color: var(--tara-text-muted);
    line-height: 1.5;
}

.tpf-provision-progress__bar[b-4hejrzpog6] {
    border-radius: 999px;
    overflow: hidden;
}

.tpf-provision-progress__bar[b-4hejrzpog6]  .mud-progress-linear {
    height: 0.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
}

/* ── Meta del polling ───────────────────────────────────────────────────────── */

.tpf-provision-progress__meta[b-4hejrzpog6] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    border-top: 1px solid var(--tara-border-subtle);
    padding-top: 0.5rem;
}

.tpf-provision-progress__meta-row[b-4hejrzpog6] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.5rem;
}

.tpf-provision-progress__meta-key[b-4hejrzpog6] {
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--tara-text-muted);
    white-space: nowrap;
    flex-shrink: 0;
}

.tpf-provision-progress__meta-val[b-4hejrzpog6] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--tara-text);
    text-align: right;
    word-break: break-word;
}

/* ── Operation ID ───────────────────────────────────────────────────────────── */

.tpf-provision-progress__opid[b-4hejrzpog6] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    border-top: 1px solid var(--tara-border-subtle);
    padding-top: 0.5rem;
}

.tpf-provision-progress__opid-key[b-4hejrzpog6] {
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--tara-text-muted);
}

.tpf-provision-progress__opid-val[b-4hejrzpog6] {
    font-family: monospace;
    font-size: 0.68rem;
    color: var(--tara-text-muted);
    word-break: break-all;
    user-select: all;
}

/* ── Responsivo ─────────────────────────────────────────────────────────────── */

@media (max-width: 800px) {
    .tpf-console[b-4hejrzpog6] {
        grid-template-columns: minmax(0, 1fr) minmax(200px, 28%);
        gap: 0.625rem;
    }
}

@media (max-width: 599px) {
    .tpf-console[b-4hejrzpog6] {
        grid-template-columns: 1fr;
    }

    .tpf-form-col[b-4hejrzpog6] {
        order: 1;
    }

    .tpf-panel-col[b-4hejrzpog6] {
        order: 2;
        position: static;
    }

    .tpf-panel-sum[b-4hejrzpog6] {
        grid-template-columns: 1fr 1fr;
    }

    .tpf-grid[b-4hejrzpog6] {
        grid-template-columns: 1fr;
    }

    .tpf-span2[b-4hejrzpog6] {
        grid-column: 1;
    }
}

@media (max-width: 360px) {
    .tpf-panel-sum[b-4hejrzpog6] {
        grid-template-columns: 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Administracion/TenantsDashboard.razor.rz.scp.css */
/* TenantsDashboard — estilos con scope automático de Blazor */
/* Sin :root{} — usa var(--tara-*) directamente                */

/* ── Página ──────────────────────────────────────────────────────────────── */

.tad-page[b-a4bkp3u1s9] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.5rem 1.75rem 2.5rem;
    max-width: 1600px;
}

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

.tad-loading[b-a4bkp3u1s9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 18rem;
    color: var(--tara-text-secondary, #6b7280);
    font-size: 0.9rem;
}

.tad-loading-inline[b-a4bkp3u1s9] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 1.25rem 0;
    color: var(--tara-text-secondary, #6b7280);
    font-size: 0.875rem;
}

/* ── Encabezado ──────────────────────────────────────────────────────────── */

.tad-header[b-a4bkp3u1s9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.tad-header-copy[b-a4bkp3u1s9] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.tad-header-copy h1[b-a4bkp3u1s9] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.2;
}

.tad-header-copy p[b-a4bkp3u1s9] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--tara-text-secondary, #6b7280);
}

.tad-breadcrumb[b-a4bkp3u1s9] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.75rem;
    color: var(--tara-text-secondary, #6b7280);
    margin-bottom: 0.25rem;
}

.tad-breadcrumb strong[b-a4bkp3u1s9] {
    color: var(--tara-text-primary, inherit);
}

.tad-header-actions[b-a4bkp3u1s9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

/* ── Alertas ─────────────────────────────────────────────────────────────── */

.tad-alert[b-a4bkp3u1s9] {
    width: 100%;
}

.tad-alert-body[b-a4bkp3u1s9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

/* ── Pestañas ────────────────────────────────────────────────────────────── */

.tad-tabs[b-a4bkp3u1s9] {
    flex: 1;
}

.tad-tab-panel[b-a4bkp3u1s9] {
    padding-top: 1.25rem;
}

/* ── Fila de filtros ─────────────────────────────────────────────────────── */

.tad-filter-row[b-a4bkp3u1s9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.tad-filter-select[b-a4bkp3u1s9] {
    min-width: 10rem;
    max-width: 14rem;
}

.tad-filter-txt[b-a4bkp3u1s9] {
    min-width: 12rem;
    max-width: 18rem;
}

/* ── Celdas de grid ──────────────────────────────────────────────────────── */

.tad-row-actions[b-a4bkp3u1s9] {
    display: flex;
    align-items: center;
    gap: 0.125rem;
}

.tad-cell-dim[b-a4bkp3u1s9] {
    color: var(--tara-text-secondary, #9ca3af);
    font-size: 0.8125rem;
    font-style: italic;
}

/* ── Diálogos ────────────────────────────────────────────────────────────── */

.tad-dlg-body[b-a4bkp3u1s9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-top: 0.25rem;
}

.tad-dlg-switches[b-a4bkp3u1s9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.25rem 1.5rem;
    margin-bottom: 0.25rem;
}

/* ── Último cambio (columna de grid) ────────────────────────────────────── */

.tad-uc[b-a4bkp3u1s9] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    line-height: 1.35;
}

.tad-uc-fecha[b-a4bkp3u1s9] {
    font-variant-numeric: tabular-nums;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--tara-text-primary, inherit);
}

.tad-uc-op[b-a4bkp3u1s9] {
    font-size: 0.75rem;
    color: var(--tara-text-secondary, #6b7280);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 18ch;
}

.tad-uc-accion[b-a4bkp3u1s9] {
    font-size: 0.7rem;
    color: var(--tara-text-secondary, #9ca3af);
    font-style: italic;
}

.tad-uc-motivo[b-a4bkp3u1s9] {
    font-size: 0.7rem;
    color: var(--tara-text-secondary, #9ca3af);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 22ch;
    display: block;
    cursor: default;
}

/* ── Tabla de auditoría (diálogo historial) ──────────────────────────────── */

.tad-aud-tbl[b-a4bkp3u1s9] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.tad-aud-tbl th[b-a4bkp3u1s9] {
    text-align: left;
    padding: 0.375rem 0.5rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 2px solid var(--tara-border, #e5e7eb);
    white-space: nowrap;
    color: var(--tara-text-secondary, #6b7280);
}

.tad-aud-tbl td[b-a4bkp3u1s9] {
    padding: 0.5rem 0.5rem;
    vertical-align: top;
    border-bottom: 1px solid var(--tara-border, #f3f4f6);
}

.tad-aud-tbl tr:last-child td[b-a4bkp3u1s9] {
    border-bottom: none;
}

.tad-aud-fecha[b-a4bkp3u1s9] {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.tad-aud-op[b-a4bkp3u1s9] {
    white-space: nowrap;
    max-width: 22ch;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--tara-text-secondary, #6b7280);
}

.tad-aud-state[b-a4bkp3u1s9] {
    max-width: 20ch;
    font-size: 0.75rem;
    color: var(--tara-text-secondary, #6b7280);
    word-break: break-word;
}

.tad-aud-motivo[b-a4bkp3u1s9] {
    max-width: 32ch;
    word-break: break-word;
    line-height: 1.4;
}

.tad-aud-ip[b-a4bkp3u1s9] {
    font-size: 0.75rem;
    color: var(--tara-text-secondary, #9ca3af);
    white-space: nowrap;
}

.tad-aud-error[b-a4bkp3u1s9] {
    max-width: 36ch;
    font-size: 0.75rem;
    color: var(--tara-text-secondary, #9ca3af);
    word-break: break-word;
    line-height: 1.4;
}

/* ── Responsivo ──────────────────────────────────────────────────────────── */

@media (max-width: 700px) {
    .tad-page[b-a4bkp3u1s9] {
        padding: 1rem 1rem 2rem;
    }

    .tad-header[b-a4bkp3u1s9] {
        flex-direction: column;
        align-items: stretch;
    }

    .tad-header-actions[b-a4bkp3u1s9] {
        justify-content: flex-end;
    }

    .tad-dlg-switches[b-a4bkp3u1s9] {
        grid-template-columns: 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/AjustesFlexiConfig.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════════════
   AjustesFlexiConfig.razor.css — Patrón Tarahumara Secundario
   Prefijo: flexi-
   No usar :root {} — Blazor lo convierte en :root[b-hash] → inválido.
   Consumir tokens var(--tara-*) directo de tarahumara-theme.css.
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Layout ───────────────────────────────────────────────────────────────── */

.flexi-page[b-spl2stniiv] {
    display:        flex;
    flex-direction: column;
    gap:            .85rem;
}

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

.flexi-header[b-spl2stniiv] {
    display:    flex;
    align-items:flex-start;
    gap:        1rem;
}

.flexi-header-text[b-spl2stniiv] { flex: 1; min-width: 0; }

.flexi-eyebrow[b-spl2stniiv] {
    display:        block;
    color:          var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size:      .72rem;
    font-weight:    800;
    margin-bottom:  .15rem;
}

.flexi-header-text h1[b-spl2stniiv] {
    margin:         0;
    color:          var(--tara-text);
    font-size:      1.55rem;
    font-weight:    900;
    letter-spacing: -.03em;
    line-height:    1.1;
}

.flexi-header-text p[b-spl2stniiv] {
    margin:  .12rem 0 0;
    color:   var(--tara-text-muted);
    font-size: .88rem;
}

/* ── Alert ────────────────────────────────────────────────────────────────── */

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

/* ── KPI row ─────────────────────────────────────────────────────────────── */

.flexi-kpi-row[b-spl2stniiv] {
    display:               grid;
    grid-template-columns: repeat(4, 1fr);
    gap:                   .6rem;
}

@media (max-width: 860px) {
    .flexi-kpi-row[b-spl2stniiv] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 500px) {
    .flexi-kpi-row[b-spl2stniiv] { grid-template-columns: 1fr; }
}

.flexi-kpi[b-spl2stniiv] {
    display:       flex;
    align-items:   center;
    gap:           .55rem;
    padding:       .65rem .85rem;
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background:    var(--tara-surface);
    box-shadow:    var(--tara-shadow-sm);
}

.flexi-kpi--ok[b-spl2stniiv] {
    border-color: color-mix(in srgb, var(--tara-success) 35%, var(--tara-border));
    background:   color-mix(in srgb, var(--tara-success) 5%, var(--tara-surface));
}

.flexi-kpi--warn[b-spl2stniiv] {
    border-color: color-mix(in srgb, var(--tara-danger) 35%, var(--tara-border));
    background:   color-mix(in srgb, var(--tara-danger) 5%, var(--tara-surface));
}

.flexi-kpi--neutral[b-spl2stniiv] {
    border-color: var(--tara-border);
    background:   var(--tara-surface);
}

.flexi-activo-readonly[b-spl2stniiv] {
    display:       flex;
    align-items:   center;
    gap:           .4rem;
    padding:       .5rem .75rem;
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background:    var(--tara-surface);
    font-size:     .82rem;
    color:         var(--tara-text-muted);
    width:         fit-content;
}

.flexi-kpi-icon[b-spl2stniiv] { flex-shrink: 0; color: var(--tara-text-muted); }

.flexi-kpi--ok   .flexi-kpi-icon[b-spl2stniiv] { color: var(--tara-success); }
.flexi-kpi--warn .flexi-kpi-icon[b-spl2stniiv] { color: var(--tara-danger); }

.flexi-kpi > div[b-spl2stniiv] {
    display:        flex;
    flex-direction: column;
    gap:            .06rem;
    min-width:      0;
}

.flexi-kpi-label[b-spl2stniiv] {
    font-size:      .67rem;
    font-weight:    800;
    text-transform: uppercase;
    letter-spacing: .08em;
    color:          var(--tara-text-muted);
}

.flexi-kpi-value[b-spl2stniiv] {
    font-size:   .88rem;
    font-weight: 700;
    color:       var(--tara-text);
    white-space: nowrap;
    overflow:    hidden;
    text-overflow: ellipsis;
}

/* Badges de ambiente */
.flexi-badge[b-spl2stniiv] {
    display:       inline-block;
    padding:       .14rem .52rem;
    border-radius: 999px;
    font-size:     .68rem;
    font-weight:   800;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.flexi-badge--qa[b-spl2stniiv] {
    background: color-mix(in srgb, var(--tara-warning) 15%, var(--tara-surface));
    color:      var(--tara-warning);
    border:     1px solid color-mix(in srgb, var(--tara-warning) 30%, var(--tara-border));
}

.flexi-badge--prod[b-spl2stniiv] {
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    color:      var(--tara-primary-dark);
    border:     1px solid color-mix(in srgb, var(--tara-primary) 25%, var(--tara-border));
}

/* ── Mensaje de estado ────────────────────────────────────────────────────── */

.flexi-status-msg[b-spl2stniiv] {
    display:     flex;
    align-items: center;
    gap:         .45rem;
    padding:     .55rem .85rem;
    background:  color-mix(in srgb, var(--tara-success) 6%, var(--tara-surface));
    border:      1px solid color-mix(in srgb, var(--tara-success) 22%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    font-size:   .82rem;
    color:       var(--tara-text-muted);
}

/* ── Card de formulario ───────────────────────────────────────────────────── */

.flexi-card[b-spl2stniiv] {
    background:    var(--tara-surface);
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow:    var(--tara-shadow-sm);
    overflow:      hidden;
}

.flexi-card-header[b-spl2stniiv] {
    display:      flex;
    align-items:  center;
    gap:          .55rem;
    padding:      .65rem .85rem;
    background:   color-mix(in srgb, var(--tara-surface-raised) 80%, var(--tara-surface));
    border-bottom:1px solid var(--tara-border-subtle);
    font-size:    .8rem;
    font-weight:  700;
    color:        var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .06em;
    flex-wrap:    wrap;
    gap:          .45rem;
}

.flexi-pending-chip[b-spl2stniiv] {
    display:      inline-flex;
    align-items:  center;
    gap:          .3rem;
    margin-left:  auto;
    padding:      .2rem .6rem;
    background:   color-mix(in srgb, var(--tara-warning) 10%, var(--tara-surface));
    border:       1px solid color-mix(in srgb, var(--tara-warning) 28%, var(--tara-border));
    border-radius:999px;
    font-size:    .67rem;
    font-weight:  600;
    color:        var(--tara-warning);
    letter-spacing:.02em;
    text-transform:none;
}

/* ── Grid de campos ──────────────────────────────────────────────────────── */

.flexi-form-grid[b-spl2stniiv] {
    display:               grid;
    grid-template-columns: repeat(3, 1fr);
    gap:                   .75rem 1rem;
    padding:               .85rem;
}

@media (max-width: 860px) {
    .flexi-form-grid[b-spl2stniiv] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 520px) {
    .flexi-form-grid[b-spl2stniiv] { grid-template-columns: 1fr; }
}

.flexi-field[b-spl2stniiv] {
    display:        flex;
    flex-direction: column;
    gap:            .22rem;
    min-width:      0;
}

.flexi-field--check[b-spl2stniiv] {
    justify-content: flex-end;
    padding-bottom:  .1rem;
}

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

.flexi-input[b-spl2stniiv] { width: 100%; }

/* MudBlazor focus ring Tarahumara */
[b-spl2stniiv] .flexi-input .mud-input-outlined:hover .mud-input-outlined-border,
[b-spl2stniiv] .flexi-input .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-spl2stniiv] .flexi-input .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

/* ── Acciones ──────────────────────────────────────────────────────────────── */

.flexi-actions[b-spl2stniiv] {
    display:     flex;
    flex-wrap:   wrap;
    gap:         .6rem;
    align-items: center;
    padding:     .25rem 0 .5rem;
}

/* ── Selector de ambiente ─────────────────────────────────────────────────── */

.flexi-amb-row[b-spl2stniiv] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    flex-wrap:   wrap;
}

.flexi-amb-label[b-spl2stniiv] {
    font-size:      .72rem;
    font-weight:    800;
    text-transform: uppercase;
    letter-spacing: .08em;
    color:          var(--tara-text-muted);
}

.flexi-amb-btn[b-spl2stniiv] {
    display:       inline-flex;
    align-items:   center;
    gap:           .3rem;
    padding:       .28rem .65rem;
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background:    var(--tara-surface);
    cursor:        pointer;
    transition:    border-color .14s ease, background .14s ease;
}

.flexi-amb-btn:hover:not(:disabled)[b-spl2stniiv] {
    border-color: color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
}

.flexi-amb-btn--active[b-spl2stniiv] {
    border-color: color-mix(in srgb, var(--tara-primary) 40%, var(--tara-border));
    background:   color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
}

.flexi-amb-btn:disabled[b-spl2stniiv] { opacity: .5; cursor: not-allowed; }

.flexi-spinner-inline[b-spl2stniiv] { margin-left: .3rem; }

/* ── Hint tag (ya configurada, etc.) ─────────────────────────────────────── */

.flexi-hint-tag[b-spl2stniiv] {
    display:       inline-block;
    margin-left:   .4rem;
    padding:       .08rem .42rem;
    border:        1px solid color-mix(in srgb, var(--tara-success) 30%, var(--tara-border));
    border-radius: 999px;
    background:    color-mix(in srgb, var(--tara-success) 8%, var(--tara-surface));
    color:         var(--tara-success);
    font-size:     .64rem;
    font-weight:   700;
    text-transform:none;
    letter-spacing:.02em;
    vertical-align:middle;
}

/* ── Campo ancho (BaseUrl) ───────────────────────────────────────────────── */

.flexi-field--wide[b-spl2stniiv] { grid-column: 1 / -1; }

@media (max-width: 860px) { .flexi-field--wide[b-spl2stniiv] { grid-column: auto; } }

/* ── Error de formulario ─────────────────────────────────────────────────── */

.flexi-form-error[b-spl2stniiv] {
    display:     flex;
    align-items: center;
    gap:         .45rem;
    padding:     .55rem .85rem;
    margin:      .5rem .85rem .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);
}

/* ── Resultado de prueba de conexión ─────────────────────────────────────── */

.flexi-card--test[b-spl2stniiv] { padding: .85rem; }

.flexi-card--test-ok[b-spl2stniiv] {
    border-color: color-mix(in srgb, var(--tara-success) 35%, var(--tara-border));
    background:   color-mix(in srgb, var(--tara-success) 5%, var(--tara-surface));
}

.flexi-card--test-fail[b-spl2stniiv] {
    border-color: color-mix(in srgb, var(--tara-danger) 35%, var(--tara-border));
    background:   color-mix(in srgb, var(--tara-danger) 5%, var(--tara-surface));
}

.flexi-test-result[b-spl2stniiv] {
    display:     flex;
    align-items: flex-start;
    gap:         .75rem;
}

.flexi-test-result strong[b-spl2stniiv] { display: block; font-size: .9rem; color: var(--tara-text); }
.flexi-test-result p[b-spl2stniiv]  { margin: .22rem 0 .22rem; font-size: .82rem; color: var(--tara-text-muted); }

/* ── Tabla de logs ───────────────────────────────────────────────────────── */

.flexi-logs-table-wrap[b-spl2stniiv] {
    overflow-x:    auto;
    border-top:    1px solid var(--tara-border-subtle);
}

.flexi-logs-table[b-spl2stniiv] {
    width:           100%;
    border-collapse: collapse;
    font-size:       .78rem;
}

.flexi-logs-table thead th[b-spl2stniiv] {
    padding:        .38rem .65rem;
    text-align:     left;
    font-size:      .67rem;
    font-weight:    800;
    text-transform: uppercase;
    letter-spacing: .06em;
    color:          var(--tara-text-muted);
    border-bottom:  1px solid var(--tara-border-subtle);
    white-space:    nowrap;
}

.flexi-logs-table tbody td[b-spl2stniiv] {
    padding:       .35rem .65rem;
    color:         var(--tara-text);
    border-bottom: 1px solid var(--tara-border-subtle);
    white-space:   nowrap;
}

.flexi-log-row--ok  td[b-spl2stniiv] { background: color-mix(in srgb, var(--tara-success) 3%, var(--tara-surface)); }
.flexi-log-row--fail td[b-spl2stniiv] { background: color-mix(in srgb, var(--tara-danger)  3%, var(--tara-surface)); }

.flexi-log-badge[b-spl2stniiv] {
    display:       inline-flex;
    align-items:   center;
    padding:       .12rem .45rem;
    border-radius: 999px;
    font-size:     .68rem;
    font-weight:   700;
}

.flexi-log-badge--ok[b-spl2stniiv] {
    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) 28%, var(--tara-border));
}

.flexi-log-badge--fail[b-spl2stniiv] {
    background: color-mix(in srgb, var(--tara-danger) 12%, var(--tara-surface));
    color:      var(--tara-primary-dark);
    border:     1px solid color-mix(in srgb, var(--tara-danger) 28%, var(--tara-border));
}

.flexi-log-msg[b-spl2stniiv] {
    white-space: normal;
    max-width:   260px;
    word-break:  break-word;
    color:       var(--tara-text-muted);
}

.flexi-logs-empty[b-spl2stniiv] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    gap:             .55rem;
    padding:         2rem;
    color:           var(--tara-text-muted);
    font-size:       .84rem;
    text-align:      center;
}

/* ── Sección de catálogo de productos ────────────────────────────────────── */

.flexi-prod-section[b-spl2stniiv] { scroll-margin-top: 72px; }

.flexi-prod-nota[b-spl2stniiv] {
    margin-left: auto;
    font-size:   .67rem;
    font-weight: 500;
    color:       var(--tara-text-muted);
    text-transform: none;
    letter-spacing: 0;
    font-style:  italic;
}

.flexi-prod-close-btn[b-spl2stniiv] {
    margin-left: .3rem;
    border:      none;
    background:  transparent;
    cursor:      pointer;
    color:       var(--tara-text-muted);
    font-size:   .85rem;
    line-height: 1;
    padding:     .18rem .35rem;
    border-radius: var(--tara-radius-sm);
    transition:  background .12s ease, color .12s ease;
}

.flexi-prod-close-btn:hover[b-spl2stniiv] { background: var(--tara-border); color: var(--tara-text); }

/* Filtros */
.flexi-prod-filters[b-spl2stniiv] {
    display:               grid;
    grid-template-columns: minmax(140px,.8fr) repeat(3, minmax(120px,.6fr)) minmax(100px,.4fr) auto;
    gap:                   .6rem;
    align-items:           end;
    padding:               .75rem .85rem;
    border-bottom:         1px solid var(--tara-border-subtle);
    flex-wrap:             wrap;
}

@media (max-width: 1100px) {
    .flexi-prod-filters[b-spl2stniiv] { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 680px) {
    .flexi-prod-filters[b-spl2stniiv] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 420px) {
    .flexi-prod-filters[b-spl2stniiv] { grid-template-columns: 1fr; }
}

/* Meta de resultado */
.flexi-prod-meta[b-spl2stniiv] {
    display:     flex;
    flex-wrap:   wrap;
    gap:         .4rem .75rem;
    align-items: center;
    padding:     .55rem .85rem;
    font-size:   .78rem;
    color:       var(--tara-text-muted);
    border-bottom: 1px solid var(--tara-border-subtle);
}

.flexi-prod-meta strong[b-spl2stniiv] { color: var(--tara-text); }

/* Tabla de productos */
.flexi-prod-table-wrap[b-spl2stniiv] {
    overflow-x: auto;
    max-height: clamp(380px, calc(100vh - 420px), 680px);
    overflow-y: auto;
}

.flexi-prod-table-wrap[b-spl2stniiv]::-webkit-scrollbar { height: 6px; width: 6px; }
.flexi-prod-table-wrap[b-spl2stniiv]::-webkit-scrollbar-thumb { background: var(--tara-border); border-radius: 999px; }

.flexi-prod-table[b-spl2stniiv] {
    width:           100%;
    border-collapse: collapse;
    font-size:       .78rem;
    min-width:       700px;
}

.flexi-prod-table thead th[b-spl2stniiv] {
    position:       sticky;
    top:            0;
    z-index:        2;
    padding:        .38rem .65rem;
    text-align:     left;
    font-size:      .67rem;
    font-weight:    800;
    text-transform: uppercase;
    letter-spacing: .06em;
    color:          var(--tara-text-muted);
    background:     color-mix(in srgb, var(--tara-surface-raised) 88%, var(--tara-surface));
    border-bottom:  1.5px solid color-mix(in srgb, var(--tara-text) 20%, var(--tara-border));
    white-space:    nowrap;
}

.flexi-prod-table tbody tr[b-spl2stniiv] {
    border-bottom: 1px solid var(--tara-border-subtle);
    transition:    background .10s ease;
}

.flexi-prod-table tbody tr:hover td[b-spl2stniiv] {
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface-raised));
}

.flexi-prod-table tbody td[b-spl2stniiv] {
    padding:    .3rem .65rem;
    color:      var(--tara-text);
    background: var(--tara-surface);
    white-space:nowrap;
}

.flexi-prod-table tbody tr:nth-child(even) td[b-spl2stniiv] {
    background: color-mix(in srgb, var(--tara-surface-raised) 70%, var(--tara-surface));
}

.flexi-prod-code[b-spl2stniiv] { font-family: monospace; font-size: .74rem; color: var(--tara-text-muted); }
.flexi-prod-desc[b-spl2stniiv] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 280px; }
.flexi-prod-num[b-spl2stniiv]  { text-align: right; font-variant-numeric: tabular-nums; }
.flexi-prod-ean[b-spl2stniiv]  { font-family: monospace; font-size: .72rem; color: var(--tara-text-muted); }

/* ── Catálogos de ventas Flexi ──────────────────────────────────────────────── */

/* Badge de estado en el card-header */
.flexi-ventas-badge[b-spl2stniiv] {
    display:        inline-flex;
    align-items:    center;
    margin-left:    auto;
    padding:        .18rem .58rem;
    border-radius:  999px;
    font-size:      .67rem;
    font-weight:    700;
    letter-spacing: .03em;
    text-transform: none;
    border:         1px solid transparent;
    white-space:    nowrap;
    line-height:    1.4;
}

.flexi-ventas-badge--ok[b-spl2stniiv] {
    background:  color-mix(in srgb, var(--tara-success) 10%, var(--tara-surface));
    border-color:color-mix(in srgb, var(--tara-success) 28%, var(--tara-border));
    color:       var(--tara-success);
}

.flexi-ventas-badge--fail[b-spl2stniiv] {
    background:  color-mix(in srgb, var(--tara-danger) 10%, var(--tara-surface));
    border-color:color-mix(in srgb, var(--tara-danger) 28%, var(--tara-border));
    color:       var(--tara-primary-dark);
}

.flexi-ventas-badge--loading[b-spl2stniiv] {
    background:  var(--tara-surface-raised);
    border-color:var(--tara-border);
    color:       var(--tara-text-muted);
}

/* Cuerpo de la card */
.flexi-ventas-body[b-spl2stniiv] {
    display:        flex;
    flex-direction: column;
    gap:            .85rem;
    padding:        .85rem;
}

.flexi-ventas-subtitle[b-spl2stniiv] {
    margin:      0;
    font-size:   .82rem;
    color:       var(--tara-text-muted);
    line-height: 1.45;
}

/* Skeleton de carga */
.flexi-ventas-kpis[b-spl2stniiv],
.flexi-ventas-kpis:has(.flexi-ventas-skeleton)[b-spl2stniiv] {
    display:               grid;
    grid-template-columns: repeat(4, 1fr);
    gap:                   .6rem;
}

@media (max-width: 680px) {
    .flexi-ventas-kpis[b-spl2stniiv] { grid-template-columns: repeat(2, 1fr); }
}

.flexi-ventas-skeleton[b-spl2stniiv] {
    height:          52px;
    border-radius:   var(--tara-radius-sm);
    background:      linear-gradient(
        90deg,
        var(--tara-surface-raised) 25%,
        var(--tara-border-subtle)  50%,
        var(--tara-surface-raised) 75%
    );
    background-size: 200% 100%;
    animation:       flexi-ventas-shimmer-b-spl2stniiv 1.5s ease-in-out infinite;
}

@keyframes flexi-ventas-shimmer-b-spl2stniiv {
    0%   { background-position: 200% center; }
    100% { background-position: -200% center; }
}

/* Banner de error */
.flexi-ventas-error-banner[b-spl2stniiv] {
    display:       flex;
    align-items:   center;
    gap:           .5rem;
    padding:       .55rem .75rem;
    background:    color-mix(in srgb, var(--tara-danger) 7%, var(--tara-surface));
    border:        1px solid color-mix(in srgb, var(--tara-danger) 22%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    font-size:     .82rem;
    color:         var(--tara-text);
}

.flexi-ventas-error-icon[b-spl2stniiv] {
    color:       var(--tara-danger);
    flex-shrink: 0;
}

/* KPI chips */
.flexi-ventas-kpi[b-spl2stniiv] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    gap:             .1rem;
    padding:         .7rem .5rem .6rem;
    border:          1px solid color-mix(in srgb, var(--tara-success) 22%, var(--tara-border));
    border-radius:   var(--tara-radius-sm);
    background:      color-mix(in srgb, var(--tara-success) 4%, var(--tara-surface));
    text-align:      center;
    transition:      box-shadow .14s ease;
}

.flexi-ventas-kpi:hover[b-spl2stniiv] {
    box-shadow: var(--tara-shadow-sm);
}

/* KPI clickable — reset button + hover interactivo */
.flexi-ventas-kpi--btn[b-spl2stniiv] {
    font:        inherit;
    cursor:      pointer;
    transition:  box-shadow .14s ease, border-color .14s ease,
                 background .14s ease, transform .1s ease;
}

.flexi-ventas-kpi--btn:hover[b-spl2stniiv] {
    border-color: var(--tara-primary);
    background:   color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    box-shadow:   var(--tara-shadow-sm);
    transform:    translateY(-2px);
}

.flexi-ventas-kpi--btn:active[b-spl2stniiv] {
    transform:  translateY(0);
    box-shadow: none;
}

/* Hint bajo KPIs */
.flexi-ventas-hint[b-spl2stniiv] {
    text-align:  center;
    font-size:   .72rem;
    color:       var(--tara-text-muted);
    margin:      .15rem 0 0;
}

.flexi-ventas-kpi-num[b-spl2stniiv] {
    font-size:      1.5rem;
    font-weight:    900;
    letter-spacing: -.04em;
    color:          var(--tara-text);
    line-height:    1;
}

.flexi-ventas-kpi-lbl[b-spl2stniiv] {
    font-size:      .63rem;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color:          var(--tara-text-muted);
    line-height:    1.2;
}

/* Mensaje ok */
.flexi-ventas-msg-ok[b-spl2stniiv] {
    margin:      0;
    font-size:   .82rem;
    color:       var(--tara-text-muted);
    font-style:  italic;
    line-height: 1.45;
}

/* Footer: botón + nota */
.flexi-ventas-footer[b-spl2stniiv] {
    display:      flex;
    align-items:  center;
    gap:          .75rem;
    flex-wrap:    wrap;
    padding-top:  .55rem;
    border-top:   1px solid var(--tara-border-subtle);
    margin-top:   .1rem;
}

.flexi-ventas-nota[b-spl2stniiv] {
    font-size:  .72rem;
    color:      var(--tara-text-muted);
    font-style: italic;
}

/* Botón importar — deshabilitado */
.flexi-prod-import-btn[b-spl2stniiv] {
    display:       inline-flex;
    align-items:   center;
    padding:       .2rem .6rem;
    border:        1px dashed var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background:    var(--tara-surface-raised);
    color:         var(--tara-text-muted);
    font-size:     .68rem;
    font-weight:   600;
    cursor:        not-allowed;
    opacity:       .55;
    white-space:   nowrap;
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/AjustesFlexiMonitor.razor.rz.scp.css */
/*
 * AjustesFlexiMonitor.razor.css — Patrón Tarahumara Secundario
 * Prefijo: fxm-
 * Scope: CSS isolation (.razor.css) — usa ::deep para MudBlazor internals
 * NO usar :root {} — Blazor lo convierte en :root[b-hash] (selector inválido)
 * Consumir tokens de tarahumara-theme.css directamente
 */

/* ══════════════════════════════════════════════════════════════════════════════
   1. PAGE WRAPPER
   ══════════════════════════════════════════════════════════════════════════════ */

.fxm-page[b-iib8zjc5f3] {
    display:        flex;
    flex-direction: column;
    gap:            0;
    padding:        .75rem 1rem 1.5rem;
}

/* ══════════════════════════════════════════════════════════════════════════════
   2. HEADER
   ══════════════════════════════════════════════════════════════════════════════ */

.fxm-header[b-iib8zjc5f3] {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    gap:             1rem;
    flex-wrap:       wrap;
}

.fxm-header-text h1[b-iib8zjc5f3] {
    margin:      0;
    font-size:   1.45rem;
    font-weight: 800;
    letter-spacing: -.02em;
    color:       var(--tara-text);
    line-height: 1.15;
}

.fxm-eyebrow[b-iib8zjc5f3] {
    display:        block;
    font-size:      .68rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color:          var(--tara-text-muted);
    margin-bottom:  .15rem;
}

.fxm-subtitle[b-iib8zjc5f3] {
    display:    block;
    font-size:  .78rem;
    color:      var(--tara-text-muted);
    margin-top: .1rem;
}

.fxm-header-actions[b-iib8zjc5f3] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    flex-wrap:   wrap;
    flex-shrink: 0;
}

.fxm-action-btn[b-iib8zjc5f3] {}

.fxm-csv-btn[b-iib8zjc5f3] {
    font-size:   .78rem !important;
    font-weight: 600;
}

/* ══════════════════════════════════════════════════════════════════════════════
   3. ALERTA
   ══════════════════════════════════════════════════════════════════════════════ */

.fxm-alert[b-iib8zjc5f3] {
    margin-top:    .5rem;
    margin-bottom: .25rem;
}

/* ══════════════════════════════════════════════════════════════════════════════
   4. KPI ROW
   ══════════════════════════════════════════════════════════════════════════════ */

.fxm-kpi-row[b-iib8zjc5f3] {
    display:    flex;
    flex-wrap:  wrap;
    gap:        .4rem;
    margin-top: .35rem;
}

.fxm-kpi[b-iib8zjc5f3] {
    display:       flex;
    flex-direction: column;
    gap:           1px;
    padding:       .38rem .7rem;
    border-radius: var(--tara-radius-sm);
    border:        1px solid var(--tara-border);
    background:    var(--tara-surface);
    min-width:     76px;
    box-shadow:    none;
}

.fxm-kpi-label[b-iib8zjc5f3] {
    font-size:      .6rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color:          var(--tara-text-muted);
    font-weight:    700;
}

.fxm-kpi-value[b-iib8zjc5f3] {
    font-size:   1.1rem;
    font-weight: 800;
    line-height: 1.15;
    color:       var(--tara-text);
}

/* KPI — Total (acento identidad) */
.fxm-kpi--total[b-iib8zjc5f3] {
    border-left: 3px solid var(--tara-primary);
    border-radius: 4px var(--tara-radius-sm) var(--tara-radius-sm) 4px;
}
.fxm-kpi--total .fxm-kpi-value[b-iib8zjc5f3] { color: var(--tara-primary-dark); }

/* KPI — por estatus */
.fxm-kpi--ok[b-iib8zjc5f3]         { border-top: 2px solid var(--tara-success); }
.fxm-kpi--ok .fxm-kpi-value[b-iib8zjc5f3]         { color: var(--tara-success); }

.fxm-kpi--proceso[b-iib8zjc5f3]    { border-top: 2px solid color-mix(in srgb, var(--tara-primary) 60%, var(--tara-border)); }
.fxm-kpi--proceso .fxm-kpi-value[b-iib8zjc5f3]    { color: var(--tara-primary-dark); }

.fxm-kpi--preparado[b-iib8zjc5f3]  {}
.fxm-kpi--preparado .fxm-kpi-value[b-iib8zjc5f3]  { color: var(--tara-text-muted); }

.fxm-kpi--warn[b-iib8zjc5f3]       { border-top: 2px solid var(--tara-warning); }
.fxm-kpi--warn .fxm-kpi-value[b-iib8zjc5f3]       { color: var(--tara-warning); }

.fxm-kpi--danger[b-iib8zjc5f3]     { border-top: 2px solid var(--tara-danger); }
.fxm-kpi--danger .fxm-kpi-value[b-iib8zjc5f3]     { color: var(--tara-danger); }

.fxm-kpi--config-err[b-iib8zjc5f3] { border-top: 2px solid var(--tara-danger); }
.fxm-kpi--config-err .fxm-kpi-value[b-iib8zjc5f3] { color: var(--tara-danger); }

.fxm-kpi--neutral[b-iib8zjc5f3]    {}
.fxm-kpi--neutral .fxm-kpi-value[b-iib8zjc5f3]    { color: var(--tara-text-muted); }

/* Skeleton */
.fxm-kpi--skeleton[b-iib8zjc5f3] { min-height: 62px; }
.fxm-kpi-skel[b-iib8zjc5f3] {
    display:       block;
    width:         80px;
    height:        24px;
    background:    var(--tara-surface-raised);
    border-radius: 4px;
    animation:     fxm-pulse 1.5s ease-in-out infinite;
}
@@keyframes fxm-pulse { 0%[b-iib8zjc5f3],100%[b-iib8zjc5f3]{opacity:.55} 50%[b-iib8zjc5f3]{opacity:1} }

/* ══════════════════════════════════════════════════════════════════════════════
   5. FILTROS — grid compacto y acciones
   ══════════════════════════════════════════════════════════════════════════════ */

/* tara-filters-grid y tara-filter-select vienen del scoped CSS de la pantalla
   padre (ProductosReporte patternea esto) — aquí los redefinimos localmente */

.tara-filters-grid[b-iib8zjc5f3] {
    display:     flex;
    gap:         .65rem;
    flex-wrap:   wrap;
    align-items: flex-start;
    padding:     .75rem 1rem .6rem;
}

.tara-filters-grid .tara-filter-select[b-iib8zjc5f3] {
    min-width: 155px;
    max-width: 220px;
    flex:      1 1 155px;
}

[b-iib8zjc5f3] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-iib8zjc5f3] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-iib8zjc5f3] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color:     var(--tara-text-muted);
    font-size: .8rem;
}

[b-iib8zjc5f3] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

/* Pills de resumen (hereda de FilterAccordion pero aseguramos visibilidad) */
.tara-filter-pill[b-iib8zjc5f3] {
    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-iib8zjc5f3] {
    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-filters-no-active[b-iib8zjc5f3] {
    font-size:  .75rem;
    color:      var(--tara-text-muted);
    font-style: italic;
}

/* Bloque de búsqueda exacta por ProcessId */
.fxm-pid-search-block[b-iib8zjc5f3] {
    display:        flex;
    flex-direction: column;
    gap:            .4rem;
    padding:        .5rem 1rem .6rem;
    border-top:     1px solid var(--tara-border-subtle);
    margin-top:     .1rem;
}

.fxm-pid-search-label[b-iib8zjc5f3] {
    display:     flex;
    align-items: center;
    gap:         .35rem;
    font-size:   .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color:       var(--tara-text-muted);
}

.fxm-pid-search-row[b-iib8zjc5f3] {
    display:     flex;
    align-items: flex-end;
    gap:         .5rem;
    flex-wrap:   wrap;
}

.fxm-pid-input[b-iib8zjc5f3] {
    flex: 1 1 260px;
    max-width: 420px;
}

/* Botones de acción del panel */
.fxm-filter-actions[b-iib8zjc5f3] {
    display:     flex;
    gap:         .5rem;
    flex-wrap:   wrap;
    padding:     .5rem 1rem .75rem;
    border-top:  1px solid var(--tara-border-subtle);
    margin-top:  .1rem;
}

/* ══════════════════════════════════════════════════════════════════════════════
   6. ESTADOS — LOADING / VACÍO / ERROR
   ══════════════════════════════════════════════════════════════════════════════ */

.fxm-loading-state[b-iib8zjc5f3] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    gap:             1rem;
    padding:         3rem 1rem;
    color:           var(--tara-text-muted);
    font-size:       .88rem;
}

.fxm-empty-state[b-iib8zjc5f3] {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    text-align:     center;
    gap:            .5rem;
    margin-top:     .5rem;
}

.fxm-empty-state strong[b-iib8zjc5f3] {
    font-size:   .95rem;
    font-weight: 700;
    color:       var(--tara-text);
}

.fxm-empty-state p[b-iib8zjc5f3] {
    font-size: .82rem;
    color:     var(--tara-text-muted);
    margin:    0;
    max-width: 380px;
}

/* ══════════════════════════════════════════════════════════════════════════════
   7. GRID SHELL Y DATA-GRID
   ══════════════════════════════════════════════════════════════════════════════ */

.fxm-grid-shell[b-iib8zjc5f3] {
    background:    var(--tara-surface);
    border:        1px solid var(--tara-border);
    border-radius: 12px 12px 0 0;
    border-bottom: none;
    overflow-x:    auto;
    margin-top:    .6rem;
    /* Bridge CSS vars para dark mode en ::deep selectors de MudDataGrid */
    --_th-gradient:     linear-gradient(180deg, #f7f2ec 0%, #f0ebe4 100%);
    --_th-border-top:   #ece5dc;
    --_th-text:         #374151;
    --_cell-text:       #1f2933;
    --_row-hover:       rgba(204, 0, 0, 0.06);
}

/* Encabezados del DataGrid */
[b-iib8zjc5f3] .fxm-data-grid .mud-table-head th {
    background:     var(--_th-gradient);
    color:          var(--_th-text) !important;
    border-bottom:  1px solid var(--_th-border-top) !important;
    font-size:      .7rem !important;
    font-weight:    700 !important;
    text-transform: uppercase;
    letter-spacing: .04em;
    white-space:    nowrap;
    padding:        .5rem .7rem !important;
}

/* Celdas */
[b-iib8zjc5f3] .fxm-data-grid .mud-table-body td {
    padding:        .42rem .7rem !important;
    font-size:      .82rem;
    color:          var(--_cell-text);
    border-bottom:  1px solid var(--tara-border-subtle) !important;
    vertical-align: middle;
}

[b-iib8zjc5f3] .fxm-data-grid .mud-table-body tr:hover td {
    background: var(--_row-hover) !important;
}

[b-iib8zjc5f3] .fxm-data-grid .mud-table-body tr:last-child td {
    border-bottom: none !important;
}

/* ══════════════════════════════════════════════════════════════════════════════
   8. STATUS CHIPS — sin azul
   ══════════════════════════════════════════════════════════════════════════════ */

.fxm-status-chip[b-iib8zjc5f3] {
    display:       inline-block;
    font-size:     .67rem;
    font-weight:   700;
    padding:       2px 8px;
    border-radius: 100px;
    white-space:   nowrap;
    border:        1px solid transparent;
    letter-spacing: .02em;
}

.fxm-status--ok[b-iib8zjc5f3] {
    background:   color-mix(in srgb, var(--tara-success) 14%, var(--tara-surface));
    color:        var(--tara-success);
    border-color: color-mix(in srgb, var(--tara-success) 35%, var(--tara-border));
}

/* EN_PROCESO: tinte rojo primario (activo/en vuelo) — no azul */
.fxm-status--proceso[b-iib8zjc5f3] {
    background:   color-mix(in srgb, var(--tara-primary) 9%, var(--tara-surface));
    color:        var(--tara-primary-dark);
    border-color: color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border));
}

.fxm-status--preparado[b-iib8zjc5f3] {
    background:   var(--tara-surface-raised);
    color:        var(--tara-text-muted);
    border-color: var(--tara-border);
}

.fxm-status--warn[b-iib8zjc5f3] {
    background:   color-mix(in srgb, var(--tara-warning) 12%, var(--tara-surface));
    color:        var(--tara-warning);
    border-color: color-mix(in srgb, var(--tara-warning) 35%, var(--tara-border));
}

.fxm-status--danger[b-iib8zjc5f3] {
    background:   color-mix(in srgb, var(--tara-danger) 10%, var(--tara-surface));
    color:        var(--tara-danger);
    border-color: color-mix(in srgb, var(--tara-danger) 30%, var(--tara-border));
}

.fxm-status--config-err[b-iib8zjc5f3] {
    background:   color-mix(in srgb, var(--tara-danger) 85%, #000);
    color:        #fff;
    border-color: var(--tara-danger);
}

.fxm-status--neutral[b-iib8zjc5f3] {
    background:   var(--tara-surface-raised);
    color:        var(--tara-text-muted);
    border-color: var(--tara-border);
}

/* ══════════════════════════════════════════════════════════════════════════════
   9. TIPO-EVENTO CHIPS
   ══════════════════════════════════════════════════════════════════════════════ */

.fxm-tipo-chip[b-iib8zjc5f3] {
    display:       inline-block;
    font-size:     .67rem;
    font-weight:   600;
    padding:       2px 6px;
    border-radius: 4px;
    white-space:   nowrap;
    border:        1px solid transparent;
}

.fxm-tipo--ventas[b-iib8zjc5f3] {
    background:   color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    color:        var(--tara-primary-dark);
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
}

.fxm-tipo--devolucion[b-iib8zjc5f3] {
    background:   color-mix(in srgb, var(--tara-warning) 10%, var(--tara-surface));
    color:        var(--tara-warning);
    border-color: color-mix(in srgb, var(--tara-warning) 30%, var(--tara-border));
}

.fxm-tipo--ajuste[b-iib8zjc5f3] {
    background:   color-mix(in srgb, var(--tara-text-muted) 8%, var(--tara-surface));
    color:        var(--tara-text);
    border-color: var(--tara-border);
}

.fxm-tipo--stock[b-iib8zjc5f3] {
    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) 28%, var(--tara-border));
}

.fxm-tipo--summary[b-iib8zjc5f3] {
    background:   var(--tara-surface-raised);
    color:        var(--tara-text-muted);
    border-color: var(--tara-border);
}

.fxm-tipo--default[b-iib8zjc5f3] {
    background:   var(--tara-surface-raised);
    color:        var(--tara-text-muted);
}

/* ══════════════════════════════════════════════════════════════════════════════
   10. DESTINO CHIPS
   ══════════════════════════════════════════════════════════════════════════════ */

.fxm-dest-chip[b-iib8zjc5f3] {
    display:       inline-block;
    font-size:     .65rem;
    font-weight:   600;
    padding:       1px 6px;
    border-radius: 4px;
    white-space:   nowrap;
    border:        1px solid transparent;
    letter-spacing: .01em;
}

.fxm-dest--ventas[b-iib8zjc5f3]    { background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface)); color: var(--tara-primary-dark); border-color: color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border)); }
.fxm-dest--devolucion[b-iib8zjc5f3] { background: color-mix(in srgb, var(--tara-warning) 10%, var(--tara-surface)); color: var(--tara-warning); border-color: color-mix(in srgb, var(--tara-warning) 28%, var(--tara-border)); }
.fxm-dest--stock[b-iib8zjc5f3]     { 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)); }
.fxm-dest--summary[b-iib8zjc5f3]   { background: var(--tara-surface-raised); color: var(--tara-text-muted); border-color: var(--tara-border); }
.fxm-dest--ajuste[b-iib8zjc5f3]    { background: var(--tara-surface-raised); color: var(--tara-text); border-color: var(--tara-border); }
.fxm-dest--default[b-iib8zjc5f3]   { background: var(--tara-surface-raised); color: var(--tara-text-muted); }

/* ══════════════════════════════════════════════════════════════════════════════
   11. CELDAS ESPECÍFICAS
   ══════════════════════════════════════════════════════════════════════════════ */

.fxm-mono[b-iib8zjc5f3] {
    font-family: monospace;
    font-size:   .78rem !important;
}

.fxm-fecha[b-iib8zjc5f3] {
    white-space: nowrap;
}

.fxm-truncate[b-iib8zjc5f3] {
    display:       inline-block;
    max-width:     150px;
    overflow:      hidden;
    text-overflow: ellipsis;
    white-space:   nowrap;
    vertical-align: middle;
}

.fxm-pid-truncated[b-iib8zjc5f3] {
    display:       inline-block;
    max-width:     128px;
    overflow:      hidden;
    text-overflow: ellipsis;
    white-space:   nowrap;
    vertical-align: middle;
    color:         var(--tara-text-muted);
}

.fxm-code-error[b-iib8zjc5f3] {
    color: var(--tara-text-muted);
}

.fxm-intentos[b-iib8zjc5f3] {
    font-size:   .78rem;
    color:       var(--tara-text-muted);
    white-space: nowrap;
}

/* ══════════════════════════════════════════════════════════════════════════════
   12. BOTÓN VER DETALLE
   ══════════════════════════════════════════════════════════════════════════════ */

.fxm-btn-ver[b-iib8zjc5f3] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    background:      transparent;
    border:          1px solid var(--tara-border);
    border-radius:   var(--tara-radius-sm);
    padding:         4px 7px;
    cursor:          pointer;
    color:           var(--tara-text-muted);
    transition:      background .15s, color .15s, border-color .15s;
    white-space:     nowrap;
}

.fxm-btn-ver:hover[b-iib8zjc5f3] {
    background:   color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    color:        var(--tara-primary-dark);
    border-color: color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
}

.fxm-btn-ver--card[b-iib8zjc5f3] {
    display:   flex;
    gap:       4px;
    padding:   6px 10px;
    font-size: .78rem;
    font-weight: 600;
}

/* ══════════════════════════════════════════════════════════════════════════════
   13. FOOTER PAGINADOR — patrón oficial (hermano del grid, no dentro del scroll)
   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.
   ══════════════════════════════════════════════════════════════════════════════ */

.tara-grid-footer[b-iib8zjc5f3] {
    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;
    border-radius: 0 0 12px 12px;
    font-size:     .78rem;
    color:         var(--tara-text-muted);
    flex-wrap:     wrap;
    user-select:   none;
    margin-bottom: .55rem;
}

.tara-grid-footer-range[b-iib8zjc5f3] {
    flex:        0 0 auto;
    white-space: nowrap;
    font-weight: 600;
}

.tara-grid-page-size[b-iib8zjc5f3] {
    display:     flex;
    align-items: center;
    gap:         .22rem;
}

.tara-grid-page-size-label[b-iib8zjc5f3] {
    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-iib8zjc5f3] {
    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-iib8zjc5f3] {
    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-iib8zjc5f3] {
    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-iib8zjc5f3] {
    display:     flex;
    align-items: center;
    gap:         .28rem;
    margin-left: auto;
}

.tara-grid-footer-page[b-iib8zjc5f3] {
    font-size:    .74rem;
    font-weight:  600;
    color:        var(--tara-text-muted);
    white-space:  nowrap;
    margin-right: .15rem;
}

.tara-grid-nav-btn[b-iib8zjc5f3] {
    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-iib8zjc5f3] {
    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-iib8zjc5f3] {
    opacity: .35;
    cursor:  not-allowed;
}

[data-theme="dark"] .tara-grid-footer[b-iib8zjc5f3] {
    background: color-mix(in srgb, var(--tara-surface-raised) 40%, var(--tara-surface));
}

/* ══════════════════════════════════════════════════════════════════════════════
   14. CARDS MOBILE — ocultas en desktop, visibles ≤ 760px
   ══════════════════════════════════════════════════════════════════════════════ */

.fxm-cards[b-iib8zjc5f3] {
    display: none;
}

.fxm-card[b-iib8zjc5f3] {
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background:    var(--tara-surface);
    margin-bottom: .5rem;
    overflow:      hidden;
    box-shadow:    var(--tara-shadow-sm, 0 1px 3px rgba(0,0,0,.05));
}

.fxm-card-header[b-iib8zjc5f3] {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    padding:         .5rem .75rem;
    background:      var(--tara-surface-raised);
    border-bottom:   1px solid var(--tara-border-subtle);
}

.fxm-card-header-left[b-iib8zjc5f3] {
    display:     flex;
    align-items: center;
    gap:         .4rem;
}

.fxm-card-id[b-iib8zjc5f3] {
    font-size:   .72rem;
    font-weight: 700;
    color:       var(--tara-text-muted);
    font-family: monospace;
}

.fxm-card-body[b-iib8zjc5f3] {
    padding:        .5rem .75rem;
    display:        flex;
    flex-direction: column;
    gap:            .28rem;
}

.fxm-card-row[b-iib8zjc5f3] {
    display:     flex;
    justify-content: space-between;
    align-items: baseline;
    gap:         .5rem;
    font-size:   .8rem;
}

.fxm-card-lbl[b-iib8zjc5f3] {
    color:       var(--tara-text-muted);
    font-size:   .7rem;
    white-space: nowrap;
    font-weight: 600;
    flex-shrink: 0;
}

.fxm-card-val[b-iib8zjc5f3] {
    overflow:      hidden;
    text-overflow: ellipsis;
    white-space:   nowrap;
    max-width:     180px;
}

.fxm-card-footer[b-iib8zjc5f3] {
    padding:      .4rem .75rem;
    background:   var(--tara-surface-raised);
    border-top:   1px solid var(--tara-border-subtle);
    display:      flex;
    justify-content: flex-end;
}

/* ══════════════════════════════════════════════════════════════════════════════
   15. RESPONSIVE
   ══════════════════════════════════════════════════════════════════════════════ */

@@media (max-width: 760px) {
    /* Ocultar grid desktop, mostrar cards */
    .fxm-grid-shell[b-iib8zjc5f3]    { display: none; }
    .tara-grid-footer[b-iib8zjc5f3]  { display: none; }
    .fxm-cards[b-iib8zjc5f3]         { display: block; }

    .fxm-page[b-iib8zjc5f3]          { padding: .75rem .75rem 1.5rem; }
    .fxm-kpi-row[b-iib8zjc5f3]       { gap: .4rem; }
    .fxm-kpi[b-iib8zjc5f3]           { min-width: 75px; }
    .fxm-kpi-value[b-iib8zjc5f3]     { font-size: 1.2rem; }
    .fxm-header-text h1[b-iib8zjc5f3] { font-size: 1.2rem; }
}

@@media (max-width: 640px) {
    .tara-filters-grid[b-iib8zjc5f3] { padding: .6rem .75rem .5rem; gap: .5rem; }
    .fxm-filter-actions[b-iib8zjc5f3] { padding: .4rem .75rem .6rem; }
    .fxm-pid-search-block[b-iib8zjc5f3] { padding: .4rem .75rem .5rem; }
    .fxm-pid-search-row[b-iib8zjc5f3] { flex-direction: column; align-items: stretch; }
    .fxm-pid-input[b-iib8zjc5f3] { max-width: 100%; }

    /* Paginador mobile: apila en 2 líneas */
    .tara-grid-footer[b-iib8zjc5f3] {
        gap:       .55rem;
        row-gap:   .4rem;
        flex-wrap: wrap;
    }
    .tara-grid-footer-range[b-iib8zjc5f3] { order: 1; width: 100%; flex: 0 0 100%; }
    .tara-grid-page-size[b-iib8zjc5f3]    { order: 2; flex: 0 0 auto; }
    .tara-grid-page-nav[b-iib8zjc5f3]     { order: 3; margin-left: auto; }
}

@@media (min-width: 761px) and (max-width: 1100px) {
    /* En tablet: ocultar columnas técnicas secundarias vía clases en header/celdas */
    /* MudDataGrid usa CSS global tara-col-hidden — aquí las columnas se muestran siempre */
}

/* ══════════════════════════════════════════════════════════════════════════════
   CONSOLA FLEXI — sección inferior
   ══════════════════════════════════════════════════════════════════════════════ */

.fxm-consola-section[b-iib8zjc5f3] {
    margin-top: 1rem;
    max-width:  740px;
}

/* DatePicker Tarahumara — mismo estilo que filtros tipo /caja/corte */
[b-iib8zjc5f3] .fxm-date-picker .mud-input-outlined:hover .mud-input-outlined-border,
[b-iib8zjc5f3] .fxm-date-picker .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}
[b-iib8zjc5f3] .fxm-date-picker label.mud-input-label-animated {
    color:     var(--tara-text-muted);
    font-size: .8rem;
}
[b-iib8zjc5f3] .fxm-date-picker .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}
[b-iib8zjc5f3] .fxm-date-picker .mud-picker-inline-actions button {
    color: var(--tara-primary-dark);
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/AjustesFlexiProductos.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════════════
   AjustesFlexiProductos.razor.css — Catálogo Flexi en vivo
   Prefijo: fxp- (flexi-productos)
   Patrón Tarahumara Secundario v1.0 — tokens var(--tara-*) únicamente.
   NO usar :root {}. NO hardcodear colores.
   ════════════════════════════════════════════════════════════════════════════ */

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

.fxp-page[b-910plwx9pl] {
    display:        flex;
    flex-direction: column;
    gap:            .9rem;
}

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

.fxp-header[b-910plwx9pl] {
    display:     flex;
    align-items: flex-start;
    gap:         .85rem;
    flex-wrap:   wrap;
}

.fxp-header-left[b-910plwx9pl] { flex-shrink: 0; padding-top: .12rem; }
.fxp-back-btn[b-910plwx9pl]    { min-width: 0 !important; }
.fxp-header-text[b-910plwx9pl] { flex: 1; min-width: 180px; }

.fxp-eyebrow[b-910plwx9pl] {
    display:        block;
    color:          var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size:      .7rem;
    font-weight:    800;
    margin-bottom:  .12rem;
    opacity:        .8;
}

.fxp-header-text h1[b-910plwx9pl] {
    margin:         0;
    color:          var(--tara-text);
    font-size:      1.45rem;
    font-weight:    900;
    letter-spacing: -.028em;
    line-height:    1.1;
}

.fxp-header-text p[b-910plwx9pl] {
    margin:    .1rem 0 0;
    color:     var(--tara-text-muted);
    font-size: .84rem;
}

/* ── Alerta genérica ──────────────────────────────────────────────────────── */

.fxp-alert[b-910plwx9pl] { border-radius: var(--tara-radius-sm); }

/* ── Aviso ambiente QA ────────────────────────────────────────────────────── */

.fxp-qa-notice[b-910plwx9pl] {
    display:       flex;
    align-items:   center;
    gap:           .5rem;
    padding:       .45rem .85rem;
    background:    color-mix(in srgb, var(--tara-warning) 8%, var(--tara-surface));
    border:        1px solid color-mix(in srgb, var(--tara-warning) 22%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    font-size:     .8rem;
    color:         color-mix(in srgb, var(--tara-warning) 70%, var(--tara-text));
}

.fxp-qa-icon[b-910plwx9pl] { opacity: .75; flex-shrink: 0; }

/* ── Info card (details no disponibles) ───────────────────────────────────── */

.fxp-info-card[b-910plwx9pl] {
    display:        flex;
    flex-direction: column;
    gap:            .45rem;
    padding:        .75rem 1rem;
    background:     var(--tara-surface);
    border:         1px solid var(--tara-border);
    border-left:    3px solid color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
    border-radius:  var(--tara-radius-sm);
    box-shadow:     var(--tara-shadow-sm);
}

.fxp-info-card-main[b-910plwx9pl] {
    display:     flex;
    align-items: flex-start;
    gap:         .5rem;
    font-size:   .84rem;
    color:       var(--tara-text);
}

.fxp-info-icon[b-910plwx9pl] { color: var(--tara-text-muted); flex-shrink: 0; margin-top: .1rem; }

.fxp-info-sub[b-910plwx9pl]  { color: var(--tara-text-muted); }

.fxp-diag-toggle[b-910plwx9pl] {
    align-self:      flex-start;
    display:         inline-flex;
    align-items:     center;
    gap:             .25rem;
    background:      none;
    border:          none;
    cursor:          pointer;
    font-size:       .75rem;
    font-weight:     600;
    color:           var(--tara-primary-dark);
    padding:         0;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.fxp-diag-tecnico[b-910plwx9pl] {
    display:        flex;
    flex-direction: column;
    gap:            .2rem;
    padding:        .55rem .65rem;
    background:     var(--tara-surface-raised);
    border:         1px solid var(--tara-border-subtle);
    border-radius:  var(--tara-radius-sm);
    font-size:      .73rem;
    color:          var(--tara-text-muted);
    font-family:    monospace;
}

/* ── Card genérica ────────────────────────────────────────────────────────── */

.fxp-card[b-910plwx9pl] {
    background:    var(--tara-surface);
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow:    var(--tara-shadow-sm);
    overflow:      hidden;
}

.fxp-notoken-card[b-910plwx9pl] {
    display:     flex;
    align-items: center;
    gap:         .85rem;
    flex-wrap:   wrap;
    padding:     1.15rem;
}

.fxp-notoken-card strong[b-910plwx9pl] { display: block; font-size: .92rem; color: var(--tara-text); margin-bottom: .18rem; }
.fxp-notoken-card p[b-910plwx9pl]      { margin: 0; font-size: .82rem; color: var(--tara-text-muted); }
.fxp-notoken-card > div[b-910plwx9pl]  { flex: 1; min-width: 200px; }

/* ── Selector de ambiente de catálogo (independiente del operativo) ───────── */

.fxp-catalogo-amb-card[b-910plwx9pl] {
    padding: .85rem 1.15rem;
    margin-bottom: .85rem;
}

.fxp-catalogo-amb-row[b-910plwx9pl] {
    display:     flex;
    align-items: center;
    gap:         .75rem;
    flex-wrap:   wrap;
}

.fxp-catalogo-amb-label[b-910plwx9pl] {
    font-size:      .72rem;
    font-weight:    700;
    letter-spacing: .04em;
    color:          var(--tara-text-muted);
}

.fxp-catalogo-amb-chips[b-910plwx9pl] {
    display: flex;
    gap:     .35rem;
}

.fxp-amb-chip[b-910plwx9pl] {
    border:        1px solid var(--tara-border);
    background:    var(--tara-surface);
    color:         var(--tara-text-muted);
    border-radius: 999px;
    padding:       .18rem .85rem;
    font-size:     .78rem;
    font-weight:   600;
    cursor:        pointer;
    transition:    background .12s ease, color .12s ease, border-color .12s ease;
}

.fxp-amb-chip:disabled[b-910plwx9pl] { opacity: .55; cursor: not-allowed; }

.fxp-amb-chip--active[b-910plwx9pl] {
    background:   var(--tara-error, #d32f2f);
    border-color: var(--tara-error, #d32f2f);
    color:        #fff;
}

.fxp-catalogo-amb-op[b-910plwx9pl] {
    margin-left: auto;
    font-size:   .78rem;
    color:       var(--tara-text-muted);
}

.fxp-catalogo-amb-leyenda[b-910plwx9pl] {
    margin:    .5rem 0 0;
    font-size: .74rem;
    color:     var(--tara-text-muted);
}

.fxp-card-header[b-910plwx9pl] {
    display:        flex;
    align-items:    center;
    gap:            .5rem;
    padding:        .58rem .9rem;
    background:     color-mix(in srgb, var(--tara-surface-raised) 80%, var(--tara-surface));
    border-bottom:  1px solid var(--tara-border-subtle);
    font-size:      .77rem;
    font-weight:    700;
    color:          var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .06em;
    flex-wrap:      wrap;
}

/* ── Meta de resultados ───────────────────────────────────────────────────── */

.fxp-meta[b-910plwx9pl] {
    display:        flex;
    flex-wrap:      wrap;
    gap:            .25rem .55rem;
    align-items:    center;
    margin-left:    auto;
    font-size:      .74rem;
    color:          var(--tara-text-muted);
    text-transform: none;
    letter-spacing: 0;
    font-weight:    400;
}

.fxp-meta strong[b-910plwx9pl]  { color: var(--tara-text); font-weight: 700; }
.fxp-meta-sep[b-910plwx9pl]     { opacity: .4; }

/* ── Filtros ──────────────────────────────────────────────────────────────── */

.fxp-filters[b-910plwx9pl] {
    display:               grid;
    grid-template-columns: minmax(130px,.8fr) repeat(3, minmax(100px,.6fr)) minmax(90px,.4fr) auto;
    gap:                   .55rem;
    align-items:           end;
    padding:               .7rem .9rem;
}

@media (max-width: 1100px) { .fxp-filters[b-910plwx9pl] { grid-template-columns: repeat(3,1fr); } }
@media (max-width: 680px)  { .fxp-filters[b-910plwx9pl] { grid-template-columns: 1fr 1fr; } }
@media (max-width: 420px)  { .fxp-filters[b-910plwx9pl] { grid-template-columns: 1fr; } }

.fxp-field[b-910plwx9pl]             { display: flex; flex-direction: column; gap: .2rem; min-width: 0; }
.fxp-field--action[b-910plwx9pl]     { justify-content: flex-end; }

.fxp-label[b-910plwx9pl] {
    font-size:      .66rem;
    font-weight:    800;
    text-transform: uppercase;
    letter-spacing: .08em;
    color:          var(--tara-text-muted);
}

.fxp-input[b-910plwx9pl] { width: 100%; }

[b-910plwx9pl] .fxp-input .mud-input-outlined:hover .mud-input-outlined-border,
[b-910plwx9pl] .fxp-input .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

/* ── Empty state ──────────────────────────────────────────────────────────── */

.fxp-empty[b-910plwx9pl] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    gap:             .6rem;
    padding:         2.5rem 1.5rem;
    text-align:      center;
    margin:          .75rem;
}

.fxp-empty p[b-910plwx9pl]    { margin: 0; font-size: .9rem; color: var(--tara-text); font-weight: 500; }
.fxp-empty span[b-910plwx9pl] { font-size: .78rem; color: var(--tara-text-muted); }

/* ═══════════════════════════════════════════════════════════════════════════
   CATÁLOGO — Lista de filas de producto
   ═══════════════════════════════════════════════════════════════════════════ */

.fxp-catalog-list[b-910plwx9pl] {
    display:        flex;
    flex-direction: column;
}

/* ── Fila de producto ─────────────────────────────────────────────────────── */

.fxp-product-row[b-910plwx9pl] {
    display:     grid;
    /* img | id | desc | precio | tallas | actions */
    grid-template-columns: 72px 110px 1fr 100px 180px 56px;
    align-items: center;
    gap:         0;
    padding:     .7rem .9rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    transition:    background .1s ease;
}

.fxp-product-row:last-child[b-910plwx9pl] { border-bottom: none; }

.fxp-product-row:nth-child(even)[b-910plwx9pl] {
    background: color-mix(in srgb, var(--tara-surface-raised) 55%, var(--tara-surface));
}

.fxp-product-row:hover[b-910plwx9pl] {
    background: color-mix(in srgb, var(--tara-primary) 3.5%, var(--tara-surface-raised));
}

@media (max-width: 1000px)
{
    .fxp-product-row[b-910plwx9pl] {
        grid-template-columns: 58px 100px 1fr 90px 56px;
        grid-template-rows: auto auto;
    }
    .fxp-col-tallas[b-910plwx9pl] { grid-column: 1 / -2; grid-row: 2; padding-top: .3rem; }
}

@media (max-width: 680px)
{
    .fxp-product-row[b-910plwx9pl] {
        grid-template-columns: 52px 1fr 80px 44px;
        grid-template-rows: auto auto;
    }
    .fxp-col-id[b-910plwx9pl]     { grid-column: 2; }
    .fxp-col-desc[b-910plwx9pl]   { grid-column: 1 / -2; grid-row: 2; }
    .fxp-col-precio[b-910plwx9pl] { grid-column: 3; grid-row: 1; }
    .fxp-col-tallas[b-910plwx9pl] { display: none; }
    .fxp-col-actions[b-910plwx9pl]{ grid-column: 4; grid-row: 1; }
}

/* ── Columna imagen ───────────────────────────────────────────────────────── */

.fxp-col-img[b-910plwx9pl] {
    display:         flex;
    align-items:     center;
    justify-content: center;
    padding-right:   .75rem;
}

/* Botón-envoltorio de thumbnail */
.fxp-thumb-btn[b-910plwx9pl] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    width:           56px;
    height:          56px;
    border:          none;
    background:      transparent;
    padding:         0;
    cursor:          pointer;
    border-radius:   var(--tara-radius-sm);
    overflow:        hidden;
    flex-shrink:     0;
}

.fxp-thumb[b-910plwx9pl] {
    width:      56px;
    height:     56px;
    object-fit: cover;
    display:    block;
    border-radius:  var(--tara-radius-sm);
    border:     1px solid var(--tara-border-subtle);
    transition: opacity .15s, transform .15s;
}

.fxp-thumb-btn:hover .fxp-thumb[b-910plwx9pl] { opacity: .85; transform: scale(1.05); }

/* Placeholder de imagen (Buscar / Sin imagen / Loading) */
.fxp-img-placeholder[b-910plwx9pl] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    width:           56px;
    height:          56px;
    border-radius:   var(--tara-radius-sm);
    gap:             .2rem;
    font-size:       .6rem;
    font-weight:     600;
    color:           var(--tara-text-muted);
    border:          none;
    flex-shrink:     0;
}

.fxp-img-placeholder--loading[b-910plwx9pl] {
    background: color-mix(in srgb, var(--tara-surface-raised) 70%, var(--tara-surface));
    border:     1px solid var(--tara-border-subtle);
}

.fxp-img-placeholder--none[b-910plwx9pl] {
    background: color-mix(in srgb, var(--tara-surface-raised) 60%, var(--tara-surface));
    border:     1px dashed var(--tara-border);
    cursor:     pointer;
    transition: background .12s;
}

.fxp-img-placeholder--none:hover[b-910plwx9pl] {
    background: color-mix(in srgb, var(--tara-text) 5%, var(--tara-surface));
}

.fxp-img-placeholder--search[b-910plwx9pl] {
    background: transparent;
    border:     1px dashed color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
    cursor:     pointer;
    transition: background .12s, border-color .12s;
}

.fxp-img-placeholder--search:hover[b-910plwx9pl] {
    background:   color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 40%, var(--tara-border));
    color:        var(--tara-primary-dark);
}

/* Variante grande para la ficha modal */
.fxp-img-placeholder--lg[b-910plwx9pl] {
    width:  80px;
    height: 80px;
}

/* ── Columna identidad (código + material + status) ───────────────────────── */

.fxp-col-id[b-910plwx9pl] {
    display:        flex;
    flex-direction: column;
    gap:            .1rem;
    padding:        0 .65rem 0 0;
    min-width:      0;
}

.fxp-code-main[b-910plwx9pl] {
    font-family:    monospace;
    font-size:      1rem;
    font-weight:    800;
    color:          var(--tara-text);
    letter-spacing: .02em;
    line-height:    1.2;
}

.fxp-code-mat[b-910plwx9pl] {
    font-family: monospace;
    font-size:   .68rem;
    color:       var(--tara-text-muted);
    line-height: 1.2;
    overflow:    hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

/* ── Botón diagnóstico SKU (dentro de fxp-col-id, no columna de grid) ──────── */

.fxp-diag-btn[b-910plwx9pl] {
    display:         inline-flex;
    align-items:     center;
    gap:             .2rem;
    padding:         .1rem .3rem;
    margin-top:      .15rem;
    background:      transparent;
    border:          none;
    border-radius:   var(--tara-radius-sm);
    color:           var(--tara-text-muted);
    font-size:       .62rem;
    font-weight:     500;
    cursor:          pointer;
    opacity:         .45;
    transition:      opacity .12s, color .12s, background .12s;
    align-self:      flex-start;
    line-height:     1;
    white-space:     nowrap;
}

.fxp-diag-btn:hover[b-910plwx9pl] {
    opacity:    1;
    color:      var(--tara-primary-dark);
    background: color-mix(in srgb, var(--tara-primary) 8%, transparent);
}

/* ── Pills de status ──────────────────────────────────────────────────────── */

.fxp-status-pill[b-910plwx9pl] {
    display:       inline-block;
    padding:       .06rem .35rem;
    border-radius: 100px;
    font-size:     .67rem;
    font-weight:   700;
    text-transform:uppercase;
    letter-spacing:.04em;
    border:        1px solid transparent;
    width:         fit-content;
}

/* V = Vigente — verde */
.fxp-status-pill--v[b-910plwx9pl] {
    background:  color-mix(in srgb, var(--tara-success) 12%, transparent);
    color:       var(--tara-success);
    border-color:color-mix(in srgb, var(--tara-success) 30%, transparent);
}

/* I = Inactivo — gris */
.fxp-status-pill--i[b-910plwx9pl] {
    background:  color-mix(in srgb, var(--tara-text) 6%, transparent);
    color:       var(--tara-text-muted);
    border-color:var(--tara-border);
}

/* Cualquier otro status — tinte primario suave */
.fxp-status-pill:not(.fxp-status-pill--v):not(.fxp-status-pill--i)[b-910plwx9pl] {
    background:  color-mix(in srgb, var(--tara-primary) 8%, transparent);
    color:       var(--tara-primary-dark);
    border-color:color-mix(in srgb, var(--tara-primary) 25%, transparent);
}

/* ── Columna descripción + atributos ──────────────────────────────────────── */

.fxp-col-desc[b-910plwx9pl] {
    display:        flex;
    flex-direction: column;
    gap:            .18rem;
    min-width:      0;
    padding-right:  .65rem;
}

.fxp-desc-main[b-910plwx9pl] {
    font-size:     .82rem;
    font-weight:   600;
    color:         var(--tara-text);
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
    line-height:   1.3;
    margin:        0;
}

.fxp-desc-eng[b-910plwx9pl] {
    font-size:     .72rem;
    color:         var(--tara-text-muted);
    font-style:    italic;
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
    line-height:   1.2;
    margin:        0;
}

/* Row de atributos */
.fxp-attr-row[b-910plwx9pl] {
    display:   flex;
    flex-wrap: wrap;
    gap:       .2rem;
}

/* Pills de atributos — tinte primario 10% (regla oficial del patrón) */
.fxp-attr-pill[b-910plwx9pl] {
    display:        inline-flex;
    align-items:    center;
    padding:        .08rem .38rem;
    border:         1px solid color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    border-radius:  100px;
    background:     color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    font-size:      .67rem;
    font-weight:    700;
    color:          var(--tara-primary-dark);
    white-space:    nowrap;
    line-height:    1.4;
    letter-spacing: .015em;
}

/* Variante color (tinte más neutro para no confundir con acción) */
.fxp-attr-pill--color[b-910plwx9pl] {
    background:  color-mix(in srgb, var(--tara-text) 6%, var(--tara-surface));
    border-color:var(--tara-border);
    color:       var(--tara-text);
}

/* Variante ambiente QA/PROD */
.fxp-attr-pill--amb[b-910plwx9pl] {
    background:  color-mix(in srgb, var(--tara-warning) 10%, var(--tara-surface));
    border-color:color-mix(in srgb, var(--tara-warning) 28%, var(--tara-border));
    color:       color-mix(in srgb, var(--tara-warning) 80%, var(--tara-text));
}

/* Nota "Sin datos" — no chip, texto discreto */
.fxp-sin-datos[b-910plwx9pl] {
    font-size:  .7rem;
    color:      var(--tara-text-muted);
    font-style: italic;
    margin:     .1rem 0 0;
}

/* ── Columna tallas — matriz compacta ─────────────────────────────────────── */

.fxp-col-tallas[b-910plwx9pl] {
    display:        flex;
    flex-direction: column;
    gap:            .22rem;
    padding:        0 .5rem;
}

.fxp-tallas-label[b-910plwx9pl] {
    font-size:      .6rem;
    font-weight:    800;
    text-transform: uppercase;
    letter-spacing: .07em;
    color:          var(--tara-text-muted);
}

/* Matriz de chips de talla — flex wrap con ancho fijo = grid visual */
.fxp-tallas-grid[b-910plwx9pl] {
    display:   flex;
    flex-wrap: wrap;
    gap:       .18rem;
}

.fxp-talla-chip[b-910plwx9pl] {
    display:       inline-flex;
    align-items:   center;
    justify-content:center;
    min-width:     36px;
    padding:       .12rem .2rem;
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background:    var(--tara-surface-raised);
    font-size:     .72rem;
    font-weight:   600;
    color:         var(--tara-text);
    line-height:   1.3;
    cursor:        default;
    transition:    background .1s ease, border-color .1s ease;
    text-align:    center;
}

.fxp-talla-chip:hover[b-910plwx9pl] {
    background:   color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
}

/* ── Columna acciones ─────────────────────────────────────────────────────── */

.fxp-col-actions[b-910plwx9pl] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    gap:             .3rem;
}

.fxp-action-btn[b-910plwx9pl] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    width:           30px;
    height:          30px;
    border:          1px solid var(--tara-border);
    border-radius:   var(--tara-radius-sm);
    background:      var(--tara-surface);
    color:           var(--tara-text-muted);
    cursor:          pointer;
    transition:      background .12s, border-color .12s, color .12s;
}

.fxp-action-btn:hover[b-910plwx9pl] {
    background:   color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 25%, var(--tara-border));
    color:        var(--tara-primary-dark);
}

.fxp-action-btn--disabled[b-910plwx9pl] {
    opacity: .38;
    cursor:  not-allowed;
}

/* ── Footer del catálogo ──────────────────────────────────────────────────── */

.fxp-catalog-footer[b-910plwx9pl] {
    display:     flex;
    align-items: center;
    gap:         .75rem;
    padding:     .45rem .9rem;
    border-top:  1px solid var(--tara-border-subtle);
    background:  color-mix(in srgb, var(--tara-surface-raised) 65%, var(--tara-surface));
    flex-wrap:   wrap;
}

.fxp-footer-note[b-910plwx9pl] {
    margin-left: auto;
    font-size:   .7rem;
    color:       var(--tara-text-muted);
    font-style:  italic;
}

/* Botón "Importar a SAZ" siempre deshabilitado */
.fxp-import-btn[b-910plwx9pl] {
    display:       inline-flex;
    align-items:   center;
    padding:       .2rem .6rem;
    border:        1px dashed var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background:    var(--tara-surface-raised);
    color:         var(--tara-text-muted);
    font-size:     .68rem;
    font-weight:   600;
    cursor:        not-allowed;
    opacity:       .55;
    white-space:   nowrap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   DIÁLOGOS / MODALES
   Backdrop fuera del wrapper — position:fixed garantizado.
   ═══════════════════════════════════════════════════════════════════════════ */

.fxp-backdrop[b-910plwx9pl] {
    position:        fixed;
    inset:           0;
    z-index:         1400;
    background:      rgba(15, 23, 42, .5);
    display:         flex;
    align-items:     center;
    justify-content: center;
    padding:         1.25rem;
    backdrop-filter: blur(2px);
}

/* Card base de diálogo */
.fxp-dialog[b-910plwx9pl] {
    background:     var(--tara-surface);
    border-radius:  var(--tara-radius);
    box-shadow:     0 16px 48px rgba(15,23,42,.22);
    overflow:       hidden;
    display:        flex;
    flex-direction: column;
    border:         1px solid var(--tara-border);
}

.fxp-dialog--diag[b-910plwx9pl] { width: min(540px, 96vw); max-height: 84vh; }
.fxp-dialog--img[b-910plwx9pl]  { width: min(460px, 92vw); }
.fxp-dialog--ficha[b-910plwx9pl]{ width: min(640px, 96vw); max-height: 92vh; }

/* ── Cabecera de diálogo ──────────────────────────────────────────────────── */

.fxp-dialog-header[b-910plwx9pl] {
    display:       flex;
    align-items:   flex-start;
    padding:       .7rem .9rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    gap:           .5rem;
    background:    color-mix(in srgb, var(--tara-surface-raised) 70%, var(--tara-surface));
    flex-shrink:   0;
}

.fxp-dialog-title[b-910plwx9pl] {
    font-size:   .9rem;
    font-weight: 700;
    color:       var(--tara-text);
    line-height: 1.25;
}

.fxp-dialog-subtitle[b-910plwx9pl] {
    display:       block;
    font-size:     .74rem;
    color:         var(--tara-text-muted);
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
    max-width:     380px;
}

.fxp-close-btn[b-910plwx9pl] {
    margin-left: auto;
    flex-shrink: 0;
    border:      none;
    background:  transparent;
    cursor:      pointer;
    color:       var(--tara-text-muted);
    font-size:   .9rem;
    padding:     .18rem .4rem;
    border-radius: var(--tara-radius-sm);
    transition:  background .12s;
    line-height: 1;
}

.fxp-close-btn:hover[b-910plwx9pl] { background: var(--tara-border); color: var(--tara-text); }

/* ── Cuerpo de diálogo ────────────────────────────────────────────────────── */

.fxp-dialog-body[b-910plwx9pl] {
    flex:           1;
    overflow-y:     auto;
    padding:        .85rem .9rem;
    display:        flex;
    flex-direction: column;
    gap:            .65rem;
}

.fxp-dialog-body[b-910plwx9pl]::-webkit-scrollbar       { width: 5px; }
.fxp-dialog-body[b-910plwx9pl]::-webkit-scrollbar-thumb { background: var(--tara-border); border-radius: 999px; }

/* ── Footer de diálogo ────────────────────────────────────────────────────── */

.fxp-dialog-footer[b-910plwx9pl] {
    display:     flex;
    align-items: center;
    padding:     .5rem .9rem;
    border-top:  1px solid var(--tara-border-subtle);
    background:  color-mix(in srgb, var(--tara-surface-raised) 65%, var(--tara-surface));
    flex-shrink: 0;
    gap:         .5rem;
}

.fxp-close-text[b-910plwx9pl] {
    background:  none;
    border:      none;
    cursor:      pointer;
    font-size:   .8rem;
    color:       var(--tara-text-muted);
    padding:     .2rem .45rem;
    border-radius: var(--tara-radius-sm);
    transition:  background .12s;
}

.fxp-close-text:hover[b-910plwx9pl] { background: var(--tara-border-subtle); color: var(--tara-text); }

/* ── Modal imagen ampliada ────────────────────────────────────────────────── */

.fxp-img-viewer-body[b-910plwx9pl] {
    background: var(--tara-surface-raised);
    padding:    1rem;
    display:    flex;
    align-items:center;
    justify-content:center;
}

.fxp-img-viewer[b-910plwx9pl] {
    max-width:   100%;
    max-height:  60vh;
    object-fit:  contain;
    border-radius: var(--tara-radius-sm);
    display:     block;
}

/* ── Diagnóstico imagen — interior ───────────────────────────────────────── */

.fxp-diag-estado[b-910plwx9pl] {
    display:     flex;
    align-items: center;
    gap:         .4rem;
    font-size:   .84rem;
    font-weight: 600;
    padding:     .45rem .65rem;
    border-radius: var(--tara-radius-sm);
    border:      1px solid transparent;
}

.fxp-estado--ok[b-910plwx9pl]   {
    background:  color-mix(in srgb, var(--tara-success) 10%, var(--tara-surface));
    border-color:color-mix(in srgb, var(--tara-success) 25%, var(--tara-border));
    color:       var(--tara-success);
}

.fxp-estado--none[b-910plwx9pl] {
    background:  color-mix(in srgb, var(--tara-text) 5%, var(--tara-surface));
    border-color:var(--tara-border);
    color:       var(--tara-text-muted);
}

.fxp-estado--muted[b-910plwx9pl] {
    background:  var(--tara-surface-raised);
    border-color:var(--tara-border-subtle);
    color:       var(--tara-text-muted);
}

.fxp-diag-thumb-row[b-910plwx9pl] {
    display:     flex;
    gap:         .85rem;
    align-items: flex-start;
    flex-wrap:   wrap;
}

.fxp-diag-img[b-910plwx9pl] {
    width:         90px;
    height:        90px;
    object-fit:    cover;
    border-radius: var(--tara-radius-sm);
    border:        1px solid var(--tara-border-subtle);
    cursor:        pointer;
    flex-shrink:   0;
    transition:    opacity .15s, transform .15s;
}

.fxp-diag-img:hover[b-910plwx9pl] { opacity: .85; transform: scale(1.04); }

.fxp-diag-meta-stack[b-910plwx9pl] {
    flex:           1;
    min-width:      0;
    display:        flex;
    flex-direction: column;
    gap:            .22rem;
}

.fxp-meta-row[b-910plwx9pl] {
    display:   flex;
    gap:       .4rem;
    font-size: .78rem;
    color:     var(--tara-text);
    flex-wrap: wrap;
}

.fxp-meta-label[b-910plwx9pl] {
    font-size:      .66rem;
    font-weight:    800;
    text-transform: uppercase;
    letter-spacing: .06em;
    color:          var(--tara-text-muted);
    min-width:      68px;
    flex-shrink:    0;
}

.fxp-diag-buscando[b-910plwx9pl] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    font-size:   .82rem;
    color:       var(--tara-text-muted);
    padding:     .5rem 0;
}

.fxp-diag-nota[b-910plwx9pl] { font-size: .8rem; color: var(--tara-text-muted); margin: 0; }

/* ── Separador de sección en diálogo ─────────────────────────────────────── */

.fxp-section-sep[b-910plwx9pl] {
    font-size:      .66rem;
    font-weight:    800;
    text-transform: uppercase;
    letter-spacing: .07em;
    color:          var(--tara-text-muted);
    border-bottom:  1px solid var(--tara-border-subtle);
    padding-bottom: .22rem;
}

/* ── Mini tabla de intentos ───────────────────────────────────────────────── */

.fxp-mini-table[b-910plwx9pl] {
    width:           100%;
    border-collapse: collapse;
    font-size:       .76rem;
    border:          1px solid var(--tara-border-subtle);
    border-radius:   var(--tara-radius-sm);
    overflow:        hidden;
}

.fxp-mini-table thead th[b-910plwx9pl] {
    padding:        .26rem .5rem;
    text-align:     left;
    font-size:      .64rem;
    font-weight:    800;
    text-transform: uppercase;
    letter-spacing: .05em;
    color:          var(--tara-text-muted);
    background:     color-mix(in srgb, var(--tara-surface-raised) 90%, var(--tara-surface));
    border-bottom:  1px solid var(--tara-border);
    white-space:    nowrap;
}

.fxp-mini-table tbody tr:nth-child(even) td[b-910plwx9pl] {
    background: color-mix(in srgb, var(--tara-surface-raised) 55%, var(--tara-surface));
}

.fxp-mini-table tbody td[b-910plwx9pl] {
    padding:       .22rem .5rem;
    color:         var(--tara-text);
    border-bottom: 1px solid var(--tara-border-subtle);
}

.fxp-mini-table tbody tr:last-child td[b-910plwx9pl] { border-bottom: none; }

.fxp-ok-text[b-910plwx9pl]    { color: var(--tara-success); font-weight: 600; }
.fxp-muted-text[b-910plwx9pl] { color: var(--tara-text-muted); }
.fxp-mono[b-910plwx9pl]       { font-family: monospace; font-size: .72rem; word-break: break-all; }
.fxp-link[b-910plwx9pl]       { color: var(--tara-primary-dark); text-decoration: underline; font-size: .78rem; font-weight: 600; }

/* ── Botón secundario (Buscar imagen ahora, etc.) ─────────────────────────── */

.fxp-secondary-btn[b-910plwx9pl] {
    display:       inline-flex;
    align-items:   center;
    gap:           .3rem;
    padding:       .3rem .65rem;
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background:    var(--tara-surface);
    color:         var(--tara-text);
    font-size:     .78rem;
    font-weight:   600;
    cursor:        pointer;
    transition:    background .12s, border-color .12s;
    width:         fit-content;
}

.fxp-secondary-btn:hover[b-910plwx9pl] {
    background:   color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
}

/* ═══════════════════════════════════════════════════════════════════════════
   FICHA DE PRODUCTO — Modal tipo product sheet
   ═══════════════════════════════════════════════════════════════════════════ */

/* Hero superior: imagen + identidad */
.fxp-ficha-hero[b-910plwx9pl] {
    display:     flex;
    align-items: flex-start;
    gap:         .9rem;
    padding:     .9rem .9rem .7rem;
    background:  color-mix(in srgb, var(--tara-surface-raised) 70%, var(--tara-surface));
    border-bottom:1px solid var(--tara-border-subtle);
    position:    relative;
    flex-shrink: 0;
}

.fxp-ficha-img-col[b-910plwx9pl] { flex-shrink: 0; }

.fxp-ficha-thumb[b-910plwx9pl] {
    width:         80px;
    height:        80px;
    object-fit:    cover;
    border-radius: var(--tara-radius-sm);
    border:        1px solid var(--tara-border-subtle);
    display:       block;
    transition:    opacity .15s, transform .15s;
}

.fxp-thumb-btn:hover .fxp-ficha-thumb[b-910plwx9pl] { opacity: .85; transform: scale(1.04); }

.fxp-ficha-id-col[b-910plwx9pl] {
    flex:    1;
    min-width: 0;
}

.fxp-ficha-codes[b-910plwx9pl] {
    display:     flex;
    align-items: baseline;
    gap:         .5rem;
    flex-wrap:   wrap;
    margin-bottom:.1rem;
}

.fxp-ficha-code[b-910plwx9pl] {
    font-family:    monospace;
    font-size:      1.3rem;
    font-weight:    900;
    color:          var(--tara-text);
    letter-spacing: .02em;
}

.fxp-ficha-mat[b-910plwx9pl] {
    font-family: monospace;
    font-size:   .78rem;
    color:       var(--tara-text-muted);
}

.fxp-ficha-desc[b-910plwx9pl] {
    margin:      0 0 .1rem;
    font-size:   .9rem;
    font-weight: 600;
    color:       var(--tara-text);
    line-height: 1.3;
}

.fxp-ficha-desc-eng[b-910plwx9pl] {
    margin:     0;
    font-size:  .78rem;
    color:      var(--tara-text-muted);
    font-style: italic;
}

.fxp-close-btn--hero[b-910plwx9pl] {
    position:   absolute;
    top:        .65rem;
    right:      .7rem;
}

/* Cuerpo de la ficha */
.fxp-ficha-body[b-910plwx9pl] {
    flex:           1;
    overflow-y:     auto;
    padding:        .8rem .9rem;
    display:        flex;
    flex-direction: column;
    gap:            .6rem;
}

.fxp-ficha-body[b-910plwx9pl]::-webkit-scrollbar       { width: 5px; }
.fxp-ficha-body[b-910plwx9pl]::-webkit-scrollbar-thumb { background: var(--tara-border); border-radius: 999px; }

/* Etiqueta de sección */
.fxp-section-label[b-910plwx9pl] {
    display:        flex;
    align-items:    center;
    gap:            .5rem;
    font-size:      .67rem;
    font-weight:    800;
    text-transform: uppercase;
    letter-spacing: .07em;
    color:          var(--tara-text-muted);
    border-bottom:  1px solid var(--tara-border-subtle);
    padding-bottom: .22rem;
    margin-top:     .1rem;
}

.fxp-section-count[b-910plwx9pl] {
    font-weight: 500;
    color:       var(--tara-text);
}

.fxp-section-toggle[b-910plwx9pl] {
    margin-left:     auto;
    background:      none;
    border:          none;
    cursor:          pointer;
    font-size:       .68rem;
    font-weight:     600;
    color:           var(--tara-primary-dark);
    text-decoration: underline;
    text-underline-offset: 2px;
    padding:         0;
}

/* Card "sin datos comerciales" */
.fxp-sin-comercial[b-910plwx9pl] {
    display:       flex;
    align-items:   center;
    gap:           .5rem;
    padding:       .65rem .75rem;
    background:    color-mix(in srgb, var(--tara-surface-raised) 70%, var(--tara-surface));
    border:        1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    font-size:     .82rem;
    color:         var(--tara-text-muted);
}

.fxp-sin-comercial strong[b-910plwx9pl] { color: var(--tara-text); }

/* Grid de campos 2 columnas */
.fxp-fields-grid[b-910plwx9pl] {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    gap:                   .32rem .65rem;
}

@media (max-width: 440px) { .fxp-fields-grid[b-910plwx9pl] { grid-template-columns: 1fr; } }

.fxp-field-item[b-910plwx9pl] {
    display:        flex;
    flex-direction: column;
    gap:            .04rem;
}

.fxp-field-label[b-910plwx9pl] {
    font-size:      .62rem;
    font-weight:    800;
    text-transform: uppercase;
    letter-spacing: .06em;
    color:          var(--tara-text-muted);
}

.fxp-field-value[b-910plwx9pl] {
    font-size:  .82rem;
    font-weight:500;
    color:      var(--tara-text);
}

/* Tabla de tallas en la ficha */
.fxp-talla-scroll[b-910plwx9pl] {
    overflow-x:    auto;
    border:        1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
}

.fxp-talla-table[b-910plwx9pl] {
    width:           100%;
    border-collapse: collapse;
    font-size:       .78rem;
    min-width:       280px;
}

.fxp-talla-table thead th[b-910plwx9pl] {
    padding:        .28rem .55rem;
    text-align:     left;
    font-size:      .65rem;
    font-weight:    800;
    text-transform: uppercase;
    letter-spacing: .05em;
    color:          var(--tara-text-muted);
    background:     color-mix(in srgb, var(--tara-surface-raised) 90%, var(--tara-surface));
    border-bottom:  1px solid var(--tara-border);
    white-space:    nowrap;
}

.fxp-talla-table tbody tr:nth-child(even) td[b-910plwx9pl] {
    background: color-mix(in srgb, var(--tara-surface-raised) 55%, var(--tara-surface));
}

.fxp-talla-table tbody td[b-910plwx9pl] {
    padding:    .22rem .55rem;
    color:      var(--tara-text);
    border-bottom: 1px solid var(--tara-border-subtle);
}

.fxp-talla-table tbody tr:last-child td[b-910plwx9pl] { border-bottom: none; }

/* Row de estado de imagen en la ficha */
.fxp-img-status-row[b-910plwx9pl] {
    display:     flex;
    align-items: center;
    gap:         .65rem;
    flex-wrap:   wrap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   COLUMNA Y BADGES DE PRECIO FLEXI
   ═══════════════════════════════════════════════════════════════════════════ */

.fxp-col-precio[b-910plwx9pl] {
    display:        flex;
    flex-direction: column;
    gap:            .18rem;
    padding:        0 .55rem;
    min-width:      0;
}

/* Precio de lista — valor principal prominente */
.fxp-precio-lista[b-910plwx9pl] {
    font-size:      .88rem;
    font-weight:    800;
    color:          var(--tara-text);
    letter-spacing: -.01em;
    white-space:    nowrap;
    line-height:    1.25;
}

/* Precio cliente SAP — secundario, muted */
.fxp-precio-cliente[b-910plwx9pl] {
    font-size:  .72rem;
    font-weight:500;
    color:      var(--tara-text-muted);
    white-space:nowrap;
    line-height:1.25;
}

/* Sin precio — badge discreto */
.fxp-precio-none[b-910plwx9pl] {
    display:       inline-block;
    padding:       .1rem .42rem;
    border:        1px dashed var(--tara-border);
    border-radius: 100px;
    background:    transparent;
    font-size:     .68rem;
    font-weight:   600;
    color:         var(--tara-text-muted);
    white-space:   nowrap;
    cursor:        default;
}

/* ══════════════════════════════════════════════════════════════════════════════
   Vista importación SAZ — Patrón Tarahumara Secundario — prefix: fxi-
   Solo lectura. No importa a SAZ. No guarda nada.
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── Tabs de vista ─────────────────────────────────────────────────────────── */

.fxi-tabs[b-910plwx9pl] {
    display:     flex;
    gap:         .2rem;
    padding:     .55rem .9rem .35rem;
    border-bottom: 1px solid var(--tara-border);
    background:  var(--tara-surface-alt, #f8f8f8);
}

.fxi-tab[b-910plwx9pl] {
    display:         inline-flex;
    align-items:     center;
    gap:             .3rem;
    padding:         .28rem .75rem;
    border:          1px solid transparent;
    border-radius:   var(--tara-radius-sm, 6px);
    background:      transparent;
    color:           var(--tara-text-muted);
    font-size:       .8rem;
    font-weight:     500;
    cursor:          pointer;
    transition:      background .12s, color .12s, border-color .12s;
    white-space:     nowrap;
}

.fxi-tab:hover[b-910plwx9pl] {
    background:   color-mix(in srgb, var(--tara-primary) 6%, transparent);
    color:        var(--tara-primary-dark, #c62828);
    border-color: transparent;
}

.fxi-tab--active[b-910plwx9pl] {
    background:   color-mix(in srgb, var(--tara-primary) 10%, transparent);
    color:        var(--tara-primary, #d32f2f);
    border-color: color-mix(in srgb, var(--tara-primary) 35%, transparent);
    font-weight:  600;
}

.fxi-tab-badge[b-910plwx9pl] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    min-width:       18px;
    height:          18px;
    border-radius:   999px;
    background:      var(--tara-primary, #d32f2f);
    color:           #fff;
    font-size:       .65rem;
    font-weight:     700;
    padding:         0 4px;
}

/* ── Loading de importación ────────────────────────────────────────────────── */

.fxi-loading[b-910plwx9pl] {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            .5rem;
    padding:        2.5rem 1rem;
    color:          var(--tara-text-muted);
    font-size:      .85rem;
}

.fxi-loading-hint[b-910plwx9pl] {
    font-size:  .73rem;
    color:      var(--tara-text-muted);
    font-style: italic;
}

/* ── Stats resumen ─────────────────────────────────────────────────────────── */

.fxi-stats-row[b-910plwx9pl] {
    display:    flex;
    flex-wrap:  wrap;
    gap:        .5rem;
    padding:    .65rem .9rem;
    background: var(--tara-surface-alt, #f8f8f8);
    border-bottom: 1px solid var(--tara-border);
}

.fxi-stat[b-910plwx9pl] {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            .05rem;
    padding:        .3rem .65rem;
    border-radius:  var(--tara-radius-sm, 6px);
    border:         1px solid var(--tara-border);
    background:     #fff;
    min-width:      52px;
}

.fxi-stat--ok[b-910plwx9pl]   { border-color: #a5d6a7; background: #f1f8e9; }
.fxi-stat--warn[b-910plwx9pl] { border-color: #ffe082; background: #fffde7; }
.fxi-stat--muted[b-910plwx9pl] { opacity: .7; }

.fxi-stat-num[b-910plwx9pl] {
    font-size:   1rem;
    font-weight: 700;
    color:       var(--tara-text);
    font-family: monospace;
    line-height: 1.1;
}

.fxi-stat-lbl[b-910plwx9pl] {
    font-size:   .65rem;
    color:       var(--tara-text-muted);
    white-space: nowrap;
}

/* ── Advertencias de importación ───────────────────────────────────────────── */

.fxi-advs[b-910plwx9pl] {
    display:        flex;
    flex-direction: column;
    gap:            .3rem;
    padding:        .55rem .9rem;
    background:     #fffde7;
    border-bottom:  1px solid #ffe082;
}

.fxi-adv[b-910plwx9pl] {
    display:     flex;
    align-items: flex-start;
    gap:         .4rem;
    font-size:   .77rem;
    color:       #5d4037;
    line-height: 1.4;
}

.fxi-adv-icon[b-910plwx9pl] {
    color:      #f9a825;
    flex-shrink: 0;
    margin-top: 1px;
}

/* ── Buscador inline ───────────────────────────────────────────────────────── */

.fxi-search-bar[b-910plwx9pl] {
    display:     flex;
    align-items: center;
    gap:         .4rem;
    padding:     .5rem .9rem;
    background:  #fff;
    border-bottom: 1px solid var(--tara-border);
}

.fxi-search-icon[b-910plwx9pl] { color: var(--tara-text-muted); flex-shrink: 0; }

.fxi-search-input[b-910plwx9pl] {
    flex:         1;
    border:       1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm, 6px);
    padding:      .3rem .6rem;
    font-size:    .82rem;
    outline:      none;
    color:        var(--tara-text);
    background:   #fff;
    min-width:    0;
    transition:   border-color .12s;
}

.fxi-search-input:focus[b-910plwx9pl] {
    border-color: var(--tara-primary);
    box-shadow:   0 0 0 2px color-mix(in srgb, var(--tara-primary) 15%, transparent);
}

.fxi-search-clear[b-910plwx9pl] {
    border:       none;
    background:   transparent;
    color:        var(--tara-text-muted);
    cursor:       pointer;
    font-size:    .85rem;
    padding:      .1rem .25rem;
    border-radius: 4px;
    flex-shrink:  0;
    line-height:  1;
}
.fxi-search-clear:hover[b-910plwx9pl] { background: #eee; color: #333; }

/* ── Nota Excel ────────────────────────────────────────────────────────────── */

.fxi-excel-note[b-910plwx9pl] {
    display:     flex;
    align-items: flex-start;
    gap:         .4rem;
    padding:     .4rem .9rem;
    font-size:   .75rem;
    color:       var(--tara-text-muted);
    background:  var(--tara-surface-alt, #f8f8f8);
    border-bottom: 1px solid var(--tara-border);
    line-height: 1.4;
}

.fxi-legend[b-910plwx9pl] {
    display:       inline-block;
    padding:       1px 6px;
    border-radius: 999px;
    font-weight:   600;
    font-size:     .72rem;
}

.fxi-legend--found[b-910plwx9pl]   { background: #e8f5e9; color: #2e7d32; }
.fxi-legend--missing[b-910plwx9pl] { background: #f5f5f5; color: #757575; }
.fxi-legend--config[b-910plwx9pl]  { background: #e3f2fd; color: #1565c0; }

/* ── Grid tabla plana ──────────────────────────────────────────────────────── */

.fxi-grid-wrap[b-910plwx9pl] {
    overflow-x: auto;
    overflow-y: auto;
    max-height: calc(100vh - 340px);
    min-height: 200px;
    position:   relative;
}

.fxi-grid[b-910plwx9pl] {
    border-collapse: collapse;
    width:           max-content;
    min-width:       100%;
    font-size:       .76rem;
    white-space:     nowrap;
}

.fxi-th[b-910plwx9pl] {
    position:       sticky;
    top:            0;
    z-index:        2;
    background:     #f0f0f0;
    border-bottom:  2px solid var(--tara-border);
    border-right:   1px solid var(--tara-border);
    padding:        .42rem .55rem;
    font-size:      .72rem;
    font-weight:    600;
    color:          #444;
    text-align:     left;
    white-space:    nowrap;
    user-select:    none;
}

.fxi-th--estado[b-910plwx9pl] { min-width: 90px; }
.fxi-th--listo[b-910plwx9pl]  { min-width: 42px; text-align: center; }
.fxi-th--desc[b-910plwx9pl]   { min-width: 180px; }
.fxi-th--ean[b-910plwx9pl]    { min-width: 110px; }
.fxi-th--img[b-910plwx9pl]    { min-width: 56px; text-align: center; }
.fxi-th--fuente[b-910plwx9pl] { min-width: 80px; }

.fxi-td[b-910plwx9pl] {
    padding:      .3rem .55rem;
    border-bottom: 1px solid #f0f0f0;
    border-right:  1px solid #f5f5f5;
    vertical-align: middle;
    max-width:    220px;
    overflow:     hidden;
    text-overflow: ellipsis;
    white-space:  nowrap;
}

.fxi-td--mono[b-910plwx9pl]   { font-family: monospace; font-size: .74rem; }
.fxi-td--center[b-910plwx9pl] { text-align: center; }
.fxi-td--right[b-910plwx9pl]  { text-align: right; }
.fxi-td--nowrap[b-910plwx9pl] { white-space: nowrap; }
.fxi-td--desc[b-910plwx9pl]   { white-space: nowrap; max-width: 260px; }
.fxi-td--ean[b-910plwx9pl]    { font-family: monospace; font-size: .73rem; letter-spacing: .02em; }
.fxi-td--estado[b-910plwx9pl] { white-space: nowrap; }
.fxi-td--listo[b-910plwx9pl]  { text-align: center; }
.fxi-td--fuente[b-910plwx9pl] { font-size: .68rem; color: var(--tara-text-muted); font-family: monospace; }

.fxi-sub[b-910plwx9pl] {
    display:     block;
    font-size:   .66rem;
    color:       var(--tara-text-muted);
    font-family: monospace;
    margin-top:  .05rem;
}

.fxi-row--ready[b-910plwx9pl] { background: color-mix(in srgb, #4caf50 3%, transparent); }
.fxi-row--ready:hover[b-910plwx9pl] { background: color-mix(in srgb, #4caf50 7%, transparent); }
.fxi-row:hover[b-910plwx9pl]  { background: color-mix(in srgb, var(--tara-primary) 3%, transparent); }

/* ── Badges de estado de campo ─────────────────────────────────────────────── */

.fxi-badge[b-910plwx9pl] {
    display:       inline-block;
    padding:       .1rem .4rem;
    border-radius: 999px;
    font-size:     .68rem;
    font-weight:   600;
    white-space:   nowrap;
    line-height:   1.3;
}

.fxi-badge--found[b-910plwx9pl]   { background: #e8f5e9; color: #2e7d32; }
.fxi-badge--missing[b-910plwx9pl] { background: #f5f5f5; color: #9e9e9e; border: 1px solid #e0e0e0; }
.fxi-badge--inferred[b-910plwx9pl]{ background: #fff8e1; color: #f57f17; }
.fxi-badge--config[b-910plwx9pl]  { background: #e3f2fd; color: #1565c0; }
.fxi-badge--ready[b-910plwx9pl]   { background: #e8f5e9; color: #2e7d32; }
.fxi-badge--notready[b-910plwx9pl]{ background: #fff3e0; color: #e65100; }

/* ── Imagen thumbnail en grid ──────────────────────────────────────────────── */

.fxi-img-btn[b-910plwx9pl] {
    display:        inline-flex;
    align-items:    center;
    justify-content:center;
    border:         none;
    background:     transparent;
    cursor:         pointer;
    padding:        0;
    border-radius:  4px;
    overflow:       hidden;
}

.fxi-img-thumb[b-910plwx9pl] {
    width:        32px;
    height:       32px;
    object-fit:   contain;
    border-radius: 3px;
    display:      block;
    border:       1px solid #eee;
}

.fxi-img-btn:hover .fxi-img-thumb[b-910plwx9pl] {
    border-color: var(--tara-primary);
    box-shadow:   0 1px 4px rgba(0,0,0,.15);
}

/* ── Fuente datos ───────────────────────────────────────────────────────────── */

.fxi-fuente[b-910plwx9pl] {
    font-family: monospace;
    font-size:   .67rem;
    color:       var(--tara-text-muted);
}

/* ── Footer del grid ───────────────────────────────────────────────────────── */

.fxi-grid-footer[b-910plwx9pl] {
    padding:    .4rem .9rem;
    font-size:  .73rem;
    color:      var(--tara-text-muted);
    background: var(--tara-surface-alt, #f8f8f8);
    border-top: 1px solid var(--tara-border);
    text-align: center;
}

.fxi-grid-empty[b-910plwx9pl] {
    padding:    2rem;
    text-align: center;
    color:      var(--tara-text-muted);
    font-size:  .83rem;
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/AjustesPermisos.razor.rz.scp.css */
/* ── Página ─────────────────────────────────────────────────────────────────── */

.tara-perm-page[b-aecddmdewy] {
    gap: .85rem;
}

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

.tara-perm-header[b-aecddmdewy] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-perm-back-btn[b-aecddmdewy] {
    flex-shrink: 0;
}

.tara-perm-header-copy[b-aecddmdewy] {
    flex: 1 1 0;
    min-width: 0;
}

.tara-perm-header-copy h1[b-aecddmdewy] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--tara-text);
    letter-spacing: -.02em;
}

.tara-perm-header-copy span[b-aecddmdewy] {
    display: block;
    color: var(--tara-text-muted);
    font-size: .78rem;
    margin-top: .08rem;
}

.tara-perm-header-actions[b-aecddmdewy] {
    flex-shrink: 0;
}

/* ── Estados de carga ───────────────────────────────────────────────────────── */

.tara-perm-loading[b-aecddmdewy] {
    display: grid;
    place-items: center;
    min-height: 40vh;
    gap: .75rem;
    text-align: center;
    color: var(--tara-text-muted);
}

.tara-perm-loading[b-aecddmdewy]  .mud-icon-root {
    font-size: 3rem;
    opacity: .4;
    color: var(--tara-primary);
}

/* ── Alert ──────────────────────────────────────────────────────────────────── */

.tara-perm-alert[b-aecddmdewy] {
    margin-bottom: .1rem;
}

/* ── Panel selector de empleado ─────────────────────────────────────────────── */

.tara-perm-selector-panel[b-aecddmdewy] {
    display: flex;
    align-items: center;
    gap: .7rem;
    flex-wrap: wrap;
    padding: .75rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-perm-emp-input[b-aecddmdewy] {
    flex: 1 1 240px;
    min-width: 0;
}

.tara-perm-emp-input[b-aecddmdewy]  .mud-input-control {
    margin: 0;
}

.tara-perm-emp-chip[b-aecddmdewy] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .32rem .72rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    color: var(--tara-primary-dark);
    font-size: .82rem;
    font-weight: 700;
}

.tara-perm-emp-user[b-aecddmdewy] {
    color: var(--tara-text-muted);
    font-weight: 400;
    font-size: .75rem;
}

/* ── Cargando catálogo ──────────────────────────────────────────────────────── */

.tara-perm-catalog-loading[b-aecddmdewy] {
    display: grid;
    gap: .5rem;
    padding: 1.5rem 1rem;
    text-align: center;
    color: var(--tara-text-muted);
    font-size: .84rem;
}

/* ── Filtros ────────────────────────────────────────────────────────────────── */

.tara-perm-filters[b-aecddmdewy] {
    display: flex;
    align-items: center;
    gap: .65rem;
    flex-wrap: wrap;
}

.tara-perm-search[b-aecddmdewy] {
    flex: 1 1 220px;
    min-width: 0;
}

.tara-perm-search[b-aecddmdewy]  .mud-input-control {
    margin: 0;
}

.tara-perm-filter-chips[b-aecddmdewy] {
    display: flex;
    gap: .38rem;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.tara-perm-filter-btn[b-aecddmdewy] {
    display: inline-flex;
    align-items: center;
    padding: .3rem .78rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease, color .15s ease;
    line-height: 1;
}

.tara-perm-filter-btn:hover[b-aecddmdewy] {
    border-color: color-mix(in srgb, var(--tara-primary) 42%, var(--tara-border));
    color: var(--tara-primary-dark);
}

.tara-perm-filter-btn--active[b-aecddmdewy] {
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 40%, var(--tara-border));
    color: var(--tara-primary-dark);
}

/* ── Catálogo ───────────────────────────────────────────────────────────────── */

.tara-perm-catalog[b-aecddmdewy] {
    display: grid;
    gap: .45rem;
}

.tara-perm-panels[b-aecddmdewy] {
    gap: .35rem;
    display: grid;
}

.tara-perm-panel[b-aecddmdewy] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius) !important;
    overflow: hidden;
}

.tara-perm-panel[b-aecddmdewy]  .mud-expand-panel-header {
    padding: .62rem .9rem;
    min-height: unset;
}

/* ── Header de grupo ────────────────────────────────────────────────────────── */

.tara-perm-group-header[b-aecddmdewy] {
    display: flex;
    align-items: center;
    gap: .52rem;
    font-weight: 800;
    font-size: .88rem;
    color: var(--tara-text);
}

.tara-perm-group-name[b-aecddmdewy] {
    flex: 1;
    min-width: 0;
}

.tara-perm-group-count[b-aecddmdewy] {
    color: var(--tara-text-muted);
    font-size: .7rem;
    font-weight: 500;
}

/* ── Lista de módulos ───────────────────────────────────────────────────────── */

.tara-perm-modulos-list[b-aecddmdewy] {
    display: grid;
    gap: .22rem;
    padding: .45rem .62rem .55rem;
}

/* ── Fila de módulo ─────────────────────────────────────────────────────────── */

.tara-perm-modulo-row[b-aecddmdewy] {
    display: grid;
    grid-template-columns: minmax(190px, 1.4fr) auto minmax(0, 2fr);
    align-items: center;
    gap: .55rem .75rem;
    padding: .42rem .58rem;
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
    border: 1px solid var(--tara-border-subtle);
    transition: background .12s ease;
}

.tara-perm-modulo-row--activo[b-aecddmdewy] {
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
}

.tara-perm-modulo-meta[b-aecddmdewy] {
    display: grid;
    gap: .06rem;
    min-width: 0;
}

.tara-perm-modulo-name[b-aecddmdewy] {
    font-weight: 700;
    font-size: .83rem;
    color: var(--tara-text);
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-perm-modulo-clave[b-aecddmdewy] {
    font-size: .66rem;
    color: var(--tara-text-muted);
    font-family: ui-monospace, monospace;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-perm-modulo-estado[b-aecddmdewy] {
    flex-shrink: 0;
}

/* ── Chips de estado web ────────────────────────────────────────────────────── */

.tara-perm-chip[b-aecddmdewy] {
    display: inline-flex;
    align-items: center;
    gap: .22rem;
    padding: .14rem .52rem;
    border-radius: 999px;
    font-size: .67rem;
    font-weight: 800;
    white-space: nowrap;
    letter-spacing: .01em;
}

.tara-perm-chip--disponible[b-aecddmdewy] {
    background: color-mix(in srgb, var(--tara-success) 11%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-success) 30%, var(--tara-border));
    color: color-mix(in srgb, var(--tara-success) 58%, #064e3b);
}

.tara-perm-chip--pendiente[b-aecddmdewy] {
    background: color-mix(in srgb, #f59e0b 9%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, #f59e0b 28%, var(--tara-border));
    color: #92400e;
}

/* ── Acciones ───────────────────────────────────────────────────────────────── */

.tara-perm-acciones[b-aecddmdewy] {
    display: flex;
    flex-wrap: wrap;
    gap: 0 .08rem;
    align-items: center;
    min-width: 0;
}

.tara-perm-check[b-aecddmdewy] {
    margin: -.1rem 0;
}

.tara-perm-check[b-aecddmdewy]  .mud-typography {
    font-size: .76rem;
    color: var(--tara-text-muted);
}

.tara-perm-check[b-aecddmdewy]  .mud-button-root {
    padding: .22rem;
}

.tara-perm-no-acciones[b-aecddmdewy] {
    color: var(--tara-text-muted);
    font-size: .75rem;
}

/* ── Estado vacío ───────────────────────────────────────────────────────────── */

.tara-perm-empty[b-aecddmdewy] {
    display: grid;
    place-items: center;
    min-height: 200px;
    gap: .65rem;
    text-align: center;
    color: var(--tara-text-muted);
    font-size: .88rem;
}

.tara-perm-empty[b-aecddmdewy]  .mud-icon-root {
    font-size: 3rem;
    opacity: .42;
    color: var(--tara-primary);
}

.tara-perm-empty--compact[b-aecddmdewy] {
    min-height: 100px;
    font-size: .82rem;
}

/* ── Barra de guardar inferior ──────────────────────────────────────────────── */

.tara-perm-save-bar[b-aecddmdewy] {
    display: flex;
    justify-content: flex-end;
    padding: .5rem 0 .25rem;
}

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

@media (max-width: 860px) {
    .tara-perm-modulo-row[b-aecddmdewy] {
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto;
    }

    .tara-perm-modulo-meta[b-aecddmdewy] {
        grid-column: 1;
        grid-row: 1;
    }

    .tara-perm-modulo-estado[b-aecddmdewy] {
        grid-column: 2;
        grid-row: 1;
    }

    .tara-perm-acciones[b-aecddmdewy] {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}

@media (max-width: 600px) {
    .tara-perm-filters[b-aecddmdewy] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-perm-filter-chips[b-aecddmdewy] {
        flex-direction: row;
        overflow-x: auto;
        scrollbar-width: none;
    }
}

/* ── Checks maestros ─────────────────────────────────────────────────────────── */

.tara-perm-global-check[b-aecddmdewy] {
    flex-basis: 100%;
    padding-bottom: .28rem;
    border-bottom: 1px solid var(--tara-border-subtle);
}

.tara-perm-master-check[b-aecddmdewy]  .mud-typography {
    font-size: .83rem;
    font-weight: 700;
    color: var(--tara-text);
}

.tara-perm-master-check[b-aecddmdewy]  .mud-button-root {
    padding: .22rem;
}

.tara-perm-group-check[b-aecddmdewy]  .mud-button-root {
    padding: .2rem;
}

.tara-perm-module-check[b-aecddmdewy]  .mud-button-root {
    padding: .14rem;
}

.tara-perm-modulo-name-row[b-aecddmdewy] {
    display: flex;
    align-items: center;
    gap: .06rem;
    min-width: 0;
    overflow: hidden;
}

.tara-perm-modulo-name-row .tara-perm-modulo-name[b-aecddmdewy] {
    flex: 1 1 0;
    min-width: 0;
}

/* ── Badges ─────────────────────────────────────────────────────────────────── */

.tara-perm-badge[b-aecddmdewy] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.35rem;
    font-size: 0.62rem;
    font-weight: 800;
    border-radius: 4px;
    margin-left: 0.4rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    vertical-align: middle;
}
.tara-perm-badge--sensible[b-aecddmdewy] {
    background: #ffebee;
    color: #c62828;
    border: 1px solid #ffcdd2;
}
.tara-perm-badge--financiero[b-aecddmdewy] {
    background: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #c8e6c9;
}
.tara-perm-badge--legacy[b-aecddmdewy] {
    background: #f5f5f5;
    color: #757575;
    border: 1px solid #e0e0e0;
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/AjustesPvApartados.razor.rz.scp.css */
.tara-apa-page[b-tmgv81om4a] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: calc(100vh - 96px);
}

.tara-apa-loading[b-tmgv81om4a] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-apa-loading[b-tmgv81om4a]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.4rem;
}

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

.tara-apa-header-copy[b-tmgv81om4a] {
    min-width: 0;
    flex: 1;
}

.tara-apa-breadcrumbs[b-tmgv81om4a] {
    display: flex;
    flex-wrap: wrap;
    gap: .38rem;
    align-items: center;
    margin-bottom: .32rem;
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 700;
}

.tara-apa-breadcrumbs strong[b-tmgv81om4a],
.tara-apa-card-kicker[b-tmgv81om4a] {
    color: var(--tara-primary-dark);
}

.tara-apa-header-copy h1[b-tmgv81om4a] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1.08;
}

.tara-apa-header-copy p[b-tmgv81om4a] {
    margin: .22rem 0 0;
    color: var(--tara-text-muted);
    font-size: .88rem;
    max-width: 72ch;
}

.tara-apa-header-actions[b-tmgv81om4a] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
}

.tara-apa-alert[b-tmgv81om4a] {
    margin: 0;
}

.tara-apa-shell[b-tmgv81om4a],
.tara-apa-form-grid[b-tmgv81om4a],
.tara-apa-context-grid[b-tmgv81om4a],
.tara-apa-main-grid[b-tmgv81om4a],
.tara-apa-preview-grid[b-tmgv81om4a] {
    display: grid;
    gap: 1rem;
}

.tara-apa-card[b-tmgv81om4a] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
    padding: 1rem;
}

.tara-apa-card--context[b-tmgv81om4a] {
    padding-block: .78rem;
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
    border-color: var(--tara-border-subtle);
    box-shadow: none;
}

.tara-apa-card--primary[b-tmgv81om4a] {
    padding: .95rem;
}

.tara-apa-card--aside[b-tmgv81om4a] {
    background: color-mix(in srgb, var(--tara-surface-raised) 68%, var(--tara-surface));
    border-color: var(--tara-border-subtle);
    box-shadow: none;
    padding: .8rem;
}

.tara-apa-card-head[b-tmgv81om4a],
.tara-apa-preview-head[b-tmgv81om4a] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
}

.tara-apa-card-head[b-tmgv81om4a] {
    margin-bottom: .9rem;
}

.tara-apa-card-kicker[b-tmgv81om4a] {
    display: inline-block;
    margin-bottom: .2rem;
    font-size: .77rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tara-apa-card-head h2[b-tmgv81om4a],
.tara-apa-preview-head h3[b-tmgv81om4a] {
    margin: 0;
    color: var(--tara-text);
}

.tara-apa-card-head-copy[b-tmgv81om4a] {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.tara-apa-card-head h2[b-tmgv81om4a] {
    font-size: 1rem;
    font-weight: 850;
    letter-spacing: -.01em;
}

.tara-apa-card-head-copy p[b-tmgv81om4a] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .74rem;
    line-height: 1.35;
    max-width: 42ch;
}

.tara-apa-preview-head p[b-tmgv81om4a],
.tara-apa-context-pill span[b-tmgv81om4a],
.tara-apa-field label[b-tmgv81om4a],
.tara-apa-preview-pill span[b-tmgv81om4a] {
    color: var(--tara-text-muted);
}

.tara-apa-state-chip[b-tmgv81om4a] {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 .8rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 800;
    white-space: nowrap;
}

.tara-apa-state-chip--saved[b-tmgv81om4a] {
    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);
}

.tara-apa-state-chip--default[b-tmgv81om4a] {
    background: color-mix(in srgb, var(--tara-text-muted) 10%, var(--tara-surface));
    border: 1px solid var(--tara-border);
    color: var(--tara-text-muted);
}

.tara-apa-context-grid[b-tmgv81om4a] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .45rem;
}

.tara-apa-main-grid[b-tmgv81om4a] {
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, .65fr);
    align-items: start;
}

.tara-apa-context-pill[b-tmgv81om4a],
.tara-apa-preview-pill[b-tmgv81om4a] {
    background: color-mix(in srgb, var(--tara-surface-raised) 54%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-border-subtle) 85%, var(--tara-surface));
    border-radius: 12px;
    padding: .48rem .68rem;
    display: grid;
    gap: .1rem;
    min-width: 0;
}

.tara-apa-context-pill--state[b-tmgv81om4a] {
    background: color-mix(in srgb, var(--tara-surface-raised) 46%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-border) 92%, var(--tara-surface));
}

.tara-apa-context-pill span[b-tmgv81om4a],
.tara-apa-field label[b-tmgv81om4a],
.tara-apa-preview-pill span[b-tmgv81om4a] {
    font-size: .75rem;
    font-weight: 700;
}

.tara-apa-context-pill strong[b-tmgv81om4a],
.tara-apa-preview-pill strong[b-tmgv81om4a] {
    color: var(--tara-text);
    font-size: .89rem;
    font-weight: 850;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-apa-form-grid[b-tmgv81om4a] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tara-apa-field[b-tmgv81om4a] {
    display: grid;
    gap: .28rem;
}

.tara-apa-note[b-tmgv81om4a] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .75rem;
    align-items: flex-start;
    border-radius: 14px;
    padding: .9rem;
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
}

.tara-apa-note[b-tmgv81om4a]  .mud-icon-root {
    color: var(--tara-primary-dark);
}

.tara-apa-note strong[b-tmgv81om4a] {
    display: block;
    margin-bottom: .16rem;
    color: var(--tara-text);
}

.tara-apa-note p[b-tmgv81om4a] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .84rem;
    line-height: 1.5;
}

.tara-apa-note--compact[b-tmgv81om4a] {
    background: color-mix(in srgb, var(--tara-surface) 86%, var(--tara-surface-raised));
    border: 1px solid var(--tara-border-subtle);
}

.tara-apa-note--compact strong[b-tmgv81om4a] {
    font-size: .84rem;
}

.tara-apa-note--compact p[b-tmgv81om4a] {
    font-size: .78rem;
    line-height: 1.4;
}

.tara-apa-note--compact[b-tmgv81om4a]  .mud-icon-root {
    color: var(--tara-text-muted);
    margin-top: .04rem;
}

.tara-apa-preview-grid[b-tmgv81om4a] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: .95rem;
}

.tara-apa-preview-ticket[b-tmgv81om4a] {
    display: grid;
    gap: .6rem;
    min-width: 0;
}

.tara-apa-preview-head h3[b-tmgv81om4a] {
    font-size: .98rem;
    font-weight: 850;
    letter-spacing: -.01em;
}

.tara-apa-preview-head p[b-tmgv81om4a] {
    margin: .14rem 0 0;
    font-size: .76rem;
    line-height: 1.35;
}

.tara-apa-ticket-preview[b-tmgv81om4a] {
    display: grid;
    gap: .42rem;
}

.tara-apa-ticket-label[b-tmgv81om4a] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tara-apa-ticket-paper[b-tmgv81om4a] {
    display: grid;
    gap: .48rem;
    padding: .72rem .82rem;
    max-width: 23rem;
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
    border: 1px solid var(--tara-border);
    border-radius: 12px;
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--tara-surface-raised) 36%, transparent),
        0 1px 2px color-mix(in srgb, var(--tara-text) 5%, transparent);
}

.tara-apa-ticket-rule[b-tmgv81om4a] {
    height: 1px;
    background:
        repeating-linear-gradient(
            90deg,
            color-mix(in srgb, var(--tara-text-muted) 38%, transparent) 0 10px,
            transparent 10px 14px);
}

.tara-apa-preview-text[b-tmgv81om4a] {
    margin: 0;
    min-height: 94px;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    color: var(--tara-text);
    font: 500 .77rem/1.4 "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.tara-apa-legend-input[b-tmgv81om4a],
.tara-apa-legend-input[b-tmgv81om4a]  textarea {
    min-height: 148px;
}

[b-tmgv81om4a] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-tmgv81om4a] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-tmgv81om4a] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-tmgv81om4a] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

@media (max-width: 1100px) {
    .tara-apa-context-grid[b-tmgv81om4a] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .tara-apa-main-grid[b-tmgv81om4a] {
        grid-template-columns: 1fr;
    }

    .tara-apa-main-grid > :last-child[b-tmgv81om4a] {
        grid-column: 1 / -1;
    }

    .tara-apa-context-grid[b-tmgv81om4a] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .tara-apa-header[b-tmgv81om4a] {
        flex-direction: column;
    }

    .tara-apa-header-actions[b-tmgv81om4a] {
        width: 100%;
        justify-content: stretch;
    }

    .tara-apa-header-actions[b-tmgv81om4a]  .mud-button-root {
        flex: 1 1 180px;
    }

    .tara-apa-form-grid[b-tmgv81om4a],
    .tara-apa-preview-grid[b-tmgv81om4a] {
        grid-template-columns: 1fr;
    }

    .tara-apa-ticket-paper[b-tmgv81om4a] {
        max-width: none;
    }
}

@media (max-width: 560px) {
    .tara-apa-card[b-tmgv81om4a] {
        padding: .8rem;
        border-radius: 14px;
    }

    .tara-apa-header-copy h1[b-tmgv81om4a] {
        font-size: 1.28rem;
    }

    .tara-apa-card-head[b-tmgv81om4a],
    .tara-apa-preview-head[b-tmgv81om4a] {
        flex-direction: column;
    }

    .tara-apa-card-head-copy p[b-tmgv81om4a] {
        font-size: .74rem;
    }

    .tara-apa-header-actions[b-tmgv81om4a] {
        flex-direction: column;
    }

    .tara-apa-header-actions[b-tmgv81om4a]  .mud-button-root {
        width: 100%;
        flex: 1 1 auto;
    }

    .tara-apa-context-grid[b-tmgv81om4a],
    .tara-apa-main-grid[b-tmgv81om4a],
    .tara-apa-form-grid[b-tmgv81om4a],
    .tara-apa-preview-grid[b-tmgv81om4a] {
        grid-template-columns: 1fr;
    }

    .tara-apa-context-pill strong[b-tmgv81om4a] {
        white-space: normal;
    }

    .tara-apa-ticket-paper[b-tmgv81om4a] {
        padding: .68rem .74rem;
    }

    .tara-apa-preview-text[b-tmgv81om4a] {
        min-height: 88px;
        font-size: .75rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/AjustesPvEditarTicket.razor.rz.scp.css */
.tara-edit-page[b-35etjh2m4y] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: calc(100vh - 96px);
}

.tara-edit-loading[b-35etjh2m4y] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-edit-loading[b-35etjh2m4y]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.2rem;
}

.tara-edit-header-copy[b-35etjh2m4y] {
    min-width: 0;
}

.tara-edit-breadcrumbs[b-35etjh2m4y] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    align-items: center;
    margin-bottom: .32rem;
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 700;
}

.tara-edit-breadcrumbs strong[b-35etjh2m4y] {
    color: var(--tara-primary-dark);
}

.tara-edit-header h1[b-35etjh2m4y] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1.08;
}

.tara-edit-header p[b-35etjh2m4y] {
    margin: .22rem 0 0;
    color: var(--tara-text-muted);
    font-size: .89rem;
    max-width: 78ch;
}

.tara-edit-alert[b-35etjh2m4y] {
    margin: 0;
}

.tara-edit-shell[b-35etjh2m4y] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tara-edit-card[b-35etjh2m4y] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
    padding: 1rem;
}

.tara-edit-card--summary[b-35etjh2m4y] {
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--tara-primary) 12%, transparent), transparent 34%),
        var(--tara-surface);
}

.tara-edit-card-head[b-35etjh2m4y] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .85rem;
    margin-bottom: .95rem;
}

.tara-edit-card-kicker[b-35etjh2m4y] {
    display: inline-block;
    margin-bottom: .2rem;
    color: var(--tara-primary-dark);
    font-size: .77rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tara-edit-card-head h2[b-35etjh2m4y] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.04rem;
    font-weight: 850;
}

.tara-edit-status-chip[b-35etjh2m4y] {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 .8rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 800;
    white-space: nowrap;
}

.tara-edit-status-chip--ok[b-35etjh2m4y] {
    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);
}

.tara-edit-status-chip--error[b-35etjh2m4y] {
    background: color-mix(in srgb, var(--tara-danger) 10%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-danger) 18%, var(--tara-border));
    color: color-mix(in srgb, var(--tara-danger) 82%, var(--tara-text));
}

.tara-edit-toolbar[b-35etjh2m4y] {
    gap: .8rem;
}

.tara-edit-search[b-35etjh2m4y] {
    min-width: min(420px, 100%);
}

.tara-edit-toolbar-actions[b-35etjh2m4y] {
    margin-left: auto;
}

.tara-edit-kpis[b-35etjh2m4y],
.tara-edit-main[b-35etjh2m4y],
.tara-edit-form-grid[b-35etjh2m4y],
.tara-edit-note-grid[b-35etjh2m4y] {
    display: grid;
    gap: .9rem;
}

.tara-edit-kpis[b-35etjh2m4y] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tara-edit-main[b-35etjh2m4y] {
    grid-template-columns: 1.2fr .85fr;
    align-items: start;
}

.tara-edit-form-grid[b-35etjh2m4y] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tara-edit-kpi[b-35etjh2m4y] {
    background: color-mix(in srgb, var(--tara-bg) 55%, var(--tara-surface));
    border: 1px solid var(--tara-border-subtle);
    border-radius: 14px;
    padding: .9rem;
    display: grid;
    gap: .16rem;
}

.tara-edit-kpi span[b-35etjh2m4y],
.tara-edit-field label[b-35etjh2m4y] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 700;
}

.tara-edit-kpi strong[b-35etjh2m4y] {
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 850;
}

.tara-edit-kpi small[b-35etjh2m4y] {
    color: var(--tara-text-muted);
    font-size: .76rem;
}

.tara-edit-field[b-35etjh2m4y] {
    display: grid;
    gap: .28rem;
}

.tara-edit-note-grid[b-35etjh2m4y] {
    margin-top: .9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tara-edit-note[b-35etjh2m4y] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .75rem;
    align-items: flex-start;
    border-radius: 14px;
    padding: .9rem;
}

.tara-edit-note strong[b-35etjh2m4y] {
    display: block;
    margin-bottom: .16rem;
    color: var(--tara-text);
}

.tara-edit-note p[b-35etjh2m4y] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .82rem;
    line-height: 1.5;
}

.tara-edit-note--neutral[b-35etjh2m4y] {
    background: color-mix(in srgb, var(--tara-text-muted) 8%, var(--tara-surface));
    border: 1px solid var(--tara-border);
}

.tara-edit-note--accent[b-35etjh2m4y] {
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
}

.tara-edit-note[b-35etjh2m4y]  .mud-icon-root {
    color: var(--tara-primary-dark);
    margin-top: .08rem;
}

.tara-edit-doc-form[b-35etjh2m4y] {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr) auto;
    gap: .8rem;
    align-items: start;
}

.tara-edit-doc-empty[b-35etjh2m4y] {
    color: var(--tara-text-muted);
    font-size: .85rem;
    border: 1px dashed var(--tara-border);
    border-radius: 12px;
    padding: .95rem;
    background: color-mix(in srgb, var(--tara-bg) 52%, var(--tara-surface));
}

.tara-edit-doc-list[b-35etjh2m4y] {
    display: grid;
    gap: .7rem;
}

.tara-edit-doc-card[b-35etjh2m4y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .85rem;
    border: 1px solid var(--tara-border);
    border-radius: 14px;
    padding: .85rem .95rem;
    background: color-mix(in srgb, var(--tara-bg) 44%, var(--tara-surface));
}

.tara-edit-doc-card strong[b-35etjh2m4y] {
    display: block;
    color: var(--tara-text);
}

.tara-edit-doc-card small[b-35etjh2m4y] {
    color: var(--tara-text-muted);
}

.tara-edit-doc-card-right[b-35etjh2m4y] {
    display: flex;
    align-items: center;
    gap: .65rem;
    color: var(--tara-text);
    font-weight: 800;
}

.tara-edit-card-actions[b-35etjh2m4y],
.tara-edit-actions[b-35etjh2m4y] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.tara-edit-payments[b-35etjh2m4y] {
    display: grid;
    gap: .7rem;
}

.tara-edit-payment-row[b-35etjh2m4y] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 180px;
    gap: .85rem;
    align-items: center;
    border: 1px solid var(--tara-border);
    border-radius: 14px;
    padding: .75rem .85rem;
    background: color-mix(in srgb, var(--tara-bg) 40%, var(--tara-surface));
}

.tara-edit-payment-copy strong[b-35etjh2m4y] {
    display: block;
    color: var(--tara-text);
}

.tara-edit-payment-copy small[b-35etjh2m4y] {
    color: var(--tara-text-muted);
}

.tara-edit-balance[b-35etjh2m4y] {
    margin-top: .95rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
}

.tara-edit-balance-item[b-35etjh2m4y] {
    border-radius: 14px;
    padding: .85rem;
    background: color-mix(in srgb, var(--tara-bg) 52%, var(--tara-surface));
    border: 1px solid var(--tara-border);
    display: grid;
    gap: .18rem;
}

.tara-edit-balance-item span[b-35etjh2m4y] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 700;
}

.tara-edit-balance-item strong[b-35etjh2m4y] {
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 850;
}

.tara-edit-balance-item--success[b-35etjh2m4y] {
    background: color-mix(in srgb, var(--tara-success) 9%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-success) 20%, var(--tara-border));
}

.tara-edit-balance-item--warning[b-35etjh2m4y] {
    background: color-mix(in srgb, var(--tara-warning) 10%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-warning) 20%, var(--tara-border));
}

.tara-edit-balance-item--error[b-35etjh2m4y] {
    background: color-mix(in srgb, var(--tara-danger) 10%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-danger) 20%, var(--tara-border));
}

.tara-edit-actions[b-35etjh2m4y] {
    margin-top: 1rem;
    justify-content: flex-end;
}

.tara-edit-state[b-35etjh2m4y] {
    min-height: 220px;
}

.tara-edit-state--inline[b-35etjh2m4y] {
    min-height: 160px;
}

[b-35etjh2m4y] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-35etjh2m4y] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border,
[b-35etjh2m4y] .tara-edit-search .mud-input-outlined:hover .mud-input-outlined-border,
[b-35etjh2m4y] .tara-edit-search .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-35etjh2m4y] .tara-filter-select .mud-input-root-outlined.mud-input-focused label,
[b-35etjh2m4y] .tara-edit-search .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark) !important;
}

@media (max-width: 1180px) {
    .tara-edit-kpis[b-35etjh2m4y] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-edit-main[b-35etjh2m4y] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    .tara-edit-form-grid[b-35etjh2m4y],
    .tara-edit-note-grid[b-35etjh2m4y],
    .tara-edit-balance[b-35etjh2m4y],
    .tara-edit-doc-form[b-35etjh2m4y] {
        grid-template-columns: 1fr;
    }

    .tara-edit-payment-row[b-35etjh2m4y] {
        grid-template-columns: 1fr;
    }

    .tara-edit-card-head[b-35etjh2m4y] {
        flex-direction: column;
    }
}

@media (max-width: 560px) {
    .tara-edit-card[b-35etjh2m4y] {
        padding: .9rem;
        border-radius: 14px;
    }

    .tara-edit-header h1[b-35etjh2m4y] {
        font-size: 1.28rem;
    }

    .tara-edit-kpis[b-35etjh2m4y] {
        grid-template-columns: 1fr;
    }

    .tara-edit-toolbar-actions[b-35etjh2m4y],
    .tara-edit-actions[b-35etjh2m4y],
    .tara-edit-card-actions[b-35etjh2m4y] {
        width: 100%;
    }

    .tara-edit-toolbar-actions[b-35etjh2m4y]  .mud-button-root,
    .tara-edit-actions[b-35etjh2m4y]  .mud-button-root,
    .tara-edit-card-actions[b-35etjh2m4y]  .mud-button-root {
        flex: 1 1 100%;
    }

    .tara-edit-doc-card[b-35etjh2m4y] {
        flex-direction: column;
        align-items: flex-start;
    }

    .tara-edit-doc-card-right[b-35etjh2m4y] {
        width: 100%;
        justify-content: space-between;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/AjustesPvFormasPago.razor.rz.scp.css */
.tara-fpc-page[b-eqxlgitrvs] {
    display: flex;
    flex-direction: column;
    gap: .95rem;
    min-height: calc(100vh - 96px);
}

.tara-fpc-loading[b-eqxlgitrvs] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-fpc-loading[b-eqxlgitrvs]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.4rem;
}

.tara-fpc-header[b-eqxlgitrvs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .9rem;
}

.tara-fpc-header-copy[b-eqxlgitrvs] {
    min-width: 0;
    flex: 1;
}

.tara-fpc-breadcrumbs[b-eqxlgitrvs] {
    display: flex;
    flex-wrap: wrap;
    gap: .38rem;
    align-items: center;
    margin-bottom: .32rem;
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 700;
}

.tara-fpc-breadcrumbs strong[b-eqxlgitrvs],
.tara-fpc-card-kicker[b-eqxlgitrvs] {
    color: var(--tara-primary-dark);
}

.tara-fpc-header-copy h1[b-eqxlgitrvs] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1.08;
}

.tara-fpc-header-copy p[b-eqxlgitrvs] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .86rem;
    max-width: 76ch;
}

.tara-fpc-header-actions[b-eqxlgitrvs] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
}

.tara-fpc-alert[b-eqxlgitrvs] {
    margin: 0;
}

.tara-fpc-shell[b-eqxlgitrvs],
.tara-fpc-summary-grid[b-eqxlgitrvs],
.tara-fpc-filter-grid[b-eqxlgitrvs] {
    display: grid;
    gap: 1rem;
}

.tara-fpc-card[b-eqxlgitrvs] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
    padding: .95rem;
}

.tara-fpc-card--summary[b-eqxlgitrvs] {
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--tara-primary) 12%, transparent), transparent 34%),
        var(--tara-surface);
}

.tara-fpc-card-head[b-eqxlgitrvs] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: .9rem;
}

.tara-fpc-card-kicker[b-eqxlgitrvs] {
    display: inline-block;
    margin-bottom: .2rem;
    font-size: .77rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tara-fpc-card-head h2[b-eqxlgitrvs] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.05rem;
    font-weight: 850;
}

.tara-fpc-state-chip[b-eqxlgitrvs],
.tara-fpc-code-chip[b-eqxlgitrvs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 .8rem;
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 800;
}

.tara-fpc-state-chip--custom[b-eqxlgitrvs] {
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    color: var(--tara-primary-dark);
}

.tara-fpc-state-chip--default[b-eqxlgitrvs] {
    background: color-mix(in srgb, var(--tara-surface-raised) 78%, var(--tara-surface));
    border: 1px solid var(--tara-border);
    color: var(--tara-text);
}

.tara-fpc-summary-grid[b-eqxlgitrvs] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tara-fpc-kpi[b-eqxlgitrvs] {
    background: color-mix(in srgb, var(--tara-bg) 55%, var(--tara-surface));
    border: 1px solid var(--tara-border-subtle);
    border-radius: 14px;
    padding: .95rem;
    display: grid;
    gap: .15rem;
}

.tara-fpc-kpi span[b-eqxlgitrvs],
.tara-fpc-field label[b-eqxlgitrvs] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 700;
}

.tara-fpc-kpi strong[b-eqxlgitrvs] {
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 850;
}

.tara-fpc-kpi small[b-eqxlgitrvs] {
    color: var(--tara-text-muted);
    font-size: .76rem;
}

.tara-fpc-filter-grid[b-eqxlgitrvs] {
    grid-template-columns: minmax(220px, 320px) minmax(260px, 1fr) auto;
    align-items: end;
}

.tara-fpc-field[b-eqxlgitrvs] {
    display: grid;
    gap: .28rem;
}

.tara-fpc-field--search[b-eqxlgitrvs] {
    min-width: 0;
}

.tara-fpc-toolbar-count[b-eqxlgitrvs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 .7rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    color: var(--tara-primary-dark);
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap;
}

.tara-fpc-toolbar-actions[b-eqxlgitrvs] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tara-fpc-search[b-eqxlgitrvs] {
    width: 100%;
}

[b-eqxlgitrvs] .tara-fpc-search .mud-input-outlined:hover .mud-input-outlined-border,
[b-eqxlgitrvs] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-eqxlgitrvs] .tara-fpc-search .mud-input-outlined.mud-input-focused .mud-input-outlined-border,
[b-eqxlgitrvs] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border,
[b-eqxlgitrvs] .tara-fpc-inline-field .mud-input-outlined:hover .mud-input-outlined-border,
[b-eqxlgitrvs] .tara-fpc-inline-field .mud-input-outlined.mud-input-focused .mud-input-outlined-border,
[b-eqxlgitrvs] .tara-fpc-inline-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-eqxlgitrvs] .tara-fpc-inline-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-eqxlgitrvs] .tara-fpc-search .mud-input-root-outlined.mud-input-focused label,
[b-eqxlgitrvs] .tara-filter-select .mud-input-root-outlined.mud-input-focused label,
[b-eqxlgitrvs] .tara-fpc-inline-field .mud-input-root-outlined.mud-input-focused label,
[b-eqxlgitrvs] .tara-fpc-inline-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark) !important;
}

.tara-fpc-state[b-eqxlgitrvs] {
    min-height: 280px;
}

.tara-fpc-state--loading[b-eqxlgitrvs]  .mud-progress-circular-root {
    margin-bottom: .1rem;
}

.tara-fpc-state--empty[b-eqxlgitrvs]  .mud-icon-root {
    font-size: 2.6rem;
}

.tara-fpc-grid-wrap[b-eqxlgitrvs] {
    border: 1px solid var(--tara-border);
    border-radius: 12px 12px 0 0;
    border-bottom: none;
    overflow: hidden auto;
    background: var(--tara-surface);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--tara-surface-raised) 30%, transparent);
}

[b-eqxlgitrvs] .tara-fpc-grid.mud-table {
    box-shadow: none;
    min-width: 1160px;
}

[b-eqxlgitrvs] .tara-fpc-grid .mud-table-container {
    overflow-x: auto;
}

[b-eqxlgitrvs] .tara-fpc-grid .mud-table-head .mud-table-cell {
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    border-bottom: 2px solid color-mix(in srgb, var(--tara-primary-dark) 38%, var(--tara-border)) !important;
    padding: .55rem .65rem !important;
    min-height: 44px;
    text-transform: uppercase;
    font-size: .71rem !important;
    font-weight: 700;
    letter-spacing: .04em;
    text-align: left;
    white-space: nowrap;
}

[b-eqxlgitrvs] .tara-fpc-grid .mud-table-body .mud-table-row .mud-table-cell {
    border-bottom: 1px solid var(--tara-border-subtle) !important;
    background: var(--tara-row-odd);
    padding: .45rem .55rem !important;
    vertical-align: middle;
    font-size: .82rem;
}

[b-eqxlgitrvs] .tara-fpc-grid .mud-table-body .mud-table-row.mud-table-row-even .mud-table-cell {
    background: var(--tara-row-even);
}

[b-eqxlgitrvs] .tara-fpc-grid .mud-table-body .mud-table-row:hover .mud-table-cell {
    background: var(--tara-row-hover) !important;
}

.tara-fpc-cell-num[b-eqxlgitrvs] {
    text-align: center;
    font-weight: 700;
    color: var(--tara-text);
}

.tara-fpc-col-check[b-eqxlgitrvs] {
    width: 88px;
    text-align: center;
}

.tara-fpc-code-chip[b-eqxlgitrvs] {
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    color: var(--tara-primary-dark);
}

.tara-fpc-mobile-list[b-eqxlgitrvs] {
    display: none;
    gap: .85rem;
}

.tara-fpc-mobile-card[b-eqxlgitrvs] {
    border: 1px solid var(--tara-border);
    border-radius: 14px;
    padding: .95rem;
    background: color-mix(in srgb, var(--tara-bg) 55%, var(--tara-surface));
    box-shadow: var(--tara-shadow-sm);
}

.tara-fpc-mobile-card + .tara-fpc-mobile-card[b-eqxlgitrvs] {
    margin-top: .85rem;
}

.tara-fpc-mobile-card-head[b-eqxlgitrvs] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: flex-start;
    margin-bottom: .8rem;
}

.tara-fpc-mobile-card-head strong[b-eqxlgitrvs] {
    color: var(--tara-text);
    font-size: .97rem;
}

.tara-fpc-mobile-meta[b-eqxlgitrvs] {
    color: var(--tara-text-muted);
    font-size: .8rem;
    margin-top: .15rem;
}

.tara-fpc-mobile-grid[b-eqxlgitrvs] {
    display: grid;
    gap: .75rem;
}

.tara-fpc-mobile-checks[b-eqxlgitrvs] {
    display: grid;
    gap: .1rem;
}

@media (max-width: 1100px) {
    .tara-fpc-summary-grid[b-eqxlgitrvs] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-fpc-filter-grid[b-eqxlgitrvs] {
        grid-template-columns: 1fr 1fr;
    }

    .tara-fpc-toolbar-count[b-eqxlgitrvs],
    .tara-fpc-toolbar-actions[b-eqxlgitrvs] {
        grid-column: 1 / -1;
    }

    .tara-fpc-toolbar-actions[b-eqxlgitrvs] {
        justify-content: flex-start;
    }

    .tara-fpc-toolbar-count[b-eqxlgitrvs] {
        justify-self: start;
    }
}

@media (max-width: 760px) {
    .tara-fpc-header[b-eqxlgitrvs],
    .tara-fpc-card-head[b-eqxlgitrvs],
    .tara-fpc-mobile-card-head[b-eqxlgitrvs] {
        flex-direction: column;
    }

    .tara-fpc-summary-grid[b-eqxlgitrvs],
    .tara-fpc-filter-grid[b-eqxlgitrvs] {
        grid-template-columns: 1fr;
    }

    .tara-fpc-header-actions[b-eqxlgitrvs],
    .tara-fpc-toolbar-actions[b-eqxlgitrvs] {
        width: 100%;
    }

    .tara-fpc-header-actions[b-eqxlgitrvs]  .mud-button-root,
    .tara-fpc-toolbar-actions[b-eqxlgitrvs]  .mud-button-root {
        width: 100%;
    }

    .tara-fpc-grid-wrap[b-eqxlgitrvs] {
        display: none;
    }

    .tara-fpc-mobile-list[b-eqxlgitrvs] {
        display: block;
    }

    .tara-fpc-card[b-eqxlgitrvs] {
        padding: .9rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/AjustesPvGastos.razor.rz.scp.css */
.tara-gas-page[b-dapewvx7ut] {
    display: flex;
    flex-direction: column;
    gap: .95rem;
    min-height: calc(100vh - 96px);
}

.tara-gas-loading[b-dapewvx7ut] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-gas-loading[b-dapewvx7ut]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.4rem;
}

.tara-gas-header[b-dapewvx7ut] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .9rem;
}

.tara-gas-header-copy[b-dapewvx7ut] {
    min-width: 0;
    flex: 1;
}

.tara-gas-breadcrumbs[b-dapewvx7ut] {
    display: flex;
    flex-wrap: wrap;
    gap: .38rem;
    align-items: center;
    margin-bottom: .32rem;
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 700;
}

.tara-gas-breadcrumbs strong[b-dapewvx7ut] {
    color: var(--tara-primary-dark);
}

.tara-gas-header-copy h1[b-dapewvx7ut] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1.08;
}

.tara-gas-header-copy p[b-dapewvx7ut] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .86rem;
}

.tara-gas-header-actions[b-dapewvx7ut] {
    display: flex;
    gap: .45rem;
}

.tara-gas-alert[b-dapewvx7ut] {
    margin: 0;
}

.tara-gas-alert-body[b-dapewvx7ut] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-gas-toolbar-count[b-dapewvx7ut] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 .7rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    color: var(--tara-primary-dark);
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap;
}

.tara-gas-card[b-dapewvx7ut] {
    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,
        color-mix(in srgb, var(--tara-surface-raised) 82%, var(--tara-surface)) 0%,
        color-mix(in srgb, var(--tara-bg) 72%, var(--tara-surface)) 100%);
    --_th-border-top: color-mix(in srgb, var(--tara-border) 85%, var(--tara-surface));
    --_th-text: var(--tara-th-text);
    --_toolbar-divider: color-mix(in srgb, var(--tara-border) 82%, var(--tara-surface));
    --_row-hover: color-mix(in srgb, var(--tara-primary-dark) 7%, var(--tara-row-even));
    --_row-even-bg: var(--tara-row-even);
}

[data-theme="dark"] .tara-gas-card[b-dapewvx7ut] {
    --_th-gradient: linear-gradient(
        180deg,
        color-mix(in srgb, var(--tara-surface-raised) 92%, var(--tara-surface)) 0%,
        color-mix(in srgb, var(--tara-surface-raised) 70%, var(--tara-bg)) 100%);
    --_th-border-top: var(--tara-border);
    --_th-text: var(--tara-th-text);
    --_toolbar-divider: var(--tara-border);
    --_row-hover: color-mix(in srgb, var(--tara-primary-dark) 9%, var(--tara-row-even));
    --_row-even-bg: color-mix(in srgb, var(--tara-surface-raised) 82%, var(--tara-surface));
}

.tara-gas-toolbar[b-dapewvx7ut] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .1rem .2rem .45rem;
    border-bottom: 1px solid var(--_toolbar-divider);
    margin-bottom: .6rem;
}

.tara-gas-search[b-dapewvx7ut] {
    min-width: 260px;
    max-width: 460px;
    flex: 1;
}

[b-dapewvx7ut] .tara-gas-search .mud-input-outlined:hover .mud-input-outlined-border,
[b-dapewvx7ut] .tara-gas-search .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-dapewvx7ut] .tara-gas-search .mud-input-root-outlined.mud-input-focused label,
[b-dapewvx7ut] .tara-gas-dialog-field .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark) !important;
}

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

.tara-gas-state[b-dapewvx7ut] {
    min-height: 280px;
}

.tara-gas-state--loading[b-dapewvx7ut]  .mud-progress-circular-root {
    margin-bottom: .1rem;
}

.tara-gas-state--empty[b-dapewvx7ut]  .mud-icon-root {
    font-size: 2.6rem;
}

.tara-gas-grid-wrap[b-dapewvx7ut] {
    border: 1px solid var(--tara-border);
    border-radius: 12px 12px 0 0;
    border-bottom: none;
    overflow: hidden auto;
    background: var(--tara-surface);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--tara-surface-raised) 30%, transparent);
}

[b-dapewvx7ut] .tara-gas-grid.mud-table {
    box-shadow: none;
    min-width: 760px;
}

[b-dapewvx7ut] .tara-gas-grid .mud-table-container {
    overflow-x: auto;
}

[b-dapewvx7ut] .tara-gas-grid .mud-table-head .mud-table-cell {
    background: var(--_th-gradient);
    color: var(--_th-text);
    border-bottom: 2px solid color-mix(in srgb, var(--tara-primary-dark) 38%, var(--tara-border)) !important;
    border-top: 1px solid var(--_th-border-top);
    padding: .5rem .65rem !important;
    min-height: 44px;
    text-transform: uppercase;
    font-size: .71rem !important;
    font-weight: 700;
    letter-spacing: .04em;
    white-space: nowrap;
    cursor: pointer;
}

[b-dapewvx7ut] .tara-gas-grid .mud-table-body .mud-table-row .mud-table-cell {
    border-bottom: 1px solid var(--tara-border-subtle) !important;
    font-size: .82rem;
    vertical-align: middle;
}

[b-dapewvx7ut] .tara-gas-grid .mud-table-body .mud-table-row.mud-table-row-odd .mud-table-cell {
    background: var(--tara-row-odd);
}

[b-dapewvx7ut] .tara-gas-grid .mud-table-body .mud-table-row.mud-table-row-even .mud-table-cell {
    background: var(--_row-even-bg);
}

[b-dapewvx7ut] .tara-gas-grid .mud-table-body .mud-table-row:hover .mud-table-cell {
    background: var(--_row-hover) !important;
}

[b-dapewvx7ut] .tara-gas-grid .mud-table-sort-label .mud-table-sort-label-arrow,
[b-dapewvx7ut] .tara-gas-grid .mud-table-sort-label:hover {
    color: var(--tara-primary-dark) !important;
}

[b-dapewvx7ut] .tara-gas-grid .mud-table-loading-progress .mud-progress-linear-bar {
    background-color: var(--tara-primary-dark) !important;
}

.tara-gas-cell-num[b-dapewvx7ut] {
    width: 84px;
    text-align: center;
}

.tara-gas-col-actions[b-dapewvx7ut] {
    width: 96px;
    text-align: center;
}

.tara-gas-edit-btn.mud-button-root[b-dapewvx7ut] {
    border-color: color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
}

.tara-gas-mobile-list[b-dapewvx7ut] {
    display: none;
    gap: .85rem;
}

.tara-gas-mobile-card[b-dapewvx7ut] {
    border: 1px solid var(--tara-border);
    border-radius: 14px;
    padding: .95rem;
    background: color-mix(in srgb, var(--tara-bg) 55%, var(--tara-surface));
    box-shadow: var(--tara-shadow-sm);
}

.tara-gas-mobile-card + .tara-gas-mobile-card[b-dapewvx7ut] {
    margin-top: .85rem;
}

.tara-gas-mobile-card-head[b-dapewvx7ut] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
}

.tara-gas-mobile-card-head strong[b-dapewvx7ut] {
    color: var(--tara-text);
    font-size: .98rem;
}

.tara-gas-mobile-meta[b-dapewvx7ut] {
    margin-top: .15rem;
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-gas-mobile-id[b-dapewvx7ut] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 .7rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    color: var(--tara-primary-dark);
    font-size: .75rem;
    font-weight: 800;
}

.tara-gas-mobile-actions[b-dapewvx7ut] {
    display: flex;
    justify-content: flex-end;
    margin-top: .85rem;
}

.tara-gas-dialog-backdrop[b-dapewvx7ut] {
    position: fixed;
    inset: 0;
    background: color-mix(in srgb, var(--tara-text) 42%, transparent);
    backdrop-filter: blur(2px);
    z-index: 1300;
}

.tara-gas-dialog-shell[b-dapewvx7ut] {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    z-index: 1301;
}

.tara-gas-dialog[b-dapewvx7ut] {
    width: min(100%, 520px);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 18px;
    box-shadow: var(--tara-shadow-lg);
    padding: 1rem 1rem .95rem;
}

.tara-gas-dialog-header[b-dapewvx7ut] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .8rem;
}

.tara-gas-dialog-kicker[b-dapewvx7ut] {
    display: block;
    margin-bottom: .15rem;
    color: var(--tara-primary-dark);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tara-gas-dialog-header h2[b-dapewvx7ut] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.15rem;
    font-weight: 900;
}

.tara-gas-dialog-alert[b-dapewvx7ut] {
    margin-top: .8rem;
}

.tara-gas-dialog-body[b-dapewvx7ut] {
    margin-top: .9rem;
}

.tara-gas-dialog-field[b-dapewvx7ut] {
    width: 100%;
}

[b-dapewvx7ut] .tara-gas-dialog-field .mud-input-outlined:hover .mud-input-outlined-border,
[b-dapewvx7ut] .tara-gas-dialog-field .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

.tara-gas-dialog-actions[b-dapewvx7ut] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    margin-top: 1rem;
}

@media (max-width: 860px) {
    .tara-gas-header[b-dapewvx7ut] {
        flex-direction: column;
        align-items: stretch;
    }

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

    .tara-gas-toolbar[b-dapewvx7ut] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-gas-toolbar-count[b-dapewvx7ut] {
        align-self: flex-start;
    }

    .tara-gas-search[b-dapewvx7ut] {
        min-width: 0;
        max-width: none;
        width: 100%;
    }

    .tara-gas-toolbar-actions[b-dapewvx7ut] {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .tara-gas-card[b-dapewvx7ut] {
        padding: .65rem .55rem .55rem;
    }

    .tara-gas-grid-wrap[b-dapewvx7ut] {
        display: none;
    }

    .tara-gas-mobile-list[b-dapewvx7ut] {
        display: block;
    }

    .tara-gas-toolbar-actions[b-dapewvx7ut],
    .tara-gas-mobile-actions[b-dapewvx7ut] {
        width: 100%;
    }

    .tara-gas-toolbar-actions[b-dapewvx7ut]  .mud-button-root,
    .tara-gas-mobile-actions[b-dapewvx7ut]  .mud-button-root {
        width: 100%;
    }

    .tara-gas-dialog[b-dapewvx7ut] {
        padding: .9rem .85rem;
        border-radius: 16px;
    }

    .tara-gas-dialog-actions[b-dapewvx7ut] {
        flex-direction: column-reverse;
    }

    .tara-gas-dialog-actions[b-dapewvx7ut]  .mud-button-root {
        width: 100%;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/AjustesPvMotivosDevolucion.razor.rz.scp.css */
.tara-mot-page[b-lgxol32fzw] {
    display: flex;
    flex-direction: column;
    gap: .95rem;
    min-height: calc(100vh - 96px);
}

.tara-mot-loading[b-lgxol32fzw] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-mot-loading[b-lgxol32fzw]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.4rem;
}

.tara-mot-header[b-lgxol32fzw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .9rem;
}

.tara-mot-header-copy[b-lgxol32fzw] {
    min-width: 0;
    flex: 1;
}

.tara-mot-breadcrumbs[b-lgxol32fzw] {
    display: flex;
    flex-wrap: wrap;
    gap: .38rem;
    align-items: center;
    margin-bottom: .32rem;
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 700;
}

.tara-mot-breadcrumbs strong[b-lgxol32fzw],
.tara-mot-card-kicker[b-lgxol32fzw] {
    color: var(--tara-primary-dark);
}

.tara-mot-header-copy h1[b-lgxol32fzw] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1.08;
}

.tara-mot-header-copy p[b-lgxol32fzw] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .86rem;
    max-width: 74ch;
}

.tara-mot-header-actions[b-lgxol32fzw] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
}

.tara-mot-alert[b-lgxol32fzw] {
    margin: 0;
}

.tara-mot-alert-body[b-lgxol32fzw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-mot-shell[b-lgxol32fzw],
.tara-mot-main-grid[b-lgxol32fzw],
.tara-mot-form-grid[b-lgxol32fzw] {
    display: grid;
    gap: 1rem;
}

.tara-mot-card[b-lgxol32fzw] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
    padding: .95rem;
}

.tara-mot-card--list[b-lgxol32fzw] {
    padding: .7rem .7rem .6rem;
    --_th-gradient: linear-gradient(
        180deg,
        color-mix(in srgb, var(--tara-surface-raised) 82%, var(--tara-surface)) 0%,
        color-mix(in srgb, var(--tara-bg) 72%, var(--tara-surface)) 100%);
    --_th-border-top: color-mix(in srgb, var(--tara-border) 85%, var(--tara-surface));
    --_th-text: var(--tara-th-text);
    --_toolbar-divider: color-mix(in srgb, var(--tara-border) 82%, var(--tara-surface));
    --_row-hover: color-mix(in srgb, var(--tara-primary-dark) 7%, var(--tara-row-even));
    --_row-even-bg: var(--tara-row-even);
}

[data-theme="dark"] .tara-mot-card--list[b-lgxol32fzw] {
    --_th-gradient: linear-gradient(
        180deg,
        color-mix(in srgb, var(--tara-surface-raised) 92%, var(--tara-surface)) 0%,
        color-mix(in srgb, var(--tara-surface-raised) 70%, var(--tara-bg)) 100%);
    --_th-border-top: var(--tara-border);
    --_th-text: var(--tara-th-text);
    --_toolbar-divider: var(--tara-border);
    --_row-hover: color-mix(in srgb, var(--tara-primary-dark) 9%, var(--tara-row-even));
    --_row-even-bg: color-mix(in srgb, var(--tara-surface-raised) 82%, var(--tara-surface));
}

.tara-mot-card--form[b-lgxol32fzw] {
    position: relative;
    z-index: 0;
}

.tara-mot-card-head[b-lgxol32fzw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: .9rem;
}

.tara-mot-card-kicker[b-lgxol32fzw] {
    display: inline-block;
    margin-bottom: .2rem;
    font-size: .77rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tara-mot-card-head h2[b-lgxol32fzw] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.05rem;
    font-weight: 850;
}

.tara-mot-mode-chip[b-lgxol32fzw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 .75rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap;
}

.tara-mot-mode-chip[b-lgxol32fzw] {
    background: color-mix(in srgb, var(--tara-text-muted) 10%, var(--tara-surface));
    border: 1px solid var(--tara-border);
    color: var(--tara-text-muted);
}

.tara-mot-main-grid[b-lgxol32fzw] {
    grid-template-columns: minmax(0, 1.28fr) minmax(300px, .72fr);
    align-items: start;
}

.tara-mot-field label[b-lgxol32fzw] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 700;
}

.tara-mot-form-alert[b-lgxol32fzw] {
    margin-bottom: .8rem;
}

.tara-mot-form-grid[b-lgxol32fzw] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tara-mot-field[b-lgxol32fzw] {
    display: grid;
    gap: .28rem;
}

.tara-mot-field--wide[b-lgxol32fzw] {
    grid-column: 1 / -1;
}

.tara-mot-preview[b-lgxol32fzw] {
    margin-top: .95rem;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .85rem;
    align-items: center;
    padding: .9rem;
    border-radius: 14px;
    background: color-mix(in srgb, var(--tara-bg) 60%, var(--tara-surface));
    border: 1px solid var(--tara-border-subtle);
}

.tara-mot-preview-copy[b-lgxol32fzw] {
    display: grid;
    gap: .12rem;
}

.tara-mot-preview-copy strong[b-lgxol32fzw] {
    color: var(--tara-text);
    font-size: .95rem;
}

.tara-mot-preview-copy span[b-lgxol32fzw] {
    color: var(--tara-text-muted);
    font-size: .77rem;
}

.tara-mot-preview-pill[b-lgxol32fzw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 .85rem;
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 800;
}

.tara-mot-preview-pill--defecto[b-lgxol32fzw] {
    background: color-mix(in srgb, var(--tara-primary) 14%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    color: var(--tara-primary-dark);
}

.tara-mot-preview-pill--cambio[b-lgxol32fzw] {
    background: color-mix(in srgb, var(--tara-surface-raised) 78%, var(--tara-surface));
    border: 1px solid var(--tara-border);
    color: var(--tara-text);
}

[data-theme="dark"] .tara-mot-preview-pill--cambio[b-lgxol32fzw] {
    color: var(--tara-text);
    border-color: var(--tara-border);
}

.tara-mot-form-actions[b-lgxol32fzw] {
    display: flex;
    gap: .6rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.tara-mot-list-intro[b-lgxol32fzw] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: .75rem;
    padding: .15rem .2rem .75rem;
}

.tara-mot-list-intro h2[b-lgxol32fzw] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.02rem;
    font-weight: 850;
}

.tara-mot-list-intro p[b-lgxol32fzw] {
    margin: 0;
    max-width: 56ch;
    color: var(--tara-text-muted);
    font-size: .81rem;
    text-align: right;
}

[b-lgxol32fzw] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-lgxol32fzw] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-lgxol32fzw] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark) !important;
}

.tara-mot-state[b-lgxol32fzw] {
    min-height: 280px;
}

.tara-mot-state--loading[b-lgxol32fzw]  .mud-progress-circular-root {
    margin-bottom: .1rem;
}

.tara-mot-state--empty[b-lgxol32fzw]  .mud-icon-root {
    font-size: 2.6rem;
}

.tara-mot-grid-host[b-lgxol32fzw] {
    min-width: 0;
}

.tara-mot-mobile-card[b-lgxol32fzw],
.tara-mot-mobile-card-copy[b-lgxol32fzw],
.tara-mot-mobile-actions[b-lgxol32fzw] {
    display: grid;
}

.tara-mot-mobile-card[b-lgxol32fzw] {
    gap: .85rem;
    padding: .95rem;
    border: 1px solid var(--tara-border);
    border-radius: 14px;
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
    box-shadow: var(--tara-shadow);
}

.tara-mot-mobile-card-head[b-lgxol32fzw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .65rem;
}

.tara-mot-mobile-card-copy[b-lgxol32fzw] {
    gap: .18rem;
    min-width: 0;
}

.tara-mot-mobile-card-copy strong[b-lgxol32fzw] {
    color: var(--tara-text);
    font-size: .96rem;
    line-height: 1.25;
    word-break: break-word;
}

.tara-mot-mobile-card-meta[b-lgxol32fzw] {
    color: var(--tara-text-muted);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .03em;
}

.tara-mot-mobile-chip[b-lgxol32fzw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 .78rem;
    border-radius: 999px;
    font-size: .73rem;
    font-weight: 800;
    white-space: nowrap;
}

.tara-mot-mobile-chip--defecto[b-lgxol32fzw] {
    background: color-mix(in srgb, var(--tara-primary) 14%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    color: var(--tara-primary-dark);
}

.tara-mot-mobile-chip--cambio[b-lgxol32fzw] {
    background: color-mix(in srgb, var(--tara-surface-raised) 78%, var(--tara-surface));
    border: 1px solid var(--tara-border);
    color: var(--tara-text);
}

.tara-mot-mobile-actions[b-lgxol32fzw] {
    gap: .45rem;
}

.tara-mot-mobile-actions[b-lgxol32fzw]  .mud-button-root {
    width: 100%;
}

[b-lgxol32fzw] .tara-mot-grid-host .tdg-toolbar {
    padding: .1rem .2rem .55rem;
    border-bottom: 1px solid var(--_toolbar-divider);
    margin-bottom: .7rem;
}

[b-lgxol32fzw] .tara-mot-grid-host .tdg-actions-side {
    gap: .5rem;
}

[b-lgxol32fzw] .tara-mot-grid-host .tdg-table-scroll {
    max-height: clamp(460px, calc(100vh - 360px), 760px);
    border-color: var(--tara-border);
    border-radius: 12px 12px 0 0;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--tara-surface-raised) 30%, transparent);
}

[b-lgxol32fzw] .tara-mot-grid-host .tdg-table thead th {
    background: var(--_th-gradient);
    color: var(--_th-text);
    border-top: 1px solid var(--_th-border-top);
}

[b-lgxol32fzw] .tara-mot-grid-host .tdg-table tbody tr:nth-child(even) td {
    background: var(--_row-even-bg);
}

[b-lgxol32fzw] .tara-mot-grid-host .tdg-table tbody tr:hover td {
    background: var(--_row-hover) !important;
}

[b-lgxol32fzw] .tara-mot-grid-host .tdg-count-chip {
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    color: var(--tara-primary-dark);
}

[b-lgxol32fzw] .tara-mot-grid-host .tara-mot-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 .85rem;
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 800;
}

[b-lgxol32fzw] .tara-mot-grid-host .tara-mot-chip--defecto {
    background: color-mix(in srgb, var(--tara-primary) 14%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    color: var(--tara-primary-dark);
}

[b-lgxol32fzw] .tara-mot-grid-host .tara-mot-chip--cambio {
    background: color-mix(in srgb, var(--tara-surface-raised) 78%, var(--tara-surface));
    border: 1px solid var(--tara-border);
    color: var(--tara-text);
}

[b-lgxol32fzw] .tara-mot-grid-host .tara-mot-grid-edit-btn.mud-button-root {
    border-color: color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
}

@media (max-width: 1100px) {
    .tara-mot-main-grid[b-lgxol32fzw] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .tara-mot-header[b-lgxol32fzw],
    .tara-mot-card-head[b-lgxol32fzw],
    .tara-mot-preview[b-lgxol32fzw],
    .tara-mot-list-intro[b-lgxol32fzw] {
        flex-direction: column;
    }

    .tara-mot-form-grid[b-lgxol32fzw] {
        grid-template-columns: 1fr;
    }

    .tara-mot-header-actions[b-lgxol32fzw] {
        width: 100%;
    }

    .tara-mot-header-actions[b-lgxol32fzw]  .mud-button-root,
    .tara-mot-form-actions[b-lgxol32fzw]  .mud-button-root {
        width: 100%;
    }

    .tara-mot-list-intro p[b-lgxol32fzw] {
        text-align: left;
    }

    .tara-mot-card[b-lgxol32fzw] {
        padding: .9rem;
    }

    [b-lgxol32fzw] .tara-mot-grid-host .tdg-toolbar,
    [b-lgxol32fzw] .tara-mot-grid-host .tdg-actions-side {
        width: 100%;
    }

    [b-lgxol32fzw] .tara-mot-grid-host .tdg-actions-side {
        justify-content: stretch;
    }

    [b-lgxol32fzw] .tara-mot-grid-host .tdg-actions-side .mud-button-root {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .tara-mot-page[b-lgxol32fzw],
    .tara-mot-shell[b-lgxol32fzw],
    .tara-mot-main-grid[b-lgxol32fzw],
    .tara-mot-grid-host[b-lgxol32fzw],
    .tara-mot-card--list[b-lgxol32fzw],
    .tara-mot-card--form[b-lgxol32fzw] {
        min-width: 0;
    }

    .tara-mot-page[b-lgxol32fzw] {
        gap: .75rem;
    }

    .tara-mot-card[b-lgxol32fzw] {
        padding: .75rem;
    }

    .tara-mot-card--list[b-lgxol32fzw] {
        padding: .6rem;
        overflow: hidden;
    }

    .tara-mot-card--form[b-lgxol32fzw] {
        padding: .7rem;
    }

    .tara-mot-card--form-editing[b-lgxol32fzw] {
        order: -1;
    }

    .tara-mot-list-intro[b-lgxol32fzw] {
        align-items: stretch;
        gap: .35rem;
        padding: 0 0 .45rem;
    }

    .tara-mot-list-intro p[b-lgxol32fzw] {
        display: none;
    }

    .tara-mot-card-head[b-lgxol32fzw] {
        gap: .55rem;
        margin-bottom: .7rem;
    }

    .tara-mot-card-head h2[b-lgxol32fzw] {
        font-size: .98rem;
    }

    .tara-mot-mode-chip[b-lgxol32fzw] {
        align-self: flex-start;
        min-height: 28px;
        padding: 0 .62rem;
        font-size: .7rem;
    }

    .tara-mot-preview[b-lgxol32fzw] {
        grid-template-columns: 1fr;
        gap: .6rem;
        padding: .75rem;
    }

    .tara-mot-preview-pill[b-lgxol32fzw] {
        justify-self: flex-start;
    }

    .tara-mot-form-actions[b-lgxol32fzw] {
        margin-top: .85rem;
        gap: .5rem;
    }

    [b-lgxol32fzw] .tara-mot-grid-host .tdg-toolbar {
        gap: .45rem;
        padding: 0 0 .45rem;
        margin-bottom: .55rem;
    }

    [b-lgxol32fzw] .tara-mot-grid-host .tdg-search-side {
        flex: 1 1 100%;
        max-width: 100%;
        min-width: 0;
    }

    [b-lgxol32fzw] .tara-mot-grid-host .tdg-actions-side {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .45rem;
        align-items: stretch;
        justify-content: initial;
    }

    [b-lgxol32fzw] .tara-mot-grid-host .tdg-actions-side > * {
        min-width: 0;
    }

    [b-lgxol32fzw] .tara-mot-grid-host .tdg-count-chip {
        grid-column: 1 / -1;
        justify-content: center;
        min-height: 26px;
        padding: .15rem .5rem;
        font-size: .7rem;
    }

    [b-lgxol32fzw] .tara-mot-grid-host .tdg-actions-side .mud-button-root,
    [b-lgxol32fzw] .tara-mot-grid-host .tdg-actions-side .mud-icon-button-root,
    [b-lgxol32fzw] .tara-mot-grid-host .tdg-actions-side .tdg-clear-btn,
    [b-lgxol32fzw] .tara-mot-grid-host .tdg-actions-side .tdg-sort-chip {
        width: 100%;
    }

    [b-lgxol32fzw] .tara-mot-grid-host .tdg-card-list {
        gap: .55rem;
        padding: .15rem 0 0;
    }

    .tara-mot-mobile-card[b-lgxol32fzw] {
        gap: .7rem;
        padding: .82rem;
        border-radius: 12px;
    }

    .tara-mot-mobile-card-head[b-lgxol32fzw] {
        gap: .55rem;
    }

    .tara-mot-mobile-card-copy strong[b-lgxol32fzw] {
        font-size: .92rem;
    }

    .tara-mot-mobile-card-meta[b-lgxol32fzw] {
        font-size: .72rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/AjustesPvShopify.razor.rz.scp.css */
.tara-shopify-page[b-uk0qxv51jk] {
    min-height: 100%;
    background: var(--tara-bg);
    padding: .95rem 1rem 1.15rem;
    color: var(--tara-text);
}

.tara-shopify-loading[b-uk0qxv51jk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 55vh;
    gap: 1rem;
    color: var(--tara-text-muted);
    font-size: .95rem;
    text-align: center;
}

.tara-shopify-alert[b-uk0qxv51jk],
.tara-shopify-console-strip[b-uk0qxv51jk],
.tara-shopify-inline-panel[b-uk0qxv51jk],
.tara-shopify-grid-stage[b-uk0qxv51jk] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
}

.tara-shopify-alert[b-uk0qxv51jk] {
    margin-bottom: .8rem;
}

.tara-shopify-alert--inline[b-uk0qxv51jk] {
    margin-top: .75rem;
    margin-bottom: 0;
}

.tara-shopify-console[b-uk0qxv51jk] {
    display: grid;
    gap: .8rem;
}

[b-uk0qxv51jk] .tara-shopify-module-header {
    margin-bottom: .6rem;
}

[b-uk0qxv51jk] .tara-shopify-module-header p {
    max-width: 64ch;
}

[b-uk0qxv51jk] .tara-shopify-module-nav {
    margin-bottom: .75rem;
    padding: .62rem .72rem;
    gap: .45rem;
}

[b-uk0qxv51jk] .tara-shopify-module-link {
    padding: .42rem .72rem;
    font-size: .76rem;
}

.tara-shopify-tabs[b-uk0qxv51jk] {
    margin-top: .05rem;
}

[b-uk0qxv51jk] .tara-shopify-tabs .mud-tabs-toolbar {
    margin-bottom: .55rem;
}

[b-uk0qxv51jk] .tara-shopify-tabs .mud-tab {
    min-height: 38px;
    color: var(--tara-text-muted);
    font-weight: 700;
}

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

.tara-shopify-console-strip[b-uk0qxv51jk] {
    display: grid;
    grid-template-columns: minmax(210px, 280px) minmax(220px, 1.3fr) minmax(140px, .65fr) minmax(240px, .9fr) minmax(180px, .7fr);
    gap: .75rem .85rem;
    padding: .78rem .9rem;
    align-items: end;
}

.tara-shopify-console-note[b-uk0qxv51jk] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: 0 .2rem;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-shopify-console-panels[b-uk0qxv51jk] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
    gap: .8rem;
}

.tara-shopify-inline-panel[b-uk0qxv51jk] {
    padding: .85rem .95rem .9rem;
}

.tara-shopify-card-head[b-uk0qxv51jk] {
    display: flex;
    align-items: center;
    gap: .55rem;
    font-weight: 700;
    color: var(--tara-text);
}

.tara-shopify-card-head--compact[b-uk0qxv51jk] {
    margin-bottom: .7rem;
}

.tara-shopify-stage-head[b-uk0qxv51jk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .65rem;
}

.tara-shopify-stage-copy[b-uk0qxv51jk] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .84rem;
    max-width: 64ch;
}

.tara-shopify-stage-summary[b-uk0qxv51jk] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
    justify-content: flex-end;
    color: var(--tara-text-muted);
    font-size: .76rem;
    font-weight: 700;
}

.tara-shopify-stage-summary span[b-uk0qxv51jk] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: .24rem .62rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    color: var(--tara-primary-dark);
    white-space: nowrap;
}

.tara-shopify-grid-stage[b-uk0qxv51jk] {
    padding: .8rem .9rem .88rem;
}

.tara-shopify-inline-copy[b-uk0qxv51jk] {
    margin: .55rem 0 0;
    color: var(--tara-text-muted);
    font-size: .78rem;
    line-height: 1.45;
}

.tara-shopify-channel-list[b-uk0qxv51jk] {
    display: grid;
    gap: .35rem;
    padding: .2rem 0;
}

[b-uk0qxv51jk] .tara-shopify-channel-check {
    margin: 0;
}

[b-uk0qxv51jk] .tara-shopify-channel-check .mud-typography {
    color: var(--tara-text);
    font-size: .85rem;
    font-weight: 650;
}

.tara-shopify-toolbar-field label[b-uk0qxv51jk],
.tara-shopify-field label[b-uk0qxv51jk] {
    display: block;
    margin-bottom: .3rem;
    font-size: .79rem;
    font-weight: 700;
    color: var(--tara-text);
}

.tara-shopify-field--type[b-uk0qxv51jk],
.tara-shopify-field--check[b-uk0qxv51jk] {
    align-self: stretch;
}

.tara-shopify-form-grid[b-uk0qxv51jk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem .9rem;
}

.tara-shopify-form-grid--compact[b-uk0qxv51jk] {
    gap: .72rem .85rem;
}

.tara-shopify-field--wide[b-uk0qxv51jk] {
    grid-column: 1 / -1;
}

.tara-filter-select[b-uk0qxv51jk] {
    min-width: 0;
}

[b-uk0qxv51jk] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-uk0qxv51jk] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border,
[b-uk0qxv51jk] .tara-shopify-console .mud-input-outlined:hover .mud-input-outlined-border,
[b-uk0qxv51jk] .tara-shopify-console .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-uk0qxv51jk] .tara-shopify-console .mud-radio-group {
    gap: .85rem;
}

[b-uk0qxv51jk] .tara-shopify-console .mud-radio {
    margin-right: 0;
}

[b-uk0qxv51jk] .tara-shopify-console .mud-input-helper-text {
    font-size: .72rem;
}

[b-uk0qxv51jk] .tara-shopify-console .mud-input-label {
    color: var(--tara-text-muted);
}

.tara-grid-shell[b-uk0qxv51jk] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
    padding: .68rem .68rem .56rem;
    --_toolbar-divider: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
}

.tara-grid-shell--dominant[b-uk0qxv51jk] {
    padding-top: .62rem;
}

.tara-grid-toolbar[b-uk0qxv51jk] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: .58rem;
    flex-wrap: wrap;
    padding: 0 0 .42rem;
    border-bottom: 1px solid var(--_toolbar-divider);
}

.tara-search-field[b-uk0qxv51jk] {
    flex: 1 1 280px;
    min-width: 240px;
    max-width: 440px;
}

.tara-toolbar-actions[b-uk0qxv51jk] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    margin-left: auto;
}

.tara-table-container[b-uk0qxv51jk] {
    border: 1px solid var(--tara-border);
    border-radius: 12px 12px 0 0;
    border-bottom: none;
    overflow-x: auto;
    background: var(--tara-surface);
    margin-bottom: 0;
    scrollbar-gutter: stable both-edges;
}

.tara-table-container[b-uk0qxv51jk]::-webkit-scrollbar {
    height: 10px;
}

.tara-table-container[b-uk0qxv51jk]::-webkit-scrollbar-thumb {
    background: var(--tara-border);
    border-radius: 999px;
}

.tara-table-container[b-uk0qxv51jk]::-webkit-scrollbar-track {
    background: var(--tara-surface-raised);
}

[b-uk0qxv51jk] .tara-shopify-grid.mud-table {
    border-radius: 0;
    box-shadow: none;
    min-width: 560px;
}

[b-uk0qxv51jk] .tara-shopify-grid .mud-table-head {
    background: var(--tara-th-bg);
}

[b-uk0qxv51jk] .tara-shopify-grid .mud-table-head .mud-table-cell {
    color: var(--tara-th-text);
    font-size: .72rem !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    white-space: nowrap;
}

[b-uk0qxv51jk] .tara-shopify-grid .mud-table-body tr:nth-child(odd) {
    background: var(--tara-row-odd);
}

[b-uk0qxv51jk] .tara-shopify-grid .mud-table-body tr:nth-child(even) {
    background: var(--tara-row-even);
}

[b-uk0qxv51jk] .tara-shopify-grid .mud-table-body tr:hover {
    background: var(--tara-row-hover);
}

[b-uk0qxv51jk] .tara-shopify-grid .tara-col-hidden {
    display: none !important;
}

[b-uk0qxv51jk] .tara-shopify-grid .mud-table-container {
    background: transparent;
}

.tara-shopify-order-field[b-uk0qxv51jk] {
    max-width: 88px;
}

.tara-loading-row[b-uk0qxv51jk] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    min-height: 180px;
    color: var(--tara-text-muted);
    font-size: .9rem;
}

.tara-empty-state[b-uk0qxv51jk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    text-align: center;
    min-height: 220px;
    padding: 1.3rem 1rem;
    border: 1px dashed color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
    border-radius: 12px;
    background: color-mix(in srgb, var(--tara-surface-raised) 55%, var(--tara-surface));
    color: var(--tara-text-muted);
}

.tara-empty-icon[b-uk0qxv51jk] {
    color: var(--tara-primary-dark);
    opacity: .82;
}

.tara-empty-title[b-uk0qxv51jk] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--tara-text);
}

.tara-empty-sub[b-uk0qxv51jk] {
    margin: 0;
    max-width: 42ch;
    font-size: .88rem;
}

.tara-grid-footer[b-uk0qxv51jk] {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .42rem .82rem;
    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;
    border-radius: 0 0 12px 12px;
    font-size: .78rem;
    color: var(--tara-text-muted);
    flex-wrap: wrap;
    user-select: none;
}

.tara-grid-footer-range[b-uk0qxv51jk] {
    flex: 0 0 auto;
    white-space: nowrap;
    font-weight: 600;
}

.tara-grid-page-size[b-uk0qxv51jk] {
    display: flex;
    align-items: center;
    gap: .22rem;
}

.tara-grid-page-size-label[b-uk0qxv51jk] {
    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-uk0qxv51jk] {
    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-uk0qxv51jk] {
    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-uk0qxv51jk] {
    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-uk0qxv51jk] {
    display: flex;
    align-items: center;
    gap: .28rem;
    margin-left: auto;
}

.tara-grid-footer-page[b-uk0qxv51jk] {
    font-size: .74rem;
    font-weight: 600;
    color: var(--tara-text-muted);
    white-space: nowrap;
    margin-right: .15rem;
}

.tara-grid-nav-btn[b-uk0qxv51jk] {
    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-uk0qxv51jk] {
    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-uk0qxv51jk] {
    opacity: .35;
    cursor: not-allowed;
}

.tara-shopify-advanced-panels[b-uk0qxv51jk] {
    margin-top: .1rem;
}

[b-uk0qxv51jk] .tara-shopify-advanced-panels .mud-expand-panel {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
    overflow: hidden;
}

[b-uk0qxv51jk] .tara-shopify-advanced-panels .mud-expand-panel-header {
    min-height: 48px;
    padding-inline: .95rem;
    color: var(--tara-text);
    font-weight: 700;
}

[b-uk0qxv51jk] .tara-shopify-advanced-panels .mud-expand-panel-content {
    padding: 0 .95rem .95rem;
}

.tara-shopify-advanced-grid[b-uk0qxv51jk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .78rem .9rem;
}

[data-theme="dark"] .tara-grid-footer[b-uk0qxv51jk] {
    background: color-mix(in srgb, var(--tara-surface-raised) 40%, var(--tara-surface));
}

@media (max-width: 1260px) {
    .tara-shopify-console-strip[b-uk0qxv51jk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-shopify-console-panels[b-uk0qxv51jk] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px) {
    .tara-shopify-stage-head[b-uk0qxv51jk] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-shopify-stage-summary[b-uk0qxv51jk] {
        justify-content: flex-start;
    }

    [b-uk0qxv51jk] .tara-shopify-module-nav {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        flex-wrap: unset !important;
        overflow: visible !important;
    }

    [b-uk0qxv51jk] .tara-shopify-module-link {
        min-width: 0 !important;
        justify-content: flex-start !important;
    }
}

@media (max-width: 760px) {
    .tara-shopify-page[b-uk0qxv51jk] {
        padding: .78rem;
    }

    .tara-shopify-console-strip[b-uk0qxv51jk],
    .tara-shopify-form-grid[b-uk0qxv51jk],
    .tara-shopify-advanced-grid[b-uk0qxv51jk] {
        grid-template-columns: 1fr;
    }

    .tara-search-field[b-uk0qxv51jk] {
        min-width: 100%;
        max-width: 100%;
    }

    .tara-toolbar-actions[b-uk0qxv51jk] {
        margin-left: 0;
        width: 100%;
    }

    .tara-shopify-grid-stage[b-uk0qxv51jk],
    .tara-shopify-inline-panel[b-uk0qxv51jk],
    .tara-shopify-console-strip[b-uk0qxv51jk] {
        padding-left: .8rem;
        padding-right: .8rem;
    }

    [b-uk0qxv51jk] .tara-shopify-module-actions {
        width: 100% !important;
        justify-content: stretch !important;
    }

    [b-uk0qxv51jk] .tara-shopify-module-actions .mud-button-root {
        width: 100% !important;
    }
}

@media (max-width: 640px) {
    .tara-grid-footer[b-uk0qxv51jk] {
        gap: .55rem;
        padding: .5rem .65rem;
        row-gap: .4rem;
    }

    .tara-grid-footer-range[b-uk0qxv51jk] {
        order: 1;
        width: 100%;
        flex: 0 0 100%;
    }

    .tara-grid-page-size[b-uk0qxv51jk] {
        order: 2;
        flex: 0 0 auto;
    }

    .tara-grid-page-nav[b-uk0qxv51jk] {
        order: 3;
        margin-left: auto;
    }

    [b-uk0qxv51jk] .tara-shopify-module-nav {
        grid-template-columns: 1fr !important;
        padding: .58rem !important;
        gap: .4rem !important;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/AjustesPvShopifyArticulosAio.razor.rz.scp.css */
.tara-aio-page[b-0rybriwquv] {
    min-height: 100%;
    padding: .9rem 1rem 1rem;
    background: var(--tara-bg);
    color: var(--tara-text);
}

.tara-aio-alert-stack[b-0rybriwquv] {
    display: grid;
    gap: .55rem;
    margin-bottom: .6rem;
}

.tara-aio-alert-stack:empty[b-0rybriwquv] {
    display: none;
}

[b-0rybriwquv] .tara-shopify-module-header {
    align-items: flex-end;
    gap: .75rem;
    margin-bottom: .6rem;
}

[b-0rybriwquv] .tara-shopify-module-header h1 {
    font-size: 1.22rem;
}

[b-0rybriwquv] .tara-shopify-module-header p {
    margin-top: .14rem;
    font-size: .82rem;
    max-width: 58rem;
}

[b-0rybriwquv] .tara-shopify-module-actions {
    gap: .45rem;
}

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

.tara-aio-header[b-0rybriwquv] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.tara-aio-header-copy[b-0rybriwquv] {
    min-width: 0;
}

.tara-aio-breadcrumbs[b-0rybriwquv] {
    display: flex;
    gap: .45rem;
    align-items: center;
    flex-wrap: wrap;
    color: var(--tara-text-muted);
    font-size: .84rem;
    margin-bottom: .2rem;
}

.tara-aio-header h1[b-0rybriwquv] {
    margin: 0;
    font-size: 1.28rem;
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--tara-text);
}

.tara-aio-header-actions[b-0rybriwquv] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: .55rem;
    flex-wrap: wrap;
}

.tara-aio-alert[b-0rybriwquv],
.tara-aio-toolbar-card[b-0rybriwquv],
.tara-aio-card[b-0rybriwquv],
.tara-aio-results-card[b-0rybriwquv],
.tara-aio-columns-dialog[b-0rybriwquv] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
}

.tara-aio-alert[b-0rybriwquv] {
    margin: 0;
}

.tara-aio-alert-list[b-0rybriwquv] {
    margin: .45rem 0 0;
    padding-left: 1.1rem;
    color: var(--tara-text);
}

.tara-aio-alert-list li + li[b-0rybriwquv] {
    margin-top: .18rem;
}

.tara-aio-main-tabs[b-0rybriwquv] {
    background: transparent;
}

.tara-aio-main-tabs[b-0rybriwquv]  .mud-tabs-tabbar {
    margin-bottom: .55rem;
    padding: .28rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
    box-shadow: var(--tara-shadow);
}

.tara-aio-main-tabs[b-0rybriwquv]  .mud-tab {
    min-height: 38px;
    border-radius: 999px;
    font-weight: 700;
    font-size: .88rem;
}

.tara-aio-tabs[b-0rybriwquv] {
    background: transparent;
}

.tara-aio-tab-panel[b-0rybriwquv],
.tara-aio-grid-tab-panel[b-0rybriwquv] {
    padding: .35rem 0 0;
}

.tara-aio-console[b-0rybriwquv],
.tara-aio-opsbar[b-0rybriwquv],
.tara-aio-settings-hero[b-0rybriwquv],
.tara-aio-settings-form-card[b-0rybriwquv],
.tara-aio-settings-meta-card[b-0rybriwquv] {
    display: grid;
    gap: .55rem;
}

.tara-aio-console[b-0rybriwquv] {
    gap: .5rem;
}

.tara-aio-catalog-workbench[b-0rybriwquv] {
    display: grid;
    gap: .75rem;
    padding: .85rem;
    border: 1px solid var(--tara-border);
    border-radius: 22px;
    background:
        radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--tara-primary) 10%, transparent) 0, transparent 34%),
        linear-gradient(135deg, color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg)) 0%, var(--tara-surface) 100%);
    box-shadow: var(--tara-shadow);
}

.tara-aio-workbench-top[b-0rybriwquv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
    gap: .85rem;
    align-items: end;
}

.tara-aio-workbench-title[b-0rybriwquv] {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.tara-aio-workbench-title h2[b-0rybriwquv] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.35rem, 2vw, 2.05rem);
    font-weight: 900;
    letter-spacing: -.04em;
}

.tara-aio-workbench-title p[b-0rybriwquv] {
    margin: 0;
    max-width: 54rem;
    color: var(--tara-text-muted);
    font-size: .88rem;
}

.tara-aio-config-compact[b-0rybriwquv] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr);
    gap: .35rem;
    min-width: 0;
}

.tara-aio-config-picker[b-0rybriwquv] {
    width: 100%;
}

.tara-aio-config-identity[b-0rybriwquv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .55rem;
    padding: .36rem .62rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-surface) 82%, var(--tara-bg));
    color: var(--tara-text-muted);
    font-size: .73rem;
}

.tara-aio-config-identity strong[b-0rybriwquv] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--tara-text);
}

.tara-aio-config-identity span[b-0rybriwquv] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-aio-search-stage[b-0rybriwquv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: stretch;
}

.tara-aio-product-finder[b-0rybriwquv] {
    min-width: 0;
}

.tara-aio-search-actions[b-0rybriwquv] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .5rem;
    min-width: 190px;
}

.tara-aio-kpi-strip[b-0rybriwquv] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .5rem;
}

.tara-aio-kpi[b-0rybriwquv] {
    display: grid;
    gap: .12rem;
    padding: .58rem .68rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: 16px;
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-bg));
    min-width: 0;
}

.tara-aio-kpi span[b-0rybriwquv] {
    color: var(--tara-text-muted);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tara-aio-kpi strong[b-0rybriwquv] {
    color: var(--tara-text);
    font-size: 1.18rem;
    line-height: 1;
}

.tara-aio-kpi--danger strong[b-0rybriwquv] {
    color: var(--tara-primary-dark);
}

.tara-aio-batch-toolbar[b-0rybriwquv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .6rem .8rem;
    padding-top: .12rem;
}

.tara-aio-batch-tools[b-0rybriwquv],
.tara-aio-batch-actions[b-0rybriwquv] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .45rem;
}

.tara-aio-results-card[b-0rybriwquv],
.tara-aio-opsbar[b-0rybriwquv] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
}

.tara-aio-filter-toolbar[b-0rybriwquv] {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
    align-items: flex-end;
    padding: .15rem;
    justify-content: flex-start;
}

.tara-aio-filters-card[b-0rybriwquv] {
    border-radius: 18px;
    overflow: hidden;
}

.tara-aio-filters-card[b-0rybriwquv]  .tara-fa-header {
    padding: .72rem .9rem;
}

.tara-aio-filters-card[b-0rybriwquv]  .tara-fa-title {
    font-size: .86rem;
    letter-spacing: .06em;
}

.tara-aio-filters-card[b-0rybriwquv]  .tara-fa-body-inner {
    padding: .8rem .95rem .9rem;
}

.tara-aio-filters-grid[b-0rybriwquv] {
    align-items: start;
    grid-template-columns: 1fr;
}

.tara-aio-config-card[b-0rybriwquv] {
    margin-bottom: .1rem;
}

.tara-aio-config-sections[b-0rybriwquv] {
    display: grid;
    gap: .85rem;
}

.tara-aio-config-block[b-0rybriwquv] {
    display: grid;
    gap: .55rem;
}

.tara-aio-config-block + .tara-aio-config-block[b-0rybriwquv] {
    padding-top: .8rem;
    border-top: 1px solid var(--tara-border-subtle);
}

.tara-aio-config-block-head[b-0rybriwquv] {
    display: grid;
    gap: .18rem;
}

.tara-aio-config-block-head p[b-0rybriwquv] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .8rem;
    line-height: 1.35;
}

.tara-aio-config-summary[b-0rybriwquv] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.tara-aio-inventory-summary[b-0rybriwquv] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.tara-aio-toolbar-field[b-0rybriwquv] {
    min-width: 0;
}

.tara-aio-toolbar-field--config[b-0rybriwquv] {
    flex: 1 1 240px;
    max-width: 300px;
}

.tara-aio-toolbar-field--compact[b-0rybriwquv] {
    flex: 1 1 132px;
    max-width: 164px;
}

.tara-aio-toolbar-cta[b-0rybriwquv] {
    min-height: 40px;
    flex: 0 0 auto;
}

.tara-aio-config-actions-row[b-0rybriwquv] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .55rem;
}

.tara-aio-config-actions-row--wrap[b-0rybriwquv] {
    align-items: stretch;
}

.tara-aio-options-grid[b-0rybriwquv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .2rem .85rem;
}

.tara-aio-config-selection[b-0rybriwquv] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.tara-aio-link-filter[b-0rybriwquv] {
    min-width: 160px;
}

.tara-aio-advanced-toggle[b-0rybriwquv] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .78rem .9rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 86%, var(--tara-bg));
    color: var(--tara-text);
    text-align: left;
    cursor: pointer;
}

.tara-aio-advanced-toggle strong[b-0rybriwquv] {
    display: block;
    margin-top: .12rem;
    font-size: .95rem;
}

.tara-aio-advanced-toggle:hover[b-0rybriwquv] {
    border-color: color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
}

.tara-aio-advanced-body[b-0rybriwquv] {
    display: grid;
    gap: .8rem;
}

.tara-aio-checks[b-0rybriwquv] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem .8rem;
}

.tara-aio-mini-title[b-0rybriwquv] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-aio-filter-actions[b-0rybriwquv] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
}

.tara-aio-filter-actions--selection[b-0rybriwquv] {
    margin-top: .15rem;
}

.tara-aio-results-card[b-0rybriwquv] {
    padding: .65rem;
    min-width: 0;
}

.tara-aio-results-card--console[b-0rybriwquv] {
    padding-top: .5rem;
}

.tara-aio-opsbar[b-0rybriwquv] {
    padding: .68rem .85rem;
    margin-top: -.05rem;
}

.tara-aio-opsbar-row[b-0rybriwquv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem 1rem;
    flex-wrap: wrap;
}

.tara-aio-opsbar-group[b-0rybriwquv] {
    display: flex;
    align-items: center;
    gap: .45rem .55rem;
    flex-wrap: wrap;
    min-width: 0;
}

.tara-aio-opsbar-group--checks[b-0rybriwquv],
.tara-aio-opsbar-group--toggles[b-0rybriwquv] {
    row-gap: .35rem;
}

.tara-aio-opsbar-group--actions[b-0rybriwquv] {
    justify-content: flex-end;
}

.tara-aio-opsbar-note[b-0rybriwquv] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-top: .05rem;
    color: var(--tara-text-muted);
    font-size: .76rem;
    line-height: 1.35;
}

.tara-aio-inventory-results-card[b-0rybriwquv] {
    display: grid;
    gap: .7rem;
    padding: .75rem .85rem;
}

.tara-aio-inventory-warnings[b-0rybriwquv] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.tara-aio-inline-note[b-0rybriwquv] {
    display: inline-flex;
    align-items: center;
    padding: .3rem .55rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface) 80%, var(--tara-bg));
    color: var(--tara-text-muted);
    font-size: .74rem;
}

.tara-aio-inline-note--danger[b-0rybriwquv] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 32%, var(--tara-border));
    color: var(--tara-primary-dark);
}

.tara-aio-inventory-grid[b-0rybriwquv] {
    display: grid;
    gap: .55rem;
}

.tara-aio-inventory-row[b-0rybriwquv] {
    display: grid;
    grid-template-columns: minmax(180px, 1.6fr) minmax(100px, .6fr) minmax(180px, 1fr);
    gap: .75rem;
    align-items: center;
    padding: .7rem .8rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-bg));
}

.tara-aio-inventory-row > div[b-0rybriwquv] {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.tara-aio-inventory-row strong[b-0rybriwquv] {
    color: var(--tara-text);
    font-size: .86rem;
}

.tara-aio-inventory-row span[b-0rybriwquv],
.tara-aio-inventory-row small[b-0rybriwquv] {
    color: var(--tara-text-muted);
    font-size: .76rem;
}

.tara-aio-advanced-search-dialog[b-0rybriwquv] {
    width: min(760px, calc(100vw - 2rem));
}

.tara-aio-advanced-search-body[b-0rybriwquv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
    padding: .2rem 0 .45rem;
}

.tara-aio-advanced-search-actions[b-0rybriwquv] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    flex-wrap: wrap;
    padding-top: .55rem;
    border-top: 1px solid var(--tara-border-subtle);
}

.tara-aio-grid-toolbar[b-0rybriwquv] {
    display: grid;
    grid-template-columns: minmax(260px, 1.1fr) minmax(0, 1fr);
    gap: .55rem .75rem;
    align-items: center;
    margin-bottom: .3rem;
}

.tara-aio-grid-toolbar-side[b-0rybriwquv] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .5rem .65rem;
    min-width: 0;
}

.tara-aio-grid-metrics[b-0rybriwquv] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .4rem;
    min-width: 0;
}

.tara-aio-inline-metric[b-0rybriwquv] {
    display: inline-flex;
    align-items: baseline;
    gap: .26rem;
    padding: .28rem .55rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface) 82%, var(--tara-bg));
    color: var(--tara-text-muted);
    font-size: .74rem;
    white-space: nowrap;
}

.tara-aio-inline-metric strong[b-0rybriwquv] {
    color: var(--tara-text);
    font-size: .82rem;
}

.tara-aio-inline-metric span[b-0rybriwquv] {
    color: inherit;
}

.tara-toolbar-actions[b-0rybriwquv] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.tara-aio-master-grid-shell[b-0rybriwquv] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-width: 0;
    border: 1px solid var(--tara-border);
    border-radius: 16px 16px 0 0;
    border-bottom: none;
    overflow: hidden;
    background: var(--tara-surface);
}

.tara-aio-master-grid-shell--fit[b-0rybriwquv] {
    grid-template-rows: auto auto;
}

.tara-aio-master-grid-head[b-0rybriwquv] {
    display: grid;
    grid-template-columns: 88px minmax(280px, 2fr) minmax(180px, 1.15fr) minmax(140px, .85fr) minmax(170px, .95fr) minmax(140px, .8fr);
    gap: 0;
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    border-bottom: 1px solid var(--tara-border);
}

.tara-aio-master-grid-head-cell[b-0rybriwquv] {
    padding: .72rem .8rem;
    font-size: .79rem;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.tara-aio-master-grid-head-cell--select[b-0rybriwquv] {
    display: flex;
    align-items: center;
}

.tara-aio-master-grid-body[b-0rybriwquv] {
    min-height: 0;
    overflow: auto;
    background: linear-gradient(180deg, color-mix(in srgb, var(--tara-row-even) 84%, var(--tara-surface)) 0%, var(--tara-surface) 100%);
}

.tara-aio-master-grid-shell--fit .tara-aio-master-grid-body[b-0rybriwquv] {
    overflow: visible;
}

.tara-aio-master-group + .tara-aio-master-group[b-0rybriwquv] {
    border-top: 1px solid var(--tara-border-subtle);
}

.tara-aio-master-row[b-0rybriwquv] {
    display: grid;
    grid-template-columns: 88px minmax(280px, 2fr) minmax(180px, 1.15fr) minmax(140px, .85fr) minmax(170px, .95fr) minmax(140px, .8fr);
    gap: 0;
    align-items: stretch;
    background: var(--tara-row-odd);
}

.tara-aio-master-group:nth-child(even) .tara-aio-master-row[b-0rybriwquv] {
    background: var(--tara-row-even);
}

.tara-aio-master-group--expanded .tara-aio-master-row[b-0rybriwquv],
.tara-aio-master-row:hover[b-0rybriwquv] {
    background: var(--tara-row-hover);
}

.tara-aio-master-cell[b-0rybriwquv] {
    padding: .8rem;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .7rem;
}

.tara-aio-master-cell--select[b-0rybriwquv] {
    justify-content: center;
}

.tara-aio-master-cell--product[b-0rybriwquv] {
    align-items: flex-start;
}

.tara-aio-master-product-copy[b-0rybriwquv] {
    min-width: 0;
    display: grid;
    gap: .18rem;
}

.tara-aio-master-product-copy strong[b-0rybriwquv] {
    color: var(--tara-text);
    font-size: .93rem;
    line-height: 1.25;
}

.tara-aio-master-product-copy span[b-0rybriwquv] {
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-aio-master-product-top[b-0rybriwquv] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}

.tara-aio-master-barcode[b-0rybriwquv] {
    font-size: .76rem;
    font-weight: 800;
    color: var(--tara-primary-dark);
    letter-spacing: .04em;
}

.tara-aio-master-cell--attrs[b-0rybriwquv],
.tara-aio-master-cell--stock[b-0rybriwquv],
.tara-aio-master-cell--shopify[b-0rybriwquv],
.tara-aio-master-cell--selection[b-0rybriwquv] {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.tara-aio-master-cell--attrs span[b-0rybriwquv],
.tara-aio-master-cell--stock span[b-0rybriwquv],
.tara-aio-master-cell--selection span[b-0rybriwquv] {
    font-size: .8rem;
    color: var(--tara-text);
}

.tara-aio-master-status-chip[b-0rybriwquv] {
    display: inline-flex;
    align-items: center;
    padding: .28rem .58rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    font-size: .72rem;
    font-weight: 800;
    white-space: nowrap;
}

.tara-aio-master-status-chip--none[b-0rybriwquv] {
    background: color-mix(in srgb, var(--tara-surface) 80%, var(--tara-bg));
    color: var(--tara-text-muted);
}

.tara-aio-master-status-chip--partial[b-0rybriwquv] {
    background: color-mix(in srgb, var(--tara-surface) 74%, var(--tara-row-hover));
    color: var(--tara-text);
}

.tara-aio-master-status-chip--full[b-0rybriwquv] {
    background: color-mix(in srgb, var(--tara-surface) 64%, var(--tara-row-hover));
    border-color: color-mix(in srgb, var(--tara-border) 70%, var(--tara-primary));
    color: var(--tara-text);
}

.tara-aio-expand-btn[b-0rybriwquv] {
    width: 34px;
    height: 34px;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface);
    color: var(--tara-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.tara-aio-expand-btn:hover[b-0rybriwquv] {
    border-color: var(--tara-primary-dark);
    color: var(--tara-primary-dark);
}

.tara-aio-shopify-state[b-0rybriwquv] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    flex-wrap: wrap;
}

.tara-aio-image-dot[b-0rybriwquv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.2rem;
    padding: .12rem .38rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: var(--tara-surface-raised);
    color: var(--tara-text-muted);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.tara-aio-image-dot--ok[b-0rybriwquv] {
    border-color: color-mix(in srgb, var(--tara-border) 70%, var(--tara-primary));
    background: color-mix(in srgb, var(--tara-surface) 76%, var(--tara-row-hover));
    color: var(--tara-text);
}

.tara-aio-image-dot--pending[b-0rybriwquv] {
    border-style: dashed;
}

.tara-aio-select-header[b-0rybriwquv] {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    min-width: 0;
}

.tara-aio-select-header-check[b-0rybriwquv] {
    margin: 0;
}

.tara-aio-select-header-check[b-0rybriwquv]  .mud-button-root {
    padding: 0;
}

.tara-aio-photo-btn[b-0rybriwquv] {
    width: 48px;
    height: 48px;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
}

.tara-aio-photo-btn:disabled[b-0rybriwquv] {
    cursor: default;
    opacity: .82;
}

.tara-aio-photo-thumb[b-0rybriwquv] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.tara-aio-photo-placeholder[b-0rybriwquv] {
    padding: 0 .3rem;
    font-size: .64rem;
    line-height: 1.1;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-aio-detail-wrap[b-0rybriwquv] {
    padding: 0 0 .55rem;
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-row-hover));
}

.tara-aio-detail-scroll[b-0rybriwquv] {
    overflow-x: auto;
    padding: 0 .7rem .15rem;
}

.tara-aio-detail-table[b-0rybriwquv] {
    width: 100%;
    min-width: 860px;
    border-collapse: collapse;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    overflow: hidden;
}

.tara-aio-detail-table thead th[b-0rybriwquv] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: color-mix(in srgb, var(--tara-th-bg) 90%, var(--tara-surface));
    color: var(--tara-th-text);
    text-align: left;
    padding: .56rem .62rem;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.tara-aio-detail-table tbody td[b-0rybriwquv] {
    padding: .56rem .62rem;
    border-top: 1px solid var(--tara-border-subtle);
    vertical-align: middle;
    font-size: .83rem;
}

.tara-aio-detail-row--linked td[b-0rybriwquv] {
    background: color-mix(in srgb, var(--tara-surface) 86%, var(--tara-row-hover));
}

.tara-aio-detail-row--selected td[b-0rybriwquv] {
    box-shadow: inset 0 0 0 999px color-mix(in srgb, var(--tara-row-hover) 64%, transparent);
}

.tara-aio-detail-row--error td[b-0rybriwquv] {
    border-left: 2px solid color-mix(in srgb, var(--tara-primary-dark) 45%, var(--tara-border));
}

.tara-aio-danger-btn[b-0rybriwquv] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 55%, var(--tara-border));
    color: var(--tara-primary-dark);
}

.tara-count-chip--muted[b-0rybriwquv] {
    border-color: color-mix(in srgb, var(--tara-border) 85%, var(--tara-primary));
    background: var(--tara-surface-raised);
    color: var(--tara-text-muted);
}

.tara-aio-status-chip--success[b-0rybriwquv] {
    border-color: color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 75%, var(--tara-row-hover));
    color: var(--tara-text);
}

.tara-aio-status-chip--warning[b-0rybriwquv] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 80%, #f2e7d4);
    color: var(--tara-text);
}

.tara-aio-status-chip--danger[b-0rybriwquv] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 35%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 74%, #f7d8d4);
    color: var(--tara-primary-dark);
}

.tara-empty-state[b-0rybriwquv] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    text-align: center;
    color: var(--tara-text-muted);
    padding: 1.5rem;
}

.tara-empty-state h3[b-0rybriwquv] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-empty-state p[b-0rybriwquv] {
    margin: 0;
    max-width: 62ch;
}

.tara-empty-state--soft[b-0rybriwquv] {
    min-height: 220px;
}

.tara-aio-settings-studio[b-0rybriwquv] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(320px, 1fr);
    gap: .85rem;
    align-items: start;
}

.tara-aio-card[b-0rybriwquv] {
    padding: .9rem;
}

.tara-aio-card--full[b-0rybriwquv] {
    grid-column: 1 / -1;
}

.tara-aio-settings-hero[b-0rybriwquv],
.tara-aio-settings-form-card[b-0rybriwquv] {
    grid-column: 1;
}

.tara-aio-settings-meta-card[b-0rybriwquv] {
    grid-column: 2;
    grid-row: 1 / span 2;
}

.tara-aio-settings-summary[b-0rybriwquv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
}

.tara-aio-settings-side-actions[b-0rybriwquv] {
    display: grid;
    gap: .6rem;
    min-width: 220px;
}

.tara-aio-card-head[b-0rybriwquv] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-bottom: .7rem;
    font-weight: 700;
    color: var(--tara-text);
}

.tara-aio-inline-alert[b-0rybriwquv] {
    margin-bottom: .85rem;
}

.tara-aio-kv-grid[b-0rybriwquv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.tara-aio-kv-item[b-0rybriwquv] {
    display: grid;
    gap: .2rem;
    padding: .75rem .85rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
}

.tara-aio-kv-item span[b-0rybriwquv] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.tara-aio-kv-item strong[b-0rybriwquv] {
    color: var(--tara-text);
    font-size: .92rem;
}

.tara-aio-form-grid[b-0rybriwquv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem 1rem;
}

.tara-aio-field-full[b-0rybriwquv] {
    grid-column: 1 / -1;
}

.tara-aio-disabled-actions[b-0rybriwquv] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.tara-aio-meta-toolbar[b-0rybriwquv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 240px) auto;
    gap: .75rem;
    margin-bottom: 1rem;
}

.tara-aio-dialog-backdrop[b-0rybriwquv] {
    position: fixed;
    inset: 0;
    background: color-mix(in srgb, var(--tara-text) 26%, transparent);
    z-index: 1200;
}

.tara-aio-columns-dialog[b-0rybriwquv] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(420px, calc(100vw - 2rem));
    padding: 1rem;
    z-index: 1201;
}

.tara-aio-image-dialog[b-0rybriwquv] {
    width: min(420px, calc(100vw - 2rem));
}

.tara-aio-image-dialog-img[b-0rybriwquv] {
    width: 100%;
    max-height: min(70vh, 420px);
    object-fit: contain;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface-raised);
}

.tara-aio-preview-dialog[b-0rybriwquv] {
    width: min(1100px, calc(100vw - 2rem));
    max-height: min(88vh, 980px);
    overflow: auto;
}

.tara-aio-columns-head[b-0rybriwquv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .75rem;
}

.tara-aio-columns-head h3[b-0rybriwquv] {
    margin: .15rem 0 0;
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-aio-columns-list[b-0rybriwquv] {
    display: grid;
    gap: .35rem;
    margin-bottom: 1rem;
}

.tara-aio-column-row[b-0rybriwquv] {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .35rem .25rem;
    border-radius: var(--tara-radius-sm);
}

.tara-aio-column-row:hover[b-0rybriwquv] {
    background: var(--tara-row-hover);
}

.tara-aio-columns-actions[b-0rybriwquv] {
    display: flex;
    justify-content: flex-end;
}

.tara-aio-preview-source-card[b-0rybriwquv] {
    margin-bottom: 1rem;
}

.tara-aio-preview-grid[b-0rybriwquv],
.tara-aio-preview-product-grid[b-0rybriwquv],
.tara-aio-preview-meta-grid[b-0rybriwquv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.tara-aio-preview-columns[b-0rybriwquv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.tara-aio-preview-columns--variants[b-0rybriwquv] {
    align-items: start;
}

.tara-aio-preview-columns--images[b-0rybriwquv] {
    align-items: start;
}

.tara-aio-preview-image-card[b-0rybriwquv] {
    display: grid;
    gap: .8rem;
}

.tara-aio-preview-image[b-0rybriwquv] {
    width: 100%;
    max-height: 300px;
    object-fit: contain;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface-raised);
}

.tara-aio-preview-image-notes[b-0rybriwquv] {
    display: grid;
    gap: .45rem;
}

.tara-aio-preview-image-notes p[b-0rybriwquv] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .84rem;
}

.tara-aio-preview-line[b-0rybriwquv] {
    display: grid;
    gap: .25rem;
    padding: .8rem .9rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
    color: var(--tara-text);
}

.tara-aio-preview-line--variant span[b-0rybriwquv] {
    color: var(--tara-text-muted);
    font-size: .84rem;
}

.tara-aio-preview-line-top[b-0rybriwquv] {
    display: flex;
    align-items: center;
    gap: .55rem;
    flex-wrap: wrap;
}

.tara-aio-preview-badge[b-0rybriwquv] {
    display: inline-flex;
    align-items: center;
    padding: .18rem .45rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary-dark) 14%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-size: .74rem;
    font-weight: 800;
}

.tara-aio-preview-badge--soft[b-0rybriwquv] {
    background: color-mix(in srgb, var(--tara-border) 70%, var(--tara-surface));
    color: var(--tara-text-muted);
}

.tara-aio-preview-empty[b-0rybriwquv] {
    min-height: 140px;
}

.tara-aio-kv-item small[b-0rybriwquv] {
    color: var(--tara-text-muted);
    font-size: .77rem;
}

.tara-aio-grid-footer[b-0rybriwquv] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .5rem .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;
    border-radius: 0 0 16px 16px;
    font-size: .78rem;
    color: var(--tara-text-muted);
    flex-wrap: wrap;
    user-select: none;
}

.tara-aio-grid-footer-copy[b-0rybriwquv] {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.tara-grid-footer-range[b-0rybriwquv] {
    flex: 0 0 auto;
    white-space: nowrap;
    font-weight: 700;
}

.tara-aio-grid-footer-subcopy[b-0rybriwquv] {
    font-size: .72rem;
    color: var(--tara-text-muted);
    white-space: nowrap;
}

.tara-grid-page-size[b-0rybriwquv] {
    display: flex;
    align-items: center;
    gap: .22rem;
}

.tara-grid-page-size-label[b-0rybriwquv] {
    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-0rybriwquv] {
    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-0rybriwquv] {
    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-0rybriwquv] {
    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-0rybriwquv] {
    display: flex;
    align-items: center;
    gap: .28rem;
    margin-left: auto;
}

.tara-grid-footer-page[b-0rybriwquv] {
    font-size: .74rem;
    font-weight: 600;
    color: var(--tara-text-muted);
    white-space: nowrap;
    margin-right: .15rem;
}

.tara-grid-nav-btn[b-0rybriwquv] {
    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-0rybriwquv] {
    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-0rybriwquv] {
    opacity: .35;
    cursor: not-allowed;
}

[data-theme="dark"] .tara-aio-grid-footer[b-0rybriwquv] {
    background: color-mix(in srgb, var(--tara-surface-raised) 40%, var(--tara-surface));
}

.tara-filter-select[b-0rybriwquv] {
    min-width: 0;
}

[b-0rybriwquv] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-0rybriwquv] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border,
[b-0rybriwquv] .tara-search-field .mud-input-outlined:hover .mud-input-outlined-border,
[b-0rybriwquv] .tara-search-field .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-0rybriwquv] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol,
[b-0rybriwquv] .tara-search-field label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-0rybriwquv] .tara-filter-select .mud-input-root-outlined.mud-input-focused label,
[b-0rybriwquv] .tara-search-field .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

[b-0rybriwquv] .tara-col-hidden {
    display: none !important;
}

[b-0rybriwquv] .tara-data-grid .mud-table-container {
    background: var(--tara-surface);
}

[b-0rybriwquv] .tara-data-grid .mud-table-head th {
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    font-weight: 800;
}

[b-0rybriwquv] .tara-data-grid .mud-table-body .mud-table-row:nth-child(odd) {
    background: var(--tara-row-odd);
}

[b-0rybriwquv] .tara-data-grid .mud-table-body .mud-table-row:nth-child(even) {
    background: var(--tara-row-even);
}

[b-0rybriwquv] .tara-data-grid .mud-table-body .mud-table-row:hover {
    background: var(--tara-row-hover);
}

@media (max-width: 1024px) {
    .tara-aio-grid-toolbar[b-0rybriwquv] {
        grid-template-columns: 1fr;
    }

    .tara-aio-grid-toolbar-side[b-0rybriwquv],
    .tara-aio-grid-metrics[b-0rybriwquv] {
        justify-content: flex-start;
    }

    .tara-aio-settings-studio[b-0rybriwquv],
    .tara-aio-settings-summary[b-0rybriwquv],
    .tara-aio-form-grid[b-0rybriwquv],
    .tara-aio-kv-grid[b-0rybriwquv],
    .tara-aio-meta-toolbar[b-0rybriwquv],
    .tara-aio-preview-grid[b-0rybriwquv],
    .tara-aio-preview-product-grid[b-0rybriwquv],
    .tara-aio-preview-meta-grid[b-0rybriwquv],
    .tara-aio-preview-columns[b-0rybriwquv] {
        grid-template-columns: 1fr;
    }

    .tara-aio-master-grid-head[b-0rybriwquv],
    .tara-aio-master-row[b-0rybriwquv] {
        grid-template-columns: 74px minmax(220px, 1.7fr) minmax(160px, 1fr) minmax(120px, .8fr) minmax(150px, .9fr) minmax(120px, .8fr);
    }

    .tara-aio-settings-meta-card[b-0rybriwquv],
    .tara-aio-settings-hero[b-0rybriwquv],
    .tara-aio-settings-form-card[b-0rybriwquv] {
        grid-column: auto;
        grid-row: auto;
    }

    .tara-aio-toolbar-field--config[b-0rybriwquv],
    .tara-aio-toolbar-field--compact[b-0rybriwquv] {
        max-width: none;
    }

    .tara-aio-inventory-row[b-0rybriwquv] {
        grid-template-columns: 1fr;
    }

    .tara-aio-workbench-top[b-0rybriwquv],
    .tara-aio-search-stage[b-0rybriwquv] {
        grid-template-columns: 1fr;
    }

    .tara-aio-search-actions[b-0rybriwquv] {
        flex-direction: row;
        flex-wrap: wrap;
        min-width: 0;
    }

    .tara-aio-kpi-strip[b-0rybriwquv] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tara-aio-batch-toolbar[b-0rybriwquv] {
        align-items: stretch;
    }

    .tara-aio-batch-tools[b-0rybriwquv],
    .tara-aio-batch-actions[b-0rybriwquv] {
        width: 100%;
    }
}

@media (max-width: 760px) {
    .tara-aio-page[b-0rybriwquv] {
        padding: .75rem;
    }

    .tara-aio-header[b-0rybriwquv] {
        flex-direction: column;
    }

    .tara-aio-header-actions[b-0rybriwquv],
    .tara-aio-disabled-actions[b-0rybriwquv] {
        width: 100%;
        margin-left: 0;
    }

    .tara-aio-card[b-0rybriwquv],
    .tara-aio-results-card[b-0rybriwquv],
    .tara-aio-opsbar[b-0rybriwquv] {
        padding: .85rem;
    }

    .tara-aio-filters-card[b-0rybriwquv]  .tara-fa-header,
    .tara-aio-filters-card[b-0rybriwquv]  .tara-fa-body-inner {
        padding-inline: .78rem;
    }

    .tara-aio-filter-toolbar[b-0rybriwquv] {
        padding: .05rem;
    }

    .tara-aio-config-actions-row[b-0rybriwquv],
    .tara-aio-config-selection[b-0rybriwquv],
    .tara-aio-grid-toolbar-side[b-0rybriwquv] {
        align-items: stretch;
    }

    .tara-aio-grid-metrics[b-0rybriwquv] {
        justify-content: flex-start;
    }

    .tara-aio-catalog-workbench[b-0rybriwquv] {
        padding: .72rem;
        border-radius: 18px;
    }

    .tara-aio-kpi-strip[b-0rybriwquv],
    .tara-aio-advanced-search-body[b-0rybriwquv] {
        grid-template-columns: 1fr 1fr;
    }

    .tara-aio-batch-tools > *[b-0rybriwquv],
    .tara-aio-batch-actions > *[b-0rybriwquv],
    .tara-aio-search-actions > *[b-0rybriwquv] {
        flex: 1 1 180px;
    }

    .tara-aio-link-filter[b-0rybriwquv] {
        min-width: 100%;
    }

    .tara-aio-filter-actions[b-0rybriwquv] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-aio-opsbar-row[b-0rybriwquv],
    .tara-aio-opsbar-group--actions[b-0rybriwquv] {
        align-items: stretch;
    }

    .tara-aio-opsbar-group--actions[b-0rybriwquv] {
        justify-content: flex-start;
    }

    .tara-aio-master-grid-shell[b-0rybriwquv] {
        height: auto !important;
    }

    .tara-aio-master-grid-head[b-0rybriwquv] {
        display: none;
    }

    .tara-aio-master-grid-body[b-0rybriwquv] {
        overflow: visible;
    }

    .tara-aio-master-group[b-0rybriwquv] {
        border: 1px solid var(--tara-border);
        border-radius: var(--tara-radius);
        overflow: hidden;
        background: var(--tara-surface);
    }

    .tara-aio-master-group + .tara-aio-master-group[b-0rybriwquv] {
        margin-top: .7rem;
    }

    .tara-aio-master-row[b-0rybriwquv] {
        grid-template-columns: 56px minmax(0, 1fr);
        padding: 0;
    }

    .tara-aio-master-cell--product[b-0rybriwquv],
    .tara-aio-master-cell--attrs[b-0rybriwquv],
    .tara-aio-master-cell--stock[b-0rybriwquv],
    .tara-aio-master-cell--shopify[b-0rybriwquv],
    .tara-aio-master-cell--selection[b-0rybriwquv] {
        grid-column: 2;
        padding-top: .25rem;
    }

    .tara-aio-master-cell--attrs[b-0rybriwquv],
    .tara-aio-master-cell--stock[b-0rybriwquv],
    .tara-aio-master-cell--shopify[b-0rybriwquv],
    .tara-aio-master-cell--selection[b-0rybriwquv] {
        padding-left: calc(56px + .25rem);
    }

    .tara-aio-checks[b-0rybriwquv] {
        align-items: stretch;
    }

    .tara-aio-preview-dialog[b-0rybriwquv] {
        width: min(100vw - 1rem, 1100px);
        max-height: calc(100vh - 1rem);
        padding: .85rem;
    }

    .tara-aio-grid-footer[b-0rybriwquv] {
        gap: .55rem;
        padding: .5rem .68rem;
        row-gap: .4rem;
    }

    .tara-grid-footer-range[b-0rybriwquv] {
        order: 1;
    }

    .tara-aio-grid-footer-copy[b-0rybriwquv] {
        order: 1;
        width: 100%;
        flex: 0 0 100%;
    }

    .tara-grid-page-size[b-0rybriwquv] {
        order: 2;
        flex: 0 0 auto;
    }

    .tara-grid-page-nav[b-0rybriwquv] {
        order: 3;
    }
}

@media (max-width: 430px) {
    .tara-aio-workbench-title h2[b-0rybriwquv] {
        font-size: 1.28rem;
    }

    .tara-aio-kpi-strip[b-0rybriwquv],
    .tara-aio-advanced-search-body[b-0rybriwquv] {
        grid-template-columns: 1fr;
    }

    .tara-aio-config-identity[b-0rybriwquv] {
        align-items: flex-start;
        border-radius: 14px;
        flex-direction: column;
    }

    .tara-aio-inline-metric[b-0rybriwquv] {
        font-size: .7rem;
    }

    .tara-aio-header h1[b-0rybriwquv] {
        font-size: 1.14rem;
    }

    .tara-aio-master-cell[b-0rybriwquv] {
        padding-inline: .65rem;
    }

    .tara-aio-master-cell--attrs[b-0rybriwquv],
    .tara-aio-master-cell--stock[b-0rybriwquv],
    .tara-aio-master-cell--shopify[b-0rybriwquv],
    .tara-aio-master-cell--selection[b-0rybriwquv] {
        padding-left: calc(56px + .15rem);
    }

    [b-0rybriwquv] .tara-aio-tabs .mud-tabs-tabbar-wrapper,
    [b-0rybriwquv] .tara-aio-grid-tabs .mud-tabs-tabbar-wrapper {
        width: 100% !important;
    }

    [b-0rybriwquv] .tara-aio-tabs .mud-tabs-tabbar-content,
    [b-0rybriwquv] .tara-aio-grid-tabs .mud-tabs-tabbar-content {
        width: 100%;
    }

    [b-0rybriwquv] .tara-aio-tabs .mud-tab,
    [b-0rybriwquv] .tara-aio-grid-tabs .mud-tab {
        min-width: 0 !important;
        flex: 1 1 0 !important;
        padding-inline: .75rem !important;
        font-size: .82rem;
    }
}

@media (max-width: 560px) {
    .tara-aio-settings-side-actions[b-0rybriwquv] {
        min-width: 0;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/AjustesPvShopifyClienteFicha.razor.rz.scp.css */
.tara-shopify-customer-crm-page[b-o5loviybz0] {
    display: flex;
    flex-direction: column;
    gap: .95rem;
}

.tara-shopify-customer-crm-loading[b-o5loviybz0],
.tara-shopify-customer-crm-state[b-o5loviybz0] {
    min-height: 52vh;
    display: grid;
    place-items: center;
    gap: .8rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-shopify-customer-crm-alert[b-o5loviybz0] {
    border-radius: var(--tara-radius-sm);
    box-shadow: var(--tara-shadow-sm);
}

.tara-shopify-customer-info-alert[b-o5loviybz0] {
    border-radius: var(--tara-radius-sm);
}

.tara-shopify-customer-hero[b-o5loviybz0],
.tara-shopify-customer-card[b-o5loviybz0],
.tara-shopify-customer-summary[b-o5loviybz0],
.tara-shopify-customer-health[b-o5loviybz0] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-shopify-customer-hero[b-o5loviybz0] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding: 1rem 1.1rem;
    flex-wrap: wrap;
}

.tara-shopify-customer-hero-main[b-o5loviybz0] {
    display: flex;
    gap: .95rem;
    align-items: flex-start;
    min-width: 0;
}

.tara-shopify-customer-avatar[b-o5loviybz0] {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--tara-primary-dark) 12%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-weight: 900;
    font-size: 1.1rem;
    flex: 0 0 auto;
}

.tara-shopify-customer-copy[b-o5loviybz0] {
    display: grid;
    gap: .45rem;
}

.tara-shopify-customer-copy-top[b-o5loviybz0] {
    display: flex;
    gap: .65rem;
    flex-wrap: wrap;
    align-items: center;
}

.tara-shopify-customer-copy-top h2[b-o5loviybz0] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.24rem;
    font-weight: 900;
}

.tara-shopify-customer-meta[b-o5loviybz0] {
    display: flex;
    gap: .55rem .9rem;
    flex-wrap: wrap;
    color: var(--tara-text-muted);
    font-size: .84rem;
}

.tara-shopify-customer-hero-actions[b-o5loviybz0] {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tara-shopify-customer-summary[b-o5loviybz0] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .75rem;
    padding: .85rem 1rem;
}

.tara-shopify-customer-metric[b-o5loviybz0] {
    min-width: 0;
    padding: .65rem .8rem;
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg));
    border: 1px solid var(--tara-border-subtle);
}

.tara-shopify-customer-metric span[b-o5loviybz0],
.tara-shopify-customer-grid dt[b-o5loviybz0] {
    display: block;
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.tara-shopify-customer-metric strong[b-o5loviybz0] {
    display: block;
    margin-top: .28rem;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 900;
}

.tara-shopify-customer-health[b-o5loviybz0] {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
    padding: .8rem 1rem;
}

.tara-shopify-customer-layout[b-o5loviybz0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .95rem;
}

.tara-shopify-customer-card[b-o5loviybz0] {
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.tara-shopify-customer-card-span[b-o5loviybz0] {
    grid-column: 1 / -1;
}

.tara-shopify-customer-card-head[b-o5loviybz0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-shopify-customer-card-head h3[b-o5loviybz0] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 900;
}

.tara-shopify-customer-card-copy[b-o5loviybz0],
.tara-shopify-customer-help-text[b-o5loviybz0] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .8rem;
    line-height: 1.45;
}

.tara-shopify-customer-card-actions[b-o5loviybz0],
.tara-shopify-customer-inline-actions[b-o5loviybz0] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    align-items: center;
}

.tara-shopify-customer-form[b-o5loviybz0],
.tara-shopify-customer-address-form-layout[b-o5loviybz0] {
    display: grid;
    gap: .85rem;
}

.tara-shopify-customer-form-grid[b-o5loviybz0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.tara-shopify-customer-form-span[b-o5loviybz0] {
    grid-column: 1 / -1;
}

.tara-shopify-customer-form-actions[b-o5loviybz0] {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.tara-shopify-customer-address-editor[b-o5loviybz0] {
    display: grid;
    gap: .75rem;
    padding: .95rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg));
}

.tara-shopify-customer-address-editor h4[b-o5loviybz0] {
    margin: 0;
    color: var(--tara-text);
    font-size: .92rem;
    font-weight: 800;
}

.tara-shopify-customer-grid[b-o5loviybz0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem 1rem;
    margin: 0;
}

.tara-shopify-customer-grid div[b-o5loviybz0] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.tara-shopify-customer-grid dd[b-o5loviybz0] {
    margin: 0;
    color: var(--tara-text);
    word-break: break-word;
}

.tara-shopify-customer-grid-span[b-o5loviybz0] {
    grid-column: 1 / -1;
}

.tara-shopify-customer-addresses[b-o5loviybz0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.tara-shopify-customer-address[b-o5loviybz0] {
    min-height: 156px;
    padding: .85rem .9rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg));
}

.tara-shopify-customer-address strong[b-o5loviybz0] {
    display: block;
    margin-bottom: .45rem;
    color: var(--tara-text);
    font-size: .86rem;
}

.tara-shopify-customer-address p[b-o5loviybz0] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .82rem;
    white-space: pre-line;
    line-height: 1.45;
}

.tara-shopify-customer-address--placeholder[b-o5loviybz0] {
    border-style: dashed;
}

.tara-shopify-customer-link-state[b-o5loviybz0] {
    display: grid;
    gap: .7rem;
}

.tara-shopify-customer-candidates[b-o5loviybz0] {
    display: grid;
    gap: .7rem;
}

.tara-shopify-customer-candidate[b-o5loviybz0] {
    display: flex;
    justify-content: space-between;
    gap: .8rem;
    flex-wrap: wrap;
    padding: .85rem .9rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg));
}

.tara-shopify-customer-candidate-copy[b-o5loviybz0],
.tara-shopify-customer-candidate-actions[b-o5loviybz0] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
    align-items: center;
}

.tara-shopify-customer-candidate-copy[b-o5loviybz0] {
    flex-direction: column;
    align-items: flex-start;
}

.tara-shopify-customer-candidate-copy strong[b-o5loviybz0] {
    color: var(--tara-text);
}

.tara-shopify-customer-candidate-copy span[b-o5loviybz0],
.tara-shopify-customer-empty[b-o5loviybz0],
.tara-shopify-customer-timeline-card p[b-o5loviybz0],
.tara-shopify-customer-timeline-card small[b-o5loviybz0],
.tara-shopify-customer-audit-item span[b-o5loviybz0] {
    color: var(--tara-text-muted);
}

.tara-shopify-customer-orders[b-o5loviybz0] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    overflow: hidden;
}

.tara-shopify-customer-orders-table[b-o5loviybz0]  .mud-table-head {
    background: var(--tara-th-bg);
}

.tara-shopify-customer-orders-table[b-o5loviybz0]  .mud-table-head .mud-table-cell {
    color: var(--tara-th-text);
    font-weight: 800;
    font-size: .79rem;
}

.tara-shopify-customer-orders-table[b-o5loviybz0]  tbody tr:nth-child(odd) {
    background: var(--tara-row-odd);
}

.tara-shopify-customer-orders-table[b-o5loviybz0]  tbody tr:nth-child(even) {
    background: var(--tara-row-even);
}

.tara-shopify-customer-orders-table[b-o5loviybz0]  tbody tr:hover {
    background: var(--tara-row-hover);
}

.tara-shopify-customer-timeline[b-o5loviybz0] {
    display: grid;
    gap: .8rem;
}

.tara-shopify-customer-timeline-item[b-o5loviybz0] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: .75rem;
}

.tara-shopify-customer-timeline-rail[b-o5loviybz0] {
    position: relative;
    display: grid;
    justify-items: center;
}

.tara-shopify-customer-timeline-dot[b-o5loviybz0] {
    width: 12px;
    height: 12px;
    margin-top: .5rem;
    border-radius: 999px;
    background: var(--tara-primary-dark);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--tara-primary-dark) 10%, transparent);
    z-index: 1;
}

.tara-shopify-customer-timeline-line[b-o5loviybz0] {
    position: absolute;
    top: 1rem;
    bottom: -.9rem;
    width: 2px;
    background: color-mix(in srgb, var(--tara-border) 80%, var(--tara-primary-dark));
}

.tara-shopify-customer-timeline-item:last-child .tara-shopify-customer-timeline-line[b-o5loviybz0] {
    display: none;
}

.tara-shopify-customer-timeline-card[b-o5loviybz0] {
    display: grid;
    gap: .45rem;
    padding: .8rem .95rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg));
}

.tara-shopify-customer-timeline-head[b-o5loviybz0] {
    display: flex;
    justify-content: space-between;
    gap: .7rem;
    flex-wrap: wrap;
    align-items: flex-start;
}

.tara-shopify-customer-timeline-head > div[b-o5loviybz0] {
    display: grid;
    gap: .2rem;
}

.tara-shopify-customer-timeline-head strong[b-o5loviybz0],
.tara-shopify-customer-audit-item strong[b-o5loviybz0] {
    color: var(--tara-text);
    font-weight: 800;
}

.tara-shopify-customer-tech summary[b-o5loviybz0] {
    cursor: pointer;
    color: var(--tara-primary-dark);
    font-weight: 800;
}

.tara-shopify-customer-audit[b-o5loviybz0] {
    display: grid;
    gap: .6rem;
    margin-top: .8rem;
}

.tara-shopify-customer-audit-item[b-o5loviybz0] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .75rem .85rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-surface) 96%, var(--tara-bg));
}

@media (max-width: 1199px) {
    .tara-shopify-customer-summary[b-o5loviybz0] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tara-shopify-customer-addresses[b-o5loviybz0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 960px) {
    .tara-shopify-customer-layout[b-o5loviybz0],
    .tara-shopify-customer-grid[b-o5loviybz0],
    .tara-shopify-customer-summary[b-o5loviybz0],
    .tara-shopify-customer-addresses[b-o5loviybz0],
    .tara-shopify-customer-form-grid[b-o5loviybz0] {
        grid-template-columns: 1fr;
    }

    .tara-shopify-customer-hero[b-o5loviybz0] {
        padding: .95rem;
    }

    .tara-shopify-customer-card[b-o5loviybz0],
    .tara-shopify-customer-summary[b-o5loviybz0],
    .tara-shopify-customer-health[b-o5loviybz0] {
        padding: .9rem;
    }
}

@media (max-width: 640px) {
    .tara-shopify-customer-avatar[b-o5loviybz0] {
        width: 56px;
        height: 56px;
    }

    .tara-shopify-customer-hero-actions[b-o5loviybz0],
    .tara-shopify-customer-meta[b-o5loviybz0],
    .tara-shopify-customer-candidate-actions[b-o5loviybz0],
    .tara-shopify-customer-form-actions[b-o5loviybz0] {
        width: 100%;
    }

    .tara-shopify-customer-hero-actions > *[b-o5loviybz0],
    .tara-shopify-customer-candidate-actions > *[b-o5loviybz0],
    .tara-shopify-customer-form-actions > *[b-o5loviybz0] {
        width: 100%;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/AjustesPvShopifyClientes.razor.rz.scp.css */
.tara-shopify-customers-page[b-eosjqpbp5g] {
    display: flex;
    flex-direction: column;
    gap: .95rem;
}

.tara-shopify-customers-loading[b-eosjqpbp5g] {
    min-height: 52vh;
    display: grid;
    place-items: center;
    gap: .8rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-shopify-customers-alert[b-eosjqpbp5g] {
    border-radius: var(--tara-radius-sm);
    box-shadow: var(--tara-shadow-sm);
}

.tara-shopify-customers-summary[b-eosjqpbp5g],
.tara-shopify-customers-pills[b-eosjqpbp5g] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.tara-shopify-customers-filters[b-eosjqpbp5g] {
    display: grid;
    grid-template-columns: minmax(220px, 1.15fr) minmax(280px, 1.7fr) minmax(180px, 1fr) auto;
    gap: .9rem;
    align-items: end;
}

.tara-shopify-customers-filter-actions[b-eosjqpbp5g] {
    display: flex;
    gap: .55rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.tara-shopify-customers-grid-card[b-eosjqpbp5g] {
    display: grid;
    gap: .8rem;
    padding: 1rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-shopify-customers-grid-head[b-eosjqpbp5g] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .9rem;
    flex-wrap: wrap;
}

.tara-shopify-customers-grid-head h2[b-eosjqpbp5g] {
    margin: 0;
    font-size: 1.02rem;
    font-weight: 800;
    color: var(--tara-text);
}

.tara-shopify-customers-grid-head p[b-eosjqpbp5g] {
    margin: .2rem 0 0;
    font-size: .84rem;
    color: var(--tara-text-muted);
}

.tara-shopify-customers-empty[b-eosjqpbp5g] {
    min-height: 280px;
    display: grid;
    place-items: center;
    gap: .7rem;
    padding: 1.2rem;
    text-align: center;
    color: var(--tara-text-muted);
}

.tara-shopify-customers-table[b-eosjqpbp5g] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    overflow: hidden;
}

.tara-shopify-customers-table[b-eosjqpbp5g]  .mud-table-head {
    background: var(--tara-th-bg);
}

.tara-shopify-customers-table[b-eosjqpbp5g]  .mud-table-head .mud-table-cell {
    color: var(--tara-th-text);
    font-weight: 800;
    font-size: .79rem;
}

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

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

.tara-shopify-customers-table[b-eosjqpbp5g]  tbody tr:hover {
    background: var(--tara-row-hover);
}

.tara-shopify-customers-table[b-eosjqpbp5g]  .mud-table-cell {
    vertical-align: top;
}

.tara-shopify-customers-identity[b-eosjqpbp5g],
.tara-shopify-customers-last-order[b-eosjqpbp5g] {
    display: grid;
    gap: .14rem;
}

.tara-shopify-customers-identity strong[b-eosjqpbp5g],
.tara-shopify-customers-last-order strong[b-eosjqpbp5g] {
    color: var(--tara-text);
}

.tara-shopify-customers-identity span[b-eosjqpbp5g],
.tara-shopify-customers-last-order span[b-eosjqpbp5g] {
    color: var(--tara-text-muted);
    font-size: .76rem;
}

.tara-shopify-customers-actions-col[b-eosjqpbp5g],
.tara-shopify-customers-actions-cell[b-eosjqpbp5g] {
    white-space: nowrap;
}

.tara-shopify-customers-actions-cell[b-eosjqpbp5g] {
    display: flex;
    gap: .35rem;
    flex-wrap: wrap;
}

.tara-shopify-customers-detail-backdrop[b-eosjqpbp5g] {
    position: fixed;
    inset: 0;
    background: color-mix(in srgb, var(--tara-text) 18%, transparent);
    z-index: 1190;
}

.tara-shopify-customers-detail-drawer[b-eosjqpbp5g] {
    position: fixed;
    top: 0;
    right: 0;
    width: min(860px, 100vw);
    height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--tara-surface);
    border-left: 1px solid var(--tara-border);
    box-shadow: var(--tara-shadow-lg);
    z-index: 1200;
}

.tara-shopify-customers-detail-header[b-eosjqpbp5g] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .8rem;
    padding: 1rem 1rem .9rem;
    border-bottom: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-bg) 72%, var(--tara-surface));
}

.tara-shopify-customers-detail-kicker[b-eosjqpbp5g] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tara-shopify-customers-detail-header h2[b-eosjqpbp5g] {
    margin: .2rem 0 0;
    font-size: 1.15rem;
    color: var(--tara-text);
}

.tara-shopify-customers-detail-header p[b-eosjqpbp5g] {
    margin: .22rem 0 0;
    color: var(--tara-text-muted);
    font-size: .84rem;
}

.tara-shopify-customers-detail-body[b-eosjqpbp5g] {
    flex: 1;
    overflow: auto;
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.tara-shopify-customers-detail-card[b-eosjqpbp5g] {
    display: grid;
    gap: .8rem;
    padding: .95rem 1rem;
    background: color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg));
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
}

.tara-shopify-customers-detail-card-head[b-eosjqpbp5g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-shopify-customers-detail-card-head h3[b-eosjqpbp5g] {
    margin: 0;
    font-size: .97rem;
    font-weight: 800;
    color: var(--tara-text);
}

.tara-shopify-customers-detail-grid[b-eosjqpbp5g] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem 1rem;
    margin: 0;
}

.tara-shopify-customers-detail-grid div[b-eosjqpbp5g] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.tara-shopify-customers-detail-grid dt[b-eosjqpbp5g] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
}

.tara-shopify-customers-detail-grid dd[b-eosjqpbp5g] {
    margin: 0;
    color: var(--tara-text);
    word-break: break-word;
}

.tara-shopify-customers-detail-actions[b-eosjqpbp5g] {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.tara-shopify-customers-address-grid[b-eosjqpbp5g] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.tara-shopify-customers-address-card[b-eosjqpbp5g] {
    display: grid;
    gap: .32rem;
    padding: .82rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-shopify-customers-address-card strong[b-eosjqpbp5g] {
    color: var(--tara-text);
}

.tara-shopify-customers-address-card p[b-eosjqpbp5g] {
    margin: 0;
    color: var(--tara-text-muted);
    white-space: pre-line;
    line-height: 1.45;
}

.tara-shopify-customers-candidates[b-eosjqpbp5g],
.tara-shopify-customers-orders-list[b-eosjqpbp5g],
.tara-shopify-customers-timeline[b-eosjqpbp5g],
.tara-shopify-customers-audit-list[b-eosjqpbp5g] {
    display: grid;
    gap: .7rem;
}

.tara-shopify-customers-candidate[b-eosjqpbp5g],
.tara-shopify-customers-order-card[b-eosjqpbp5g],
.tara-shopify-customers-audit-item[b-eosjqpbp5g] {
    display: grid;
    gap: .45rem;
    padding: .82rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-shopify-customers-candidate[b-eosjqpbp5g] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: .8rem;
}

.tara-shopify-customers-candidate strong[b-eosjqpbp5g],
.tara-shopify-customers-order-card strong[b-eosjqpbp5g],
.tara-shopify-customers-audit-item strong[b-eosjqpbp5g] {
    color: var(--tara-text);
}

.tara-shopify-customers-candidate span[b-eosjqpbp5g],
.tara-shopify-customers-audit-item span[b-eosjqpbp5g] {
    color: var(--tara-text-muted);
    font-size: .79rem;
}

.tara-shopify-customers-candidate-meta[b-eosjqpbp5g] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tara-shopify-customers-order-head[b-eosjqpbp5g],
.tara-shopify-customers-timeline-head[b-eosjqpbp5g] {
    display: flex;
    justify-content: space-between;
    gap: .7rem;
    align-items: flex-start;
    flex-wrap: wrap;
}

.tara-shopify-customers-order-head > div[b-eosjqpbp5g],
.tara-shopify-customers-timeline-head > div[b-eosjqpbp5g] {
    display: grid;
    gap: .15rem;
}

.tara-shopify-customers-order-head span[b-eosjqpbp5g],
.tara-shopify-customers-timeline-head span[b-eosjqpbp5g] {
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-shopify-customers-order-grid[b-eosjqpbp5g] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem 1rem;
    margin: 0;
}

.tara-shopify-customers-order-grid div[b-eosjqpbp5g] {
    display: grid;
    gap: .16rem;
}

.tara-shopify-customers-order-grid dt[b-eosjqpbp5g] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .07em;
    font-weight: 700;
}

.tara-shopify-customers-order-grid dd[b-eosjqpbp5g] {
    margin: 0;
    color: var(--tara-text);
}

.tara-shopify-customers-timeline[b-eosjqpbp5g] {
    position: relative;
    padding-left: .2rem;
}

.tara-shopify-customers-timeline-item[b-eosjqpbp5g] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .75rem;
    align-items: start;
}

.tara-shopify-customers-timeline-dot[b-eosjqpbp5g] {
    width: .72rem;
    height: .72rem;
    margin-top: .35rem;
    border-radius: 999px;
    background: var(--tara-primary-dark);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-shopify-customers-timeline-copy[b-eosjqpbp5g] {
    display: grid;
    gap: .35rem;
    padding-bottom: .6rem;
    border-bottom: 1px dashed var(--tara-border-subtle);
}

.tara-shopify-customers-timeline-copy p[b-eosjqpbp5g] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-shopify-customers-detail-empty[b-eosjqpbp5g] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .84rem;
}

.tara-shopify-customers-tech-panel[b-eosjqpbp5g] {
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding: .8rem .9rem;
    background: color-mix(in srgb, var(--tara-surface) 90%, var(--tara-bg));
}

.tara-shopify-customers-tech-panel summary[b-eosjqpbp5g] {
    cursor: pointer;
    color: var(--tara-text);
    font-weight: 700;
}

.tara-shopify-customers-detail-grid--tech[b-eosjqpbp5g] {
    margin-top: .75rem;
}

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

    .tara-shopify-customers-filter-actions[b-eosjqpbp5g] {
        justify-content: flex-start;
    }

    .tara-shopify-customers-address-grid[b-eosjqpbp5g],
    .tara-shopify-customers-order-grid[b-eosjqpbp5g] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .tara-shopify-customers-filters[b-eosjqpbp5g],
    .tara-shopify-customers-detail-grid[b-eosjqpbp5g],
    .tara-shopify-customers-candidate[b-eosjqpbp5g] {
        grid-template-columns: 1fr;
    }

    .tara-shopify-customers-grid-card[b-eosjqpbp5g],
    .tara-shopify-customers-detail-header[b-eosjqpbp5g],
    .tara-shopify-customers-detail-body[b-eosjqpbp5g],
    .tara-shopify-customers-detail-card[b-eosjqpbp5g] {
        padding-left: .85rem;
        padding-right: .85rem;
    }

    .tara-shopify-customers-detail-drawer[b-eosjqpbp5g] {
        width: 100vw;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/AjustesPvShopifyDashboard.razor.rz.scp.css */
.tara-shop-dashboard-page[b-4yeofzo71a] {
    min-height: 100%;
    padding: 1rem;
    background: var(--tara-bg);
    color: var(--tara-text);
}

.tara-shop-dashboard-loading[b-4yeofzo71a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 55vh;
    gap: 1rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-shop-dashboard-grid[b-4yeofzo71a] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    align-items: stretch;
}

.tara-shop-dashboard-card[b-4yeofzo71a] {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    padding: 1rem;
    min-height: 132px;
    border-radius: var(--tara-radius);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow);
    text-decoration: none;
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
    min-width: 0;
}

.tara-shop-dashboard-card:hover[b-4yeofzo71a] {
    border-color: color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border));
    transform: translateY(-2px);
}

.tara-shop-dashboard-card-icon[b-4yeofzo71a] {
    color: var(--tara-primary-dark);
    margin-top: .1rem;
}

.tara-shop-dashboard-card-copy[b-4yeofzo71a] {
    display: grid;
    gap: .35rem;
    min-width: 0;
    flex: 1;
}

.tara-shop-dashboard-card-copy strong[b-4yeofzo71a] {
    color: var(--tara-text);
    font-size: .97rem;
    line-height: 1.3;
}

.tara-shop-dashboard-card-copy span[b-4yeofzo71a] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    line-height: 1.45;
}

@media (max-width: 1100px) {
    .tara-shop-dashboard-grid[b-4yeofzo71a] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .tara-shop-dashboard-page[b-4yeofzo71a] {
        padding: .75rem;
    }

    .tara-shop-dashboard-grid[b-4yeofzo71a] {
        grid-template-columns: 1fr;
        gap: .85rem;
    }

    .tara-shop-dashboard-card[b-4yeofzo71a] {
        min-height: 0;
        padding: .9rem;
    }

    .tara-shop-dashboard-card-copy strong[b-4yeofzo71a] {
        font-size: .93rem;
    }

    .tara-shop-dashboard-card-copy span[b-4yeofzo71a] {
        font-size: .82rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/AjustesPvShopifyPedidos.razor.rz.scp.css */
.tara-shop-orders-page[b-8gpx5t8v1x] {
    display: flex;
    flex-direction: column;
    gap: .9rem;
}

.tara-shop-orders-summary-card[b-8gpx5t8v1x],
.tara-shop-orders-query-card[b-8gpx5t8v1x] {
    display: grid;
    gap: .85rem;
    padding: .95rem 1rem 1rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-soft);
}

.tara-shop-orders-summary-card[b-8gpx5t8v1x] {
    order: 0;
}

.tara-shop-orders-query-head[b-8gpx5t8v1x] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .85rem;
    flex-wrap: wrap;
}

.tara-shop-orders-summary-head[b-8gpx5t8v1x] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .85rem;
    flex-wrap: wrap;
}

.tara-shop-orders-summary-copy[b-8gpx5t8v1x] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.tara-shop-orders-summary-copy h2[b-8gpx5t8v1x] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 800;
}

.tara-shop-orders-summary-copy p[b-8gpx5t8v1x] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .82rem;
    line-height: 1.4;
    max-width: 68ch;
}

.tara-shop-orders-origin-shell[b-8gpx5t8v1x] {
    display: grid;
    gap: .45rem;
}

.tara-shop-orders-origin-label[b-8gpx5t8v1x] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tara-shop-orders-origin-tabs[b-8gpx5t8v1x] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.tara-shop-orders-origin-tab[b-8gpx5t8v1x] {
    appearance: none;
    border: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
    color: var(--tara-text);
    border-radius: 999px;
    padding: .55rem .9rem;
    min-width: 144px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: .55rem;
    font: inherit;
    font-size: .84rem;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.tara-shop-orders-origin-tab span[b-8gpx5t8v1x] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.tara-shop-orders-origin-tab:hover[b-8gpx5t8v1x] {
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border));
}

.tara-shop-orders-origin-tab--active[b-8gpx5t8v1x] {
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 40%, var(--tara-border));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tara-primary) 15%, transparent);
}

.tara-shop-orders-query-copy[b-8gpx5t8v1x] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.tara-shop-orders-query-copy h2[b-8gpx5t8v1x] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 800;
}

.tara-shop-orders-query-copy p[b-8gpx5t8v1x] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .82rem;
    line-height: 1.45;
    max-width: 72ch;
}

.tara-shop-orders-query-pills[b-8gpx5t8v1x] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tara-shop-orders-quick-search[b-8gpx5t8v1x] {
    display: grid;
}

.tara-shop-orders-hero-search[b-8gpx5t8v1x]  .mud-input-control {
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
    border-radius: var(--tara-radius-sm);
}

.tara-shop-orders-primary-bar[b-8gpx5t8v1x] {
    display: grid;
    grid-template-columns: 2.1fr 2.1fr 3.2fr auto;
    gap: .8rem;
    align-items: end;
}

.tara-shop-orders-primary-actions[b-8gpx5t8v1x] {
    display: flex;
    justify-content: flex-end;
    gap: .7rem;
    flex-wrap: wrap;
    align-items: end;
}

.tara-shop-orders-primary-actions[b-8gpx5t8v1x]  .mud-button-root {
    min-width: 205px;
}

.tara-shop-orders-primary-actions:only-child[b-8gpx5t8v1x] {
    justify-self: end;
}

.tara-shop-orders-omni-card[b-8gpx5t8v1x] {
    order: 1;
}

.tara-shop-orders-results-card[b-8gpx5t8v1x] {
    order: 3;
}

.tara-shop-orders-query-card[b-8gpx5t8v1x] {
    order: 4;
}

.tara-shop-orders-loading[b-8gpx5t8v1x] {
    min-height: 50vh;
    display: grid;
    place-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
}

.tara-shop-orders-cell-link[b-8gpx5t8v1x] {
    appearance: none;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    color: var(--tara-primary-dark);
    font: inherit;
    font-weight: 800;
    text-align: left;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-thickness: .08em;
    text-underline-offset: .16em;
}

.tara-shop-orders-cell-link:hover[b-8gpx5t8v1x],
.tara-shop-orders-cell-link:focus-visible[b-8gpx5t8v1x] {
    color: var(--tara-primary-deeper);
}

.tara-shop-orders-cell-link:focus-visible[b-8gpx5t8v1x] {
    outline: 2px solid color-mix(in srgb, var(--tara-primary) 55%, white);
    outline-offset: 3px;
    border-radius: 4px;
}

.tara-shop-orders-cell-link--customer[b-8gpx5t8v1x] {
    font-weight: 700;
}

.tara-shop-orders-cell-link--amount[b-8gpx5t8v1x] {
    font-variant-numeric: tabular-nums;
}

.tara-shop-orders-alert-stack[b-8gpx5t8v1x] {
    display: grid;
    gap: .55rem;
}

.tara-shop-orders-alert[b-8gpx5t8v1x] {
    border-radius: var(--tara-radius-sm);
    box-shadow: var(--tara-shadow-soft);
}

.tara-shop-orders-alert--info[b-8gpx5t8v1x] {
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
}

.tara-shop-orders-banner[b-8gpx5t8v1x] {
    margin: 0;
}

.tara-shop-orders-banner-content[b-8gpx5t8v1x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .85rem;
    flex-wrap: wrap;
}

.tara-shop-orders-banner-content > div[b-8gpx5t8v1x] {
    display: grid;
    gap: .18rem;
}

.tara-shop-orders-banner-content strong[b-8gpx5t8v1x] {
    color: var(--tara-text);
}

.tara-shop-orders-banner-content span[b-8gpx5t8v1x] {
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-shop-orders-banner--warning[b-8gpx5t8v1x] {
    background: color-mix(in srgb, #e0a100 6%, var(--tara-surface));
}

.tara-shop-orders-page[b-8gpx5t8v1x]  .tara-fa-card {
    box-shadow: var(--tara-shadow-soft);
    border: 1px solid var(--tara-border-subtle);
}

.tara-shop-orders-page[b-8gpx5t8v1x]  .tara-fa-header {
    padding: .68rem .9rem;
}

.tara-shop-orders-page[b-8gpx5t8v1x]  .tara-fa-body-inner {
    padding: .1rem .9rem .8rem;
}

.tara-shop-orders-page[b-8gpx5t8v1x]  .tara-fa-title {
    font-weight: 800;
}

.tara-shop-orders-page[b-8gpx5t8v1x]  .tara-fa-header-left {
    gap: .55rem;
}

.tara-shop-orders-page[b-8gpx5t8v1x]  .tara-fa-no-summary {
    font-size: .78rem;
}

.tara-shop-orders-page[b-8gpx5t8v1x]  .tara-filter-select,
.tara-shop-orders-page[b-8gpx5t8v1x]  .tara-search-field {
    width: 100%;
}

.tara-shop-orders-advanced-grid[b-8gpx5t8v1x] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: .75rem .9rem;
}

.tara-shop-orders-advanced-grid > *[b-8gpx5t8v1x] {
    min-width: 0;
}

.tara-shop-orders-advanced-grid > :nth-child(1)[b-8gpx5t8v1x],
.tara-shop-orders-advanced-grid > :nth-child(2)[b-8gpx5t8v1x],
.tara-shop-orders-advanced-grid > :nth-child(3)[b-8gpx5t8v1x],
.tara-shop-orders-advanced-grid > :nth-child(4)[b-8gpx5t8v1x] {
    grid-column: span 3;
}

.tara-shop-orders-filter-flags[b-8gpx5t8v1x] {
    grid-column: span 3;
    display: flex;
    align-items: center;
    min-height: 42px;
}

.tara-shop-orders-card[b-8gpx5t8v1x] {
    display: grid;
    gap: 0;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-soft);
    overflow: hidden;
}

.tara-shop-orders-results-head[b-8gpx5t8v1x] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding: .95rem 1rem .8rem;
    border-bottom: 1px solid color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
    background: linear-gradient(180deg, color-mix(in srgb, var(--tara-surface) 90%, var(--tara-bg)) 0%, var(--tara-surface) 100%);
}

.tara-shop-orders-results-copy[b-8gpx5t8v1x] {
    display: grid;
    gap: .25rem;
    min-width: 0;
}

.tara-shop-orders-results-copy h2[b-8gpx5t8v1x] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 800;
}

.tara-shop-orders-results-copy p[b-8gpx5t8v1x] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .84rem;
    max-width: 68ch;
}

.tara-shop-orders-stats[b-8gpx5t8v1x] {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tara-shop-orders-stats--compact[b-8gpx5t8v1x] {
    gap: .45rem;
}

.tara-shop-orders-chip[b-8gpx5t8v1x] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .38rem .62rem;
    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));
    color: var(--tara-text-muted);
    font-size: .76rem;
    white-space: nowrap;
}

.tara-shop-orders-chip strong[b-8gpx5t8v1x] {
    color: var(--tara-text);
    font-size: .81rem;
}

.tara-shop-orders-stat[b-8gpx5t8v1x] {
    min-width: 92px;
    display: grid;
    gap: .12rem;
    padding: .48rem .7rem;
    border-radius: 12px;
    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));
    text-align: left;
}

.tara-shop-orders-stat strong[b-8gpx5t8v1x] {
    color: var(--tara-text);
    font-size: .92rem;
    line-height: 1;
}

.tara-shop-orders-stat span[b-8gpx5t8v1x] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.tara-shop-orders-stat--ghost[b-8gpx5t8v1x] {
    background: var(--tara-surface-raised);
}

.tara-shop-orders-toolbar[b-8gpx5t8v1x] {
    display: grid;
    gap: .85rem;
    padding: .9rem 1rem 1rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
}

.tara-shop-orders-toolbar-block[b-8gpx5t8v1x] {
    display: flex;
    gap: .7rem;
    align-items: center;
    flex-wrap: wrap;
}

.tara-shop-orders-toolbar-block--actions[b-8gpx5t8v1x] {
    row-gap: .55rem;
}

.tara-shop-orders-toolbar-block--options[b-8gpx5t8v1x] {
    padding-top: .2rem;
}

.tara-shop-orders-inline-note[b-8gpx5t8v1x] {
    color: var(--tara-text-muted);
    font-size: .84rem;
}

.tara-shop-orders-omni-intro[b-8gpx5t8v1x] {
    display: grid;
    gap: .75rem;
    padding: .95rem 1rem 0;
}

.tara-shop-orders-assistant[b-8gpx5t8v1x] {
    display: grid;
    gap: .75rem;
    padding: .95rem 1rem 0;
}

.tara-shop-orders-assistant-steps[b-8gpx5t8v1x] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .65rem;
}

.tara-shop-orders-assistant-step[b-8gpx5t8v1x] {
    display: flex;
    gap: .7rem;
    align-items: flex-start;
    padding: .75rem .85rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 82%, var(--tara-bg));
}

.tara-shop-orders-assistant-step-number[b-8gpx5t8v1x] {
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: var(--tara-primary-dark);
    color: var(--tara-text-inverse);
    font-size: .78rem;
    font-weight: 800;
}

.tara-shop-orders-assistant-step strong[b-8gpx5t8v1x] {
    display: block;
    color: var(--tara-text);
    font-size: .87rem;
    margin-bottom: .16rem;
}

.tara-shop-orders-assistant-step p[b-8gpx5t8v1x] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .78rem;
    line-height: 1.45;
}

.tara-shop-orders-assistant-step--locked[b-8gpx5t8v1x] {
    opacity: .52;
}

.tara-shop-orders-assistant-step--current[b-8gpx5t8v1x] {
    border-color: color-mix(in srgb, var(--tara-primary) 38%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
}

.tara-shop-orders-assistant-step--done[b-8gpx5t8v1x] {
    border-color: color-mix(in srgb, #1d6f42 28%, var(--tara-border));
    background: color-mix(in srgb, #1d6f42 7%, var(--tara-surface));
}

.tara-shop-orders-assistant-meta[b-8gpx5t8v1x] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr);
    gap: .75rem;
}

.tara-shop-orders-last-op[b-8gpx5t8v1x],
.tara-shop-orders-operations[b-8gpx5t8v1x] {
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 82%, var(--tara-bg));
    padding: .8rem .9rem;
}

.tara-shop-orders-mini-head h3[b-8gpx5t8v1x] {
    margin: 0 0 .55rem;
    color: var(--tara-text);
    font-size: .9rem;
}

.tara-shop-orders-mini-grid[b-8gpx5t8v1x] {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem .85rem;
}

.tara-shop-orders-mini-grid div[b-8gpx5t8v1x] {
    display: grid;
    gap: .12rem;
}

.tara-shop-orders-mini-grid-span[b-8gpx5t8v1x] {
    grid-column: 1 / -1;
}

.tara-shop-orders-mini-grid dt[b-8gpx5t8v1x] {
    color: var(--tara-text-muted);
    font-size: .75rem;
}

.tara-shop-orders-mini-grid dd[b-8gpx5t8v1x] {
    margin: 0;
    color: var(--tara-text);
    font-size: .84rem;
    font-weight: 600;
}

.tara-shop-orders-mini-empty[b-8gpx5t8v1x] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-shop-orders-operations-list[b-8gpx5t8v1x] {
    margin: 0;
    padding-left: 1rem;
    color: var(--tara-text);
    font-size: .84rem;
}

.tara-shop-orders-state[b-8gpx5t8v1x] {
    min-height: 260px;
    padding-inline: 1rem;
}

.tara-shop-orders-table-container[b-8gpx5t8v1x] {
    overflow: auto;
    padding-inline: .9rem;
    padding-top: .75rem;
}

.tara-shop-orders-col-select[b-8gpx5t8v1x],
.tara-shop-orders-col-actions[b-8gpx5t8v1x] {
    width: 72px;
    min-width: 72px;
    text-align: center;
}

.tara-shop-orders-grid[b-8gpx5t8v1x] {
    min-width: 1580px;
}

[b-8gpx5t8v1x] .tara-shop-orders-grid .mud-table-container {
    background: var(--tara-surface);
}

[b-8gpx5t8v1x] .tara-shop-orders-grid .mud-table-head {
    position: sticky;
    top: 0;
    z-index: 2;
}

[b-8gpx5t8v1x] .tara-shop-orders-grid .mud-table-head th {
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    font-size: .77rem;
    letter-spacing: .02em;
    white-space: nowrap;
}

[b-8gpx5t8v1x] .tara-shop-orders-grid .mud-table-body tr:hover td {
    background: var(--tara-row-hover);
}

[b-8gpx5t8v1x] .tara-shop-orders-grid .mud-table-body tr:nth-child(odd) td {
    background: var(--tara-row-odd);
}

[b-8gpx5t8v1x] .tara-shop-orders-grid .mud-table-body tr:nth-child(even) td {
    background: var(--tara-row-even);
}

[b-8gpx5t8v1x] .tara-shop-orders-grid .mud-table-body td {
    font-size: .82rem;
    vertical-align: top;
    padding-block: .45rem;
}

[b-8gpx5t8v1x] .tara-shop-orders-row--cancelled td {
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface)) !important;
}

[b-8gpx5t8v1x] .tara-shop-orders-row--paid td {
    background: color-mix(in srgb, #1d6f42 10%, var(--tara-surface)) !important;
}

[b-8gpx5t8v1x] .tara-shop-orders-row--guide td {
    background: color-mix(in srgb, var(--tara-primary-dark) 5%, var(--tara-surface-raised)) !important;
}

[b-8gpx5t8v1x] .tara-shop-orders-row--warning td {
    background: color-mix(in srgb, #e0a100 12%, var(--tara-surface)) !important;
}

.tara-grid-footer[b-8gpx5t8v1x] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .55rem .95rem .8rem;
    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-8gpx5t8v1x] {
    flex: 0 0 auto;
    white-space: nowrap;
    font-weight: 600;
}

.tara-grid-page-size[b-8gpx5t8v1x] {
    display: flex;
    align-items: center;
    gap: .22rem;
}

.tara-grid-page-size-label[b-8gpx5t8v1x] {
    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-8gpx5t8v1x] {
    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-8gpx5t8v1x] {
    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-8gpx5t8v1x] {
    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-8gpx5t8v1x] {
    display: flex;
    align-items: center;
    gap: .28rem;
    margin-left: auto;
}

.tara-grid-footer-page[b-8gpx5t8v1x] {
    font-size: .74rem;
    font-weight: 600;
    color: var(--tara-text-muted);
    white-space: nowrap;
    margin-right: .15rem;
}

.tara-grid-nav-btn[b-8gpx5t8v1x] {
    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-8gpx5t8v1x] {
    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-8gpx5t8v1x] {
    opacity: .35;
    cursor: not-allowed;
}

.tara-shop-orders-detail-backdrop[b-8gpx5t8v1x] {
    position: fixed;
    inset: 0;
    background: rgba(34, 24, 22, 0.36);
    z-index: 1300;
}

.tara-shop-orders-detail-drawer[b-8gpx5t8v1x] {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: min(720px, 100vw);
    background: var(--tara-surface);
    border-left: 1px solid var(--tara-border);
    box-shadow: -10px 0 28px rgba(50, 35, 26, 0.15);
    z-index: 1301;
    display: grid;
    grid-template-rows: auto 1fr;
}

.tara-shop-orders-detail-header[b-8gpx5t8v1x] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding: 1rem 1rem .9rem;
    border-bottom: 1px solid var(--tara-border);
}

.tara-shop-orders-detail-header h2[b-8gpx5t8v1x] {
    margin: .2rem 0 0;
    color: var(--tara-text);
}

.tara-shop-orders-detail-header p[b-8gpx5t8v1x],
.tara-shop-orders-detail-kicker[b-8gpx5t8v1x] {
    margin: 0;
    color: var(--tara-text-muted);
}

.tara-shop-orders-detail-statuses[b-8gpx5t8v1x] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .7rem;
}

.tara-shop-orders-detail-body[b-8gpx5t8v1x] {
    overflow: auto;
    display: grid;
    gap: .85rem;
    padding: 1rem;
    background: var(--tara-bg);
}

.tara-shop-orders-detail-card[b-8gpx5t8v1x] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding: .95rem 1rem;
    display: grid;
    gap: .75rem;
}

.tara-shop-orders-detail-card--focus[b-8gpx5t8v1x] {
    border-color: color-mix(in srgb, var(--tara-primary) 38%, var(--tara-border));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--tara-primary) 14%, transparent);
}

.tara-shop-orders-detail-card h3[b-8gpx5t8v1x] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-shop-orders-detail-card-head[b-8gpx5t8v1x] {
    display: flex;
    justify-content: space-between;
    gap: .8rem;
    align-items: flex-start;
}

.tara-shop-orders-detail-card-head p[b-8gpx5t8v1x] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .86rem;
}

.tara-shop-orders-detail-grid[b-8gpx5t8v1x] {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem 1rem;
}

.tara-shop-orders-detail-grid div[b-8gpx5t8v1x] {
    display: grid;
    gap: .2rem;
}

.tara-shop-orders-detail-grid dt[b-8gpx5t8v1x] {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-shop-orders-detail-grid dd[b-8gpx5t8v1x] {
    margin: 0;
    color: var(--tara-text);
}

.tara-shop-orders-detail-grid--tech dd[b-8gpx5t8v1x] {
    word-break: break-word;
}

.tara-shop-orders-detail-summary-grid[b-8gpx5t8v1x] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
}

.tara-shop-orders-detail-summary-grid article[b-8gpx5t8v1x] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding: .75rem .8rem;
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
    display: grid;
    gap: .22rem;
}

.tara-shop-orders-detail-summary-grid span[b-8gpx5t8v1x] {
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-shop-orders-detail-summary-grid strong[b-8gpx5t8v1x] {
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-shop-orders-address-grid[b-8gpx5t8v1x] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.tara-shop-orders-address-card[b-8gpx5t8v1x] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding: .8rem .85rem;
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-bg));
    display: grid;
    gap: .3rem;
}

.tara-shop-orders-address-card p[b-8gpx5t8v1x],
.tara-shop-orders-address-card strong[b-8gpx5t8v1x],
.tara-shop-orders-address-kicker[b-8gpx5t8v1x] {
    margin: 0;
}

.tara-shop-orders-address-kicker[b-8gpx5t8v1x] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.tara-shop-orders-detail-lines[b-8gpx5t8v1x] {
    display: grid;
    gap: .6rem;
}

.tara-shop-orders-line[b-8gpx5t8v1x] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: .75rem;
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 82%, var(--tara-bg));
    border: 1px solid var(--tara-border);
}

.tara-shop-orders-line div[b-8gpx5t8v1x] {
    display: grid;
    gap: .2rem;
}

.tara-shop-orders-line span[b-8gpx5t8v1x] {
    color: var(--tara-text-muted);
    font-size: .85rem;
}

.tara-shop-orders-line-numbers[b-8gpx5t8v1x] {
    text-align: right;
    min-width: 130px;
}

.tara-shop-orders-line-numbers a[b-8gpx5t8v1x] {
    color: var(--tara-primary-dark);
    text-decoration: none;
    font-weight: 700;
}

.tara-shop-orders-line--product .tara-shop-orders-line-numbers[b-8gpx5t8v1x] {
    min-width: 150px;
}

.tara-shop-orders-detail-empty[b-8gpx5t8v1x] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .9rem;
}

.tara-shop-orders-omni-toolbar[b-8gpx5t8v1x] {
    margin-bottom: .9rem;
}

.tara-shop-orders-omni-table-wrap[b-8gpx5t8v1x] {
    margin: 0 1rem;
    overflow-x: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-shop-orders-omni-table[b-8gpx5t8v1x] {
    width: 100%;
    border-collapse: collapse;
    min-width: 980px;
}

.tara-shop-orders-omni-table th[b-8gpx5t8v1x],
.tara-shop-orders-omni-table td[b-8gpx5t8v1x] {
    padding: .75rem .8rem;
    border-bottom: 1px solid var(--tara-border);
    text-align: left;
    vertical-align: top;
}

.tara-shop-orders-omni-table th[b-8gpx5t8v1x] {
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    font-size: .82rem;
    letter-spacing: .02em;
    white-space: nowrap;
}

.tara-shop-orders-omni-table tbody tr:nth-child(odd)[b-8gpx5t8v1x] {
    background: var(--tara-row-odd);
}

.tara-shop-orders-omni-table tbody tr:nth-child(even)[b-8gpx5t8v1x] {
    background: var(--tara-row-even);
}

.tara-shop-orders-omni-table tbody tr:hover[b-8gpx5t8v1x] {
    background: var(--tara-row-hover);
}

.tara-shop-orders-omni-meta[b-8gpx5t8v1x] {
    margin-top: .25rem;
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-shop-orders-issues[b-8gpx5t8v1x] {
    margin: 1rem 1rem 0;
}

.tara-shop-orders-issues h3[b-8gpx5t8v1x] {
    margin: 0 0 .8rem;
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-shop-orders-issues-list[b-8gpx5t8v1x] {
    display: grid;
    gap: .7rem;
}

.tara-shop-orders-issue[b-8gpx5t8v1x] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 340px);
    gap: .9rem;
    padding: .8rem .9rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 86%, var(--tara-bg));
}

.tara-shop-orders-issue div[b-8gpx5t8v1x] {
    display: grid;
    gap: .25rem;
}

.tara-shop-orders-issue span[b-8gpx5t8v1x],
.tara-shop-orders-issue p[b-8gpx5t8v1x] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .84rem;
}

.tara-shop-orders-processing-drawer[b-8gpx5t8v1x] {
    max-width: 680px;
}

.tara-shop-orders-tech-panel[b-8gpx5t8v1x] {
    margin: 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface-raised) 70%, var(--tara-surface));
    overflow: hidden;
}

.tara-shop-orders-tech-panel summary[b-8gpx5t8v1x] {
    cursor: pointer;
    list-style: none;
    padding: .8rem .95rem;
    font-weight: 800;
    color: var(--tara-text);
}

.tara-shop-orders-tech-panel summary[b-8gpx5t8v1x]::-webkit-details-marker {
    display: none;
}

.tara-shop-orders-tech-panel-body[b-8gpx5t8v1x] {
    display: grid;
    gap: .75rem;
    padding: 0 .95rem .95rem;
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-shop-orders-tech-panel-body p[b-8gpx5t8v1x] {
    margin: 0;
    line-height: 1.5;
}

.tara-shop-orders-tech-list[b-8gpx5t8v1x] {
    margin: 0;
    padding-left: 1rem;
    display: grid;
    gap: .45rem;
}

.tara-shop-orders-tech-list li[b-8gpx5t8v1x] {
    display: grid;
    gap: .12rem;
}

.tara-shop-orders-tech-list strong[b-8gpx5t8v1x] {
    color: var(--tara-text);
}

.tara-shop-orders-tech-panel--drawer[b-8gpx5t8v1x] {
    margin: 0;
}

@media (max-width: 1600px) {
    .tara-shop-orders-primary-bar[b-8gpx5t8v1x] {
        grid-template-columns: 1.7fr 1.7fr 2.5fr auto;
    }
}

@media (max-width: 1366px) {
    .tara-shop-orders-primary-bar[b-8gpx5t8v1x] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-shop-orders-primary-actions[b-8gpx5t8v1x] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .tara-shop-orders-results-head[b-8gpx5t8v1x] {
        align-items: stretch;
        flex-direction: column;
    }

    .tara-shop-orders-stats[b-8gpx5t8v1x] {
        justify-content: flex-start;
    }

    .tara-shop-orders-summary-head[b-8gpx5t8v1x],
    .tara-shop-orders-banner-content[b-8gpx5t8v1x] {
        align-items: stretch;
        flex-direction: column;
    }

    .tara-shop-orders-assistant-steps[b-8gpx5t8v1x],
    .tara-shop-orders-assistant-meta[b-8gpx5t8v1x] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1200px) {
    .tara-shop-orders-advanced-grid > :nth-child(1)[b-8gpx5t8v1x],
    .tara-shop-orders-advanced-grid > :nth-child(2)[b-8gpx5t8v1x],
    .tara-shop-orders-advanced-grid > :nth-child(3)[b-8gpx5t8v1x],
    .tara-shop-orders-advanced-grid > :nth-child(4)[b-8gpx5t8v1x] {
        grid-column: span 6;
    }

    .tara-shop-orders-filter-flags[b-8gpx5t8v1x] {
        grid-column: span 12;
    }
}

@media (max-width: 780px) {
    .tara-shop-orders-query-card[b-8gpx5t8v1x] {
        padding: .85rem .85rem .9rem;
    }

    .tara-shop-orders-origin-tabs[b-8gpx5t8v1x] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .tara-shop-orders-origin-tab[b-8gpx5t8v1x] {
        width: 100%;
    }

    .tara-shop-orders-page[b-8gpx5t8v1x]  .tara-fa-body-inner {
        padding-inline: .85rem;
    }

    .tara-shop-orders-primary-bar[b-8gpx5t8v1x] {
        grid-template-columns: 1fr;
    }

    .tara-shop-orders-primary-actions[b-8gpx5t8v1x] {
        justify-content: stretch;
    }

    .tara-shop-orders-primary-actions[b-8gpx5t8v1x]  .mud-button-root {
        min-width: 0;
        width: 100%;
    }

    .tara-shop-orders-toolbar-block[b-8gpx5t8v1x],
    .tara-shop-orders-primary-actions[b-8gpx5t8v1x] {
        align-items: stretch;
    }

    .tara-shop-orders-assistant[b-8gpx5t8v1x] {
        padding-inline: .8rem;
    }

    .tara-shop-orders-results-copy p[b-8gpx5t8v1x] {
        max-width: none;
    }

    .tara-grid-footer[b-8gpx5t8v1x] {
        gap: .55rem;
        padding: .55rem .8rem .85rem;
        row-gap: .45rem;
    }

    .tara-grid-footer-range[b-8gpx5t8v1x] {
        order: 1;
        width: 100%;
        flex: 0 0 100%;
    }

    .tara-grid-page-nav[b-8gpx5t8v1x] {
        margin-left: 0;
    }

    .tara-shop-orders-query-pills[b-8gpx5t8v1x] {
        justify-content: flex-start;
    }

    .tara-shop-orders-advanced-grid > *[b-8gpx5t8v1x],
    .tara-shop-orders-filter-flags[b-8gpx5t8v1x] {
        grid-column: 1 / -1 !important;
    }

    .tara-shop-orders-omni-table-wrap[b-8gpx5t8v1x],
    .tara-shop-orders-issues[b-8gpx5t8v1x],
    .tara-shop-orders-tech-panel[b-8gpx5t8v1x] {
        margin-inline: .8rem;
    }

    .tara-shop-orders-detail-grid[b-8gpx5t8v1x] {
        grid-template-columns: 1fr;
    }

    .tara-shop-orders-line[b-8gpx5t8v1x] {
        flex-direction: column;
    }

    .tara-shop-orders-line-numbers[b-8gpx5t8v1x] {
        text-align: left;
        min-width: 0;
    }

    .tara-shop-orders-issue[b-8gpx5t8v1x] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .tara-shop-orders-detail-grid[b-8gpx5t8v1x],
    .tara-shop-orders-detail-summary-grid[b-8gpx5t8v1x],
    .tara-shop-orders-address-grid[b-8gpx5t8v1x] {
        grid-template-columns: 1fr;
    }

    .tara-shop-orders-line[b-8gpx5t8v1x] {
        flex-direction: column;
    }

    .tara-shop-orders-line-numbers[b-8gpx5t8v1x] {
        min-width: 0;
        text-align: left;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/AjustesPvShopifyPedidosLegacy.razor.rz.scp.css */
.tara-shop-legacy-shell[b-vvqpj5dl2z] {
    min-height: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
}

.tara-shop-legacy-page[b-vvqpj5dl2z] {
    display: flex;
    flex-direction: column;
    gap: .95rem;
    padding: 1rem;
    color: var(--tara-text);
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
}

.tara-shop-legacy-loading[b-vvqpj5dl2z] {
    min-height: 52vh;
    display: grid;
    place-items: center;
    gap: .8rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-shop-legacy-alerts[b-vvqpj5dl2z] {
    display: grid;
    gap: .6rem;
}

.tara-shop-legacy-page-head[b-vvqpj5dl2z],
.tara-shop-legacy-page-head-actions[b-vvqpj5dl2z] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-shop-legacy-page-head[b-vvqpj5dl2z] {
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: -.1rem;
}

.tara-shop-legacy-page-head-copy[b-vvqpj5dl2z] {
    min-width: 0;
}

.tara-shop-legacy-page-breadcrumbs[b-vvqpj5dl2z] {
    display: flex;
    align-items: center;
    gap: .35rem;
    color: var(--tara-text-muted);
    font-size: .8rem;
    margin-bottom: .12rem;
}

.tara-shop-legacy-page-head-copy h1[b-vvqpj5dl2z] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.18rem;
    font-weight: 800;
    line-height: 1.15;
}

.tara-shop-legacy-page-head-copy p[b-vvqpj5dl2z] {
    margin: .18rem 0 0;
    color: var(--tara-text-muted);
    font-size: .82rem;
    line-height: 1.4;
}

.tara-expediente-card[b-vvqpj5dl2z] {
    gap: 1rem;
}

.tara-expediente-toolbar[b-vvqpj5dl2z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-expediente-toolbar-actions[b-vvqpj5dl2z] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .65rem;
    flex-wrap: wrap;
}

.tara-expediente-loading[b-vvqpj5dl2z] {
    min-height: 34vh;
}

.tara-expediente-workflow-card[b-vvqpj5dl2z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    border-radius: var(--tara-radius);
    background: color-mix(in srgb, var(--tara-surface) 96%, var(--tara-bg));
    box-shadow: var(--tara-shadow-sm);
}

.tara-expediente-workflow-main[b-vvqpj5dl2z],
.tara-expediente-workflow-side[b-vvqpj5dl2z],
.tara-expediente-workflow-action-card[b-vvqpj5dl2z] {
    display: grid;
    gap: .8rem;
    min-width: 0;
}

.tara-expediente-workflow-main[b-vvqpj5dl2z] {
    flex: 1 1 0;
}

.tara-expediente-workflow-side[b-vvqpj5dl2z] {
    width: min(320px, 100%);
    justify-items: stretch;
}

.tara-expediente-workflow-head[b-vvqpj5dl2z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .9rem;
}

.tara-expediente-workflow-head h4[b-vvqpj5dl2z] {
    margin: .18rem 0 0;
    font-size: 1.04rem;
    font-weight: 800;
}

.tara-expediente-workflow-head p[b-vvqpj5dl2z],
.tara-expediente-workflow-note p[b-vvqpj5dl2z],
.tara-expediente-workflow-step p[b-vvqpj5dl2z],
.tara-expediente-workflow-timeline-item p[b-vvqpj5dl2z] {
    margin: .32rem 0 0;
    color: var(--tara-text-muted);
    line-height: 1.5;
}

.tara-expediente-workflow-metrics[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem .85rem;
}

.tara-expediente-workflow-metrics div[b-vvqpj5dl2z],
.tara-expediente-workflow-step-body div[b-vvqpj5dl2z] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.tara-expediente-workflow-metrics span[b-vvqpj5dl2z],
.tara-expediente-workflow-step-body span[b-vvqpj5dl2z],
.tara-expediente-workflow-action-card span[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tara-expediente-workflow-metrics strong[b-vvqpj5dl2z],
.tara-expediente-workflow-step-body strong[b-vvqpj5dl2z],
.tara-expediente-workflow-action-card strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
    font-size: .94rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.tara-expediente-workflow-note[b-vvqpj5dl2z],
.tara-expediente-workflow-action-card[b-vvqpj5dl2z] {
    padding: .85rem .95rem;
    border-radius: var(--tara-radius-sm);
}

.tara-expediente-workflow-note[b-vvqpj5dl2z] {
    border: 1px dashed color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg));
}

.tara-expediente-workflow-note--risk[b-vvqpj5dl2z] {
    border-color: color-mix(in srgb, #c77d00 24%, var(--tara-border));
    background: color-mix(in srgb, #c77d00 8%, var(--tara-surface));
}

.tara-expediente-workflow-note--blocked[b-vvqpj5dl2z] {
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
}

.tara-expediente-workflow-note strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tara-expediente-workflow-action-card[b-vvqpj5dl2z] {
    width: 100%;
    border: 1px dashed color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg));
}

.tara-expediente-workflow-action-card small[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .8rem;
    line-height: 1.45;
}

.tara-expediente-workflow-map[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .85rem;
}

.tara-expediente-workflow-step[b-vvqpj5dl2z],
.tara-expediente-workflow-timeline-item[b-vvqpj5dl2z] {
    display: grid;
    gap: .7rem;
    padding: .95rem 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-expediente-workflow-step-head[b-vvqpj5dl2z],
.tara-expediente-workflow-timeline-top[b-vvqpj5dl2z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
}

.tara-expediente-workflow-step-head strong[b-vvqpj5dl2z],
.tara-expediente-workflow-timeline-top strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
    font-size: .94rem;
}

.tara-expediente-workflow-step-body[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem .8rem;
}

.tara-expediente-workflow-timeline[b-vvqpj5dl2z] {
    display: grid;
    gap: .8rem;
}

.tara-expediente-workflow-timeline-item span[b-vvqpj5dl2z],
.tara-expediente-workflow-timeline-item small[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.tara-expediente-domain-nav[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: .75rem;
}

.tara-expediente-domain-tab[b-vvqpj5dl2z] {
    appearance: none;
    display: grid;
    gap: .18rem;
    text-align: left;
    padding: .9rem 1rem;
    border-radius: var(--tara-radius);
    border: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
    color: var(--tara-text);
    cursor: pointer;
    transition: border-color .18s ease, background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.tara-expediente-domain-tab:hover[b-vvqpj5dl2z] {
    border-color: color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
    transform: translateY(-1px);
}

.tara-expediente-domain-tab span[b-vvqpj5dl2z] {
    font-size: .92rem;
    font-weight: 800;
    letter-spacing: -.01em;
}

.tara-expediente-domain-tab small[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .76rem;
}

.tara-expediente-domain-tab--active[b-vvqpj5dl2z] {
    border-color: color-mix(in srgb, var(--tara-primary) 40%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tara-primary) 16%, transparent);
}

.tara-expediente-domain-shell[b-vvqpj5dl2z] {
    display: grid;
    gap: 1rem;
}

.tara-expediente-domain-shell--single[b-vvqpj5dl2z] {
    grid-template-columns: minmax(0, 1fr);
}

.tara-expediente-inline-actions[b-vvqpj5dl2z] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .65rem;
    flex-wrap: wrap;
}

.tara-expediente-inline-actions--reserve[b-vvqpj5dl2z] {
    justify-content: flex-start;
    margin-bottom: .9rem;
}

.tara-expediente-inline-actions--qa[b-vvqpj5dl2z] {
    justify-content: flex-start;
    margin-top: .35rem;
}

.tara-expediente-placeholder[b-vvqpj5dl2z] {
    min-height: 220px;
    align-content: start;
}

.tara-shop-legacy-reserva-hero[b-vvqpj5dl2z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .85rem;
    padding: .9rem 1rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    border-radius: var(--tara-radius);
    background: color-mix(in srgb, var(--tara-surface) 95%, var(--tara-bg));
}

.tara-expediente-center-hero[b-vvqpj5dl2z],
.tara-expediente-center-summary[b-vvqpj5dl2z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    border-radius: var(--tara-radius);
    background: color-mix(in srgb, var(--tara-surface) 96%, var(--tara-bg));
    box-shadow: var(--tara-shadow-sm);
}

.tara-expediente-center-hero[b-vvqpj5dl2z] {
    margin-top: .15rem;
}

.tara-expediente-center-hero-main[b-vvqpj5dl2z],
.tara-expediente-center-hero-side[b-vvqpj5dl2z],
.tara-expediente-center-card[b-vvqpj5dl2z] {
    display: grid;
    gap: .8rem;
    min-width: 0;
}

.tara-expediente-center-hero-main[b-vvqpj5dl2z] {
    flex: 1 1 0;
}

.tara-expediente-center-hero-side[b-vvqpj5dl2z] {
    width: min(320px, 100%);
    justify-items: end;
}

.tara-expediente-center-hero-head[b-vvqpj5dl2z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .9rem;
}

.tara-expediente-center-hero-head h4[b-vvqpj5dl2z],
.tara-expediente-center-summary h5[b-vvqpj5dl2z] {
    margin: .18rem 0 0;
    font-size: 1.02rem;
    font-weight: 800;
}

.tara-expediente-center-hero-head p[b-vvqpj5dl2z],
.tara-expediente-center-summary p[b-vvqpj5dl2z] {
    margin: .32rem 0 0;
    color: var(--tara-text-muted);
    line-height: 1.5;
}

.tara-expediente-center-hero-metrics[b-vvqpj5dl2z],
.tara-expediente-center-metrics[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem .85rem;
}

.tara-expediente-center-hero-metrics div[b-vvqpj5dl2z],
.tara-expediente-center-metrics div[b-vvqpj5dl2z] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.tara-expediente-center-hero-metrics span[b-vvqpj5dl2z],
.tara-expediente-center-metrics span[b-vvqpj5dl2z],
.tara-expediente-center-hero-action span[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tara-expediente-center-hero-metrics strong[b-vvqpj5dl2z],
.tara-expediente-center-metrics strong[b-vvqpj5dl2z],
.tara-expediente-center-hero-action strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
    font-size: .94rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.tara-expediente-center-hero-action[b-vvqpj5dl2z] {
    display: grid;
    gap: .2rem;
    width: 100%;
    padding: .85rem .95rem;
    border: 1px dashed color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg));
}

.tara-expediente-center-hero-action small[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .8rem;
    line-height: 1.45;
}

.tara-expediente-center-layout[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.tara-expediente-center-card[b-vvqpj5dl2z] {
    padding: 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-expediente-center-risk-list[b-vvqpj5dl2z],
.tara-expediente-center-timeline[b-vvqpj5dl2z] {
    display: grid;
    gap: .75rem;
}

.tara-expediente-center-risk-item[b-vvqpj5dl2z] {
    padding: .78rem .85rem;
    border: 1px dashed color-mix(in srgb, #c77d00 24%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, #c77d00 8%, var(--tara-surface));
    color: color-mix(in srgb, #8f4f00 88%, var(--tara-text));
    font-size: .82rem;
    line-height: 1.5;
}

.tara-expediente-center-timeline[b-vvqpj5dl2z] {
    position: relative;
    padding-left: 1.15rem;
}

.tara-expediente-center-timeline[b-vvqpj5dl2z]::before {
    content: "";
    position: absolute;
    top: .3rem;
    bottom: .3rem;
    left: .34rem;
    width: 2px;
    background: color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
}

.tara-expediente-center-timeline-item[b-vvqpj5dl2z] {
    position: relative;
    display: grid;
    gap: .18rem;
    padding: .15rem 0 .15rem .72rem;
}

.tara-expediente-center-timeline-item[b-vvqpj5dl2z]::before {
    content: "";
    position: absolute;
    left: -.05rem;
    top: .45rem;
    width: .72rem;
    height: .72rem;
    border-radius: 999px;
    border: 2px solid color-mix(in srgb, var(--tara-primary) 32%, var(--tara-border));
    background: var(--tara-surface);
}

.tara-expediente-center-timeline-item strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
    font-size: .9rem;
}

.tara-expediente-center-timeline-item span[b-vvqpj5dl2z],
.tara-expediente-center-timeline-item small[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    overflow-wrap: anywhere;
}

.tara-shop-legacy-reserva-hero h5[b-vvqpj5dl2z] {
    margin: .18rem 0 0;
    font-size: 1rem;
    font-weight: 800;
}

.tara-shop-legacy-reserva-hero p[b-vvqpj5dl2z],
.tara-shop-legacy-reserva-line-copy[b-vvqpj5dl2z] {
    margin: .3rem 0 0;
    color: var(--tara-text-muted);
    line-height: 1.5;
}

.tara-shop-legacy-reserva-metrics[b-vvqpj5dl2z],
.tara-shop-legacy-reserva-line-facts[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem .8rem;
}

.tara-shop-legacy-reserva-metrics div[b-vvqpj5dl2z],
.tara-shop-legacy-reserva-line-facts div[b-vvqpj5dl2z],
.tara-shop-legacy-reserva-store-facts div[b-vvqpj5dl2z] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.tara-shop-legacy-reserva-metrics span[b-vvqpj5dl2z],
.tara-shop-legacy-reserva-line-facts span[b-vvqpj5dl2z],
.tara-shop-legacy-reserva-store-facts span[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 700;
}

.tara-shop-legacy-reserva-metrics strong[b-vvqpj5dl2z],
.tara-shop-legacy-reserva-line-facts strong[b-vvqpj5dl2z],
.tara-shop-legacy-reserva-store-facts strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
    font-size: .95rem;
    line-height: 1.35;
}

.tara-shop-legacy-reserva-store-list[b-vvqpj5dl2z],
.tara-shop-legacy-reserva-line-grid[b-vvqpj5dl2z],
.tara-shop-legacy-reserva-warning-list[b-vvqpj5dl2z] {
    display: grid;
    gap: .75rem;
}

.tara-shop-legacy-reserva-store-list[b-vvqpj5dl2z] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tara-shop-legacy-reserva-store-card[b-vvqpj5dl2z],
.tara-shop-legacy-reserva-line-card[b-vvqpj5dl2z] {
    display: grid;
    gap: .6rem;
    padding: .9rem 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-shop-legacy-reserva-store-head[b-vvqpj5dl2z],
.tara-shop-legacy-reserva-line-head[b-vvqpj5dl2z],
.tara-shop-legacy-reserva-allocation-item[b-vvqpj5dl2z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
}

.tara-shop-legacy-reserva-store-head strong[b-vvqpj5dl2z],
.tara-shop-legacy-reserva-line-head strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
    font-size: .95rem;
}

.tara-shop-legacy-reserva-store-head span[b-vvqpj5dl2z],
.tara-shop-legacy-reserva-line-head span[b-vvqpj5dl2z],
.tara-shop-legacy-reserva-allocation-item span[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .8rem;
    line-height: 1.45;
}

.tara-shop-legacy-reserva-store-facts[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem .8rem;
}

.tara-shop-legacy-reserva-allocation-list[b-vvqpj5dl2z] {
    display: grid;
    gap: .55rem;
}

.tara-shop-legacy-reserva-allocation-item[b-vvqpj5dl2z] {
    padding: .62rem .75rem;
    border: 1px dashed color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg));
}

.tara-shop-legacy-reserva-allocation-item strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
    font-size: .88rem;
}

.tara-shop-legacy-reserva-warning-item[b-vvqpj5dl2z] {
    padding: .7rem .8rem;
    border: 1px dashed color-mix(in srgb, #c77d00 24%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, #c77d00 8%, var(--tara-surface));
    color: color-mix(in srgb, #8f4f00 88%, var(--tara-text));
    font-size: .82rem;
    line-height: 1.45;
}

.tara-shop-legacy-alert[b-vvqpj5dl2z] {
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg));
}

.tara-shop-legacy-card[b-vvqpj5dl2z] {
    display: grid;
    gap: .95rem;
    padding: 1rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.tara-shop-legacy-card-head[b-vvqpj5dl2z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

.tara-shop-legacy-card-head h2[b-vvqpj5dl2z] {
    margin: .2rem 0 0;
    font-size: 1.04rem;
    font-weight: 800;
    letter-spacing: -.02em;
}

.tara-shop-legacy-card-head p[b-vvqpj5dl2z] {
    margin: .3rem 0 0;
    max-width: 76ch;
    color: var(--tara-text-muted);
    font-size: .84rem;
    line-height: 1.5;
}

.tara-shop-legacy-kicker[b-vvqpj5dl2z] {
    display: inline-flex;
    align-items: center;
    color: var(--tara-primary-dark);
    font-size: .73rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-shop-legacy-head-badges[b-vvqpj5dl2z] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
}

.tara-shop-legacy-card--hero-compact[b-vvqpj5dl2z] {
    gap: .8rem;
    padding: .9rem 1rem;
}

.tara-shop-legacy-hero-compact[b-vvqpj5dl2z],
.tara-shop-legacy-search-shell[b-vvqpj5dl2z],
.tara-shop-legacy-hero-actions[b-vvqpj5dl2z],
.tara-shop-legacy-hero-action-buttons[b-vvqpj5dl2z],
.tara-shop-legacy-secondary-stack[b-vvqpj5dl2z] {
    display: grid;
    gap: .8rem;
}

.tara-shop-legacy-hero-compact[b-vvqpj5dl2z] {
    grid-template-columns: minmax(220px, 1fr) minmax(0, 1.8fr) minmax(260px, auto);
    align-items: start;
}

.tara-shop-legacy-hero-copy strong[b-vvqpj5dl2z],
.tara-shop-legacy-search-head strong[b-vvqpj5dl2z] {
    display: block;
    margin-top: .22rem;
    color: var(--tara-text);
    font-size: .93rem;
    font-weight: 800;
    letter-spacing: -.02em;
}

.tara-shop-legacy-hero-copy p[b-vvqpj5dl2z] {
    margin: .28rem 0 0;
    color: var(--tara-text-muted);
    font-size: .82rem;
    line-height: 1.45;
}

.tara-shop-legacy-hero-facts[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
}

.tara-shop-legacy-hero-fact[b-vvqpj5dl2z] {
    display: grid;
    gap: .2rem;
    padding: .78rem .85rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 96%, var(--tara-bg));
    min-width: 0;
}

.tara-shop-legacy-hero-fact span[b-vvqpj5dl2z],
.tara-shop-legacy-search-head span[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tara-shop-legacy-hero-fact strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
    font-size: .92rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.tara-shop-legacy-hero-fact small[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .74rem;
    line-height: 1.3;
}

.tara-shop-legacy-hero-actions[b-vvqpj5dl2z] {
    justify-items: end;
}

.tara-shop-legacy-hero-action-buttons[b-vvqpj5dl2z] {
    justify-items: end;
}

.tara-shop-legacy-card--filters[b-vvqpj5dl2z] {
    gap: .85rem;
}

.tara-shop-legacy-badge[b-vvqpj5dl2z] {
    display: inline-flex;
    align-items: center;
    padding: .45rem .7rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    color: var(--tara-text);
    font-size: .76rem;
    font-weight: 700;
    white-space: nowrap;
}

.tara-shop-legacy-source-selector[b-vvqpj5dl2z] {
    display: grid;
    gap: .8rem;
    padding: .9rem 1rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-radius: var(--tara-radius);
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
}

.tara-shop-legacy-source-selector-copy[b-vvqpj5dl2z] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-shop-legacy-source-selector-copy span[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .76rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tara-shop-legacy-source-selector-copy strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
    font-size: .96rem;
}

.tara-shop-legacy-source-selector-actions[b-vvqpj5dl2z] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    gap: .75rem;
}

.tara-shop-legacy-source-option[b-vvqpj5dl2z] {
    appearance: none;
    display: grid;
    gap: .25rem;
    text-align: left;
    padding: .9rem 1rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    color: var(--tara-text);
    cursor: pointer;
    transition: border-color .18s ease, background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.tara-shop-legacy-source-option:hover[b-vvqpj5dl2z] {
    border-color: color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
}

.tara-shop-legacy-source-option:focus-visible[b-vvqpj5dl2z] {
    outline: 2px solid color-mix(in srgb, var(--tara-primary-dark) 70%, white);
    outline-offset: 2px;
}

.tara-shop-legacy-source-option strong[b-vvqpj5dl2z] {
    font-size: .92rem;
}

.tara-shop-legacy-source-option span[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .8rem;
    line-height: 1.4;
}

.tara-shop-legacy-source-option--active[b-vvqpj5dl2z] {
    border-color: color-mix(in srgb, var(--tara-primary) 42%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tara-primary) 15%, transparent);
}

.tara-shop-legacy-search-band[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: minmax(0, 1.9fr) minmax(220px, 1.1fr) 140px;
    gap: .8rem;
    align-items: end;
}

.tara-shop-legacy-search[b-vvqpj5dl2z] {
    min-width: 0;
}

.tara-shop-legacy-quick-filters[b-vvqpj5dl2z] {
    display: flex;
    gap: .5rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: .15rem;
    scrollbar-width: thin;
}

.tara-shop-legacy-quick-chip[b-vvqpj5dl2z] {
    appearance: none;
    border: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
    color: var(--tara-text);
    border-radius: 999px;
    padding: .58rem .9rem;
    font: inherit;
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
    transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}

.tara-shop-legacy-quick-chip:hover[b-vvqpj5dl2z] {
    border-color: color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
}

.tara-shop-legacy-quick-chip--active[b-vvqpj5dl2z] {
    border-color: color-mix(in srgb, var(--tara-primary) 45%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 9%, var(--tara-surface));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tara-primary) 12%, transparent);
}

.tara-shop-legacy-filters-grid[b-vvqpj5dl2z] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .8rem;
}

.tara-shop-legacy-actions[b-vvqpj5dl2z] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .7rem;
    flex-wrap: wrap;
}

.tara-shop-legacy-secondary-stack[b-vvqpj5dl2z] {
    gap: .85rem;
}

@media (min-width: 761px) {
    .tara-shop-legacy-hero-fact small[b-vvqpj5dl2z] {
        display: none;
    }
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tara-fa-card {
    box-shadow: var(--tara-shadow-sm);
    border: 1px solid var(--tara-border-subtle);
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tara-fa-header {
    padding: .72rem .9rem;
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tara-fa-body-inner {
    padding: .1rem .9rem .85rem;
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
.tara-shop-legacy-page[b-vvqpj5dl2z]  .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

.tara-shop-legacy-kpis[b-vvqpj5dl2z],
.tara-shop-legacy-skeleton-kpis[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .8rem;
}

.tara-shop-legacy-kpi[b-vvqpj5dl2z],
.tara-shop-legacy-kpi-skeleton[b-vvqpj5dl2z] {
    display: grid;
    gap: .25rem;
    padding: .95rem 1rem;
    border-radius: var(--tara-radius);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-shop-legacy-kpi-label[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tara-shop-legacy-kpi strong[b-vvqpj5dl2z] {
    font-size: 1.35rem;
    line-height: 1.1;
}

.tara-shop-legacy-kpi small[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-shop-legacy-mirror-strip[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
}

.tara-shop-legacy-mirror-metric[b-vvqpj5dl2z] {
    display: grid;
    gap: .22rem;
    padding: .9rem 1rem;
    border-radius: var(--tara-radius);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg));
    box-shadow: var(--tara-shadow-sm);
}

.tara-shop-legacy-mirror-metric span[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .76rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tara-shop-legacy-mirror-metric strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
    font-size: .98rem;
    line-height: 1.25;
}

.tara-shop-legacy-grid-skeleton[b-vvqpj5dl2z] {
    display: grid;
    gap: .55rem;
}

.tara-shop-legacy-empty-state[b-vvqpj5dl2z] {
    display: grid;
    place-items: center;
    gap: .5rem;
    padding: 2.2rem 1.2rem;
    border: 1px dashed color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    border-radius: var(--tara-radius);
    background: color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg));
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-shop-legacy-empty-state strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
}

.tara-shop-legacy-empty-state p[b-vvqpj5dl2z] {
    margin: 0;
    max-width: 60ch;
    line-height: 1.5;
}

.tara-shop-legacy-card-head--grid[b-vvqpj5dl2z] {
    margin-bottom: .2rem;
    min-width: 0;
}

.tara-shop-legacy-card--grid[b-vvqpj5dl2z] {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.tara-shop-legacy-grid-summary[b-vvqpj5dl2z] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    margin-bottom: .75rem;
    color: var(--tara-text-muted);
    font-size: .8rem;
    font-weight: 700;
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tdg-toolbar {
    padding-top: 0;
    min-width: 0;
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tdg-search-side {
    max-width: 420px;
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tdg-actions-side {
    gap: .45rem;
    flex-wrap: wrap;
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tdg-table-scroll {
    max-height: clamp(400px, calc(100vh - 370px), 720px);
    border-radius: var(--tara-radius-sm);
    border-color: var(--tara-border);
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tdg-table {
    width: max-content;
    min-width: 1520px;
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tdg-table thead th {
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    white-space: nowrap;
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tdg-table tbody td {
    font-size: .82rem;
    vertical-align: top;
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tdg-table tbody tr:nth-child(odd) td {
    background: var(--tara-row-odd);
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tdg-table tbody tr:nth-child(even) td {
    background: var(--tara-row-even);
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tdg-table tbody tr:hover td {
    background: var(--tara-row-hover) !important;
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tdg-card-list {
    padding-top: .75rem;
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tdg-cell-link {
    color: var(--tara-primary-dark);
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tara-shop-legacy-grid-action {
    color: var(--tara-primary-dark);
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tara-shop-legacy-grid-action--external {
    color: color-mix(in srgb, var(--tara-primary-dark) 80%, var(--tara-text));
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tara-legacy-grid-chip,
.tara-shop-legacy-detail-chip[b-vvqpj5dl2z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: .28rem .62rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
    white-space: nowrap;
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tara-legacy-chip--success,
.tara-shop-legacy-detail-chip.tara-legacy-chip--success[b-vvqpj5dl2z] {
    background: color-mix(in srgb, #1d6f42 10%, var(--tara-surface));
    border-color: color-mix(in srgb, #1d6f42 28%, var(--tara-border));
    color: color-mix(in srgb, #1d6f42 88%, var(--tara-text));
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tara-legacy-chip--warning,
.tara-shop-legacy-detail-chip.tara-legacy-chip--warning[b-vvqpj5dl2z] {
    background: color-mix(in srgb, #c77d00 11%, var(--tara-surface));
    border-color: color-mix(in srgb, #c77d00 28%, var(--tara-border));
    color: color-mix(in srgb, #8f4f00 90%, var(--tara-text));
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tara-legacy-chip--danger,
.tara-shop-legacy-detail-chip.tara-legacy-chip--danger[b-vvqpj5dl2z] {
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    color: var(--tara-primary-dark);
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tara-legacy-chip--neutral,
.tara-shop-legacy-detail-chip.tara-legacy-chip--neutral[b-vvqpj5dl2z] {
    background: color-mix(in srgb, var(--tara-text-muted) 9%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-text-muted) 18%, var(--tara-border));
    color: var(--tara-text);
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tara-legacy-chip--plain,
.tara-shop-legacy-detail-chip.tara-legacy-chip--plain[b-vvqpj5dl2z] {
    background: color-mix(in srgb, var(--tara-bg) 55%, var(--tara-surface));
    color: var(--tara-text-muted);
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tara-legacy-customer-chip--terra {
    background: color-mix(in srgb, #8f4f31 10%, var(--tara-surface));
    border-color: color-mix(in srgb, #8f4f31 22%, var(--tara-border));
    color: color-mix(in srgb, #8f4f31 88%, var(--tara-text));
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tara-legacy-customer-chip--sand {
    background: color-mix(in srgb, #a56b1f 10%, var(--tara-surface));
    border-color: color-mix(in srgb, #a56b1f 22%, var(--tara-border));
    color: color-mix(in srgb, #8a5600 88%, var(--tara-text));
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tara-legacy-customer-chip--sage {
    background: color-mix(in srgb, #4f6d4e 10%, var(--tara-surface));
    border-color: color-mix(in srgb, #4f6d4e 22%, var(--tara-border));
    color: color-mix(in srgb, #355739 88%, var(--tara-text));
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tara-legacy-customer-chip--copper {
    background: color-mix(in srgb, #ad5c3b 10%, var(--tara-surface));
    border-color: color-mix(in srgb, #ad5c3b 22%, var(--tara-border));
    color: color-mix(in srgb, #8a431f 88%, var(--tara-text));
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tara-legacy-customer-chip--stone {
    background: color-mix(in srgb, #6b7069 10%, var(--tara-surface));
    border-color: color-mix(in srgb, #6b7069 22%, var(--tara-border));
    color: color-mix(in srgb, #4d554b 88%, var(--tara-text));
}

.tara-shop-legacy-page[b-vvqpj5dl2z]  .tara-legacy-customer-chip--rose {
    background: color-mix(in srgb, #934d55 10%, var(--tara-surface));
    border-color: color-mix(in srgb, #934d55 22%, var(--tara-border));
    color: color-mix(in srgb, #74333b 88%, var(--tara-text));
}

.tara-shop-legacy-mobile-card[b-vvqpj5dl2z] {
    display: grid;
    gap: .8rem;
    padding: .95rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-shop-legacy-mobile-card-head[b-vvqpj5dl2z] {
    display: flex;
    justify-content: space-between;
    gap: .8rem;
    align-items: flex-start;
}

.tara-shop-legacy-mobile-card-head strong[b-vvqpj5dl2z] {
    display: block;
    color: var(--tara-text);
}

.tara-shop-legacy-mobile-card-head span[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-shop-legacy-mobile-card-body[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
}

.tara-shop-legacy-mobile-card-body div[b-vvqpj5dl2z] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.tara-shop-legacy-mobile-card-body span[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .74rem;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.tara-shop-legacy-mobile-card-body strong[b-vvqpj5dl2z] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.tara-shop-legacy-mobile-link[b-vvqpj5dl2z] {
    appearance: none;
    border: none;
    padding: 0;
    background: transparent;
    color: var(--tara-primary-dark);
    font: inherit;
    font-weight: 800;
    text-align: left;
    cursor: pointer;
    overflow-wrap: anywhere;
}

.tara-shop-legacy-mobile-link--order[b-vvqpj5dl2z] {
    display: block;
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-shop-legacy-mobile-action[b-vvqpj5dl2z] {
    appearance: none;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    color: var(--tara-primary-dark);
    border-radius: 999px;
    padding: .45rem .78rem;
    font: inherit;
    font-size: .78rem;
    font-weight: 800;
    cursor: pointer;
}

.tara-shop-legacy-drawer-backdrop[b-vvqpj5dl2z] {
    position: fixed;
    inset: 0;
    z-index: 1390;
    background: rgba(15, 15, 17, .34);
    backdrop-filter: blur(2px);
}

.tara-shop-legacy-drawer[b-vvqpj5dl2z] {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1400;
    width: min(960px, 100vw);
    max-width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    align-content: start;
    gap: .9rem;
    padding: 1rem;
    background: color-mix(in srgb, var(--tara-surface) 96%, var(--tara-bg));
    border-left: 1px solid var(--tara-border);
    box-shadow: var(--tara-shadow-lg);
    min-width: 0;
}

.tara-shop-legacy-drawer--customer[b-vvqpj5dl2z] {
    width: min(760px, 100vw);
}

.tara-shop-legacy-drawer--busy[b-vvqpj5dl2z] {
    cursor: progress;
}

.tara-shop-legacy-drawer--busy[b-vvqpj5dl2z],
.tara-shop-legacy-drawer--busy *[b-vvqpj5dl2z] {
    cursor: progress !important;
}

.tara-shop-legacy-drawer--busy .tara-shop-legacy-drawer-head[b-vvqpj5dl2z],
.tara-shop-legacy-drawer--busy .tara-shop-legacy-drawer-actions[b-vvqpj5dl2z],
.tara-shop-legacy-drawer--busy .tara-shop-legacy-drawer-body[b-vvqpj5dl2z] {
    opacity: .44;
    filter: saturate(.72);
}

.tara-shop-legacy-drawer-body[b-vvqpj5dl2z] {
    min-width: 0;
    max-width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    display: grid;
    align-content: start;
    gap: .9rem;
    padding-right: .2rem;
}

.tara-shop-legacy-drawer-body--busy[b-vvqpj5dl2z] {
    opacity: 1;
}

.tara-shop-legacy-drawer-head[b-vvqpj5dl2z] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.tara-shop-legacy-drawer-head h3[b-vvqpj5dl2z] {
    margin: .2rem 0 0;
    font-size: 1.15rem;
    font-weight: 800;
}

.tara-shop-legacy-drawer-head p[b-vvqpj5dl2z] {
    margin: .28rem 0 0;
    color: var(--tara-text-muted);
    overflow-wrap: anywhere;
    word-break: break-word;
}

.tara-shop-legacy-head-badges--drawer[b-vvqpj5dl2z] {
    margin-top: .65rem;
}

.tara-shop-legacy-drawer-progress[b-vvqpj5dl2z] {
    display: grid;
    gap: .45rem;
    padding: .7rem .85rem .8rem;
    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) 5%, var(--tara-surface));
    box-shadow: var(--tara-shadow-sm);
    position: sticky;
    top: 0;
    z-index: 2;
}

.tara-shop-legacy-drawer-progress span[b-vvqpj5dl2z] {
    color: var(--tara-text);
    font-size: .83rem;
    font-weight: 700;
}

.tara-shop-legacy-drawer-progress-bar[b-vvqpj5dl2z] {
    border-radius: 999px;
    overflow: hidden;
    min-height: 6px;
}

.tara-shop-legacy-drawer-overlay[b-vvqpj5dl2z] {
    position: absolute;
    inset: 0;
    z-index: 12;
    display: grid;
    align-content: start;
    padding: 1rem;
    background: rgba(248, 244, 239, .76);
    backdrop-filter: blur(3px);
    pointer-events: auto;
}

.tara-shop-legacy-drawer-overlay-card[b-vvqpj5dl2z] {
    display: grid;
    gap: .55rem;
    padding: .9rem 1rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
    border-radius: var(--tara-radius);
    background: color-mix(in srgb, var(--tara-surface) 96%, var(--tara-bg));
    box-shadow: var(--tara-shadow);
    max-width: 100%;
}

.tara-shop-legacy-drawer-overlay-card span[b-vvqpj5dl2z] {
    color: var(--tara-text);
    font-size: .9rem;
    font-weight: 800;
}

.tara-shop-legacy-drawer-actions[b-vvqpj5dl2z],
.tara-shop-legacy-drawer-stage2[b-vvqpj5dl2z],
.tara-shop-legacy-dialog-chips[b-vvqpj5dl2z] {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.tara-shop-legacy-drawer-loading[b-vvqpj5dl2z] {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .9rem 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
    color: var(--tara-text-muted);
}

.tara-shop-legacy-customer-shell[b-vvqpj5dl2z] {
    display: grid;
    gap: .8rem;
    min-width: 0;
}

.tara-shop-legacy-customer-caption[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .82rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.tara-shop-legacy-customer-caption--muted[b-vvqpj5dl2z] {
    font-size: .78rem;
}

.tara-shop-legacy-customer-card[b-vvqpj5dl2z] {
    display: grid;
    gap: .75rem;
    padding: .9rem 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
    min-width: 0;
}

.tara-shop-legacy-customer-card--primary[b-vvqpj5dl2z] {
    background: color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg));
}

.tara-shop-legacy-customer-card--sync[b-vvqpj5dl2z] {
    background: color-mix(in srgb, var(--tara-surface) 95%, var(--tara-bg));
}

.tara-shop-legacy-customer-card-head[b-vvqpj5dl2z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    min-width: 0;
}

.tara-shop-legacy-customer-card-head h4[b-vvqpj5dl2z],
.tara-shop-legacy-customer-sublist h5[b-vvqpj5dl2z],
.tara-shop-legacy-customer-pane h5[b-vvqpj5dl2z] {
    margin: 0;
    font-size: .92rem;
    font-weight: 800;
}

.tara-shop-legacy-sync-head-copy[b-vvqpj5dl2z] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

.tara-shop-legacy-sync-head-copy span[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .76rem;
    line-height: 1.45;
}

.tara-shop-legacy-sync-actions[b-vvqpj5dl2z],
.tara-shop-legacy-sync-field-actions[b-vvqpj5dl2z] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
}

.tara-shop-legacy-sync-metrics[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .6rem .8rem;
}

.tara-shop-legacy-sync-metrics--summary[b-vvqpj5dl2z] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tara-shop-legacy-sync-metrics div[b-vvqpj5dl2z] {
    display: grid;
    gap: .16rem;
    min-width: 0;
}

.tara-shop-legacy-sync-metrics span[b-vvqpj5dl2z],
.tara-shop-legacy-sync-queue-row span[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 700;
}

.tara-shop-legacy-sync-metrics strong[b-vvqpj5dl2z],
.tara-shop-legacy-sync-queue-row strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
    font-size: .93rem;
    line-height: 1.4;
}

.tara-shop-legacy-sync-field-list[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
}

.tara-shop-legacy-sync-field-card[b-vvqpj5dl2z] {
    display: grid;
    gap: .45rem;
    padding: .8rem .9rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-shop-legacy-sync-field-top[b-vvqpj5dl2z],
.tara-shop-legacy-sync-queue-row[b-vvqpj5dl2z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .65rem;
}

.tara-shop-legacy-sync-field-card p[b-vvqpj5dl2z] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .82rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.tara-shop-legacy-sync-queue-list[b-vvqpj5dl2z] {
    display: grid;
    gap: .55rem;
}

.tara-shop-legacy-sync-queue-row[b-vvqpj5dl2z] {
    padding: .7rem .8rem;
    border: 1px dashed color-mix(in srgb, var(--tara-primary) 15%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
}

.tara-shop-legacy-sync-queue-row > div[b-vvqpj5dl2z] {
    display: grid;
    gap: .14rem;
    min-width: 0;
}

.tara-shop-legacy-sync-expansion[b-vvqpj5dl2z] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    overflow: hidden;
    background: color-mix(in srgb, var(--tara-surface) 96%, var(--tara-bg));
}

.tara-shop-legacy-customer-facts[b-vvqpj5dl2z],
.tara-shop-legacy-customer-technical[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .6rem .8rem;
    margin: 0;
}

.tara-shop-legacy-customer-facts div[b-vvqpj5dl2z],
.tara-shop-legacy-customer-technical div[b-vvqpj5dl2z] {
    display: grid;
    gap: .14rem;
    min-width: 0;
}

.tara-shop-legacy-customer-facts dt[b-vvqpj5dl2z],
.tara-shop-legacy-customer-technical dt[b-vvqpj5dl2z],
.tara-shop-legacy-customer-order-grid span[b-vvqpj5dl2z],
.tara-shop-legacy-customer-note-row span[b-vvqpj5dl2z] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 700;
}

.tara-shop-legacy-customer-facts dd[b-vvqpj5dl2z],
.tara-shop-legacy-customer-technical dd[b-vvqpj5dl2z],
.tara-shop-legacy-customer-order-grid strong[b-vvqpj5dl2z],
.tara-shop-legacy-customer-note-row p[b-vvqpj5dl2z] {
    margin: 0;
    color: var(--tara-text);
    font-size: .93rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.tara-shop-legacy-customer-split[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
    min-width: 0;
}

.tara-shop-legacy-customer-pane[b-vvqpj5dl2z] {
    display: grid;
    gap: .45rem;
    min-width: 0;
}

.tara-shop-legacy-customer-pane p[b-vvqpj5dl2z] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.tara-shop-legacy-customer-order-grid[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .6rem .8rem;
    min-width: 0;
}

.tara-shop-legacy-customer-order-grid > div[b-vvqpj5dl2z] {
    display: grid;
    gap: .14rem;
    min-width: 0;
}

.tara-shop-legacy-customer-inline-actions[b-vvqpj5dl2z] {
    display: flex;
    justify-content: flex-start;
    margin-top: .15rem;
}

.tara-shop-legacy-customer-stack[b-vvqpj5dl2z] {
    display: grid;
    gap: .75rem;
    min-width: 0;
}

.tara-shop-legacy-customer-note-row[b-vvqpj5dl2z] {
    display: grid;
    gap: .22rem;
}

.tara-shop-legacy-customer-sublist[b-vvqpj5dl2z] {
    display: grid;
    gap: .55rem;
    min-width: 0;
}

.tara-shop-legacy-customer-edit-grid[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem .8rem;
    min-width: 0;
}

.tara-shop-legacy-customer-edit-grid--single[b-vvqpj5dl2z] {
    grid-template-columns: 1fr;
}

.tara-shop-legacy-customer-edit-actions[b-vvqpj5dl2z] {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.tara-shop-legacy-customer-lock-note[b-vvqpj5dl2z] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .78rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
    word-break: break-word;
}

[b-vvqpj5dl2z] .tara-shop-legacy-customer-edit-grid .mud-input-control {
    margin: 0;
}

.tara-shop-legacy-order-hero[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .9rem;
    padding: 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: color-mix(in srgb, var(--tara-surface) 96%, var(--tara-bg));
    box-shadow: var(--tara-shadow-sm);
}

.tara-shop-legacy-order-hero-main[b-vvqpj5dl2z],
.tara-shop-legacy-order-title[b-vvqpj5dl2z] {
    display: grid;
    gap: .45rem;
}

.tara-shop-legacy-order-title h4[b-vvqpj5dl2z] {
    margin: 0;
    font-size: 1.18rem;
    font-weight: 900;
    letter-spacing: -.02em;
}

.tara-shop-legacy-order-title p[b-vvqpj5dl2z] {
    margin: 0;
    color: var(--tara-text-muted);
}

.tara-shop-legacy-order-hero-side[b-vvqpj5dl2z] {
    display: grid;
    gap: .65rem;
    align-content: start;
    min-width: 180px;
}

.tara-shop-legacy-order-pill[b-vvqpj5dl2z] {
    display: grid;
    gap: .18rem;
    padding: .75rem .85rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
}

.tara-shop-legacy-order-pill span[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.tara-shop-legacy-order-pill strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
    font-size: .95rem;
}

.tara-shop-legacy-order-layout[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    min-width: 0;
    align-items: start;
}

.tara-shop-legacy-order-main[b-vvqpj5dl2z],
.tara-shop-legacy-order-side[b-vvqpj5dl2z] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    max-width: 100%;
    align-content: start;
}

.tara-shop-legacy-order-side[b-vvqpj5dl2z] {
    position: static;
    top: auto;
}

.tara-shop-legacy-detail-grid--single[b-vvqpj5dl2z] {
    grid-template-columns: 1fr;
}

.tara-shop-legacy-address-grid--stacked[b-vvqpj5dl2z] {
    grid-template-columns: 1fr;
}

.tara-shop-legacy-detail-section[b-vvqpj5dl2z] {
    display: grid;
    gap: .85rem;
    padding: 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.tara-shop-legacy-detail-section-head[b-vvqpj5dl2z] {
    display: flex;
    justify-content: space-between;
    gap: .8rem;
    align-items: baseline;
    flex-wrap: wrap;
}

.tara-shop-legacy-detail-section-head h4[b-vvqpj5dl2z] {
    margin: 0;
    font-size: .96rem;
    font-weight: 800;
}

.tara-shop-legacy-detail-section-head span[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 700;
}

.tara-shop-legacy-detail-grid[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
    margin: 0;
}

.tara-shop-legacy-detail-grid--customer[b-vvqpj5dl2z] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tara-shop-legacy-detail-grid div[b-vvqpj5dl2z] {
    display: grid;
    gap: .18rem;
    padding: .85rem .9rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
    min-width: 0;
}

.tara-shop-legacy-detail-grid-span-2[b-vvqpj5dl2z] {
    grid-column: span 2;
}

.tara-shop-legacy-detail-grid dt[b-vvqpj5dl2z] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tara-shop-legacy-detail-grid dd[b-vvqpj5dl2z] {
    margin: 0;
    color: var(--tara-text);
    font-size: .88rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
    word-break: break-word;
    min-width: 0;
}

.tara-shop-legacy-address-grid[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.tara-shop-legacy-address-card[b-vvqpj5dl2z] {
    display: grid;
    gap: .45rem;
    padding: .95rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg));
    min-width: 0;
    max-width: 100%;
}

.tara-shop-legacy-address-card h5[b-vvqpj5dl2z] {
    margin: 0;
    font-size: .88rem;
    font-weight: 800;
}

.tara-shop-legacy-address-card p[b-vvqpj5dl2z] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.tara-shop-legacy-address-list[b-vvqpj5dl2z] {
    display: grid;
    gap: .55rem;
}

.tara-shop-legacy-lines[b-vvqpj5dl2z],
.tara-shop-legacy-simple-list[b-vvqpj5dl2z],
.tara-shop-legacy-timeline[b-vvqpj5dl2z] {
    display: grid;
    gap: .75rem;
}

.tara-shop-legacy-line-card[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) minmax(200px, .95fr);
    gap: .9rem;
    align-items: start;
    padding: .9rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 95%, var(--tara-bg));
}

.tara-shop-legacy-line-card--shopify[b-vvqpj5dl2z] {
    grid-template-columns: 72px minmax(0, 1fr);
}

.tara-shop-legacy-line-media img[b-vvqpj5dl2z],
.tara-shop-legacy-line-placeholder[b-vvqpj5dl2z] {
    width: 64px;
    height: 64px;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-bg) 54%, var(--tara-surface));
}

.tara-shop-legacy-line-media img[b-vvqpj5dl2z] {
    object-fit: cover;
    display: block;
}

.tara-shop-legacy-line-placeholder[b-vvqpj5dl2z] {
    display: grid;
    place-items: center;
    color: var(--tara-text-muted);
}

.tara-shop-legacy-line-body[b-vvqpj5dl2z],
.tara-shop-legacy-line-totals[b-vvqpj5dl2z] {
    display: grid;
    gap: .28rem;
    min-width: 0;
}

.tara-shop-legacy-line-heading[b-vvqpj5dl2z] {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
    align-items: center;
}

.tara-shop-legacy-line-body strong[b-vvqpj5dl2z],
.tara-shop-legacy-line-totals strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
}

.tara-shop-legacy-line-body span[b-vvqpj5dl2z],
.tara-shop-legacy-line-totals span[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .82rem;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.tara-shop-legacy-line-meta[b-vvqpj5dl2z] {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
    min-width: 0;
}

.tara-shop-legacy-line-totals--grid[b-vvqpj5dl2z] {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
    gap: .55rem;
    min-width: 0;
    max-width: 100%;
}

.tara-shop-legacy-line-totals--grid div[b-vvqpj5dl2z] {
    display: grid;
    gap: .18rem;
    padding: .72rem .8rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 90%, var(--tara-bg));
}

.tara-shop-legacy-line-totals--grid span[b-vvqpj5dl2z] {
    font-size: .74rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.tara-shop-legacy-simple-item[b-vvqpj5dl2z],
.tara-shop-legacy-timeline-item[b-vvqpj5dl2z] {
    display: grid;
    gap: .22rem;
    padding: .85rem .9rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 95%, var(--tara-bg));
}

.tara-shop-legacy-simple-item strong[b-vvqpj5dl2z],
.tara-shop-legacy-timeline-item strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
}

.tara-shop-legacy-simple-item span[b-vvqpj5dl2z],
.tara-shop-legacy-timeline-item span[b-vvqpj5dl2z],
.tara-shop-legacy-timeline-item small[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    overflow-wrap: anywhere;
    word-break: break-word;
}

.tara-shop-legacy-empty-inline[b-vvqpj5dl2z] {
    padding: .9rem 1rem;
    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) 93%, var(--tara-bg));
}

.tara-shop-legacy-financial-list[b-vvqpj5dl2z] {
    display: grid;
    gap: .55rem;
}

.tara-shop-legacy-financial-list > div[b-vvqpj5dl2z] {
    display: flex;
    justify-content: space-between;
    gap: .8rem;
    align-items: baseline;
    padding: .7rem .8rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 93%, var(--tara-bg));
    min-width: 0;
}

.tara-shop-legacy-financial-list span[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 700;
}

.tara-shop-legacy-financial-list strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
    text-align: right;
}

.tara-shop-legacy-financial-total[b-vvqpj5dl2z] {
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border)) !important;
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface)) !important;
}

.tara-shop-legacy-tag-wrap[b-vvqpj5dl2z] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.tara-shop-legacy-detail-note[b-vvqpj5dl2z] {
    display: grid;
    gap: .25rem;
    padding: .9rem 1rem;
    border-radius: var(--tara-radius);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
}

.tara-shop-legacy-detail-note--warning[b-vvqpj5dl2z] {
    border-color: color-mix(in srgb, #d0a11b 26%, var(--tara-border));
    background: color-mix(in srgb, #d0a11b 10%, var(--tara-surface));
}

.tara-shop-legacy-detail-note p[b-vvqpj5dl2z] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.5;
}

.tara-shop-legacy-detail-note--qa[b-vvqpj5dl2z] {
    border-color: color-mix(in srgb, #d0a11b 24%, var(--tara-border));
    background: color-mix(in srgb, #d0a11b 8%, var(--tara-surface));
}

.tara-shop-legacy-qa-note[b-vvqpj5dl2z] {
    font-size: .82rem;
    color: var(--tara-text-muted);
}

.tara-shop-legacy-detail-section--mirror[b-vvqpj5dl2z] {
    background: color-mix(in srgb, var(--tara-surface) 96%, var(--tara-bg));
}

.tara-expediente-erp-grid[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.tara-expediente-erp-card[b-vvqpj5dl2z] {
    display: grid;
    gap: .9rem;
    padding: 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
    min-width: 0;
}

.tara-expediente-erp-card-head[b-vvqpj5dl2z],
.tara-expediente-erp-item-top[b-vvqpj5dl2z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .8rem;
}

.tara-expediente-erp-card-head strong[b-vvqpj5dl2z],
.tara-expediente-erp-item-top strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
    font-size: .95rem;
}

.tara-expediente-erp-card-head span[b-vvqpj5dl2z],
.tara-expediente-erp-item-top span[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .8rem;
    line-height: 1.45;
}

.tara-expediente-erp-list[b-vvqpj5dl2z] {
    display: grid;
    gap: .8rem;
}

.tara-expediente-erp-item[b-vvqpj5dl2z] {
    display: grid;
    gap: .75rem;
    padding: .9rem 1rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 95%, var(--tara-bg));
    min-width: 0;
}

.tara-expediente-erp-metrics[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem .8rem;
}

.tara-expediente-erp-metrics div[b-vvqpj5dl2z] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.tara-expediente-erp-metrics span[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 700;
}

.tara-expediente-erp-metrics strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
    font-size: .92rem;
    line-height: 1.4;
}

.tara-expediente-transfer-summary[b-vvqpj5dl2z],
.tara-expediente-transfer-metrics[b-vvqpj5dl2z],
.tara-expediente-transfer-meta[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem .8rem;
}

.tara-expediente-transfer-summary[b-vvqpj5dl2z] {
    padding: .9rem 1rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-radius: var(--tara-radius);
    background: color-mix(in srgb, var(--tara-surface) 95%, var(--tara-bg));
}

.tara-expediente-transfer-summary div[b-vvqpj5dl2z],
.tara-expediente-transfer-metrics div[b-vvqpj5dl2z],
.tara-expediente-transfer-meta div[b-vvqpj5dl2z] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.tara-expediente-transfer-summary span[b-vvqpj5dl2z],
.tara-expediente-transfer-metrics span[b-vvqpj5dl2z],
.tara-expediente-transfer-meta span[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 700;
}

.tara-expediente-transfer-summary strong[b-vvqpj5dl2z],
.tara-expediente-transfer-metrics strong[b-vvqpj5dl2z],
.tara-expediente-transfer-meta strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
    font-size: .92rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.tara-expediente-transfer-grid[b-vvqpj5dl2z],
.tara-expediente-transfer-timeline[b-vvqpj5dl2z] {
    display: grid;
    gap: .85rem;
}

.tara-expediente-transfer-grid[b-vvqpj5dl2z] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tara-expediente-transfer-card[b-vvqpj5dl2z] {
    display: grid;
    gap: .8rem;
    padding: 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
    min-width: 0;
}

.tara-expediente-transfer-card-head[b-vvqpj5dl2z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .8rem;
}

.tara-expediente-transfer-card-head strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
    font-size: .96rem;
}

.tara-expediente-transfer-card-head span[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .8rem;
    line-height: 1.45;
}

.tara-expediente-transfer-route[b-vvqpj5dl2z] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
    padding: .72rem .8rem;
    border-radius: var(--tara-radius-sm);
    border: 1px dashed color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg));
}

.tara-expediente-transfer-route strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
    font-size: .9rem;
}

.tara-expediente-transfer-route[b-vvqpj5dl2z]  .mud-icon-root,
.tara-expediente-transfer-route .mud-icon-root[b-vvqpj5dl2z] {
    color: var(--tara-primary-dark);
    font-size: 1rem;
}

.tara-expediente-transfer-timeline[b-vvqpj5dl2z] {
    position: relative;
    padding-left: 1.15rem;
}

.tara-expediente-transfer-timeline[b-vvqpj5dl2z]::before {
    content: "";
    position: absolute;
    top: .35rem;
    bottom: .35rem;
    left: .35rem;
    width: 2px;
    background: color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
}

.tara-expediente-transfer-timeline-item[b-vvqpj5dl2z] {
    position: relative;
    display: grid;
    gap: .2rem;
    padding: .2rem 0 .2rem .7rem;
}

.tara-expediente-transfer-timeline-item[b-vvqpj5dl2z]::before {
    content: "";
    position: absolute;
    left: -.05rem;
    top: .45rem;
    width: .72rem;
    height: .72rem;
    border-radius: 999px;
    border: 2px solid color-mix(in srgb, var(--tara-primary) 32%, var(--tara-border));
    background: var(--tara-surface);
}

.tara-expediente-transfer-timeline-item strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
    font-size: .88rem;
}

.tara-expediente-transfer-timeline-item span[b-vvqpj5dl2z],
.tara-expediente-transfer-timeline-item small[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    overflow-wrap: anywhere;
}

.tara-expediente-transfer-timeline--full[b-vvqpj5dl2z] {
    margin-bottom: .1rem;
}

.tara-expediente-prep-hero[b-vvqpj5dl2z] {
    display: grid;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid color-mix(in srgb, var(--tara-border) 85%, white 15%);
    border-radius: 18px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--tara-surface) 92%, white 8%), color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface) 94%));
}

.tara-expediente-prep-hero-head[b-vvqpj5dl2z],
.tara-expediente-prep-hero-summary[b-vvqpj5dl2z],
.tara-expediente-prep-progress-head[b-vvqpj5dl2z],
.tara-expediente-prep-progress-foot[b-vvqpj5dl2z],
.tara-expediente-prep-actions[b-vvqpj5dl2z],
.tara-expediente-prep-actions-primary[b-vvqpj5dl2z],
.tara-expediente-prep-actions-secondary[b-vvqpj5dl2z],
.tara-expediente-prep-line-title-row[b-vvqpj5dl2z],
.tara-expediente-prep-line-progress-head[b-vvqpj5dl2z],
.tara-expediente-prep-alert-head[b-vvqpj5dl2z],
.tara-expediente-prep-alert-meta[b-vvqpj5dl2z],
.tara-expediente-prep-timeline-head[b-vvqpj5dl2z] {
    display: flex;
    justify-content: space-between;
    gap: .85rem;
}

.tara-expediente-prep-hero-copy[b-vvqpj5dl2z],
.tara-expediente-prep-progress-head div[b-vvqpj5dl2z],
.tara-expediente-prep-progress-card[b-vvqpj5dl2z],
.tara-expediente-prep-alert-card[b-vvqpj5dl2z],
.tara-expediente-prep-line-copy[b-vvqpj5dl2z],
.tara-expediente-prep-line-progress[b-vvqpj5dl2z],
.tara-expediente-prep-timeline[b-vvqpj5dl2z],
.tara-expediente-prep-timeline-copy[b-vvqpj5dl2z] {
    display: grid;
    gap: .35rem;
}

.tara-expediente-prep-hero h5[b-vvqpj5dl2z],
.tara-expediente-prep-card h4[b-vvqpj5dl2z],
.tara-expediente-prep-line-head strong[b-vvqpj5dl2z] {
    margin: 0;
    color: var(--tara-text);
}

.tara-expediente-prep-hero p[b-vvqpj5dl2z],
.tara-expediente-prep-note p[b-vvqpj5dl2z],
.tara-expediente-prep-line-head span[b-vvqpj5dl2z],
.tara-expediente-prep-alert-card p[b-vvqpj5dl2z],
.tara-expediente-prep-timeline-copy p[b-vvqpj5dl2z] {
    margin: 0;
    color: var(--tara-text-muted);
}

.tara-expediente-prep-hero-side[b-vvqpj5dl2z] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .5rem;
}

.tara-expediente-prep-hero-summary[b-vvqpj5dl2z] {
    align-items: stretch;
}

.tara-expediente-prep-hero-facts[b-vvqpj5dl2z],
.tara-expediente-prep-alert-grid[b-vvqpj5dl2z],
.tara-expediente-prep-layout[b-vvqpj5dl2z],
.tara-expediente-prep-line-grid[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.tara-expediente-prep-hero-facts[b-vvqpj5dl2z] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    flex: 1 1 auto;
}

.tara-expediente-prep-hero-facts div[b-vvqpj5dl2z],
.tara-expediente-prep-metrics div[b-vvqpj5dl2z],
.tara-expediente-prep-line-metrics div[b-vvqpj5dl2z] {
    display: grid;
    gap: .18rem;
    padding: .75rem .8rem;
    border: 1px solid color-mix(in srgb, var(--tara-border) 82%, white 18%);
    border-radius: 14px;
    background: color-mix(in srgb, var(--tara-bg) 58%, white 42%);
}

.tara-expediente-prep-hero-facts span[b-vvqpj5dl2z],
.tara-expediente-prep-progress-card span[b-vvqpj5dl2z],
.tara-expediente-prep-metrics span[b-vvqpj5dl2z],
.tara-expediente-prep-line-metrics span[b-vvqpj5dl2z],
.tara-expediente-prep-alert-meta span[b-vvqpj5dl2z],
.tara-expediente-prep-timeline-head span[b-vvqpj5dl2z],
.tara-expediente-prep-timeline-copy small[b-vvqpj5dl2z] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    letter-spacing: .04em;
}

.tara-expediente-prep-metrics span[b-vvqpj5dl2z],
.tara-expediente-prep-line-metrics span[b-vvqpj5dl2z] {
    text-transform: uppercase;
}

.tara-expediente-prep-hero-facts strong[b-vvqpj5dl2z],
.tara-expediente-prep-progress-card strong[b-vvqpj5dl2z],
.tara-expediente-prep-metrics strong[b-vvqpj5dl2z],
.tara-expediente-prep-line-metrics strong[b-vvqpj5dl2z],
.tara-expediente-prep-alert-head strong[b-vvqpj5dl2z],
.tara-expediente-prep-line-progress-head strong[b-vvqpj5dl2z],
.tara-expediente-prep-timeline-copy strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
}

.tara-expediente-prep-progress-card[b-vvqpj5dl2z] {
    gap: .75rem;
    min-width: min(100%, 340px);
    padding: .95rem 1rem;
    border: 1px solid color-mix(in srgb, var(--tara-border) 82%, white 18%);
    border-radius: 16px;
    background: color-mix(in srgb, var(--tara-surface) 96%, white 4%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45);
}

.tara-expediente-prep-progress-bar[b-vvqpj5dl2z],
.tara-expediente-prep-line-progress-bar[b-vvqpj5dl2z] {
    overflow: hidden;
    border-radius: 999px;
}

.tara-expediente-prep-progress-foot[b-vvqpj5dl2z] {
    font-size: .82rem;
    flex-wrap: wrap;
}

.tara-expediente-prep-actions[b-vvqpj5dl2z] {
    align-items: center;
    flex-wrap: wrap;
    padding: .2rem 0;
}

.tara-expediente-prep-actions-primary[b-vvqpj5dl2z],
.tara-expediente-prep-actions-secondary[b-vvqpj5dl2z],
.tara-expediente-prep-alert-meta[b-vvqpj5dl2z],
.tara-expediente-prep-line-tags[b-vvqpj5dl2z] {
    flex-wrap: wrap;
}

.tara-expediente-prep-actions-primary :is(button, .mud-button-root)[b-vvqpj5dl2z],
.tara-expediente-prep-actions-secondary :is(button, .mud-button-root)[b-vvqpj5dl2z] {
    min-height: 40px;
}

.tara-expediente-prep-card[b-vvqpj5dl2z],
.tara-expediente-prep-line-card[b-vvqpj5dl2z] {
    display: grid;
    gap: .85rem;
    padding: 1rem 1.05rem;
    border: 1px solid color-mix(in srgb, var(--tara-border) 88%, white 12%);
    border-radius: 18px;
    background: color-mix(in srgb, var(--tara-surface) 96%, white 4%);
    box-shadow: 0 18px 42px -32px rgba(34, 24, 17, .32);
}

.tara-expediente-prep-metrics[b-vvqpj5dl2z],
.tara-expediente-prep-line-metrics[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.tara-expediente-prep-note[b-vvqpj5dl2z] {
    display: grid;
    gap: .35rem;
    padding: .85rem .95rem;
    border-radius: 14px;
    border: 1px solid color-mix(in srgb, var(--tara-border) 84%, white 16%);
    background: color-mix(in srgb, var(--tara-bg) 62%, white 38%);
}

.tara-expediente-prep-note strong[b-vvqpj5dl2z] {
    color: var(--tara-text);
}

.tara-expediente-prep-form[b-vvqpj5dl2z] {
    display: grid;
    gap: .7rem;
}

.tara-expediente-prep-alert-card[b-vvqpj5dl2z] {
    gap: .45rem;
    padding: .95rem 1rem;
    border-radius: 16px;
    border: 1px solid color-mix(in srgb, var(--tara-border) 84%, white 16%);
    background: color-mix(in srgb, var(--tara-bg) 62%, white 38%);
}

.tara-expediente-prep-alert-card--warning[b-vvqpj5dl2z] {
    border-color: color-mix(in srgb, var(--tara-primary) 38%, var(--tara-border) 62%);
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface) 92%);
}

.tara-expediente-prep-line-head[b-vvqpj5dl2z] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: flex-start;
}

.tara-expediente-prep-line-tags[b-vvqpj5dl2z] {
    display: flex;
    gap: .55rem;
    font-size: .82rem;
}

.tara-expediente-prep-line-tags span[b-vvqpj5dl2z] {
    padding: .38rem .55rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tara-border) 84%, white 16%);
    background: color-mix(in srgb, var(--tara-bg) 58%, white 42%);
    color: var(--tara-text-muted);
}

.tara-expediente-prep-line-card--success[b-vvqpj5dl2z] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 22%, var(--tara-border) 78%);
}

.tara-expediente-prep-line-card--warning[b-vvqpj5dl2z] {
    border-color: color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border) 72%);
}

.tara-expediente-prep-timeline[b-vvqpj5dl2z] {
    gap: .9rem;
}

.tara-expediente-prep-timeline-item[b-vvqpj5dl2z] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .85rem;
    align-items: flex-start;
    padding: .95rem 1rem;
    border-radius: 16px;
    border: 1px solid color-mix(in srgb, var(--tara-border) 85%, white 15%);
    background: color-mix(in srgb, var(--tara-bg) 60%, white 40%);
}

.tara-expediente-prep-timeline-icon[b-vvqpj5dl2z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-surface) 88%);
    color: var(--tara-primary-dark);
    flex-shrink: 0;
}

.tara-expediente-prep-timeline-item--success .tara-expediente-prep-timeline-icon[b-vvqpj5dl2z] {
    background: color-mix(in srgb, var(--tara-primary-dark) 10%, var(--tara-surface) 90%);
}

.tara-expediente-prep-timeline-item--warning .tara-expediente-prep-timeline-icon[b-vvqpj5dl2z] {
    background: color-mix(in srgb, var(--tara-primary) 14%, var(--tara-surface) 86%);
}

.tara-expediente-prep-timeline-item--progress .tara-expediente-prep-timeline-icon[b-vvqpj5dl2z] {
    background: color-mix(in srgb, var(--tara-border-strong, #8c5d1b) 18%, var(--tara-surface) 82%);
}

@media (max-width: 1366px) {
    .tara-shop-legacy-filters-grid[b-vvqpj5dl2z] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .tara-expediente-prep-hero-facts[b-vvqpj5dl2z] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1200px) {
    .tara-expediente-toolbar[b-vvqpj5dl2z],
    .tara-expediente-inline-actions[b-vvqpj5dl2z] {
        align-items: flex-start;
    }

    .tara-expediente-toolbar-actions[b-vvqpj5dl2z],
    .tara-expediente-inline-actions[b-vvqpj5dl2z] {
        justify-content: flex-start;
    }

    .tara-shop-legacy-hero-compact[b-vvqpj5dl2z],
    .tara-shop-legacy-source-selector-actions[b-vvqpj5dl2z],
    .tara-shop-legacy-search-band[b-vvqpj5dl2z],
    .tara-shop-legacy-filters-grid[b-vvqpj5dl2z],
    .tara-shop-legacy-kpis[b-vvqpj5dl2z],
    .tara-shop-legacy-mirror-strip[b-vvqpj5dl2z],
    .tara-shop-legacy-skeleton-kpis[b-vvqpj5dl2z],
    .tara-expediente-erp-grid[b-vvqpj5dl2z],
    .tara-shop-legacy-detail-grid[b-vvqpj5dl2z],
    .tara-shop-legacy-detail-grid--customer[b-vvqpj5dl2z] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-shop-legacy-order-hero[b-vvqpj5dl2z] {
        grid-template-columns: 1fr;
    }

    .tara-shop-legacy-hero-facts[b-vvqpj5dl2z] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-shop-legacy-address-grid[b-vvqpj5dl2z] {
        grid-template-columns: 1fr;
    }

    .tara-shop-legacy-customer-facts[b-vvqpj5dl2z],
    .tara-shop-legacy-customer-technical[b-vvqpj5dl2z],
    .tara-shop-legacy-customer-order-grid[b-vvqpj5dl2z],
    .tara-shop-legacy-customer-edit-grid[b-vvqpj5dl2z],
    .tara-shop-legacy-sync-metrics[b-vvqpj5dl2z],
    .tara-shop-legacy-sync-field-list[b-vvqpj5dl2z],
    .tara-expediente-workflow-metrics[b-vvqpj5dl2z],
    .tara-shop-legacy-reserva-metrics[b-vvqpj5dl2z],
    .tara-shop-legacy-reserva-line-facts[b-vvqpj5dl2z],
    .tara-expediente-prep-metrics[b-vvqpj5dl2z],
    .tara-expediente-prep-line-metrics[b-vvqpj5dl2z],
    .tara-expediente-center-hero-metrics[b-vvqpj5dl2z],
    .tara-expediente-center-metrics[b-vvqpj5dl2z],
    .tara-expediente-erp-metrics[b-vvqpj5dl2z],
    .tara-expediente-transfer-summary[b-vvqpj5dl2z],
    .tara-expediente-transfer-metrics[b-vvqpj5dl2z],
    .tara-expediente-transfer-meta[b-vvqpj5dl2z],
    .tara-shop-legacy-reserva-store-list[b-vvqpj5dl2z] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-expediente-center-layout[b-vvqpj5dl2z],
    .tara-expediente-transfer-grid[b-vvqpj5dl2z],
    .tara-expediente-prep-layout[b-vvqpj5dl2z],
    .tara-expediente-prep-line-grid[b-vvqpj5dl2z] {
        grid-template-columns: 1fr;
    }

    .tara-expediente-prep-hero-summary[b-vvqpj5dl2z] {
        flex-direction: column;
    }

    .tara-expediente-workflow-step-body[b-vvqpj5dl2z] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-expediente-domain-nav[b-vvqpj5dl2z] {
        grid-template-columns: 1fr 1fr;
    }

    .tara-shop-legacy-page[b-vvqpj5dl2z] {
        padding: .75rem;
    }

    .tara-shop-legacy-page-head[b-vvqpj5dl2z] {
        flex-direction: column;
    }

    .tara-shop-legacy-hero-compact[b-vvqpj5dl2z],
    .tara-shop-legacy-source-selector-actions[b-vvqpj5dl2z],
    .tara-shop-legacy-search-band[b-vvqpj5dl2z],
    .tara-shop-legacy-filters-grid[b-vvqpj5dl2z],
    .tara-shop-legacy-kpis[b-vvqpj5dl2z],
    .tara-shop-legacy-mirror-strip[b-vvqpj5dl2z],
    .tara-shop-legacy-skeleton-kpis[b-vvqpj5dl2z],
    .tara-expediente-erp-grid[b-vvqpj5dl2z],
    .tara-shop-legacy-detail-grid[b-vvqpj5dl2z],
    .tara-shop-legacy-detail-grid--customer[b-vvqpj5dl2z] {
        grid-template-columns: 1fr;
    }

    .tara-shop-legacy-customer-facts[b-vvqpj5dl2z],
    .tara-shop-legacy-customer-technical[b-vvqpj5dl2z],
    .tara-shop-legacy-customer-order-grid[b-vvqpj5dl2z],
    .tara-shop-legacy-customer-split[b-vvqpj5dl2z],
    .tara-shop-legacy-customer-edit-grid[b-vvqpj5dl2z],
    .tara-shop-legacy-sync-metrics[b-vvqpj5dl2z],
    .tara-shop-legacy-sync-field-list[b-vvqpj5dl2z],
    .tara-expediente-workflow-metrics[b-vvqpj5dl2z],
    .tara-shop-legacy-reserva-metrics[b-vvqpj5dl2z],
    .tara-shop-legacy-reserva-line-facts[b-vvqpj5dl2z],
    .tara-expediente-prep-metrics[b-vvqpj5dl2z],
    .tara-expediente-prep-line-metrics[b-vvqpj5dl2z],
    .tara-expediente-center-hero-metrics[b-vvqpj5dl2z],
    .tara-expediente-center-metrics[b-vvqpj5dl2z],
    .tara-expediente-erp-metrics[b-vvqpj5dl2z],
    .tara-expediente-transfer-summary[b-vvqpj5dl2z],
    .tara-expediente-transfer-metrics[b-vvqpj5dl2z],
    .tara-expediente-transfer-meta[b-vvqpj5dl2z],
    .tara-shop-legacy-reserva-store-list[b-vvqpj5dl2z] {
        grid-template-columns: 1fr;
    }

    .tara-shop-legacy-hero-fact small[b-vvqpj5dl2z] {
        display: block;
    }

    .tara-expediente-workflow-card[b-vvqpj5dl2z],
    .tara-expediente-center-hero[b-vvqpj5dl2z],
    .tara-expediente-center-summary[b-vvqpj5dl2z],
    .tara-shop-legacy-reserva-hero[b-vvqpj5dl2z],
    .tara-expediente-prep-hero[b-vvqpj5dl2z],
    .tara-expediente-prep-hero-head[b-vvqpj5dl2z],
    .tara-expediente-prep-actions[b-vvqpj5dl2z],
    .tara-expediente-prep-line-title-row[b-vvqpj5dl2z],
    .tara-expediente-prep-timeline-head[b-vvqpj5dl2z],
    .tara-expediente-prep-line-head[b-vvqpj5dl2z],
    .tara-shop-legacy-reserva-line-head[b-vvqpj5dl2z],
    .tara-shop-legacy-reserva-store-head[b-vvqpj5dl2z],
    .tara-shop-legacy-reserva-allocation-item[b-vvqpj5dl2z],
    .tara-expediente-erp-card-head[b-vvqpj5dl2z],
    .tara-expediente-erp-item-top[b-vvqpj5dl2z],
    .tara-expediente-transfer-card-head[b-vvqpj5dl2z] {
        flex-direction: column;
    }

    .tara-expediente-workflow-head[b-vvqpj5dl2z],
    .tara-shop-legacy-hero-actions[b-vvqpj5dl2z],
    .tara-expediente-center-hero-head[b-vvqpj5dl2z] {
        flex-direction: column;
    }

    .tara-expediente-workflow-side[b-vvqpj5dl2z],
    .tara-shop-legacy-hero-actions[b-vvqpj5dl2z],
    .tara-expediente-center-hero-side[b-vvqpj5dl2z],
    .tara-expediente-prep-hero-side[b-vvqpj5dl2z] {
        width: 100%;
        justify-items: stretch;
    }

    .tara-shop-legacy-hero-action-buttons[b-vvqpj5dl2z] {
        justify-items: stretch;
    }

    .tara-expediente-prep-hero-side[b-vvqpj5dl2z] {
        align-items: flex-start;
    }

    .tara-expediente-prep-hero-facts[b-vvqpj5dl2z] {
        grid-template-columns: 1fr;
    }

    .tara-expediente-prep-progress-card[b-vvqpj5dl2z] {
        min-width: 0;
    }

    .tara-expediente-workflow-step-body[b-vvqpj5dl2z] {
        grid-template-columns: 1fr;
    }

    .tara-shop-legacy-actions[b-vvqpj5dl2z],
    .tara-shop-legacy-drawer-actions[b-vvqpj5dl2z],
    .tara-shop-legacy-drawer-stage2[b-vvqpj5dl2z] {
        justify-content: stretch;
    }

    .tara-shop-legacy-actions > *[b-vvqpj5dl2z],
    .tara-shop-legacy-drawer-actions > *[b-vvqpj5dl2z],
    .tara-shop-legacy-drawer-stage2 > *[b-vvqpj5dl2z] {
        width: 100%;
    }

    .tara-shop-legacy-drawer[b-vvqpj5dl2z] {
        width: 100vw;
        padding: .85rem;
    }

    .tara-shop-legacy-drawer-body[b-vvqpj5dl2z] {
        padding-right: 0;
    }

    .tara-shop-legacy-line-card[b-vvqpj5dl2z] {
        grid-template-columns: 1fr;
    }

    .tara-shop-legacy-line-totals--grid[b-vvqpj5dl2z] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-width: 0;
    }

    .tara-shop-legacy-line-media[b-vvqpj5dl2z] {
        display: flex;
        justify-content: center;
    }

    .tara-shop-legacy-mobile-card-body[b-vvqpj5dl2z] {
        grid-template-columns: 1fr;
    }

    .tara-shop-legacy-detail-grid-span-2[b-vvqpj5dl2z] {
        grid-column: auto;
    }
}

@media (max-width: 560px) {
    .tara-expediente-domain-nav[b-vvqpj5dl2z] {
        grid-template-columns: 1fr;
    }

    .tara-expediente-toolbar-actions[b-vvqpj5dl2z] {
        width: 100%;
    }

    .tara-shop-legacy-line-card--shopify[b-vvqpj5dl2z] {
        grid-template-columns: 56px minmax(0, 1fr);
        gap: .75rem;
    }

    .tara-shop-legacy-line-media img[b-vvqpj5dl2z],
    .tara-shop-legacy-line-placeholder[b-vvqpj5dl2z] {
        width: 56px;
        height: 56px;
    }

    .tara-shop-legacy-line-totals--grid[b-vvqpj5dl2z] {
        grid-template-columns: 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/AjustesPvShopifyPrioridadSucursales.razor.rz.scp.css */
.tara-shop-branches-page[b-sve6ku3for] {
    min-height: 100%;
    padding: 1rem;
    background: var(--tara-bg);
    color: var(--tara-text);
    min-width: 0;
}

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

.tara-shop-branches-header[b-sve6ku3for] {
    margin-bottom: .7rem;
}

.tara-shop-branches-breadcrumbs[b-sve6ku3for] {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    margin-bottom: .2rem;
    color: var(--tara-text-muted);
    font-size: .77rem;
    font-weight: 600;
    flex-wrap: wrap;
}

.tara-shop-branches-breadcrumbs strong[b-sve6ku3for] {
    color: var(--tara-text);
}

.tara-shop-branches-alert[b-sve6ku3for] {
    margin-bottom: .7rem;
}

.tara-shop-branches-summary-copy[b-sve6ku3for] {
    color: var(--tara-text-muted);
    font-size: .8rem;
    font-weight: 600;
}

.tara-shop-branches-configbar[b-sve6ku3for] {
    display: grid;
    grid-template-columns: minmax(280px, 420px) minmax(220px, 1fr);
    gap: .85rem 1rem;
    align-items: end;
}

.tara-shop-branches-config-actions[b-sve6ku3for] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: .6rem;
}

.tara-shop-branches-empty[b-sve6ku3for] {
    margin-top: .8rem;
}

.tara-shop-branches-shell[b-sve6ku3for] {
    display: grid;
    gap: 1rem;
    margin-top: .85rem;
    min-width: 0;
}

.tara-shop-branches-card[b-sve6ku3for] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
    padding: 1rem;
    min-width: 0;
}

.tara-shop-branches-card-head[b-sve6ku3for] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .9rem;
}

.tara-shop-branches-card-head h2[b-sve6ku3for] {
    margin: 0 0 .15rem;
    font-size: 1.05rem;
    color: var(--tara-text);
}

.tara-shop-branches-card-head p[b-sve6ku3for] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-shop-branches-card-head--table[b-sve6ku3for] {
    align-items: center;
}

.tara-shop-branches-inline-note[b-sve6ku3for] {
    max-width: 420px;
    color: var(--tara-text-muted);
    font-size: .8rem;
    line-height: 1.45;
}

.tara-shop-branches-status-chip[b-sve6ku3for],
.tara-shop-branches-state-chip[b-sve6ku3for] {
    font-weight: 700;
}

.tara-shop-branches-mode-group[b-sve6ku3for] {
    display: grid;
    gap: .8rem;
}

.tara-shop-branches-mode-copy[b-sve6ku3for] {
    display: grid;
    gap: .1rem;
    margin-left: .25rem;
}

.tara-shop-branches-mode-copy strong[b-sve6ku3for] {
    color: var(--tara-text);
}

.tara-shop-branches-mode-copy span[b-sve6ku3for] {
    color: var(--tara-text-muted);
    font-size: .85rem;
}

.tara-shop-branches-concentrated-grid[b-sve6ku3for] {
    display: grid;
    grid-template-columns: minmax(260px, 420px) minmax(240px, 1fr);
    gap: 1rem;
    align-items: start;
    margin-top: .95rem;
}

.tara-shop-branches-concentrated-meta[b-sve6ku3for] {
    display: grid;
    gap: .6rem;
    padding: .9rem 1rem;
    border-radius: var(--tara-radius-sm);
    border: 1px dashed var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface) 72%, var(--tara-bg));
}

.tara-shop-branches-meta-row[b-sve6ku3for] {
    display: grid;
    gap: .15rem;
}

.tara-shop-branches-meta-label[b-sve6ku3for] {
    color: var(--tara-text-muted);
    font-size: .76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .045em;
}

.tara-shop-branches-inline-alert[b-sve6ku3for] {
    margin-top: .85rem;
}

.tara-shop-branches-table-wrap[b-sve6ku3for] {
    border: 1px solid var(--tara-border);
    border-radius: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    background: var(--tara-surface);
    max-width: 100%;
}

[b-sve6ku3for] .tara-shop-branches-table {
    box-shadow: none;
    width: 100%;
}

[b-sve6ku3for] .tara-shop-branches-table .mud-table-container {
    background: transparent;
    overflow-x: auto;
}

[b-sve6ku3for] .tara-shop-branches-table .mud-table-root {
    min-width: 1360px;
}

[b-sve6ku3for] .tara-shop-branches-table .mud-table-head .mud-table-cell {
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    border-bottom: 1px solid var(--tara-border) !important;
    font-size: .74rem !important;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .045em;
    white-space: nowrap;
}

[b-sve6ku3for] .tara-shop-branches-table .mud-table-body tr:nth-child(odd) {
    background: var(--tara-row-odd);
}

[b-sve6ku3for] .tara-shop-branches-table .mud-table-body tr:nth-child(even) {
    background: var(--tara-row-even);
}

[b-sve6ku3for] .tara-shop-branches-table .mud-table-body tr:hover {
    background: var(--tara-row-hover);
}

[b-sve6ku3for] .tara-shop-branches-table .mud-table-body .mud-table-cell {
    color: var(--tara-text);
    border-bottom: 1px solid color-mix(in srgb, var(--tara-border) 72%, transparent);
    vertical-align: middle;
}

.tara-shop-branches-store-cell[b-sve6ku3for] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
}

.tara-shop-branches-store-pill[b-sve6ku3for] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    min-height: 28px;
    padding: .18rem .55rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: var(--tara-surface-raised);
    color: var(--tara-text-muted);
    font-size: .76rem;
    font-weight: 800;
}

.tara-shop-branches-store-copy[b-sve6ku3for] {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.tara-shop-branches-store-copy strong[b-sve6ku3for] {
    color: var(--tara-text);
}

.tara-shop-branches-muted[b-sve6ku3for] {
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-shop-branches-priority-input[b-sve6ku3for] {
    max-width: 110px;
}

.tara-shop-branches-location-select[b-sve6ku3for] {
    min-width: 240px;
}

.tara-shop-branches-payment-select[b-sve6ku3for] {
    min-width: 240px;
}

.tara-shop-branches-location-help[b-sve6ku3for] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    margin-top: .25rem;
    color: var(--tara-text-muted);
    font-size: .76rem;
}

.tara-shop-branches-role-cell[b-sve6ku3for] {
    display: grid;
    gap: .3rem;
    min-width: 220px;
}

.tara-shop-branches-pickup-cell[b-sve6ku3for] {
    display: grid;
    gap: .35rem;
    min-width: 240px;
}

.tara-shop-branches-payment-cell[b-sve6ku3for] {
    display: grid;
    gap: .35rem;
    min-width: 260px;
}

.tara-shop-branches-payment-warning[b-sve6ku3for],
.tara-shop-branches-pickup-warning[b-sve6ku3for] {
    line-height: 1.4;
}

.tara-shop-branches-role-chip[b-sve6ku3for] {
    width: fit-content;
    font-weight: 700;
}

.tara-shop-branches-summary-card[b-sve6ku3for] {
    padding-bottom: .9rem;
}

.tara-shop-branches-summary-grid[b-sve6ku3for] {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: .85rem;
}

.tara-shop-branches-summary-item[b-sve6ku3for] {
    display: grid;
    gap: .15rem;
    padding: .85rem .95rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface) 78%, var(--tara-bg));
}

.tara-shop-branches-summary-item strong[b-sve6ku3for] {
    color: var(--tara-text);
    font-size: .97rem;
}

.tara-shop-branches-summary-item--wide[b-sve6ku3for] {
    grid-column: span 2;
}

.tara-shop-branches-validation-list[b-sve6ku3for] {
    display: grid;
    gap: .25rem;
}

@media (max-width: 1100px) {
    .tara-shop-branches-configbar[b-sve6ku3for],
    .tara-shop-branches-concentrated-grid[b-sve6ku3for],
    .tara-shop-branches-summary-grid[b-sve6ku3for] {
        grid-template-columns: 1fr;
    }

    .tara-shop-branches-summary-item--wide[b-sve6ku3for] {
        grid-column: span 1;
    }
}

@media (max-width: 820px) {
    .tara-shop-branches-page[b-sve6ku3for] {
        padding: .85rem;
    }

    .tara-shop-branches-card-head[b-sve6ku3for],
    .tara-shop-branches-card-head--table[b-sve6ku3for] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-shop-branches-inline-note[b-sve6ku3for] {
        max-width: none;
    }

    .tara-shop-branches-location-select[b-sve6ku3for] {
        min-width: 0;
    }
}

@media (max-width: 640px) {
    .tara-shop-branches-page[b-sve6ku3for] {
        padding: .75rem;
    }

    .tara-shop-branches-configbar[b-sve6ku3for] {
        grid-template-columns: 1fr;
    }

    .tara-shop-branches-store-cell[b-sve6ku3for] {
        align-items: flex-start;
    }

    [b-sve6ku3for] .tara-shop-branches-table .mud-table-root {
        min-width: 760px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/AjustesPvShopifySchedulerInventario.razor.rz.scp.css */
.tara-shop-auto-page[b-3a6cu54yg1] {
    display: grid;
    gap: .85rem;
}

.tara-shop-auto-loading[b-3a6cu54yg1] {
    min-height: 40vh;
    display: grid;
    place-items: center;
    gap: .7rem;
    color: var(--tara-text-muted);
}

.tara-shop-auto-alert[b-3a6cu54yg1] {
    border-radius: var(--tara-radius-sm);
}

.tara-shop-auto-alert--status[b-3a6cu54yg1] {
    background: color-mix(in srgb, var(--tara-surface) 82%, var(--tara-row-even));
}

.tara-shop-auto-warnings[b-3a6cu54yg1] {
    display: grid;
    gap: .55rem;
}

.tara-shop-auto-surface[b-3a6cu54yg1] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
}

.tara-shop-auto-toolbar[b-3a6cu54yg1] {
    padding: .85rem 1rem;
    display: flex;
    gap: .85rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-shop-auto-search[b-3a6cu54yg1] {
    min-width: min(100%, 340px);
}

.tara-shop-auto-toolbar-left[b-3a6cu54yg1] {
    flex: 1 1 280px;
    min-width: 240px;
}

.tara-shop-auto-toolbar-meta[b-3a6cu54yg1] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tara-shop-auto-chip[b-3a6cu54yg1] {
    display: inline-flex;
    align-items: center;
    padding: .35rem .7rem;
    border-radius: 999px;
    background: var(--tara-row-even);
    border: 1px solid var(--tara-border);
    font-size: .76rem;
    font-weight: 700;
    color: var(--tara-text-muted);
}

.tara-shop-auto-chip--accent[b-3a6cu54yg1] {
    color: var(--tara-primary-dark);
    border-color: color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
}

.tara-shop-auto-chip--muted[b-3a6cu54yg1] {
    color: var(--tara-text);
}

.tara-shop-auto-grid-surface[b-3a6cu54yg1] {
    padding: .25rem;
}

.tara-shop-auto-table-wrap[b-3a6cu54yg1] {
    overflow: auto;
}

.tara-shop-auto-table[b-3a6cu54yg1] {
    min-width: 1300px;
}

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

.tara-shop-auto-table[b-3a6cu54yg1]  tbody tr:nth-child(odd) {
    background: var(--tara-row-odd);
}

.tara-shop-auto-table[b-3a6cu54yg1]  tbody tr:nth-child(even) {
    background: var(--tara-row-even);
}

.tara-shop-auto-table[b-3a6cu54yg1]  tbody tr:hover {
    background: var(--tara-row-hover);
}

.tara-shop-auto-name[b-3a6cu54yg1] {
    display: grid;
    gap: .15rem;
    min-width: 220px;
}

.tara-shop-auto-inline-note[b-3a6cu54yg1] {
    font-size: .73rem;
    color: var(--tara-text-muted);
}

.tara-shop-auto-inline-note--warning[b-3a6cu54yg1] {
    color: var(--tara-primary-dark);
    font-weight: 700;
}

.tara-shop-auto-inline-note--danger[b-3a6cu54yg1] {
    color: var(--tara-primary-dark);
}

.tara-shop-auto-status-stack[b-3a6cu54yg1] {
    display: grid;
    gap: .15rem;
    min-width: 240px;
}

.tara-shop-auto-status-stack strong[b-3a6cu54yg1] {
    color: var(--tara-text);
}

.tara-shop-auto-number[b-3a6cu54yg1] {
    min-width: 92px;
}

.tara-shop-auto-switch[b-3a6cu54yg1] {
    margin-inline: auto;
}

.tara-shop-auto-badge[b-3a6cu54yg1] {
    display: inline-flex;
    min-width: 2rem;
    justify-content: center;
    align-items: center;
    padding: .2rem .45rem;
    border-radius: 999px;
    background: var(--tara-row-even);
    border: 1px solid var(--tara-border);
    font-weight: 800;
}

.tara-shop-auto-badge--accent[b-3a6cu54yg1] {
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    color: var(--tara-primary-dark);
    border-color: color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
}

.tara-shop-auto-actions[b-3a6cu54yg1] {
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
}

.tara-shop-auto-grid-loading[b-3a6cu54yg1],
.tara-shop-auto-empty[b-3a6cu54yg1] {
    min-height: 220px;
    display: grid;
    place-items: center;
    gap: .6rem;
    color: var(--tara-text-muted);
    text-align: center;
    padding: 1rem;
}

.tara-shop-auto-empty-icon[b-3a6cu54yg1] {
    font-size: 2rem;
    color: var(--tara-primary-dark);
}

@media (max-width: 900px) {
    .tara-shop-auto-toolbar[b-3a6cu54yg1] {
        padding: .8rem;
    }

    .tara-shop-auto-toolbar-meta[b-3a6cu54yg1] {
        justify-content: flex-start;
    }
}

@media (max-width: 430px) {
    .tara-shop-auto-page[b-3a6cu54yg1] {
        gap: .7rem;
    }

    .tara-shop-auto-toolbar[b-3a6cu54yg1] {
        padding: .75rem;
    }

    .tara-shop-auto-chip[b-3a6cu54yg1] {
        font-size: .72rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/AjustesPvTickets.razor.rz.scp.css */
.tara-tkt-page[b-43y2awu26d] {
    display: flex;
    flex-direction: column;
    gap: .9rem;
    min-height: calc(100vh - 96px);
}

.tara-tkt-loading[b-43y2awu26d] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-tkt-loading[b-43y2awu26d]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.4rem;
}

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

.tara-tkt-header-copy[b-43y2awu26d] {
    min-width: 0;
    flex: 1;
}

.tara-tkt-breadcrumbs[b-43y2awu26d] {
    display: flex;
    flex-wrap: wrap;
    gap: .38rem;
    align-items: center;
    margin-bottom: .32rem;
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 700;
}

.tara-tkt-breadcrumbs strong[b-43y2awu26d] {
    color: var(--tara-primary-dark);
}

.tara-tkt-header-copy h1[b-43y2awu26d] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1.08;
}

.tara-tkt-header-copy p[b-43y2awu26d] {
    margin: .22rem 0 0;
    color: var(--tara-text-muted);
    font-size: .88rem;
    max-width: 70ch;
}

.tara-tkt-header-actions[b-43y2awu26d] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.tara-tkt-alert[b-43y2awu26d] {
    margin: 0;
}

.tara-tkt-shell[b-43y2awu26d] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.tara-tkt-card[b-43y2awu26d] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
    padding: .9rem;
}

.tara-tkt-card--context[b-43y2awu26d] {
    padding-block: .78rem;
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
    border-color: var(--tara-border-subtle);
    box-shadow: none;
}

.tara-tkt-card--primary[b-43y2awu26d] {
    padding: .95rem;
}

.tara-tkt-card--aside[b-43y2awu26d] {
    background: color-mix(in srgb, var(--tara-surface-raised) 68%, var(--tara-surface));
    border-color: var(--tara-border-subtle);
    box-shadow: none;
    padding: .8rem;
}

.tara-tkt-card-head[b-43y2awu26d] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: .72rem;
}

.tara-tkt-card-kicker[b-43y2awu26d] {
    display: inline-block;
    margin-bottom: .2rem;
    color: var(--tara-primary-dark);
    font-size: .77rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tara-tkt-card-head h2[b-43y2awu26d],
.tara-tkt-legend-head h3[b-43y2awu26d] {
    margin: 0;
    color: var(--tara-text);
}

.tara-tkt-card-head-copy[b-43y2awu26d] {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.tara-tkt-card-head h2[b-43y2awu26d] {
    font-size: 1rem;
    font-weight: 850;
    letter-spacing: -.01em;
}

.tara-tkt-card-head-copy p[b-43y2awu26d] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .74rem;
    line-height: 1.35;
    max-width: 48ch;
}

.tara-tkt-state-chip[b-43y2awu26d] {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 .8rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 800;
    white-space: nowrap;
}

.tara-tkt-state-chip--saved[b-43y2awu26d] {
    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);
}

.tara-tkt-state-chip--default[b-43y2awu26d] {
    background: color-mix(in srgb, var(--tara-text-muted) 10%, var(--tara-surface));
    border: 1px solid var(--tara-border);
    color: var(--tara-text-muted);
}

.tara-tkt-context-grid[b-43y2awu26d],
.tara-tkt-main-grid[b-43y2awu26d],
.tara-tkt-form-grid[b-43y2awu26d],
.tara-tkt-legend-grid[b-43y2awu26d] {
    display: grid;
    gap: .85rem;
}

.tara-tkt-context-grid[b-43y2awu26d] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .45rem;
}

.tara-tkt-main-grid[b-43y2awu26d] {
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, .65fr);
    align-items: start;
}

.tara-tkt-form-grid[b-43y2awu26d] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem .85rem;
}

.tara-tkt-field--wide[b-43y2awu26d],
.tara-tkt-field--switch[b-43y2awu26d] {
    grid-column: 1 / -1;
}

.tara-tkt-legend-grid[b-43y2awu26d] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tara-tkt-context-pill[b-43y2awu26d] {
    background: color-mix(in srgb, var(--tara-surface-raised) 54%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-border-subtle) 85%, var(--tara-surface));
    border-radius: 12px;
    padding: .48rem .68rem;
    display: grid;
    gap: .1rem;
    min-width: 0;
}

.tara-tkt-context-pill--state[b-43y2awu26d] {
    background: color-mix(in srgb, var(--tara-surface-raised) 46%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-border) 92%, var(--tara-surface));
}

.tara-tkt-context-pill span[b-43y2awu26d],
.tara-tkt-field label[b-43y2awu26d],
.tara-tkt-legend-head p[b-43y2awu26d] {
    color: var(--tara-text-muted);
}

.tara-tkt-context-pill span[b-43y2awu26d],
.tara-tkt-field label[b-43y2awu26d] {
    font-size: .75rem;
    font-weight: 700;
}

.tara-tkt-context-pill strong[b-43y2awu26d] {
    color: var(--tara-text);
    font-size: .89rem;
    font-weight: 850;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-tkt-field[b-43y2awu26d] {
    display: grid;
    gap: .24rem;
}

.tara-tkt-field--switch[b-43y2awu26d] {
    padding-top: .05rem;
    display: grid;
    gap: .1rem;
}

.tara-tkt-field--switch[b-43y2awu26d]  .mud-switch {
    margin-inline-start: -.15rem;
}

.tara-tkt-note[b-43y2awu26d] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .55rem;
    align-items: flex-start;
    border-radius: 12px;
    padding: .68rem .72rem;
}

.tara-tkt-note strong[b-43y2awu26d] {
    display: block;
    margin-bottom: .08rem;
    color: var(--tara-text);
    font-size: .84rem;
}

.tara-tkt-note p[b-43y2awu26d] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .78rem;
    line-height: 1.4;
}

.tara-tkt-note--compact[b-43y2awu26d] {
    background: color-mix(in srgb, var(--tara-surface) 86%, var(--tara-surface-raised));
    border: 1px solid var(--tara-border-subtle);
}

.tara-tkt-note[b-43y2awu26d]  .mud-icon-root {
    color: var(--tara-text-muted);
    margin-top: .04rem;
}

.tara-tkt-legend-block[b-43y2awu26d] {
    display: grid;
    gap: .6rem;
    min-width: 0;
}

.tara-tkt-legend-head[b-43y2awu26d] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
}

.tara-tkt-legend-head h3[b-43y2awu26d] {
    font-size: .98rem;
    font-weight: 850;
    letter-spacing: -.01em;
}

.tara-tkt-legend-head p[b-43y2awu26d] {
    margin: .14rem 0 0;
    font-size: .76rem;
    line-height: 1.35;
}

.tara-tkt-ticket-preview[b-43y2awu26d] {
    display: grid;
    gap: .42rem;
}

.tara-tkt-ticket-label[b-43y2awu26d] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tara-tkt-ticket-paper[b-43y2awu26d] {
    display: grid;
    gap: .48rem;
    padding: .72rem .82rem;
    max-width: 23rem;
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
    border: 1px solid var(--tara-border);
    border-radius: 12px;
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--tara-surface-raised) 36%, transparent),
        0 1px 2px color-mix(in srgb, var(--tara-text) 5%, transparent);
}

.tara-tkt-ticket-rule[b-43y2awu26d] {
    height: 1px;
    background:
        repeating-linear-gradient(
            90deg,
            color-mix(in srgb, var(--tara-text-muted) 38%, transparent) 0 10px,
            transparent 10px 14px);
}

.tara-tkt-preview[b-43y2awu26d] {
    margin: 0;
    min-height: 94px;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    color: var(--tara-text);
    font-size: .77rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    line-height: 1.4;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

[b-43y2awu26d] .tara-tkt-legend-input .mud-input-outlined:hover .mud-input-outlined-border,
[b-43y2awu26d] .tara-tkt-legend-input .mud-input-outlined.mud-input-focused .mud-input-outlined-border,
[b-43y2awu26d] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-43y2awu26d] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-43y2awu26d] .tara-tkt-legend-input .mud-input-root-outlined.mud-input-focused label,
[b-43y2awu26d] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark) !important;
}

@media (max-width: 1100px) {
    .tara-tkt-context-grid[b-43y2awu26d] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tara-tkt-legend-grid[b-43y2awu26d] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .tara-tkt-main-grid[b-43y2awu26d] {
        grid-template-columns: 1fr;
    }

    .tara-tkt-context-grid[b-43y2awu26d] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .tara-tkt-header[b-43y2awu26d] {
        flex-direction: column;
    }

    .tara-tkt-header-actions[b-43y2awu26d] {
        width: 100%;
        justify-content: stretch;
    }

    .tara-tkt-header-actions[b-43y2awu26d]  .mud-button-root {
        flex: 1 1 180px;
    }

    .tara-tkt-form-grid[b-43y2awu26d],
    .tara-tkt-legend-grid[b-43y2awu26d] {
        grid-template-columns: 1fr;
    }

    .tara-tkt-ticket-paper[b-43y2awu26d] {
        max-width: none;
    }
}

@media (max-width: 560px) {
    .tara-tkt-card[b-43y2awu26d] {
        padding: .8rem;
        border-radius: 14px;
    }

    .tara-tkt-header-copy h1[b-43y2awu26d] {
        font-size: 1.28rem;
    }

    .tara-tkt-card-head[b-43y2awu26d],
    .tara-tkt-legend-head[b-43y2awu26d] {
        flex-direction: column;
    }

    .tara-tkt-card-head-copy p[b-43y2awu26d] {
        font-size: .74rem;
    }

    .tara-tkt-header-actions[b-43y2awu26d] {
        flex-direction: column;
    }

    .tara-tkt-header-actions[b-43y2awu26d]  .mud-button-root {
        width: 100%;
        flex: 1 1 auto;
    }

    .tara-tkt-context-grid[b-43y2awu26d] {
        grid-template-columns: 1fr;
    }

    .tara-tkt-context-pill strong[b-43y2awu26d] {
        white-space: normal;
    }

    .tara-tkt-ticket-paper[b-43y2awu26d] {
        padding: .68rem .74rem;
    }

    .tara-tkt-preview[b-43y2awu26d] {
        min-height: 88px;
        font-size: .75rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/AjustesPvTiendasAjustes.razor.rz.scp.css */
.tara-tza-page[b-zhp3vd4wu7] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
}

.tara-tza-header[b-zhp3vd4wu7] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-tza-back-btn[b-zhp3vd4wu7] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-tza-header-copy h1[b-zhp3vd4wu7] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-tza-header-copy span[b-zhp3vd4wu7] {
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-tza-alert[b-zhp3vd4wu7] {
    margin-bottom: 1rem;
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-tza-alert-body[b-zhp3vd4wu7] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-tza-filters-grid[b-zhp3vd4wu7] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: .85rem 1rem .8rem;
}

.tara-tza-filter-field[b-zhp3vd4wu7] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.tara-tza-filter-field--grow[b-zhp3vd4wu7] {
    min-width: 0;
    flex: 1 1 420px;
}

.tara-tza-filter-actions[b-zhp3vd4wu7] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    margin-left: auto;
    padding-top: .15rem;
}

.tara-tza-card[b-zhp3vd4wu7] {
    margin-top: .45rem;
    padding: .8rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
}

.tara-tza-toolbar[b-zhp3vd4wu7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: .1rem .2rem .7rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    margin-bottom: .8rem;
}

.tara-tza-toolbar-copy h2[b-zhp3vd4wu7] {
    margin: 0 0 .2rem;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 800;
}

.tara-tza-toolbar-copy p[b-zhp3vd4wu7] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .9rem;
}

.tara-tza-toolbar-actions[b-zhp3vd4wu7] {
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.tara-tza-state[b-zhp3vd4wu7] {
    min-height: 280px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .7rem;
    color: var(--tara-text-muted);
}

.tara-tza-state--empty[b-zhp3vd4wu7]  .mud-icon-root {
    font-size: 2rem;
    color: var(--tara-primary-dark);
}

.tara-tza-sections[b-zhp3vd4wu7] {
    display: grid;
    gap: .8rem;
}

.tara-tza-section[b-zhp3vd4wu7] {
    display: grid;
    gap: .7rem;
    padding: .95rem 1rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
}

.tara-tza-section-head[b-zhp3vd4wu7] {
    display: grid;
    gap: .2rem;
}

.tara-tza-section-head h3[b-zhp3vd4wu7] {
    margin: 0;
    color: var(--tara-text);
    font-size: .95rem;
    font-weight: 800;
}

.tara-tza-help[b-zhp3vd4wu7] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    line-height: 1.4;
}

.tara-tza-grid[b-zhp3vd4wu7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .75rem;
}

.tara-tza-grid--wide[b-zhp3vd4wu7] {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.tara-tza-field-note[b-zhp3vd4wu7] {
    margin: -.35rem 0 0;
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-tza-legend-input[b-zhp3vd4wu7]  textarea {
    font-family: inherit;
}

.tara-tza-form-error[b-zhp3vd4wu7] {
    margin: 0;
    color: var(--tara-primary-dark);
    font-size: .88rem;
    font-weight: 600;
}

.tara-tza-status[b-zhp3vd4wu7] {
    margin: .15rem 0 0;
    color: var(--tara-text-muted);
    font-size: .84rem;
}

.tara-tza-loading[b-zhp3vd4wu7] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-tza-loading[b-zhp3vd4wu7]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.5rem;
}

/* Touch targets >= 44px solo en botones/icon-buttons (patrón Tarahumara Pro:
   docs/ui/PATRON_TARAHUMARA_SECUNDARIO.md §8.1 marca min-height:44px forzado
   en inputs como incorrecto — los campos Dense deben conservar su alto ~36px). */
.tara-tza-page[b-zhp3vd4wu7]  .mud-button-root,
.tara-tza-page[b-zhp3vd4wu7]  .mud-icon-button-root {
    min-height: 44px;
}

@media (max-width: 760px) {
    .tara-tza-page[b-zhp3vd4wu7] {
        padding: .85rem;
    }

    .tara-tza-header[b-zhp3vd4wu7] {
        grid-template-columns: 1fr;
    }

    .tara-tza-toolbar[b-zhp3vd4wu7] {
        align-items: stretch;
    }

    .tara-tza-toolbar-actions[b-zhp3vd4wu7] {
        justify-content: stretch;
    }

    .tara-tza-toolbar-actions > *[b-zhp3vd4wu7] {
        flex: 1 1 180px;
    }

    .tara-tza-grid[b-zhp3vd4wu7],
    .tara-tza-grid--wide[b-zhp3vd4wu7] {
        grid-template-columns: 1fr;
    }

    .tara-tza-filter-field--grow[b-zhp3vd4wu7] {
        flex-basis: 100%;
    }

    .tara-tza-filter-actions[b-zhp3vd4wu7] {
        width: 100%;
        justify-content: stretch;
    }

    .tara-tza-filter-actions > *[b-zhp3vd4wu7] {
        flex: 1 1 auto;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/AjustesPvValoresCaja.razor.rz.scp.css */
.tara-vc-page[b-gkz66oyl8i] {
    display: flex;
    flex-direction: column;
    gap: .95rem;
    min-height: calc(100vh - 96px);
}

.tara-vc-loading[b-gkz66oyl8i] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-vc-loading[b-gkz66oyl8i]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.4rem;
}

.tara-vc-header[b-gkz66oyl8i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .9rem;
}

.tara-vc-header-copy[b-gkz66oyl8i] {
    min-width: 0;
    flex: 1;
}

.tara-vc-breadcrumbs[b-gkz66oyl8i] {
    display: flex;
    flex-wrap: wrap;
    gap: .38rem;
    align-items: center;
    margin-bottom: .32rem;
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 700;
}

.tara-vc-breadcrumbs strong[b-gkz66oyl8i],
.tara-vc-dialog-kicker[b-gkz66oyl8i] {
    color: var(--tara-primary-dark);
}

.tara-vc-header-copy h1[b-gkz66oyl8i] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1.08;
}

.tara-vc-header-copy p[b-gkz66oyl8i] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .86rem;
}

.tara-vc-header-actions[b-gkz66oyl8i] {
    display: flex;
    gap: .45rem;
}

.tara-vc-alert[b-gkz66oyl8i] {
    margin: 0;
}

.tara-vc-alert-body[b-gkz66oyl8i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-vc-toolbar-count[b-gkz66oyl8i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 .7rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    color: var(--tara-primary-dark);
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap;
}

.tara-vc-card[b-gkz66oyl8i] {
    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,
        color-mix(in srgb, var(--tara-surface-raised) 82%, var(--tara-surface)) 0%,
        color-mix(in srgb, var(--tara-bg) 72%, var(--tara-surface)) 100%);
    --_th-border-top: color-mix(in srgb, var(--tara-border) 85%, var(--tara-surface));
    --_th-text: var(--tara-th-text);
    --_toolbar-divider: color-mix(in srgb, var(--tara-border) 82%, var(--tara-surface));
    --_row-hover: color-mix(in srgb, var(--tara-primary-dark) 7%, var(--tara-row-even));
    --_row-even-bg: var(--tara-row-even);
}

[data-theme="dark"] .tara-vc-card[b-gkz66oyl8i] {
    --_th-gradient: linear-gradient(
        180deg,
        color-mix(in srgb, var(--tara-surface-raised) 92%, var(--tara-surface)) 0%,
        color-mix(in srgb, var(--tara-surface-raised) 70%, var(--tara-bg)) 100%);
    --_th-border-top: var(--tara-border);
    --_th-text: var(--tara-th-text);
    --_toolbar-divider: var(--tara-border);
    --_row-hover: color-mix(in srgb, var(--tara-primary-dark) 9%, var(--tara-row-even));
    --_row-even-bg: color-mix(in srgb, var(--tara-surface-raised) 82%, var(--tara-surface));
}

.tara-vc-toolbar[b-gkz66oyl8i] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .1rem .2rem .45rem;
    border-bottom: 1px solid var(--_toolbar-divider);
    margin-bottom: .6rem;
}

.tara-vc-search[b-gkz66oyl8i] {
    min-width: 260px;
    max-width: 460px;
    flex: 1;
}

[b-gkz66oyl8i] .tara-vc-search .mud-input-outlined:hover .mud-input-outlined-border,
[b-gkz66oyl8i] .tara-vc-search .mud-input-outlined.mud-input-focused .mud-input-outlined-border,
[b-gkz66oyl8i] .tara-vc-dialog-field .mud-input-outlined:hover .mud-input-outlined-border,
[b-gkz66oyl8i] .tara-vc-dialog-field .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-gkz66oyl8i] .tara-vc-search .mud-input-root-outlined.mud-input-focused label,
[b-gkz66oyl8i] .tara-vc-dialog-field .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark) !important;
}

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

.tara-vc-state[b-gkz66oyl8i] {
    min-height: 280px;
}

.tara-vc-state--loading[b-gkz66oyl8i]  .mud-progress-circular-root {
    margin-bottom: .1rem;
}

.tara-vc-state--empty[b-gkz66oyl8i]  .mud-icon-root {
    font-size: 2.6rem;
}

.tara-vc-grid-wrap[b-gkz66oyl8i] {
    border: 1px solid var(--tara-border);
    border-radius: 12px 12px 0 0;
    border-bottom: none;
    overflow: hidden auto;
    background: var(--tara-surface);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--tara-surface-raised) 30%, transparent);
}

[b-gkz66oyl8i] .tara-vc-grid.mud-table {
    box-shadow: none;
    min-width: 820px;
}

[b-gkz66oyl8i] .tara-vc-grid .mud-table-container {
    overflow-x: auto;
}

[b-gkz66oyl8i] .tara-vc-grid .mud-table-head .mud-table-cell {
    background: var(--_th-gradient);
    color: var(--_th-text);
    border-bottom: 2px solid color-mix(in srgb, var(--tara-primary-dark) 38%, var(--tara-border)) !important;
    border-top: 1px solid var(--_th-border-top);
    padding: .5rem .65rem !important;
    min-height: 44px;
    text-transform: uppercase;
    font-size: .71rem !important;
    font-weight: 700;
    letter-spacing: .04em;
    white-space: nowrap;
    cursor: pointer;
}

[b-gkz66oyl8i] .tara-vc-grid .mud-table-body .mud-table-row .mud-table-cell {
    border-bottom: 1px solid var(--tara-border-subtle) !important;
    font-size: .82rem;
    vertical-align: middle;
}

[b-gkz66oyl8i] .tara-vc-grid .mud-table-body .mud-table-row.mud-table-row-odd .mud-table-cell {
    background: var(--tara-row-odd);
}

[b-gkz66oyl8i] .tara-vc-grid .mud-table-body .mud-table-row.mud-table-row-even .mud-table-cell {
    background: var(--_row-even-bg);
}

[b-gkz66oyl8i] .tara-vc-grid .mud-table-body .mud-table-row:hover .mud-table-cell {
    background: var(--_row-hover) !important;
}

[b-gkz66oyl8i] .tara-vc-grid .mud-table-sort-label .mud-table-sort-label-arrow,
[b-gkz66oyl8i] .tara-vc-grid .mud-table-sort-label:hover {
    color: var(--tara-primary-dark) !important;
}

[b-gkz66oyl8i] .tara-vc-grid .mud-table-loading-progress .mud-progress-linear-bar {
    background-color: var(--tara-primary-dark) !important;
}

.tara-vc-cell-num[b-gkz66oyl8i] {
    width: 84px;
    text-align: center;
}

.tara-vc-col-actions[b-gkz66oyl8i] {
    width: 144px;
    text-align: center;
}

.tara-vc-actions-inline[b-gkz66oyl8i] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.tara-vc-edit-btn.mud-button-root[b-gkz66oyl8i] {
    border-color: color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
}

.tara-vc-value-chip[b-gkz66oyl8i],
.tara-vc-mobile-id[b-gkz66oyl8i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 .75rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    color: var(--tara-primary-dark);
    font-size: .75rem;
    font-weight: 800;
}

.tara-vc-mobile-list[b-gkz66oyl8i] {
    display: none;
    gap: .85rem;
}

.tara-vc-mobile-card[b-gkz66oyl8i] {
    border: 1px solid var(--tara-border);
    border-radius: 14px;
    padding: .95rem;
    background: color-mix(in srgb, var(--tara-bg) 55%, var(--tara-surface));
    box-shadow: var(--tara-shadow-sm);
}

.tara-vc-mobile-card + .tara-vc-mobile-card[b-gkz66oyl8i] {
    margin-top: .85rem;
}

.tara-vc-mobile-card-head[b-gkz66oyl8i] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
}

.tara-vc-mobile-card-head strong[b-gkz66oyl8i] {
    color: var(--tara-text);
    font-size: .98rem;
}

.tara-vc-mobile-meta[b-gkz66oyl8i] {
    margin-top: .15rem;
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-vc-mobile-actions[b-gkz66oyl8i] {
    display: flex;
    gap: .55rem;
    justify-content: flex-end;
    margin-top: .85rem;
    flex-wrap: wrap;
}

.tara-vc-dialog-backdrop[b-gkz66oyl8i] {
    position: fixed;
    inset: 0;
    background: color-mix(in srgb, var(--tara-text) 42%, transparent);
    backdrop-filter: blur(2px);
    z-index: 1300;
}

.tara-vc-dialog-shell[b-gkz66oyl8i] {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    z-index: 1301;
}

.tara-vc-dialog[b-gkz66oyl8i] {
    width: min(100%, 560px);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 18px;
    box-shadow: var(--tara-shadow-lg);
    padding: 1rem 1rem .95rem;
}

.tara-vc-delete-dialog[b-gkz66oyl8i] {
    width: min(100%, 480px);
}

.tara-vc-dialog-header[b-gkz66oyl8i] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .8rem;
}

.tara-vc-dialog-kicker[b-gkz66oyl8i] {
    display: block;
    margin-bottom: .15rem;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tara-vc-dialog-header h2[b-gkz66oyl8i] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.15rem;
    font-weight: 900;
}

.tara-vc-dialog-alert[b-gkz66oyl8i] {
    margin-top: .8rem;
}

.tara-vc-dialog-body[b-gkz66oyl8i] {
    margin-top: .9rem;
}

.tara-vc-dialog-grid[b-gkz66oyl8i] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 160px;
    gap: .75rem;
}

.tara-vc-dialog-field[b-gkz66oyl8i] {
    width: 100%;
}

.tara-vc-dialog-actions[b-gkz66oyl8i] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    margin-top: 1rem;
}

.tara-vc-delete-copy[b-gkz66oyl8i] {
    margin: 0;
    color: var(--tara-text);
    font-size: .92rem;
}

@media (max-width: 860px) {
    .tara-vc-header[b-gkz66oyl8i] {
        flex-direction: column;
        align-items: stretch;
    }

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

    .tara-vc-toolbar[b-gkz66oyl8i] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-vc-toolbar-count[b-gkz66oyl8i] {
        align-self: flex-start;
    }

    .tara-vc-search[b-gkz66oyl8i] {
        min-width: 0;
        max-width: none;
        width: 100%;
    }

    .tara-vc-toolbar-actions[b-gkz66oyl8i] {
        width: 100%;
    }

    .tara-vc-dialog-grid[b-gkz66oyl8i] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .tara-vc-card[b-gkz66oyl8i] {
        padding: .65rem .55rem .55rem;
    }

    .tara-vc-grid-wrap[b-gkz66oyl8i] {
        display: none;
    }

    .tara-vc-mobile-list[b-gkz66oyl8i] {
        display: block;
    }

    .tara-vc-toolbar-actions[b-gkz66oyl8i],
    .tara-vc-mobile-actions[b-gkz66oyl8i] {
        width: 100%;
    }

    .tara-vc-toolbar-actions[b-gkz66oyl8i]  .mud-button-root,
    .tara-vc-mobile-actions[b-gkz66oyl8i]  .mud-button-root {
        width: 100%;
    }

    .tara-vc-dialog[b-gkz66oyl8i] {
        padding: .9rem .85rem;
        border-radius: 16px;
    }

    .tara-vc-dialog-actions[b-gkz66oyl8i] {
        flex-direction: column-reverse;
    }

    .tara-vc-dialog-actions[b-gkz66oyl8i]  .mud-button-root {
        width: 100%;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/Components/FlexiCatalogoDetalleDialog.razor.rz.scp.css */
/* ── FlexiCatalogoDetalleDialog — Patrón Tarahumara Secundario ── prefix: fcd- */

.fcd-header[b-553gr1ev7l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.fcd-header-left[b-553gr1ev7l] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fcd-header-icon[b-553gr1ev7l] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(211, 47, 47, 0.1);
    color: #d32f2f;
    flex-shrink: 0;
}

.fcd-header-text[b-553gr1ev7l] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.fcd-header-title[b-553gr1ev7l] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fcd-header-sub[b-553gr1ev7l] {
    font-size: 0.75rem;
    color: #757575;
    line-height: 1.2;
}

.fcd-body[b-553gr1ev7l] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 0;
    min-width: 0;
    max-height: 70vh;
    overflow-y: auto;
}

.fcd-loading[b-553gr1ev7l],
.fcd-error[b-553gr1ev7l] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px;
    font-size: 0.85rem;
    color: #757575;
}

.fcd-error[b-553gr1ev7l] {
    color: #d32f2f;
}

.fcd-grid[b-553gr1ev7l] {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 16px;
}

@media (max-width: 640px) {
    .fcd-grid[b-553gr1ev7l] {
        grid-template-columns: 1fr;
    }
}

.fcd-imagen[b-553gr1ev7l] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
}

.fcd-img[b-553gr1ev7l] {
    width: 100%;
    max-width: 220px;
    border-radius: 8px;
    object-fit: contain;
    cursor: zoom-in;
    border: 1px solid #eee;
    transition: max-width 0.15s ease;
}

.fcd-img--ampliada[b-553gr1ev7l] {
    max-width: 100%;
    cursor: zoom-out;
}

.fcd-img-hint[b-553gr1ev7l] {
    font-size: 0.68rem;
    color: #9e9e9e;
    text-align: center;
}

.fcd-img-placeholder[b-553gr1ev7l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    height: 160px;
    border-radius: 8px;
    border: 1px dashed #ddd;
    color: #bdbdbd;
    font-size: 0.75rem;
}

.fcd-seccion[b-553gr1ev7l] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fcd-seccion--full[b-553gr1ev7l] {
    grid-column: 1 / -1;
}

.fcd-seccion h4[b-553gr1ev7l] {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 700;
    color: #424242;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.fcd-campos[b-553gr1ev7l] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 8px 16px;
}

.fcd-campo[b-553gr1ev7l] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.fcd-campo--full[b-553gr1ev7l] {
    grid-column: 1 / -1;
}

.fcd-campo span[b-553gr1ev7l] {
    font-size: 0.68rem;
    color: #9e9e9e;
}

.fcd-campo strong[b-553gr1ev7l] {
    font-size: 0.82rem;
    color: #1a1a1a;
    font-weight: 600;
    overflow-wrap: break-word;
}

.fcd-campo--diag strong[b-553gr1ev7l] {
    color: #d32f2f;
}

.fcd-chip-info[b-553gr1ev7l],
.fcd-chip-warn[b-553gr1ev7l] {
    font-size: 0.68rem;
    font-weight: 500;
    padding: 1px 6px;
    border-radius: 4px;
    width: fit-content;
}

.fcd-chip-info[b-553gr1ev7l] {
    background: rgba(56, 142, 60, 0.12);
    color: #2e7d32;
}

.fcd-chip-warn[b-553gr1ev7l] {
    background: rgba(211, 47, 47, 0.12);
    color: #d32f2f;
}

.fcd-moneda-nota[b-553gr1ev7l] {
    display: block;
    font-size: 0.65rem;
    font-weight: 400;
    color: #9e9e9e;
}

.fcd-tabla-tallas[b-553gr1ev7l] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

.fcd-tabla-tallas th[b-553gr1ev7l],
.fcd-tabla-tallas td[b-553gr1ev7l] {
    padding: 6px 10px;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
}

.fcd-tabla-tallas th[b-553gr1ev7l] {
    color: #757575;
    font-weight: 600;
    font-size: 0.7rem;
    text-transform: uppercase;
}

.fcd-vacio[b-553gr1ev7l] {
    margin: 0;
    font-size: 0.78rem;
    color: #9e9e9e;
}

.fcd-acciones[b-553gr1ev7l] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/Components/FlexiConsolaPanel.razor.rz.scp.css */
/*
 * FlexiConsolaPanel.razor.css — Consola Flexi Etapa 4
 * Prefijo: fxc-
 * Sin :root {} — CSS isolation lo convierte en :root[b-hash]
 */

/* ── Panel contenedor ───────────────────────────────────────────────────── */

.fxc-panel[b-ijgibe9p7q] {
    background:    var(--tara-surface);
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    overflow:      hidden;
}

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

.fxc-header[b-ijgibe9p7q] {
    display:         flex;
    align-items:     center;
    gap:             .5rem;
    padding:         .65rem .9rem;
    background:      color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    border-bottom:   2px solid var(--tara-primary);
}

.fxc-header-icon[b-ijgibe9p7q] {
    color: var(--tara-primary-dark);
}

.fxc-header-title[b-ijgibe9p7q] {
    font-size:      .78rem;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color:          var(--tara-primary-dark);
}

/* ── Secciones ──────────────────────────────────────────────────────────── */

.fxc-section[b-ijgibe9p7q] {
    padding:       .65rem .9rem;
    border-bottom: 1px solid var(--tara-border);
}

.fxc-section:last-child[b-ijgibe9p7q] {
    border-bottom: none;
}

.fxc-section--disabled[b-ijgibe9p7q] {
    opacity: .62;
}

.fxc-section--unavailable[b-ijgibe9p7q] {
    opacity: .5;
}

.fxc-section-title[b-ijgibe9p7q] {
    display:        flex;
    align-items:    center;
    gap:            .35rem;
    font-size:      .68rem;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color:          var(--tara-text-muted);
    margin-bottom:  .6rem;
}

/* ── Worker status — layout horizontal compacto ─────────────────────────── */

.fxc-worker-row[b-ijgibe9p7q] {
    display:    flex;
    flex-wrap:  wrap;
    gap:        .25rem .9rem;
    align-items: flex-start;
}

.fxc-worker-item[b-ijgibe9p7q] {
    display:        flex;
    flex-direction: column;
    gap:            1px;
    min-width:      60px;
}

/* Legacy .fxc-kv por si algún otro lugar lo usa */
.fxc-kv[b-ijgibe9p7q] {
    display:        flex;
    flex-direction: column;
    gap:            1px;
}

.fxc-kv-lbl[b-ijgibe9p7q] {
    font-size:      .58rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color:          var(--tara-text-muted);
    font-weight:    600;
}

.fxc-kv-val[b-ijgibe9p7q] {
    font-size:   .76rem;
    color:       var(--tara-text);
    font-family: monospace;
}

/* ── Badges ─────────────────────────────────────────────────────────────── */

.fxc-badge[b-ijgibe9p7q] {
    display:       inline-block;
    font-size:     .64rem;
    font-weight:   700;
    padding:       1px 7px;
    border-radius: 100px;
    border:        1px solid transparent;
    white-space:   nowrap;
}

.fxc-badge--ok[b-ijgibe9p7q] {
    background:   color-mix(in srgb, var(--tara-success) 14%, var(--tara-surface));
    color:        var(--tara-success);
    border-color: color-mix(in srgb, var(--tara-success) 35%, var(--tara-border));
}

.fxc-badge--off[b-ijgibe9p7q] {
    background:   var(--tara-surface-raised);
    color:        var(--tara-text-muted);
    border-color: var(--tara-border);
}

.fxc-badge--pending[b-ijgibe9p7q] {
    background:   color-mix(in srgb, var(--tara-warning) 14%, var(--tara-surface));
    color:        var(--tara-warning);
    border-color: color-mix(in srgb, var(--tara-warning) 35%, var(--tara-border));
    font-size:    .6rem;
    margin-left:  .3rem;
}

/* ── Formulario ─────────────────────────────────────────────────────────── */

.fxc-form[b-ijgibe9p7q] {
    display:        flex;
    flex-direction: column;
    gap:            .4rem;
    margin-bottom:  .5rem;
}

.fxc-form-row[b-ijgibe9p7q] {
    display:        flex;
    flex-direction: column;
    gap:            2px;
}

.fxc-form-row-inline[b-ijgibe9p7q] {
    display:    flex;
    gap:        .5rem;
    flex-wrap:  wrap;
    align-items: flex-end;
}

.fxc-form-field[b-ijgibe9p7q] {
    display:        flex;
    flex-direction: column;
    gap:            2px;
    flex:           1 1 140px;
    min-width:      120px;
}

[b-ijgibe9p7q] .fxc-mud-date {
    min-width: 130px;
}
[b-ijgibe9p7q] .fxc-mud-date .mud-input-outlined:hover .mud-input-outlined-border,
[b-ijgibe9p7q] .fxc-mud-date .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}
[b-ijgibe9p7q] .fxc-mud-date label.mud-input-label-animated {
    color:     var(--tara-text-muted);
    font-size: .76rem;
}
[b-ijgibe9p7q] .fxc-mud-date .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

.fxc-lbl[b-ijgibe9p7q] {
    font-size:      .66rem;
    font-weight:    600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color:          var(--tara-text-muted);
}

.fxc-input[b-ijgibe9p7q] {
    font-size:     .82rem;
    padding:       .3rem .5rem;
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background:    var(--tara-surface);
    color:         var(--tara-text);
    outline:       none;
    transition:    border-color .15s;
    width:         100%;
    box-sizing:    border-box;
}

.fxc-input:focus[b-ijgibe9p7q] {
    border-color: var(--tara-primary);
}

/* ── Resultado / feedback ───────────────────────────────────────────────── */

.fxc-result[b-ijgibe9p7q] {
    font-size:     .76rem;
    padding:       .4rem .6rem;
    border-radius: var(--tara-radius-sm);
    margin-bottom: .5rem;
    border:        1px solid transparent;
    word-break:    break-word;
}

.fxc-result--ok[b-ijgibe9p7q] {
    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) 30%, var(--tara-border));
}

.fxc-result--err[b-ijgibe9p7q] {
    background:   color-mix(in srgb, var(--tara-danger) 8%, var(--tara-surface));
    color:        var(--tara-danger);
    border-color: color-mix(in srgb, var(--tara-danger) 25%, var(--tara-border));
}

/* ── Botones ─────────────────────────────────────────────────────────────── */

.fxc-actions[b-ijgibe9p7q] {
    display:   flex;
    gap:       .5rem;
    flex-wrap: wrap;
}

.fxc-btn[b-ijgibe9p7q] {
    display:        inline-flex;
    align-items:    center;
    gap:            4px;
    cursor:         pointer;
    font-size:      .78rem;
    font-weight:    600;
    padding:        .35rem .75rem;
    border-radius:  var(--tara-radius-sm);
    border:         1px solid transparent;
    transition:     background .15s, color .15s, border-color .15s, opacity .15s;
    white-space:    nowrap;
}

.fxc-btn:disabled[b-ijgibe9p7q] {
    opacity: .45;
    cursor:  not-allowed;
}

.fxc-btn--primary[b-ijgibe9p7q] {
    background:   var(--tara-primary-dark);
    color:        #fff;
    border-color: var(--tara-primary-dark);
}

.fxc-btn--primary:not(:disabled):hover[b-ijgibe9p7q] {
    background:   var(--tara-primary);
    border-color: var(--tara-primary);
}

.fxc-btn--neutral[b-ijgibe9p7q] {
    background:   var(--tara-surface);
    color:        var(--tara-text);
    border-color: var(--tara-border);
}

.fxc-btn--neutral:not(:disabled):hover[b-ijgibe9p7q] {
    background:   var(--tara-surface-raised);
}

.fxc-btn--sm[b-ijgibe9p7q] {
    font-size:  .72rem;
    padding:    .25rem .55rem;
}

/* ── Notas y empty ──────────────────────────────────────────────────────── */

.fxc-note[b-ijgibe9p7q] {
    font-size:  .7rem;
    color:      var(--tara-text-muted);
    margin:     .4rem 0 0;
    line-height: 1.4;
}

.fxc-empty[b-ijgibe9p7q] {
    font-size:   .76rem;
    color:       var(--tara-text-muted);
    display:     flex;
    align-items: center;
    gap:         .5rem;
    flex-wrap:   wrap;
}

/* ── Skeleton loading ───────────────────────────────────────────────────── */

.fxc-skeleton[b-ijgibe9p7q] {
    height:        60px;
    border-radius: var(--tara-radius-sm);
    background:    linear-gradient(90deg,
        var(--tara-surface-raised) 25%,
        color-mix(in srgb, var(--tara-border) 50%, var(--tara-surface)) 50%,
        var(--tara-surface-raised) 75%);
    background-size: 200% 100%;
    animation:       fxc-shimmer 1.4s infinite;
}

@@keyframes fxc-shimmer {
    0%[b-ijgibe9p7q]   { background-position: 200% 0; }
    100%[b-ijgibe9p7q] { background-position: -200% 0; }
}

/* ── Spinner inline ─────────────────────────────────────────────────────── */

.fxc-spin[b-ijgibe9p7q] {
    display:       inline-block;
    width:         12px;
    height:        12px;
    border:        2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation:     fxc-rotate .7s linear infinite;
    flex-shrink:   0;
}

@@keyframes fxc-rotate {
    to[b-ijgibe9p7q] { transform: rotate(360deg); }
}

/* ── Overlay de confirmación ────────────────────────────────────────────── */

.fxc-overlay[b-ijgibe9p7q] {
    position:   fixed;
    inset:      0;
    background: color-mix(in srgb, #000 40%, transparent);
    display:    flex;
    align-items: center;
    justify-content: center;
    z-index:    9000;
}

.fxc-dialog[b-ijgibe9p7q] {
    background:    var(--tara-surface);
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding:       1.25rem;
    width:         min(420px, 92vw);
    box-shadow:    0 8px 32px color-mix(in srgb, #000 20%, transparent);
}

.fxc-dialog-title[b-ijgibe9p7q] {
    display:       flex;
    align-items:   center;
    gap:           .4rem;
    font-size:     .85rem;
    font-weight:   700;
    color:         var(--tara-text);
    margin-bottom: .75rem;
}

.fxc-dialog-body[b-ijgibe9p7q] {
    font-size:     .82rem;
    color:         var(--tara-text);
    margin-bottom: 1rem;
}

.fxc-dialog-body p[b-ijgibe9p7q] {
    margin: 0 0 .35rem;
}

.fxc-dialog-warn[b-ijgibe9p7q] {
    font-size:  .76rem;
    color:      var(--tara-text-muted);
    padding:    .4rem .6rem;
    background: color-mix(in srgb, var(--tara-warning) 8%, var(--tara-surface));
    border-left: 2px solid var(--tara-warning);
    border-radius: 0 var(--tara-radius-sm) var(--tara-radius-sm) 0;
    margin-top: .35rem;
}

.fxc-dialog-actions[b-ijgibe9p7q] {
    display:         flex;
    justify-content: flex-end;
    gap:             .5rem;
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/Components/FlexiMonitorDetalleDialog.razor.rz.scp.css */
/*
 * FlexiMonitorDetalleDialog.razor.css — Patrón Tarahumara Secundario
 * Prefijo: fxmd-
 * Sin :root {} — Blazor CSS isolation lo convierte en :root[b-hash]
 */

/* ── Título del dialog ──────────────────────────────────────────────────── */

.fxmd-title-row[b-s78c3145ja] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    flex-wrap:   wrap;
}

.fxmd-title-id[b-s78c3145ja] {
    font-family: monospace;
    font-size:   .85rem;
    color:       var(--tara-text-muted);
}

/* ── Secciones ──────────────────────────────────────────────────────────── */

.fxmd-section[b-s78c3145ja] {
    margin-bottom: 1.25rem;
}

.fxmd-section-title[b-s78c3145ja] {
    display:        flex;
    align-items:    center;
    gap:            .4rem;
    font-size:      .68rem;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color:          var(--tara-text-muted);
    margin-bottom:  .6rem;
    padding-bottom: .35rem;
    border-bottom:  1px solid var(--tara-border);
}

.fxmd-empty[b-s78c3145ja] {
    padding:    2rem;
    text-align: center;
    color:      var(--tara-text-muted);
}

/* ── Grid de campos ─────────────────────────────────────────────────────── */

.fxmd-grid[b-s78c3145ja] {
    display:               grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap:                   .35rem .75rem;
}

.fxmd-row[b-s78c3145ja] {
    display:        flex;
    flex-direction: column;
    gap:            1px;
}

.fxmd-row--full[b-s78c3145ja] {
    grid-column: 1 / -1;
}

.fxmd-lbl[b-s78c3145ja] {
    font-size:      .66rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color:          var(--tara-text-muted);
    font-weight:    600;
}

.fxmd-val[b-s78c3145ja] {
    font-size:   .82rem;
    color:       var(--tara-text);
    word-break:  break-word;
}

.fxmd-mono[b-s78c3145ja] {
    font-family: monospace !important;
    font-size:   .78rem !important;
}

/* ── Status chips ───────────────────────────────────────────────────────── */

.fxmd-status[b-s78c3145ja] {
    display:       inline-block;
    font-size:     .67rem;
    font-weight:   700;
    padding:       2px 8px;
    border-radius: 100px;
    border:        1px solid transparent;
    white-space:   nowrap;
}

.fxmd-status--ok[b-s78c3145ja] {
    background:   color-mix(in srgb, var(--tara-success) 14%, var(--tara-surface));
    color:        var(--tara-success);
    border-color: color-mix(in srgb, var(--tara-success) 35%, var(--tara-border));
}

.fxmd-status--proceso[b-s78c3145ja] {
    background:   color-mix(in srgb, var(--tara-primary) 9%, var(--tara-surface));
    color:        var(--tara-primary-dark);
    border-color: color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border));
}

.fxmd-status--preparado[b-s78c3145ja] {
    background:   var(--tara-surface-raised);
    color:        var(--tara-text-muted);
    border-color: var(--tara-border);
}

.fxmd-status--warn[b-s78c3145ja] {
    background:   color-mix(in srgb, var(--tara-warning) 12%, var(--tara-surface));
    color:        var(--tara-warning);
    border-color: color-mix(in srgb, var(--tara-warning) 35%, var(--tara-border));
}

.fxmd-status--danger[b-s78c3145ja] {
    background:   color-mix(in srgb, var(--tara-danger) 10%, var(--tara-surface));
    color:        var(--tara-danger);
    border-color: color-mix(in srgb, var(--tara-danger) 30%, var(--tara-border));
}

.fxmd-status--config-err[b-s78c3145ja] {
    background:   color-mix(in srgb, var(--tara-danger) 85%, #000);
    color:        #fff;
    border-color: var(--tara-danger);
}

.fxmd-status--neutral[b-s78c3145ja] {
    background:   var(--tara-surface-raised);
    color:        var(--tara-text-muted);
    border-color: var(--tara-border);
}

/* ── ProcessId copiable ─────────────────────────────────────────────────── */

.fxmd-pid-block[b-s78c3145ja] {
    margin-top: .75rem;
}

.fxmd-pid-row[b-s78c3145ja] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    flex-wrap:   wrap;
    margin-top:  .25rem;
}

.fxmd-pid-code[b-s78c3145ja] {
    font-family:  monospace;
    font-size:    .78rem;
    background:   var(--tara-surface-raised);
    border:       1px solid var(--tara-border);
    padding:      .3rem .6rem;
    border-radius: 4px;
    word-break:   break-all;
    color:        var(--tara-text);
}

.fxmd-url-code[b-s78c3145ja] {
    font-family:  monospace;
    font-size:    .72rem;
    background:   var(--tara-surface-raised);
    border:       1px solid var(--tara-border);
    padding:      .3rem .6rem;
    border-radius: 4px;
    word-break:   break-all;
    display:      block;
    margin-top:   .25rem;
    color:        var(--tara-text-muted);
}

.fxmd-copy-btn[b-s78c3145ja] {
    display:      inline-flex;
    align-items:  center;
    gap:          4px;
    cursor:       pointer;
    font-size:    .72rem;
    padding:      4px 10px;
    border-radius: 4px;
    border:       1px solid var(--tara-border);
    background:   var(--tara-surface);
    color:        var(--tara-text);
    white-space:  nowrap;
    transition:   background .15s, color .15s, border-color .15s;
}

.fxmd-copy-btn:hover[b-s78c3145ja] {
    background:   color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    color:        var(--tara-primary-dark);
    border-color: color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
}

/* ── Respuesta Flexi (payload) — scroll obligatorio ────────────────────── */

.fxmd-response-pre[b-s78c3145ja] {
    font-size:    .72rem;
    font-family:  monospace;
    background:   var(--tara-surface-raised);
    border:       1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding:      .75rem;
    max-height:   260px;
    overflow-y:   auto;
    overflow-x:   auto;
    white-space:  pre-wrap;
    word-break:   break-word;
    color:        var(--tara-text);
    margin:       0;
}

/* ── Tabla de líneas relacionadas ───────────────────────────────────────── */

.fxmd-lineas-wrapper[b-s78c3145ja] {
    overflow-x:    auto;
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
}

.fxmd-lineas-table[b-s78c3145ja] {
    width:           100%;
    border-collapse: collapse;
    font-size:       .78rem;
}

.fxmd-lineas-table thead th[b-s78c3145ja] {
    background:     var(--tara-th-bg);
    color:          var(--tara-th-text);
    padding:        .4rem .6rem;
    text-align:     left;
    font-size:      .67rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    border-bottom:  1px solid var(--tara-border);
    white-space:    nowrap;
    font-weight:    700;
}

.fxmd-lineas-table tbody td[b-s78c3145ja] {
    padding:       .35rem .6rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    color:         var(--tara-text);
}

.fxmd-lineas-table tbody tr:last-child td[b-s78c3145ja] {
    border-bottom: none;
}

.fxmd-extra-tag[b-s78c3145ja] {
    display:       inline-block;
    font-family:   monospace;
    font-size:     .64rem;
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border);
    border-radius: 3px;
    padding:       1px 4px;
    margin:        1px 2px;
    color:         var(--tara-text-muted);
}

/* ── Timeline visual ────────────────────────────────────────────────────── */

.fxmd-timeline[b-s78c3145ja] {
    display:        flex;
    flex-direction: column;
    position:       relative;
    padding-left:   1.25rem;
}

/* Línea vertical conectora */
.fxmd-timeline[b-s78c3145ja]::before {
    content:     "";
    position:    absolute;
    left:        4px;
    top:         8px;
    bottom:      8px;
    width:       2px;
    background:  var(--tara-border);
    border-radius: 1px;
}

.fxmd-timeline-paso[b-s78c3145ja] {
    display:     flex;
    gap:         .65rem;
    align-items: flex-start;
    position:    relative;
    padding-bottom: .65rem;
}

.fxmd-timeline-paso:last-child[b-s78c3145ja] {
    padding-bottom: 0;
}

.fxmd-timeline-dot[b-s78c3145ja] {
    position:     absolute;
    left:         -1.25rem;
    top:          3px;
    width:        10px;
    height:       10px;
    border-radius: 50%;
    flex-shrink:  0;
    border:       2px solid var(--tara-surface);
    box-shadow:   0 0 0 1px var(--tara-border);
    background:   var(--tara-border);
    z-index:      1;
}

.fxmd-td--ok[b-s78c3145ja]      { background: var(--tara-success); box-shadow: 0 0 0 1px var(--tara-success); }
.fxmd-td--proceso[b-s78c3145ja] { background: var(--tara-primary-dark); box-shadow: 0 0 0 1px var(--tara-primary-dark); }
.fxmd-td--intento[b-s78c3145ja] { background: var(--tara-warning); box-shadow: 0 0 0 1px var(--tara-warning); border-width: 2px; }
.fxmd-td--default[b-s78c3145ja] { background: var(--tara-border); }

.fxmd-timeline-body[b-s78c3145ja] {
    display:        flex;
    flex-direction: column;
    gap:            2px;
}

.fxmd-timeline-label[b-s78c3145ja] {
    font-size:      .67rem;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color:          var(--tara-text-muted);
}

.fxmd-timeline-fecha[b-s78c3145ja] {
    font-size:   .75rem;
    font-family: monospace;
    color:       var(--tara-text);
}

.fxmd-timeline-desc[b-s78c3145ja] {
    margin:    0;
    font-size: .75rem;
    color:     var(--tara-text-muted);
}

/* ── Responsive del dialog ──────────────────────────────────────────────── */

/* ── Overlay confirmación Reintentar ────────────────────────────────────── */

.fxmd-overlay[b-s78c3145ja] {
    position:        fixed;
    inset:           0;
    background:      color-mix(in srgb, #000 40%, transparent);
    display:         flex;
    align-items:     center;
    justify-content: center;
    z-index:         9500;
}

.fxmd-confirm-dialog[b-s78c3145ja] {
    background:    var(--tara-surface);
    border:        1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding:       1.25rem;
    width:         min(380px, 92vw);
    box-shadow:    0 8px 32px color-mix(in srgb, #000 20%, transparent);
}

.fxmd-confirm-title[b-s78c3145ja] {
    display:       flex;
    align-items:   center;
    gap:           .4rem;
    font-size:     .85rem;
    font-weight:   700;
    color:         var(--tara-text);
    margin-bottom: .75rem;
}

.fxmd-confirm-body[b-s78c3145ja] {
    font-size:     .82rem;
    color:         var(--tara-text);
    margin-bottom: 1rem;
}

.fxmd-confirm-body p[b-s78c3145ja] {
    margin: 0 0 .3rem;
}

.fxmd-confirm-actions[b-s78c3145ja] {
    display:         flex;
    justify-content: flex-end;
    gap:             .5rem;
}

/* ── Responsive del dialog ──────────────────────────────────────────────── */

@@media (max-width: 640px) {
    .fxmd-grid[b-s78c3145ja] {
        grid-template-columns: 1fr;
    }
    .fxmd-pid-row[b-s78c3145ja] {
        flex-direction: column;
        align-items:    flex-start;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/Components/FlexiSazComparacionDialog.razor.rz.scp.css */
/* ── FlexiSazComparacionDialog — Patrón Tarahumara Secundario ── prefix: fsc- */

.fsc-header[b-n1rvu8u5ps] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fsc-header-icon[b-n1rvu8u5ps] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(211, 47, 47, 0.1);
    color: #d32f2f;
    flex-shrink: 0;
}

.fsc-header-text[b-n1rvu8u5ps] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.fsc-header-title[b-n1rvu8u5ps] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #1a1a1a;
}

.fsc-header-sub[b-n1rvu8u5ps] {
    font-size: 0.75rem;
    color: #757575;
}

.fsc-body[b-n1rvu8u5ps] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 4px 0;
    min-width: 720px;
    max-width: 100%;
    max-height: 75vh;
    overflow-y: auto;
}

.fsc-loading[b-n1rvu8u5ps],
.fsc-error[b-n1rvu8u5ps] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px;
    font-size: 0.85rem;
    color: #757575;
}

.fsc-error[b-n1rvu8u5ps] { color: #d32f2f; }

.fsc-llave-card[b-n1rvu8u5ps] {
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 10px 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.fsc-llave-row[b-n1rvu8u5ps] {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    font-size: 0.85rem;
}

.fsc-ambientes-row[b-n1rvu8u5ps] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    font-size: 0.72rem;
    color: #757575;
}

.fsc-alert[b-n1rvu8u5ps] { font-size: 0.8rem; }

.fsc-bloqueos[b-n1rvu8u5ps] {
    margin: 0;
    padding-left: 18px;
}

.fsc-estado-row[b-n1rvu8u5ps] {
    display: flex;
}

.fsc-paneles[b-n1rvu8u5ps] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

@media (max-width: 720px) {
    .fsc-paneles[b-n1rvu8u5ps] { grid-template-columns: 1fr; }
    .fsc-body[b-n1rvu8u5ps] { min-width: 0; }
}

.fsc-panel[b-n1rvu8u5ps] {
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 10px 12px;
}

.fsc-panel h4[b-n1rvu8u5ps] {
    margin: 0 0 8px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #424242;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.fsc-campos[b-n1rvu8u5ps] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 6px 12px;
}

.fsc-campo[b-n1rvu8u5ps] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.fsc-campo--full[b-n1rvu8u5ps] { grid-column: 1 / -1; }

.fsc-campo span[b-n1rvu8u5ps] {
    font-size: 0.65rem;
    color: #9e9e9e;
}

.fsc-campo strong[b-n1rvu8u5ps] {
    font-size: 0.8rem;
    color: #1a1a1a;
    font-weight: 600;
    overflow-wrap: break-word;
}

.fsc-vacio[b-n1rvu8u5ps] {
    margin: 0;
    font-size: 0.78rem;
    color: #9e9e9e;
}

.fsc-seccion[b-n1rvu8u5ps] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fsc-tallas-header[b-n1rvu8u5ps] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.fsc-tallas-header h4[b-n1rvu8u5ps] {
    margin: 0;
    font-size: 0.85rem;
    font-weight: 700;
}

.fsc-tallas-acciones[b-n1rvu8u5ps] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.fsc-total-seleccionado[b-n1rvu8u5ps] {
    font-size: 0.75rem;
    color: #757575;
    margin-left: 6px;
}

.fsc-tabla-wrap[b-n1rvu8u5ps] {
    overflow-x: auto;
}

.fsc-tabla-tallas[b-n1rvu8u5ps] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
}

.fsc-tabla-tallas th[b-n1rvu8u5ps],
.fsc-tabla-tallas td[b-n1rvu8u5ps] {
    padding: 5px 8px;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
    white-space: nowrap;
}

.fsc-tabla-tallas th[b-n1rvu8u5ps] {
    color: #757575;
    font-weight: 600;
    font-size: 0.68rem;
    text-transform: uppercase;
}

.fsc-fila-bloqueada[b-n1rvu8u5ps] { opacity: 0.6; }

.fsc-estado-pill[b-n1rvu8u5ps] {
    font-size: 0.65rem;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
}

.fsc-estado-pill--falta_en_saz[b-n1rvu8u5ps],
.fsc-estado-pill--sku_faltante[b-n1rvu8u5ps] { background: rgba(25, 118, 210, 0.12); color: #1565c0; }
.fsc-estado-pill--existe_y_coincide[b-n1rvu8u5ps] { background: rgba(56, 142, 60, 0.12); color: #2e7d32; }
.fsc-estado-pill--ean_diferente[b-n1rvu8u5ps],
.fsc-estado-pill--ean_asociado_a_otro_producto[b-n1rvu8u5ps] { background: rgba(211, 47, 47, 0.12); color: #d32f2f; }

.fsc-resultado-detalle[b-n1rvu8u5ps] {
    display: flex;
    gap: 14px;
    font-size: 0.75rem;
    margin-top: 4px;
}

.fsc-texto-estado-final[b-n1rvu8u5ps] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #757575;
    margin-right: auto;
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/Components/FlexiSkuDiagnosticoDialog.razor.rz.scp.css */
/* ── FlexiSkuDiagnosticoDialog — Patrón Tarahumara Secundario ── prefix: fskd- */

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

.fskd-header[b-7f3ylabhy6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.fskd-header-left[b-7f3ylabhy6] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fskd-header-icon[b-7f3ylabhy6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(211, 47, 47, 0.1);
    color: #d32f2f;
    flex-shrink: 0;
}

.fskd-header-text[b-7f3ylabhy6] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.fskd-header-title[b-7f3ylabhy6] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1.2;
}

.fskd-header-sub[b-7f3ylabhy6] {
    font-size: 0.75rem;
    color: #757575;
    line-height: 1.2;
}

/* ── Body ───────────────────────────────────────────────────────────────────── */

.fskd-body[b-7f3ylabhy6] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 4px 0;
    min-width: 0;
}

/* ── Search row ─────────────────────────────────────────────────────────────── */

.fskd-search-row[b-7f3ylabhy6] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.fskd-input[b-7f3ylabhy6] {
    flex: 1;
    min-width: 0;
}

.fskd-btn-buscar[b-7f3ylabhy6] {
    flex-shrink: 0;
    height: 40px;
    white-space: nowrap;
}

/* ── Error card ─────────────────────────────────────────────────────────────── */

.fskd-error-card[b-7f3ylabhy6] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: #fff3f3;
    border: 1px solid #f5c2c2;
    border-radius: 8px;
    font-size: 0.83rem;
    color: #b71c1c;
}

.fskd-error-icon[b-7f3ylabhy6] {
    color: #d32f2f;
    flex-shrink: 0;
}

/* ── Image preview ──────────────────────────────────────────────────────────── */

.fskd-img-preview[b-7f3ylabhy6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 12px;
    background: #fafafa;
    border: 1px solid #eeeeee;
    border-radius: 10px;
}

.fskd-img-main[b-7f3ylabhy6] {
    max-height: 200px;
    max-width: 100%;
    object-fit: contain;
    border-radius: 6px;
}

.fskd-img-meta[b-7f3ylabhy6] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
}

.fskd-img-tag[b-7f3ylabhy6] {
    font-size: 0.7rem;
    padding: 2px 8px;
    border-radius: 10px;
    background: #eeeeee;
    color: #555;
    font-family: monospace;
}

.fskd-img-tag--src[b-7f3ylabhy6] {
    background: #e3f2fd;
    color: #1565c0;
}

/* ── Cards grid ─────────────────────────────────────────────────────────────── */

.fskd-cards[b-7f3ylabhy6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

@media (max-width: 600px) {
    .fskd-cards[b-7f3ylabhy6] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.fskd-card[b-7f3ylabhy6] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    background: #fafafa;
    min-width: 0;
}

.fskd-card--ok[b-7f3ylabhy6] {
    border-color: #a5d6a7;
    background: #f1f8e9;
}

.fskd-card--err[b-7f3ylabhy6] {
    border-color: #ef9a9a;
    background: #fff8f8;
}

.fskd-card--empty[b-7f3ylabhy6] {
    border-color: #ffe082;
    background: #fffde7;
}

.fskd-card--muted[b-7f3ylabhy6] {
    border-color: #e0e0e0;
    background: #f5f5f5;
    opacity: 0.7;
}

/* ── Card internals ─────────────────────────────────────────────────────────── */

.fskd-card-header[b-7f3ylabhy6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
}

.fskd-card-title[b-7f3ylabhy6] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fskd-card-status[b-7f3ylabhy6] {
    font-size: 0.7rem;
    font-family: monospace;
    color: #666;
    flex-shrink: 0;
}

.fskd-card-body[b-7f3ylabhy6] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.fskd-card-conteo[b-7f3ylabhy6] {
    font-size: 0.72rem;
    color: #444;
    font-weight: 500;
}

.fskd-card-ms[b-7f3ylabhy6] {
    font-size: 0.68rem;
    color: #999;
    margin-left: auto;
    font-family: monospace;
}

.fskd-card-msg[b-7f3ylabhy6] {
    font-size: 0.7rem;
    color: #555;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Section title ──────────────────────────────────────────────────────────── */

.fskd-section-title[b-7f3ylabhy6] {
    display:     flex;
    align-items: center;
    gap:         .4rem;
    font-size:   0.8rem;
    font-weight: 600;
    color:       #424242;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-top:  4px;
}

.fskd-section-count[b-7f3ylabhy6] {
    font-size:      .68rem;
    font-weight:    500;
    text-transform: none;
    letter-spacing: 0;
    color:          #888;
    font-style:     italic;
}

/* ── Gallery chips (selector de formato de imagen) ──────────────────────────── */

.fskd-gallery-chips[b-7f3ylabhy6] {
    display:    flex;
    flex-wrap:  wrap;
    gap:        .3rem;
    margin-top: .25rem;
    justify-content: center;
}

.fskd-gallery-chip[b-7f3ylabhy6] {
    display:     inline-flex;
    align-items: center;
    gap:         .22rem;
    padding:     .18rem .5rem;
    border-radius: 999px;
    border:      1px solid #ddd;
    background:  #fff;
    color:       #666;
    font-size:   .72rem;
    font-weight: 500;
    font-family: monospace;
    cursor:      pointer;
    transition:  background .12s, border-color .12s, color .12s;
    white-space: nowrap;
    line-height: 1.3;
}

.fskd-gallery-chip:hover[b-7f3ylabhy6] {
    background:   rgba(204, 0, 0, .06);
    border-color: rgba(204, 0, 0, .3);
    color:        #333;
}

.fskd-gallery-chip--active[b-7f3ylabhy6] {
    background:   rgba(204, 0, 0, .1);
    border-color: rgba(204, 0, 0, .45);
    color:        #c62828;
    font-weight:  700;
}

.fskd-chip-count[b-7f3ylabhy6] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    min-width:       15px;
    height:          15px;
    border-radius:   999px;
    background:      currentColor;
    color:           #fff;
    font-size:       .58rem;
    font-weight:     700;
    padding:         0 3px;
}

/* El .fskd-chip-count hereda currentColor del padre — cuando el chip está
   activo (color: #c62828), el fondo del badge también es rojo. */
.fskd-gallery-chip--active .fskd-chip-count[b-7f3ylabhy6] {
    color: #fff;
}

.fskd-chip-primary[b-7f3ylabhy6] {
    font-size:  .7rem;
    color:      #f9a825;
    line-height: 1;
}

/* ── Products list ──────────────────────────────────────────────────────────── */

.fskd-products-list[b-7f3ylabhy6] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Variante con scroll (para listas largas como 60 items por estilo) */
.fskd-products-list--scroll[b-7f3ylabhy6] {
    max-height:  160px;
    overflow-y:  auto;
    border:      1px solid #eee;
    border-radius: 6px;
    padding:     6px;
    background:  #fafafa;
}

.fskd-product-row[b-7f3ylabhy6] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 12px;
    background: #f5f5f5;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
}

.fskd-code[b-7f3ylabhy6] {
    font-size: 0.78rem;
    font-weight: 600;
    font-family: monospace;
    color: #1a1a1a;
    flex-shrink: 0;
}

.fskd-desc[b-7f3ylabhy6] {
    font-size: 0.8rem;
    color: #444;
    flex: 1;
    min-width: 0;
}

.fskd-ean[b-7f3ylabhy6] {
    font-size: 0.72rem;
    color: #757575;
    font-family: monospace;
    flex-shrink: 0;
}

/* ── Empty state ────────────────────────────────────────────────────────────── */

.fskd-empty-state[b-7f3ylabhy6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 24px 16px;
    text-align: center;
    color: #757575;
}

.fskd-empty-icon[b-7f3ylabhy6] {
    font-size: 2.5rem;
    color: #bdbdbd;
}

.fskd-empty-state p[b-7f3ylabhy6] {
    font-size: 0.85rem;
    margin: 0;
    color: #555;
}

.fskd-empty-state span[b-7f3ylabhy6] {
    font-size: 0.78rem;
    color: #9e9e9e;
}

/* ── Advertencias ───────────────────────────────────────────────────────────── */

.fskd-advertencias[b-7f3ylabhy6] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 12px;
    background: #fff8e1;
    border: 1px solid #ffe082;
    border-radius: 8px;
}

.fskd-adv-item[b-7f3ylabhy6] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    font-size: 0.78rem;
    color: #5d4037;
    line-height: 1.4;
}

.fskd-adv-icon[b-7f3ylabhy6] {
    color: #f9a825;
    flex-shrink: 0;
    margin-top: 1px;
}

/* ── Timing ─────────────────────────────────────────────────────────────────── */

.fskd-timing[b-7f3ylabhy6] {
    font-size: 0.7rem;
    color: #9e9e9e;
    font-family: monospace;
    text-align: right;
    padding-top: 4px;
}

/* ── Producto resuelto ────────────────────────────────────────────────────── */

.fskd-resuelto-card[b-7f3ylabhy6] {
    background:    var(--tara-surface-alt, #fafafa);
    border:        1px solid var(--tara-border);
    border-left:   3px solid var(--tara-primary);
    border-radius: var(--tara-radius-md, .5rem);
    padding:       .65rem .875rem;
    margin-bottom: .75rem;
    display:       flex;
    flex-direction: column;
    gap:           .3rem;
}

.fskd-resuelto-row[b-7f3ylabhy6] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    font-size:   .82rem;
}

.fskd-resuelto-key[b-7f3ylabhy6] {
    min-width:   7rem;
    color:       var(--tara-text-muted);
    font-weight: 500;
    flex-shrink: 0;
}

.fskd-resuelto-val[b-7f3ylabhy6] {
    font-weight: 600;
    color:       var(--tara-text);
}

.fskd-badge--tipo[b-7f3ylabhy6] {
    display:        inline-block;
    padding:        .12rem .5rem;
    border-radius:  999px;
    font-size:      .72rem;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: .05em;
    background:     rgba(204, 0, 0, .1);
    color:          var(--tara-primary);
}

.fskd-material[b-7f3ylabhy6] {
    font-weight: 700;
    color:       var(--tara-primary);
}

.fskd-resuelto-fuente[b-7f3ylabhy6] {
    font-size:   .75rem;
    color:       var(--tara-text-muted);
    font-style:  italic;
}

.fskd-cards--resuelto[b-7f3ylabhy6] {
    border:        1px dashed var(--tara-border);
    border-radius: var(--tara-radius-md, .5rem);
    padding:       .5rem;
    margin-bottom: .75rem;
    background:    rgba(204, 0, 0, .02);
}

/* ── Detalle comercial ────────────────────────────────────────────────────── */

.fskd-detalle-grid[b-7f3ylabhy6] {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    gap:                   .3rem .75rem;
    margin-bottom:         .75rem;
    background:            var(--tara-surface-alt, #fafafa);
    border:                1px solid var(--tara-border);
    border-radius:         var(--tara-radius-md, .5rem);
    padding:               .65rem .875rem;
}

.fskd-det-field[b-7f3ylabhy6] {
    display:     flex;
    align-items: baseline;
    gap:         .35rem;
    font-size:   .8rem;
}

.fskd-det-label[b-7f3ylabhy6] {
    min-width:   5.5rem;
    color:       var(--tara-text-muted);
    font-size:   .73rem;
    flex-shrink: 0;
}

.fskd-det-val[b-7f3ylabhy6] {
    color:       var(--tara-text);
    font-weight: 500;
    word-break:  break-word;
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/Components/FlexiVentasCatalogoDialog.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════════════
   FlexiVentasCatalogoDialog.razor.css — Patrón Tarahumara Secundario
   Prefijo: fvcd-
   No usar :root {} — Blazor lo convierte en :root[b-hash] → inválido.
   ::deep → compila a [b-hash] .selector, funciona para MudDataGrid internals.
   ════════════════════════════════════════════════════════════════════════════ */

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

.fvcd-header[b-27thrvztuu] {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    flex-wrap:       wrap;
    gap:             .5rem;
    padding:         .25rem 0 .1rem;
    width:           100%;
}

.fvcd-header-left[b-27thrvztuu] {
    display:     flex;
    align-items: center;
    gap:         .6rem;
    min-width:   0;
}

.fvcd-header-icon[b-27thrvztuu] {
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           36px;
    height:          36px;
    border-radius:   10px;
    background:      rgba(204, 0, 0, .1);
    color:           var(--tara-primary);
    flex-shrink:     0;
}

.fvcd-header-text[b-27thrvztuu] {
    display:        flex;
    flex-direction: column;
    gap:            .1rem;
    min-width:      0;
}

.fvcd-header-title[b-27thrvztuu] {
    font-size:   1rem;
    font-weight: 700;
    color:       var(--tara-text);
    line-height: 1.2;
}

.fvcd-header-sub[b-27thrvztuu] {
    font-size:   .74rem;
    color:       var(--tara-text-muted);
    line-height: 1.3;
    white-space: nowrap;
    overflow:    hidden;
    text-overflow: ellipsis;
    max-width:   380px;
}

.fvcd-header-meta[b-27thrvztuu] {
    display:     flex;
    align-items: center;
    gap:         .4rem;
    flex-shrink: 0;
}

.fvcd-count-pill[b-27thrvztuu] {
    display:        inline-flex;
    align-items:    center;
    padding:        .18rem .6rem;
    border-radius:  999px;
    background:     var(--tara-surface-alt, #f5f5f5);
    border:         1px solid var(--tara-border);
    font-size:      .71rem;
    font-weight:    600;
    color:          var(--tara-text-muted);
    white-space:    nowrap;
}

.fvcd-active-pill[b-27thrvztuu] {
    display:        inline-flex;
    align-items:    center;
    padding:        .18rem .6rem;
    border-radius:  999px;
    background:     #e8f5e9;
    border:         1px solid #c8e6c9;
    font-size:      .71rem;
    font-weight:    700;
    color:          #2e7d32;
    white-space:    nowrap;
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* ── Error de carga ────────────────────────────────────────────────────────── */

.fvcd-error-card[b-27thrvztuu] {
    display:       flex;
    align-items:   flex-start;
    gap:           .65rem;
    background:    #fff3f3;
    border:        1px solid #ffcdd2;
    border-left:   3px solid var(--tara-primary);
    border-radius: var(--tara-radius-md, .5rem);
    padding:       .7rem .9rem;
    margin-bottom: .875rem;
    font-size:     .82rem;
}

.fvcd-error-icon[b-27thrvztuu] {
    color:       var(--tara-primary);
    flex-shrink: 0;
    margin-top:  .1rem;
}

.fvcd-error-body[b-27thrvztuu] {
    flex:       1;
    min-width:  0;
}

.fvcd-error-msg[b-27thrvztuu] {
    margin:    .2rem 0 0;
    color:     var(--tara-text-muted);
    font-size: .77rem;
}

/* ── Confirmar desactivar ──────────────────────────────────────────────────── */

.fvcd-confirm[b-27thrvztuu] {
    display:       flex;
    align-items:   center;
    gap:           .6rem;
    flex-wrap:     wrap;
    background:    #fffde7;
    border:        1px solid #fff176;
    border-left:   3px solid #f9a825;
    border-radius: var(--tara-radius-md, .5rem);
    padding:       .6rem .85rem;
    margin-bottom: .875rem;
    font-size:     .82rem;
    color:         var(--tara-text, #1a1a1a);
}

.fvcd-confirm-text[b-27thrvztuu] {
    flex: 1;
    min-width: 0;
}

.fvcd-confirm-actions[b-27thrvztuu] {
    display:     flex;
    align-items: center;
    gap:         .35rem;
    flex-shrink: 0;
}

/* ── Formulario ────────────────────────────────────────────────────────────── */

.fvcd-form[b-27thrvztuu] {
    border-left:   3px solid var(--tara-primary);
    border:        1px solid var(--tara-border);
    border-left:   3px solid var(--tara-primary);
    border-radius: var(--tara-radius-md, .5rem);
    padding:       .875rem 1rem;
    margin-bottom: .875rem;
    background:    var(--tara-surface-alt, #fafafa);
    box-shadow:    0 1px 4px rgba(0, 0, 0, .05);
}

.fvcd-form-header[b-27thrvztuu] {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    margin-bottom:   .75rem;
}

.fvcd-form-heading[b-27thrvztuu] {
    display:     flex;
    align-items: center;
    gap:         .35rem;
    font-size:   .74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color:       var(--tara-text-muted);
}

.fvcd-form-heading-icon[b-27thrvztuu] {
    color: var(--tara-primary);
}

.fvcd-form-close[b-27thrvztuu] {
    background:    none;
    border:        none;
    cursor:        pointer;
    font-size:     .88rem;
    line-height:   1;
    color:         var(--tara-text-muted);
    padding:       .2rem .4rem;
    border-radius: var(--tara-radius-sm, .25rem);
    transition:    background .15s;
}

.fvcd-form-close:hover:not([disabled])[b-27thrvztuu] {
    background: rgba(0, 0, 0, .07);
    color:      var(--tara-text);
}

.fvcd-form-fields[b-27thrvztuu] {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    gap:                   .625rem;
    margin-bottom:         .625rem;
}

.fvcd-form-error[b-27thrvztuu] {
    font-size:  .76rem;
    color:      var(--tara-error, #c62828);
    margin:     .2rem 0 .4rem;
    font-style: italic;
}

.fvcd-form-actions[b-27thrvztuu] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    margin-top:  .1rem;
}

/* ── Grid shell (Patrón Tarahumara Secundario) ────────────────────────────── */

.fvcd-grid-shell[b-27thrvztuu] {
    background:    var(--tara-surface);
    border:        1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow:    var(--tara-shadow);
    padding:       .7rem .7rem .5rem;

    /* Bridge CSS vars — consumed por ::deep selectors más abajo */
    --_th-gradient:     linear-gradient(180deg, #faf7f3 0%, #f7f3ef 100%);
    --_th-border-top:   #efe8e1;
    --_th-text:         #374151;
    --_cell-text:       #1f2933;
    --_toolbar-divider: #f0ebe6;
    --_filter-icon:     #7b8794;
}

/* ── Toolbar ───────────────────────────────────────────────────────────────── */

.fvcd-grid-toolbar[b-27thrvztuu] {
    display:       flex;
    align-items:   center;
    gap:           .65rem;
    margin-bottom: .55rem;
    flex-wrap:     wrap;
    padding:       .1rem .2rem .35rem;
    border-bottom: 1px solid var(--_toolbar-divider);
}

.fvcd-btn-nuevo[b-27thrvztuu] {
    flex-shrink: 0;
    white-space: nowrap;
}

.fvcd-search-field[b-27thrvztuu] {
    flex: 1;
    min-width: 160px;
    max-width: 300px;
}

/* ── Chips de filtro ───────────────────────────────────────────────────────── */

.fvcd-filter-chips[b-27thrvztuu] {
    display:     flex;
    align-items: center;
    gap:         .25rem;
    flex-shrink: 0;
}

.fvcd-filter-chip[b-27thrvztuu] {
    display:        inline-flex;
    align-items:    center;
    padding:        .22rem .65rem;
    border-radius:  999px;
    border:         1px solid var(--tara-border);
    background:     var(--tara-surface);
    color:          var(--tara-text-muted);
    font-size:      .73rem;
    font-weight:    500;
    cursor:         pointer;
    transition:     background .15s, color .15s, border-color .15s;
    white-space:    nowrap;
    letter-spacing: .01em;
}

.fvcd-filter-chip:hover[b-27thrvztuu] {
    background:   rgba(204, 0, 0, .05);
    border-color: rgba(204, 0, 0, .3);
    color:        var(--tara-text);
}

.fvcd-filter-chip--active[b-27thrvztuu] {
    background:   rgba(204, 0, 0, .1);
    border-color: rgba(204, 0, 0, .35);
    color:        var(--tara-primary);
    font-weight:  700;
}

/* ── MudDataGrid — ::deep para internals ──────────────────────────────────── */

[b-27thrvztuu] .fvcd-data-grid.mud-table {
    border-radius: 0;
    box-shadow:    none;
}

[b-27thrvztuu] .fvcd-data-grid .mud-table-head .mud-table-cell {
    background:     var(--tara-th-bg, var(--_th-gradient));
    border-bottom:  2px solid rgba(204, 0, 0, .40) !important;
    padding:        .5rem .65rem !important;
    font-size:      .71rem !important;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color:          var(--_th-text);
    white-space:    nowrap;
}

[b-27thrvztuu] .fvcd-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, #f3f3f3) !important;
}

[b-27thrvztuu] .fvcd-data-grid .mud-table-body .mud-table-row:hover .mud-table-cell {
    background: rgba(204, 0, 0, .038) !important;
}

[b-27thrvztuu] .fvcd-data-grid .mud-table-body .mud-table-row:last-child .mud-table-cell {
    border-bottom: none !important;
}

/* Buscador — borde rojo al foco */
[b-27thrvztuu] .fvcd-search-field .mud-input-outlined:hover .mud-input-outlined-border,
[b-27thrvztuu] .fvcd-search-field .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark, #cc0000) !important;
}

/* Loading skeleton overlay */
[b-27thrvztuu] .fvcd-data-grid .mud-table-loading-progress {
    color: var(--tara-primary);
}

/* Columnas de acciones — ancho ajustado */
[b-27thrvztuu] .fvcd-th-act.mud-table-cell {
    text-align:  right !important;
    white-space: nowrap;
    width:       90px;
    min-width:   90px;
}

[b-27thrvztuu] .fvcd-td-act.mud-table-cell {
    text-align:  right !important;
    white-space: nowrap;
    padding:     .2rem .4rem !important;
}

/* Columnas numéricas a la derecha */
[b-27thrvztuu] .fvcd-th-r.mud-table-cell,
[b-27thrvztuu] .fvcd-td-r.mud-table-cell {
    text-align: right !important;
}

/* ── Badges ────────────────────────────────────────────────────────────────── */

.fvcd-badge[b-27thrvztuu] {
    display:        inline-block;
    padding:        .16rem .52rem;
    border-radius:  999px;
    font-size:      .66rem;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: .05em;
    white-space:    nowrap;
}

.fvcd-badge--on[b-27thrvztuu] {
    background: #e8f5e9;
    color:      #2e7d32;
}

.fvcd-badge--off[b-27thrvztuu] {
    background: #f5f5f5;
    color:      #9e9e9e;
}

/* ── Código mono en celdas ─────────────────────────────────────────────────── */

.fvcd-code[b-27thrvztuu] {
    font-family: var(--tara-font-mono, ui-monospace, monospace);
    font-size:   .77rem;
    color:       var(--tara-text-secondary, #555);
    background:  rgba(0, 0, 0, .035);
    border-radius: 4px;
    padding:     .1rem .35rem;
}

/* ── Estado vacío / sin resultados ────────────────────────────────────────── */

.fvcd-empty-state[b-27thrvztuu] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    gap:             .5rem;
    padding:         2rem 1rem;
    color:           var(--tara-text-muted);
    font-size:       .84rem;
    text-align:      center;
}

.fvcd-empty-icon[b-27thrvztuu] {
    font-size:  2.2rem !important;
    width:      2.2rem !important;
    height:     2.2rem !important;
    color:      var(--tara-border);
    margin-bottom: .25rem;
}

/* ── Loading content ───────────────────────────────────────────────────────── */

.fvcd-loading-content[b-27thrvztuu] {
    display:         flex;
    align-items:     center;
    justify-content: center;
    padding:         2rem;
    color:           var(--tara-text-muted);
    font-size:       .84rem;
    font-style:      italic;
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/Components/ShopifyInventorySyncPanel.razor.rz.scp.css */
.tara-inv-shell[b-6fwf9j6cko] {
    display: grid;
    gap: .95rem;
}

.tara-inv-alert[b-6fwf9j6cko],
.tara-inv-surface[b-6fwf9j6cko],
.tara-inv-empty[b-6fwf9j6cko],
.tara-inv-loading[b-6fwf9j6cko] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
}

.tara-inv-banner-stack[b-6fwf9j6cko] {
    display: grid;
    gap: .65rem;
}

.tara-inv-alert--preline[b-6fwf9j6cko] {
    white-space: pre-line;
}

.tara-inv-empty[b-6fwf9j6cko],
.tara-inv-loading[b-6fwf9j6cko] {
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .7rem;
    color: var(--tara-text-muted);
    text-align: center;
    padding: 1.25rem;
}

.tara-inv-topbar-surface[b-6fwf9j6cko],
.tara-inv-status-surface[b-6fwf9j6cko],
.tara-inv-actions-surface[b-6fwf9j6cko],
.tara-inv-history-surface[b-6fwf9j6cko],
.tara-inv-issues-surface[b-6fwf9j6cko] {
    padding: .95rem 1rem;
}

.tara-inv-topbar[b-6fwf9j6cko],
.tara-inv-status-bar[b-6fwf9j6cko],
.tara-inv-issues-header[b-6fwf9j6cko],
.tara-inv-section-head[b-6fwf9j6cko] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .9rem;
    flex-wrap: wrap;
}

.tara-inv-topbar-copy[b-6fwf9j6cko],
.tara-inv-status-main[b-6fwf9j6cko],
.tara-inv-issues-copy[b-6fwf9j6cko],
.tara-inv-status-side[b-6fwf9j6cko] {
    min-width: 0;
}

.tara-inv-eyebrow[b-6fwf9j6cko],
.tara-inv-status-kicker[b-6fwf9j6cko],
.tara-inv-timeline-date[b-6fwf9j6cko] {
    display: inline-block;
    color: var(--tara-primary-dark);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-inv-topbar-copy h2[b-6fwf9j6cko],
.tara-inv-section-head h3[b-6fwf9j6cko],
.tara-inv-issues-copy h3[b-6fwf9j6cko] {
    margin: .18rem 0 0;
    color: var(--tara-text);
    font-size: 1.05rem;
    font-weight: 800;
}

.tara-inv-topbar-copy p[b-6fwf9j6cko],
.tara-inv-status-main p[b-6fwf9j6cko],
.tara-inv-issues-copy p[b-6fwf9j6cko],
.tara-inv-section-note[b-6fwf9j6cko],
.tara-inv-empty-inline[b-6fwf9j6cko] {
    margin: .3rem 0 0;
    color: var(--tara-text-muted);
    font-size: .84rem;
    line-height: 1.45;
}

.tara-inv-topbar-actions[b-6fwf9j6cko],
.tara-inv-status-side[b-6fwf9j6cko] {
    display: flex;
    align-items: center;
    gap: .55rem;
    flex-wrap: wrap;
}

.tara-count-chip[b-6fwf9j6cko] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .24rem .62rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 8%, transparent);
    color: var(--tara-primary-dark);
    font-size: .74rem;
    font-weight: 700;
    white-space: nowrap;
}

.tara-count-chip--muted[b-6fwf9j6cko] {
    background: var(--tara-surface-raised);
    border-color: var(--tara-border);
    color: var(--tara-text-muted);
}

.tara-count-chip--accent[b-6fwf9j6cko] {
    background: color-mix(in srgb, var(--tara-primary) 10%, transparent);
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    color: var(--tara-primary-dark);
}

.tara-count-chip--success[b-6fwf9j6cko] {
    background: color-mix(in srgb, var(--tara-success) 10%, transparent);
    border-color: color-mix(in srgb, var(--tara-success) 26%, var(--tara-border));
    color: var(--tara-success);
}

.tara-count-chip--warning[b-6fwf9j6cko] {
    background: color-mix(in srgb, var(--tara-warning) 10%, transparent);
    border-color: color-mix(in srgb, var(--tara-warning) 26%, var(--tara-border));
    color: var(--tara-warning);
}

.tara-count-chip--danger[b-6fwf9j6cko] {
    background: color-mix(in srgb, var(--tara-danger) 10%, transparent);
    border-color: color-mix(in srgb, var(--tara-danger) 26%, var(--tara-border));
    color: var(--tara-danger);
}

.tara-inv-status-headline[b-6fwf9j6cko] {
    display: flex;
    align-items: center;
    gap: .55rem;
    flex-wrap: wrap;
    margin-top: .15rem;
}

.tara-inv-status-headline strong[b-6fwf9j6cko] {
    color: var(--tara-text);
    font-size: 1.35rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-inv-status-dot[b-6fwf9j6cko] {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    flex: 0 0 auto;
    box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 12%, transparent);
}

.tara-inv-status-dot--success[b-6fwf9j6cko] {
    background: var(--tara-success);
    color: var(--tara-success);
}

.tara-inv-status-dot--warning[b-6fwf9j6cko] {
    background: var(--tara-warning);
    color: var(--tara-warning);
}

.tara-inv-status-dot--danger[b-6fwf9j6cko] {
    background: var(--tara-danger);
    color: var(--tara-danger);
}

.tara-inv-status-dot--accent[b-6fwf9j6cko] {
    background: var(--tara-primary-dark);
    color: var(--tara-primary-dark);
}

.tara-inv-status-dot--muted[b-6fwf9j6cko] {
    background: var(--tara-text-muted);
    color: var(--tara-text-muted);
}

.tara-inv-inline-state[b-6fwf9j6cko] {
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-inv-correlation[b-6fwf9j6cko] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .38rem .62rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: var(--tara-surface-raised);
    color: var(--tara-text);
    font: inherit;
    cursor: pointer;
    transition: border-color .18s ease, transform .18s ease;
}

.tara-inv-correlation:hover[b-6fwf9j6cko] {
    border-color: color-mix(in srgb, var(--tara-primary) 32%, var(--tara-border));
    transform: translateY(-1px);
}

.tara-inv-correlation span[b-6fwf9j6cko] {
    color: var(--tara-text-muted);
    font-size: .73rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.tara-inv-correlation code[b-6fwf9j6cko] {
    max-width: 92px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--tara-text);
    font-size: .78rem;
}

.tara-inv-correlation--compact[b-6fwf9j6cko] {
    padding: .3rem .52rem;
}

.tara-inv-status-strip[b-6fwf9j6cko],
.tara-inv-status-metrics[b-6fwf9j6cko],
.tara-inv-action-toolbar[b-6fwf9j6cko],
.tara-inv-issues-summary[b-6fwf9j6cko],
.tara-inv-timeline-meta[b-6fwf9j6cko],
.tara-inv-timeline-events[b-6fwf9j6cko] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.tara-inv-status-strip[b-6fwf9j6cko] {
    margin-top: .9rem;
}

.tara-inv-status-metrics[b-6fwf9j6cko] {
    margin-top: .85rem;
    padding-top: .85rem;
    border-top: 1px solid var(--tara-border-subtle);
}

.tara-inv-inline-metric[b-6fwf9j6cko] {
    display: inline-flex;
    align-items: baseline;
    gap: .38rem;
    padding: .38rem .6rem;
    border-radius: 10px;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border-subtle);
}

.tara-inv-inline-metric span[b-6fwf9j6cko] {
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-inv-inline-metric strong[b-6fwf9j6cko] {
    color: var(--tara-text);
    font-size: .83rem;
    font-weight: 800;
}

.tara-inv-action-toolbar[b-6fwf9j6cko] {
    align-items: center;
}

.tara-inv-action-state[b-6fwf9j6cko] {
    margin-top: .8rem;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: var(--tara-text-muted);
    font-size: .84rem;
}

.tara-inv-timeline[b-6fwf9j6cko] {
    display: grid;
    gap: .7rem;
}

.tara-inv-timeline-item[b-6fwf9j6cko] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: .65rem;
}

.tara-inv-timeline-rail[b-6fwf9j6cko] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .18rem;
}

.tara-inv-timeline-dot[b-6fwf9j6cko] {
    width: 12px;
    height: 12px;
    border-radius: 999px;
}

.tara-inv-timeline-dot--success[b-6fwf9j6cko] {
    background: var(--tara-success);
}

.tara-inv-timeline-dot--warning[b-6fwf9j6cko] {
    background: var(--tara-warning);
}

.tara-inv-timeline-dot--danger[b-6fwf9j6cko] {
    background: var(--tara-danger);
}

.tara-inv-timeline-dot--accent[b-6fwf9j6cko] {
    background: var(--tara-primary-dark);
}

.tara-inv-timeline-dot--muted[b-6fwf9j6cko] {
    background: var(--tara-text-muted);
}

.tara-inv-timeline-line[b-6fwf9j6cko] {
    width: 2px;
    flex: 1;
    background: var(--tara-border);
    border-radius: 999px;
}

.tara-inv-timeline-item:last-child .tara-inv-timeline-line[b-6fwf9j6cko] {
    visibility: hidden;
}

.tara-inv-timeline-card[b-6fwf9j6cko] {
    padding: .8rem .9rem;
    border-radius: 14px;
    border: 1px solid var(--tara-border);
    background: var(--tara-surface-raised);
    display: grid;
    gap: .65rem;
}

.tara-inv-timeline-top[b-6fwf9j6cko] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .8rem;
    flex-wrap: wrap;
}

.tara-inv-timeline-copy strong[b-6fwf9j6cko] {
    display: block;
    margin-top: .1rem;
    color: var(--tara-text);
    font-size: .98rem;
    font-weight: 800;
}

.tara-inv-timeline-copy p[b-6fwf9j6cko] {
    margin: .18rem 0 0;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-inv-event-chip[b-6fwf9j6cko] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    padding: .28rem .56rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    color: var(--tara-text-muted);
    font-size: .76rem;
}

.tara-inv-event-type[b-6fwf9j6cko] {
    color: var(--tara-text);
    font-weight: 800;
}

.tara-inv-state-chip[b-6fwf9j6cko],
.tara-inv-issue-status[b-6fwf9j6cko] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .2rem .55rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    color: var(--tara-text-muted);
    white-space: nowrap;
}

.tara-inv-state-chip--success[b-6fwf9j6cko],
.tara-inv-issue-status--success[b-6fwf9j6cko] {
    color: var(--tara-success);
    border-color: color-mix(in srgb, var(--tara-success) 24%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-success) 10%, transparent);
}

.tara-inv-state-chip--danger[b-6fwf9j6cko],
.tara-inv-issue-status--danger[b-6fwf9j6cko] {
    color: var(--tara-danger);
    border-color: color-mix(in srgb, var(--tara-danger) 24%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-danger) 10%, transparent);
}

.tara-inv-state-chip--accent[b-6fwf9j6cko],
.tara-inv-issue-status--accent[b-6fwf9j6cko] {
    color: var(--tara-primary-dark);
    border-color: color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-inv-state-chip--warning[b-6fwf9j6cko],
.tara-inv-issue-status--warning[b-6fwf9j6cko] {
    color: var(--tara-warning);
    border-color: color-mix(in srgb, var(--tara-warning) 24%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-warning) 10%, transparent);
}

.tara-inv-state-chip--muted[b-6fwf9j6cko],
.tara-inv-issue-status--muted[b-6fwf9j6cko] {
    color: var(--tara-text-muted);
    background: var(--tara-surface-raised);
}

.tara-search-field[b-6fwf9j6cko] {
    flex: 1;
    min-width: 240px;
}

.tara-inv-issues-search[b-6fwf9j6cko] {
    min-width: min(100%, 420px);
}

.tara-inv-issue-panels[b-6fwf9j6cko] {
    margin-top: .6rem;
    background: transparent;
}

[b-6fwf9j6cko] .tara-inv-issue-panels .mud-expand-panel {
    margin-bottom: .65rem;
    border: 1px solid var(--tara-border);
    border-radius: 14px;
    background: var(--tara-surface-raised);
    box-shadow: none;
}

[b-6fwf9j6cko] .tara-inv-issue-panels .mud-expand-panel-header {
    padding: .82rem .95rem;
    min-height: auto;
}

[b-6fwf9j6cko] .tara-inv-issue-panels .mud-expand-panel-content {
    padding: 0 .95rem .95rem;
}

.tara-inv-issue-panel-head[b-6fwf9j6cko] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
    margin-bottom: .55rem;
}

.tara-empty-state[b-6fwf9j6cko] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    text-align: center;
    min-height: 220px;
    padding: 1.4rem 1rem;
    border: 1px dashed color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
    border-radius: 12px;
    background: color-mix(in srgb, var(--tara-surface-raised) 55%, var(--tara-surface));
    color: var(--tara-text-muted);
}

.tara-empty-icon[b-6fwf9j6cko] {
    color: var(--tara-primary-dark);
    opacity: .82;
}

.tara-empty-title[b-6fwf9j6cko] {
    margin: 0;
    color: var(--tara-text);
    font-weight: 800;
}

.tara-empty-sub[b-6fwf9j6cko] {
    margin: 0;
    max-width: 52ch;
    font-size: .88rem;
}

@media (max-width: 1024px) {
    .tara-inv-topbar[b-6fwf9j6cko],
    .tara-inv-status-bar[b-6fwf9j6cko],
    .tara-inv-issues-header[b-6fwf9j6cko] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-inv-status-side[b-6fwf9j6cko] {
        justify-content: flex-start;
    }
}

@media (max-width: 760px) {
    .tara-inv-shell[b-6fwf9j6cko] {
        gap: .85rem;
    }

    .tara-inv-topbar-surface[b-6fwf9j6cko],
    .tara-inv-status-surface[b-6fwf9j6cko],
    .tara-inv-actions-surface[b-6fwf9j6cko],
    .tara-inv-history-surface[b-6fwf9j6cko],
    .tara-inv-issues-surface[b-6fwf9j6cko] {
        padding: .85rem;
    }

    .tara-inv-status-headline strong[b-6fwf9j6cko] {
        font-size: 1.15rem;
    }

    .tara-inv-timeline-item[b-6fwf9j6cko] {
        grid-template-columns: 20px minmax(0, 1fr);
    }

    .tara-search-field[b-6fwf9j6cko],
    .tara-inv-issues-search[b-6fwf9j6cko] {
        min-width: 100%;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/Components/ShopifyInventorySyncWorkspace.razor.rz.scp.css */
.tara-shop-sync-page[b-89t9akhcnb] {
    min-height: 100%;
    padding: 1rem;
    background: var(--tara-bg);
    color: var(--tara-text);
    display: grid;
    gap: 1rem;
}

.tara-shop-sync-loading[b-89t9akhcnb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 55vh;
    gap: 1rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-shop-sync-alert[b-89t9akhcnb],
.tara-shop-sync-context-bar[b-89t9akhcnb] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
}

.tara-shop-sync-context-bar[b-89t9akhcnb] {
    display: grid;
    grid-template-columns: minmax(300px, 420px) minmax(0, 1fr);
    gap: 1rem;
    align-items: end;
    padding: .85rem 1rem;
}

.tara-shop-sync-context-copy[b-89t9akhcnb],
.tara-shop-sync-context-meta[b-89t9akhcnb] {
    min-width: 0;
}

.tara-shop-sync-context-label[b-89t9akhcnb] {
    display: inline-block;
    margin-bottom: .32rem;
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-shop-sync-context-meta[b-89t9akhcnb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    flex-wrap: wrap;
}

.tara-shop-sync-context-chip[b-89t9akhcnb] {
    display: inline-flex;
    align-items: center;
    padding: .28rem .72rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-size: .76rem;
    font-weight: 800;
    white-space: nowrap;
}

.tara-shop-sync-note[b-89t9akhcnb] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .85rem;
    line-height: 1.45;
}

[b-89t9akhcnb] .tara-shop-sync-config-select .mud-input-control {
    margin-top: 0;
}

@media (max-width: 960px) {
    .tara-shop-sync-context-bar[b-89t9akhcnb] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .tara-shop-sync-page[b-89t9akhcnb] {
        gap: .85rem;
    }

    .tara-shop-sync-context-bar[b-89t9akhcnb] {
        padding: .8rem .85rem;
    }

    .tara-shop-sync-context-meta[b-89t9akhcnb] {
        flex-direction: column;
        align-items: flex-start;
        gap: .45rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/Components/ShopifyModuleShell.razor.rz.scp.css */
.tara-shopify-module-header[b-d0unnuj2sk] {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    margin-bottom: .8rem;
}

.tara-shopify-module-copy[b-d0unnuj2sk] {
    min-width: 0;
    flex: 1;
}

.tara-shopify-module-breadcrumbs[b-d0unnuj2sk] {
    display: flex;
    gap: .45rem;
    align-items: center;
    flex-wrap: wrap;
    color: var(--tara-text-muted);
    font-size: .84rem;
    margin-bottom: .2rem;
}

.tara-shopify-module-header h1[b-d0unnuj2sk] {
    margin: 0;
    font-size: 1.28rem;
    font-weight: 800;
    color: var(--tara-text);
    line-height: 1.2;
}

.tara-shopify-module-header p[b-d0unnuj2sk] {
    margin: .18rem 0 0;
    color: var(--tara-text-muted);
    max-width: 72ch;
    font-size: .86rem;
}

.tara-shopify-module-actions[b-d0unnuj2sk] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.tara-shopify-module-nav[b-d0unnuj2sk] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-bottom: 1rem;
    padding: .8rem .9rem;
    border-radius: var(--tara-radius);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow);
}

.tara-shopify-module-link[b-d0unnuj2sk] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    padding: .46rem .78rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: var(--tara-surface-raised);
    color: var(--tara-text-muted);
    text-decoration: none;
    font-size: .78rem;
    font-weight: 700;
    transition: border-color .16s ease, color .16s ease, background .16s ease, transform .16s ease;
}

.tara-shopify-module-link:hover[b-d0unnuj2sk] {
    color: var(--tara-primary-dark);
    border-color: color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
    transform: translateY(-1px);
}

.tara-shopify-module-link--active[b-d0unnuj2sk] {
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 34%, var(--tara-border));
    color: var(--tara-primary-dark);
}

@media (max-width: 900px) {
    .tara-shopify-module-header[b-d0unnuj2sk] {
        flex-direction: column;
        gap: .7rem;
    }

    .tara-shopify-module-actions[b-d0unnuj2sk] {
        margin-left: 0;
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 760px) {
    .tara-shopify-module-header[b-d0unnuj2sk] {
        margin-bottom: .65rem;
    }

    .tara-shopify-module-header h1[b-d0unnuj2sk] {
        font-size: 1.16rem;
    }

    .tara-shopify-module-header p[b-d0unnuj2sk] {
        font-size: .83rem;
    }

    .tara-shopify-module-nav[b-d0unnuj2sk] {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding: .65rem;
        margin-inline: -.1rem;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    .tara-shopify-module-link[b-d0unnuj2sk] {
        flex: 0 0 auto;
        min-width: max-content;
        justify-content: flex-start;
        scroll-snap-align: start;
    }
}

@media (max-width: 430px) {
    .tara-shopify-module-breadcrumbs[b-d0unnuj2sk] {
        gap: .28rem;
        font-size: .79rem;
    }

    .tara-shopify-module-nav[b-d0unnuj2sk] {
        gap: .45rem;
        padding: .6rem;
    }

    .tara-shopify-module-link[b-d0unnuj2sk] {
        padding: .44rem .68rem;
        font-size: .75rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/DireccionEmpresaAjustes.razor.rz.scp.css */
.tara-eaj-page[b-xfh4d08vzw] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
}

.tara-eaj-header[b-xfh4d08vzw] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-eaj-back-btn[b-xfh4d08vzw] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-eaj-header-copy h1[b-xfh4d08vzw] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-eaj-header-copy span[b-xfh4d08vzw] {
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-eaj-card[b-xfh4d08vzw] {
    padding: 1rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: 0 12px 32px rgba(64, 44, 32, .08);
}

.tara-eaj-card-top[b-xfh4d08vzw] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: start;
    margin-bottom: 1rem;
}

.tara-eaj-icon[b-xfh4d08vzw] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    border-radius: var(--tara-radius);
    background: color-mix(in srgb, var(--tara-primary) 16%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-eaj-meta[b-xfh4d08vzw] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    margin-bottom: .75rem;
}

.tara-eaj-meta span[b-xfh4d08vzw] {
    padding: .2rem .55rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-bg);
    color: var(--tara-text-muted);
    font-size: .8rem;
    font-weight: 700;
}

.tara-eaj-alert[b-xfh4d08vzw] {
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-eaj-grid[b-xfh4d08vzw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.tara-eaj-panel[b-xfh4d08vzw] {
    padding: 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
    overflow-wrap: anywhere;
    word-break: break-word;
}

.tara-eaj-panel--warning[b-xfh4d08vzw] {
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-primary) 12%);
}

.tara-eaj-panel--soft[b-xfh4d08vzw] {
    margin-top: 1rem;
}

.tara-eaj-panel h2[b-xfh4d08vzw] {
    margin: 0 0 .75rem;
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-eaj-list[b-xfh4d08vzw] {
    margin: 0;
    padding-left: 1rem;
    color: var(--tara-text-muted);
}

.tara-eaj-list li + li[b-xfh4d08vzw] {
    margin-top: .45rem;
}

.tara-eaj-empty[b-xfh4d08vzw] {
    margin: 0;
    color: var(--tara-text-muted);
}

.tara-eaj-card :is(code, li, p, span)[b-xfh4d08vzw] {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.tara-eaj-loading[b-xfh4d08vzw] {
    min-height: 65vh;
    display: grid;
    place-items: center;
    gap: .85rem;
    color: var(--tara-text-muted);
    text-align: center;
}

@media (max-width: 840px) {
    .tara-eaj-header[b-xfh4d08vzw],
    .tara-eaj-card-top[b-xfh4d08vzw],
    .tara-eaj-grid[b-xfh4d08vzw] {
        grid-template-columns: 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/DireccionEmpresaBancos.razor.rz.scp.css */
.tara-ban-page[b-r9zs2tv2x6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: calc(100vh - 96px);
    min-width: 0;
}

.tara-ban-header-copy[b-r9zs2tv2x6] {
    min-width: 0;
}

.tara-ban-breadcrumbs[b-r9zs2tv2x6] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: .3rem;
    color: var(--tara-text-muted);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-ban-breadcrumbs strong[b-r9zs2tv2x6] {
    color: var(--tara-primary-dark);
}

.tara-ban-header-copy h1[b-r9zs2tv2x6] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.5rem;
    font-weight: 900;
    letter-spacing: -.03em;
    line-height: 1.08;
}

.tara-ban-header-copy p[b-r9zs2tv2x6] {
    margin: .18rem 0 0;
    color: var(--tara-text-muted);
    font-size: .92rem;
    max-width: 70ch;
}

.tara-ban-summary-card[b-r9zs2tv2x6] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
    padding: 1rem;
    min-width: 0;
}

.tara-ban-summary-top[b-r9zs2tv2x6] {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: .95rem;
    align-items: start;
}

.tara-ban-summary-icon[b-r9zs2tv2x6],
.tara-ban-card-icon[b-r9zs2tv2x6] {
    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-ban-summary-icon[b-r9zs2tv2x6]  .mud-icon-root,
.tara-ban-card-icon[b-r9zs2tv2x6]  .mud-icon-root {
    font-size: 1.9rem;
}

.tara-ban-summary-main[b-r9zs2tv2x6] {
    min-width: 0;
}

.tara-ban-summary-meta[b-r9zs2tv2x6],
.tara-ban-card-meta[b-r9zs2tv2x6] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.tara-ban-summary-meta[b-r9zs2tv2x6] {
    margin-bottom: .85rem;
}

.tara-ban-summary-meta span[b-r9zs2tv2x6],
.tara-ban-card-meta span[b-r9zs2tv2x6] {
    display: inline-flex;
    align-items: center;
    padding: .28rem .55rem;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 700;
}

.tara-ban-summary-alert[b-r9zs2tv2x6],
.tara-ban-empty-alert[b-r9zs2tv2x6] {
    margin: 0;
}

.tara-ban-grid[b-r9zs2tv2x6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: .85rem;
    min-width: 0;
}

.tara-ban-card[b-r9zs2tv2x6] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .9rem;
    padding: 1rem;
    text-align: left;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    color: var(--tara-text);
    box-shadow: var(--tara-shadow-sm);
    transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease;
    min-width: 0;
}

.tara-ban-card:hover[b-r9zs2tv2x6] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    box-shadow: var(--tara-shadow);
}

.tara-ban-card-top[b-r9zs2tv2x6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.tara-ban-card-body h2[b-r9zs2tv2x6] {
    margin: 0 0 .3rem;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -.01em;
}

.tara-ban-card-body p[b-r9zs2tv2x6] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .88rem;
    line-height: 1.45;
}

.tara-ban-loading[b-r9zs2tv2x6] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-ban-loading[b-r9zs2tv2x6]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.5rem;
}

@media (max-width: 720px) {
    .tara-ban-page[b-r9zs2tv2x6] {
        gap: .85rem;
    }

    .tara-ban-summary-top[b-r9zs2tv2x6] {
        grid-template-columns: 1fr;
    }

    .tara-ban-card-top[b-r9zs2tv2x6] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-ban-summary-card[b-r9zs2tv2x6],
    .tara-ban-card[b-r9zs2tv2x6] {
        padding: .9rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/DireccionEmpresaBancosCatalogo.razor.rz.scp.css */
.tara-bc-page[b-ne8qs948md] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
    min-width: 0;
}

.tara-bc-header[b-ne8qs948md] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-bc-header-copy[b-ne8qs948md],
.tara-bc-card[b-ne8qs948md],
.tara-bc-toolbar[b-ne8qs948md],
.tara-bc-grid-wrap[b-ne8qs948md],
.tara-bc-dialog[b-ne8qs948md],
.tara-bc-dialog-body[b-ne8qs948md] {
    min-width: 0;
}

.tara-bc-header-copy h1[b-ne8qs948md] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-bc-header-copy p[b-ne8qs948md] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-bc-breadcrumbs[b-ne8qs948md] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: .25rem;
    color: var(--tara-text-muted);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-bc-breadcrumbs strong[b-ne8qs948md] {
    color: var(--tara-primary-dark);
}

.tara-bc-breadcrumbs[b-ne8qs948md]  a {
    color: var(--tara-primary-dark);
    font-weight: 800;
}

.tara-bc-alert[b-ne8qs948md] {
    margin-bottom: 1rem;
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-bc-alert-body[b-ne8qs948md] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-bc-card[b-ne8qs948md] {
    margin-top: .45rem;
    padding: .7rem .7rem .6rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
    --_th-gradient: linear-gradient(180deg, #f7f2ec 0%, #f0ebe4 100%);
    --_th-border-top: #ece5dc;
    --_th-text: #374151;
    --_toolbar-divider: #f0ebe6;
    --_row-hover: rgba(204, 0, 0, 0.07);
    --_row-even-bg: var(--tara-row-even);
}

[data-theme="dark"] .tara-bc-card[b-ne8qs948md] {
    --_th-gradient: linear-gradient(180deg, #22262f 0%, #1e2229 100%);
    --_th-border-top: var(--tara-border);
    --_th-text: var(--tara-th-text);
    --_toolbar-divider: var(--tara-border);
    --_row-hover: rgba(204, 0, 0, 0.09);
    --_row-even-bg: #1E2330;
}

.tara-bc-toolbar[b-ne8qs948md] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .1rem .2rem .45rem;
    border-bottom: 1px solid var(--_toolbar-divider);
    margin-bottom: .6rem;
}

.tara-bc-search[b-ne8qs948md] {
    min-width: min(100%, 260px);
    max-width: 460px;
    flex: 1;
}

[b-ne8qs948md] .tara-bc-search .mud-input-outlined:hover .mud-input-outlined-border,
[b-ne8qs948md] .tara-bc-search .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

.tara-bc-toolbar-actions[b-ne8qs948md] {
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.tara-bc-grid-wrap[b-ne8qs948md] {
    overflow: hidden auto;
    border: 1px solid var(--tara-border);
    border-radius: 12px 12px 0 0;
    border-bottom: none;
    background: var(--tara-surface);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
    max-width: 100%;
}

[b-ne8qs948md] .tara-bc-grid.mud-table {
    min-width: 560px;
    background: var(--tara-surface);
    box-shadow: none;
}

[b-ne8qs948md] .tara-bc-grid .mud-table-container {
    overflow-x: auto;
}

[b-ne8qs948md] .tara-bc-grid .mud-table-head .mud-table-cell {
    background: var(--_th-gradient);
    color: var(--_th-text);
    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;
    text-transform: uppercase;
    font-size: .71rem !important;
    font-weight: 700;
    letter-spacing: .04em;
    white-space: nowrap;
}

[b-ne8qs948md] .tara-bc-grid .mud-table-head .mud-icon-root,
[b-ne8qs948md] .tara-bc-grid .mud-table-head .mud-button-root {
    color: #8b949e !important;
}

[b-ne8qs948md] .tara-bc-grid .mud-table-head .mud-table-sort-label:hover,
[b-ne8qs948md] .tara-bc-grid .mud-table-head .mud-table-sort-label .mud-table-sort-label-arrow {
    color: var(--tara-primary-dark) !important;
}

[b-ne8qs948md] .tara-bc-grid .mud-table-body .mud-table-row .mud-table-cell {
    border-bottom: 1px solid var(--tara-border-subtle) !important;
    font-size: .82rem;
    vertical-align: middle;
    padding: .42rem .66rem !important;
}

[b-ne8qs948md] .tara-bc-grid .mud-table-body tr:nth-child(odd) td {
    background: var(--tara-row-odd);
}

[b-ne8qs948md] .tara-bc-grid .mud-table-body tr:nth-child(even) td {
    background: var(--_row-even-bg);
}

[b-ne8qs948md] .tara-bc-grid .mud-table-body tr:hover td {
    background: var(--_row-hover);
}

.tara-bc-cell-num[b-ne8qs948md] {
    text-align: right;
}

.tara-bc-col-actions[b-ne8qs948md] {
    text-align: center;
    width: 92px;
}

.tara-bc-state[b-ne8qs948md] {
    min-height: 280px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .7rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-bc-state--empty[b-ne8qs948md]  .mud-icon-root {
    font-size: 2rem;
    color: var(--tara-primary-dark);
}

.tara-grid-footer[b-ne8qs948md] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .85rem .2rem .1rem;
    color: var(--tara-text-muted);
    border-top: 1px solid var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg) 8%);
    border-radius: 0 0 12px 12px;
}

.tara-grid-footer-range[b-ne8qs948md],
.tara-grid-footer-page[b-ne8qs948md],
.tara-grid-page-size-label[b-ne8qs948md] {
    font-size: .8rem;
    font-weight: 600;
}

.tara-grid-page-size[b-ne8qs948md],
.tara-grid-page-nav[b-ne8qs948md] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}

.tara-grid-page-chip[b-ne8qs948md],
.tara-grid-nav-btn[b-ne8qs948md] {
    min-height: 2rem;
    padding: 0 .72rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface);
    color: var(--tara-text);
    font-weight: 700;
    font-size: .78rem;
}

.tara-grid-page-chip--active[b-ne8qs948md] {
    border-color: var(--tara-primary-dark);
    background: var(--tara-primary-dark);
    color: var(--tara-text-inverse);
}

.tara-grid-nav-btn:disabled[b-ne8qs948md] {
    opacity: .45;
}

.tara-grid-page-chip:hover[b-ne8qs948md],
.tara-grid-nav-btn:hover:not(:disabled)[b-ne8qs948md] {
    border-color: color-mix(in srgb, var(--tara-primary) 32%, var(--tara-border));
    color: var(--tara-primary-dark);
}

.tara-bc-loading[b-ne8qs948md] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-bc-loading[b-ne8qs948md]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.5rem;
}

.tara-bc-dialog-backdrop[b-ne8qs948md] {
    position: fixed;
    inset: 0;
    background: rgba(15, 15, 17, .38);
    backdrop-filter: blur(2px);
    z-index: 1300;
}

.tara-bc-dialog-shell[b-ne8qs948md] {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    z-index: 1301;
}

.tara-bc-dialog[b-ne8qs948md] {
    width: min(100%, 520px);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-lg);
    padding: 1rem;
}

.tara-bc-dialog-header[b-ne8qs948md] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .85rem;
}

.tara-bc-dialog-kicker[b-ne8qs948md] {
    display: block;
    margin-bottom: .15rem;
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-bc-dialog-header h2[b-ne8qs948md] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.15rem;
    font-weight: 900;
}

.tara-bc-dialog-alert[b-ne8qs948md] {
    margin-bottom: .85rem;
}

.tara-bc-dialog-body[b-ne8qs948md] {
    display: grid;
    gap: .85rem;
}

.tara-bc-dialog-actions[b-ne8qs948md] {
    display: flex;
    justify-content: flex-end;
    gap: .6rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

@media (max-width: 1024px) {
    .tara-bc-toolbar-actions[b-ne8qs948md] {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .tara-bc-page[b-ne8qs948md] {
        padding: .85rem;
    }

    .tara-bc-header[b-ne8qs948md] {
        grid-template-columns: 1fr;
    }

    .tara-bc-toolbar[b-ne8qs948md] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-bc-search[b-ne8qs948md] {
        min-width: 0;
        max-width: none;
    }

    .tara-bc-toolbar-actions[b-ne8qs948md] {
        justify-content: stretch;
    }

    .tara-bc-toolbar-actions > *[b-ne8qs948md] {
        flex: 1 1 auto;
    }

    .tara-grid-footer[b-ne8qs948md] {
        align-items: flex-start;
    }

    .tara-grid-page-nav[b-ne8qs948md] {
        margin-left: 0;
    }

    .tara-bc-dialog-actions > *[b-ne8qs948md] {
        flex: 1 1 100%;
    }

    .tara-bc-dialog[b-ne8qs948md] {
        padding: .9rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/DireccionEmpresaBancosCheques.razor.rz.scp.css */
.tara-bch-page[b-g0usr0yo6v] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
    min-width: 0;
}

.tara-bch-header[b-g0usr0yo6v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-bch-header-copy[b-g0usr0yo6v],
.tara-bch-card[b-g0usr0yo6v],
.tara-bch-toolbar[b-g0usr0yo6v],
.tara-bch-form-shell[b-g0usr0yo6v],
.tara-bch-form-grid[b-g0usr0yo6v],
.tara-bch-type-card[b-g0usr0yo6v],
.tara-bch-store-card[b-g0usr0yo6v],
.tara-bch-actions[b-g0usr0yo6v] {
    min-width: 0;
}

.tara-bch-header-copy h1[b-g0usr0yo6v] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-bch-header-copy p[b-g0usr0yo6v] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .95rem;
    max-width: 68ch;
}

.tara-bch-breadcrumbs[b-g0usr0yo6v] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: .25rem;
    color: var(--tara-text-muted);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-bch-breadcrumbs strong[b-g0usr0yo6v] {
    color: var(--tara-primary-dark);
}

.tara-bch-breadcrumbs[b-g0usr0yo6v]  a {
    color: var(--tara-primary-dark);
    font-weight: 800;
}

.tara-bch-alert[b-g0usr0yo6v] {
    margin-bottom: 1rem;
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-bch-alert--success[b-g0usr0yo6v] {
    border-color: color-mix(in srgb, var(--tara-success) 22%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-success) 12%);
}

.tara-bch-alert-body[b-g0usr0yo6v] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-bch-card[b-g0usr0yo6v] {
    margin-top: .45rem;
    padding: .95rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
}

.tara-bch-accordion[b-g0usr0yo6v] {
    margin-top: .1rem;
}

.tara-bch-summary[b-g0usr0yo6v] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
}

.tara-filter-pill[b-g0usr0yo6v] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .32rem .7rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 82%, var(--tara-bg) 18%);
    color: var(--tara-text);
    font-size: .77rem;
    font-weight: 700;
}

.tara-filters-no-active[b-g0usr0yo6v] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 600;
}

.tara-bch-toolbar[b-g0usr0yo6v] {
    display: flex;
    gap: .9rem;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: .9rem;
    margin-bottom: .95rem;
    border-bottom: 1px solid var(--tara-border-subtle);
}

.tara-bch-toolbar-copy h2[b-g0usr0yo6v] {
    margin: .1rem 0 0;
    color: var(--tara-text);
    font-size: 1.1rem;
    font-weight: 800;
}

.tara-bch-toolbar-copy p[b-g0usr0yo6v] {
    margin: .18rem 0 0;
    color: var(--tara-text-muted);
    font-size: .88rem;
}

.tara-bch-kicker[b-g0usr0yo6v],
.tara-bch-type-kicker[b-g0usr0yo6v] {
    display: inline-block;
    color: var(--tara-primary-dark);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.tara-bch-form-shell[b-g0usr0yo6v] {
    display: grid;
    gap: 1rem;
}

.tara-bch-form-grid[b-g0usr0yo6v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.tara-bch-form-grid[b-g0usr0yo6v]  .mud-input-control,
.tara-bch-form-grid[b-g0usr0yo6v]  .mud-picker,
.tara-bch-form-grid[b-g0usr0yo6v]  .mud-button-root,
.tara-bch-form-shell[b-g0usr0yo6v]  .mud-input-control {
    width: 100%;
}

.tara-bch-form-grid--secondary[b-g0usr0yo6v] {
    align-items: end;
}

.tara-bch-readonly[b-g0usr0yo6v]  .mud-input-input,
.tara-bch-date[b-g0usr0yo6v]  input {
    font-weight: 600;
}

.tara-bch-type-card[b-g0usr0yo6v],
.tara-bch-store-card[b-g0usr0yo6v] {
    padding: .9rem 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 90%, var(--tara-bg) 10%);
}

.tara-bch-type-card h3[b-g0usr0yo6v] {
    margin: .15rem 0 0;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 800;
}

.tara-bch-store-card[b-g0usr0yo6v] {
    display: flex;
    align-items: center;
    min-height: 58px;
}

.tara-bch-radio-group[b-g0usr0yo6v] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: .85rem;
}

.tara-bch-inline-state[b-g0usr0yo6v] {
    display: flex;
    align-items: center;
    gap: .65rem;
    color: var(--tara-text-muted);
    font-size: .86rem;
}

.tara-bch-inline-state--muted[b-g0usr0yo6v]  .mud-icon-root {
    color: var(--tara-primary-dark);
}

.tara-bch-inline-alert[b-g0usr0yo6v] {
    margin: 0;
}

.tara-bch-actions[b-g0usr0yo6v] {
    display: flex;
    justify-content: flex-end;
    padding-top: .2rem;
}

.tara-bch-state[b-g0usr0yo6v],
.tara-bch-loading[b-g0usr0yo6v] {
    min-height: 280px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    text-align: center;
    background: var(--tara-bg);
}

.tara-bch-state[b-g0usr0yo6v] {
    min-height: 240px;
    background: transparent;
}

.tara-bch-state--empty[b-g0usr0yo6v]  .mud-icon-root,
.tara-bch-loading[b-g0usr0yo6v]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2rem;
}

[b-g0usr0yo6v] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-g0usr0yo6v] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-g0usr0yo6v] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-g0usr0yo6v] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

@media (max-width: 900px) {
    .tara-bch-form-grid[b-g0usr0yo6v] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .tara-bch-page[b-g0usr0yo6v] {
        padding: .85rem;
    }

    .tara-bch-header[b-g0usr0yo6v] {
        grid-template-columns: 1fr;
    }

    .tara-bch-toolbar[b-g0usr0yo6v],
    .tara-bch-actions[b-g0usr0yo6v] {
        justify-content: stretch;
    }

    .tara-bch-toolbar[b-g0usr0yo6v] {
        align-items: stretch;
    }

    .tara-bch-summary[b-g0usr0yo6v] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-bch-actions[b-g0usr0yo6v]  .mud-button-root,
    .tara-bch-toolbar[b-g0usr0yo6v]  .mud-button-root {
        width: 100%;
    }

    .tara-bch-radio-group[b-g0usr0yo6v] {
        flex-direction: column;
        gap: .55rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/DireccionEmpresaBancosCierreMensual.razor.rz.scp.css */
.tara-bcm-page[b-quwfgld52t] {
    background: var(--tara-bg);
    color: var(--tara-text);
    min-height: 100%;
    padding: 1.2rem;
    min-width: 0;
}

.tara-bcm-loading[b-quwfgld52t] {
    min-height: 55vh;
    display: grid;
    place-items: center;
    gap: 0.85rem;
    text-align: center;
    color: var(--tara-text-muted);
}

.tara-bcm-loading[b-quwfgld52t]  svg {
    color: var(--tara-primary-dark);
}

.tara-bcm-header[b-quwfgld52t] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.tara-bcm-header-copy[b-quwfgld52t],
.tara-bcm-grid[b-quwfgld52t],
.tara-bcm-card[b-quwfgld52t],
.tara-bcm-form[b-quwfgld52t],
.tara-bcm-summary-grid[b-quwfgld52t],
.tara-bcm-actions[b-quwfgld52t] {
    min-width: 0;
}

.tara-bcm-header-copy h1[b-quwfgld52t] {
    color: var(--tara-text);
    font-size: clamp(1.75rem, 2vw, 2.25rem);
    font-weight: 800;
    margin: 0;
}

.tara-bcm-header-copy p[b-quwfgld52t] {
    color: var(--tara-text-muted);
    margin: 0.45rem 0 0;
    max-width: 70ch;
}

.tara-bcm-breadcrumbs[b-quwfgld52t] {
    align-items: center;
    color: var(--tara-text-muted);
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-bottom: 0.55rem;
}

.tara-bcm-breadcrumbs[b-quwfgld52t]  a {
    color: var(--tara-primary-dark);
    font-weight: 600;
}

.tara-bcm-grid[b-quwfgld52t] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
    margin-bottom: 1rem;
}

.tara-bcm-card[b-quwfgld52t] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: 0 12px 28px rgba(73, 52, 45, 0.08);
    padding: 1rem;
}

.tara-bcm-card--info[b-quwfgld52t],
.tara-bcm-card--contract[b-quwfgld52t] {
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,244,240,0.98));
}

.tara-bcm-card-header[b-quwfgld52t] {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.9rem;
}

.tara-bcm-card-header h2[b-quwfgld52t] {
    color: var(--tara-text);
    font-size: 1.1rem;
    font-weight: 800;
    margin: 0.2rem 0 0;
}

.tara-bcm-kicker[b-quwfgld52t] {
    color: var(--tara-primary-dark);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tara-bcm-form[b-quwfgld52t] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tara-bcm-readonly[b-quwfgld52t],
.tara-bcm-form[b-quwfgld52t]  .mud-input-control {
    width: 100%;
}

.tara-bcm-actions[b-quwfgld52t] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

.tara-bcm-alert[b-quwfgld52t],
.tara-bcm-inline-alert[b-quwfgld52t] {
    margin-bottom: 1rem;
}

.tara-bcm-copy p[b-quwfgld52t] {
    color: var(--tara-text-muted);
    line-height: 1.55;
    margin: 0.9rem 0 0;
}

.tara-bcm-summary[b-quwfgld52t] {
    border-top: 1px solid var(--tara-border);
    margin-top: 1rem;
    padding-top: 1rem;
}

.tara-bcm-summary h3[b-quwfgld52t] {
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 800;
    margin: 0.2rem 0 0.85rem;
}

.tara-bcm-summary-grid[b-quwfgld52t] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.tara-bcm-summary-grid div[b-quwfgld52t] {
    background: var(--tara-row-odd);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    display: grid;
    gap: 0.3rem;
    padding: 0.85rem;
}

.tara-bcm-summary-grid span[b-quwfgld52t] {
    color: var(--tara-text-muted);
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
}

.tara-bcm-summary-grid strong[b-quwfgld52t] {
    color: var(--tara-text);
    font-size: 0.98rem;
}

.tara-bcm-contract[b-quwfgld52t] {
    display: grid;
    gap: 0.75rem;
}

.tara-bcm-contract code[b-quwfgld52t] {
    background: var(--tara-row-odd);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    color: var(--tara-text);
    display: block;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 0.92rem;
    overflow-x: auto;
    padding: 0.85rem 0.95rem;
}

@media (max-width: 980px) {
    .tara-bcm-grid[b-quwfgld52t] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .tara-bcm-page[b-quwfgld52t] {
        padding: 0.9rem;
    }

    .tara-bcm-header[b-quwfgld52t] {
        flex-direction: column;
    }

    .tara-bcm-form[b-quwfgld52t],
    .tara-bcm-summary-grid[b-quwfgld52t] {
        grid-template-columns: 1fr;
    }

    .tara-bcm-actions[b-quwfgld52t] {
        justify-content: stretch;
    }

    .tara-bcm-card-header[b-quwfgld52t] {
        flex-direction: column;
        gap: .65rem;
    }

    .tara-bcm-actions[b-quwfgld52t]  .mud-button-root {
        width: 100%;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/DireccionEmpresaBancosCuentas.razor.rz.scp.css */
.tara-cb-page[b-e7g4v6lrx5] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
    min-width: 0;
}

.tara-cb-header[b-e7g4v6lrx5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-cb-header-copy[b-e7g4v6lrx5],
.tara-cb-card[b-e7g4v6lrx5],
.tara-cb-toolbar[b-e7g4v6lrx5],
.tara-cb-grid-wrap[b-e7g4v6lrx5],
.tara-cb-dialog[b-e7g4v6lrx5],
.tara-cb-dialog-grid[b-e7g4v6lrx5] {
    min-width: 0;
}

.tara-cb-header-copy h1[b-e7g4v6lrx5] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-cb-header-copy p[b-e7g4v6lrx5] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-cb-breadcrumbs[b-e7g4v6lrx5] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: .25rem;
    color: var(--tara-text-muted);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-cb-breadcrumbs strong[b-e7g4v6lrx5] {
    color: var(--tara-primary-dark);
}

.tara-cb-breadcrumbs[b-e7g4v6lrx5]  a {
    color: var(--tara-primary-dark);
    font-weight: 800;
}

.tara-cb-alert[b-e7g4v6lrx5] {
    margin-bottom: 1rem;
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-cb-alert-body[b-e7g4v6lrx5] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-cb-card[b-e7g4v6lrx5] {
    margin-top: .45rem;
    padding: .7rem .7rem .6rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
    --_th-gradient: linear-gradient(180deg, #f7f2ec 0%, #f0ebe4 100%);
    --_th-border-top: #ece5dc;
    --_th-text: #374151;
    --_toolbar-divider: #f0ebe6;
    --_row-hover: rgba(204, 0, 0, 0.07);
    --_row-even-bg: var(--tara-row-even);
}

[data-theme="dark"] .tara-cb-card[b-e7g4v6lrx5] {
    --_th-gradient: linear-gradient(180deg, #22262f 0%, #1e2229 100%);
    --_th-border-top: var(--tara-border);
    --_th-text: var(--tara-th-text);
    --_toolbar-divider: var(--tara-border);
    --_row-hover: rgba(204, 0, 0, 0.09);
    --_row-even-bg: #1E2330;
}

.tara-cb-toolbar[b-e7g4v6lrx5] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .1rem .2rem .45rem;
    border-bottom: 1px solid var(--_toolbar-divider);
    margin-bottom: .6rem;
}

.tara-cb-search[b-e7g4v6lrx5] {
    min-width: min(100%, 260px);
    max-width: 540px;
    flex: 1;
}

[b-e7g4v6lrx5] .tara-cb-search .mud-input-outlined:hover .mud-input-outlined-border,
[b-e7g4v6lrx5] .tara-cb-search .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

.tara-cb-toolbar-actions[b-e7g4v6lrx5] {
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.tara-cb-grid-wrap[b-e7g4v6lrx5] {
    overflow: hidden auto;
    border: 1px solid var(--tara-border);
    border-radius: 12px 12px 0 0;
    border-bottom: none;
    background: var(--tara-surface);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
    max-width: 100%;
}

[b-e7g4v6lrx5] .tara-cb-grid.mud-table {
    min-width: 760px;
    background: var(--tara-surface);
    box-shadow: none;
}

[b-e7g4v6lrx5] .tara-cb-grid .mud-table-container {
    overflow-x: auto;
}

[b-e7g4v6lrx5] .tara-cb-grid .mud-table-head .mud-table-cell {
    background: var(--_th-gradient);
    color: var(--_th-text);
    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;
    text-transform: uppercase;
    font-size: .71rem !important;
    font-weight: 700;
    letter-spacing: .04em;
    white-space: nowrap;
}

[b-e7g4v6lrx5] .tara-cb-grid .mud-table-head .mud-icon-root,
[b-e7g4v6lrx5] .tara-cb-grid .mud-table-head .mud-button-root {
    color: #8b949e !important;
}

[b-e7g4v6lrx5] .tara-cb-grid .mud-table-head .mud-table-sort-label:hover,
[b-e7g4v6lrx5] .tara-cb-grid .mud-table-head .mud-table-sort-label .mud-table-sort-label-arrow {
    color: var(--tara-primary-dark) !important;
}

[b-e7g4v6lrx5] .tara-cb-grid .mud-table-body .mud-table-row .mud-table-cell {
    border-bottom: 1px solid var(--tara-border-subtle) !important;
    font-size: .82rem;
    vertical-align: middle;
    padding: .42rem .66rem !important;
}

.tara-cb-col-actions[b-e7g4v6lrx5] {
    text-align: center;
    width: 92px;
}

[b-e7g4v6lrx5] .tara-cb-grid .mud-table-body tr:nth-child(odd) td {
    background: var(--tara-row-odd);
}

[b-e7g4v6lrx5] .tara-cb-grid .mud-table-body tr:nth-child(even) td {
    background: var(--_row-even-bg);
}

[b-e7g4v6lrx5] .tara-cb-grid .mud-table-body tr:hover td {
    background: var(--_row-hover);
}

.tara-cb-state[b-e7g4v6lrx5] {
    min-height: 280px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .7rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-cb-state--empty[b-e7g4v6lrx5]  .mud-icon-root {
    font-size: 2rem;
    color: var(--tara-primary-dark);
}

.tara-grid-footer[b-e7g4v6lrx5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .85rem .2rem .1rem;
    color: var(--tara-text-muted);
    border-top: 1px solid var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg) 8%);
    border-radius: 0 0 12px 12px;
}

.tara-grid-footer-range[b-e7g4v6lrx5],
.tara-grid-footer-page[b-e7g4v6lrx5],
.tara-grid-page-size-label[b-e7g4v6lrx5] {
    font-size: .8rem;
    font-weight: 600;
}

.tara-grid-page-size[b-e7g4v6lrx5],
.tara-grid-page-nav[b-e7g4v6lrx5] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}

.tara-grid-page-chip[b-e7g4v6lrx5],
.tara-grid-nav-btn[b-e7g4v6lrx5] {
    min-height: 2rem;
    padding: 0 .72rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface);
    color: var(--tara-text);
    font-weight: 700;
    font-size: .78rem;
}

.tara-grid-page-chip--active[b-e7g4v6lrx5] {
    border-color: var(--tara-primary-dark);
    background: var(--tara-primary-dark);
    color: var(--tara-text-inverse);
}

.tara-grid-nav-btn:disabled[b-e7g4v6lrx5] {
    opacity: .45;
}

.tara-grid-page-chip:hover[b-e7g4v6lrx5],
.tara-grid-nav-btn:hover:not(:disabled)[b-e7g4v6lrx5] {
    border-color: color-mix(in srgb, var(--tara-primary) 32%, var(--tara-border));
    color: var(--tara-primary-dark);
}

.tara-cb-loading[b-e7g4v6lrx5] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-cb-loading[b-e7g4v6lrx5]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.5rem;
}

.tara-cb-dialog-backdrop[b-e7g4v6lrx5] {
    position: fixed;
    inset: 0;
    background: rgba(15, 15, 17, .38);
    backdrop-filter: blur(2px);
    z-index: 1300;
}

.tara-cb-dialog-shell[b-e7g4v6lrx5] {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    z-index: 1301;
}

.tara-cb-dialog[b-e7g4v6lrx5] {
    width: min(100%, 720px);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-lg);
    padding: 1rem;
}

.tara-cb-dialog-header[b-e7g4v6lrx5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .85rem;
}

.tara-cb-dialog-kicker[b-e7g4v6lrx5] {
    display: block;
    margin-bottom: .15rem;
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-cb-dialog-header h2[b-e7g4v6lrx5] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.15rem;
    font-weight: 900;
}

.tara-cb-dialog-alert[b-e7g4v6lrx5] {
    margin-bottom: .85rem;
}

.tara-cb-dialog-grid[b-e7g4v6lrx5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.tara-cb-dialog-actions[b-e7g4v6lrx5] {
    display: flex;
    justify-content: flex-end;
    gap: .6rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

@media (max-width: 1024px) {
    .tara-cb-toolbar-actions[b-e7g4v6lrx5] {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 820px) {
    .tara-cb-dialog-grid[b-e7g4v6lrx5] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .tara-cb-page[b-e7g4v6lrx5] {
        padding: .85rem;
    }

    .tara-cb-header[b-e7g4v6lrx5] {
        grid-template-columns: 1fr;
    }

    .tara-cb-toolbar[b-e7g4v6lrx5] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-cb-search[b-e7g4v6lrx5] {
        min-width: 0;
        max-width: none;
    }

    .tara-cb-toolbar-actions[b-e7g4v6lrx5] {
        justify-content: stretch;
    }

    .tara-cb-toolbar-actions > *[b-e7g4v6lrx5] {
        flex: 1 1 auto;
    }

    .tara-grid-footer[b-e7g4v6lrx5] {
        align-items: flex-start;
    }

    .tara-grid-page-nav[b-e7g4v6lrx5] {
        margin-left: 0;
    }

    .tara-cb-dialog-actions > *[b-e7g4v6lrx5] {
        flex: 1 1 100%;
    }

    .tara-cb-dialog[b-e7g4v6lrx5] {
        padding: .9rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/DireccionEmpresaBancosDepositos.razor.rz.scp.css */
.tara-bd-page[b-kf5mku7ixh] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
    min-width: 0;
}

.tara-bd-header[b-kf5mku7ixh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-bd-header-copy[b-kf5mku7ixh],
.tara-bd-card[b-kf5mku7ixh],
.tara-bd-toolbar[b-kf5mku7ixh],
.tara-bd-form-shell[b-kf5mku7ixh],
.tara-bd-form-grid[b-kf5mku7ixh],
.tara-bd-type-card[b-kf5mku7ixh],
.tara-bd-actions[b-kf5mku7ixh] {
    min-width: 0;
}

.tara-bd-header-copy h1[b-kf5mku7ixh] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-bd-header-copy p[b-kf5mku7ixh] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .95rem;
    max-width: 68ch;
}

.tara-bd-breadcrumbs[b-kf5mku7ixh] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: .25rem;
    color: var(--tara-text-muted);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-bd-breadcrumbs strong[b-kf5mku7ixh] {
    color: var(--tara-primary-dark);
}

.tara-bd-breadcrumbs[b-kf5mku7ixh]  a {
    color: var(--tara-primary-dark);
    font-weight: 800;
}

.tara-bd-alert[b-kf5mku7ixh] {
    margin-bottom: 1rem;
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-bd-alert--success[b-kf5mku7ixh] {
    border-color: color-mix(in srgb, var(--tara-success) 22%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-success) 12%);
}

.tara-bd-alert-body[b-kf5mku7ixh] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-bd-card[b-kf5mku7ixh] {
    margin-top: .45rem;
    padding: .95rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
}

.tara-bd-accordion[b-kf5mku7ixh] {
    margin-top: .1rem;
}

.tara-bd-summary[b-kf5mku7ixh] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
}

.tara-filter-pill[b-kf5mku7ixh] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .32rem .7rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 82%, var(--tara-bg) 18%);
    color: var(--tara-text);
    font-size: .77rem;
    font-weight: 700;
}

.tara-filters-no-active[b-kf5mku7ixh] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 600;
}

.tara-bd-toolbar[b-kf5mku7ixh] {
    display: flex;
    gap: .9rem;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: .9rem;
    margin-bottom: .95rem;
    border-bottom: 1px solid var(--tara-border-subtle);
}

.tara-bd-toolbar-copy h2[b-kf5mku7ixh] {
    margin: .1rem 0 0;
    color: var(--tara-text);
    font-size: 1.1rem;
    font-weight: 800;
}

.tara-bd-toolbar-copy p[b-kf5mku7ixh] {
    margin: .18rem 0 0;
    color: var(--tara-text-muted);
    font-size: .88rem;
}

.tara-bd-kicker[b-kf5mku7ixh],
.tara-bd-type-kicker[b-kf5mku7ixh] {
    display: inline-block;
    color: var(--tara-primary-dark);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.tara-bd-form-shell[b-kf5mku7ixh] {
    display: grid;
    gap: 1rem;
}

.tara-bd-form-grid[b-kf5mku7ixh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.tara-bd-form-grid[b-kf5mku7ixh]  .mud-input-control,
.tara-bd-form-grid[b-kf5mku7ixh]  .mud-picker,
.tara-bd-form-grid[b-kf5mku7ixh]  .mud-button-root,
.tara-bd-form-shell[b-kf5mku7ixh]  .mud-input-control {
    width: 100%;
}

.tara-bd-readonly[b-kf5mku7ixh]  .mud-input-input,
.tara-bd-date[b-kf5mku7ixh]  input {
    font-weight: 600;
}

.tara-bd-type-card[b-kf5mku7ixh] {
    padding: .9rem 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 90%, var(--tara-bg) 10%);
}

.tara-bd-type-card h3[b-kf5mku7ixh] {
    margin: .15rem 0 0;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 800;
}

.tara-bd-radio-group[b-kf5mku7ixh] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: .85rem;
}

.tara-bd-inline-state[b-kf5mku7ixh] {
    display: flex;
    align-items: center;
    gap: .65rem;
    color: var(--tara-text-muted);
    font-size: .86rem;
}

.tara-bd-inline-state--muted[b-kf5mku7ixh]  .mud-icon-root {
    color: var(--tara-primary-dark);
}

.tara-bd-inline-alert[b-kf5mku7ixh] {
    margin: 0;
}

.tara-bd-actions[b-kf5mku7ixh] {
    display: flex;
    justify-content: flex-end;
    padding-top: .2rem;
}

.tara-bd-state[b-kf5mku7ixh],
.tara-bd-loading[b-kf5mku7ixh] {
    min-height: 280px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    text-align: center;
    background: var(--tara-bg);
}

.tara-bd-state[b-kf5mku7ixh] {
    min-height: 240px;
    background: transparent;
}

.tara-bd-state--empty[b-kf5mku7ixh]  .mud-icon-root,
.tara-bd-loading[b-kf5mku7ixh]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2rem;
}

[b-kf5mku7ixh] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-kf5mku7ixh] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-kf5mku7ixh] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-kf5mku7ixh] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

@media (max-width: 900px) {
    .tara-bd-form-grid[b-kf5mku7ixh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .tara-bd-page[b-kf5mku7ixh] {
        padding: .85rem;
    }

    .tara-bd-header[b-kf5mku7ixh] {
        grid-template-columns: 1fr;
    }

    .tara-bd-toolbar[b-kf5mku7ixh],
    .tara-bd-actions[b-kf5mku7ixh] {
        justify-content: stretch;
    }

    .tara-bd-toolbar[b-kf5mku7ixh] {
        align-items: stretch;
    }

    .tara-bd-summary[b-kf5mku7ixh] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-bd-actions[b-kf5mku7ixh]  .mud-button-root,
    .tara-bd-toolbar[b-kf5mku7ixh]  .mud-button-root {
        width: 100%;
    }

    .tara-bd-radio-group[b-kf5mku7ixh] {
        flex-direction: column;
        gap: .55rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/DireccionEmpresaBancosEstadoContable.razor.rz.scp.css */
.tara-bcon-page[b-wxenqpydz4] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
    min-width: 0;
}

.tara-bcon-header[b-wxenqpydz4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-bcon-header-copy[b-wxenqpydz4],
.tara-bcon-card[b-wxenqpydz4],
.tara-bcon-accordion[b-wxenqpydz4],
.tara-bcon-toolbar[b-wxenqpydz4],
.tara-bcon-grid-wrap[b-wxenqpydz4],
.tara-bcon-totals[b-wxenqpydz4] {
    min-width: 0;
}

.tara-bcon-header-copy h1[b-wxenqpydz4] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-bcon-header-copy p[b-wxenqpydz4] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .95rem;
    max-width: 72ch;
}

.tara-bcon-breadcrumbs[b-wxenqpydz4] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: .25rem;
    color: var(--tara-text-muted);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-bcon-breadcrumbs strong[b-wxenqpydz4] {
    color: var(--tara-primary-dark);
}

.tara-bcon-breadcrumbs[b-wxenqpydz4]  a {
    color: var(--tara-primary-dark);
    font-weight: 800;
}

.tara-bcon-alert[b-wxenqpydz4] {
    margin-bottom: 1rem;
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-bcon-alert-body[b-wxenqpydz4] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-bcon-card[b-wxenqpydz4] {
    margin-top: .45rem;
    padding: .95rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
    --_th-gradient: linear-gradient(180deg, #f7f2ec 0%, #f0ebe4 100%);
    --_th-border-top: #ece5dc;
    --_th-text: #374151;
    --_toolbar-divider: #f0ebe6;
    --_row-hover: rgba(204, 0, 0, 0.07);
    --_row-even-bg: var(--tara-row-even);
}

[data-theme="dark"] .tara-bcon-card[b-wxenqpydz4] {
    --_th-gradient: linear-gradient(180deg, #22262f 0%, #1e2229 100%);
    --_th-border-top: var(--tara-border);
    --_th-text: var(--tara-th-text);
    --_toolbar-divider: var(--tara-border);
    --_row-hover: rgba(204, 0, 0, 0.09);
    --_row-even-bg: #1E2330;
}

.tara-bcon-accordion[b-wxenqpydz4] {
    margin-bottom: .7rem;
}

.tara-bcon-summary[b-wxenqpydz4] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
}

.tara-filter-pill[b-wxenqpydz4] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .32rem .7rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 82%, var(--tara-bg) 18%);
    color: var(--tara-text);
    font-size: .77rem;
    font-weight: 700;
}

.tara-filter-count-pill[b-wxenqpydz4] {
    display: inline-flex;
    align-items: center;
    padding: .34rem .72rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    color: var(--tara-primary-dark);
    font-size: .75rem;
    font-weight: 800;
}

.tara-filters-no-active[b-wxenqpydz4] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 600;
}

.tara-bcon-filters[b-wxenqpydz4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .8rem;
}

.tara-bcon-filter-actions[b-wxenqpydz4] {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    min-width: 0;
}

.tara-bcon-type-card[b-wxenqpydz4] {
    padding: .9rem 1rem;
    margin-bottom: .9rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 90%, var(--tara-bg) 10%);
}

.tara-bcon-type-kicker[b-wxenqpydz4] {
    display: inline-block;
    color: var(--tara-primary-dark);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.tara-bcon-type-card h3[b-wxenqpydz4] {
    margin: .15rem 0 0;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 800;
}

.tara-bcon-radio-group[b-wxenqpydz4] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: .85rem;
}

.tara-bcon-toolbar[b-wxenqpydz4] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .1rem .2rem .45rem;
    border-bottom: 1px solid var(--_toolbar-divider);
    margin-bottom: .6rem;
}

.tara-bcon-search[b-wxenqpydz4] {
    min-width: min(100%, 260px);
    max-width: 520px;
    flex: 1;
}

[b-wxenqpydz4] .tara-bcon-search .mud-input-outlined:hover .mud-input-outlined-border,
[b-wxenqpydz4] .tara-bcon-search .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

.tara-bcon-toolbar-actions[b-wxenqpydz4] {
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.tara-bcon-readonly[b-wxenqpydz4]  .mud-input-input {
    font-weight: 600;
}

.tara-bcon-grid-wrap[b-wxenqpydz4] {
    overflow: hidden auto;
    border: 1px solid var(--tara-border);
    border-radius: 12px 12px 0 0;
    border-bottom: none;
    background: var(--tara-surface);
    max-width: 100%;
}

[b-wxenqpydz4] .tara-bcon-grid.mud-table {
    min-width: 980px;
    background: var(--tara-surface);
    box-shadow: none;
}

[b-wxenqpydz4] .tara-bcon-grid .mud-table-container {
    overflow-x: auto;
}

[b-wxenqpydz4] .tara-bcon-grid .mud-table-head .mud-table-cell {
    background: var(--_th-gradient);
    color: var(--_th-text);
    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;
    text-transform: uppercase;
    font-size: .71rem !important;
    font-weight: 700;
    letter-spacing: .04em;
    white-space: nowrap;
}

[b-wxenqpydz4] .tara-bcon-grid .mud-table-head .mud-icon-root,
[b-wxenqpydz4] .tara-bcon-grid .mud-table-head .mud-button-root {
    color: #8b949e !important;
}

[b-wxenqpydz4] .tara-bcon-grid .mud-table-head .mud-table-sort-label:hover,
[b-wxenqpydz4] .tara-bcon-grid .mud-table-head .mud-table-sort-label .mud-table-sort-label-arrow {
    color: var(--tara-primary-dark) !important;
}

[b-wxenqpydz4] .tara-bcon-grid .mud-table-body .mud-table-row .mud-table-cell {
    border-bottom: 1px solid var(--tara-border-subtle) !important;
    font-size: .82rem;
    vertical-align: middle;
    padding: .42rem .66rem !important;
}

[b-wxenqpydz4] .tara-bcon-grid .mud-table-body tr:nth-child(odd) td {
    background: var(--tara-row-odd);
}

[b-wxenqpydz4] .tara-bcon-grid .mud-table-body tr:nth-child(even) td {
    background: var(--_row-even-bg);
}

[b-wxenqpydz4] .tara-bcon-grid .mud-table-body tr:hover td {
    background: var(--_row-hover);
}

.tara-bcon-cell-money[b-wxenqpydz4] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
}

.tara-bcon-cell-money--success[b-wxenqpydz4] {
    color: var(--tara-success);
}

.tara-grid-footer[b-wxenqpydz4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .85rem .2rem .1rem;
    color: var(--tara-text-muted);
    border-top: 1px solid var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg) 8%);
    border-radius: 0 0 12px 12px;
}

.tara-grid-footer-range[b-wxenqpydz4],
.tara-grid-footer-page[b-wxenqpydz4],
.tara-grid-page-size-label[b-wxenqpydz4] {
    font-size: .8rem;
    font-weight: 600;
}

.tara-grid-page-size[b-wxenqpydz4],
.tara-grid-page-nav[b-wxenqpydz4] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}

.tara-grid-page-chip[b-wxenqpydz4],
.tara-grid-nav-btn[b-wxenqpydz4] {
    min-height: 2rem;
    padding: 0 .72rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface);
    color: var(--tara-text);
    font-weight: 700;
    font-size: .78rem;
}

.tara-grid-page-chip--active[b-wxenqpydz4] {
    border-color: var(--tara-primary-dark);
    background: var(--tara-primary-dark);
    color: var(--tara-text-inverse);
}

.tara-grid-nav-btn:disabled[b-wxenqpydz4] {
    opacity: .45;
}

.tara-grid-page-chip:hover[b-wxenqpydz4],
.tara-grid-nav-btn:hover:not(:disabled)[b-wxenqpydz4] {
    border-color: color-mix(in srgb, var(--tara-primary) 32%, var(--tara-border));
    color: var(--tara-primary-dark);
}

.tara-bcon-totals[b-wxenqpydz4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
    margin-top: .95rem;
}

.tara-bcon-total-card[b-wxenqpydz4] {
    padding: .9rem 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 90%, var(--tara-bg) 10%);
}

.tara-bcon-total-card span[b-wxenqpydz4] {
    display: block;
    color: var(--tara-text-muted);
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.tara-bcon-total-card strong[b-wxenqpydz4] {
    display: block;
    margin-top: .25rem;
    color: var(--tara-text);
    font-size: 1.2rem;
    font-weight: 800;
}

.tara-bcon-total-card--saldo strong[b-wxenqpydz4] {
    color: var(--tara-primary-dark);
}

.tara-bcon-state[b-wxenqpydz4],
.tara-bcon-loading[b-wxenqpydz4] {
    min-height: 280px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    text-align: center;
    background: var(--tara-bg);
}

.tara-bcon-state[b-wxenqpydz4] {
    min-height: 240px;
    background: transparent;
}

.tara-bcon-state--empty[b-wxenqpydz4]  .mud-icon-root,
.tara-bcon-loading[b-wxenqpydz4]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2rem;
}

[b-wxenqpydz4] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-wxenqpydz4] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-wxenqpydz4] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-wxenqpydz4] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

@media (max-width: 1100px) {
    .tara-bcon-filters[b-wxenqpydz4] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

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

    .tara-bcon-totals[b-wxenqpydz4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-bcon-toolbar-actions[b-wxenqpydz4] {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .tara-bcon-page[b-wxenqpydz4] {
        padding: .85rem;
    }

    .tara-bcon-header[b-wxenqpydz4] {
        grid-template-columns: 1fr;
    }

    .tara-bcon-filters[b-wxenqpydz4],
    .tara-bcon-totals[b-wxenqpydz4] {
        grid-template-columns: 1fr;
    }

    .tara-bcon-radio-group[b-wxenqpydz4] {
        flex-direction: column;
        gap: .55rem;
    }

    .tara-bcon-filter-actions[b-wxenqpydz4],
    .tara-bcon-toolbar[b-wxenqpydz4],
    .tara-bcon-toolbar-actions[b-wxenqpydz4] {
        justify-content: stretch;
    }

    .tara-grid-footer[b-wxenqpydz4] {
        align-items: flex-start;
    }

    .tara-grid-page-nav[b-wxenqpydz4] {
        margin-left: 0;
    }

    .tara-bcon-summary[b-wxenqpydz4] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-bcon-filter-actions[b-wxenqpydz4]  .mud-button-root,
    .tara-bcon-toolbar-actions[b-wxenqpydz4]  .mud-button-root {
        width: 100%;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/DireccionEmpresaBancosEstadoCuenta.razor.rz.scp.css */
.tara-bec-page[b-k21ijlw6c5] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
    min-width: 0;
}

.tara-bec-header[b-k21ijlw6c5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-bec-header-copy[b-k21ijlw6c5],
.tara-bec-card[b-k21ijlw6c5],
.tara-bec-accordion[b-k21ijlw6c5],
.tara-bec-toolbar[b-k21ijlw6c5],
.tara-bec-grid-wrap[b-k21ijlw6c5],
.tara-bec-totals[b-k21ijlw6c5] {
    min-width: 0;
}

.tara-bec-header-copy h1[b-k21ijlw6c5] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-bec-header-copy p[b-k21ijlw6c5] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .95rem;
    max-width: 72ch;
}

.tara-bec-breadcrumbs[b-k21ijlw6c5] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: .25rem;
    color: var(--tara-text-muted);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-bec-breadcrumbs strong[b-k21ijlw6c5] {
    color: var(--tara-primary-dark);
}

.tara-bec-breadcrumbs[b-k21ijlw6c5]  a {
    color: var(--tara-primary-dark);
    font-weight: 800;
}

.tara-bec-alert[b-k21ijlw6c5] {
    margin-bottom: 1rem;
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-bec-alert-body[b-k21ijlw6c5] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-bec-card[b-k21ijlw6c5] {
    margin-top: .45rem;
    padding: .95rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
    --_th-gradient: linear-gradient(180deg, #f7f2ec 0%, #f0ebe4 100%);
    --_th-border-top: #ece5dc;
    --_th-text: #374151;
    --_toolbar-divider: #f0ebe6;
    --_row-hover: rgba(204, 0, 0, 0.07);
    --_row-even-bg: var(--tara-row-even);
}

[data-theme="dark"] .tara-bec-card[b-k21ijlw6c5] {
    --_th-gradient: linear-gradient(180deg, #22262f 0%, #1e2229 100%);
    --_th-border-top: var(--tara-border);
    --_th-text: var(--tara-th-text);
    --_toolbar-divider: var(--tara-border);
    --_row-hover: rgba(204, 0, 0, 0.09);
    --_row-even-bg: #1E2330;
}

.tara-bec-accordion[b-k21ijlw6c5] {
    margin-bottom: .7rem;
}

.tara-bec-summary[b-k21ijlw6c5] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
}

.tara-filter-pill[b-k21ijlw6c5] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .32rem .7rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 82%, var(--tara-bg) 18%);
    color: var(--tara-text);
    font-size: .77rem;
    font-weight: 700;
}

.tara-filter-count-pill[b-k21ijlw6c5] {
    display: inline-flex;
    align-items: center;
    padding: .34rem .72rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    color: var(--tara-primary-dark);
    font-size: .75rem;
    font-weight: 800;
}

.tara-filters-no-active[b-k21ijlw6c5] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 600;
}

.tara-bec-filters[b-k21ijlw6c5] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .8rem;
}

.tara-bec-filter-actions[b-k21ijlw6c5] {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    min-width: 0;
}

.tara-bec-toolbar[b-k21ijlw6c5] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .1rem .2rem .45rem;
    border-bottom: 1px solid var(--_toolbar-divider);
    margin-bottom: .6rem;
}

.tara-bec-search[b-k21ijlw6c5] {
    min-width: min(100%, 260px);
    max-width: 520px;
    flex: 1;
}

[b-k21ijlw6c5] .tara-bec-search .mud-input-outlined:hover .mud-input-outlined-border,
[b-k21ijlw6c5] .tara-bec-search .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

.tara-bec-toolbar-actions[b-k21ijlw6c5] {
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.tara-bec-readonly[b-k21ijlw6c5]  .mud-input-input {
    font-weight: 600;
}

.tara-bec-grid-wrap[b-k21ijlw6c5] {
    overflow: hidden auto;
    border: 1px solid var(--tara-border);
    border-radius: 12px 12px 0 0;
    border-bottom: none;
    background: var(--tara-surface);
    max-width: 100%;
}

[b-k21ijlw6c5] .tara-bec-grid.mud-table {
    min-width: 900px;
    background: var(--tara-surface);
    box-shadow: none;
}

[b-k21ijlw6c5] .tara-bec-grid .mud-table-container {
    overflow-x: auto;
}

[b-k21ijlw6c5] .tara-bec-grid .mud-table-head .mud-table-cell {
    background: var(--_th-gradient);
    color: var(--_th-text);
    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;
    text-transform: uppercase;
    font-size: .71rem !important;
    font-weight: 700;
    letter-spacing: .04em;
    white-space: nowrap;
}

[b-k21ijlw6c5] .tara-bec-grid .mud-table-head .mud-icon-root,
[b-k21ijlw6c5] .tara-bec-grid .mud-table-head .mud-button-root {
    color: #8b949e !important;
}

[b-k21ijlw6c5] .tara-bec-grid .mud-table-head .mud-table-sort-label:hover,
[b-k21ijlw6c5] .tara-bec-grid .mud-table-head .mud-table-sort-label .mud-table-sort-label-arrow {
    color: var(--tara-primary-dark) !important;
}

[b-k21ijlw6c5] .tara-bec-grid .mud-table-body .mud-table-row .mud-table-cell {
    border-bottom: 1px solid var(--tara-border-subtle) !important;
    font-size: .82rem;
    vertical-align: middle;
    padding: .42rem .66rem !important;
}

[b-k21ijlw6c5] .tara-bec-grid .mud-table-body tr:nth-child(odd) td {
    background: var(--tara-row-odd);
}

[b-k21ijlw6c5] .tara-bec-grid .mud-table-body tr:nth-child(even) td {
    background: var(--_row-even-bg);
}

[b-k21ijlw6c5] .tara-bec-grid .mud-table-body tr:hover td {
    background: var(--_row-hover);
}

.tara-bec-cell-money[b-k21ijlw6c5] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
}

.tara-bec-cell-money--success[b-k21ijlw6c5] {
    color: var(--tara-success);
}

.tara-bec-cell-money--saldo[b-k21ijlw6c5] {
    color: var(--tara-primary-dark);
}

.tara-grid-footer[b-k21ijlw6c5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .85rem .2rem .1rem;
    color: var(--tara-text-muted);
    border-top: 1px solid var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg) 8%);
    border-radius: 0 0 12px 12px;
}

.tara-grid-footer-range[b-k21ijlw6c5],
.tara-grid-footer-page[b-k21ijlw6c5],
.tara-grid-page-size-label[b-k21ijlw6c5] {
    font-size: .8rem;
    font-weight: 600;
}

.tara-grid-page-size[b-k21ijlw6c5],
.tara-grid-page-nav[b-k21ijlw6c5] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}

.tara-grid-page-chip[b-k21ijlw6c5],
.tara-grid-nav-btn[b-k21ijlw6c5] {
    min-height: 2rem;
    padding: 0 .72rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface);
    color: var(--tara-text);
    font-weight: 700;
    font-size: .78rem;
}

.tara-grid-page-chip--active[b-k21ijlw6c5] {
    border-color: var(--tara-primary-dark);
    background: var(--tara-primary-dark);
    color: var(--tara-text-inverse);
}

.tara-grid-nav-btn:disabled[b-k21ijlw6c5] {
    opacity: .45;
}

.tara-grid-page-chip:hover[b-k21ijlw6c5],
.tara-grid-nav-btn:hover:not(:disabled)[b-k21ijlw6c5] {
    border-color: color-mix(in srgb, var(--tara-primary) 32%, var(--tara-border));
    color: var(--tara-primary-dark);
}

.tara-bec-totals[b-k21ijlw6c5] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
    margin-top: .95rem;
}

.tara-bec-total-card[b-k21ijlw6c5] {
    padding: .9rem 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 90%, var(--tara-bg) 10%);
}

.tara-bec-total-card span[b-k21ijlw6c5] {
    display: block;
    color: var(--tara-text-muted);
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.tara-bec-total-card strong[b-k21ijlw6c5] {
    display: block;
    margin-top: .25rem;
    color: var(--tara-text);
    font-size: 1.2rem;
    font-weight: 800;
}

.tara-bec-total-card--saldo strong[b-k21ijlw6c5] {
    color: var(--tara-primary-dark);
}

.tara-bec-state[b-k21ijlw6c5],
.tara-bec-loading[b-k21ijlw6c5] {
    min-height: 280px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    text-align: center;
    background: var(--tara-bg);
}

.tara-bec-state[b-k21ijlw6c5] {
    min-height: 240px;
    background: transparent;
}

.tara-bec-state--empty[b-k21ijlw6c5]  .mud-icon-root,
.tara-bec-loading[b-k21ijlw6c5]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2rem;
}

[b-k21ijlw6c5] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-k21ijlw6c5] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-k21ijlw6c5] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-k21ijlw6c5] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

@media (max-width: 1100px) {
    .tara-bec-filters[b-k21ijlw6c5] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

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

    .tara-bec-totals[b-k21ijlw6c5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-bec-toolbar-actions[b-k21ijlw6c5] {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .tara-bec-page[b-k21ijlw6c5] {
        padding: .85rem;
    }

    .tara-bec-header[b-k21ijlw6c5] {
        grid-template-columns: 1fr;
    }

    .tara-bec-filters[b-k21ijlw6c5],
    .tara-bec-totals[b-k21ijlw6c5] {
        grid-template-columns: 1fr;
    }

    .tara-bec-filter-actions[b-k21ijlw6c5],
    .tara-bec-toolbar[b-k21ijlw6c5],
    .tara-bec-toolbar-actions[b-k21ijlw6c5] {
        justify-content: stretch;
    }

    .tara-grid-footer[b-k21ijlw6c5] {
        align-items: flex-start;
    }

    .tara-grid-page-nav[b-k21ijlw6c5] {
        margin-left: 0;
    }

    .tara-bec-summary[b-k21ijlw6c5] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-bec-filter-actions[b-k21ijlw6c5]  .mud-button-root,
    .tara-bec-toolbar-actions[b-k21ijlw6c5]  .mud-button-root {
        width: 100%;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/DireccionEmpresaBancosPlaceholder.razor.rz.scp.css */
.tara-bph-page[b-nadn2zecl2] {
    display: flex;
    flex-direction: column;
    gap: .95rem;
    min-height: calc(100vh - 96px);
}

.tara-bph-header-copy[b-nadn2zecl2] {
    min-width: 0;
}

.tara-bph-breadcrumbs[b-nadn2zecl2] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: .3rem;
    color: var(--tara-text-muted);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-bph-breadcrumbs strong[b-nadn2zecl2] {
    color: var(--tara-primary-dark);
}

.tara-bph-breadcrumbs[b-nadn2zecl2]  a {
    color: var(--tara-primary-dark);
    font-weight: 800;
}

.tara-bph-header-copy h1[b-nadn2zecl2] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.5rem;
    font-weight: 900;
    letter-spacing: -.03em;
    line-height: 1.08;
}

.tara-bph-header-copy p[b-nadn2zecl2] {
    margin: .18rem 0 0;
    color: var(--tara-text-muted);
    font-size: .92rem;
}

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

.tara-bph-card-top[b-nadn2zecl2] {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: .95rem;
    align-items: start;
}

.tara-bph-icon[b-nadn2zecl2] {
    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-bph-icon[b-nadn2zecl2]  .mud-icon-root {
    font-size: 1.9rem;
}

.tara-bph-main[b-nadn2zecl2] {
    min-width: 0;
}

.tara-bph-meta[b-nadn2zecl2] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-bottom: .85rem;
}

.tara-bph-meta span[b-nadn2zecl2] {
    display: inline-flex;
    align-items: center;
    padding: .28rem .55rem;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 700;
}

.tara-bph-alert[b-nadn2zecl2] {
    margin: 0;
}

.tara-bph-grid[b-nadn2zecl2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
    margin-top: .95rem;
}

.tara-bph-panel[b-nadn2zecl2] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    padding: .9rem 1rem;
}

.tara-bph-panel--warning[b-nadn2zecl2] {
    margin-top: .85rem;
    background: color-mix(in srgb, var(--tara-warning) 5%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-warning) 26%, var(--tara-border));
}

.tara-bph-panel header h2[b-nadn2zecl2] {
    margin: 0 0 .6rem;
    color: var(--tara-text);
    font-size: .86rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.tara-bph-list[b-nadn2zecl2] {
    margin: 0;
    padding-left: 1rem;
    color: var(--tara-text-muted);
    font-size: .88rem;
    line-height: 1.5;
}

.tara-bph-list li + li[b-nadn2zecl2] {
    margin-top: .35rem;
}

.tara-bph-actions[b-nadn2zecl2] {
    display: flex;
    justify-content: flex-end;
    margin-top: .95rem;
}

.tara-bph-loading[b-nadn2zecl2] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-bph-loading[b-nadn2zecl2]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.5rem;
}

@media (max-width: 820px) {
    .tara-bph-grid[b-nadn2zecl2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .tara-bph-card[b-nadn2zecl2] {
        padding: .9rem;
    }

    .tara-bph-card-top[b-nadn2zecl2] {
        grid-template-columns: 1fr;
    }

    .tara-bph-icon[b-nadn2zecl2] {
        width: 48px;
        height: 48px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/DireccionEmpresaEmpleados.razor.rz.scp.css */
.tara-emp-page[b-hz9ci6mqjs] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
}

.tara-emp-header[b-hz9ci6mqjs] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-emp-back-btn[b-hz9ci6mqjs] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-emp-header-copy h1[b-hz9ci6mqjs] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-emp-header-copy span[b-hz9ci6mqjs] {
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-emp-alert[b-hz9ci6mqjs] {
    margin-bottom: 1rem;
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-emp-alert--form[b-hz9ci6mqjs] {
    margin-bottom: 0;
}

.tara-emp-alert-body[b-hz9ci6mqjs] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-emp-filters-grid[b-hz9ci6mqjs] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: .85rem 1rem .8rem;
}

.tara-emp-filter-switch[b-hz9ci6mqjs] {
    display: flex;
    align-items: center;
    min-height: 44px;
}

.tara-emp-filter-actions[b-hz9ci6mqjs] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    margin-left: auto;
    padding-top: .15rem;
}

.tara-emp-card[b-hz9ci6mqjs] {
    margin-top: .45rem;
    padding: .7rem .7rem .6rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
    --_th-gradient: linear-gradient(180deg, #f7f2ec 0%, #f0ebe4 100%);
    --_th-border-top: #ece5dc;
    --_th-text: #374151;
    --_toolbar-divider: #f0ebe6;
    --_row-hover: rgba(204, 0, 0, 0.07);
    --_row-even-bg: var(--tara-row-even);
}

[data-theme="dark"] .tara-emp-card[b-hz9ci6mqjs] {
    --_th-gradient: linear-gradient(180deg, #22262f 0%, #1e2229 100%);
    --_th-border-top: var(--tara-border);
    --_th-text: var(--tara-th-text);
    --_toolbar-divider: var(--tara-border);
    --_row-hover: rgba(204, 0, 0, 0.09);
    --_row-even-bg: #1E2330;
}

.tara-emp-toolbar[b-hz9ci6mqjs] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .1rem .2rem .45rem;
    border-bottom: 1px solid var(--_toolbar-divider);
    margin-bottom: .6rem;
}

.tara-emp-search[b-hz9ci6mqjs] {
    min-width: 260px;
    max-width: 460px;
    flex: 1;
}

.tara-emp-toolbar-actions[b-hz9ci6mqjs] {
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.tara-emp-grid-wrap[b-hz9ci6mqjs] {
    overflow: hidden auto;
    border: 1px solid var(--tara-border);
    border-radius: 12px;
    background: var(--tara-surface);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

.tara-emp-grid-wrap--desktop[b-hz9ci6mqjs] {
    display: block;
}

[b-hz9ci6mqjs] .tara-emp-grid.mud-table {
    min-width: 1180px;
    box-shadow: none;
}

[b-hz9ci6mqjs] .tara-emp-grid .mud-table-container {
    overflow-x: auto;
}

[b-hz9ci6mqjs] .tara-emp-grid .mud-table-head .mud-table-cell {
    background: var(--_th-gradient);
    color: var(--_th-text);
    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;
    text-transform: uppercase;
    font-size: .71rem !important;
    font-weight: 700;
    letter-spacing: .04em;
    white-space: nowrap;
    cursor: pointer;
}

[b-hz9ci6mqjs] .tara-emp-grid .mud-table-body .mud-table-row .mud-table-cell {
    border-bottom: 1px solid var(--tara-border-subtle) !important;
    font-size: .82rem;
    vertical-align: middle;
}

[b-hz9ci6mqjs] .tara-emp-grid .mud-table-body tr:nth-child(odd) td {
    background: var(--tara-row-odd);
}

[b-hz9ci6mqjs] .tara-emp-grid .mud-table-body tr:nth-child(even) td {
    background: var(--_row-even-bg);
}

[b-hz9ci6mqjs] .tara-emp-grid .mud-table-body tr:hover td {
    background: var(--_row-hover);
}

[b-hz9ci6mqjs] .tara-emp-grid .mud-table-pagination {
    border-top: 1px solid var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-surface) 90%, var(--tara-bg));
}

.tara-emp-cell-num[b-hz9ci6mqjs] {
    text-align: right;
}

.tara-emp-grid-actions[b-hz9ci6mqjs] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.tara-emp-mobile-list[b-hz9ci6mqjs] {
    display: none;
}

.tara-emp-mobile-card[b-hz9ci6mqjs] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    box-shadow: 0 10px 24px rgba(64, 44, 32, .06);
    padding: .85rem;
}

.tara-emp-mobile-card + .tara-emp-mobile-card[b-hz9ci6mqjs] {
    margin-top: .7rem;
}

.tara-emp-mobile-header[b-hz9ci6mqjs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-emp-mobile-main[b-hz9ci6mqjs] {
    min-width: 0;
}

.tara-emp-mobile-kicker[b-hz9ci6mqjs] {
    margin: 0 0 .2rem;
    color: var(--tara-primary-dark);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-emp-mobile-title[b-hz9ci6mqjs] {
    margin: 0;
    color: var(--tara-text);
    font-size: .98rem;
    font-weight: 800;
    line-height: 1.25;
}

.tara-emp-mobile-grid[b-hz9ci6mqjs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem .8rem;
}

.tara-emp-mobile-field[b-hz9ci6mqjs] {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.tara-emp-mobile-label[b-hz9ci6mqjs] {
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.tara-emp-mobile-value[b-hz9ci6mqjs] {
    color: var(--tara-text);
    font-size: .88rem;
    font-weight: 600;
    line-height: 1.3;
    word-break: break-word;
}

.tara-emp-mobile-actions[b-hz9ci6mqjs] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
    margin-top: .8rem;
}

.tara-emp-mobile-action-btn[b-hz9ci6mqjs] {
    width: 100%;
}

.tara-emp-status[b-hz9ci6mqjs] {
    display: inline-flex;
    align-items: center;
    min-height: 1.6rem;
    padding: .15rem .55rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
}

.tara-emp-status--on[b-hz9ci6mqjs] {
    background: color-mix(in srgb, #2e7d32 16%, var(--tara-surface));
    color: #2e7d32;
}

.tara-emp-status--off[b-hz9ci6mqjs] {
    background: color-mix(in srgb, #a05a00 16%, var(--tara-surface));
    color: #8a5200;
}

.tara-emp-edit-btn[b-hz9ci6mqjs] {
    border-color: var(--tara-border);
    color: var(--tara-text-muted);
}

.tara-emp-state[b-hz9ci6mqjs] {
    min-height: 220px;
    display: grid;
    place-items: center;
    gap: .65rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-emp-state--empty[b-hz9ci6mqjs] {
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius);
    background: color-mix(in srgb, var(--tara-bg) 60%, var(--tara-surface));
}

.tara-emp-state--empty[b-hz9ci6mqjs]  .mud-icon-root {
    font-size: 2rem;
    color: var(--tara-primary);
}

.tara-grid-footer[b-hz9ci6mqjs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    flex-wrap: wrap;
    margin-top: .8rem;
    padding: .75rem .9rem;
    border: 1px solid var(--tara-border);
    border-radius: 12px;
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
}

.tara-grid-footer-range[b-hz9ci6mqjs],
.tara-grid-page-size-label[b-hz9ci6mqjs],
.tara-grid-nav-page[b-hz9ci6mqjs] {
    color: var(--tara-text-muted);
    font-size: .82rem;
    font-weight: 700;
}

.tara-grid-page-size[b-hz9ci6mqjs],
.tara-grid-nav[b-hz9ci6mqjs] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}

.tara-grid-page-chip[b-hz9ci6mqjs],
.tara-grid-nav-btn[b-hz9ci6mqjs] {
    min-height: 2rem;
    padding: 0 .72rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
    transition: background .18s ease, color .18s ease, border-color .18s ease;
}

.tara-grid-page-chip--active[b-hz9ci6mqjs] {
    border-color: var(--tara-primary-dark);
    background: var(--tara-primary-dark);
    color: #fff;
}

.tara-grid-nav-btn:disabled[b-hz9ci6mqjs],
.tara-grid-page-chip:disabled[b-hz9ci6mqjs] {
    opacity: .58;
    cursor: default;
}

.tara-emp-loading[b-hz9ci6mqjs] {
    min-height: 65vh;
    display: grid;
    place-items: center;
    gap: .85rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-emp-dialog-backdrop[b-hz9ci6mqjs] {
    position: fixed;
    inset: 0;
    z-index: 1600;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(48, 28, 24, .42);
    backdrop-filter: blur(5px);
}

.tara-emp-dialog[b-hz9ci6mqjs] {
    width: min(100%, 32rem);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: 0 24px 58px rgba(44, 24, 18, .22);
}

.tara-emp-dialog--wide[b-hz9ci6mqjs] {
    width: min(100%, 78rem);
    max-height: calc(100vh - 2rem);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
}

.tara-emp-dialog-header[b-hz9ci6mqjs],
.tara-emp-dialog-footer[b-hz9ci6mqjs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: 1rem 1.1rem;
}

.tara-emp-dialog-header[b-hz9ci6mqjs] {
    border-bottom: 1px solid var(--tara-border);
}

.tara-emp-dialog-header--stack[b-hz9ci6mqjs] {
    align-items: flex-start;
}

.tara-emp-dialog-footer[b-hz9ci6mqjs] {
    border-top: 1px solid var(--tara-border);
    justify-content: flex-end;
}

.tara-emp-dialog-eyebrow[b-hz9ci6mqjs] {
    margin: 0 0 .2rem;
    color: var(--tara-primary-dark);
    font-size: .8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.tara-emp-dialog-subtitle[b-hz9ci6mqjs] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .92rem;
}

.tara-emp-form-title[b-hz9ci6mqjs] {
    margin: 0 0 .2rem;
    color: var(--tara-text);
    font-size: 1.15rem;
    font-weight: 800;
}

.tara-emp-dialog-close[b-hz9ci6mqjs] {
    border: none;
    background: transparent;
    color: var(--tara-text-muted);
    font-size: 1.45rem;
    line-height: 1;
}

.tara-emp-dialog-body[b-hz9ci6mqjs] {
    display: grid;
    gap: .9rem;
    padding: 1rem 1.1rem;
    color: var(--tara-text);
}

.tara-emp-dialog-body--form[b-hz9ci6mqjs] {
    overflow: auto;
    background: color-mix(in srgb, var(--tara-bg) 40%, var(--tara-surface));
}

.tara-emp-dialog-error[b-hz9ci6mqjs] {
    margin: 0;
    color: var(--tara-primary-dark);
    font-size: .85rem;
    font-weight: 700;
}

.tara-emp-btn[b-hz9ci6mqjs] {
    min-height: 2.55rem;
    padding: 0 1rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    font-weight: 800;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.tara-emp-btn:disabled[b-hz9ci6mqjs] {
    opacity: .72;
    cursor: default;
}

.tara-emp-btn--muted[b-hz9ci6mqjs] {
    background: var(--tara-surface);
    color: var(--tara-text);
}

.tara-emp-btn--danger[b-hz9ci6mqjs] {
    background: var(--tara-primary-dark);
    border-color: var(--tara-primary-dark);
    color: #fff;
}

.tara-emp-sections[b-hz9ci6mqjs] {
    display: grid;
    gap: .95rem;
}

.tara-emp-section[b-hz9ci6mqjs] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding: .95rem;
    box-shadow: 0 8px 22px rgba(64, 44, 32, .05);
}

.tara-emp-section-head[b-hz9ci6mqjs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .8rem;
}

.tara-emp-section-head h3[b-hz9ci6mqjs] {
    margin: 0;
    color: var(--tara-text);
    font-size: .95rem;
    font-weight: 800;
}

.tara-emp-section-head span[b-hz9ci6mqjs] {
    color: var(--tara-text-muted);
    font-size: .82rem;
    font-weight: 700;
}

.tara-emp-form-grid[b-hz9ci6mqjs] {
    display: grid;
    gap: .75rem;
}

.tara-emp-form-grid--two[b-hz9ci6mqjs] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tara-emp-form-grid--three[b-hz9ci6mqjs] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tara-emp-form-grid--nfc[b-hz9ci6mqjs] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
}

.tara-emp-switches[b-hz9ci6mqjs] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    min-height: 56px;
}

.tara-emp-radio-group[b-hz9ci6mqjs] {
    display: grid;
    gap: .2rem;
    padding: .15rem .2rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-emp-field-label[b-hz9ci6mqjs] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 700;
}

.tara-emp-nfc-status[b-hz9ci6mqjs] {
    margin: .55rem 0 0;
    color: var(--tara-text-muted);
    font-size: .84rem;
    font-weight: 600;
}

[b-hz9ci6mqjs] .tara-field-sm .mud-input-control {
    margin-top: 0;
}

[b-hz9ci6mqjs] .tara-field-sm .mud-input-outlined {
    background: var(--tara-surface);
}

[b-hz9ci6mqjs] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-hz9ci6mqjs] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-hz9ci6mqjs] .tara-emp-search .mud-input-outlined:hover .mud-input-outlined-border,
[b-hz9ci6mqjs] .tara-emp-search .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-hz9ci6mqjs] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-hz9ci6mqjs] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

[b-hz9ci6mqjs] .tara-emp-radio-group .mud-radio label {
    color: var(--tara-text);
}

@media (max-width: 920px) {
    .tara-emp-form-grid--three[b-hz9ci6mqjs] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-emp-page[b-hz9ci6mqjs] {
        padding: .8rem;
    }

    .tara-emp-header[b-hz9ci6mqjs] {
        grid-template-columns: 1fr;
    }

    .tara-emp-toolbar[b-hz9ci6mqjs],
    .tara-emp-toolbar-actions[b-hz9ci6mqjs],
    .tara-emp-form-grid--two[b-hz9ci6mqjs],
    .tara-emp-form-grid--three[b-hz9ci6mqjs],
    .tara-emp-form-grid--nfc[b-hz9ci6mqjs] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    .tara-emp-filters-grid[b-hz9ci6mqjs] {
        padding-inline: .25rem;
    }

    .tara-emp-filter-actions[b-hz9ci6mqjs] {
        margin-left: 0;
        width: 100%;
    }

    .tara-emp-grid-wrap--desktop[b-hz9ci6mqjs] {
        display: none;
    }

    .tara-emp-mobile-list[b-hz9ci6mqjs] {
        display: block;
    }

    .tara-emp-search[b-hz9ci6mqjs] {
        min-width: 0;
        max-width: none;
        width: 100%;
    }

    .tara-emp-toolbar-actions[b-hz9ci6mqjs],
    .tara-emp-filter-actions[b-hz9ci6mqjs],
    .tara-grid-page-size[b-hz9ci6mqjs],
    .tara-grid-nav[b-hz9ci6mqjs] {
        width: 100%;
    }

    .tara-emp-mobile-grid[b-hz9ci6mqjs],
    .tara-emp-mobile-actions[b-hz9ci6mqjs] {
        grid-template-columns: 1fr;
    }

    .tara-grid-footer[b-hz9ci6mqjs] {
        padding: .8rem;
    }

    [b-hz9ci6mqjs] .tara-emp-toolbar-actions .mud-button-root,
    [b-hz9ci6mqjs] .tara-emp-filter-actions .mud-button-root,
    [b-hz9ci6mqjs] .tara-emp-mobile-action-btn.mud-button-root {
        width: 100%;
    }

    .tara-grid-page-chip[b-hz9ci6mqjs],
    .tara-grid-nav-btn[b-hz9ci6mqjs] {
        flex: 1 1 auto;
        text-align: center;
    }

    .tara-emp-dialog-backdrop[b-hz9ci6mqjs] {
        padding: .4rem;
    }

    .tara-emp-dialog--wide[b-hz9ci6mqjs] {
        width: 100%;
        max-height: calc(100vh - .8rem);
    }

    .tara-emp-dialog-header[b-hz9ci6mqjs],
    .tara-emp-dialog-body[b-hz9ci6mqjs],
    .tara-emp-dialog-footer[b-hz9ci6mqjs] {
        padding: .85rem;
    }

    .tara-emp-dialog-footer[b-hz9ci6mqjs] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-emp-dialog-footer .tara-emp-btn[b-hz9ci6mqjs] {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .tara-emp-mobile-header[b-hz9ci6mqjs] {
        flex-direction: column;
        align-items: flex-start;
    }

    .tara-grid-footer[b-hz9ci6mqjs] {
        gap: .7rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/DireccionEmpresaFacturacion.razor.rz.scp.css */
.tara-efac-page[b-35xmz8oqhb] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
}

.tara-efac-header[b-35xmz8oqhb] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-efac-back-btn[b-35xmz8oqhb] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-efac-header-copy h1[b-35xmz8oqhb] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-efac-header-copy span[b-35xmz8oqhb] {
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-efac-card[b-35xmz8oqhb] {
    padding: 1rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
}

.tara-efac-card-top[b-35xmz8oqhb] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: start;
}

.tara-efac-icon[b-35xmz8oqhb] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    border-radius: var(--tara-radius);
    background: color-mix(in srgb, var(--tara-primary) 16%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-efac-meta[b-35xmz8oqhb] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    margin-bottom: .75rem;
}

.tara-efac-meta span[b-35xmz8oqhb] {
    padding: .2rem .55rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-bg);
    color: var(--tara-text-muted);
    font-size: .8rem;
    font-weight: 700;
}

.tara-efac-status[b-35xmz8oqhb] {
    margin: 0 0 .75rem;
    color: var(--tara-text);
    font-size: .92rem;
    font-weight: 700;
}

.tara-efac-alert[b-35xmz8oqhb],
.tara-efac-feedback[b-35xmz8oqhb] {
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-efac-feedback[b-35xmz8oqhb] {
    margin-top: 1rem;
}

.tara-efac-form-panel[b-35xmz8oqhb],
.tara-efac-note[b-35xmz8oqhb] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
}

.tara-efac-form-accent[b-35xmz8oqhb] {
    width: 70px;
    height: 5px;
    margin: 0 auto 1rem;
    border-radius: 999px;
    background: var(--tara-primary-dark);
}

.tara-efac-form-grid[b-35xmz8oqhb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}

.tara-efac-actions[b-35xmz8oqhb] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1rem;
}

.tara-efac-grid-panels[b-35xmz8oqhb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.tara-efac-note h2[b-35xmz8oqhb] {
    margin: 0 0 .75rem;
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-efac-list[b-35xmz8oqhb] {
    margin: 0;
    padding-left: 1rem;
    color: var(--tara-text-muted);
}

.tara-efac-list li + li[b-35xmz8oqhb] {
    margin-top: .45rem;
}

.tara-efac-detail-grid[b-35xmz8oqhb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.tara-efac-detail-grid--single[b-35xmz8oqhb] {
    margin-top: .75rem;
}

.tara-efac-detail-grid div[b-35xmz8oqhb] {
    padding: .85rem .95rem;
    border-radius: 14px;
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
}

.tara-efac-detail-grid span[b-35xmz8oqhb] {
    display: block;
    font-size: .78rem;
    color: var(--tara-text-muted);
    margin-bottom: .25rem;
}

.tara-efac-detail-grid strong[b-35xmz8oqhb] {
    color: var(--tara-text);
    word-break: break-word;
}

.tara-efac-catalog-head[b-35xmz8oqhb] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    margin-bottom: .75rem;
    color: var(--tara-text-muted);
    font-size: .85rem;
}

.tara-efac-chip-list[b-35xmz8oqhb] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.tara-efac-chip[b-35xmz8oqhb] {
    padding: .35rem .7rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: var(--tara-bg);
    color: var(--tara-text);
    font-size: .8rem;
}

.tara-efac-empty[b-35xmz8oqhb] {
    margin: 0;
    color: var(--tara-text-muted);
}

.tara-efac-inline-alert[b-35xmz8oqhb] {
    margin-top: .75rem;
}

.tara-efac-loading[b-35xmz8oqhb] {
    min-height: 65vh;
    display: grid;
    place-items: center;
    gap: .85rem;
    color: var(--tara-text-muted);
    text-align: center;
}

[b-35xmz8oqhb] .tara-efac-field .mud-input-outlined:hover .mud-input-outlined-border,
[b-35xmz8oqhb] .tara-efac-field .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-35xmz8oqhb] .tara-efac-field .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

@media (max-width: 960px) {
    .tara-efac-form-grid[b-35xmz8oqhb],
    .tara-efac-grid-panels[b-35xmz8oqhb],
    .tara-efac-detail-grid[b-35xmz8oqhb] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 840px) {
    .tara-efac-header[b-35xmz8oqhb],
    .tara-efac-card-top[b-35xmz8oqhb] {
        grid-template-columns: 1fr;
    }

    .tara-efac-actions[b-35xmz8oqhb] {
        justify-content: stretch;
    }

    .tara-efac-actions > *[b-35xmz8oqhb] {
        width: 100%;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/DireccionEmpresaPlaceholder.razor.rz.scp.css */
.tara-de-page[b-z2jdbs1r99] {
    display: flex;
    flex-direction: column;
    gap: .9rem;
    min-height: calc(100vh - 96px);
}

.tara-de-header[b-z2jdbs1r99] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.tara-de-header-copy[b-z2jdbs1r99] {
    min-width: 0;
}

.tara-de-eyebrow[b-z2jdbs1r99] {
    display: block;
    margin-bottom: .15rem;
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-de-header-copy h1[b-z2jdbs1r99] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.5rem;
    font-weight: 900;
    letter-spacing: -.03em;
    line-height: 1.08;
}

.tara-de-header-copy p[b-z2jdbs1r99] {
    margin: .15rem 0 0;
    color: var(--tara-text-muted);
    font-size: .92rem;
}

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

.tara-de-card-top[b-z2jdbs1r99] {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: .9rem;
    align-items: start;
}

.tara-de-icon[b-z2jdbs1r99] {
    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-de-icon[b-z2jdbs1r99]  .mud-icon-root {
    font-size: 1.9rem;
}

.tara-de-main[b-z2jdbs1r99] {
    min-width: 0;
}

.tara-de-meta[b-z2jdbs1r99] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-bottom: .85rem;
}

.tara-de-meta span[b-z2jdbs1r99] {
    display: inline-flex;
    align-items: center;
    padding: .28rem .55rem;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 700;
}

.tara-de-alert[b-z2jdbs1r99] {
    margin: 0;
}

.tara-de-grid[b-z2jdbs1r99] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
    margin-top: .95rem;
}

.tara-de-panel[b-z2jdbs1r99] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    padding: .9rem 1rem;
}

.tara-de-panel--warning[b-z2jdbs1r99] {
    margin-top: .85rem;
    background: color-mix(in srgb, var(--tara-warning) 5%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-warning) 26%, var(--tara-border));
}

.tara-de-panel header h2[b-z2jdbs1r99] {
    margin: 0 0 .6rem;
    color: var(--tara-text);
    font-size: .86rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.tara-de-list[b-z2jdbs1r99] {
    margin: 0;
    padding-left: 1rem;
    color: var(--tara-text-muted);
    font-size: .88rem;
    line-height: 1.5;
}

.tara-de-list li + li[b-z2jdbs1r99] {
    margin-top: .35rem;
}

.tara-de-empty[b-z2jdbs1r99] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .88rem;
}

.tara-de-loading[b-z2jdbs1r99] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-de-loading[b-z2jdbs1r99]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.5rem;
}

@media (max-width: 820px) {
    .tara-de-grid[b-z2jdbs1r99] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .tara-de-card[b-z2jdbs1r99] {
        padding: .9rem;
    }

    .tara-de-card-top[b-z2jdbs1r99] {
        grid-template-columns: 1fr;
    }

    .tara-de-icon[b-z2jdbs1r99] {
        width: 48px;
        height: 48px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/DireccionEmpresaRazonesSociales.razor.rz.scp.css */
.tara-rs-page[b-8k4m3zbqh7] {
    display: flex;
    flex-direction: column;
    gap: .95rem;
    min-height: calc(100vh - 96px);
}

.tara-rs-loading[b-8k4m3zbqh7] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-rs-loading[b-8k4m3zbqh7]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.4rem;
}

.tara-rs-header[b-8k4m3zbqh7] {
    display: flex;
    align-items: center;
    gap: .9rem;
}

.tara-rs-back-btn.mud-button-root[b-8k4m3zbqh7] { flex-shrink: 0; }

.tara-rs-header-copy[b-8k4m3zbqh7] { min-width: 0; flex: 1; }

.tara-rs-header-copy h1[b-8k4m3zbqh7] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1.08;
}

.tara-rs-header-copy span[b-8k4m3zbqh7] {
    display: block;
    margin-top: .15rem;
    color: var(--tara-primary-dark);
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    opacity: .85;
}

.tara-rs-header-actions[b-8k4m3zbqh7] { display: flex; gap: .45rem; }

.tara-rs-alert[b-8k4m3zbqh7] { margin: 0; }

.tara-rs-alert-body[b-8k4m3zbqh7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-rs-filters-grid[b-8k4m3zbqh7] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: .85rem 1rem .8rem;
}

.tara-rs-filter-field[b-8k4m3zbqh7],
.tara-rs-dialog-field[b-8k4m3zbqh7] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    min-width: 0;
}

.tara-rs-filter-field[b-8k4m3zbqh7] {
    min-width: 170px;
    max-width: 240px;
    flex: 1 1 170px;
}

.tara-rs-filter-field .tara-filter-select[b-8k4m3zbqh7],
.tara-rs-dialog-field .tara-filter-select[b-8k4m3zbqh7] {
    width: 100%;
}

.tara-rs-filter-field label[b-8k4m3zbqh7],
.tara-rs-dialog-field label[b-8k4m3zbqh7] {
    font-size: .76rem;
    font-weight: 700;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .05em;
}

[b-8k4m3zbqh7] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-8k4m3zbqh7] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-8k4m3zbqh7] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-8k4m3zbqh7] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

.tara-rs-filter-actions[b-8k4m3zbqh7] {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-left: auto;
    padding-top: .15rem;
}

.tara-rs-card[b-8k4m3zbqh7] {
    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, #f7f2ec 0%, #f0ebe4 100%);
    --_th-border-top: #ece5dc;
    --_th-text: #374151;
    --_toolbar-divider: #f0ebe6;
    --_row-hover: rgba(204, 0, 0, 0.07);
    --_row-even-bg: var(--tara-row-even);
}

[data-theme="dark"] .tara-rs-card[b-8k4m3zbqh7] {
    --_th-gradient: linear-gradient(180deg, #22262f 0%, #1e2229 100%);
    --_th-border-top: var(--tara-border);
    --_th-text: var(--tara-th-text);
    --_toolbar-divider: var(--tara-border);
    --_row-hover: rgba(204, 0, 0, 0.09);
    --_row-even-bg: #1E2330;
}

.tara-rs-toolbar[b-8k4m3zbqh7] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .1rem .2rem .45rem;
    border-bottom: 1px solid var(--_toolbar-divider);
    margin-bottom: .6rem;
}

.tara-rs-search[b-8k4m3zbqh7] {
    min-width: 260px;
    max-width: 460px;
    flex: 1;
}

[b-8k4m3zbqh7] .tara-rs-search .mud-input-outlined:hover .mud-input-outlined-border,
[b-8k4m3zbqh7] .tara-rs-search .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

.tara-rs-toolbar-actions[b-8k4m3zbqh7] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.tara-rs-grid-wrap[b-8k4m3zbqh7] {
    border: 1px solid var(--tara-border);
    border-radius: 12px;
    overflow: hidden auto;
    background: var(--tara-surface);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

[b-8k4m3zbqh7] .tara-rs-grid.mud-table { box-shadow: none; min-width: 1380px; }
[b-8k4m3zbqh7] .tara-rs-grid .mud-table-container { overflow-x: auto; }
[b-8k4m3zbqh7] .tara-rs-grid .mud-table-head .mud-table-cell {
    background: var(--_th-gradient);
    color: var(--_th-text);
    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;
    text-transform: uppercase;
    font-size: .71rem !important;
    font-weight: 700;
    letter-spacing: .04em;
    white-space: nowrap;
    cursor: pointer;
}
[b-8k4m3zbqh7] .tara-rs-grid .mud-table-body .mud-table-row .mud-table-cell {
    border-bottom: 1px solid var(--tara-border-subtle) !important;
    font-size: .82rem;
    vertical-align: middle;
}
[b-8k4m3zbqh7] .tara-rs-grid .mud-table-body .mud-table-row.mud-table-row-odd .mud-table-cell { background: var(--tara-row-odd); }
[b-8k4m3zbqh7] .tara-rs-grid .mud-table-body .mud-table-row.mud-table-row-even .mud-table-cell { background: var(--_row-even-bg); }
[b-8k4m3zbqh7] .tara-rs-grid .mud-table-body .mud-table-row:hover .mud-table-cell { background: var(--_row-hover) !important; }
[b-8k4m3zbqh7] .tara-rs-grid .mud-table-sort-label .mud-table-sort-label-arrow,
[b-8k4m3zbqh7] .tara-rs-grid .mud-table-sort-label:hover { color: var(--tara-primary-dark) !important; }
[b-8k4m3zbqh7] .tara-rs-grid .mud-table-loading-progress .mud-progress-linear-bar { background-color: var(--tara-primary-dark) !important; }

.tara-rs-rfc-chip[b-8k4m3zbqh7] {
    display: inline-flex;
    align-items: center;
    padding: .18rem .52rem;
    border-radius: 999px;
    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);
    font-size: .72rem;
    font-weight: 700;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.tara-rs-status[b-8k4m3zbqh7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .18rem .58rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
}

.tara-rs-status--on[b-8k4m3zbqh7] {
    background: color-mix(in srgb, #1D6F42 12%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, #1D6F42 24%, var(--tara-border));
    color: #1D6F42;
}

.tara-rs-status--off[b-8k4m3zbqh7] {
    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);
}

.tara-rs-select[b-8k4m3zbqh7],
.tara-rs-input[b-8k4m3zbqh7] {
    width: 100%;
    min-height: 40px;
    padding: .62rem .78rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    color: var(--tara-text);
    outline: none;
    transition: border-color .12s ease, box-shadow .12s ease;
}

.tara-rs-select:focus[b-8k4m3zbqh7],
.tara-rs-input:focus[b-8k4m3zbqh7] {
    border-color: var(--tara-primary-dark);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--tara-primary) 18%, transparent);
}

.tara-rs-input--mono[b-8k4m3zbqh7] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    text-transform: uppercase;
}

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

.tara-rs-dialog[b-8k4m3zbqh7] {
    width: min(860px, 96vw);
    max-height: 92vh;
    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);
    overflow: hidden;
}

.tara-rs-dialog-header[b-8k4m3zbqh7],
.tara-rs-dialog-footer[b-8k4m3zbqh7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .95rem 1.05rem;
    border-bottom: 1px solid var(--tara-border);
}

.tara-rs-dialog-footer[b-8k4m3zbqh7] {
    border-bottom: 0;
    border-top: 1px solid var(--tara-border);
    justify-content: flex-end;
}

.tara-rs-dialog-eyebrow[b-8k4m3zbqh7] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 800;
}

.tara-rs-dialog-subtitle[b-8k4m3zbqh7] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-rs-dialog-close[b-8k4m3zbqh7],
.tara-rs-btn-cancel[b-8k4m3zbqh7],
.tara-rs-btn-save[b-8k4m3zbqh7] {
    min-height: 38px;
    padding: .58rem .9rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    font-weight: 700;
}

.tara-rs-dialog-close[b-8k4m3zbqh7] {
    width: 38px;
    padding: 0;
    background: transparent;
    color: var(--tara-text-muted);
}

.tara-rs-dialog-body[b-8k4m3zbqh7] {
    padding: .95rem 1rem 1rem;
    overflow: auto;
    background: var(--tara-bg);
}

.tara-rs-section-label[b-8k4m3zbqh7] {
    margin: 0 0 .65rem;
    color: var(--tara-primary-dark);
    font-size: .76rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tara-rs-dialog-row[b-8k4m3zbqh7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
    margin-bottom: .95rem;
}

.tara-rs-dialog-field--wide[b-8k4m3zbqh7] { grid-column: span 2; }

.tara-rs-dialog-error[b-8k4m3zbqh7] {
    padding: .7rem .8rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-size: .85rem;
    font-weight: 600;
}

.tara-rs-btn-cancel[b-8k4m3zbqh7] {
    background: transparent;
    color: var(--tara-text-muted);
}

.tara-rs-btn-save[b-8k4m3zbqh7] {
    border-color: var(--tara-primary-dark);
    background: var(--tara-primary-dark);
    color: white;
}

.tara-rs-edit-btn[b-8k4m3zbqh7] {
    width: 30px !important;
    height: 30px !important;
    border: 1px solid var(--tara-border) !important;
    border-radius: 7px !important;
    color: var(--tara-text-muted) !important;
}

.tara-rs-edit-btn:hover[b-8k4m3zbqh7] {
    background: var(--tara-primary-subtle) !important;
    border-color: var(--tara-primary-dark) !important;
    color: var(--tara-primary-dark) !important;
}

.tara-grid-footer[b-8k4m3zbqh7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .7rem .2rem .1rem;
    color: var(--tara-text-muted);
}

.tara-grid-footer-range[b-8k4m3zbqh7],
.tara-grid-footer-page[b-8k4m3zbqh7],
.tara-grid-page-size-label[b-8k4m3zbqh7] {
    font-size: .8rem;
    font-weight: 600;
}

.tara-grid-page-size[b-8k4m3zbqh7],
.tara-grid-page-nav[b-8k4m3zbqh7] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}

.tara-grid-page-chip[b-8k4m3zbqh7],
.tara-grid-nav-btn[b-8k4m3zbqh7] {
    min-height: 2rem;
    padding: 0 .72rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface);
    color: var(--tara-text);
    font-size: .78rem;
    font-weight: 700;
}

.tara-grid-page-chip:hover[b-8k4m3zbqh7],
.tara-grid-nav-btn:hover:not(:disabled)[b-8k4m3zbqh7] {
    border-color: var(--tara-primary-dark);
    color: var(--tara-primary-dark);
}

.tara-grid-page-chip--active[b-8k4m3zbqh7] {
    border-color: var(--tara-primary-dark);
    background: var(--tara-primary-dark);
    color: var(--tara-text-inverse);
}

.tara-grid-nav-btn:disabled[b-8k4m3zbqh7] {
    opacity: .45;
}

@media (max-width: 960px) {
    .tara-rs-filters-grid[b-8k4m3zbqh7],
    .tara-rs-dialog-row[b-8k4m3zbqh7] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tara-rs-dialog-field--wide[b-8k4m3zbqh7] { grid-column: span 2; }
}

@media (max-width: 760px) {
    .tara-rs-header[b-8k4m3zbqh7],
    .tara-rs-toolbar[b-8k4m3zbqh7] {
        align-items: flex-start;
        flex-direction: column;
    }

    .tara-rs-filters-grid[b-8k4m3zbqh7],
    .tara-rs-dialog-row[b-8k4m3zbqh7] { grid-template-columns: 1fr; }
    .tara-rs-dialog-field--wide[b-8k4m3zbqh7] { grid-column: auto; }
    .tara-grid-footer[b-8k4m3zbqh7] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/DireccionEmpresaSucursales.razor.rz.scp.css */
.tara-suc-page[b-o9o4ir5ns6] {
    display: flex;
    flex-direction: column;
    gap: .95rem;
    min-height: calc(100vh - 96px);
}

.tara-suc-loading[b-o9o4ir5ns6] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-suc-loading[b-o9o4ir5ns6]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.4rem;
}

.tara-suc-header[b-o9o4ir5ns6] {
    display: flex;
    align-items: center;
    gap: .9rem;
}

.tara-suc-back-btn.mud-button-root[b-o9o4ir5ns6] {
    flex-shrink: 0;
}

.tara-suc-header-copy[b-o9o4ir5ns6] {
    min-width: 0;
    flex: 1;
}

.tara-suc-header-copy h1[b-o9o4ir5ns6] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1.08;
}

.tara-suc-header-copy span[b-o9o4ir5ns6] {
    display: block;
    margin-top: .15rem;
    color: var(--tara-primary-dark);
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    opacity: .85;
}

.tara-suc-header-actions[b-o9o4ir5ns6] {
    display: flex;
    gap: .45rem;
}

.tara-suc-alert[b-o9o4ir5ns6] {
    margin: 0;
}

.tara-suc-alert-body[b-o9o4ir5ns6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-suc-filters-grid[b-o9o4ir5ns6] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: .85rem 1rem .8rem;
}

.tara-suc-filter-field[b-o9o4ir5ns6],
.tara-suc-dialog-field[b-o9o4ir5ns6] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    min-width: 0;
}

.tara-suc-filter-field[b-o9o4ir5ns6] {
    min-width: 170px;
    max-width: 240px;
    flex: 1 1 170px;
}

.tara-suc-filter-field .tara-filter-select[b-o9o4ir5ns6],
.tara-suc-dialog-field .tara-filter-select[b-o9o4ir5ns6] {
    width: 100%;
}

.tara-suc-filter-field label[b-o9o4ir5ns6],
.tara-suc-dialog-field label[b-o9o4ir5ns6] {
    font-size: .76rem;
    font-weight: 700;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .05em;
}

[b-o9o4ir5ns6] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-o9o4ir5ns6] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-o9o4ir5ns6] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-o9o4ir5ns6] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

.tara-suc-filter-actions[b-o9o4ir5ns6] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    margin-left: auto;
    padding-top: .15rem;
}

.tara-suc-check-label[b-o9o4ir5ns6] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--tara-text-muted);
    font-size: .82rem;
    font-weight: 600;
}

.tara-suc-check-label input[b-o9o4ir5ns6] {
    accent-color: var(--tara-primary-dark);
}

.tara-suc-card[b-o9o4ir5ns6] {
    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, #f7f2ec 0%, #f0ebe4 100%);
    --_th-border-top: #ece5dc;
    --_th-text: #374151;
    --_toolbar-divider: #f0ebe6;
    --_row-hover: rgba(204, 0, 0, 0.07);
    --_row-even-bg: var(--tara-row-even);
}

[data-theme="dark"] .tara-suc-card[b-o9o4ir5ns6] {
    --_th-gradient: linear-gradient(180deg, #22262f 0%, #1e2229 100%);
    --_th-border-top: var(--tara-border);
    --_th-text: var(--tara-th-text);
    --_toolbar-divider: var(--tara-border);
    --_row-hover: rgba(204, 0, 0, 0.09);
    --_row-even-bg: #1E2330;
}

.tara-suc-toolbar[b-o9o4ir5ns6] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .1rem .2rem .45rem;
    border-bottom: 1px solid var(--_toolbar-divider);
    margin-bottom: .6rem;
}

.tara-suc-search[b-o9o4ir5ns6] {
    min-width: 260px;
    max-width: 460px;
    flex: 1;
}

[b-o9o4ir5ns6] .tara-suc-search .mud-input-outlined:hover .mud-input-outlined-border,
[b-o9o4ir5ns6] .tara-suc-search .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

.tara-suc-toolbar-actions[b-o9o4ir5ns6],
.tara-suc-tab-toolbar[b-o9o4ir5ns6] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.tara-suc-tab-toolbar[b-o9o4ir5ns6] {
    justify-content: space-between;
    margin-bottom: .55rem;
}

.tara-suc-tab-actions[b-o9o4ir5ns6] {
    display: flex;
    align-items: center;
    gap: .55rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tara-suc-tab-note[b-o9o4ir5ns6] {
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-suc-search--tab[b-o9o4ir5ns6] {
    min-width: 220px;
    max-width: 320px;
}

.tara-suc-grid-wrap[b-o9o4ir5ns6] {
    border: 1px solid var(--tara-border);
    border-radius: 12px;
    overflow: auto;
    background: var(--tara-surface);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

[b-o9o4ir5ns6] .tara-suc-grid.mud-table {
    box-shadow: none;
    min-width: 1480px;
}

[b-o9o4ir5ns6] .tara-suc-grid .mud-table-container {
    overflow-x: auto;
}

[b-o9o4ir5ns6] .tara-suc-grid .mud-table-head .mud-table-cell {
    background: var(--_th-gradient);
    color: var(--_th-text);
    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;
    text-transform: uppercase;
    font-size: .71rem !important;
    font-weight: 700;
    letter-spacing: .04em;
    white-space: nowrap;
    cursor: pointer;
}

[b-o9o4ir5ns6] .tara-suc-grid .mud-table-body .mud-table-row .mud-table-cell {
    border-bottom: 1px solid var(--tara-border-subtle) !important;
    font-size: .82rem;
    vertical-align: middle;
}

[b-o9o4ir5ns6] .tara-suc-grid .mud-table-body .mud-table-row.mud-table-row-odd .mud-table-cell {
    background: var(--tara-row-odd);
}

[b-o9o4ir5ns6] .tara-suc-grid .mud-table-body .mud-table-row.mud-table-row-even .mud-table-cell {
    background: var(--_row-even-bg);
}

[b-o9o4ir5ns6] .tara-suc-grid .mud-table-body .mud-table-row:hover .mud-table-cell {
    background: var(--_row-hover) !important;
}

[b-o9o4ir5ns6] .tara-suc-grid .mud-table-sort-label .mud-table-sort-label-arrow,
[b-o9o4ir5ns6] .tara-suc-grid .mud-table-sort-label:hover {
    color: var(--tara-primary-dark) !important;
}

[b-o9o4ir5ns6] .tara-suc-grid .mud-table-loading-progress .mud-progress-linear-bar {
    background-color: var(--tara-primary-dark) !important;
}

[b-o9o4ir5ns6] .tara-suc-grid .mud-table-pagination-toolbar {
    padding: .6rem .9rem;
    color: var(--tara-text-muted);
    border-top: 1px solid var(--tara-border);
    background: var(--tara-surface-raised);
}

.sucursales-mobile-list[b-o9o4ir5ns6] {
    display: none;
}

.sucursal-mobile-card[b-o9o4ir5ns6] {
    display: grid;
    gap: .85rem;
    padding: .85rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow);
}

.sucursal-mobile-header[b-o9o4ir5ns6] {
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: start;
}

.sucursal-mobile-logo.tara-suc-logo-trigger[b-o9o4ir5ns6],
.sucursal-mobile-logo.tara-suc-logo-placeholder[b-o9o4ir5ns6] {
    width: 60px;
    height: 60px;
}

.sucursal-mobile-main[b-o9o4ir5ns6] {
    min-width: 0;
}

.sucursal-mobile-title[b-o9o4ir5ns6] {
    color: var(--tara-text);
    font-size: .96rem;
    font-weight: 800;
    line-height: 1.15;
}

.sucursal-mobile-meta[b-o9o4ir5ns6] {
    margin-top: .2rem;
    color: var(--tara-text-muted);
    font-size: .8rem;
    font-weight: 600;
}

.sucursal-mobile-grid[b-o9o4ir5ns6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem .8rem;
}

.sucursal-mobile-field[b-o9o4ir5ns6] {
    display: flex;
    flex-direction: column;
    gap: .18rem;
    min-width: 0;
}

.sucursal-mobile-field--wide[b-o9o4ir5ns6] {
    grid-column: 1 / -1;
}

.sucursal-mobile-label[b-o9o4ir5ns6] {
    color: var(--tara-text-muted);
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.sucursal-mobile-value[b-o9o4ir5ns6] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 600;
    line-height: 1.25;
    word-break: break-word;
}

.sucursal-mobile-actions[b-o9o4ir5ns6] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .45rem;
}

.tara-suc-mobile-empty[b-o9o4ir5ns6] {
    padding: .95rem;
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
    color: var(--tara-text-muted);
    font-size: .86rem;
    font-weight: 600;
    text-align: center;
}

.tara-suc-num[b-o9o4ir5ns6] {
    font-variant-numeric: tabular-nums;
}

.tara-suc-status[b-o9o4ir5ns6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .18rem .58rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
}

.tara-suc-status--on[b-o9o4ir5ns6] {
    background: color-mix(in srgb, #1D6F42 12%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, #1D6F42 24%, var(--tara-border));
    color: #1D6F42;
}

.tara-suc-status--off[b-o9o4ir5ns6] {
    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);
}

.tara-suc-select[b-o9o4ir5ns6],
.tara-suc-input[b-o9o4ir5ns6] {
    width: 100%;
    min-height: 40px;
    padding: .62rem .78rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    color: var(--tara-text);
    outline: none;
    transition: border-color .12s ease, box-shadow .12s ease;
}

.tara-suc-select:focus[b-o9o4ir5ns6],
.tara-suc-input:focus[b-o9o4ir5ns6] {
    border-color: var(--tara-primary-dark);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--tara-primary) 18%, transparent);
}

.tara-suc-input--num[b-o9o4ir5ns6] {
    font-variant-numeric: tabular-nums;
}

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

.tara-suc-dialog[b-o9o4ir5ns6] {
    width: min(1160px, calc(100vw - 2rem));
    max-height: 92vh;
    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);
    overflow: hidden;
}

.tara-suc-dialog--compact[b-o9o4ir5ns6] {
    width: min(780px, 96vw);
}

.tara-suc-dialog--logo-preview[b-o9o4ir5ns6] {
    width: min(520px, 96vw);
}

.tara-suc-dialog-header[b-o9o4ir5ns6],
.tara-suc-dialog-footer[b-o9o4ir5ns6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .95rem 1.05rem;
    border-bottom: 1px solid var(--tara-border);
    flex-shrink: 0;
    background: var(--tara-surface);
}

.tara-suc-dialog-footer[b-o9o4ir5ns6] {
    border-bottom: 0;
    border-top: 1px solid var(--tara-border);
    justify-content: flex-end;
    position: sticky;
    bottom: 0;
    z-index: 2;
    box-shadow: 0 -8px 18px rgba(15, 23, 42, .06);
}

.tara-suc-dialog-eyebrow[b-o9o4ir5ns6] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 800;
}

.tara-suc-dialog-subtitle[b-o9o4ir5ns6] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-suc-dialog-close[b-o9o4ir5ns6],
.tara-suc-btn-cancel[b-o9o4ir5ns6],
.tara-suc-btn-save[b-o9o4ir5ns6] {
    min-height: 38px;
    padding: .58rem .9rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    font-weight: 700;
}

.tara-suc-dialog-close[b-o9o4ir5ns6] {
    width: 38px;
    padding: 0;
    background: transparent;
    color: var(--tara-text-muted);
}

.tara-suc-dialog-body[b-o9o4ir5ns6] {
    padding: 1rem 1.05rem 1.1rem;
    overflow: auto;
    overflow-x: hidden;
    background: var(--tara-bg);
}

.tara-suc-dialog-body--logo-preview[b-o9o4ir5ns6] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.tara-suc-form-shell[b-o9o4ir5ns6] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.tara-suc-form-section[b-o9o4ir5ns6] {
    display: grid;
    gap: .8rem;
    min-width: 0;
    padding: .85rem .95rem .95rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow);
}

.tara-suc-form-section-head[b-o9o4ir5ns6] {
    display: grid;
    gap: .22rem;
}

.tara-suc-section-label[b-o9o4ir5ns6] {
    margin: 0;
    color: var(--tara-primary-dark);
    font-size: .76rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tara-suc-section-copy[b-o9o4ir5ns6] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .82rem;
    line-height: 1.35;
}

.tara-suc-subsection-label[b-o9o4ir5ns6] {
    margin: 0;
    color: var(--tara-text);
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.tara-suc-form-subsection[b-o9o4ir5ns6] {
    display: grid;
    gap: .7rem;
    padding-top: .2rem;
    border-top: 1px solid var(--tara-border-subtle);
}

.tara-suc-form-section-grid[b-o9o4ir5ns6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .9rem;
    min-width: 0;
}

.tara-suc-form-section-grid > *[b-o9o4ir5ns6] {
    min-width: 0;
}

.tara-suc-identity-section[b-o9o4ir5ns6] {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
    min-width: 0;
}

.tara-suc-identity-section > *[b-o9o4ir5ns6] {
    min-width: 0;
}

.tara-suc-identity-fields[b-o9o4ir5ns6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    min-width: 0;
    align-items: start;
}

.tara-suc-identity-fields > *[b-o9o4ir5ns6] {
    min-width: 0;
}

.tara-suc-dialog-field--full[b-o9o4ir5ns6] {
    grid-column: 1 / -1;
}

.tara-suc-dialog-row[b-o9o4ir5ns6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .8rem;
    margin-bottom: .95rem;
}

.tara-suc-dialog-row--identity[b-o9o4ir5ns6] {
    align-items: start;
}

.tara-suc-dialog-row--meta[b-o9o4ir5ns6] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tara-suc-dialog-row--rent[b-o9o4ir5ns6] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tara-suc-dialog-field--wide[b-o9o4ir5ns6] {
    grid-column: span 2;
}

.tara-suc-dialog-field--switch[b-o9o4ir5ns6] {
    justify-content: start;
}

.tara-suc-logo-panel[b-o9o4ir5ns6] {
    display: grid;
    gap: .3rem;
    min-width: 0;
    align-self: start;
    max-width: 260px;
}

.tara-suc-check-label--inline[b-o9o4ir5ns6] {
    min-height: 40px;
    padding: 0 .2rem;
}

.tara-suc-logo-card[b-o9o4ir5ns6] {
    display: grid;
    gap: .55rem;
    padding: .6rem .7rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 90%, var(--tara-bg));
}

.tara-suc-logo-card--stacked[b-o9o4ir5ns6] {
    align-content: start;
    justify-items: stretch;
    min-height: 100%;
    width: 100%;
}

.tara-suc-logo-compact[b-o9o4ir5ns6] {
    grid-template-columns: 96px 1fr;
    align-items: center;
    min-height: 116px;
}

.tara-suc-logo-preview[b-o9o4ir5ns6] {
    width: min(100%, 108px);
    height: 108px;
    object-fit: contain;
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border-subtle);
    padding: .35rem;
    justify-self: center;
}

.tara-suc-logo-empty[b-o9o4ir5ns6] {
    width: min(100%, 108px);
    height: 108px;
    display: grid;
    place-items: center;
    gap: .25rem;
    color: var(--tara-text-muted);
    text-align: center;
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    border: 1px dashed var(--tara-border);
    justify-self: center;
}

.tara-suc-logo-empty span[b-o9o4ir5ns6] {
    font-size: .72rem;
    line-height: 1.1;
    padding: 0 .35rem;
}

.tara-suc-logo-empty[b-o9o4ir5ns6]  .mud-icon-root {
    font-size: 1.8rem;
    color: var(--tara-primary-dark);
}

.tara-suc-logo-actions[b-o9o4ir5ns6] {
    display: flex;
    width: 100%;
    gap: .45rem;
    align-items: flex-start;
    flex-direction: column;
}

.tara-suc-logo-file-anchor[b-o9o4ir5ns6] {
    display: inline-flex;
    width: 100%;
    max-width: 100%;
}

.tara-suc-logo-actions[b-o9o4ir5ns6]  .mud-button-root {
    margin: 0;
}

.tara-suc-logo-btn[b-o9o4ir5ns6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 32px;
    padding: .45rem .8rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    color: var(--tara-text);
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
}

.tara-suc-logo-btn:hover[b-o9o4ir5ns6] {
    border-color: var(--tara-primary-dark);
    color: var(--tara-primary-dark);
}

.tara-suc-logo-preview-panel[b-o9o4ir5ns6] {
    display: grid;
    place-items: center;
    min-height: min(60vh, 420px);
    padding: 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
}

.tara-suc-logo-preview-large[b-o9o4ir5ns6] {
    width: min(100%, 480px);
    max-height: min(60vh, 420px);
    object-fit: contain;
}

.tara-suc-hidden-file[b-o9o4ir5ns6] {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
}

.tara-suc-address-grid[b-o9o4ir5ns6] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
}

.tara-suc-address-field--street[b-o9o4ir5ns6] {
    grid-column: span 8;
}

.tara-suc-address-field--state[b-o9o4ir5ns6] {
    grid-column: span 4;
}

.tara-suc-address-field--city[b-o9o4ir5ns6],
.tara-suc-address-field--colony[b-o9o4ir5ns6],
.tara-suc-address-field--zip[b-o9o4ir5ns6] {
    grid-column: span 4;
}

.tara-suc-contact-grid[b-o9o4ir5ns6] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

.tara-suc-operation-grid[b-o9o4ir5ns6] {
    gap: 1rem;
}

.tara-suc-operation-grid--three[b-o9o4ir5ns6] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tara-suc-operation-grid--four[b-o9o4ir5ns6] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tara-suc-operation-grid--tail[b-o9o4ir5ns6] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: center;
    max-width: 680px;
}

.tara-suc-operation-status[b-o9o4ir5ns6] {
    max-width: 260px;
}

.tara-suc-dialog-field--switch-card[b-o9o4ir5ns6] {
    justify-content: flex-start;
}

.tara-suc-dialog-field--switch-card[b-o9o4ir5ns6]  .mud-switch {
    min-height: 42px;
    margin-top: .15rem;
}

.tara-suc-dialog-field--switch-card[b-o9o4ir5ns6]  .mud-form-control {
    margin: 0;
}

[b-o9o4ir5ns6] input[type="file"],
[b-o9o4ir5ns6] .tara-suc-logo-input input[type="file"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

.tara-suc-logo-cell[b-o9o4ir5ns6] {
    width: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tara-suc-logo-trigger[b-o9o4ir5ns6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.tara-suc-logo-img[b-o9o4ir5ns6],
.tara-suc-logo-placeholder[b-o9o4ir5ns6] {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    border: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
}

.tara-suc-logo-img[b-o9o4ir5ns6] {
    object-fit: contain;
    padding: .3rem;
}

.tara-suc-logo-trigger:focus-visible .tara-suc-logo-img[b-o9o4ir5ns6],
.tara-suc-logo-trigger:hover .tara-suc-logo-img[b-o9o4ir5ns6] {
    border-color: var(--tara-primary-dark);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--tara-primary) 16%, transparent);
}

.tara-suc-logo-placeholder[b-o9o4ir5ns6] {
    display: grid;
    place-items: center;
    color: var(--tara-text-muted);
}

.tara-suc-logo-placeholder[b-o9o4ir5ns6]  .mud-icon-root {
    font-size: 1.45rem;
    color: var(--tara-primary-dark);
}

.tara-suc-dialog-error[b-o9o4ir5ns6] {
    padding: .7rem .8rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-size: .85rem;
    font-weight: 600;
}

.tara-suc-btn-cancel[b-o9o4ir5ns6] {
    background: transparent;
    color: var(--tara-text-muted);
}

.tara-suc-btn-save[b-o9o4ir5ns6] {
    border-color: var(--tara-primary-dark);
    background: var(--tara-primary-dark);
    color: white;
}

.tara-suc-edit-btn[b-o9o4ir5ns6] {
    width: 30px !important;
    height: 30px !important;
    border: 1px solid var(--tara-border) !important;
    border-radius: 7px !important;
    color: var(--tara-text-muted) !important;
}

.tara-suc-edit-btn:hover[b-o9o4ir5ns6] {
    background: var(--tara-primary-subtle) !important;
    border-color: var(--tara-primary-dark) !important;
    color: var(--tara-primary-dark) !important;
}

.tara-grid-footer[b-o9o4ir5ns6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .7rem .2rem .1rem;
    color: var(--tara-text-muted);
}

.tara-grid-footer-range[b-o9o4ir5ns6],
.tara-grid-footer-page[b-o9o4ir5ns6],
.tara-grid-page-size-label[b-o9o4ir5ns6] {
    font-size: .8rem;
    font-weight: 600;
}

.tara-grid-page-size[b-o9o4ir5ns6],
.tara-grid-page-nav[b-o9o4ir5ns6] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}

.tara-grid-page-chip[b-o9o4ir5ns6],
.tara-grid-nav-btn[b-o9o4ir5ns6] {
    min-height: 2rem;
    padding: 0 .72rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface);
    color: var(--tara-text);
    font-size: .78rem;
    font-weight: 700;
}

.tara-grid-page-chip:hover[b-o9o4ir5ns6],
.tara-grid-nav-btn:hover:not(:disabled)[b-o9o4ir5ns6] {
    border-color: var(--tara-primary-dark);
    color: var(--tara-primary-dark);
}

.tara-grid-page-chip--active[b-o9o4ir5ns6] {
    border-color: var(--tara-primary-dark);
    background: var(--tara-primary-dark);
    color: var(--tara-text-inverse);
}

.tara-grid-nav-btn:disabled[b-o9o4ir5ns6] {
    opacity: .45;
}

@media (max-width: 1180px) {
    .tara-suc-dialog[b-o9o4ir5ns6] {
        width: min(980px, calc(100vw - 1.5rem));
    }

    .tara-suc-form-section-grid[b-o9o4ir5ns6],
    .tara-suc-dialog-row[b-o9o4ir5ns6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-suc-dialog-field--wide[b-o9o4ir5ns6] {
        grid-column: span 2;
    }

    .tara-suc-dialog-row--meta[b-o9o4ir5ns6],
    .tara-suc-dialog-row--rent[b-o9o4ir5ns6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-suc-logo-compact[b-o9o4ir5ns6] {
        grid-template-columns: 84px 1fr;
        min-height: 104px;
    }

    .tara-suc-logo-preview[b-o9o4ir5ns6],
    .tara-suc-logo-empty[b-o9o4ir5ns6] {
        width: 84px;
        height: 84px;
    }

    .tara-suc-logo-cell[b-o9o4ir5ns6] {
        width: 76px;
    }

    .tara-suc-logo-img[b-o9o4ir5ns6],
    .tara-suc-logo-placeholder[b-o9o4ir5ns6] {
        width: 48px;
        height: 48px;
    }
}

@media (max-width: 1024px) {
    .tara-suc-identity-section[b-o9o4ir5ns6] {
        grid-template-columns: 1fr;
    }

    .tara-suc-logo-panel[b-o9o4ir5ns6] {
        max-width: none;
    }

    .tara-suc-identity-fields[b-o9o4ir5ns6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .9rem;
    }

    .tara-suc-address-grid[b-o9o4ir5ns6],
    .tara-suc-contact-grid[b-o9o4ir5ns6],
    .tara-suc-operation-grid[b-o9o4ir5ns6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-suc-address-field--street[b-o9o4ir5ns6],
    .tara-suc-address-field--state[b-o9o4ir5ns6],
    .tara-suc-address-field--city[b-o9o4ir5ns6],
    .tara-suc-address-field--colony[b-o9o4ir5ns6],
    .tara-suc-address-field--zip[b-o9o4ir5ns6] {
        grid-column: span 1;
    }

    .tara-suc-dialog-field--full[b-o9o4ir5ns6] {
        grid-column: 1 / -1;
    }

    .tara-suc-operation-grid--tail[b-o9o4ir5ns6],
    .tara-suc-operation-status[b-o9o4ir5ns6] {
        max-width: none;
    }
}

@media (max-width: 760px) {
    .tara-suc-header[b-o9o4ir5ns6],
    .tara-suc-toolbar[b-o9o4ir5ns6],
    .tara-suc-tab-toolbar[b-o9o4ir5ns6] {
        align-items: flex-start;
        flex-direction: column;
    }

    .tara-suc-filters-grid[b-o9o4ir5ns6] {
        padding-inline: .25rem;
    }

    .tara-suc-filter-field[b-o9o4ir5ns6],
    .tara-suc-filter-actions[b-o9o4ir5ns6] {
        min-width: 100%;
        max-width: none;
        flex-basis: 100%;
        margin-left: 0;
    }

    .tara-suc-form-section[b-o9o4ir5ns6] {
        padding: .9rem .8rem;
    }

    .tara-suc-form-section-grid[b-o9o4ir5ns6],
    .tara-suc-dialog-row[b-o9o4ir5ns6] {
        grid-template-columns: 1fr;
    }

    .tara-suc-dialog-field--wide[b-o9o4ir5ns6] {
        grid-column: auto;
    }

    .tara-suc-dialog[b-o9o4ir5ns6] {
        width: calc(100vw - 1rem);
        max-height: 96vh;
    }

    .tara-suc-tab-actions[b-o9o4ir5ns6] {
        justify-content: flex-start;
    }

    .tara-suc-header-actions[b-o9o4ir5ns6],
    .tara-suc-toolbar-actions[b-o9o4ir5ns6],
    .tara-suc-tab-actions[b-o9o4ir5ns6],
    .tara-suc-filter-actions[b-o9o4ir5ns6] {
        width: 100%;
    }

    .tara-suc-header-actions > *[b-o9o4ir5ns6],
    .tara-suc-toolbar-actions > *[b-o9o4ir5ns6],
    .tara-suc-tab-actions > *[b-o9o4ir5ns6] {
        flex: 1 1 auto;
    }

    .tara-suc-tabs[b-o9o4ir5ns6] {
        overflow-x: auto;
    }

    [b-o9o4ir5ns6] .tara-suc-tabs .mud-tabs-tabbar {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: thin;
    }

    [b-o9o4ir5ns6] .tara-suc-tabs .mud-tab {
        white-space: nowrap;
    }

    .tara-grid-footer[b-o9o4ir5ns6] {
        align-items: flex-start;
        flex-direction: column;
    }

    .tara-suc-dialog-header[b-o9o4ir5ns6],
    .tara-suc-dialog-footer[b-o9o4ir5ns6] {
        flex-wrap: wrap;
    }

    .tara-suc-dialog-footer > *[b-o9o4ir5ns6] {
        flex: 1 1 100%;
    }

    .tara-suc-btn-cancel[b-o9o4ir5ns6],
    .tara-suc-btn-save[b-o9o4ir5ns6] {
        width: 100%;
    }

    .tara-suc-logo-preview[b-o9o4ir5ns6],
    .tara-suc-logo-empty[b-o9o4ir5ns6] {
        width: 76px;
        height: 76px;
    }

    .tara-suc-logo-actions[b-o9o4ir5ns6] {
        width: 100%;
        align-items: stretch;
    }

    .tara-suc-logo-btn[b-o9o4ir5ns6] {
        width: 100%;
        min-width: 0;
    }

    .tara-suc-logo-cell[b-o9o4ir5ns6] {
        width: 72px;
    }

    .tara-suc-logo-img[b-o9o4ir5ns6],
    .tara-suc-logo-placeholder[b-o9o4ir5ns6] {
        width: 44px;
        height: 44px;
    }

    .tara-suc-logo-placeholder[b-o9o4ir5ns6]  .mud-icon-root {
        font-size: 1.25rem;
    }

    .tara-suc-search[b-o9o4ir5ns6],
    .tara-suc-search--tab[b-o9o4ir5ns6] {
        min-width: 100%;
        max-width: none;
    }

    .sucursales-table-desktop[b-o9o4ir5ns6] {
        display: none;
    }

    .sucursales-mobile-list[b-o9o4ir5ns6] {
        display: grid;
        gap: .8rem;
    }

    .sucursal-mobile-grid[b-o9o4ir5ns6] {
        grid-template-columns: 1fr;
        gap: .6rem;
    }

    .sucursal-mobile-header[b-o9o4ir5ns6] {
        grid-template-columns: 56px minmax(0, 1fr);
        grid-template-areas:
            "logo main"
            "actions actions";
    }

    .sucursal-mobile-logo[b-o9o4ir5ns6] {
        grid-area: logo;
    }

    .sucursal-mobile-main[b-o9o4ir5ns6] {
        grid-area: main;
    }

    .sucursal-mobile-actions[b-o9o4ir5ns6] {
        grid-area: actions;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .sucursal-mobile-logo.tara-suc-logo-trigger[b-o9o4ir5ns6],
    .sucursal-mobile-logo.tara-suc-logo-placeholder[b-o9o4ir5ns6] {
        width: 56px;
        height: 56px;
    }

    .sucursal-mobile-logo .tara-suc-logo-img[b-o9o4ir5ns6],
    .sucursal-mobile-logo.tara-suc-logo-placeholder[b-o9o4ir5ns6] {
        width: 56px;
        height: 56px;
    }
}

@media (max-width: 640px) {
    .tara-suc-dialog[b-o9o4ir5ns6] {
        width: calc(100vw - .5rem);
        max-height: 97vh;
        border-radius: var(--tara-radius-sm);
    }

    .tara-suc-identity-fields[b-o9o4ir5ns6] {
        grid-template-columns: 1fr;
    }

    .tara-suc-address-grid[b-o9o4ir5ns6],
    .tara-suc-contact-grid[b-o9o4ir5ns6],
    .tara-suc-operation-grid[b-o9o4ir5ns6],
    .tara-suc-dialog-row[b-o9o4ir5ns6] {
        grid-template-columns: 1fr;
    }

    .tara-suc-dialog-field--wide[b-o9o4ir5ns6],
    .tara-suc-logo-panel[b-o9o4ir5ns6] {
        max-width: none;
    }

    .tara-suc-dialog-field--wide[b-o9o4ir5ns6] {
        grid-column: auto;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/DireccionEmpresaZonas.razor.rz.scp.css */
.tara-zon-page[b-h75dh5m4hi] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
}

.tara-zon-header[b-h75dh5m4hi] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-zon-back-btn[b-h75dh5m4hi] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-zon-header-copy h1[b-h75dh5m4hi] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-zon-header-copy span[b-h75dh5m4hi] {
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-zon-alert[b-h75dh5m4hi] {
    margin-bottom: 1rem;
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-zon-alert-body[b-h75dh5m4hi] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-zon-filters-grid[b-h75dh5m4hi] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: .85rem 1rem .8rem;
}

.tara-zon-filter-field[b-h75dh5m4hi] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.tara-zon-filter-field label[b-h75dh5m4hi] {
    color: var(--tara-text-muted);
    font-size: .82rem;
    font-weight: 700;
}

.tara-zon-filter-field--full[b-h75dh5m4hi] {
    min-width: 0;
    flex: 1 1 420px;
}

.tara-zon-filter-actions[b-h75dh5m4hi] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    margin-left: auto;
    padding-top: .15rem;
}

.tara-zon-type-switcher[b-h75dh5m4hi] {
    display: flex;
    gap: .65rem;
    flex-wrap: wrap;
}

.tara-zon-type-btn[b-h75dh5m4hi] {
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    color: var(--tara-text);
    border-radius: var(--tara-radius);
    min-height: 2.45rem;
    padding: 0 .95rem;
    font-weight: 700;
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.tara-zon-type-btn:hover:not(:disabled)[b-h75dh5m4hi] {
    border-color: var(--tara-primary);
    transform: translateY(-1px);
}

.tara-zon-type-btn--active[b-h75dh5m4hi] {
    border-color: var(--tara-primary-dark);
    background: var(--tara-primary-dark);
    color: #fff;
    box-shadow: 0 10px 24px rgba(140, 28, 44, .18);
}

.tara-zon-card[b-h75dh5m4hi] {
    margin-top: .45rem;
    padding: .7rem .7rem .6rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
    --_th-gradient: linear-gradient(180deg, #f7f2ec 0%, #f0ebe4 100%);
    --_th-border-top: #ece5dc;
    --_th-text: #374151;
    --_toolbar-divider: #f0ebe6;
    --_row-hover: rgba(204, 0, 0, 0.07);
    --_row-even-bg: var(--tara-row-even);
}

[data-theme="dark"] .tara-zon-card[b-h75dh5m4hi] {
    --_th-gradient: linear-gradient(180deg, #22262f 0%, #1e2229 100%);
    --_th-border-top: var(--tara-border);
    --_th-text: var(--tara-th-text);
    --_toolbar-divider: var(--tara-border);
    --_row-hover: rgba(204, 0, 0, 0.09);
    --_row-even-bg: #1E2330;
}

.tara-zon-toolbar[b-h75dh5m4hi] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .1rem .2rem .45rem;
    border-bottom: 1px solid var(--_toolbar-divider);
    margin-bottom: .6rem;
}

.tara-zon-search[b-h75dh5m4hi] {
    min-width: 260px;
    max-width: 460px;
    flex: 1;
}

.tara-zon-toolbar-actions[b-h75dh5m4hi] {
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.tara-zon-grid-wrap[b-h75dh5m4hi] {
    overflow: hidden auto;
    border: 1px solid var(--tara-border);
    border-radius: 12px;
    background: var(--tara-surface);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

[b-h75dh5m4hi] .tara-zon-grid.mud-table {
    min-width: 980px;
    background: var(--tara-surface);
    box-shadow: none;
}

[b-h75dh5m4hi] .tara-zon-grid .mud-table-container {
    overflow-x: auto;
}

[b-h75dh5m4hi] .tara-zon-grid .mud-table-head .mud-table-cell {
    background: var(--_th-gradient);
    color: var(--_th-text);
    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;
    text-transform: uppercase;
    font-size: .71rem !important;
    font-weight: 700;
    letter-spacing: .04em;
    white-space: nowrap;
    cursor: pointer;
}

[b-h75dh5m4hi] .tara-zon-grid .mud-table-body .mud-table-row .mud-table-cell {
    border-bottom: 1px solid var(--tara-border-subtle) !important;
    font-size: .82rem;
    vertical-align: middle;
}

[b-h75dh5m4hi] .tara-zon-grid .mud-table-body tr:nth-child(odd) td {
    background: var(--tara-row-odd);
}

[b-h75dh5m4hi] .tara-zon-grid .mud-table-body tr:nth-child(even) td {
    background: var(--_row-even-bg);
}

[b-h75dh5m4hi] .tara-zon-grid .mud-table-body tr:hover td {
    background: var(--_row-hover);
}

.tara-zon-cell-num[b-h75dh5m4hi] {
    text-align: right;
}

.tara-zon-type-chip[b-h75dh5m4hi] {
    display: inline-flex;
    align-items: center;
    min-height: 1.6rem;
    padding: .15rem .55rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 14%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
}

.tara-zon-edit-btn[b-h75dh5m4hi] {
    border-color: var(--tara-border);
    color: var(--tara-text-muted);
}

.tara-grid-footer[b-h75dh5m4hi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .7rem .2rem .1rem;
    color: var(--tara-text-muted);
}

.tara-grid-footer-range[b-h75dh5m4hi],
.tara-grid-footer-page[b-h75dh5m4hi],
.tara-grid-page-size-label[b-h75dh5m4hi] {
    font-size: .8rem;
    font-weight: 600;
}

.tara-grid-page-size[b-h75dh5m4hi],
.tara-grid-page-nav[b-h75dh5m4hi] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}

.tara-grid-page-chip[b-h75dh5m4hi],
.tara-grid-nav-btn[b-h75dh5m4hi] {
    min-height: 2rem;
    padding: 0 .72rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface);
    color: var(--tara-text);
    font-size: .78rem;
    font-weight: 700;
}

.tara-grid-page-chip:hover[b-h75dh5m4hi],
.tara-grid-nav-btn:hover:not(:disabled)[b-h75dh5m4hi] {
    border-color: var(--tara-primary-dark);
    color: var(--tara-primary-dark);
}

.tara-grid-page-chip--active[b-h75dh5m4hi] {
    border-color: var(--tara-primary-dark);
    background: var(--tara-primary-dark);
    color: var(--tara-text-inverse);
}

.tara-grid-nav-btn:disabled[b-h75dh5m4hi] {
    opacity: .45;
}

.tara-zon-state[b-h75dh5m4hi] {
    min-height: 220px;
    display: grid;
    place-items: center;
    gap: .65rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-zon-state--empty[b-h75dh5m4hi] {
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius);
    background: color-mix(in srgb, var(--tara-bg) 60%, var(--tara-surface));
}

.tara-zon-state--empty[b-h75dh5m4hi]  .mud-icon-root {
    font-size: 2rem;
    color: var(--tara-primary);
}

.tara-zon-loading[b-h75dh5m4hi] {
    min-height: 65vh;
    display: grid;
    place-items: center;
    gap: .85rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-zon-dialog-backdrop[b-h75dh5m4hi] {
    position: fixed;
    inset: 0;
    z-index: 1600;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(48, 28, 24, .42);
    backdrop-filter: blur(5px);
}

.tara-zon-dialog[b-h75dh5m4hi] {
    width: min(100%, 34rem);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: 0 24px 58px rgba(44, 24, 18, .22);
}

.tara-zon-dialog-header[b-h75dh5m4hi],
.tara-zon-dialog-footer[b-h75dh5m4hi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: 1rem 1.1rem;
}

.tara-zon-dialog-header[b-h75dh5m4hi] {
    border-bottom: 1px solid var(--tara-border);
}

.tara-zon-dialog-footer[b-h75dh5m4hi] {
    border-top: 1px solid var(--tara-border);
    justify-content: flex-end;
}

.tara-zon-dialog-eyebrow[b-h75dh5m4hi] {
    margin: 0 0 .2rem;
    color: var(--tara-primary-dark);
    font-size: .8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.tara-zon-dialog-subtitle[b-h75dh5m4hi] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .92rem;
}

.tara-zon-dialog-close[b-h75dh5m4hi] {
    border: none;
    background: transparent;
    color: var(--tara-text-muted);
    font-size: 1.45rem;
    line-height: 1;
}

.tara-zon-dialog-body[b-h75dh5m4hi] {
    display: grid;
    gap: .9rem;
    padding: 1rem 1.1rem;
}

.tara-zon-dialog-field[b-h75dh5m4hi] {
    display: grid;
    gap: .4rem;
}

.tara-zon-dialog-field label[b-h75dh5m4hi] {
    color: var(--tara-text-muted);
    font-size: .82rem;
    font-weight: 700;
}

.tara-zon-dialog-type[b-h75dh5m4hi],
.tara-zon-input[b-h75dh5m4hi] {
    min-height: 2.65rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    color: var(--tara-text);
}

.tara-zon-dialog-type[b-h75dh5m4hi] {
    display: flex;
    align-items: center;
    padding: 0 .85rem;
    font-weight: 700;
}

.tara-zon-input[b-h75dh5m4hi] {
    width: 100%;
    padding: 0 .85rem;
    outline: none;
}

.tara-zon-input:focus[b-h75dh5m4hi] {
    border-color: var(--tara-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--tara-primary) 16%, transparent);
}

[b-h75dh5m4hi] .tara-zon-search .mud-input-outlined:hover .mud-input-outlined-border,
[b-h75dh5m4hi] .tara-zon-search .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

.tara-zon-dialog-error[b-h75dh5m4hi] {
    margin: 0;
    color: var(--tara-primary-dark);
    font-size: .85rem;
    font-weight: 700;
}

.tara-zon-btn[b-h75dh5m4hi] {
    min-height: 2.55rem;
    padding: 0 1rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    font-weight: 800;
}

.tara-zon-btn--muted[b-h75dh5m4hi] {
    background: var(--tara-surface);
    color: var(--tara-text);
}

.tara-zon-btn--danger[b-h75dh5m4hi] {
    border-color: var(--tara-primary-dark);
    background: var(--tara-primary-dark);
    color: #fff;
}

@media (max-width: 840px) {
    .tara-zon-header[b-h75dh5m4hi] {
        grid-template-columns: 1fr;
    }

    .tara-zon-toolbar[b-h75dh5m4hi] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-zon-toolbar-actions[b-h75dh5m4hi] {
        justify-content: stretch;
    }

    .tara-zon-toolbar-actions > *[b-h75dh5m4hi] {
        flex: 1 1 180px;
    }

    .tara-zon-filters-grid[b-h75dh5m4hi] {
        padding-inline: .25rem;
    }

    .tara-zon-filter-actions[b-h75dh5m4hi] {
        margin-left: 0;
        width: 100%;
    }

    .tara-grid-footer[b-h75dh5m4hi] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/ProgramasLealtadBilletiza.razor.rz.scp.css */
.tara-lbz-page[b-mov88zrktc] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
}

.tara-lbz-header[b-mov88zrktc] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-lbz-back-btn[b-mov88zrktc] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-lbz-header-copy h1[b-mov88zrktc] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-lbz-header-copy span[b-mov88zrktc] {
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-lbz-grid[b-mov88zrktc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

.tara-lbz-card[b-mov88zrktc] {
    display: grid;
    gap: .65rem;
    padding: 1rem;
    text-align: left;
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow);
    color: var(--tara-text);
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.tara-lbz-card:hover[b-mov88zrktc] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    box-shadow: 0 18px 36px rgba(44, 26, 14, .09);
}

.tara-lbz-card strong[b-mov88zrktc] {
    font-size: 1.05rem;
}

.tara-lbz-card p[b-mov88zrktc] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .92rem;
}

.tara-lbz-card-link[b-mov88zrktc],
.tara-lbz-chip[b-mov88zrktc] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    padding: .26rem .7rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
}

.tara-lbz-card-link[b-mov88zrktc] {
    color: var(--tara-primary-dark);
    background: color-mix(in srgb, var(--tara-primary) 9%, var(--tara-surface));
}

.tara-lbz-chip[b-mov88zrktc] {
    color: var(--tara-text-muted);
    background: var(--tara-surface-raised);
}

.tara-lbz-card-icon[b-mov88zrktc] {
    display: inline-grid;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    border-radius: 14px;
    color: var(--tara-primary-dark);
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
}

.tara-lbz-card-icon--green[b-mov88zrktc] {
    color: var(--tara-text);
    background: color-mix(in srgb, var(--tara-text) 8%, var(--tara-surface));
}

.tara-lbz-card-icon--amber[b-mov88zrktc] {
    color: var(--tara-text-muted);
    background: color-mix(in srgb, var(--tara-text-muted) 10%, var(--tara-surface));
}

.tara-lbz-card--pending[b-mov88zrktc] {
    cursor: default;
}

.tara-lbz-card--pending:hover[b-mov88zrktc] {
    transform: none;
}

.tara-lbz-loading[b-mov88zrktc] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-lbz-loading[b-mov88zrktc]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.5rem;
}

@media (max-width: 760px) {
    .tara-lbz-page[b-mov88zrktc] {
        padding: .85rem;
    }

    .tara-lbz-header[b-mov88zrktc] {
        grid-template-columns: 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/ProgramasLealtadBilletizaCampanas.razor.rz.scp.css */
.tara-lbcp-page[b-zw2c4kqc8k] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
}

.tara-lbcp-header[b-zw2c4kqc8k] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-lbcp-back-btn[b-zw2c4kqc8k] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-lbcp-header-copy h1[b-zw2c4kqc8k],
.tara-lbcp-section-head h2[b-zw2c4kqc8k] {
    margin: 0;
    color: var(--tara-text);
}

.tara-lbcp-header-copy h1[b-zw2c4kqc8k] {
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-lbcp-header-copy span[b-zw2c4kqc8k],
.tara-lbcp-section-head p[b-zw2c4kqc8k],
.tara-lbcp-radio-shell p[b-zw2c4kqc8k],
.tara-lbcp-formas-shell p[b-zw2c4kqc8k] {
    color: var(--tara-text-muted);
}

.tara-lbcp-header-actions[b-zw2c4kqc8k],
.tara-lbcp-alert-body[b-zw2c4kqc8k],
.tara-lbcp-section-head[b-zw2c4kqc8k],
.tara-lbcp-actions[b-zw2c4kqc8k] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-lbcp-alert[b-zw2c4kqc8k] {
    margin-bottom: 1rem;
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-lbcp-shell[b-zw2c4kqc8k] {
    display: grid;
    gap: .95rem;
}

.tara-lbcp-section[b-zw2c4kqc8k] {
    display: grid;
    gap: .9rem;
    padding: .95rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
}

.tara-lbcp-chip[b-zw2c4kqc8k],
.tara-lbcp-mode-chip[b-zw2c4kqc8k] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: .28rem .78rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
}

.tara-lbcp-chip[b-zw2c4kqc8k] {
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-lbcp-mode-chip[b-zw2c4kqc8k] {
    background: color-mix(in srgb, var(--tara-text-muted) 10%, var(--tara-surface));
    color: var(--tara-text);
    text-transform: lowercase;
}

.tara-lbcp-form[b-zw2c4kqc8k],
.tara-lbcp-radio-shell[b-zw2c4kqc8k],
.tara-lbcp-formas-shell[b-zw2c4kqc8k] {
    display: grid;
    gap: .75rem;
}

.tara-lbcp-grid[b-zw2c4kqc8k] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.tara-lbcp-radio-shell[b-zw2c4kqc8k],
.tara-lbcp-formas-shell[b-zw2c4kqc8k] {
    padding: .9rem 1rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 93%, var(--tara-bg));
}

.tara-lbcp-radio-shell > span[b-zw2c4kqc8k] {
    color: var(--tara-text);
    font-weight: 700;
}

.tara-lbcp-radio-group[b-zw2c4kqc8k] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-lbcp-grid-wrap[b-zw2c4kqc8k] {
    overflow-x: auto;
}

.tara-lbcp-grid-table[b-zw2c4kqc8k] {
    min-width: 840px;
}

.tara-lbcp-num[b-zw2c4kqc8k] {
    text-align: right;
}

.tara-lbcp-state[b-zw2c4kqc8k],
.tara-lbcp-loading[b-zw2c4kqc8k] {
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
}

.tara-lbcp-state[b-zw2c4kqc8k] {
    min-height: 260px;
}

.tara-lbcp-loading[b-zw2c4kqc8k] {
    min-height: calc(100vh - 96px);
    background: var(--tara-bg);
}

.tara-lbcp-state--empty[b-zw2c4kqc8k]  .mud-icon-root,
.tara-lbcp-loading[b-zw2c4kqc8k]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.4rem;
}

@media (max-width: 900px) {
    .tara-lbcp-grid[b-zw2c4kqc8k] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .tara-lbcp-page[b-zw2c4kqc8k] {
        padding: .85rem;
    }

    .tara-lbcp-header[b-zw2c4kqc8k] {
        grid-template-columns: 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/ProgramasLealtadBilletizaConfiguracionGeneral.razor.rz.scp.css */
.tara-lbc-page[b-pbj9zi78sw] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
}

.tara-lbc-header[b-pbj9zi78sw] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-lbc-back-btn[b-pbj9zi78sw] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-lbc-header-copy h1[b-pbj9zi78sw],
.tara-lbc-toolbar h2[b-pbj9zi78sw],
.tara-lbc-section h3[b-pbj9zi78sw] {
    margin: 0;
    color: var(--tara-text);
}

.tara-lbc-header-copy h1[b-pbj9zi78sw] {
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-lbc-header-copy span[b-pbj9zi78sw],
.tara-lbc-toolbar p[b-pbj9zi78sw],
.tara-lbc-help[b-pbj9zi78sw] {
    color: var(--tara-text-muted);
}

.tara-lbc-alert[b-pbj9zi78sw] {
    margin-bottom: 1rem;
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-lbc-alert-body[b-pbj9zi78sw],
.tara-lbc-toolbar[b-pbj9zi78sw],
.tara-lbc-footer[b-pbj9zi78sw] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-lbc-shell[b-pbj9zi78sw] {
    display: grid;
    gap: .95rem;
    padding: .95rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
}

.tara-lbc-chip[b-pbj9zi78sw] {
    display: inline-flex;
    align-items: center;
    padding: .3rem .8rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-size: .78rem;
    font-weight: 700;
}

.tara-lbc-form[b-pbj9zi78sw] {
    display: grid;
    gap: .85rem;
}

.tara-lbc-section[b-pbj9zi78sw] {
    display: grid;
    gap: .75rem;
    padding: .95rem 1rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 93%, var(--tara-bg));
}

.tara-lbc-grid[b-pbj9zi78sw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.tara-lbc-help[b-pbj9zi78sw] {
    margin: 0;
    font-size: .86rem;
}

.tara-lbc-state[b-pbj9zi78sw],
.tara-lbc-loading[b-pbj9zi78sw] {
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
}

.tara-lbc-state[b-pbj9zi78sw] {
    min-height: 280px;
}

.tara-lbc-loading[b-pbj9zi78sw] {
    min-height: calc(100vh - 96px);
    background: var(--tara-bg);
}

.tara-lbc-state--empty[b-pbj9zi78sw]  .mud-icon-root,
.tara-lbc-loading[b-pbj9zi78sw]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.5rem;
}

@media (max-width: 760px) {
    .tara-lbc-page[b-pbj9zi78sw] {
        padding: .85rem;
    }

    .tara-lbc-header[b-pbj9zi78sw] {
        grid-template-columns: 1fr;
    }

    .tara-lbc-grid[b-pbj9zi78sw] {
        grid-template-columns: 1fr;
    }

    .tara-lbc-footer > *[b-pbj9zi78sw] {
        flex: 1 1 190px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/ProgramasLealtadBilletizaCupones.razor.rz.scp.css */
.tara-lbcu-page[b-4zgnm91vti] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
}

.tara-lbcu-header[b-4zgnm91vti] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-lbcu-back-btn[b-4zgnm91vti] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-lbcu-header-copy h1[b-4zgnm91vti],
.tara-lbcu-search-card h2[b-4zgnm91vti],
.tara-lbcu-section-head h2[b-4zgnm91vti],
.tara-lbcu-section-head h3[b-4zgnm91vti] {
    margin: 0;
    color: var(--tara-text);
}

.tara-lbcu-header-copy h1[b-4zgnm91vti] {
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-lbcu-header-copy span[b-4zgnm91vti],
.tara-lbcu-section-head small[b-4zgnm91vti],
.tara-lbcu-modal-note[b-4zgnm91vti] {
    color: var(--tara-text-muted);
}

.tara-lbcu-shell[b-4zgnm91vti] {
    display: grid;
    gap: .95rem;
}

.tara-lbcu-search-card[b-4zgnm91vti],
.tara-lbcu-detail-card[b-4zgnm91vti] {
    display: grid;
    gap: .9rem;
    padding: .95rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
}

.tara-lbcu-actions[b-4zgnm91vti],
.tara-lbcu-alert-body[b-4zgnm91vti],
.tara-lbcu-section-head[b-4zgnm91vti],
.tara-lbcu-modal-actions[b-4zgnm91vti],
.tara-lbcu-modal-head[b-4zgnm91vti] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-lbcu-alert[b-4zgnm91vti] {
    margin-bottom: 1rem;
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-lbcu-kpi-grid[b-4zgnm91vti] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}

.tara-lbcu-kpi-card[b-4zgnm91vti],
.tara-lbcu-empty-card[b-4zgnm91vti] {
    padding: .95rem 1rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 93%, var(--tara-bg));
}

.tara-lbcu-kpi-card span[b-4zgnm91vti] {
    display: block;
    color: var(--tara-text-muted);
    font-size: .86rem;
}

.tara-lbcu-kpi-card strong[b-4zgnm91vti] {
    color: var(--tara-text);
    font-size: 1.05rem;
    font-weight: 800;
}

.tara-lbcu-status-chip[b-4zgnm91vti] {
    display: inline-flex;
    align-items: center;
    padding: .28rem .78rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-size: .78rem;
    font-weight: 700;
}

.tara-lbcu-grid-wrap[b-4zgnm91vti] {
    overflow-x: auto;
}

.tara-lbcu-grid-table[b-4zgnm91vti] {
    min-width: 640px;
}

.tara-lbcu-num[b-4zgnm91vti] {
    text-align: right;
}

.tara-lbcu-state[b-4zgnm91vti],
.tara-lbcu-loading[b-4zgnm91vti] {
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
}

.tara-lbcu-state[b-4zgnm91vti] {
    min-height: 260px;
}

.tara-lbcu-loading[b-4zgnm91vti] {
    min-height: calc(100vh - 96px);
    background: var(--tara-bg);
}

.tara-lbcu-state--empty[b-4zgnm91vti]  .mud-icon-root,
.tara-lbcu-loading[b-4zgnm91vti]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.4rem;
}

.tara-lbcu-modal-backdrop[b-4zgnm91vti] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: grid;
    place-items: center;
    background: rgba(33, 23, 18, .48);
    padding: 1rem;
}

.tara-lbcu-modal[b-4zgnm91vti] {
    width: min(520px, 100%);
    padding: 1rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 18px;
    box-shadow: 0 22px 56px rgba(28, 16, 10, .22);
}

.tara-lbcu-modal--wide[b-4zgnm91vti] {
    width: min(680px, 100%);
}

.tara-lbcu-modal-close[b-4zgnm91vti] {
    border: 0;
    background: transparent;
    color: var(--tara-text-muted);
    font-size: 1.4rem;
    cursor: pointer;
}

.tara-lbcu-reprint-grid[b-4zgnm91vti] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
    margin-top: .75rem;
}

.tara-lbcu-reprint-grid span[b-4zgnm91vti],
.tara-lbcu-conditions span[b-4zgnm91vti] {
    display: block;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-lbcu-reprint-grid strong[b-4zgnm91vti],
.tara-lbcu-conditions p[b-4zgnm91vti] {
    color: var(--tara-text);
}

.tara-lbcu-conditions[b-4zgnm91vti] {
    margin-top: .95rem;
    padding-top: .9rem;
    border-top: 1px solid var(--tara-border-subtle);
}

@media (max-width: 900px) {
    .tara-lbcu-kpi-grid[b-4zgnm91vti],
    .tara-lbcu-reprint-grid[b-4zgnm91vti] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-lbcu-page[b-4zgnm91vti] {
        padding: .85rem;
    }

    .tara-lbcu-header[b-4zgnm91vti],
    .tara-lbcu-kpi-grid[b-4zgnm91vti],
    .tara-lbcu-reprint-grid[b-4zgnm91vti] {
        grid-template-columns: 1fr;
    }

    .tara-lbcu-actions > *[b-4zgnm91vti],
    .tara-lbcu-modal-actions > *[b-4zgnm91vti] {
        flex: 1 1 180px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/ProgramasLealtadBilletizaDashboard.razor.rz.scp.css */
.tara-lbd-page[b-43jao278ov] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
}

.tara-lbd-header[b-43jao278ov] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-lbd-back-btn[b-43jao278ov] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-lbd-header-copy h1[b-43jao278ov],
.tara-lbd-toolbar h2[b-43jao278ov],
.tara-lbd-section-head h3[b-43jao278ov] {
    margin: 0;
    color: var(--tara-text);
}

.tara-lbd-header-copy h1[b-43jao278ov] {
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-lbd-header-copy span[b-43jao278ov],
.tara-lbd-toolbar p[b-43jao278ov],
.tara-lbd-section-head small[b-43jao278ov] {
    color: var(--tara-text-muted);
}

.tara-lbd-alert[b-43jao278ov] {
    margin-bottom: 1rem;
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-lbd-alert-body[b-43jao278ov],
.tara-lbd-toolbar[b-43jao278ov],
.tara-lbd-section-head[b-43jao278ov] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-lbd-shell[b-43jao278ov] {
    display: grid;
    gap: .95rem;
    padding: .95rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
}

.tara-lbd-chip[b-43jao278ov] {
    display: inline-flex;
    align-items: center;
    padding: .3rem .8rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-size: .78rem;
    font-weight: 700;
}

.tara-lbd-kpi-grid[b-43jao278ov] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}

.tara-lbd-kpi-card[b-43jao278ov],
.tara-lbd-section[b-43jao278ov],
.tara-lbd-empty-card[b-43jao278ov],
.tara-lbd-alert-card[b-43jao278ov] {
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 93%, var(--tara-bg));
}

.tara-lbd-kpi-card[b-43jao278ov] {
    display: grid;
    gap: .3rem;
    padding: .95rem 1rem;
}

.tara-lbd-kpi-card span[b-43jao278ov] {
    color: var(--tara-text-muted);
    font-size: .86rem;
}

.tara-lbd-kpi-card strong[b-43jao278ov] {
    color: var(--tara-text);
    font-size: 1.5rem;
    font-weight: 800;
}

.tara-lbd-section[b-43jao278ov] {
    padding: .95rem 1rem;
}

.tara-lbd-alert-list[b-43jao278ov] {
    display: grid;
    gap: .7rem;
    margin-top: .85rem;
}

.tara-lbd-alert-card[b-43jao278ov] {
    display: flex;
    gap: .7rem;
    align-items: flex-start;
    padding: .8rem .9rem;
    color: var(--tara-text);
}

.tara-lbd-alert-card[b-43jao278ov]  .mud-icon-root,
.tara-lbd-state--empty[b-43jao278ov]  .mud-icon-root,
.tara-lbd-loading[b-43jao278ov]  .mud-icon-root {
    color: var(--tara-primary-dark);
}

.tara-lbd-empty-card[b-43jao278ov] {
    padding: .9rem 1rem;
    margin-top: .75rem;
    color: var(--tara-text-muted);
}

.tara-lbd-state[b-43jao278ov],
.tara-lbd-loading[b-43jao278ov] {
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
}

.tara-lbd-state[b-43jao278ov] {
    min-height: 280px;
}

.tara-lbd-loading[b-43jao278ov] {
    min-height: calc(100vh - 96px);
    background: var(--tara-bg);
}

@media (max-width: 900px) {
    .tara-lbd-kpi-grid[b-43jao278ov] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-lbd-page[b-43jao278ov] {
        padding: .85rem;
    }

    .tara-lbd-header[b-43jao278ov] {
        grid-template-columns: 1fr;
    }

    .tara-lbd-kpi-grid[b-43jao278ov] {
        grid-template-columns: 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/ProgramasLealtadClienteFiel.razor.rz.scp.css */
.tara-lcf-page[b-qggg3d6hki] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
}

.tara-lcf-header[b-qggg3d6hki] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-lcf-back-btn[b-qggg3d6hki] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-lcf-header-copy h1[b-qggg3d6hki] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-lcf-header-copy span[b-qggg3d6hki] {
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-lcf-alert[b-qggg3d6hki] {
    margin-bottom: 1rem;
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-lcf-alert-body[b-qggg3d6hki],
.tara-lcf-form-head[b-qggg3d6hki],
.tara-lcf-toolbar[b-qggg3d6hki],
.tara-lcf-form-toolbar[b-qggg3d6hki] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-lcf-card[b-qggg3d6hki] {
    margin-top: .45rem;
    margin-bottom: 1rem;
    padding: .8rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
}

.tara-lcf-form-head h2[b-qggg3d6hki] {
    margin: 0 0 .2rem;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 800;
}

.tara-lcf-form-head p[b-qggg3d6hki],
.tara-lcf-status[b-qggg3d6hki] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .9rem;
}

.tara-lcf-form-grid[b-qggg3d6hki] {
    display: grid;
    grid-template-columns: minmax(220px, 1.5fr) repeat(3, minmax(120px, 1fr));
    gap: .75rem;
    padding: .8rem 0;
}

.tara-lcf-toolbar[b-qggg3d6hki] {
    padding-bottom: .8rem;
    border-bottom: 1px solid var(--tara-border-subtle);
}

.tara-lcf-search[b-qggg3d6hki] {
    min-width: min(100%, 320px);
    flex: 1 1 280px;
}

.tara-lcf-toolbar-actions[b-qggg3d6hki],
.tara-lcf-form-actions[b-qggg3d6hki],
.tara-lcf-actions[b-qggg3d6hki] {
    display: flex;
    gap: .5rem;
    align-items: center;
    flex-wrap: wrap;
}

.tara-lcf-grid-wrap[b-qggg3d6hki] {
    overflow-x: auto;
    padding-top: .8rem;
}

.tara-lcf-cell-num[b-qggg3d6hki] {
    text-align: right;
}

.tara-lcf-state[b-qggg3d6hki] {
    min-height: 280px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .7rem;
    color: var(--tara-text-muted);
}

.tara-lcf-state--empty[b-qggg3d6hki]  .mud-icon-root {
    font-size: 2rem;
    color: var(--tara-primary-dark);
}

.tara-lcf-loading[b-qggg3d6hki] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-lcf-loading[b-qggg3d6hki]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.5rem;
}

.tara-lcf-dialog-backdrop[b-qggg3d6hki] {
    position: fixed;
    inset: 0;
    z-index: 1600;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 15, 17, .42);
    backdrop-filter: blur(2px);
}

.tara-lcf-dialog[b-qggg3d6hki] {
    width: min(100%, 440px);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 18px;
    box-shadow: var(--tara-shadow-lg);
    overflow: hidden;
}

.tara-lcf-dialog-header[b-qggg3d6hki],
.tara-lcf-dialog-footer[b-qggg3d6hki] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: 1rem 1.1rem;
}

.tara-lcf-dialog-header[b-qggg3d6hki] {
    border-bottom: 1px solid var(--tara-border-subtle);
}

.tara-lcf-dialog-body[b-qggg3d6hki] {
    padding: 1rem 1.1rem;
    color: var(--tara-text);
}

.tara-lcf-dialog-eyebrow[b-qggg3d6hki],
.tara-lcf-dialog-subtitle[b-qggg3d6hki] {
    margin: 0;
}

.tara-lcf-dialog-eyebrow[b-qggg3d6hki] {
    color: var(--tara-primary-dark);
    font-size: .82rem;
    font-weight: 800;
    text-transform: uppercase;
}

.tara-lcf-dialog-subtitle[b-qggg3d6hki] {
    color: var(--tara-text-muted);
    font-size: .9rem;
}

.tara-lcf-dialog-close[b-qggg3d6hki],
.tara-lcf-btn[b-qggg3d6hki] {
    border: 0;
    border-radius: 999px;
}

.tara-lcf-dialog-close[b-qggg3d6hki] {
    width: 34px;
    height: 34px;
    background: color-mix(in srgb, var(--tara-surface) 70%, var(--tara-bg));
    color: var(--tara-text-muted);
    font-size: 1.25rem;
}

.tara-lcf-btn[b-qggg3d6hki] {
    padding: .7rem 1rem;
    font-weight: 700;
}

.tara-lcf-btn--muted[b-qggg3d6hki] {
    background: color-mix(in srgb, var(--tara-surface) 72%, var(--tara-bg));
    color: var(--tara-text);
}

.tara-lcf-btn--danger[b-qggg3d6hki] {
    background: var(--tara-primary-dark);
    color: var(--tara-text-inverse);
}

[b-qggg3d6hki] .tara-lcf-grid .mud-table-head th {
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
}

[b-qggg3d6hki] .tara-lcf-grid .mud-table-body tr:nth-child(odd) {
    background: var(--tara-row-odd);
}

[b-qggg3d6hki] .tara-lcf-grid .mud-table-body tr:nth-child(even) {
    background: var(--tara-row-even);
}

[b-qggg3d6hki] .tara-lcf-grid .mud-table-body tr:hover {
    background: var(--tara-row-hover);
}

@media (max-width: 860px) {
    .tara-lcf-form-grid[b-qggg3d6hki] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .tara-lcf-page[b-qggg3d6hki] {
        padding: .85rem;
    }

    .tara-lcf-header[b-qggg3d6hki] {
        grid-template-columns: 1fr;
    }

    .tara-lcf-form-grid[b-qggg3d6hki] {
        grid-template-columns: 1fr;
    }

    .tara-lcf-toolbar-actions > *[b-qggg3d6hki],
    .tara-lcf-form-actions > *[b-qggg3d6hki] {
        flex: 1 1 180px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/ProgramasLealtadClubFamiliar.razor.rz.scp.css */
.tara-lcfam-page[b-kdyetmwgxe] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
}

.tara-lcfam-header[b-kdyetmwgxe] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-lcfam-back-btn[b-kdyetmwgxe] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-lcfam-header-copy h1[b-kdyetmwgxe],
.tara-lcfam-card-head h2[b-kdyetmwgxe] {
    margin: 0;
    color: var(--tara-text);
    font-weight: 800;
}

.tara-lcfam-header-copy h1[b-kdyetmwgxe] {
    font-size: clamp(1.45rem, 2vw, 2rem);
}

.tara-lcfam-header-copy span[b-kdyetmwgxe],
.tara-lcfam-card-head p[b-kdyetmwgxe],
.tara-lcfam-family-meta p[b-kdyetmwgxe],
.tara-lcfam-status[b-kdyetmwgxe],
.tara-lcfam-titular-card span[b-kdyetmwgxe],
.tara-lcfam-dialog-summary[b-kdyetmwgxe],
.tara-lcfam-dialog-item p[b-kdyetmwgxe] {
    color: var(--tara-text-muted);
    font-size: .92rem;
}

.tara-lcfam-alert[b-kdyetmwgxe] {
    margin-bottom: 1rem;
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-lcfam-alert-body[b-kdyetmwgxe],
.tara-lcfam-card-head--toolbar[b-kdyetmwgxe],
.tara-lcfam-toolbar-actions[b-kdyetmwgxe] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-lcfam-filters-grid[b-kdyetmwgxe] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .8rem;
    align-items: end;
}

.tara-lcfam-filter-actions[b-kdyetmwgxe] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-lcfam-layout[b-kdyetmwgxe] {
    display: grid;
    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
    gap: 1rem;
    margin-top: 1rem;
}

.tara-lcfam-card[b-kdyetmwgxe],
.tara-lcfam-kpi[b-kdyetmwgxe],
.tara-lcfam-titular-card[b-kdyetmwgxe],
.tara-lcfam-dialog[b-kdyetmwgxe],
.tara-lcfam-dialog-item[b-kdyetmwgxe] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    box-shadow: var(--tara-shadow);
}

.tara-lcfam-card[b-kdyetmwgxe] {
    padding: .95rem;
    border-radius: 16px;
}

.tara-lcfam-card--reporte[b-kdyetmwgxe],
.tara-lcfam-card--titulares[b-kdyetmwgxe] {
    display: grid;
    gap: .9rem;
}

.tara-lcfam-titulares-list[b-kdyetmwgxe] {
    display: grid;
    gap: .7rem;
    max-height: clamp(400px, calc(100vh - 320px), 820px);
    overflow: auto;
    padding-right: .15rem;
}

.tara-lcfam-titular-card[b-kdyetmwgxe] {
    display: grid;
    gap: .35rem;
    text-align: left;
    padding: .85rem .95rem;
    border-radius: var(--tara-radius-sm);
    cursor: pointer;
}

.tara-lcfam-titular-card strong[b-kdyetmwgxe],
.tara-lcfam-dialog-item strong[b-kdyetmwgxe] {
    color: var(--tara-text);
}

.tara-lcfam-titular-card small[b-kdyetmwgxe] {
    justify-self: start;
    padding: .28rem .62rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 18%, var(--tara-surface));
    color: var(--tara-text);
    font-size: .76rem;
    font-weight: 700;
}

.tara-lcfam-titular-card--active[b-kdyetmwgxe] {
    border-color: color-mix(in srgb, var(--tara-primary) 35%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
}

.tara-lcfam-kpis[b-kdyetmwgxe] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
}

.tara-lcfam-kpi[b-kdyetmwgxe] {
    padding: .85rem .95rem;
    border-radius: var(--tara-radius-sm);
}

.tara-lcfam-kpi span[b-kdyetmwgxe] {
    display: block;
    color: var(--tara-text-muted);
    font-size: .82rem;
    font-weight: 700;
}

.tara-lcfam-kpi strong[b-kdyetmwgxe] {
    color: var(--tara-text);
    font-size: 1.18rem;
    font-weight: 800;
}

.tara-lcfam-kpi--wide[b-kdyetmwgxe] {
    grid-column: span 1;
}

.tara-lcfam-grid-wrap[b-kdyetmwgxe] {
    overflow: auto;
}

.tara-lcfam-chip[b-kdyetmwgxe] {
    display: inline-flex;
    min-height: 26px;
    padding: 0 .65rem;
    align-items: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 18%, var(--tara-surface));
    color: var(--tara-text);
    font-size: .75rem;
    font-weight: 700;
}

.tara-lcfam-num[b-kdyetmwgxe] {
    text-align: right;
}

.tara-lcfam-state[b-kdyetmwgxe],
.tara-lcfam-loading[b-kdyetmwgxe] {
    min-height: 280px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
}

.tara-lcfam-loading[b-kdyetmwgxe] {
    min-height: calc(100vh - 96px);
    background: var(--tara-bg);
}

.tara-lcfam-state--empty[b-kdyetmwgxe]  .mud-icon-root,
.tara-lcfam-loading[b-kdyetmwgxe]  .mud-icon-root {
    color: var(--tara-primary-dark);
}

.tara-lcfam-dialog-backdrop[b-kdyetmwgxe] {
    position: fixed;
    inset: 0;
    background: rgba(22, 24, 28, .56);
    display: grid;
    place-items: center;
    padding: 1rem;
    z-index: 1400;
}

.tara-lcfam-dialog[b-kdyetmwgxe] {
    width: min(780px, 100%);
    max-height: min(86vh, 920px);
    overflow: auto;
    border-radius: 18px;
    padding: 1rem;
}

.tara-lcfam-dialog-header[b-kdyetmwgxe],
.tara-lcfam-dialog-footer[b-kdyetmwgxe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.tara-lcfam-dialog-header h3[b-kdyetmwgxe],
.tara-lcfam-dialog-header p[b-kdyetmwgxe] {
    margin: 0;
}

.tara-lcfam-dialog-eyebrow[b-kdyetmwgxe] {
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-lcfam-dialog-close[b-kdyetmwgxe],
.tara-lcfam-btn[b-kdyetmwgxe] {
    border: 1px solid var(--tara-border);
    border-radius: 12px;
    padding: .62rem .95rem;
    font-weight: 700;
    cursor: pointer;
}

.tara-lcfam-dialog-close[b-kdyetmwgxe],
.tara-lcfam-btn--muted[b-kdyetmwgxe] {
    background: var(--tara-surface);
    color: var(--tara-text);
}

.tara-lcfam-dialog-list[b-kdyetmwgxe] {
    display: grid;
    gap: .65rem;
    margin-top: 1rem;
}

.tara-lcfam-dialog-item[b-kdyetmwgxe] {
    padding: .85rem .95rem;
    border-radius: var(--tara-radius-sm);
}

.tara-lcfam-dialog-item p[b-kdyetmwgxe] {
    margin: 0 0 .22rem;
}

.tara-lcfam-dialog-importe[b-kdyetmwgxe] {
    color: var(--tara-text);
    font-weight: 800;
}

.tara-lcfam-dialog-empty[b-kdyetmwgxe] {
    color: var(--tara-text-muted);
}

@media (max-width: 1080px) {
    .tara-lcfam-layout[b-kdyetmwgxe] {
        grid-template-columns: 1fr;
    }
}

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

@media (max-width: 760px) {
    .tara-lcfam-page[b-kdyetmwgxe] {
        padding: .85rem;
    }

    .tara-lcfam-header[b-kdyetmwgxe],
    .tara-lcfam-filters-grid[b-kdyetmwgxe],
    .tara-lcfam-kpis[b-kdyetmwgxe] {
        grid-template-columns: 1fr;
    }

    .tara-lcfam-filter-actions[b-kdyetmwgxe],
    .tara-lcfam-toolbar-actions[b-kdyetmwgxe] {
        width: 100%;
    }

    .tara-lcfam-filter-actions > *[b-kdyetmwgxe],
    .tara-lcfam-toolbar-actions > *[b-kdyetmwgxe] {
        flex: 1 1 180px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/ProgramasLealtadControles.razor.rz.scp.css */
.tara-lc-page[b-k3d2w7x7r1] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
}

.tara-lc-header[b-k3d2w7x7r1] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-lc-back-btn[b-k3d2w7x7r1] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-lc-header-copy h1[b-k3d2w7x7r1] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-lc-header-copy span[b-k3d2w7x7r1] {
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-lc-alert[b-k3d2w7x7r1] {
    margin-bottom: 1rem;
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-lc-alert-body[b-k3d2w7x7r1] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-lc-filters-grid[b-k3d2w7x7r1] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: .85rem 1rem .8rem;
}

.tara-lc-filter-field[b-k3d2w7x7r1] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.tara-lc-filter-field--grow[b-k3d2w7x7r1] {
    min-width: 0;
    flex: 1 1 420px;
}

.tara-lc-filter-actions[b-k3d2w7x7r1] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    margin-left: auto;
    padding-top: .15rem;
}

.tara-lc-card[b-k3d2w7x7r1] {
    margin-top: .45rem;
    padding: .8rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
}

.tara-lc-toolbar[b-k3d2w7x7r1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: .1rem .2rem .7rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    margin-bottom: .8rem;
}

.tara-lc-toolbar-copy h2[b-k3d2w7x7r1] {
    margin: 0 0 .2rem;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 800;
}

.tara-lc-toolbar-copy p[b-k3d2w7x7r1] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .9rem;
}

.tara-lc-toolbar-actions[b-k3d2w7x7r1] {
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.tara-lc-state[b-k3d2w7x7r1] {
    min-height: 280px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .7rem;
    color: var(--tara-text-muted);
}

.tara-lc-state--empty[b-k3d2w7x7r1]  .mud-icon-root {
    font-size: 2rem;
    color: var(--tara-primary-dark);
}

.tara-lc-sections[b-k3d2w7x7r1] {
    display: grid;
    gap: .8rem;
}

.tara-lc-section[b-k3d2w7x7r1] {
    display: grid;
    gap: .7rem;
    padding: .95rem 1rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
}

.tara-lc-section-head[b-k3d2w7x7r1] {
    display: grid;
    gap: .25rem;
}

.tara-lc-help[b-k3d2w7x7r1] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    line-height: 1.4;
}

.tara-lc-two-cols[b-k3d2w7x7r1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.tara-lc-number[b-k3d2w7x7r1] {
    max-width: 100%;
}

.tara-lc-form-error[b-k3d2w7x7r1] {
    margin: 0;
    color: var(--tara-primary-dark);
    font-size: .88rem;
    font-weight: 600;
}

.tara-lc-status[b-k3d2w7x7r1] {
    margin: .15rem 0 0;
    color: var(--tara-text-muted);
    font-size: .84rem;
}

.tara-lc-loading[b-k3d2w7x7r1] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-lc-loading[b-k3d2w7x7r1]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.5rem;
}

@media (max-width: 760px) {
    .tara-lc-page[b-k3d2w7x7r1] {
        padding: .85rem;
    }

    .tara-lc-header[b-k3d2w7x7r1] {
        grid-template-columns: 1fr;
    }

    .tara-lc-toolbar[b-k3d2w7x7r1] {
        align-items: stretch;
    }

    .tara-lc-toolbar-actions[b-k3d2w7x7r1] {
        justify-content: stretch;
    }

    .tara-lc-toolbar-actions > *[b-k3d2w7x7r1] {
        flex: 1 1 180px;
    }

    .tara-lc-two-cols[b-k3d2w7x7r1] {
        grid-template-columns: 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/ProgramasLealtadFelicitaciones.razor.rz.scp.css */
.tara-lfel-page[b-ae5em193k3] {
    gap: 1rem;
}

.tara-lfel-loading[b-ae5em193k3] {
    min-height: 55vh;
    display: grid;
    place-items: center;
    text-align: center;
    color: var(--tara-text);
    gap: .65rem;
}

.tara-lfel-header[b-ae5em193k3],
.tara-lfel-section-card[b-ae5em193k3] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-lfel-header[b-ae5em193k3] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
}

.tara-lfel-header-copy h1[b-ae5em193k3],
.tara-lfel-section-head h2[b-ae5em193k3],
.tara-lfel-subhead h3[b-ae5em193k3] {
    margin: 0;
    color: var(--tara-text);
}

.tara-lfel-header-copy span[b-ae5em193k3],
.tara-lfel-section-head p[b-ae5em193k3],
.tara-lfel-section-head small[b-ae5em193k3],
.tara-lfel-inline-note[b-ae5em193k3] {
    color: var(--tara-text-muted);
}

.tara-lfel-header-actions[b-ae5em193k3],
.tara-lfel-back-btn[b-ae5em193k3] {
    align-self: start;
}

.tara-lfel-alert[b-ae5em193k3],
.tara-lfel-note[b-ae5em193k3] {
    border-radius: var(--tara-radius-sm);
}

.tara-lfel-alert-body[b-ae5em193k3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-lfel-note code[b-ae5em193k3] {
    color: var(--tara-primary-dark);
    background: rgba(204, 0, 0, .08);
    padding: .08rem .35rem;
    border-radius: 999px;
}

.tara-lfel-section-card[b-ae5em193k3] {
    padding: 1rem;
}

.tara-lfel-section-card--secondary[b-ae5em193k3] {
    background: linear-gradient(180deg, var(--tara-surface) 0%, rgba(204, 0, 0, .02) 100%);
}

.tara-lfel-section-head[b-ae5em193k3] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
    padding-bottom: .85rem;
    border-bottom: 1px solid var(--tara-border);
}

.tara-lfel-section-head p[b-ae5em193k3] {
    margin: .3rem 0 .2rem;
    font-weight: 600;
}

.tara-lfel-body[b-ae5em193k3] {
    display: grid;
    gap: 1rem;
    padding-top: 1rem;
}

.tara-lfel-subhead[b-ae5em193k3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.tara-lfel-subhead--toolbar[b-ae5em193k3] {
    flex-wrap: wrap;
}

.tara-lfel-filters-grid[b-ae5em193k3],
.tara-lfel-message-grid[b-ae5em193k3] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: .85rem;
}

.tara-lfel-filters-grid > *[b-ae5em193k3],
.tara-lfel-message-grid > *[b-ae5em193k3] {
    grid-column: span 4;
}

.tara-lfel-filters-grid--com > *[b-ae5em193k3] {
    grid-column: span 3;
}

.tara-lfel-filter-wide[b-ae5em193k3] {
    grid-column: span 6 !important;
}

.tara-lfel-textarea[b-ae5em193k3] {
    grid-column: span 12 !important;
}

.tara-lfel-primary-actions[b-ae5em193k3],
.tara-lfel-message-actions[b-ae5em193k3] {
    display: flex;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
}

.tara-lfel-toolbar[b-ae5em193k3] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    align-items: center;
}

.tara-lfel-search[b-ae5em193k3] {
    min-width: min(24rem, 100%);
}

.tara-lfel-sort[b-ae5em193k3] {
    min-width: 11rem;
}

.tara-lfel-state[b-ae5em193k3] {
    min-height: 180px;
    display: grid;
    place-items: center;
    text-align: center;
    gap: .65rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius);
    padding: 1.5rem;
}

.tara-lfel-state--empty .mud-icon-root[b-ae5em193k3] {
    font-size: 2rem;
    color: var(--tara-primary);
}

.tara-lfel-results[b-ae5em193k3] {
    display: grid;
    gap: .9rem;
}

.tara-lfel-client-card[b-ae5em193k3] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-left: 4px solid var(--tara-primary);
    border-radius: var(--tara-radius);
    padding: 1rem;
    display: grid;
    gap: .6rem;
}

.tara-lfel-client-top[b-ae5em193k3] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: start;
}

.tara-lfel-client-title[b-ae5em193k3] {
    display: flex;
    gap: .6rem;
    align-items: center;
    flex-wrap: wrap;
}

.tara-lfel-chip[b-ae5em193k3] {
    display: inline-flex;
    align-items: center;
    padding: .28rem .6rem;
    border-radius: 999px;
    background: rgba(204, 0, 0, .08);
    color: var(--tara-primary-dark);
    border: 1px solid rgba(204, 0, 0, .14);
    font-size: .8rem;
    font-weight: 700;
}

.tara-lfel-client-line[b-ae5em193k3],
.tara-lfel-client-summary[b-ae5em193k3],
.tara-lfel-purchases-empty[b-ae5em193k3],
.tara-lfel-purchases-more[b-ae5em193k3],
.tara-lfel-no-contact[b-ae5em193k3] {
    margin: 0;
}

.tara-lfel-client-line[b-ae5em193k3],
.tara-lfel-purchases-empty[b-ae5em193k3],
.tara-lfel-purchases-more[b-ae5em193k3],
.tara-lfel-no-contact[b-ae5em193k3],
.tara-lfel-client-status[b-ae5em193k3] {
    color: var(--tara-text-muted);
}

.tara-lfel-client-summary[b-ae5em193k3] {
    color: var(--tara-text);
    font-weight: 700;
}

.tara-lfel-purchases[b-ae5em193k3] {
    display: grid;
    gap: .35rem;
    background: var(--tara-bg);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding: .8rem;
    overflow-x: auto;
}

.tara-lfel-purchases-head[b-ae5em193k3],
.tara-lfel-purchases-row[b-ae5em193k3] {
    min-width: 560px;
    display: grid;
    grid-template-columns: 1.2fr 1fr .75fr .65fr;
    gap: .6rem;
}

.tara-lfel-purchases-head[b-ae5em193k3] {
    color: var(--tara-th-text);
    font-size: .78rem;
    font-weight: 700;
}

.tara-lfel-purchases-row[b-ae5em193k3] {
    color: var(--tara-text);
    font-size: .9rem;
    padding: .3rem 0;
    border-top: 1px solid var(--tara-border);
}

.tara-lfel-purchases-row span:nth-child(2)[b-ae5em193k3],
.tara-lfel-purchases-row span:nth-child(3)[b-ae5em193k3],
.tara-lfel-purchases-row span:nth-child(4)[b-ae5em193k3],
.tara-lfel-purchases-head span:nth-child(2)[b-ae5em193k3],
.tara-lfel-purchases-head span:nth-child(3)[b-ae5em193k3],
.tara-lfel-purchases-head span:nth-child(4)[b-ae5em193k3] {
    text-align: right;
}

.tara-lfel-client-actions[b-ae5em193k3] {
    display: flex;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
}

.tara-lfel-client-status[b-ae5em193k3] {
    font-size: .85rem;
}

@media (max-width: 1100px) {
    .tara-lfel-filters-grid > *[b-ae5em193k3],
    .tara-lfel-message-grid > *[b-ae5em193k3],
    .tara-lfel-filters-grid--com > *[b-ae5em193k3] {
        grid-column: span 6;
    }

    .tara-lfel-filter-wide[b-ae5em193k3],
    .tara-lfel-textarea[b-ae5em193k3] {
        grid-column: span 12 !important;
    }
}

@media (max-width: 760px) {
    .tara-lfel-header[b-ae5em193k3] {
        grid-template-columns: 1fr;
    }

    .tara-lfel-section-head[b-ae5em193k3],
    .tara-lfel-subhead[b-ae5em193k3],
    .tara-lfel-primary-actions[b-ae5em193k3],
    .tara-lfel-message-actions[b-ae5em193k3],
    .tara-lfel-toolbar[b-ae5em193k3],
    .tara-lfel-client-actions[b-ae5em193k3] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-lfel-filters-grid > *[b-ae5em193k3],
    .tara-lfel-message-grid > *[b-ae5em193k3],
    .tara-lfel-filters-grid--com > *[b-ae5em193k3],
    .tara-lfel-filter-wide[b-ae5em193k3],
    .tara-lfel-textarea[b-ae5em193k3] {
        grid-column: span 12 !important;
    }

    .tara-lfel-search[b-ae5em193k3],
    .tara-lfel-sort[b-ae5em193k3] {
        min-width: 100%;
    }

    .tara-lfel-purchases-head[b-ae5em193k3],
    .tara-lfel-purchases-row[b-ae5em193k3] {
        min-width: 500px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/ProgramasLealtadMonederoElectronico.razor.rz.scp.css */
.tara-lm-page[b-95fxyrkg06] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
}

.tara-lm-header[b-95fxyrkg06] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-lm-back-btn[b-95fxyrkg06] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-lm-header-copy h1[b-95fxyrkg06] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-lm-header-copy span[b-95fxyrkg06] {
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-lm-alert[b-95fxyrkg06] {
    margin-bottom: 1rem;
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-lm-alert-body[b-95fxyrkg06] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-lm-card[b-95fxyrkg06] {
    margin-top: .45rem;
    padding: .8rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
}

.tara-lm-toolbar[b-95fxyrkg06] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: .1rem .2rem .7rem;
    border-bottom: 1px solid var(--tara-border-subtle);
}

.tara-lm-search[b-95fxyrkg06] {
    min-width: min(100%, 320px);
    flex: 1 1 280px;
}

.tara-lm-toolbar-actions[b-95fxyrkg06] {
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.tara-lm-global-input[b-95fxyrkg06] {
    width: 160px;
}

.tara-lm-summary[b-95fxyrkg06] {
    display: grid;
    gap: .15rem;
    padding: .75rem .2rem;
}

.tara-lm-summary-copy[b-95fxyrkg06],
.tara-lm-status[b-95fxyrkg06] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .9rem;
}

.tara-lm-grid-wrap[b-95fxyrkg06] {
    overflow-x: auto;
}

.tara-lm-grid-wrap--desktop[b-95fxyrkg06] {
    display: block;
}

.tara-lm-mobile-list[b-95fxyrkg06] {
    display: none;
}

.tara-lm-state[b-95fxyrkg06] {
    min-height: 280px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .7rem;
    color: var(--tara-text-muted);
}

.tara-lm-state--empty[b-95fxyrkg06]  .mud-icon-root {
    font-size: 2rem;
    color: var(--tara-primary-dark);
}

.tara-lm-mobile-card[b-95fxyrkg06] {
    display: grid;
    gap: .75rem;
    padding: .85rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow);
}

.tara-lm-mobile-card-head[b-95fxyrkg06] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.tara-lm-mobile-card-head strong[b-95fxyrkg06] {
    display: block;
    color: var(--tara-text);
    font-size: .95rem;
    font-weight: 800;
}

.tara-lm-mobile-card-head span[b-95fxyrkg06] {
    display: block;
    margin-top: .15rem;
    color: var(--tara-text-muted);
    font-size: .8rem;
    font-weight: 600;
}

.tara-lm-mobile-field[b-95fxyrkg06] {
    display: grid;
    gap: .35rem;
}

.tara-lm-mobile-label[b-95fxyrkg06] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.tara-lm-mobile-input[b-95fxyrkg06] {
    max-width: 180px;
}

.tara-grid-footer[b-95fxyrkg06] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .75rem .15rem .1rem;
    color: var(--tara-text-muted);
}

.tara-grid-footer-range[b-95fxyrkg06],
.tara-grid-footer-page[b-95fxyrkg06],
.tara-grid-page-size-label[b-95fxyrkg06] {
    font-size: .8rem;
    font-weight: 600;
}

.tara-grid-page-size[b-95fxyrkg06],
.tara-grid-page-nav[b-95fxyrkg06] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}

.tara-grid-page-chip[b-95fxyrkg06],
.tara-grid-nav-btn[b-95fxyrkg06] {
    min-height: 2rem;
    padding: 0 .72rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface);
    color: var(--tara-text);
    font-size: .78rem;
    font-weight: 700;
}

.tara-grid-page-chip:hover[b-95fxyrkg06],
.tara-grid-nav-btn:hover:not(:disabled)[b-95fxyrkg06] {
    border-color: var(--tara-primary-dark);
    color: var(--tara-primary-dark);
}

.tara-grid-page-chip--active[b-95fxyrkg06] {
    border-color: var(--tara-primary-dark);
    background: var(--tara-primary-dark);
    color: var(--tara-text-inverse);
}

.tara-grid-nav-btn:disabled[b-95fxyrkg06] {
    opacity: .45;
}

.tara-lm-cell-num[b-95fxyrkg06] {
    text-align: right;
}

.tara-lm-cell-input[b-95fxyrkg06] {
    min-width: 118px;
    max-width: 132px;
    margin-left: auto;
}

.tara-lm-loading[b-95fxyrkg06] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-lm-loading[b-95fxyrkg06]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.5rem;
}

[b-95fxyrkg06] .tara-lm-grid .mud-table-container {
    border-radius: var(--tara-radius-sm);
}

[b-95fxyrkg06] .tara-lm-grid .mud-table-head th {
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
}

[b-95fxyrkg06] .tara-lm-grid .mud-table-body tr:nth-child(odd) {
    background: var(--tara-row-odd);
}

[b-95fxyrkg06] .tara-lm-grid .mud-table-body tr:nth-child(even) {
    background: var(--tara-row-even);
}

[b-95fxyrkg06] .tara-lm-grid .mud-table-body tr:hover {
    background: var(--tara-row-hover);
}

@media (max-width: 760px) {
    .tara-lm-page[b-95fxyrkg06] {
        padding: .85rem;
    }

    .tara-lm-header[b-95fxyrkg06] {
        grid-template-columns: 1fr;
    }

    .tara-lm-toolbar[b-95fxyrkg06] {
        align-items: stretch;
    }

    .tara-lm-toolbar-actions[b-95fxyrkg06] {
        justify-content: stretch;
    }

    .tara-lm-toolbar-actions > *[b-95fxyrkg06] {
        flex: 1 1 180px;
    }

    .tara-lm-global-input[b-95fxyrkg06] {
        width: 100%;
    }

    .tara-lm-grid-wrap--desktop[b-95fxyrkg06] {
        display: none;
    }

    .tara-lm-mobile-list[b-95fxyrkg06] {
        display: grid;
        gap: .75rem;
    }

    .tara-grid-footer[b-95fxyrkg06] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/ProgramasLealtadPanelDueno.razor.rz.scp.css */
.tara-lpd-page[b-b6s2ve7hzh] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
}

.tara-lpd-header[b-b6s2ve7hzh] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-lpd-back-btn[b-b6s2ve7hzh] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-lpd-header-copy h1[b-b6s2ve7hzh] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-lpd-header-copy span[b-b6s2ve7hzh],
.tara-lpd-range[b-b6s2ve7hzh],
.tara-lpd-status[b-b6s2ve7hzh],
.tara-lpd-section-head small[b-b6s2ve7hzh],
.tara-lpd-list-card p[b-b6s2ve7hzh] {
    color: var(--tara-text-muted);
    font-size: .92rem;
}

.tara-lpd-alert[b-b6s2ve7hzh] {
    margin-bottom: 1rem;
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-lpd-alert-body[b-b6s2ve7hzh],
.tara-lpd-filter-row[b-b6s2ve7hzh],
.tara-lpd-section-head[b-b6s2ve7hzh] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-lpd-card[b-b6s2ve7hzh],
.tara-lpd-kpi-card[b-b6s2ve7hzh],
.tara-lpd-list-card[b-b6s2ve7hzh],
.tara-lpd-empty-card[b-b6s2ve7hzh] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    box-shadow: var(--tara-shadow);
}

.tara-lpd-card[b-b6s2ve7hzh] {
    padding: .95rem;
    border-radius: 16px;
}

.tara-lpd-filter-shell[b-b6s2ve7hzh],
.tara-lpd-section[b-b6s2ve7hzh] {
    padding: .95rem 1rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
}

.tara-lpd-chip[b-b6s2ve7hzh] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 .8rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 18%, var(--tara-surface));
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 700;
}

.tara-lpd-filter-shell[b-b6s2ve7hzh] {
    display: grid;
    gap: .8rem;
}

.tara-lpd-days[b-b6s2ve7hzh] {
    max-width: 260px;
}

.tara-lpd-kpi-grid[b-b6s2ve7hzh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .8rem;
    margin-top: 1rem;
}

.tara-lpd-kpi-card[b-b6s2ve7hzh] {
    padding: .9rem 1rem;
    border-radius: var(--tara-radius-sm);
}

.tara-lpd-kpi-card span[b-b6s2ve7hzh] {
    display: block;
    color: var(--tara-text-muted);
    font-size: .82rem;
    font-weight: 700;
}

.tara-lpd-kpi-card strong[b-b6s2ve7hzh],
.tara-lpd-list-card strong[b-b6s2ve7hzh] {
    color: var(--tara-text);
    font-size: 1.3rem;
    font-weight: 800;
}

.tara-lpd-sections[b-b6s2ve7hzh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
    margin-top: 1rem;
}

.tara-lpd-section[b-b6s2ve7hzh] {
    display: grid;
    gap: .8rem;
}

.tara-lpd-list[b-b6s2ve7hzh] {
    display: grid;
    gap: .6rem;
}

.tara-lpd-list-card[b-b6s2ve7hzh],
.tara-lpd-empty-card[b-b6s2ve7hzh] {
    padding: .85rem .95rem;
    border-radius: var(--tara-radius-sm);
}

.tara-lpd-list-card h3[b-b6s2ve7hzh] {
    margin: 0 0 .2rem;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 800;
}

.tara-lpd-state[b-b6s2ve7hzh],
.tara-lpd-loading[b-b6s2ve7hzh] {
    min-height: 300px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
}

.tara-lpd-loading[b-b6s2ve7hzh] {
    min-height: calc(100vh - 96px);
    background: var(--tara-bg);
}

.tara-lpd-state--empty[b-b6s2ve7hzh]  .mud-icon-root,
.tara-lpd-loading[b-b6s2ve7hzh]  .mud-icon-root {
    color: var(--tara-primary-dark);
}

.tara-lpd-status[b-b6s2ve7hzh] {
    margin: 1rem 0 0;
}

@media (max-width: 920px) {
    .tara-lpd-kpi-grid[b-b6s2ve7hzh],
    .tara-lpd-sections[b-b6s2ve7hzh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-lpd-page[b-b6s2ve7hzh] {
        padding: .85rem;
    }

    .tara-lpd-header[b-b6s2ve7hzh] {
        grid-template-columns: 1fr;
    }

    .tara-lpd-kpi-grid[b-b6s2ve7hzh],
    .tara-lpd-sections[b-b6s2ve7hzh] {
        grid-template-columns: 1fr;
    }

    .tara-lpd-days[b-b6s2ve7hzh] {
        max-width: none;
        width: 100%;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/ProgramasLealtadPlaceholder.razor.rz.scp.css */
.tara-pl-page[b-7p6f26phml] {
    display: flex;
    flex-direction: column;
    gap: .9rem;
    min-height: calc(100vh - 96px);
}

.tara-pl-header[b-7p6f26phml] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.tara-pl-header-copy[b-7p6f26phml] {
    min-width: 0;
}

.tara-pl-eyebrow[b-7p6f26phml] {
    display: block;
    margin-bottom: .15rem;
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-pl-header-copy h1[b-7p6f26phml] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.5rem;
    font-weight: 900;
    letter-spacing: -.03em;
    line-height: 1.08;
}

.tara-pl-header-copy p[b-7p6f26phml] {
    margin: .15rem 0 0;
    color: var(--tara-text-muted);
    font-size: .92rem;
}

.tara-pl-card[b-7p6f26phml] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
    padding: 1rem;
}

.tara-pl-card-top[b-7p6f26phml] {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: .9rem;
    align-items: start;
}

.tara-pl-icon[b-7p6f26phml] {
    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-pl-icon[b-7p6f26phml]  .mud-icon-root {
    font-size: 1.9rem;
}

.tara-pl-main[b-7p6f26phml] {
    min-width: 0;
}

.tara-pl-meta[b-7p6f26phml] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-bottom: .85rem;
}

.tara-pl-meta span[b-7p6f26phml] {
    display: inline-flex;
    align-items: center;
    padding: .28rem .55rem;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 700;
}

.tara-pl-alert[b-7p6f26phml] {
    margin: 0;
}

.tara-pl-grid[b-7p6f26phml] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
    margin-top: .95rem;
}

.tara-pl-grid--bottom[b-7p6f26phml] {
    margin-top: .85rem;
}

.tara-pl-panel[b-7p6f26phml] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    padding: .9rem 1rem;
}

.tara-pl-panel--warning[b-7p6f26phml] {
    background: color-mix(in srgb, var(--tara-warning) 5%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-warning) 26%, var(--tara-border));
}

.tara-pl-panel header h2[b-7p6f26phml] {
    margin: 0 0 .6rem;
    color: var(--tara-text);
    font-size: .86rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.tara-pl-list[b-7p6f26phml] {
    margin: 0;
    padding-left: 1rem;
    color: var(--tara-text-muted);
    font-size: .88rem;
    line-height: 1.5;
}

.tara-pl-list li + li[b-7p6f26phml] {
    margin-top: .35rem;
}

.tara-pl-empty[b-7p6f26phml] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .88rem;
}

.tara-pl-loading[b-7p6f26phml] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-pl-loading[b-7p6f26phml]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.5rem;
}

@media (max-width: 820px) {
    .tara-pl-grid[b-7p6f26phml] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .tara-pl-card[b-7p6f26phml] {
        padding: .9rem;
    }

    .tara-pl-card-top[b-7p6f26phml] {
        grid-template-columns: 1fr;
    }

    .tara-pl-icon[b-7p6f26phml] {
        width: 48px;
        height: 48px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/ProgramasLealtadRecompensas.razor.rz.scp.css */
.tara-lr-page[b-1uao4at9rb] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
}

.tara-lr-header[b-1uao4at9rb] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-lr-back-btn[b-1uao4at9rb] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-lr-header-copy h1[b-1uao4at9rb] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-lr-header-copy span[b-1uao4at9rb] {
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-lr-alert[b-1uao4at9rb] {
    margin-bottom: 1rem;
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-lr-alert-body[b-1uao4at9rb],
.tara-lr-section-head[b-1uao4at9rb],
.tara-lr-footer[b-1uao4at9rb] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-lr-card[b-1uao4at9rb] {
    margin-top: .45rem;
    padding: .95rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
}

.tara-lr-field-row[b-1uao4at9rb] {
    padding-bottom: .85rem;
    border-bottom: 1px solid var(--tara-border-subtle);
}

.tara-lr-tienda[b-1uao4at9rb] {
    max-width: 460px;
}

.tara-lr-form[b-1uao4at9rb] {
    display: grid;
    gap: .85rem;
    padding-top: .9rem;
}

.tara-lr-section[b-1uao4at9rb] {
    display: grid;
    gap: .7rem;
    padding: .95rem 1rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
}

.tara-lr-section-head h2[b-1uao4at9rb] {
    margin: 0 0 .2rem;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 800;
}

.tara-lr-section-head p[b-1uao4at9rb],
.tara-lr-status[b-1uao4at9rb],
.tara-lr-help-grid p[b-1uao4at9rb] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .9rem;
}

.tara-lr-grid[b-1uao4at9rb] {
    display: grid;
    gap: .75rem;
}

.tara-lr-grid--two[b-1uao4at9rb] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tara-lr-help-grid[b-1uao4at9rb] {
    display: grid;
    gap: .35rem;
}

.tara-lr-state[b-1uao4at9rb] {
    min-height: 280px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .7rem;
    color: var(--tara-text-muted);
    padding-top: .75rem;
}

.tara-lr-state--empty[b-1uao4at9rb]  .mud-icon-root {
    font-size: 2rem;
    color: var(--tara-primary-dark);
}

.tara-lr-loading[b-1uao4at9rb] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-lr-loading[b-1uao4at9rb]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.5rem;
}

@media (max-width: 760px) {
    .tara-lr-page[b-1uao4at9rb] {
        padding: .85rem;
    }

    .tara-lr-header[b-1uao4at9rb] {
        grid-template-columns: 1fr;
    }

    .tara-lr-grid--two[b-1uao4at9rb] {
        grid-template-columns: 1fr;
    }

    .tara-lr-footer > *[b-1uao4at9rb] {
        flex: 1 1 180px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/ProgramasLealtadTarjetasRegalo.razor.rz.scp.css */
.tara-ltg-page[b-5afgni67zp] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
}

.tara-ltg-header[b-5afgni67zp] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-ltg-back-btn[b-5afgni67zp] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-ltg-header-copy h1[b-5afgni67zp] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-ltg-header-copy span[b-5afgni67zp] {
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-ltg-grid[b-5afgni67zp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

.tara-ltg-card[b-5afgni67zp] {
    display: grid;
    gap: .65rem;
    padding: 1rem;
    text-align: left;
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow);
    color: var(--tara-text);
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.tara-ltg-card:hover[b-5afgni67zp] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    box-shadow: 0 18px 36px rgba(44, 26, 14, .09);
}

.tara-ltg-card strong[b-5afgni67zp] {
    font-size: 1.05rem;
}

.tara-ltg-card p[b-5afgni67zp] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .92rem;
}

.tara-ltg-card-link[b-5afgni67zp],
.tara-ltg-chip[b-5afgni67zp] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    padding: .26rem .7rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
}

.tara-ltg-card-link[b-5afgni67zp] {
    color: var(--tara-primary-dark);
    background: color-mix(in srgb, var(--tara-primary) 9%, var(--tara-surface));
}

.tara-ltg-chip[b-5afgni67zp] {
    color: var(--tara-text-muted);
    background: var(--tara-surface-raised);
}

.tara-ltg-card-icon[b-5afgni67zp] {
    display: inline-grid;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    border-radius: 14px;
    color: var(--tara-primary-dark);
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
}

.tara-ltg-card-icon--muted[b-5afgni67zp] {
    color: var(--tara-text-muted);
    background: color-mix(in srgb, var(--tara-text-muted) 8%, var(--tara-surface));
}

.tara-ltg-card--pending[b-5afgni67zp] {
    cursor: default;
}

.tara-ltg-card--pending:hover[b-5afgni67zp] {
    transform: none;
}

.tara-ltg-loading[b-5afgni67zp] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-ltg-loading[b-5afgni67zp]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.5rem;
}

@media (max-width: 760px) {
    .tara-ltg-page[b-5afgni67zp] {
        padding: .85rem;
    }

    .tara-ltg-header[b-5afgni67zp] {
        grid-template-columns: 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/ProgramasLealtadTarjetasRegaloActivacion.razor.rz.scp.css */
.tara-ltga-page[b-je7ai6ehn0] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
}

.tara-ltga-header[b-je7ai6ehn0] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-ltga-back-btn[b-je7ai6ehn0] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-ltga-header-copy h1[b-je7ai6ehn0] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-ltga-header-copy span[b-je7ai6ehn0] {
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-ltga-shell[b-je7ai6ehn0] {
    display: grid;
    gap: 1rem;
}

.tara-ltga-toolbar[b-je7ai6ehn0],
.tara-ltga-section[b-je7ai6ehn0],
.tara-ltga-success[b-je7ai6ehn0] {
    border: 1px solid var(--tara-border);
    border-radius: 18px;
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow);
}

.tara-ltga-toolbar[b-je7ai6ehn0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 1.1rem;
}

.tara-ltga-toolbar h2[b-je7ai6ehn0],
.tara-ltga-section-head h3[b-je7ai6ehn0] {
    margin: 0;
    color: var(--tara-text);
}

.tara-ltga-toolbar p[b-je7ai6ehn0] {
    margin: .25rem 0 0;
    color: var(--tara-text-muted);
}

.tara-ltga-chip[b-je7ai6ehn0] {
    display: inline-flex;
    align-items: center;
    padding: .34rem .85rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-size: .82rem;
    font-weight: 700;
}

.tara-ltga-info[b-je7ai6ehn0],
.tara-ltga-alert[b-je7ai6ehn0] {
    margin: 0;
}

.tara-ltga-alert-body[b-je7ai6ehn0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.tara-ltga-form[b-je7ai6ehn0] {
    display: grid;
    gap: 1rem;
}

.tara-ltga-section[b-je7ai6ehn0] {
    display: grid;
    gap: .95rem;
    padding: 1rem 1.1rem;
}

.tara-ltga-section-head[b-je7ai6ehn0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .85rem;
}

.tara-ltga-inline-actions[b-je7ai6ehn0] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.tara-ltga-grid[b-je7ai6ehn0] {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tara-ltga-grid--first[b-je7ai6ehn0] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tara-ltga-payments[b-je7ai6ehn0] {
    display: grid;
    gap: .75rem;
}

.tara-ltga-payment-row[b-je7ai6ehn0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 180px;
    gap: .85rem;
    align-items: center;
    padding: .8rem .9rem;
    border: 1px solid var(--tara-border);
    border-radius: 14px;
    background: var(--tara-surface-raised);
    cursor: pointer;
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.tara-ltga-payment-row:hover[b-je7ai6ehn0],
.tara-ltga-payment-row--focused[b-je7ai6ehn0] {
    border-color: color-mix(in srgb, var(--tara-primary) 25%, var(--tara-border));
    box-shadow: 0 12px 24px rgba(44, 26, 14, .07);
    transform: translateY(-1px);
}

.tara-ltga-payment-copy[b-je7ai6ehn0] {
    display: grid;
    gap: .2rem;
}

.tara-ltga-payment-copy strong[b-je7ai6ehn0] {
    color: var(--tara-text);
    font-size: .98rem;
}

.tara-ltga-payment-copy span[b-je7ai6ehn0] {
    color: var(--tara-text-muted);
    font-size: .82rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.tara-ltga-payment-input[b-je7ai6ehn0] {
    width: 100%;
}

.tara-ltga-totals[b-je7ai6ehn0] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .75rem;
    padding: .8rem .95rem;
    border-radius: 14px;
    background: color-mix(in srgb, var(--tara-surface-raised) 85%, var(--tara-surface));
}

.tara-ltga-status[b-je7ai6ehn0] {
    font-weight: 700;
}

.tara-ltga-status--ok[b-je7ai6ehn0] {
    color: #227b45;
}

.tara-ltga-status--warn[b-je7ai6ehn0] {
    color: #9a6700;
}

.tara-ltga-status--error[b-je7ai6ehn0] {
    color: var(--tara-primary-dark);
}

.tara-ltga-footer[b-je7ai6ehn0] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.tara-ltga-success[b-je7ai6ehn0] {
    display: grid;
    gap: 1rem;
    padding: 1rem 1.1rem;
}

.tara-ltga-success-grid[b-je7ai6ehn0] {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tara-ltga-success-grid div[b-je7ai6ehn0],
.tara-ltga-success-payments[b-je7ai6ehn0] {
    padding: .85rem .95rem;
    border-radius: 14px;
    background: var(--tara-surface-raised);
}

.tara-ltga-success-grid span[b-je7ai6ehn0],
.tara-ltga-success-payments span[b-je7ai6ehn0] {
    display: block;
    margin-bottom: .2rem;
    color: var(--tara-text-muted);
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.tara-ltga-success-grid strong[b-je7ai6ehn0] {
    color: var(--tara-text);
}

.tara-ltga-success-payments ul[b-je7ai6ehn0] {
    margin: .45rem 0 0;
    padding-left: 1rem;
    color: var(--tara-text);
}

.tara-ltga-state[b-je7ai6ehn0] {
    min-height: 240px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .8rem;
    padding: 1.25rem;
    border: 1px dashed var(--tara-border);
    border-radius: 18px;
    background: var(--tara-surface);
    color: var(--tara-text-muted);
}

.tara-ltga-state--empty[b-je7ai6ehn0]  .mud-icon-root,
.tara-ltga-loading[b-je7ai6ehn0]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.2rem;
}

.tara-ltga-loading[b-je7ai6ehn0] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-ltga-modal-backdrop[b-je7ai6ehn0] {
    position: fixed;
    inset: 0;
    z-index: 1600;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(33, 19, 10, .34);
    backdrop-filter: blur(3px);
}

.tara-ltga-modal[b-je7ai6ehn0] {
    width: min(100%, 440px);
    display: grid;
    gap: .9rem;
    padding: 1rem 1.1rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    border-radius: 18px;
    background: var(--tara-surface);
    box-shadow: 0 30px 60px rgba(44, 26, 14, .18);
    color: var(--tara-text);
}

.tara-ltga-modal-head[b-je7ai6ehn0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.tara-ltga-modal-head h3[b-je7ai6ehn0] {
    margin: 0;
}

.tara-ltga-modal-close[b-je7ai6ehn0] {
    border: 0;
    background: transparent;
    color: var(--tara-text-muted);
    font-size: 1.4rem;
    line-height: 1;
    cursor: pointer;
}

.tara-ltga-modal-note[b-je7ai6ehn0] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .9rem;
}

.tara-ltga-modal-actions[b-je7ai6ehn0] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
}

[b-je7ai6ehn0] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-je7ai6ehn0] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-je7ai6ehn0] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-je7ai6ehn0] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

@media (max-width: 980px) {
    .tara-ltga-header[b-je7ai6ehn0] {
        grid-template-columns: 1fr;
    }

    .tara-ltga-grid[b-je7ai6ehn0],
    .tara-ltga-grid--first[b-je7ai6ehn0],
    .tara-ltga-success-grid[b-je7ai6ehn0] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .tara-ltga-page[b-je7ai6ehn0] {
        padding: .85rem;
    }

    .tara-ltga-toolbar[b-je7ai6ehn0],
    .tara-ltga-section-head[b-je7ai6ehn0],
    .tara-ltga-alert-body[b-je7ai6ehn0],
    .tara-ltga-totals[b-je7ai6ehn0] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-ltga-grid[b-je7ai6ehn0],
    .tara-ltga-grid--first[b-je7ai6ehn0],
    .tara-ltga-success-grid[b-je7ai6ehn0],
    .tara-ltga-payment-row[b-je7ai6ehn0] {
        grid-template-columns: 1fr;
    }

    .tara-ltga-footer[b-je7ai6ehn0],
    .tara-ltga-modal-actions[b-je7ai6ehn0] {
        flex-direction: column;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/ProgramasLealtadTarjetasRegaloPagosRecibidos.razor.rz.scp.css */
.tara-trp-page[b-yv0upiio1s] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
}

.tara-trp-header[b-yv0upiio1s] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-trp-back-btn[b-yv0upiio1s] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-trp-header-copy h1[b-yv0upiio1s] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-trp-header-copy span[b-yv0upiio1s] {
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-trp-alert[b-yv0upiio1s] {
    margin-bottom: 1rem;
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-trp-alert-body[b-yv0upiio1s] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-trp-filters-grid[b-yv0upiio1s] {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: .75rem;
    align-items: end;
}

.tara-trp-filter-actions[b-yv0upiio1s] {
    display: flex;
    justify-content: flex-end;
}

.tara-trp-card[b-yv0upiio1s] {
    margin-top: .45rem;
    padding: .7rem .7rem .6rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
    --_th-gradient: linear-gradient(180deg, #f7f2ec 0%, #f0ebe4 100%);
    --_th-border-top: #ece5dc;
    --_th-text: #374151;
    --_toolbar-divider: #f0ebe6;
    --_row-hover: rgba(204, 0, 0, 0.07);
    --_row-even-bg: var(--tara-row-even);
}

[data-theme="dark"] .tara-trp-card[b-yv0upiio1s] {
    --_th-gradient: linear-gradient(180deg, #22262f 0%, #1e2229 100%);
    --_th-border-top: var(--tara-border);
    --_th-text: var(--tara-th-text);
    --_toolbar-divider: var(--tara-border);
    --_row-hover: rgba(204, 0, 0, 0.09);
    --_row-even-bg: #1E2330;
}

.tara-trp-toolbar[b-yv0upiio1s] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .1rem .2rem .45rem;
    border-bottom: 1px solid var(--_toolbar-divider);
    margin-bottom: .55rem;
}

.tara-trp-search[b-yv0upiio1s] {
    min-width: 280px;
    max-width: 520px;
    flex: 1;
}

.tara-trp-toolbar-actions[b-yv0upiio1s] {
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.tara-trp-statusbar[b-yv0upiio1s] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 .2rem .55rem;
    color: var(--tara-text-muted);
    font-size: .85rem;
}

.tara-trp-total[b-yv0upiio1s] {
    font-weight: 800;
    color: var(--tara-text);
}

.tara-trp-grid-wrap[b-yv0upiio1s] {
    overflow: hidden auto;
    border: 1px solid var(--tara-border);
    border-radius: 12px;
    background: var(--tara-surface);
}

[b-yv0upiio1s] .tara-trp-grid.mud-table {
    min-width: 1160px;
    background: var(--tara-surface);
    box-shadow: none;
}

[b-yv0upiio1s] .tara-trp-grid .mud-table-container {
    overflow-x: auto;
}

[b-yv0upiio1s] .tara-trp-grid .mud-table-head .mud-table-cell {
    background: var(--_th-gradient);
    color: var(--_th-text);
    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;
    text-transform: uppercase;
    font-size: .71rem !important;
    font-weight: 700;
    letter-spacing: .04em;
    white-space: nowrap;
    cursor: pointer;
}

[b-yv0upiio1s] .tara-trp-grid .mud-table-body .mud-table-row .mud-table-cell {
    border-bottom: 1px solid var(--tara-border-subtle) !important;
    font-size: .82rem;
    vertical-align: middle;
}

[b-yv0upiio1s] .tara-trp-grid .mud-table-body tr:nth-child(odd) td {
    background: var(--tara-row-odd);
}

[b-yv0upiio1s] .tara-trp-grid .mud-table-body tr:nth-child(even) td {
    background: var(--_row-even-bg);
}

[b-yv0upiio1s] .tara-trp-grid .mud-table-body tr:hover td {
    background: var(--_row-hover);
}

[b-yv0upiio1s] .tara-trp-grid .mud-table-pagination {
    border-top: 1px solid var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-surface) 90%, var(--tara-bg));
}

.tara-trp-cell-num[b-yv0upiio1s],
.tara-trp-cell-money[b-yv0upiio1s] {
    text-align: right;
}

.tara-trp-state[b-yv0upiio1s] {
    min-height: 320px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .7rem;
    color: var(--tara-text-muted);
}

.tara-trp-state--empty[b-yv0upiio1s]  .mud-icon-root {
    font-size: 2rem;
    color: var(--tara-primary-dark);
}

.tara-trp-cards[b-yv0upiio1s] {
    display: none;
}

.tara-trp-mobile-card[b-yv0upiio1s] {
    display: grid;
    gap: .45rem;
    padding: .95rem;
    border: 1px solid var(--tara-border);
    border-radius: 14px;
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-trp-mobile-card strong[b-yv0upiio1s],
.tara-trp-mobile-kpis strong[b-yv0upiio1s] {
    color: var(--tara-text);
}

.tara-trp-mobile-date[b-yv0upiio1s],
.tara-trp-mobile-meta[b-yv0upiio1s] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .83rem;
}

.tara-trp-mobile-kpis[b-yv0upiio1s] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin-top: .2rem;
}

.tara-trp-mobile-kpis span[b-yv0upiio1s] {
    display: block;
    color: var(--tara-text-muted);
    font-size: .76rem;
    margin-bottom: .2rem;
}

.tara-trp-loading[b-yv0upiio1s] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-trp-loading[b-yv0upiio1s]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.5rem;
}

@media (max-width: 980px) {
    .tara-trp-filters-grid[b-yv0upiio1s] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-trp-page[b-yv0upiio1s] {
        padding: .85rem;
    }

    .tara-trp-header[b-yv0upiio1s] {
        grid-template-columns: 1fr;
    }

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

    .tara-trp-grid-wrap--desktop[b-yv0upiio1s] {
        display: none;
    }

    .tara-trp-cards[b-yv0upiio1s] {
        display: grid;
        gap: .75rem;
    }

    .tara-trp-mobile-kpis[b-yv0upiio1s] {
        grid-template-columns: 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/ProgramasLealtadTarjetasRegaloReporte.razor.rz.scp.css */
.tara-trr-page[b-h6b7w9n62m] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
}

.tara-trr-header[b-h6b7w9n62m] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-trr-back-btn[b-h6b7w9n62m] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-trr-header-copy h1[b-h6b7w9n62m] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-trr-header-copy span[b-h6b7w9n62m] {
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-trr-alert[b-h6b7w9n62m] {
    margin-bottom: 1rem;
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-trr-alert-body[b-h6b7w9n62m] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-trr-filters-grid[b-h6b7w9n62m] {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: .75rem;
    align-items: end;
}

.tara-trr-filter-actions[b-h6b7w9n62m] {
    display: flex;
    justify-content: flex-end;
}

.tara-trr-card[b-h6b7w9n62m] {
    margin-top: .45rem;
    padding: .7rem .7rem .6rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
    --_th-gradient: linear-gradient(180deg, #f7f2ec 0%, #f0ebe4 100%);
    --_th-border-top: #ece5dc;
    --_th-text: #374151;
    --_toolbar-divider: #f0ebe6;
    --_row-hover: rgba(204, 0, 0, 0.07);
    --_row-even-bg: var(--tara-row-even);
}

[data-theme="dark"] .tara-trr-card[b-h6b7w9n62m] {
    --_th-gradient: linear-gradient(180deg, #22262f 0%, #1e2229 100%);
    --_th-border-top: var(--tara-border);
    --_th-text: var(--tara-th-text);
    --_toolbar-divider: var(--tara-border);
    --_row-hover: rgba(204, 0, 0, 0.09);
    --_row-even-bg: #1E2330;
}

.tara-trr-toolbar[b-h6b7w9n62m] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .1rem .2rem .45rem;
    border-bottom: 1px solid var(--_toolbar-divider);
    margin-bottom: .55rem;
}

.tara-trr-search[b-h6b7w9n62m] {
    min-width: 280px;
    max-width: 520px;
    flex: 1;
}

.tara-trr-toolbar-actions[b-h6b7w9n62m] {
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.tara-trr-statusbar[b-h6b7w9n62m] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 .2rem .55rem;
    color: var(--tara-text-muted);
    font-size: .85rem;
}

.tara-trr-total[b-h6b7w9n62m] {
    font-weight: 700;
}

.tara-trr-grid-wrap[b-h6b7w9n62m] {
    overflow: hidden auto;
    border: 1px solid var(--tara-border);
    border-radius: 12px;
    background: var(--tara-surface);
}

[b-h6b7w9n62m] .tara-trr-grid.mud-table {
    min-width: 1180px;
    background: var(--tara-surface);
    box-shadow: none;
}

[b-h6b7w9n62m] .tara-trr-grid .mud-table-container {
    overflow-x: auto;
}

[b-h6b7w9n62m] .tara-trr-grid .mud-table-head .mud-table-cell {
    background: var(--_th-gradient);
    color: var(--_th-text);
    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;
    text-transform: uppercase;
    font-size: .71rem !important;
    font-weight: 700;
    letter-spacing: .04em;
    white-space: nowrap;
    cursor: pointer;
}

[b-h6b7w9n62m] .tara-trr-grid .mud-table-body .mud-table-row .mud-table-cell {
    border-bottom: 1px solid var(--tara-border-subtle) !important;
    font-size: .82rem;
    vertical-align: middle;
}

[b-h6b7w9n62m] .tara-trr-grid .mud-table-body tr:nth-child(odd) td {
    background: var(--tara-row-odd);
}

[b-h6b7w9n62m] .tara-trr-grid .mud-table-body tr:nth-child(even) td {
    background: var(--_row-even-bg);
}

[b-h6b7w9n62m] .tara-trr-grid .mud-table-body tr:hover td {
    background: var(--_row-hover);
}

[b-h6b7w9n62m] .tara-trr-grid .mud-table-pagination {
    border-top: 1px solid var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-surface) 90%, var(--tara-bg));
}

.tara-trr-cell-num[b-h6b7w9n62m],
.tara-trr-cell-money[b-h6b7w9n62m] {
    text-align: right;
}

.tara-trr-chip[b-h6b7w9n62m] {
    display: inline-flex;
    align-items: center;
    padding: .28rem .62rem;
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .02em;
    border: 1px solid transparent;
}

.tara-trr-chip--ok[b-h6b7w9n62m] {
    color: var(--tara-text);
    background: color-mix(in srgb, var(--tara-surface-raised) 88%, var(--tara-text) 12%);
    border-color: color-mix(in srgb, var(--tara-border) 78%, var(--tara-text) 22%);
}

.tara-trr-chip--warn[b-h6b7w9n62m] {
    color: var(--tara-primary-dark);
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-primary) 12%);
    border-color: color-mix(in srgb, var(--tara-border) 78%, var(--tara-primary-dark) 22%);
}

.tara-trr-chip--muted[b-h6b7w9n62m],
.tara-trr-chip--neutral[b-h6b7w9n62m] {
    color: var(--tara-text-muted);
    background: var(--tara-surface-raised);
    border-color: var(--tara-border);
}

.tara-trr-state[b-h6b7w9n62m] {
    min-height: 320px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .7rem;
    color: var(--tara-text-muted);
}

.tara-trr-state--empty[b-h6b7w9n62m]  .mud-icon-root {
    font-size: 2rem;
    color: var(--tara-primary-dark);
}

.tara-trr-cards[b-h6b7w9n62m] {
    display: none;
}

.tara-trr-mobile-card[b-h6b7w9n62m] {
    display: grid;
    gap: .4rem;
    padding: .95rem;
    border: 1px solid var(--tara-border);
    border-radius: 14px;
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-trr-mobile-card-top[b-h6b7w9n62m] {
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    align-items: center;
}

.tara-trr-mobile-card strong[b-h6b7w9n62m],
.tara-trr-mobile-kpis strong[b-h6b7w9n62m] {
    color: var(--tara-text);
}

.tara-trr-mobile-date[b-h6b7w9n62m],
.tara-trr-mobile-store[b-h6b7w9n62m],
.tara-trr-mobile-meta[b-h6b7w9n62m] {
    margin: 0;
}

.tara-trr-mobile-date[b-h6b7w9n62m],
.tara-trr-mobile-meta[b-h6b7w9n62m] {
    color: var(--tara-text-muted);
    font-size: .83rem;
}

.tara-trr-mobile-store[b-h6b7w9n62m] {
    color: var(--tara-text);
    font-weight: 600;
}

.tara-trr-mobile-kpis[b-h6b7w9n62m] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin-top: .25rem;
}

.tara-trr-mobile-kpis span[b-h6b7w9n62m] {
    display: block;
    color: var(--tara-text-muted);
    font-size: .76rem;
    margin-bottom: .2rem;
}

.tara-trr-loading[b-h6b7w9n62m] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-trr-loading[b-h6b7w9n62m]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.5rem;
}

@media (max-width: 980px) {
    .tara-trr-filters-grid[b-h6b7w9n62m] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-trr-page[b-h6b7w9n62m] {
        padding: .85rem;
    }

    .tara-trr-header[b-h6b7w9n62m] {
        grid-template-columns: 1fr;
    }

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

    .tara-trr-grid-wrap--desktop[b-h6b7w9n62m] {
        display: none;
    }

    .tara-trr-cards[b-h6b7w9n62m] {
        display: grid;
        gap: .75rem;
    }

    .tara-trr-mobile-kpis[b-h6b7w9n62m] {
        grid-template-columns: 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ajustes/ProgramasLealtadTiposClientes.razor.rz.scp.css */
.tara-ltc-page[b-wkujs9hrey] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
}

.tara-ltc-header[b-wkujs9hrey] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-ltc-back-btn[b-wkujs9hrey] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-ltc-header-copy h1[b-wkujs9hrey] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-ltc-header-copy span[b-wkujs9hrey] {
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-ltc-alert[b-wkujs9hrey] {
    margin-bottom: 1rem;
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-primary) 16%);
}

.tara-ltc-alert-body[b-wkujs9hrey] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-ltc-card[b-wkujs9hrey] {
    margin-top: .45rem;
    padding: .7rem .7rem .6rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
    --_th-gradient: linear-gradient(180deg, #f7f2ec 0%, #f0ebe4 100%);
    --_th-border-top: #ece5dc;
    --_th-text: #374151;
    --_toolbar-divider: #f0ebe6;
    --_row-hover: rgba(204, 0, 0, 0.07);
    --_row-even-bg: var(--tara-row-even);
}

[data-theme="dark"] .tara-ltc-card[b-wkujs9hrey] {
    --_th-gradient: linear-gradient(180deg, #22262f 0%, #1e2229 100%);
    --_th-border-top: var(--tara-border);
    --_th-text: var(--tara-th-text);
    --_toolbar-divider: var(--tara-border);
    --_row-hover: rgba(204, 0, 0, 0.09);
    --_row-even-bg: #1E2330;
}

.tara-ltc-toolbar[b-wkujs9hrey] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .1rem .2rem .45rem;
    border-bottom: 1px solid var(--_toolbar-divider);
    margin-bottom: .6rem;
}

.tara-ltc-search[b-wkujs9hrey] {
    min-width: 260px;
    max-width: 460px;
    flex: 1;
}

.tara-ltc-toolbar-actions[b-wkujs9hrey] {
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.tara-ltc-grid-wrap[b-wkujs9hrey] {
    overflow: hidden auto;
    border: 1px solid var(--tara-border);
    border-radius: 12px;
    background: var(--tara-surface);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

.tara-ltc-grid-wrap--desktop[b-wkujs9hrey] {
    display: block;
}

.tara-ltc-mobile-list[b-wkujs9hrey] {
    display: none;
}

[b-wkujs9hrey] .tara-ltc-grid.mud-table {
    min-width: 680px;
    background: var(--tara-surface);
    box-shadow: none;
}

[b-wkujs9hrey] .tara-ltc-grid .mud-table-container {
    overflow-x: auto;
}

[b-wkujs9hrey] .tara-ltc-grid .mud-table-head .mud-table-cell {
    background: var(--_th-gradient);
    color: var(--_th-text);
    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;
    text-transform: uppercase;
    font-size: .71rem !important;
    font-weight: 700;
    letter-spacing: .04em;
    white-space: nowrap;
    cursor: pointer;
}

[b-wkujs9hrey] .tara-ltc-grid .mud-table-body .mud-table-row .mud-table-cell {
    border-bottom: 1px solid var(--tara-border-subtle) !important;
    font-size: .82rem;
    vertical-align: middle;
}

[b-wkujs9hrey] .tara-ltc-grid .mud-table-body tr:nth-child(odd) td {
    background: var(--tara-row-odd);
}

[b-wkujs9hrey] .tara-ltc-grid .mud-table-body tr:nth-child(even) td {
    background: var(--_row-even-bg);
}

[b-wkujs9hrey] .tara-ltc-grid .mud-table-body tr:hover td {
    background: var(--_row-hover);
}

[b-wkujs9hrey] .tara-ltc-grid .mud-table-pagination {
    border-top: 1px solid var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-surface) 90%, var(--tara-bg));
}

.tara-ltc-cell-num[b-wkujs9hrey] {
    text-align: right;
}

.tara-ltc-state[b-wkujs9hrey] {
    min-height: 280px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .7rem;
    color: var(--tara-text-muted);
}

.tara-ltc-state--empty[b-wkujs9hrey]  .mud-icon-root {
    font-size: 2rem;
    color: var(--tara-primary-dark);
}

.tara-ltc-mobile-card[b-wkujs9hrey] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    padding: .85rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow);
}

.tara-ltc-mobile-card-head[b-wkujs9hrey] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    width: 100%;
}

.tara-ltc-mobile-card strong[b-wkujs9hrey] {
    display: block;
    color: var(--tara-text);
    font-size: .95rem;
    font-weight: 800;
}

.tara-ltc-mobile-card span[b-wkujs9hrey] {
    display: block;
    margin-top: .15rem;
    color: var(--tara-text-muted);
    font-size: .8rem;
    font-weight: 600;
}

.tara-grid-footer[b-wkujs9hrey] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .75rem .15rem .1rem;
    color: var(--tara-text-muted);
}

.tara-grid-footer-range[b-wkujs9hrey],
.tara-grid-footer-page[b-wkujs9hrey],
.tara-grid-page-size-label[b-wkujs9hrey] {
    font-size: .8rem;
    font-weight: 600;
}

.tara-grid-page-size[b-wkujs9hrey],
.tara-grid-page-nav[b-wkujs9hrey] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}

.tara-grid-page-chip[b-wkujs9hrey],
.tara-grid-nav-btn[b-wkujs9hrey] {
    min-height: 2rem;
    padding: 0 .72rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface);
    color: var(--tara-text);
    font-size: .78rem;
    font-weight: 700;
}

.tara-grid-page-chip:hover[b-wkujs9hrey],
.tara-grid-nav-btn:hover:not(:disabled)[b-wkujs9hrey] {
    border-color: var(--tara-primary-dark);
    color: var(--tara-primary-dark);
}

.tara-grid-page-chip--active[b-wkujs9hrey] {
    border-color: var(--tara-primary-dark);
    background: var(--tara-primary-dark);
    color: var(--tara-text-inverse);
}

.tara-grid-nav-btn:disabled[b-wkujs9hrey] {
    opacity: .45;
}

.tara-ltc-dialog-backdrop[b-wkujs9hrey] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    background: rgba(26, 26, 26, .46);
    display: grid;
    place-items: center;
    padding: 1rem;
}

.tara-ltc-dialog[b-wkujs9hrey] {
    width: min(100%, 480px);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-lg);
    overflow: hidden;
}

.tara-ltc-dialog-header[b-wkujs9hrey] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1rem .8rem;
    border-bottom: 1px solid var(--tara-border-subtle);
}

.tara-ltc-dialog-eyebrow[b-wkujs9hrey] {
    margin: 0 0 .2rem;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tara-primary-dark);
}

.tara-ltc-dialog-subtitle[b-wkujs9hrey] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .9rem;
}

.tara-ltc-dialog-close[b-wkujs9hrey] {
    border: 0;
    background: transparent;
    color: var(--tara-text-muted);
    font-size: 1.45rem;
    line-height: 1;
}

.tara-ltc-dialog-body[b-wkujs9hrey] {
    display: grid;
    gap: .9rem;
    padding: 1rem;
}

.tara-ltc-dialog-field[b-wkujs9hrey] {
    display: grid;
    gap: .45rem;
}

.tara-ltc-dialog-field label[b-wkujs9hrey] {
    color: var(--tara-text-muted);
    font-size: .82rem;
    font-weight: 700;
}

.tara-ltc-input[b-wkujs9hrey] {
    width: 100%;
    min-height: 2.8rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    color: var(--tara-text);
    padding: .7rem .85rem;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.tara-ltc-input:focus[b-wkujs9hrey] {
    border-color: var(--tara-primary-dark);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--tara-primary) 14%, transparent);
}

.tara-ltc-dialog-error[b-wkujs9hrey] {
    margin: 0;
    color: var(--tara-primary-dark);
    font-size: .88rem;
    font-weight: 600;
}

.tara-ltc-dialog-footer[b-wkujs9hrey] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
    padding: .9rem 1rem 1rem;
    border-top: 1px solid var(--tara-border-subtle);
}

.tara-ltc-btn[b-wkujs9hrey] {
    min-width: 108px;
    min-height: 2.7rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    font-weight: 700;
    padding: 0 1rem;
}

.tara-ltc-btn--muted[b-wkujs9hrey] {
    background: var(--tara-surface);
    color: var(--tara-text);
}

.tara-ltc-btn--danger[b-wkujs9hrey] {
    background: var(--tara-primary-dark);
    color: #fff;
    border-color: var(--tara-primary-dark);
}

.tara-ltc-loading[b-wkujs9hrey] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-ltc-loading[b-wkujs9hrey]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.5rem;
}

@media (max-width: 760px) {
    .tara-ltc-page[b-wkujs9hrey] {
        padding: .85rem;
    }

    .tara-ltc-header[b-wkujs9hrey] {
        grid-template-columns: 1fr;
    }

    .tara-ltc-toolbar[b-wkujs9hrey] {
        align-items: stretch;
    }

    .tara-ltc-search[b-wkujs9hrey] {
        max-width: none;
    }

    .tara-ltc-toolbar-actions[b-wkujs9hrey] {
        justify-content: stretch;
    }

    .tara-ltc-toolbar-actions > *[b-wkujs9hrey] {
        flex: 1 1 180px;
    }

    .tara-ltc-grid-wrap--desktop[b-wkujs9hrey] {
        display: none;
    }

    .tara-ltc-mobile-list[b-wkujs9hrey] {
        display: grid;
        gap: .75rem;
    }

    .tara-grid-footer[b-wkujs9hrey] {
        align-items: flex-start;
        flex-direction: column;
    }

    .tara-ltc-dialog-footer[b-wkujs9hrey] {
        flex-direction: column;
    }

    .tara-ltc-dialog-footer > *[b-wkujs9hrey] {
        width: 100%;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/Almacen.razor.rz.scp.css */
.tara-alm-loading[b-pbh387pb5o] {
    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-pbh387pb5o] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tara-alm-hero[b-pbh387pb5o] {
    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-pbh387pb5o] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.3rem;
}

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

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

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

.tara-alm-card[b-pbh387pb5o] {
    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-pbh387pb5o] {
    border-color: var(--tara-primary-dark);
}

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

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

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

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

@media (min-width: 900px) {
    .tara-alm-grid[b-pbh387pb5o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenAjustesDetalleDialog.razor.rz.scp.css */
/* ── AlmacenAjustesDetalleDialog — Patrón Tarahumara Pro ────────────────────
   Prefix: tara-ajrd-*   (ajustes-reporte-detalle)
   Tokens: var(--tara-*)  —  consumidos directamente, sin alias locales
   Note:   No :root {} block — CSS isolation scopes it to [b-hash].
   ──────────────────────────────────────────────────────────────────────────── */

/* ── Loading state ── */
.tara-ajrd-busy[b-scto8s0w4k] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    gap:             12px;
    padding:         48px 24px;
    color:           var(--tara-text-muted);
    font-size:       0.875rem;
}

/* ── Empty / error state ── */
.tara-ajrd-empty[b-scto8s0w4k] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    gap:             8px;
    padding:         40px 24px;
    text-align:      center;
    color:           var(--tara-text-muted);
}

.tara-ajrd-empty[b-scto8s0w4k]  .mud-icon-root {
    font-size: 2.5rem;
    opacity:   0.4;
}

.tara-ajrd-empty strong[b-scto8s0w4k] {
    font-size: 1rem;
    color:     var(--tara-text);
}

.tara-ajrd-empty p[b-scto8s0w4k] {
    font-size: 0.875rem;
    margin:    0;
}

/* ── KPI strip ── */
.tara-ajrd-kpis[b-scto8s0w4k] {
    display:               grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap:                   12px;
    padding:               16px 0 8px;
}

.tara-ajrd-kpi[b-scto8s0w4k] {
    display:        flex;
    flex-direction: column;
    gap:            2px;
    background:     var(--tara-surface-raised);
    border:         1px solid var(--tara-border);
    border-radius:  var(--tara-radius-sm);
    padding:        12px 16px;
}

.tara-ajrd-kpi-label[b-scto8s0w4k] {
    font-size:      0.7rem;
    font-weight:    600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color:          var(--tara-text-muted);
}

.tara-ajrd-kpi-val[b-scto8s0w4k] {
    font-size:   1.1rem;
    font-weight: 700;
    color:       var(--tara-text);
}

/* ── Dialog shell ── */
[b-scto8s0w4k] .tara-ajrd-dialog .mud-dialog {
    max-height: 90vh;
}

[b-scto8s0w4k] .tara-ajrd-dialog .mud-dialog-content {
    padding: 16px 24px;
    overflow-y: auto;
}

/* ── PDF print overlay ── */
.tara-ajrd-pdf-overlay[b-scto8s0w4k] {
    position:        fixed;
    inset:           0;
    z-index:         9999;
    background:      rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(4px);
    display:         flex;
    align-items:     stretch;
    justify-content: center;
    padding:         16px;
}

.tara-ajrd-pdf-shell[b-scto8s0w4k] {
    display:        flex;
    flex-direction: column;
    width:          100%;
    max-width:      1100px;
    background:     var(--tara-surface);
    border-radius:  var(--tara-radius);
    box-shadow:     var(--tara-shadow-lg);
    overflow:       hidden;
}

.tara-ajrd-pdf-toolbar[b-scto8s0w4k] {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    padding:         8px 16px;
    background:      var(--tara-header-bg);
    color:           var(--tara-header-text);
    flex-shrink:     0;
}

.tara-ajrd-pdf-toolbar__title[b-scto8s0w4k] {
    font-size:   0.875rem;
    font-weight: 600;
}

.tara-ajrd-pdf-toolbar__actions[b-scto8s0w4k] {
    display:     flex;
    align-items: center;
    gap:         4px;
}

.tara-ajrd-pdf-frame[b-scto8s0w4k] {
    flex:       1;
    border:     none;
    width:      100%;
    min-height: 560px;
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenAjustesReporte.razor.rz.scp.css */
/* ── AlmacenAjustesReporte — Patrón Tarahumara Pro ──────────────────────────
   Prefix: tara-ajr-*   (ajustes-reporte)
   Tokens: solo tokens confirmados en tarahumara-theme.css
   Note:   No :root {} — CSS isolation lo convierte en [b-hash] haciendo que
           las custom props sean invisibles. No definir alias locales aquí.
   ──────────────────────────────────────────────────────────────────────────── */

/* ── Page shell ── */
.tara-ajr-page[b-dvgh5ge0kr] {
    display:        flex;
    flex-direction: column;
    gap:            24px;
    padding:        24px;
}

/* ── Header ── */
.tara-ajr-header h1[b-dvgh5ge0kr] {
    margin:      0;
    font-size:   1.5rem;
    font-weight: 700;
    color:       var(--tara-text);
}

.tara-ajr-header p[b-dvgh5ge0kr] {
    margin:    0.25rem 0 0;
    font-size: 0.875rem;
    color:     var(--tara-text-muted);
}

/* ── Filters ── */
.tara-ajr-filter-row[b-dvgh5ge0kr] {
    display:     flex;
    flex-wrap:   wrap;
    gap:         16px;
    align-items: flex-end;
}

.tara-ajr-picker[b-dvgh5ge0kr],
.tara-ajr-select[b-dvgh5ge0kr] {
    min-width: 180px;
    flex:      1 1 180px;
}

.tara-ajr-filter-actions[b-dvgh5ge0kr] {
    display:     flex;
    gap:         8px;
    align-items: center;
    flex-shrink: 0;
}

.tara-ajr-filter-error[b-dvgh5ge0kr] {
    display:     flex;
    align-items: center;
    gap:         4px;
    margin-top:  8px;
    font-size:   0.875rem;
    color:       var(--tara-danger);
}

/* ── KPI strip ── */
.tara-ajr-kpis[b-dvgh5ge0kr] {
    display:               grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap:                   16px;
}

.tara-ajr-kpi[b-dvgh5ge0kr] {
    display:        flex;
    flex-direction: column;
    gap:            2px;
    background:     var(--tara-surface-raised);
    border:         1px solid var(--tara-border-subtle);
    border-radius:  var(--tara-radius);
    padding:        16px;
}

.tara-ajr-kpi-label[b-dvgh5ge0kr] {
    font-size:      0.7rem;
    font-weight:    600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color:          var(--tara-text-muted);
}

.tara-ajr-kpi-val[b-dvgh5ge0kr] {
    font-size:   1.125rem;
    font-weight: 700;
    color:       var(--tara-text);
}

/* ── Summary slot ── */
.tara-ajr-summary[b-dvgh5ge0kr] {
    font-size:  0.875rem;
    color:      var(--tara-text-muted);
    font-style: italic;
}

/* ── TipoMovimiento chips ── */
/* AJUSTE DE ENTRADA — verde */
[b-dvgh5ge0kr] .tara-ajr-chip--entrada {
    background:    color-mix(in srgb, var(--tara-success) 15%, var(--tara-surface));
    color:         color-mix(in srgb, var(--tara-success) 80%, var(--tara-text));
    border-radius: var(--tara-radius-lg);
    padding:       2px 10px;
    font-size:     0.7rem;
    font-weight:   600;
}

/* SALIDA DE ALMACÉN — rojo */
[b-dvgh5ge0kr] .tara-ajr-chip--salida {
    background:    color-mix(in srgb, var(--tara-danger) 15%, var(--tara-surface));
    color:         color-mix(in srgb, var(--tara-danger) 80%, var(--tara-text));
    border-radius: var(--tara-radius-lg);
    padding:       2px 10px;
    font-size:     0.7rem;
    font-weight:   600;
}

/* DEVOLUCIÓN PROVEEDOR — rojo oscuro identidad */
[b-dvgh5ge0kr] .tara-ajr-chip--devolucion {
    background:    var(--tara-primary-deeper); /* #990000 */
    color:         var(--tara-header-text);    /* #FFFFFF en ambos temas */
    border-radius: var(--tara-radius-lg);
    padding:       2px 10px;
    font-size:     0.7rem;
    font-weight:   600;
}

/* NO DEFINIDO — neutro */
[b-dvgh5ge0kr] .tara-ajr-chip--nodefinido {
    background:    var(--tara-surface-raised);
    color:         var(--tara-text-muted);
    border-radius: var(--tara-radius-lg);
    padding:       2px 10px;
    font-size:     0.7rem;
    font-weight:   600;
}

/* ── Empty / error states ── */
.tara-ajr-empty-state[b-dvgh5ge0kr],
.tara-ajr-error-state[b-dvgh5ge0kr] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    gap:             8px;
    padding:         48px 24px;
    text-align:      center;
    color:           var(--tara-text-muted);
}

.tara-ajr-empty-state[b-dvgh5ge0kr]  .mud-icon-root,
.tara-ajr-error-state[b-dvgh5ge0kr]  .mud-icon-root {
    font-size: 3rem;
    opacity:   0.4;
}

.tara-ajr-empty-state strong[b-dvgh5ge0kr],
.tara-ajr-error-state strong[b-dvgh5ge0kr] {
    font-size: 1rem;
    color:     var(--tara-text);
}

.tara-ajr-empty-state p[b-dvgh5ge0kr],
.tara-ajr-error-state p[b-dvgh5ge0kr] {
    font-size: 0.875rem;
    margin:    0;
}

/* ── PDF print overlay (grid-level) ── */
.tara-ajr-pdf-overlay[b-dvgh5ge0kr] {
    position:        fixed;
    inset:           0;
    z-index:         9000;
    background:      rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(4px);
    display:         flex;
    align-items:     stretch;
    justify-content: center;
    padding:         16px;
}

.tara-ajr-pdf-shell[b-dvgh5ge0kr] {
    display:        flex;
    flex-direction: column;
    width:          100%;
    max-width:      1100px;
    background:     var(--tara-surface);
    border-radius:  var(--tara-radius);
    box-shadow:     var(--tara-shadow-lg);
    overflow:       hidden;
}

.tara-ajr-pdf-toolbar[b-dvgh5ge0kr] {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    padding:         8px 16px;
    background:      var(--tara-header-bg);
    color:           var(--tara-header-text);
    flex-shrink:     0;
}

.tara-ajr-pdf-toolbar__title[b-dvgh5ge0kr] {
    font-size:   0.875rem;
    font-weight: 600;
}

.tara-ajr-pdf-toolbar__actions[b-dvgh5ge0kr] {
    display:     flex;
    align-items: center;
    gap:         4px;
}

.tara-ajr-pdf-frame[b-dvgh5ge0kr] {
    flex:       1;
    border:     none;
    width:      100%;
    min-height: 560px;
}

.tara-ajr-pdf-loading[b-dvgh5ge0kr] {
    flex:            1;
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    gap:             16px;
    color:           var(--tara-text-muted);
    font-size:       0.875rem;
}

/* ── Responsive ── */
@media (max-width: 640px) {
    .tara-ajr-filter-row[b-dvgh5ge0kr] {
        flex-direction: column;
    }

    .tara-ajr-picker[b-dvgh5ge0kr],
    .tara-ajr-select[b-dvgh5ge0kr] {
        min-width: 100%;
    }

    .tara-ajr-filter-actions[b-dvgh5ge0kr] {
        width:           100%;
        justify-content: flex-end;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenAuditoriaInventario.razor.rz.scp.css */
.tara-ainv-page[b-zi03qbd25s] {
    min-height: 100%;
    background: var(--tara-bg);
    color: var(--tara-text);
}

.tara-ainv-header[b-zi03qbd25s] {
    margin-bottom: 1.25rem;
}

.tara-ainv-section[b-zi03qbd25s] {
    margin-top: 1.55rem;
}

.tara-ainv-filter-grid[b-zi03qbd25s] {
    display: grid;
    grid-template-columns: minmax(220px, 1.2fr) repeat(2, minmax(150px, .7fr)) minmax(210px, 1fr);
    gap: .85rem;
    align-items: end;
}

.tara-ainv-filter-grid[b-zi03qbd25s]  .mud-input-control {
    margin-top: 0;
}

.tara-ainv-period-quick[b-zi03qbd25s] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
    align-self: center;
    min-height: 40px;
}

.tara-ainv-period-chip[b-zi03qbd25s] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: .36rem .65rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface);
    color: var(--tara-text-muted);
    font: inherit;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.tara-ainv-period-chip:hover:not(:disabled)[b-zi03qbd25s] {
    border-color: color-mix(in srgb, var(--tara-primary) 34%, var(--tara-border));
    color: var(--tara-text);
    box-shadow: var(--tara-shadow-sm);
    transform: translateY(-1px);
}

.tara-ainv-period-chip.is-active[b-zi03qbd25s] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 42%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-ainv-period-chip:disabled[b-zi03qbd25s] {
    cursor: default;
    opacity: .62;
}

.tara-ainv-filter-actions[b-zi03qbd25s] {
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: flex-end;
}

.tara-ainv-filter-error[b-zi03qbd25s] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-top: .75rem;
    color: var(--tara-primary-dark);
    font-weight: 700;
}

.tara-ainv-section-heading[b-zi03qbd25s] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: .95rem;
}

.tara-ainv-section-heading--compact[b-zi03qbd25s] {
    margin-bottom: .75rem;
}

.tara-ainv-section-kicker[b-zi03qbd25s] {
    display: block;
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-ainv-section-heading h2[b-zi03qbd25s] {
    margin: .15rem 0 0;
    color: var(--tara-text);
    font-size: 1.18rem;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -.02em;
}

.tara-ainv-section-heading p[b-zi03qbd25s] {
    margin: .3rem 0 0;
    color: var(--tara-text-muted);
    font-size: .92rem;
}

.tara-ainv-executive-grid[b-zi03qbd25s] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.tara-ainv-movement-grid[b-zi03qbd25s] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: .9rem;
}

.tara-ainv-kpi-card[b-zi03qbd25s] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--tara-border);
    border-top: 4px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
    color: var(--tara-text);
}

.tara-ainv-kpi-card--executive[b-zi03qbd25s] {
    min-height: 174px;
    padding: 1.25rem 1.35rem;
}

.tara-ainv-kpi-card--movement[b-zi03qbd25s] {
    min-height: 146px;
    padding: 1rem 1.05rem;
}

.tara-ainv-kpi-top[b-zi03qbd25s] {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-height: 1.65rem;
}

.tara-ainv-kpi-icon[b-zi03qbd25s] {
    display: inline-grid;
    place-items: center;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 999px;
    color: var(--tara-text-muted);
    background: var(--tara-surface-raised);
}

.tara-ainv-card-label[b-zi03qbd25s] {
    color: var(--tara-text-muted);
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 800;
}

.tara-ainv-kpi-card strong[b-zi03qbd25s] {
    display: block;
    margin: .7rem 0 .1rem;
    color: var(--tara-text);
    font-size: clamp(2rem, 4vw, 3.05rem);
    line-height: 1.1;
    letter-spacing: -.045em;
}

.tara-ainv-kpi-card--movement strong[b-zi03qbd25s] {
    font-size: clamp(1.55rem, 2.4vw, 2.2rem);
    margin-top: .55rem;
}

.tara-ainv-kpi-unit[b-zi03qbd25s] {
    display: block;
    color: var(--tara-text-muted);
    font-size: .86rem;
    font-weight: 900;
    text-transform: lowercase;
}

.tara-ainv-kpi-meta[b-zi03qbd25s] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem .7rem;
    margin-top: .7rem;
    color: var(--tara-text-muted);
    font-size: .85rem;
    font-weight: 800;
}

.tara-ainv-kpi-card p[b-zi03qbd25s] {
    margin: .75rem 0 0;
    color: var(--tara-text-muted);
    font-size: .84rem;
}

.tara-ainv-card-link[b-zi03qbd25s] {
    display: block;
    margin-top: .75rem;
    color: var(--tara-primary-dark);
    font-weight: 900;
}

.tara-ainv-kpi-empty-text[b-zi03qbd25s] {
    display: block;
    margin-top: .55rem;
    color: var(--tara-text-muted);
    font-size: .8rem;
    font-weight: 800;
}

.tara-ainv-kpi-card--clickable[b-zi03qbd25s] {
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease;
}

.tara-ainv-kpi-card--clickable:hover[b-zi03qbd25s],
.tara-ainv-kpi-card--clickable:focus-visible[b-zi03qbd25s] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 45%, var(--tara-border));
    box-shadow: var(--tara-shadow);
    transform: translateY(-2px);
    outline: none;
}

.tara-ainv-kpi-card--clickable:active[b-zi03qbd25s] {
    transform: translateY(0);
    box-shadow: var(--tara-shadow-sm);
}

.tara-ainv-kpi-card--empty[b-zi03qbd25s] {
    box-shadow: none;
}

.tara-ainv-kpi-card--entrada[b-zi03qbd25s],
.tara-ainv-kpi-card--compra[b-zi03qbd25s] {
    border-top-color: color-mix(in srgb, var(--tara-success) 62%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-success) 5%, var(--tara-surface));
}

.tara-ainv-kpi-card--entrada .tara-ainv-kpi-icon[b-zi03qbd25s],
.tara-ainv-kpi-card--compra .tara-ainv-kpi-icon[b-zi03qbd25s] {
    color: color-mix(in srgb, var(--tara-success) 82%, var(--tara-text));
    background: color-mix(in srgb, var(--tara-success) 11%, transparent);
}

.tara-ainv-kpi-card--salida[b-zi03qbd25s],
.tara-ainv-kpi-card--venta[b-zi03qbd25s] {
    border-top-color: color-mix(in srgb, var(--tara-danger) 58%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-danger) 4%, var(--tara-surface));
}

.tara-ainv-kpi-card--salida .tara-ainv-kpi-icon[b-zi03qbd25s],
.tara-ainv-kpi-card--venta .tara-ainv-kpi-icon[b-zi03qbd25s] {
    color: color-mix(in srgb, var(--tara-danger) 78%, var(--tara-text));
    background: color-mix(in srgb, var(--tara-danger) 10%, transparent);
}

.tara-ainv-kpi-card--neto[b-zi03qbd25s] {
    border-top-color: color-mix(in srgb, var(--tara-info) 45%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-info) 4%, var(--tara-surface));
}

.tara-ainv-kpi-card--neto .tara-ainv-kpi-icon[b-zi03qbd25s] {
    color: color-mix(in srgb, var(--tara-info) 62%, var(--tara-text));
    background: color-mix(in srgb, var(--tara-info) 9%, transparent);
}

.tara-ainv-kpi-card--devolucion[b-zi03qbd25s] {
    border-top-color: color-mix(in srgb, var(--tara-warning) 58%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-warning) 5%, var(--tara-surface));
}

.tara-ainv-kpi-card--devolucion .tara-ainv-kpi-icon[b-zi03qbd25s] {
    color: color-mix(in srgb, var(--tara-warning) 76%, var(--tara-text));
    background: color-mix(in srgb, var(--tara-warning) 10%, transparent);
}

.tara-ainv-kpi-card--ajuste[b-zi03qbd25s] {
    border-top-color: color-mix(in srgb, var(--tara-info) 28%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-info) 3%, var(--tara-surface));
}

.tara-ainv-kpi-card--traspaso[b-zi03qbd25s] {
    border-top-color: color-mix(in srgb, var(--tara-info) 38%, var(--tara-primary-dark) 18%);
    background: color-mix(in srgb, var(--tara-info) 3%, var(--tara-surface));
}

.tara-ainv-detail-warnings span[b-zi03qbd25s] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .35rem .55rem;
    border-radius: var(--tara-radius-sm);
    background: var(--tara-row-odd);
    color: var(--tara-text-muted);
    border: 1px solid var(--tara-border);
    font-size: .82rem;
}

.tara-ainv-error-state[b-zi03qbd25s],
.tara-ainv-empty-state[b-zi03qbd25s] {
    display: grid;
    place-items: center;
    gap: .45rem;
    text-align: center;
    margin-top: 1rem;
    padding: 2.4rem 1rem;
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    color: var(--tara-text-muted);
}

.tara-ainv-error-state strong[b-zi03qbd25s],
.tara-ainv-empty-state strong[b-zi03qbd25s] {
    color: var(--tara-text);
    font-size: 1.05rem;
}

.tara-ainv-error-state[b-zi03qbd25s]  .mud-icon-root,
.tara-ainv-empty-state[b-zi03qbd25s]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.25rem;
}

.tara-ainv-grid-summary[b-zi03qbd25s] {
    color: var(--tara-text-muted);
    font-weight: 700;
}

.tara-ainv-grid-section[b-zi03qbd25s] {
    padding: 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-ainv-grid-heading[b-zi03qbd25s] {
    padding-bottom: .9rem;
    border-bottom: 1px solid var(--tara-border-subtle);
}

.tara-ainv-grid-count[b-zi03qbd25s] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: .35rem .65rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    color: var(--tara-text-muted);
    background: var(--tara-surface-raised);
    font-size: .82rem;
    font-weight: 900;
}

.tara-ainv-grid-actions[b-zi03qbd25s] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .65rem;
    flex-wrap: wrap;
}

.tara-ainv-excel-btn[b-zi03qbd25s] {
    min-height: 2.15rem;
    padding-inline: .9rem;
    font-weight: 900;
    letter-spacing: .02em;
}

.tara-ainv-grid-shell[b-zi03qbd25s] {
    padding-top: .25rem;
}

.tara-ainv-grid-shell[b-zi03qbd25s]  .tara-dg-shell,
.tara-ainv-grid-shell[b-zi03qbd25s]  .tara-dynamic-grid,
.tara-ainv-grid-shell[b-zi03qbd25s]  .tara-grid-shell {
    border-color: var(--tara-border-subtle);
    box-shadow: none;
}

.tara-ainv-grid-shell[b-zi03qbd25s]  .mud-table-head .mud-table-cell,
.tara-ainv-grid-shell[b-zi03qbd25s]  .mud-data-grid-header .mud-table-cell {
    padding-top: .82rem;
    padding-bottom: .82rem;
    background: var(--tara-th-bg);
}

.tara-ainv-grid-shell[b-zi03qbd25s]  .mud-table-body .mud-table-cell {
    padding-top: .72rem;
    padding-bottom: .72rem;
    border-bottom-color: var(--tara-border-subtle);
}

.tara-ainv-detail-overlay[b-zi03qbd25s] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: flex;
    justify-content: flex-end;
    background: rgba(0, 0, 0, .38);
}

.tara-ainv-detail-panel[b-zi03qbd25s] {
    width: min(560px, 100vw);
    height: 100%;
    overflow: auto;
    background: var(--tara-surface);
    color: var(--tara-text);
    box-shadow: var(--tara-shadow-lg);
    padding: 1.1rem;
}

.tara-ainv-detail-panel--wide[b-zi03qbd25s] {
    width: min(1180px, 100vw);
}

.tara-ainv-detail-panel header[b-zi03qbd25s] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--tara-border);
}

.tara-ainv-detail-panel h2[b-zi03qbd25s] {
    margin: .15rem 0 0;
    font-size: 1.35rem;
}

.tara-ainv-detail-grid[b-zi03qbd25s] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin: 1rem 0;
}

.tara-ainv-detail-grid div[b-zi03qbd25s] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding: .65rem .75rem;
    background: var(--tara-row-odd);
}

.tara-ainv-detail-grid dt[b-zi03qbd25s] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.tara-ainv-detail-grid dd[b-zi03qbd25s] {
    margin: .15rem 0 0;
    color: var(--tara-text);
    font-weight: 700;
}

.tara-ainv-inline-link[b-zi03qbd25s] {
    border: 0;
    background: transparent;
    color: var(--tara-primary-dark);
    font: inherit;
    font-weight: 800;
    padding: 0;
    text-decoration: underline;
    cursor: pointer;
}

.tara-ainv-detail-warnings[b-zi03qbd25s] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 1rem;
}

.tara-ainv-detail-loading[b-zi03qbd25s] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    min-height: 220px;
    color: var(--tara-text-muted);
    font-weight: 800;
}

.tara-ainv-detail-kpis[b-zi03qbd25s] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin: 1rem 0;
}

.tara-ainv-detail-kpis div[b-zi03qbd25s] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-row-odd);
    padding: .75rem;
}

.tara-ainv-detail-kpis span[b-zi03qbd25s] {
    display: block;
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.tara-ainv-detail-kpis strong[b-zi03qbd25s] {
    display: block;
    margin-top: .2rem;
    font-size: 1.15rem;
    color: var(--tara-text);
}

.tara-ainv-badge-ok[b-zi03qbd25s],
.tara-ainv-badge-warn[b-zi03qbd25s] {
    display: grid;
    place-items: center;
    font-weight: 900;
}

.tara-ainv-badge-ok[b-zi03qbd25s] {
    color: var(--tara-success);
}

.tara-ainv-badge-warn[b-zi03qbd25s] {
    color: var(--tara-danger);
}

.tara-ainv-origen[b-zi03qbd25s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin: .25rem 0 1rem;
    padding: .75rem .85rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    color: var(--tara-text-muted);
}

.tara-ainv-origen button[b-zi03qbd25s] {
    border: 0;
    background: transparent;
    color: var(--tara-primary-dark);
    font-weight: 900;
    cursor: pointer;
}

.tara-ainv-tecnico[b-zi03qbd25s] {
    margin: 0 0 1rem;
    padding: .8rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-row-odd);
    color: var(--tara-text);
    font-size: .86rem;
}

.tara-ainv-tecnico pre[b-zi03qbd25s] {
    margin: .5rem 0 0;
    white-space: pre-wrap;
    color: var(--tara-text-muted);
}

.tara-ainv-doc-summary[b-zi03qbd25s] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: .5rem 0 1rem;
}

.tara-ainv-doc-summary span[b-zi03qbd25s] {
    display: inline-flex;
    align-items: center;
    padding: .4rem .65rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-row-odd);
    color: var(--tara-text);
    font-weight: 800;
}

.tara-ainv-doc-filters[b-zi03qbd25s] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(220px, 1.4fr) auto;
    gap: .75rem;
    align-items: end;
    margin: 0 0 1rem;
}

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

.tara-ainv-native-table[b-zi03qbd25s] {
    width: 100%;
    border-collapse: collapse;
    min-width: 840px;
}

.tara-ainv-native-table th[b-zi03qbd25s],
.tara-ainv-native-table td[b-zi03qbd25s] {
    padding: .65rem .75rem;
    border-bottom: 1px solid var(--tara-border);
    text-align: left;
    color: var(--tara-text);
}

.tara-ainv-native-table th[b-zi03qbd25s] {
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}

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

.tara-ainv-native-table tbody tr:hover[b-zi03qbd25s] {
    background: var(--tara-row-hover);
}

.tara-ainv-document-detail[b-zi03qbd25s] {
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-ainv-document-detail header[b-zi03qbd25s] {
    padding-bottom: .75rem;
    margin-bottom: .75rem;
}

.tara-ainv-document-detail h3[b-zi03qbd25s] {
    margin: .1rem 0 0;
    color: var(--tara-text);
}

.tara-ainv-note[b-zi03qbd25s] {
    margin: .65rem 0;
    padding: .65rem .75rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-row-odd);
    color: var(--tara-text-muted);
}

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

.tara-ainv-mini-table[b-zi03qbd25s] {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
}

.tara-ainv-mini-table th[b-zi03qbd25s],
.tara-ainv-mini-table td[b-zi03qbd25s] {
    padding: .6rem .7rem;
    border-bottom: 1px solid var(--tara-border);
    text-align: left;
    color: var(--tara-text);
}

.tara-ainv-mini-table th[b-zi03qbd25s] {
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    font-size: .74rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}

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

.tara-ainv-mini-table tbody tr:hover[b-zi03qbd25s] {
    background: var(--tara-row-hover);
}

.tara-num[b-zi03qbd25s] {
    text-align: right !important;
}

[b-zi03qbd25s] .tara-ainv-chip--entrada {
    background: var(--tara-row-odd);
    color: var(--tara-success);
}

[b-zi03qbd25s] .tara-ainv-chip--salida {
    background: var(--tara-primary-subtle);
    color: var(--tara-danger);
}

[b-zi03qbd25s] .tara-ainv-chip--devolucion,
[b-zi03qbd25s] .tara-ainv-chip--status,
[b-zi03qbd25s] .tara-ainv-chip--neutral {
    background: var(--tara-row-odd);
    color: var(--tara-text);
}

@media (max-width: 980px) {
    .tara-ainv-filter-grid[b-zi03qbd25s] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-ainv-executive-grid[b-zi03qbd25s] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-ainv-executive-grid .tara-ainv-kpi-card--neto[b-zi03qbd25s] {
        grid-column: 1 / -1;
    }

    .tara-ainv-section-heading[b-zi03qbd25s] {
        align-items: flex-start;
        flex-direction: column;
    }

    .tara-ainv-filter-actions[b-zi03qbd25s] {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .tara-ainv-filter-grid[b-zi03qbd25s],
    .tara-ainv-detail-grid[b-zi03qbd25s],
    .tara-ainv-executive-grid[b-zi03qbd25s],
    .tara-ainv-movement-grid[b-zi03qbd25s] {
        grid-template-columns: 1fr;
    }

    .tara-ainv-executive-grid .tara-ainv-kpi-card--neto[b-zi03qbd25s] {
        grid-column: auto;
    }

    .tara-ainv-section[b-zi03qbd25s] {
        margin-top: 1.25rem;
    }

    .tara-ainv-grid-actions[b-zi03qbd25s] {
        justify-content: flex-start;
    }

    .tara-ainv-kpi-card--executive[b-zi03qbd25s],
    .tara-ainv-kpi-card--movement[b-zi03qbd25s],
    .tara-ainv-grid-section[b-zi03qbd25s] {
        padding: 1rem;
    }

    .tara-ainv-kpi-card--executive[b-zi03qbd25s] {
        min-height: 158px;
    }

    .tara-ainv-kpi-card strong[b-zi03qbd25s] {
        font-size: 2.05rem;
    }

    .tara-ainv-grid-count[b-zi03qbd25s] {
        width: fit-content;
    }

    .tara-ainv-detail-panel[b-zi03qbd25s] {
        width: 100vw;
    }

    .tara-ainv-detail-kpis[b-zi03qbd25s] {
        grid-template-columns: 1fr;
    }

    .tara-ainv-doc-filters[b-zi03qbd25s] {
        grid-template-columns: 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenCardex.razor.rz.scp.css */
.tara-cardex-loading[b-7vlizlm7vc] {
    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-7vlizlm7vc] {
    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-7vlizlm7vc],
.tara-cardex-search-panel[b-7vlizlm7vc],
.tara-cardex-card[b-7vlizlm7vc] {
    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-7vlizlm7vc] {
    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-7vlizlm7vc] {
    margin: 0;
    color: var(--tara-th-text);
    font-size: 1.25rem;
    letter-spacing: .01em;
}

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

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

.tara-cardex-search-panel[b-7vlizlm7vc] {
    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-7vlizlm7vc] {
    min-width: 0;
}

.tara-cardex-action[b-7vlizlm7vc] {
    align-self: stretch;
}

.tara-cardex-inline-state[b-7vlizlm7vc] {
    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-7vlizlm7vc] {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    color: var(--tara-text-muted);
    font-size: .88rem;
}

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

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

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

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

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

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

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

.tara-cardex-card-title[b-7vlizlm7vc] {
    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-7vlizlm7vc] {
    margin: 0;
    font-size: 1rem;
    color: var(--tara-text);
}

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

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

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

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

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

.tara-cardex-primary[b-7vlizlm7vc] {
    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-7vlizlm7vc] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 700;
}

.tara-cardex-thumb-btn[b-7vlizlm7vc] {
    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-7vlizlm7vc] {
    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-7vlizlm7vc] {
    color: var(--tara-text-muted);
    margin-top: .35rem;
}

.tara-cardex-thumb-empty[b-7vlizlm7vc] {
    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-7vlizlm7vc] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

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

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

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

[b-7vlizlm7vc] .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-7vlizlm7vc] .tara-cardex-table--existencias .mud-table-body .mud-table-row:nth-child(odd) {
    background: var(--tara-row-odd);
}

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

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

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

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

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

.tara-cardex-empty[b-7vlizlm7vc] {
    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-7vlizlm7vc] {
    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-7vlizlm7vc] {
    min-width: 0;
}

.tara-cardex-advanced-panel[b-7vlizlm7vc] {
    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-7vlizlm7vc] {
    grid-column: 1 / -1;
    color: var(--tara-text-muted);
}

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

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

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

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

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

.tara-cardex-modal-backdrop[b-7vlizlm7vc] {
    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-7vlizlm7vc] {
    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-7vlizlm7vc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    margin-bottom: .6rem;
}

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

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

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

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

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

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

    .tara-cardex-action[b-7vlizlm7vc] {
        justify-self: start;
    }

    .tara-cardex-thumb-btn[b-7vlizlm7vc],
    .tara-cardex-thumb[b-7vlizlm7vc],
    .tara-cardex-thumb-empty[b-7vlizlm7vc] {
        min-height: 180px;
        height: 180px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenCompras.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════
   AlmacenCompras.razor.css — Patrón Tarahumara Secundario
   Prefijo: tara-oc-*, tara-compras-*
   Referencias: /productos/reporte · docs/ui/PATRON_TARAHUMARA_SECUNDARIO.md
══════════════════════════════════════════════════════════════════════════ */

/* ── Shell ─────────────────────────────────────────────────────────────── */

.tara-sub-loading[b-x7fowavl1w] {
    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-x7fowavl1w] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    min-width: 0;
}

/* ── Header — Patrón Tarahumara Secundario ─────────────────────────────
   .tara-secondary-header (global) provee el ::after y border-bottom.
   .tara-oc-page-header (local) provee el layout flex.
─────────────────────────────────────────────────────────────────────── */

.tara-oc-page-header[b-x7fowavl1w] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: 100%;
    min-width: 0;
}

.tara-oc-header-text[b-x7fowavl1w] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
}

.tara-oc-eyebrow[b-x7fowavl1w] {
    display: block;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    opacity: .8;
}

.tara-oc-title[b-x7fowavl1w] {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 900;
    color: var(--tara-text);
    line-height: 1.15;
    letter-spacing: -.02em;
    min-width: 0;
    text-wrap: balance;
}

.tara-oc-title-mobile[b-x7fowavl1w] { display: none; }

.tara-oc-subtitle[b-x7fowavl1w] {
    margin: 0;
    font-size: .88rem;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .01em;
    opacity: .75;
    min-width: 0;
    max-width: 62ch;
}

.tara-oc-hero-nav[b-x7fowavl1w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    width: 100%;
    min-width: 0;
}

[b-x7fowavl1w] .tara-oc-hero-nav .mud-button-root {
    width: 100%;
    min-width: 0;
    justify-content: center;
    margin: 0;
}

/* ── FilterAccordion — pills del SummaryContent ─────────────────────── */

.tara-filter-pill[b-x7fowavl1w] {
    display: inline-flex;
    align-items: center;
    padding: .18rem .55rem;
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface-raised));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    border-radius: 100px;
    font-size: .78rem;
    font-weight: 600;
    color: var(--tara-primary-dark);
    white-space: nowrap;
    line-height: 1.4;
}

.tara-filter-count-pill[b-x7fowavl1w] {
    display: inline-flex;
    align-items: center;
    padding: .18rem .55rem;
    background: var(--tara-primary);
    border: 1px solid var(--tara-primary-dark);
    border-radius: 100px;
    font-size: .78rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    line-height: 1.4;
}

.tara-filter-pill-muted[b-x7fowavl1w] {
    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: .78rem;
    color: var(--tara-text-muted);
    white-space: nowrap;
    line-height: 1.4;
}

/* ── Combos de filtros — referencia /productos/reporte §8.1 ─────────── */

[b-x7fowavl1w] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-x7fowavl1w] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-x7fowavl1w] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-x7fowavl1w] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

/* ── Contenedor del ChildContent del FilterAccordion ───────────────── */

.tara-oc-filters-content[b-x7fowavl1w] {
    padding: .9rem 1rem 1rem;
    display: flex;
    flex-direction: column;
    gap: .7rem;
    min-width: 0;
}

/* ── Grid de filtros ────────────────────────────────────────────────── */

.tara-oc-filters-grid[b-x7fowavl1w] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: .8rem;
    min-width: 0;
}

/* ── Acciones de filtros ────────────────────────────────────────────── */

.tara-oc-filters-actions[b-x7fowavl1w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    align-items: stretch;
    width: 100%;
    min-width: 0;
}

[b-x7fowavl1w] .tara-oc-filters-actions .mud-button-root,
[b-x7fowavl1w] .tara-oc-filters-grid .mud-input-control,
[b-x7fowavl1w] .tara-oc-filters-grid .mud-input-control-input-container,
[b-x7fowavl1w] .tara-oc-filters-grid .mud-picker,
[b-x7fowavl1w] .tara-filter-select,
[b-x7fowavl1w] .tara-filter-select .mud-input-control {
    width: 100%;
    min-width: 0;
}

.tara-oc-tiendas-resumen[b-x7fowavl1w] {
    padding: .35rem .55rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-filter-multi[b-x7fowavl1w] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.tara-filter-chip-list[b-x7fowavl1w] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    min-height: 1.9rem;
}

.tara-filter-chip-empty[b-x7fowavl1w] {
    font-size: .78rem;
    color: var(--tara-text-muted);
}

/* ── Sección resultados ─────────────────────────────────────────────── */

.tara-oc-results-section[b-x7fowavl1w] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    min-width: 0;
}

.tara-oc-grid-shell[b-x7fowavl1w] {
    margin-bottom: 0;
    min-width: 0;
}

.tara-oc-table-wrap[b-x7fowavl1w] {
    display: block;
    min-width: 0;
}

.tara-oc-cards-mobile[b-x7fowavl1w] {
    display: none;
}

.tara-oc-results-header[b-x7fowavl1w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    min-width: 0;
}

.tara-oc-results-title[b-x7fowavl1w] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--tara-text);
}

/* ── KPIs — tokens, sin hardcode ─────────────────────────────────────── */

.tara-compras-kpis[b-x7fowavl1w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
}

.tara-compras-kpi-card[b-x7fowavl1w] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    box-shadow: var(--tara-shadow-sm);
    padding: .6rem .85rem;
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

.tara-compras-kpi-card strong[b-x7fowavl1w] {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--tara-text);
    line-height: 1.15;
}

.tara-compras-kpi-card span[b-x7fowavl1w] {
    font-size: .73rem;
    color: var(--tara-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.tara-kpi--pendiente[b-x7fowavl1w] {
    border-left: 3px solid var(--tara-warning);
}
.tara-kpi--pendiente strong[b-x7fowavl1w] {
    color: var(--tara-warning);
}

.tara-kpi--cancelada[b-x7fowavl1w] {
    border-left: 3px solid color-mix(in srgb, var(--tara-danger) 70%, var(--tara-border));
}
.tara-kpi--cancelada strong[b-x7fowavl1w] {
    color: var(--tara-danger);
}

.tara-kpi--importe[b-x7fowavl1w] {
    border-left: 3px solid var(--tara-primary-dark);
}
.tara-kpi--importe strong[b-x7fowavl1w] {
    color: var(--tara-primary-dark);
}

/* ── Empty state ────────────────────────────────────────────────────── */

.tara-oc-empty[b-x7fowavl1w] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    padding: 2.5rem 1.5rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    color: var(--tara-text-muted);
}

.tara-oc-empty-icon[b-x7fowavl1w] {
    font-size: 2.5rem !important;
    width: 2.5rem !important;
    height: 2.5rem !important;
    opacity: .4;
}

.tara-oc-empty p[b-x7fowavl1w] {
    margin: 0;
    font-size: .95rem;
}

.tara-oc-empty-actions[b-x7fowavl1w] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    justify-content: center;
}

/* ── Cards de órdenes ────────────────────────────────────────────────── */

.tara-oc-cards[b-x7fowavl1w] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: .85rem;
}

.tara-oc-card[b-x7fowavl1w] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-left: 3px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: box-shadow .14s ease, border-color .14s ease;
}

.tara-oc-card:hover[b-x7fowavl1w] {
    box-shadow: var(--tara-shadow);
    border-color: color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
}

/* Borde izquierdo semántico por estado */
.tara-oc-card--aprobado[b-x7fowavl1w]  { border-left-color: var(--tara-success); }
.tara-oc-card--colocado[b-x7fowavl1w]  { border-left-color: var(--tara-warning); }
.tara-oc-card--cancelado[b-x7fowavl1w] { border-left-color: color-mix(in srgb, var(--tara-danger) 55%, var(--tara-border)); }
.tara-oc-card--completo[b-x7fowavl1w]  { border-left-color: var(--tara-border); }
.tara-oc-card--parcial[b-x7fowavl1w]   { border-left-color: color-mix(in srgb, var(--tara-warning) 70%, var(--tara-primary)); }
.tara-oc-card--extra[b-x7fowavl1w]     { border-left-color: color-mix(in srgb, var(--tara-primary) 55%, var(--tara-border)); }
.tara-oc-card--default[b-x7fowavl1w]   { border-left-color: var(--tara-border); }

.tara-oc-card-head[b-x7fowavl1w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    padding: .7rem 1rem .5rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    background: var(--tara-surface-raised);
    flex-wrap: wrap;
}

.tara-oc-card-folio[b-x7fowavl1w] {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .88rem;
    color: var(--tara-text-muted);
}

.tara-oc-card-folio strong[b-x7fowavl1w] {
    color: var(--tara-text);
    font-weight: 700;
}

/* ── Status chips ────────────────────────────────────────────────────── */

.tara-oc-chip[b-x7fowavl1w] {
    display: inline-block;
    padding: .18rem .55rem;
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .02em;
    white-space: nowrap;
}

.tara-oc-chip--aprobado[b-x7fowavl1w]  { 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) 30%, var(--tara-border)); }
.tara-oc-chip--colocado[b-x7fowavl1w]  { background: color-mix(in srgb, var(--tara-warning) 12%, var(--tara-surface)); color: var(--tara-warning); border: 1px solid color-mix(in srgb, var(--tara-warning) 30%, var(--tara-border)); }
.tara-oc-chip--cancelado[b-x7fowavl1w] { 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) 25%, var(--tara-border)); }
.tara-oc-chip--completo[b-x7fowavl1w]  { background: var(--tara-surface-raised); color: var(--tara-text-muted); border: 1px solid var(--tara-border); }
.tara-oc-chip--parcial[b-x7fowavl1w]   { background: color-mix(in srgb, var(--tara-warning) 10%, var(--tara-surface)); color: color-mix(in srgb, var(--tara-warning) 80%, var(--tara-primary)); border: 1px solid color-mix(in srgb, var(--tara-warning) 25%, var(--tara-border)); }
.tara-oc-chip--extra[b-x7fowavl1w]     { background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));  color: var(--tara-primary-dark); border: 1px solid color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border)); }
.tara-oc-chip--default[b-x7fowavl1w]   { background: var(--tara-surface-raised); color: var(--tara-text-muted); border: 1px solid var(--tara-border); }

/* ── Card body ───────────────────────────────────────────────────────── */

.tara-oc-card-body[b-x7fowavl1w] {
    padding: .7rem 1rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    flex: 1;
}

.tara-oc-card-proveedor[b-x7fowavl1w] {
    font-size: .98rem;
    font-weight: 700;
    color: var(--tara-text);
    line-height: 1.2;
}

.tara-oc-card-fechas[b-x7fowavl1w] {
    display: flex;
    flex-wrap: wrap;
    gap: .85rem;
}

.tara-oc-card-datum[b-x7fowavl1w] {
    display: flex;
    flex-direction: column;
    gap: .05rem;
}

.tara-oc-label[b-x7fowavl1w] {
    font-size: .7rem;
    color: var(--tara-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.tara-oc-card-nums[b-x7fowavl1w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .4rem;
    padding: .5rem .7rem;
    background: var(--tara-surface-raised);
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border-subtle);
}

.tara-oc-card-num[b-x7fowavl1w] {
    display: flex;
    flex-direction: column;
    gap: .05rem;
}

.tara-oc-card-num strong[b-x7fowavl1w] {
    font-size: .93rem;
    font-weight: 700;
    color: var(--tara-text);
}

.tara-oc-card-num--total strong[b-x7fowavl1w] {
    color: var(--tara-primary-dark);
    font-weight: 800;
}

.tara-oc-card-meta[b-x7fowavl1w] {
    display: flex;
    align-items: flex-start;
    gap: .3rem;
    font-size: .82rem;
    color: var(--tara-text-muted);
    line-height: 1.4;
}

.tara-oc-card-meta-copy[b-x7fowavl1w] {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    min-width: 0;
}

.tara-oc-card-meta-copy small[b-x7fowavl1w] {
    color: var(--tara-text-muted);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.tara-oc-tiendas-pill[b-x7fowavl1w] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: .18rem .5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-warning) 12%, var(--tara-surface));
    color: var(--tara-text);
    font-size: .78rem;
    font-weight: 700;
    line-height: 1.2;
}

.tara-oc-tiendas-pill--multi[b-x7fowavl1w] {
    border: 1px solid color-mix(in srgb, var(--tara-warning) 35%, var(--tara-border));
}

/* ── Card acciones ───────────────────────────────────────────────────── */

.tara-oc-card-actions[b-x7fowavl1w] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    padding: .55rem .9rem;
    border-top: 1px solid var(--tara-border-subtle);
    background: var(--tara-surface-raised);
}

/* ── Inline mensaje ─────────────────────────────────────────────────── */

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

/* ── Panel facturas ─────────────────────────────────────────────────── */

.tara-compras-panel[b-x7fowavl1w] {
    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;
    min-width: 0;
}

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

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

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

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

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

/* ── Cards facturas (móvil) — status semántico ───────────────────────── */

.tara-oc-card--pendiente[b-x7fowavl1w]   { border-left-color: var(--tara-warning); }
.tara-oc-card--recibida[b-x7fowavl1w]    { border-left-color: var(--tara-success); }
.tara-oc-card--cancelada[b-x7fowavl1w]   { border-left-color: color-mix(in srgb, var(--tara-danger) 55%, var(--tara-border)); }
.tara-oc-card--pagada[b-x7fowavl1w]      { border-left-color: var(--tara-success); }
.tara-oc-card--en-revision[b-x7fowavl1w] { border-left-color: var(--tara-warning); }
.tara-oc-card--to-validate[b-x7fowavl1w] { border-left-color: color-mix(in srgb, var(--tara-danger) 35%, var(--tara-warning)); }

.tara-oc-chip--pendiente[b-x7fowavl1w]   { background: color-mix(in srgb, var(--tara-warning) 12%, var(--tara-surface)); color: color-mix(in srgb, var(--tara-warning) 80%, var(--tara-primary)); border: 1px solid color-mix(in srgb, var(--tara-warning) 30%, var(--tara-border)); }
.tara-oc-chip--recibida[b-x7fowavl1w]    { 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) 30%, var(--tara-border)); }
.tara-oc-chip--cancelada[b-x7fowavl1w]   { 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) 25%, var(--tara-border)); }
.tara-oc-chip--pagada[b-x7fowavl1w]      { 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) 30%, var(--tara-border)); }
.tara-oc-chip--en-revision[b-x7fowavl1w] { background: color-mix(in srgb, var(--tara-warning) 10%, var(--tara-surface)); color: color-mix(in srgb, var(--tara-warning) 80%, var(--tara-primary)); border: 1px solid color-mix(in srgb, var(--tara-warning) 25%, var(--tara-border)); }
.tara-oc-chip--to-validate[b-x7fowavl1w] { background: color-mix(in srgb, var(--tara-danger) 8%, var(--tara-surface));  color: var(--tara-danger);  border: 1px solid color-mix(in srgb, var(--tara-danger) 20%, var(--tara-border)); }

/* ── Grid facturas Patrón Tarahumara Secundario ─────────────────────── */

.tara-rf-grid-shell[b-x7fowavl1w] {
    display: flex;
    flex-direction: column;
    gap: 0;
    background: var(--tara-surface);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 8%, var(--tara-border));
    border-radius: 18px 18px 0 0;
    border-bottom: none;
    box-shadow: var(--tara-shadow);
    padding: .7rem .7rem 0;
    /* Bridge vars para ::deep — definidas en el elemento, no en :root */
    --_th-gradient:     linear-gradient(180deg, #FBF1EA 0%, #F3E3D3 100%);
    --_th-border-top:   #EDD8C5;
    --_row-hover:       rgba(204, 0, 0, 0.07);
    --_row-even-bg:     var(--tara-row-even);
    --_cell-text:       #1f2933;
    --_toolbar-divider: #F0E6DC;
    min-width: 0;
}

[data-theme="dark"] .tara-rf-grid-shell[b-x7fowavl1w] {
    --_th-gradient:     linear-gradient(180deg, #22262f 0%, #1e2229 100%);
    --_th-border-top:   var(--tara-border);
    --_row-hover:       rgba(204, 0, 0, 0.09);
    --_row-even-bg:     #1E2330;
    --_cell-text:       var(--tara-text);
    --_toolbar-divider: var(--tara-border);
}

.tara-rf-toolbar[b-x7fowavl1w] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .1rem .2rem .35rem;
    background: transparent;
    border-bottom: 1px solid var(--_toolbar-divider);
    flex-wrap: wrap;
    margin-bottom: .6rem;
    min-width: 0;
}

.tara-rf-search[b-x7fowavl1w] {
    flex: 1;
    min-width: 200px;
    max-width: 460px;
}

.tara-excel-icon-btn[b-x7fowavl1w] {
    color: #1D6F42 !important;
}

/* Focus ring rojo en buscador */
[b-x7fowavl1w] .tara-rf-search .mud-input-outlined:hover .mud-input-outlined-border,
[b-x7fowavl1w] .tara-rf-search .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

.tara-rf-count-chip[b-x7fowavl1w] {
    display: inline-flex;
    align-items: center;
    padding: .2rem .65rem;
    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: .75rem;
    font-weight: 600;
    color: var(--tara-text-muted);
    white-space: nowrap;
}

/* Tabla — visible en desktop, oculta en móvil */
.tara-rf-table-wrap[b-x7fowavl1w] {
    display: block;
    overflow-x: auto;
    border: 1px solid var(--tara-border);
    border-radius: 12px 12px 0 0;
    border-bottom: none;
    background: var(--tara-surface);
    scrollbar-gutter: stable both-edges;
    position: relative;
}

.tara-rf-table-wrap[b-x7fowavl1w]::-webkit-scrollbar { height: 10px; }
.tara-rf-table-wrap[b-x7fowavl1w]::-webkit-scrollbar-thumb { background: var(--tara-border); border-radius: 999px; }
.tara-rf-table-wrap[b-x7fowavl1w]::-webkit-scrollbar-track { background: var(--tara-surface-raised); }

/* Cards — ocultas en desktop, visibles en móvil */
.tara-rf-cards[b-x7fowavl1w] { display: none; gap: .85rem; flex-direction: column; }
.tara-rf-group-cards[b-x7fowavl1w] { display: none; }

@media (max-width: 767px) {
    .tara-rf-table-wrap[b-x7fowavl1w] { display: none; }
    .tara-rf-cards[b-x7fowavl1w] { display: flex; padding: .5rem; }
    .tara-rf-group-cards[b-x7fowavl1w] { display: grid; gap: .75rem; padding: .5rem; }
    .tara-oc-table-wrap[b-x7fowavl1w] { display: none; }
    .tara-oc-cards-mobile[b-x7fowavl1w] { display: grid; }
}

/* ── ::deep MudDataGrid estilo Tarahumara ───────────────────────────── */

/* Quitar shadow/radius propio del grid — el contenedor los aporta */
[b-x7fowavl1w] .tara-data-grid.mud-table {
    border-radius: 0;
    box-shadow: none;
}

/* Header: gradiente cálido tipo ProductosReporte */
[b-x7fowavl1w] .tara-data-grid .mud-table-head .mud-table-row {
    background: var(--_th-gradient);
}

[b-x7fowavl1w] .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) 60%, transparent) !important;
    border-top: 1px solid var(--_th-border-top);
    padding: .5rem .65rem !important;
    min-height: 40px;
    vertical-align: middle;
    font-size: .71rem !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #374151;
    white-space: nowrap;
}

[data-theme="dark"][b-x7fowavl1w]  .tara-data-grid .mud-table-head .mud-table-cell {
    color: var(--tara-th-text);
}

/* Iconos de sort/filter en header */
[b-x7fowavl1w] .tara-data-grid .mud-table-head .mud-icon-root,
[b-x7fowavl1w] .tara-data-grid .mud-table-head .mud-button-root {
    color: #8b949e !important;
}

[data-theme="dark"][b-x7fowavl1w]  .tara-data-grid .mud-table-head .mud-icon-root,
[data-theme="dark"][b-x7fowavl1w]  .tara-data-grid .mud-table-head .mud-button-root {
    color: #6B7280 !important;
}

/* Sort label hover → rojo */
[b-x7fowavl1w] .tara-data-grid .mud-table-sort-label:hover { color: var(--tara-primary-dark); }
[b-x7fowavl1w] .tara-data-grid .mud-table-sort-label .mud-table-sort-label-arrow { color: var(--tara-primary-dark) !important; }

/* Celdas de datos */
[b-x7fowavl1w] .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 */
[b-x7fowavl1w] .tara-data-grid .mud-table-body .mud-table-row.mud-table-row-even .mud-table-cell {
    background: var(--_row-even-bg) !important;
}
[b-x7fowavl1w] .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 */
[b-x7fowavl1w] .tara-data-grid .mud-table-body .mud-table-row:hover .mud-table-cell {
    background: var(--_row-hover) !important;
    transition: background .12s ease;
}

/* Loading bar */
[b-x7fowavl1w] .tara-data-grid .mud-table-loading-progress .mud-progress-linear-bar {
    background-color: var(--tara-primary-dark) !important;
}

/* Paginador nativo — oculto (usamos el footer manual) */
[b-x7fowavl1w] .tara-data-grid .mud-table-pagination { display: none; }

/* Columnas numéricas alineadas a la derecha */
[b-x7fowavl1w] .tara-facturas-grid .tara-th-num,
[b-x7fowavl1w] .tara-facturas-grid .tara-td-num {
    text-align: right !important;
}

[b-x7fowavl1w] .tara-facturas-grid .tara-td-total {
    font-weight: 700;
    color: var(--tara-primary-dark);
}

[b-x7fowavl1w] .tara-facturas-grid .tara-td-empleado {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Chips de status en el grid de facturas */
.tara-rf-chip[b-x7fowavl1w] {
    display: inline-flex;
    align-items: center;
    padding: .15rem .5rem;
    border-radius: 100px;
    font-size: .74rem;
    font-weight: 700;
    white-space: nowrap;
    border: 1px solid transparent;
}

.tara-rf-chip--pendiente[b-x7fowavl1w]   { background: color-mix(in srgb, var(--tara-warning) 12%, var(--tara-surface)); color: color-mix(in srgb, var(--tara-warning) 80%, var(--tara-primary)); border-color: color-mix(in srgb, var(--tara-warning) 30%, var(--tara-border)); }
.tara-rf-chip--recibida[b-x7fowavl1w]    { background: color-mix(in srgb, var(--tara-success) 12%, var(--tara-surface)); color: var(--tara-success); border-color: color-mix(in srgb, var(--tara-success) 30%, var(--tara-border)); }
.tara-rf-chip--cancelada[b-x7fowavl1w]   { background: color-mix(in srgb, var(--tara-danger) 10%, var(--tara-surface));  color: var(--tara-danger);  border-color: color-mix(in srgb, var(--tara-danger) 25%, var(--tara-border)); }
.tara-rf-chip--pagada[b-x7fowavl1w]      { background: color-mix(in srgb, var(--tara-success) 12%, var(--tara-surface)); color: var(--tara-success); border-color: color-mix(in srgb, var(--tara-success) 30%, var(--tara-border)); }
.tara-rf-chip--en-revision[b-x7fowavl1w] { background: color-mix(in srgb, var(--tara-warning) 10%, var(--tara-surface)); color: color-mix(in srgb, var(--tara-warning) 80%, var(--tara-primary)); border-color: color-mix(in srgb, var(--tara-warning) 25%, var(--tara-border)); }
.tara-rf-chip--to-validate[b-x7fowavl1w] { background: color-mix(in srgb, var(--tara-danger) 8%, var(--tara-surface));  color: var(--tara-danger);  border-color: color-mix(in srgb, var(--tara-danger) 20%, var(--tara-border)); }
.tara-rf-chip--default[b-x7fowavl1w]     { background: var(--tara-surface-raised); color: var(--tara-text-muted); border-color: var(--tara-border); }

/* Empty state inline dentro del grid */
.tara-rf-empty-inline[b-x7fowavl1w] {
    padding: 2rem 1rem;
    text-align: center;
}

/* ── Footer paginador para facturas (clases tara-grid-* son del patrón) ─ */

.tara-grid-footer[b-x7fowavl1w] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .45rem .85rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
    border-top: none;
    border-radius: 0 0 12px 12px;
    background: color-mix(in srgb, var(--tara-surface-raised) 55%, var(--tara-surface));
    font-size: .78rem;
    color: var(--tara-text-muted);
    flex-wrap: wrap;
    user-select: none;
    margin-bottom: .55rem;
}

.tara-grid-footer-range[b-x7fowavl1w] { flex-shrink: 0; }

.tara-grid-page-size[b-x7fowavl1w] {
    display: flex;
    align-items: center;
    gap: .3rem;
}

.tara-grid-page-size-label[b-x7fowavl1w] { font-size: .74rem; color: var(--tara-text-muted); }

.tara-grid-page-chip[b-x7fowavl1w] {
    padding: .18rem .55rem;
    border: 1px solid var(--tara-border);
    border-radius: 100px;
    background: var(--tara-surface);
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .12s, color .12s, border-color .12s;
    line-height: 1.4;
}

.tara-grid-page-chip:hover[b-x7fowavl1w] { border-color: var(--tara-primary); color: var(--tara-primary-dark); }

.tara-grid-page-chip--active[b-x7fowavl1w] {
    background: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-surface));
    border-color: var(--tara-primary);
    color: var(--tara-primary-dark);
    font-weight: 700;
}

.tara-grid-page-nav[b-x7fowavl1w] { margin-left: auto; display: flex; align-items: center; gap: .4rem; }

.tara-grid-footer-page[b-x7fowavl1w] { font-size: .74rem; }

.tara-grid-nav-btn[b-x7fowavl1w] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 28px; height: 28px;
    border: 1px solid var(--tara-border);
    border-radius: 6px;
    background: var(--tara-surface);
    color: var(--tara-text);
    font-size: 1rem;
    cursor: pointer;
    transition: background .12s, border-color .12s;
    line-height: 1;
}

.tara-grid-nav-btn:hover:not(:disabled)[b-x7fowavl1w] {
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    border-color: var(--tara-primary);
    color: var(--tara-primary-dark);
}

.tara-grid-nav-btn:disabled[b-x7fowavl1w] { opacity: .4; cursor: default; }

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

/* ── Detalle expandido ───────────────────────────────────────────────── */

.tara-compras-det-head h3[b-x7fowavl1w] { margin: 0; color: var(--tara-text); }
.tara-compras-det-head p[b-x7fowavl1w]  { margin: .25rem 0 .4rem; color: var(--tara-text-muted); }
.tara-compras-det-chips[b-x7fowavl1w]   { display: flex; flex-wrap: wrap; gap: .4rem; }

/* ── Modal etiquetas ─────────────────────────────────────────────────── */

.tara-etq-overlay[b-x7fowavl1w] {
    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-x7fowavl1w] {
    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-x7fowavl1w] { margin: 0; color: var(--tara-text); }
.tara-etq-head p[b-x7fowavl1w]  { margin: .2rem 0 0; color: var(--tara-text-muted); font-size: .88rem; }

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

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

.tara-etq-card h4[b-x7fowavl1w]  { margin: 0; color: var(--tara-text); font-size: .95rem; }
.tara-etq-actions[b-x7fowavl1w]  { display: flex; flex-wrap: wrap; gap: .45rem; }
.tara-etq-foot[b-x7fowavl1w]     { display: flex; justify-content: flex-end; }

/* ── Modal impresión ─────────────────────────────────────────────────── */

.tara-print-overlay[b-x7fowavl1w] {
    position: fixed;
    inset: 0;
    background: color-mix(in srgb, var(--tara-bg) 35%, #000 65%);
    display: grid;
    place-items: center;
    z-index: 1500;
    padding: .5rem;
}

.tara-print-dialog[b-x7fowavl1w] {
    width: min(900px, 98vw);
    height: min(90vh, 720px);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.tara-print-dialog-head[b-x7fowavl1w] {
    padding: .7rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    border-bottom: 1px solid var(--tara-border);
    flex-shrink: 0;
}

.tara-print-dialog-head h3[b-x7fowavl1w] { margin: 0; font-size: .95rem; color: var(--tara-text); font-weight: 600; }
.tara-print-dialog-actions[b-x7fowavl1w] { display: flex; gap: .4rem; flex-shrink: 0; }

.tara-print-frame[b-x7fowavl1w] { flex: 1; border: 0; width: 100%; min-height: 0; }

/* ── Botón engrane en card ───────────────────────────────────────────── */

.tara-oc-card-head-right[b-x7fowavl1w] {
    display: flex;
    align-items: center;
    gap: .35rem;
    flex-shrink: 0;
}

[b-x7fowavl1w] .tara-oc-engrane-btn {
    color: var(--tara-text-secondary, #6b7280);
    padding: 2px;
}

[b-x7fowavl1w] .tara-oc-engrane-btn:hover {
    color: var(--tara-text-primary, #1a1a1a);
    background: color-mix(in srgb, var(--tara-border-subtle) 60%, transparent);
    border-radius: 50%;
}

/* ── Modal engrane / configuración de orden ──────────────────────────── */

.tara-engrane-overlay[b-x7fowavl1w] {
    position: fixed;
    inset: 0;
    background: color-mix(in srgb, var(--tara-bg) 30%, #000 70%);
    display: grid;
    place-items: center;
    z-index: 1550;
    padding: 1rem;
}

.tara-engrane-dialog[b-x7fowavl1w] {
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border-subtle);
    border-radius: 10px;
    width: 100%;
    max-width: 440px;
    display: flex;
    flex-direction: column;
    gap: 0;
    box-shadow: 0 8px 40px color-mix(in srgb, #000 40%, transparent);
    overflow: hidden;
}

.tara-engrane-header[b-x7fowavl1w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    background: var(--tara-surface-raised);
    flex-shrink: 0;
}

.tara-engrane-header-info[b-x7fowavl1w] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--tara-text-primary, #1a1a1a);
}

.tara-engrane-title[b-x7fowavl1w] {
    font-size: .9rem;
    font-weight: 700;
}

.tara-engrane-meta[b-x7fowavl1w] {
    padding: .75rem 1rem .5rem;
    display: flex;
    flex-direction: column;
    gap: .35rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-surface-raised) 60%, transparent);
}

.tara-engrane-meta-row[b-x7fowavl1w] {
    display: flex;
    gap: .5rem;
    align-items: center;
    font-size: .82rem;
}

.tara-engrane-label[b-x7fowavl1w] {
    color: var(--tara-text-muted, #6b7280);
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    min-width: 80px;
    flex-shrink: 0;
}

.tara-engrane-body[b-x7fowavl1w] {
    padding: .85rem 1rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.tara-engrane-field[b-x7fowavl1w] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.tara-engrane-field-label[b-x7fowavl1w] {
    font-size: .75rem;
    font-weight: 600;
    color: var(--tara-text-secondary, #374151);
    text-transform: uppercase;
    letter-spacing: .03em;
}

.tara-engrane-fechas[b-x7fowavl1w] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    padding: .6rem .75rem;
    background: color-mix(in srgb, var(--tara-border-subtle) 30%, transparent);
    border-radius: 6px;
    border: 1px solid var(--tara-border-subtle);
}

.tara-engrane-error[b-x7fowavl1w] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .5rem .75rem;
    background: color-mix(in srgb, var(--tara-error, #ef4444) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--tara-error, #ef4444) 30%, transparent);
    border-radius: 6px;
    font-size: .8rem;
    color: var(--tara-error, #ef4444);
}

.tara-engrane-cancel-warn[b-x7fowavl1w] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .5rem .75rem;
    background: color-mix(in srgb, var(--tara-warning, #f59e0b) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--tara-warning, #f59e0b) 30%, transparent);
    border-radius: 6px;
    font-size: .8rem;
    color: color-mix(in srgb, var(--tara-warning, #f59e0b) 80%, var(--tara-text));
    margin-top: .5rem;
}

.tara-engrane-footer[b-x7fowavl1w] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding: .7rem 1rem;
    border-top: 1px solid var(--tara-border-subtle);
    background: var(--tara-surface-raised);
    flex-shrink: 0;
}

@media (max-width: 599px) {
    .tara-engrane-dialog[b-x7fowavl1w] {
        max-width: 100%;
        margin: 0;
        border-radius: 14px 14px 0 0;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .tara-engrane-overlay[b-x7fowavl1w] {
        align-items: flex-end;
        padding: 0;
    }
}

/* ── Modal detalle orden ─────────────────────────────────────────────── */

.tara-det-overlay[b-x7fowavl1w] {
    position: fixed;
    inset: 0;
    background: color-mix(in srgb, var(--tara-bg) 30%, #000 70%);
    display: grid;
    place-items: center;
    z-index: 1400;
    padding: .5rem;
    overflow: auto;
}

.tara-det-dialog[b-x7fowavl1w] {
    width: min(1100px, 99vw);
    max-height: min(92vh, 860px);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Header del modal */
.tara-det-head[b-x7fowavl1w] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .5rem;
    padding: .85rem 1rem .7rem;
    border-bottom: 2px solid var(--tara-primary);
    background: var(--tara-surface-raised);
    flex-shrink: 0;
}

.tara-det-head-info[b-x7fowavl1w] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    min-width: 0;
}

.tara-det-head-title[b-x7fowavl1w] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
    font-size: .92rem;
    color: var(--tara-text-muted);
}

.tara-det-head-title strong[b-x7fowavl1w] {
    color: var(--tara-text);
    font-weight: 700;
    font-size: 1rem;
}

.tara-det-head-meta[b-x7fowavl1w] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem .95rem;
    font-size: .82rem;
    color: var(--tara-text-muted);
}

.tara-det-head-meta strong[b-x7fowavl1w] {
    color: var(--tara-text);
    font-weight: 600;
}

.tara-det-obs[b-x7fowavl1w] {
    font-style: italic;
    opacity: .8;
}

/* KPIs del modal */
.tara-det-kpis[b-x7fowavl1w] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    border-bottom: 1px solid var(--tara-border-subtle);
    flex-shrink: 0;
}

.tara-det-kpi[b-x7fowavl1w] {
    display: flex;
    flex-direction: column;
    gap: .05rem;
    padding: .55rem .85rem;
    border-right: 1px solid var(--tara-border-subtle);
}

.tara-det-kpi:last-child[b-x7fowavl1w] {
    border-right: 0;
}

.tara-det-kpi strong[b-x7fowavl1w] {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--tara-text);
    line-height: 1.1;
}

.tara-det-kpi span[b-x7fowavl1w] {
    font-size: .68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--tara-text-muted);
}

.tara-det-kpi--pendiente strong[b-x7fowavl1w] { color: var(--tara-warning); }
.tara-det-kpi--importe strong[b-x7fowavl1w]   { color: var(--tara-primary-dark); }

/* Toolbar del modal */
.tara-det-toolbar[b-x7fowavl1w] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    padding: .6rem 1rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    background: var(--tara-surface);
    flex-shrink: 0;
}

/* Pivot del modal */
.tara-det-pivot-wrap[b-x7fowavl1w] {
    flex: 1;
    overflow: auto;
    min-height: 0;
    padding: .5rem .75rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.tara-det-pivot-block[b-x7fowavl1w] {
    border: 1px solid var(--tara-border-subtle);
    border-radius: 6px;
    overflow: hidden;
}

.tara-det-pivot-prod[b-x7fowavl1w] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem .75rem;
    align-items: baseline;
    background: var(--tara-surface-raised);
    padding: .45rem .75rem;
    font-size: .8rem;
    border-bottom: 1px solid var(--tara-border-subtle);
}

.tara-det-pivot-barcode[b-x7fowavl1w] {
    font-weight: 700;
    color: var(--tara-text-primary, #1a1a1a);
    white-space: nowrap;
}

.tara-det-pivot-desc[b-x7fowavl1w] {
    flex: 1;
    color: var(--tara-text-secondary, #374151);
    min-width: 0;
}

.tara-det-pivot-costo[b-x7fowavl1w] {
    white-space: nowrap;
    color: var(--tara-text-secondary, #374151);
    font-variant-numeric: tabular-nums;
}

.tara-det-pivot-table-wrap[b-x7fowavl1w] {
    overflow-x: auto;
}

[b-x7fowavl1w] .tara-det-pivot-table {
    width: 100%;
    border-collapse: collapse;
    font-size: .78rem;
}

[b-x7fowavl1w] .tara-det-pivot-table thead th {
    background: var(--tara-surface-raised);
    padding: .3rem .5rem;
    text-align: left;
    font-weight: 700;
    font-size: .7rem;
    text-transform: uppercase;
    color: var(--tara-text-muted, #6b7280);
    border-bottom: 2px solid var(--tara-border-subtle);
    white-space: nowrap;
}

[b-x7fowavl1w] .tara-det-pivot-th-talla {
    text-align: right !important;
    min-width: 2.5rem;
}

[b-x7fowavl1w] .tara-det-pivot-th-total {
    text-align: right !important;
    min-width: 3rem;
}

[b-x7fowavl1w] .tara-det-pivot-table tbody td {
    padding: .28rem .5rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    vertical-align: middle;
}

[b-x7fowavl1w] .tara-det-pivot-qty {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

[b-x7fowavl1w] .tara-det-pivot-total-cell {
    text-align: right;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

[b-x7fowavl1w] .tara-det-pivot-total-row td {
    background: var(--tara-text-primary, #1a1a1a) !important;
    color: #fff !important;
    font-weight: 700;
    padding: .3rem .5rem;
    border: none;
    text-align: right;
}

[b-x7fowavl1w] .tara-det-pivot-total-row td:first-child {
    text-align: left;
}

/* ── Factura detail blocks — replica recepción format ─── */
.tara-fc-block[b-x7fowavl1w] {
    break-inside: avoid-page;
    margin: 0 0 .75rem;
}

.tara-fc-block-title[b-x7fowavl1w] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    font-weight: 700;
    font-size: .78rem;
    background: #1e293b;
    color: #f1f5f9;
    padding: 4px 8px;
    border-radius: 3px 3px 0 0;
}

.tara-fc-bt-desc[b-x7fowavl1w] { font-size: .78rem; }
.tara-fc-bt-bar[b-x7fowavl1w] { font-size: .7rem; color: #94a3b8; font-weight: 400; font-family: monospace; }
.tara-fc-bt-costo[b-x7fowavl1w] { margin-left: auto; font-size: .7rem; color: #94a3b8; font-weight: 400; font-variant-numeric: tabular-nums; }

[b-x7fowavl1w] .tara-fc-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    font-size: .75rem;
}

[b-x7fowavl1w] .tara-fc-table th,
[b-x7fowavl1w] .tara-fc-table td {
    border: 1px solid #cbd5e1;
    padding: 3px 5px;
    font-size: .72rem;
}

[b-x7fowavl1w] .tara-fc-table th {
    background: #FBF1EA;
    color: #5a3a1a;
    font-weight: 700;
    text-align: left;
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    white-space: nowrap;
}

[b-x7fowavl1w] .tara-fc-table tbody tr:nth-child(odd) td { background: #fffcfa; }
[b-x7fowavl1w] .tara-fc-table tbody tr:nth-child(even) td { background: #fff; }

[b-x7fowavl1w] .tara-fc-num {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

[b-x7fowavl1w] .tara-fc-b { font-weight: 700; }

[b-x7fowavl1w] .tara-fc-subt td {
    background: #F3E3D3 !important;
    font-weight: 700;
}

.tara-det-pendiente-footer[b-x7fowavl1w] {
    padding: .35rem .75rem;
    font-size: .78rem;
    color: var(--tara-text-secondary, #374151);
    background: color-mix(in srgb, var(--tara-warning) 6%, transparent);
    border-top: 1px solid color-mix(in srgb, var(--tara-warning) 20%, transparent);
    text-align: right;
}

/* ── Agregar producto (Etapa 3) ─────────────────────────────────────────── */

.tara-agregar-toolbar-btn[b-x7fowavl1w] {
    flex-shrink: 0;
}

.tara-agregar-overlay[b-x7fowavl1w] {
    position: fixed;
    inset: 0;
    z-index: 1800;
    background: rgba(0, 0, 0, .52);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.tara-agregar-dialog[b-x7fowavl1w] {
    background: var(--tara-surface-raised, #fff);
    border-radius: 12px;
    width: 100%;
    max-width: 30rem;
    max-height: 88vh;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .28);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.tara-agregar-header[b-x7fowavl1w] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .7rem 1rem .6rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    background: var(--tara-surface-raised);
    flex-shrink: 0;
}

.tara-agregar-title[b-x7fowavl1w] {
    flex: 1;
    font-weight: 600;
    font-size: .92rem;
}

.tara-agregar-meta[b-x7fowavl1w] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .3rem;
    padding: .4rem 1rem;
    font-size: .78rem;
    background: color-mix(in srgb, var(--tara-warning, #f59e0b) 7%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--tara-warning, #f59e0b) 18%, transparent);
    flex-shrink: 0;
}

.tara-agregar-meta-sep[b-x7fowavl1w] {
    color: var(--tara-text-secondary, #9ca3af);
}

.tara-agregar-buscar-wrap[b-x7fowavl1w] {
    padding: .65rem .85rem .4rem;
    flex-shrink: 0;
}

.tara-agregar-search[b-x7fowavl1w] {
    width: 100%;
}

.tara-agregar-results-wrap[b-x7fowavl1w] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    padding: .3rem 0;
}

.tara-agregar-prod-row[b-x7fowavl1w] {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    width: 100%;
    text-align: left;
    padding: .5rem .85rem;
    border: none;
    background: transparent;
    cursor: pointer;
    border-bottom: 1px solid var(--tara-border-subtle);
}

.tara-agregar-prod-row:hover[b-x7fowavl1w] {
    background: color-mix(in srgb, var(--tara-primary, #5c6bc0) 7%, transparent);
}

.tara-agregar-prod-desc[b-x7fowavl1w] {
    font-size: .82rem;
    font-weight: 500;
    line-height: 1.3;
}

.tara-agregar-prod-barcode[b-x7fowavl1w] {
    font-size: .73rem;
    color: var(--tara-text-secondary, #6b7280);
    font-family: monospace;
}

.tara-agregar-loading[b-x7fowavl1w] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 1rem .85rem;
    font-size: .82rem;
    color: var(--tara-text-secondary, #6b7280);
}

.tara-agregar-empty[b-x7fowavl1w] {
    padding: 1rem .85rem;
    font-size: .82rem;
    color: var(--tara-text-secondary, #6b7280);
}

.tara-agregar-body[b-x7fowavl1w] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    padding: .7rem .85rem;
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.tara-agregar-prod-info[b-x7fowavl1w] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    background: color-mix(in srgb, var(--tara-primary, #5c6bc0) 7%, transparent);
    border-radius: 6px;
    padding: .5rem .65rem;
}

.tara-agregar-prod-barcode-tag[b-x7fowavl1w] {
    font-size: .73rem;
    font-family: monospace;
    color: var(--tara-text-secondary, #6b7280);
}

.tara-agregar-prod-nombre[b-x7fowavl1w] {
    font-size: .84rem;
    font-weight: 600;
    line-height: 1.3;
}

.tara-agregar-field-row[b-x7fowavl1w] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.tara-agregar-field-label[b-x7fowavl1w] {
    font-size: .75rem;
    font-weight: 600;
    color: var(--tara-text-secondary, #6b7280);
}

.tara-agregar-cantiguales-row[b-x7fowavl1w] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
}

.tara-agregar-cant-global[b-x7fowavl1w] {
    width: 5rem;
}

.tara-agregar-tallas-list[b-x7fowavl1w] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.tara-agregar-talla-row[b-x7fowavl1w] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .35rem .5rem;
    border-radius: 6px;
    border: 1px solid var(--tara-border-subtle);
    background: var(--tara-surface-raised, #fff);
    transition: border-color .15s, background .15s;
}

.tara-agregar-talla-row--sel[b-x7fowavl1w] {
    border-color: color-mix(in srgb, var(--tara-primary, #5c6bc0) 40%, transparent);
    background: color-mix(in srgb, var(--tara-primary, #5c6bc0) 6%, transparent);
}

.tara-agregar-talla-info[b-x7fowavl1w] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .05rem;
}

.tara-agregar-talla-label[b-x7fowavl1w] {
    font-size: .83rem;
    font-weight: 600;
}

.tara-agregar-talla-costo[b-x7fowavl1w] {
    font-size: .73rem;
    color: var(--tara-text-secondary, #6b7280);
}

.tara-agregar-talla-qty[b-x7fowavl1w] {
    display: flex;
    align-items: center;
    gap: .2rem;
}

.tara-agregar-qty-btn[b-x7fowavl1w] {
    width: 1.6rem;
    height: 1.6rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: 4px;
    background: var(--tara-surface-raised, #fff);
    cursor: pointer;
    font-size: .95rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.tara-agregar-qty-btn:hover[b-x7fowavl1w] {
    background: color-mix(in srgb, var(--tara-primary, #5c6bc0) 12%, transparent);
}

.tara-agregar-qty-input[b-x7fowavl1w] {
    width: 3.8rem;
}

.tara-agregar-talla-cant-global[b-x7fowavl1w] {
    font-size: .82rem;
    font-weight: 600;
    color: var(--tara-primary, #5c6bc0);
    min-width: 2.5rem;
    text-align: right;
}

.tara-agregar-footer[b-x7fowavl1w] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding: .6rem .9rem;
    border-top: 1px solid var(--tara-border-subtle);
    background: var(--tara-surface-raised);
    flex-shrink: 0;
}

@media (max-width: 520px) {
    .tara-agregar-dialog[b-x7fowavl1w] {
        max-width: 100%;
        max-height: 95vh;
        border-radius: 16px 16px 0 0;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .tara-agregar-overlay[b-x7fowavl1w] {
        align-items: flex-end;
        padding: 0;
    }
}

/* ── Edición de detalle (Etapa 2) ──────────────────────────────────────── */

/* Chip solo lectura */
.tara-det-readonly-chip[b-x7fowavl1w] {
    flex-shrink: 0;
}

/* Celda editable en pivot */
[b-x7fowavl1w] .tara-det-pivot-qty--editable {
    position: relative;
    padding: 0 !important;
    min-width: 3.5rem;
}

.tara-det-pivot-qty-val[b-x7fowavl1w] {
    display: block;
    padding: .25rem .35rem .1rem;
    font-size: .83rem;
    line-height: 1;
}

.tara-det-cell-actions[b-x7fowavl1w] {
    display: flex;
    justify-content: center;
    gap: 1px;
    padding: 0 2px 2px;
}

.tara-det-cell-btn[b-x7fowavl1w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.tara-det-cell-btn--edit[b-x7fowavl1w] {
    background: color-mix(in srgb, var(--tara-primary, #5c6bc0) 15%, transparent);
    color: var(--tara-primary, #5c6bc0);
}

.tara-det-cell-btn--edit:hover[b-x7fowavl1w] {
    background: color-mix(in srgb, var(--tara-primary, #5c6bc0) 28%, transparent);
}

.tara-det-cell-btn--del[b-x7fowavl1w] {
    background: color-mix(in srgb, var(--tara-error, #ef5350) 15%, transparent);
    color: var(--tara-error, #ef5350);
}

.tara-det-cell-btn--del:hover[b-x7fowavl1w] {
    background: color-mix(in srgb, var(--tara-error, #ef5350) 28%, transparent);
}

/* Botón editar costo en cabecera de producto */
.tara-det-edit-costo-btn[b-x7fowavl1w] {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    margin-left: auto;
    padding: .15rem .45rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary, #5c6bc0) 40%, transparent);
    border-radius: 4px;
    background: color-mix(in srgb, var(--tara-primary, #5c6bc0) 10%, transparent);
    color: var(--tara-primary, #5c6bc0);
    font-size: .73rem;
    cursor: pointer;
    flex-shrink: 0;
}

.tara-det-edit-costo-btn:hover[b-x7fowavl1w] {
    background: color-mix(in srgb, var(--tara-primary, #5c6bc0) 20%, transparent);
}

/* Mini-modales */
.tara-det-mini-overlay[b-x7fowavl1w] {
    position: fixed;
    inset: 0;
    z-index: 1700;
    background: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.tara-det-mini-dialog[b-x7fowavl1w] {
    background: var(--tara-surface-raised, #fff);
    border-radius: 10px;
    width: 100%;
    max-width: 22rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .24);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.tara-det-mini-header[b-x7fowavl1w] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .7rem 1rem .6rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    background: var(--tara-surface-raised);
}

.tara-det-mini-title[b-x7fowavl1w] {
    flex: 1;
    font-weight: 600;
    font-size: .9rem;
}

.tara-det-mini-body[b-x7fowavl1w] {
    padding: .9rem 1rem;
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.tara-det-mini-info[b-x7fowavl1w] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    font-size: .8rem;
    background: color-mix(in srgb, var(--tara-primary, #5c6bc0) 5%, transparent);
    border-radius: 6px;
    padding: .5rem .65rem;
}

.tara-det-mini-info > div[b-x7fowavl1w] {
    display: flex;
    gap: .4rem;
    align-items: baseline;
}

.tara-det-mini-label[b-x7fowavl1w] {
    font-weight: 600;
    color: var(--tara-text-secondary, #6b7280);
    min-width: 4.5rem;
    flex-shrink: 0;
    font-size: .75rem;
}

.tara-det-mini-input[b-x7fowavl1w] {
    width: 100%;
}

.tara-det-mini-warn[b-x7fowavl1w] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .8rem;
    color: color-mix(in srgb, var(--tara-warning, #f59e0b) 90%, #000);
    background: color-mix(in srgb, var(--tara-warning, #f59e0b) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--tara-warning, #f59e0b) 30%, transparent);
    border-radius: 5px;
    padding: .35rem .55rem;
}

.tara-det-mini-error[b-x7fowavl1w] {
    display: flex;
    align-items: flex-start;
    gap: .4rem;
    font-size: .8rem;
    color: var(--tara-error, #ef5350);
    background: color-mix(in srgb, var(--tara-error, #ef5350) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--tara-error, #ef5350) 25%, transparent);
    border-radius: 5px;
    padding: .35rem .55rem;
}

.tara-det-mini-confirm-txt[b-x7fowavl1w] {
    font-size: .82rem;
    color: var(--tara-text-secondary, #374151);
    margin: 0;
}

.tara-det-mini-footer[b-x7fowavl1w] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding: .6rem .9rem;
    border-top: 1px solid var(--tara-border-subtle);
    background: var(--tara-surface-raised);
}

@media (max-width: 480px) {
    .tara-det-mini-dialog[b-x7fowavl1w] {
        max-width: 100%;
        border-radius: 14px 14px 0 0;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .tara-det-mini-overlay[b-x7fowavl1w] {
        align-items: flex-end;
        padding: 0;
    }
}

/* Tabla del modal (legacy fallback — no se usa actualmente) */
.tara-det-table-wrap[b-x7fowavl1w] {
    flex: 1;
    overflow: auto;
    min-height: 0;
}

/* Footer del modal */
.tara-det-foot[b-x7fowavl1w] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding: .6rem 1rem;
    border-top: 1px solid var(--tara-border-subtle);
    background: var(--tara-surface-raised);
    flex-shrink: 0;
}

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

@media (max-width: 599px) {
    .tara-sub-shell[b-x7fowavl1w],
    .tara-compras-shell[b-x7fowavl1w],
    .tara-oc-results-section[b-x7fowavl1w],
    .tara-rf-grid-shell[b-x7fowavl1w],
    .tara-compras-panel[b-x7fowavl1w] {
        width: 100%;
        max-width: 100%;
    }

    .tara-oc-page-header[b-x7fowavl1w] {
        gap: .85rem;
    }

    .tara-oc-title[b-x7fowavl1w] {
        font-size: 1.15rem;
        line-height: 1.2;
        text-wrap: pretty;
    }

    .tara-oc-title-desktop[b-x7fowavl1w] {
        display: none;
    }

    .tara-oc-title-mobile[b-x7fowavl1w] {
        display: inline;
    }

    .tara-oc-subtitle[b-x7fowavl1w] {
        font-size: .8rem;
        line-height: 1.35;
        text-transform: none;
        letter-spacing: 0;
        max-width: none;
    }

    .tara-oc-hero-nav[b-x7fowavl1w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    [b-x7fowavl1w] .tara-oc-hero-nav .mud-button-root {
        min-height: 40px;
        font-size: .78rem;
        padding-inline: .65rem;
    }

    .tara-oc-filters-content[b-x7fowavl1w] {
        padding-inline: .8rem;
    }

    .tara-oc-filters-grid[b-x7fowavl1w] {
        grid-template-columns: minmax(0, 1fr);
    }

    .tara-oc-filters-actions[b-x7fowavl1w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-x7fowavl1w] .tara-oc-filters-actions .mud-button-root {
        width: 100%;
        min-height: 40px;
    }

    .tara-oc-tiendas-resumen[b-x7fowavl1w] {
        font-size: .76rem;
        overflow-wrap: anywhere;
    }

    .tara-compras-kpis[b-x7fowavl1w] {
        grid-template-columns: minmax(0, 1fr);
    }

    .tara-oc-results-title[b-x7fowavl1w] {
        font-size: .95rem;
    }

    .tara-rf-toolbar[b-x7fowavl1w] {
        gap: .55rem;
    }

    .tara-rf-search[b-x7fowavl1w] {
        min-width: 0;
        max-width: none;
        width: 100%;
        flex-basis: 100%;
    }

    .tara-rf-count-chip[b-x7fowavl1w] {
        max-width: 100%;
        width: 100%;
        justify-content: center;
    }

    .tara-grid-footer[b-x7fowavl1w] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-grid-page-nav[b-x7fowavl1w] {
        margin-left: 0;
        justify-content: space-between;
    }

    .tara-print-dialog[b-x7fowavl1w] {
        width: 100vw;
        height: 100dvh;
        border-radius: 0;
        border: none;
    }

    .tara-print-overlay[b-x7fowavl1w],
    .tara-etq-overlay[b-x7fowavl1w],
    .tara-engrane-overlay[b-x7fowavl1w] {
        padding: 0;
    }

    .tara-print-dialog-head[b-x7fowavl1w],
    .tara-etq-dialog[b-x7fowavl1w],
    .tara-engrane-dialog[b-x7fowavl1w] {
        border-radius: 0;
    }

    .tara-print-dialog-head[b-x7fowavl1w] {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .tara-print-dialog-actions[b-x7fowavl1w] {
        width: 100%;
        flex-wrap: wrap;
        justify-content: stretch;
    }

    .tara-etq-dialog[b-x7fowavl1w] {
        width: 100vw;
        min-height: 100dvh;
        max-height: 100dvh;
        border: none;
        padding: .85rem;
        overflow-y: auto;
    }

    .tara-etq-actions[b-x7fowavl1w],
    .tara-etq-foot[b-x7fowavl1w],
    .tara-oc-card-actions[b-x7fowavl1w] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .tara-engrane-dialog[b-x7fowavl1w] {
        max-width: 100%;
        min-height: 100dvh;
    }

    [b-x7fowavl1w] .tara-print-dialog-actions .mud-button-root,
    [b-x7fowavl1w] .tara-etq-actions .mud-button-root,
    [b-x7fowavl1w] .tara-etq-foot .mud-button-root,
    [b-x7fowavl1w] .tara-oc-card-actions .mud-button-root {
        width: 100%;
        min-height: 42px;
        justify-content: center;
    }

    .tara-det-dialog[b-x7fowavl1w] {
        width: 100vw;
        max-height: 100dvh;
        border-radius: 0;
        border: none;
    }

    .tara-det-overlay[b-x7fowavl1w] {
        padding: 0;
        align-items: flex-end;
    }

    .tara-det-kpis[b-x7fowavl1w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-det-kpi[b-x7fowavl1w] {
        border-bottom: 1px solid var(--tara-border-subtle);
    }
}

@media (min-width: 600px) {
    .tara-oc-hero-nav[b-x7fowavl1w] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .tara-oc-filters-grid[b-x7fowavl1w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-oc-filters-actions[b-x7fowavl1w] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .tara-oc-card-nums[b-x7fowavl1w] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .tara-compras-kpis[b-x7fowavl1w] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 900px) {
    .tara-oc-page-header[b-x7fowavl1w] {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }

    .tara-oc-header-text[b-x7fowavl1w] {
        flex: 1;
    }

    .tara-oc-hero-nav[b-x7fowavl1w] {
        width: auto;
        max-width: min(520px, 42vw);
    }

    .tara-oc-filters-grid[b-x7fowavl1w] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tara-oc-cards[b-x7fowavl1w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .tara-compras-kpis[b-x7fowavl1w] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

/* ── Vista agrupada por proveedor (COM-022) ────────────────────────────────
   Equivale al reporte por proveedor de Android: una fila por proveedor con
   subtotales calculados en memoria, expandible para ver facturas individuales. */
.tara-rf-grupo-wrap[b-x7fowavl1w] {
    overflow-x: auto;
}

.tara-grupo-table[b-x7fowavl1w] {
    width: 100%;
    border-collapse: collapse;
    font-size: .8rem;
    font-variant-numeric: tabular-nums;
    min-width: 760px;
}

.tara-grupo-thead[b-x7fowavl1w] {
    position: sticky;
    top: 0;
    z-index: 2;
}

.tara-grupo-th[b-x7fowavl1w] {
    text-align: left;
    padding: .45rem .7rem;
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    font-size: .67rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    border-bottom: 2px solid var(--tara-border);
    white-space: nowrap;
}

.tara-grupo-th--num[b-x7fowavl1w] {
    text-align: right;
}

.tara-grupo-th--total[b-x7fowavl1w] {
    color: var(--tara-primary);
}

.tara-grupo-th--exp[b-x7fowavl1w] {
    width: 32px;
    min-width: 32px;
}

.tara-grupo-th--actions[b-x7fowavl1w] {
    min-width: 168px;
}

.tara-grupo-row--header[b-x7fowavl1w] {
    background: var(--tara-surface);
    cursor: pointer;
    transition: background .12s;
}

.tara-grupo-row--header:hover[b-x7fowavl1w] {
    background: var(--tara-row-hover);
}

.tara-grupo-row--factura[b-x7fowavl1w] {
    background: var(--tara-row-even);
}

.tara-grupo-row--factura:hover[b-x7fowavl1w] {
    background: var(--tara-row-hover);
}

.tara-grupo-td[b-x7fowavl1w] {
    padding: .42rem .7rem;
    border-bottom: 1px solid var(--tara-border);
    vertical-align: middle;
    color: var(--tara-text);
}

.tara-grupo-td--num[b-x7fowavl1w] {
    text-align: right;
}

.tara-grupo-td--total[b-x7fowavl1w] {
    font-weight: 700;
    color: var(--tara-primary-dark);
}

.tara-grupo-td--prov[b-x7fowavl1w] {
    white-space: nowrap;
}

.tara-grupo-td--indent[b-x7fowavl1w] {
    width: 32px;
    min-width: 32px;
}

.tara-grupo-td--exp[b-x7fowavl1w] {
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-grupo-td--actions[b-x7fowavl1w] {
    width: 168px;
    min-width: 168px;
}

.tara-grupo-folio[b-x7fowavl1w] {
    font-weight: 600;
}

.tara-grupo-tienda[b-x7fowavl1w] {
    color: var(--tara-text-muted);
    font-size: .76rem;
    margin-left: .3rem;
}

.tara-grupo-chip[b-x7fowavl1w] {
    margin-left: .4rem;
    font-size: .64rem;
}

.tara-grupo-actions[b-x7fowavl1w] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .2rem;
}

.tara-rf-group-card[b-x7fowavl1w] {
    display: grid;
    gap: .6rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
    overflow: hidden;
}

.tara-rf-group-card-head[b-x7fowavl1w] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    width: 100%;
    border: 0;
    background: color-mix(in srgb, var(--tara-surface) 86%, var(--tara-bg));
    padding: .85rem .95rem .7rem;
    text-align: left;
    color: inherit;
}

.tara-rf-group-card-head-main[b-x7fowavl1w],
.tara-rf-group-card-head-right[b-x7fowavl1w] {
    display: grid;
    gap: .2rem;
}

.tara-rf-group-card-head-right[b-x7fowavl1w] {
    justify-items: end;
}

.tara-rf-group-card-title[b-x7fowavl1w] {
    font-weight: 800;
    color: var(--tara-text);
}

.tara-rf-group-card-meta[b-x7fowavl1w],
.tara-rf-group-item-store[b-x7fowavl1w] {
    font-size: .78rem;
    color: var(--tara-text-muted);
}

.tara-rf-group-card-total[b-x7fowavl1w] {
    font-weight: 800;
    color: var(--tara-primary-dark);
}

.tara-rf-group-card-kpis[b-x7fowavl1w] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem .75rem;
    padding: 0 .95rem;
    font-size: .76rem;
    color: var(--tara-text-muted);
}

.tara-rf-group-card-items[b-x7fowavl1w] {
    display: grid;
    gap: .65rem;
    padding: 0 .75rem .8rem;
}

.tara-rf-group-item[b-x7fowavl1w] {
    display: grid;
    gap: .5rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
    padding: .75rem;
}

.tara-rf-group-item-head[b-x7fowavl1w] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.tara-rf-group-item-grid[b-x7fowavl1w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .35rem .6rem;
    font-size: .8rem;
    color: var(--tara-text-muted);
}

.tara-rf-group-item-actions[b-x7fowavl1w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
}

[b-x7fowavl1w] .tara-rf-group-item-actions .mud-button-root {
    width: 100%;
    min-width: 0;
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenComprasCrearOrden.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════
   AlmacenComprasCrearOrden — Patrón Tarahumara Secundario
   v4 — Grid profesional, mobile cards, paleta con vida
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Modal de vista previa / impresión ───────────────────────────────────── */

.tara-print-overlay[b-frozlqj1mj] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .65);
    z-index: 9000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    backdrop-filter: blur(3px);
}

.tara-print-shell[b-frozlqj1mj] {
    background: var(--tara-surface);
    border-radius: var(--tara-radius);
    box-shadow: 0 24px 64px rgba(0, 0, 0, .35);
    display: flex;
    flex-direction: column;
    width: min(1100px, calc(100vw - 32px));
    height: calc(100vh - 32px);
    overflow: hidden;
}

.tara-print-toolbar[b-frozlqj1mj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--tara-border);
    background: var(--tara-surface-raised);
    flex-shrink: 0;
    min-height: 48px;
    flex-wrap: wrap;
}

.tara-print-toolbar__title[b-frozlqj1mj] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: .9rem;
    color: var(--tara-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.tara-print-toolbar__icon[b-frozlqj1mj] {
    color: var(--tara-primary-dark);
    flex-shrink: 0;
}

.tara-print-toolbar__actions[b-frozlqj1mj] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tara-print-frame[b-frozlqj1mj] {
    flex: 1 1 0;
    border: none;
    width: 100%;
    min-height: 0;
    background: var(--tara-surface-raised);
    display: block;
}

/* Tablet — casi fullscreen */
@media (max-width: 900px) {
    .tara-print-shell[b-frozlqj1mj] {
        width: calc(100vw - 24px);
        height: calc(100vh - 24px);
    }
}

/* iPhone — fullscreen, botones accesibles */
@media (max-width: 600px) {
    .tara-print-overlay[b-frozlqj1mj] {
        padding: 0;
    }

    .tara-print-shell[b-frozlqj1mj] {
        width: 100vw;
        height: 100dvh;
        border-radius: 0;
    }

    .tara-print-toolbar__title[b-frozlqj1mj] {
        font-size: .78rem;
        white-space: normal;
        flex: 1 1 100%;
    }

    .tara-print-toolbar[b-frozlqj1mj] {
        align-items: stretch;
    }

    .tara-print-toolbar__actions[b-frozlqj1mj] {
        width: 100%;
    }

    [b-frozlqj1mj] .tara-print-toolbar__actions .mud-button-root {
        flex: 1 1 0;
        min-height: 42px;
    }
}

/* ── Estado de carga ─────────────────────────────────────────────────────── */

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

/* ── Shell principal ─────────────────────────────────────────────────────── */

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

.tara-oc-steps[b-frozlqj1mj] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .55rem;
}

.tara-oc-step-card[b-frozlqj1mj] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .65rem .8rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    min-width: 0;
}

.tara-oc-step-card__num[b-frozlqj1mj] {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: .82rem;
    flex-shrink: 0;
    background: color-mix(in srgb, var(--tara-border) 72%, var(--tara-surface));
    color: var(--tara-text-muted);
}

.tara-oc-step-card__copy[b-frozlqj1mj] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .08rem;
}

.tara-oc-step-card__copy strong[b-frozlqj1mj] {
    font-size: .8rem;
    color: var(--tara-text);
    line-height: 1.2;
}

.tara-oc-step-card__copy span[b-frozlqj1mj] {
    font-size: .72rem;
    color: var(--tara-text-muted);
}

.tara-oc-step-card.is-ready[b-frozlqj1mj],
.tara-oc-step-card.is-complete[b-frozlqj1mj] {
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
}

.tara-oc-step-card.is-ready .tara-oc-step-card__num[b-frozlqj1mj] {
    background: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-oc-step-card.is-complete .tara-oc-step-card__num[b-frozlqj1mj] {
    background: color-mix(in srgb, var(--tara-success) 18%, var(--tara-surface));
    color: var(--tara-success);
}

.tara-oc-step-card.is-blocked[b-frozlqj1mj] {
    background: color-mix(in srgb, var(--tara-warning) 5%, var(--tara-surface));
}

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

.tara-oc-header[b-frozlqj1mj] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-left: 3px solid var(--tara-primary);
    border-radius: var(--tara-radius);
    padding: .45rem .85rem;
    box-shadow: var(--tara-shadow);
}

.tara-oc-initial-load[b-frozlqj1mj] {
    display: grid;
    gap: .95rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-radius: var(--tara-radius);
    background: linear-gradient(180deg, color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg)) 0%, var(--tara-surface) 100%);
    box-shadow: var(--tara-shadow-sm);
}

.tara-oc-initial-load--error[b-frozlqj1mj] {
    border-color: color-mix(in srgb, var(--tara-danger) 28%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-danger) 4%, var(--tara-surface));
}

.tara-oc-initial-load--empty[b-frozlqj1mj] {
    border-color: color-mix(in srgb, var(--tara-warning) 24%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-warning) 6%, var(--tara-surface));
}

.tara-oc-initial-load__copy[b-frozlqj1mj] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .8rem;
    align-items: start;
}

.tara-oc-initial-load__copy strong[b-frozlqj1mj] {
    display: block;
    color: var(--tara-text);
    font-size: .98rem;
    line-height: 1.25;
    margin-bottom: .15rem;
}

.tara-oc-initial-load__copy span[b-frozlqj1mj] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    line-height: 1.45;
}

.tara-oc-initial-load__icon[b-frozlqj1mj],
.tara-oc-initial-load__error-icon[b-frozlqj1mj] {
    color: var(--tara-primary);
}

.tara-oc-initial-load__error-icon[b-frozlqj1mj] {
    color: var(--tara-danger);
    margin-top: .1rem;
}

.tara-oc-prep-loader[b-frozlqj1mj] {
    width: min(100%, 30rem);
    display: grid;
    gap: .95rem;
    padding: clamp(1rem, 2vw, 1.2rem);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-radius: var(--tara-radius);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-surface) 96%, white),
            color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface)));
    box-shadow: var(--tara-shadow-sm);
}

.tara-oc-prep-loader__icon[b-frozlqj1mj] {
    width: 3.2rem;
    height: 3.2rem;
    display: inline-grid;
    place-items: center;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    color: var(--tara-primary-dark);
    box-shadow: inset 0 1px 0 color-mix(in srgb, white 74%, transparent);
}

.tara-oc-prep-loader__icon[b-frozlqj1mj]  .mud-icon-root {
    font-size: 1.5rem;
}

.tara-oc-prep-loader__copy[b-frozlqj1mj] {
    display: grid;
    gap: .35rem;
}

.tara-oc-prep-loader__eyebrow[b-frozlqj1mj] {
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

.tara-oc-prep-loader__copy h3[b-frozlqj1mj] {
    margin: 0;
    font-size: clamp(1.12rem, 1.8vw, 1.35rem);
    line-height: 1.2;
    color: var(--tara-text);
}

.tara-oc-prep-loader__copy p[b-frozlqj1mj],
.tara-oc-prep-loader__note[b-frozlqj1mj] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.5;
}

.tara-oc-prep-loader__note[b-frozlqj1mj] {
    font-size: .78rem;
}

.tara-oc-prep-loader__progress[b-frozlqj1mj] {
    border-radius: 999px;
    overflow: hidden;
}

.tara-oc-prep-loader__progress[b-frozlqj1mj]  .mud-progress-linear {
    height: .55rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
}

.tara-oc-initial-load__skeleton[b-frozlqj1mj] {
    display: grid;
    gap: .75rem;
}

.tara-oc-initial-load__row[b-frozlqj1mj] {
    display: grid;
    gap: .75rem;
}

.tara-oc-initial-load__row--provider[b-frozlqj1mj] {
    grid-template-columns: minmax(0, 1fr) 180px;
}

.tara-oc-initial-load__row--dates[b-frozlqj1mj] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tara-oc-initial-load__chips[b-frozlqj1mj] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.tara-oc-initial-load__chips[b-frozlqj1mj]  .mud-skeleton {
    border-radius: 999px;
}

.tara-oc-preload-progress[b-frozlqj1mj] {
    display: grid;
    gap: .75rem;
    padding: .95rem 1rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    border-radius: var(--tara-radius);
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
    box-shadow: var(--tara-shadow-sm);
}

.tara-oc-preload-progress__copy[b-frozlqj1mj] {
    display: grid;
    gap: .18rem;
}

.tara-oc-preload-progress__copy strong[b-frozlqj1mj] {
    color: var(--tara-text);
    font-size: .96rem;
}

.tara-oc-preload-progress__copy span[b-frozlqj1mj] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    line-height: 1.45;
}

@media (max-width: 900px) {
    .tara-oc-initial-load__row--provider[b-frozlqj1mj],
    .tara-oc-initial-load__row--dates[b-frozlqj1mj] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .tara-oc-prep-loader[b-frozlqj1mj] {
        width: 100%;
        padding: .95rem;
    }

    .tara-oc-prep-loader__icon[b-frozlqj1mj] {
        width: 2.9rem;
        height: 2.9rem;
    }
}

.tara-oc-header-title[b-frozlqj1mj] {
    display:     flex;
    align-items: center;
    gap:         .55rem;
}

.tara-oc-header-icon[b-frozlqj1mj] {
    font-size:   1.35rem;
    color:       var(--tara-primary);
    line-height: 1;
    flex-shrink: 0;
}

.tara-oc-header h1[b-frozlqj1mj] {
    margin:      0 0 .06rem;
    font-size:   1.05rem;
    font-weight: 700;
    color:       var(--tara-text);
    line-height: 1.2;
}

.tara-oc-header p[b-frozlqj1mj] {
    margin:    0;
    color:     var(--tara-text-muted);
    font-size: .75rem;
}

.tara-oc-eyebrow[b-frozlqj1mj] {
    display:        block;
    font-size:      .62rem;
    font-weight:    700;
    letter-spacing: .09em;
    text-transform: uppercase;
    color:          var(--tara-primary);
    margin-bottom:  .06rem;
}

/* ── Panel principal ─────────────────────────────────────────────────────── */

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

.tara-compras-panel--operativo[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    padding: .7rem;
}

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

.tara-oc-prep__head[b-frozlqj1mj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.tara-oc-prep__title[b-frozlqj1mj] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    min-width: 0;
}

.tara-oc-prep__title-icon[b-frozlqj1mj] {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: var(--tara-radius-sm);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--tara-primary);
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
}

.tara-oc-prep__title h2[b-frozlqj1mj] {
    margin: 0;
    font-size: 1rem;
    color: var(--tara-text);
    line-height: 1.2;
}

.tara-oc-prep__title p[b-frozlqj1mj] {
    margin: .18rem 0 0;
    color: var(--tara-text-muted);
    font-size: .78rem;
    line-height: 1.4;
}

.tara-oc-prep__summary[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

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

.tara-oc-prep__summary-item[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .14rem;
    min-width: 0;
    padding: .55rem .65rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-oc-prep__summary-item span[b-frozlqj1mj] {
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

.tara-oc-prep__summary-item strong[b-frozlqj1mj] {
    font-size: .82rem;
    color: var(--tara-text);
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tara-chip-picker-list--summary[b-frozlqj1mj] {
    min-height: 0;
}

.tara-oc-flow-top[b-frozlqj1mj] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    gap: .6rem;
}

.tara-oc-stage[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    padding: .55rem .65rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-oc-stage__head[b-frozlqj1mj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .55rem;
}

.tara-oc-stage__eyebrow[b-frozlqj1mj] {
    display: block;
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tara-primary);
    margin-bottom: .04rem;
}

.tara-oc-stage__head h2[b-frozlqj1mj] {
    margin: 0;
    font-size: .98rem;
    color: var(--tara-text);
    line-height: 1.2;
}

.tara-oc-stage__badge[b-frozlqj1mj] {
    padding: .2rem .55rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
}

.tara-oc-stage__badge.is-ready[b-frozlqj1mj] {
    border-color: color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
    color: var(--tara-primary-dark);
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
}

.tara-oc-stage__badge.is-complete[b-frozlqj1mj] {
    border-color: color-mix(in srgb, var(--tara-success) 28%, var(--tara-border));
    color: var(--tara-success);
    background: color-mix(in srgb, var(--tara-success) 9%, var(--tara-surface));
}

.tara-oc-stage__badge.is-blocked[b-frozlqj1mj] {
    border-color: color-mix(in srgb, var(--tara-warning) 28%, var(--tara-border));
    color: color-mix(in srgb, var(--tara-warning) 78%, var(--tara-text));
    background: color-mix(in srgb, var(--tara-warning) 9%, var(--tara-surface));
}

.tara-oc-config-card[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: .55rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-primary) 3%, var(--tara-surface));
}

.tara-oc-config-card--provider[b-frozlqj1mj] {
    border-left: 3px solid var(--tara-primary);
}

.tara-oc-config-main-grid[b-frozlqj1mj] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(200px, 1fr);
    gap: .5rem;
    align-items: start;
}

.tara-oc-provider-field[b-frozlqj1mj],
.tara-oc-folio-field[b-frozlqj1mj] {
    min-width: 0;
}

.tara-oc-fechas-grid[b-frozlqj1mj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
}

.tara-oc-fecha[b-frozlqj1mj] {
    min-width: 0;
}

[b-frozlqj1mj] .tara-oc-fecha .mud-input-control,
[b-frozlqj1mj] .tara-oc-provider-field .mud-input-control,
[b-frozlqj1mj] .tara-oc-folio-field .mud-input-control {
    min-width: 0;
    width: 100%;
}

[b-frozlqj1mj] .tara-oc-fecha label.mud-input-label,
[b-frozlqj1mj] .tara-oc-fecha label.mud-input-label-animated.mud-input-label-inputcontrol {
    white-space: normal;
    line-height: 1.15;
    max-width: calc(100% - 18px);
    overflow: visible;
    text-overflow: clip;
}

.tara-oc-obs-panel[b-frozlqj1mj] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface-raised) 65%, var(--tara-surface));
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.tara-oc-obs-panel summary[b-frozlqj1mj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
    cursor: pointer;
    list-style: none;
    padding: .55rem .7rem;
    font-size: .8rem;
    font-weight: 700;
    color: var(--tara-text);
    user-select: none;
}

.tara-oc-obs-panel summary[b-frozlqj1mj]::-webkit-details-marker {
    display: none;
}

.tara-oc-obs-panel:hover[b-frozlqj1mj] {
    border-color: color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    box-shadow: var(--tara-shadow-sm);
}

.tara-oc-obs-panel[open][b-frozlqj1mj] {
    border-color: color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
}

.tara-oc-obs-panel__summary-main[b-frozlqj1mj] {
    display: flex;
    align-items: center;
    gap: .6rem;
    min-width: 0;
}

.tara-oc-obs-panel__icon[b-frozlqj1mj] {
    color: var(--tara-primary);
    flex-shrink: 0;
}

.tara-oc-obs-panel__summary-copy[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .08rem;
    min-width: 0;
}

.tara-oc-obs-panel__summary-copy strong[b-frozlqj1mj] {
    font-size: .82rem;
    color: var(--tara-text);
    line-height: 1.2;
}

.tara-oc-obs-panel__summary-copy span[b-frozlqj1mj] {
    font-size: .72rem;
    font-weight: 500;
    color: var(--tara-text-muted);
    line-height: 1.2;
}

.tara-oc-obs-panel__chevron[b-frozlqj1mj] {
    color: var(--tara-text-muted);
    flex-shrink: 0;
    transition: transform .16s ease, color .16s ease;
}

.tara-oc-obs-panel[open] .tara-oc-obs-panel__chevron[b-frozlqj1mj] {
    transform: rotate(180deg);
    color: var(--tara-primary-dark);
}

.tara-oc-obs-panel__body[b-frozlqj1mj] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    padding: 0 .7rem .7rem;
    align-items: center;
}

.tara-oc-tiendas-shell[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.tara-oc-inline-hint[b-frozlqj1mj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    padding: .7rem .8rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
}

.tara-oc-inline-hint--warn[b-frozlqj1mj] {
    border-color: color-mix(in srgb, var(--tara-warning) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-warning) 8%, var(--tara-surface));
}

.tara-oc-inline-hint__copy[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .16rem;
    min-width: 0;
}

.tara-oc-inline-hint__copy strong[b-frozlqj1mj] {
    font-size: .84rem;
    color: var(--tara-text);
}

.tara-oc-inline-hint__copy span[b-frozlqj1mj] {
    font-size: .78rem;
    color: var(--tara-text-muted);
}

/* ── A: Datos generales ──────────────────────────────────────────────────── */

.tara-oc-datos-generales[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    padding: .5rem .65rem;
    border: 1px solid var(--tara-border);
    border-left: 3px solid color-mix(in srgb, var(--tara-primary) 55%, transparent);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-oc-datos-fila[b-frozlqj1mj] {
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
    align-items: center;
}

/* Campos base */
.tara-field-xs[b-frozlqj1mj]  { min-width: 90px; }
.tara-field-sm[b-frozlqj1mj]  { min-width: 122px; }
.tara-field-md[b-frozlqj1mj]  { min-width: 190px; }
.tara-field-lg[b-frozlqj1mj]  { min-width: 250px; }
.tara-field-xl[b-frozlqj1mj]  { flex: 1 1 300px; min-width: 200px; }
.tara-field-obs[b-frozlqj1mj]     { flex: 2 1 200px; }
.tara-field-tiendas[b-frozlqj1mj] { flex: 1.5 1 190px; }

[b-frozlqj1mj] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-frozlqj1mj] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-frozlqj1mj] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-frozlqj1mj] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

.tara-solo-proveedor-chk[b-frozlqj1mj] {
    flex-shrink: 0;
    white-space: nowrap;
    font-size: .8rem;
    color: var(--tara-text-muted, #6b7280);
    align-self: center;
}

.tara-chip-autocomplete[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.tara-chip-picker-list[b-frozlqj1mj] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    min-height: 1.9rem;
}

.tara-chip-picker-chip[b-frozlqj1mj] {
    max-width: 100%;
}

.tara-chip-picker-empty[b-frozlqj1mj] {
    font-size: .78rem;
    color: var(--tara-text-muted);
}

/* ── B: Producto protagonista ────────────────────────────────────────────── */

.tara-oc-producto-bloque[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    padding: .5rem .65rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-primary) 3%, var(--tara-surface));
}

.tara-oc-producto-content[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.tara-oc-producto-bloque--disabled .tara-oc-producto-content[b-frozlqj1mj] {
    opacity: .6;
    cursor: not-allowed;
    pointer-events: none;
}

.tara-oc-producto-main[b-frozlqj1mj] {
    display: flex;
    gap: .4rem;
    align-items: flex-start;
    flex-wrap: wrap;
}

.tara-oc-producto-sub[b-frozlqj1mj] {
    display: flex;
    gap: .4rem;
    align-items: center;
    flex-wrap: wrap;
}

.tara-oc-producto-search[b-frozlqj1mj] {
    min-width: 280px;
    flex: 1 1 620px;
}

.tara-product-selected-footer[b-frozlqj1mj] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.tara-oc-producto-lock[b-frozlqj1mj] {
    display: flex;
}

.tara-oc-producto-lock__card[b-frozlqj1mj] {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    padding: .75rem .85rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
}

.tara-oc-producto-lock__icon[b-frozlqj1mj] {
    color: var(--tara-primary);
}

.tara-oc-producto-lock__copy[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .18rem;
    min-width: 0;
}

.tara-oc-producto-lock__copy strong[b-frozlqj1mj] {
    color: var(--tara-text);
    font-size: .9rem;
    line-height: 1.3;
}

.tara-oc-producto-lock__copy span[b-frozlqj1mj] {
    color: var(--tara-text-muted);
    font-size: .8rem;
    line-height: 1.35;
}

.tara-oc-stage--tallas[b-frozlqj1mj] {
    gap: .55rem;
}

.tara-oc-tallas-cta[b-frozlqj1mj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .8rem;
    align-items: center;
    padding: .8rem .9rem;
    border-radius: var(--tara-radius);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
}

.tara-oc-tallas-cta__copy[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .18rem;
    min-width: 0;
}

.tara-oc-tallas-cta__copy strong[b-frozlqj1mj] {
    font-size: .9rem;
    color: var(--tara-text);
}

.tara-oc-tallas-cta__copy span[b-frozlqj1mj] {
    font-size: .8rem;
    color: var(--tara-text-muted);
}

/* ── Mensaje inline ──────────────────────────────────────────────────────── */

.tara-sub-inline[b-frozlqj1mj] {
    padding: .4rem .65rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    color: var(--tara-text-muted);
    background: var(--tara-surface);
    font-size: .82rem;
}

.tara-sub-inline--warn[b-frozlqj1mj] {
    border-color: color-mix(in srgb, var(--tara-warning) 30%, var(--tara-border));
    color: color-mix(in srgb, var(--tara-warning) 72%, var(--tara-text));
    background: color-mix(in srgb, var(--tara-warning) 10%, var(--tara-surface));
}

/* ── C: KPIs protagonistas — layout horizontal, paleta Tarahumara ────────── */

.tara-oc-kpis-grid[b-frozlqj1mj] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .55rem;
}

/* Card base: flex row — ícono izquierda, contenido derecha */
.tara-kpi-card[b-frozlqj1mj] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .65rem;
    padding: .6rem .85rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
    transition: box-shadow .18s, transform .15s;
    min-width: 0;
    overflow: hidden;
}

.tara-kpi-card:hover[b-frozlqj1mj] {
    box-shadow: var(--tara-shadow);
    transform: translateY(-1px);
}

/* Ícono en contenedor cuadrado con fondo propio */
.tara-kpi-card__icon-wrap[b-frozlqj1mj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: var(--tara-radius-sm);
    flex-shrink: 0;
    /* color definido por cada variante */
}

.tara-kpi-card__icon[b-frozlqj1mj] {
    line-height: 1;
    /* color definido por cada variante */
}

/* Bloque texto: valor arriba, label debajo */
.tara-kpi-card__content[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .04rem;
    min-width: 0;
    flex: 1;
}

.tara-kpi-card__val[b-frozlqj1mj] {
    font-size: 1.45rem;
    font-weight: 700;
    color: var(--tara-text);
    line-height: 1;
    letter-spacing: -.02em;
    white-space: nowrap;
}

.tara-kpi-card__label[b-frozlqj1mj] {
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
    white-space: nowrap;
}

/* ── Renglones: acento Tarahumara suave (primary rojo) ──────────────────── */
.tara-kpi-card--renglones[b-frozlqj1mj] {
    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));
}

.tara-kpi-card--renglones .tara-kpi-card__icon-wrap[b-frozlqj1mj] {
    background: color-mix(in srgb, var(--tara-primary) 15%, var(--tara-surface));
}

.tara-kpi-card--renglones .tara-kpi-card__icon[b-frozlqj1mj] {
    color: var(--tara-primary);
}

.tara-kpi-card--renglones .tara-kpi-card__val[b-frozlqj1mj] {
    color: color-mix(in srgb, var(--tara-primary) 85%, var(--tara-text));
}

.tara-kpi-card--renglones .tara-kpi-card__label[b-frozlqj1mj] {
    color: color-mix(in srgb, var(--tara-primary) 55%, var(--tara-text-muted));
}

/* ── Piezas: ámbar/tierra — familia cálida Tarahumara ───────────────────── */
.tara-kpi-card--piezas[b-frozlqj1mj] {
    --oc-kpi-amber: #b45309;
    background: color-mix(in srgb, var(--oc-kpi-amber) 6%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--oc-kpi-amber) 22%, var(--tara-border));
}

.tara-kpi-card--piezas .tara-kpi-card__icon-wrap[b-frozlqj1mj] {
    background: color-mix(in srgb, var(--oc-kpi-amber) 15%, var(--tara-surface));
}

.tara-kpi-card--piezas .tara-kpi-card__icon[b-frozlqj1mj] {
    color: var(--oc-kpi-amber);
}

.tara-kpi-card--piezas .tara-kpi-card__val[b-frozlqj1mj] {
    color: color-mix(in srgb, var(--oc-kpi-amber) 90%, var(--tara-text));
}

.tara-kpi-card--piezas .tara-kpi-card__label[b-frozlqj1mj] {
    color: color-mix(in srgb, var(--oc-kpi-amber) 60%, var(--tara-text-muted));
}

/* ── Importe: verde éxito sobrio ─────────────────────────────────────────── */
.tara-kpi-card--importe[b-frozlqj1mj] {
    --oc-kpi-green: #16a34a;
    background: color-mix(in srgb, var(--oc-kpi-green) 6%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--oc-kpi-green) 28%, var(--tara-border));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--oc-kpi-green) 8%, transparent),
                var(--tara-shadow-sm);
}

.tara-kpi-card--importe .tara-kpi-card__icon-wrap[b-frozlqj1mj] {
    background: color-mix(in srgb, var(--oc-kpi-green) 15%, var(--tara-surface));
}

.tara-kpi-card--importe .tara-kpi-card__icon[b-frozlqj1mj] {
    color: var(--oc-kpi-green);
}

.tara-kpi-card--importe .tara-kpi-card__val[b-frozlqj1mj] {
    font-size: 1.5rem;
    color: var(--oc-kpi-green);
}

.tara-kpi-card--importe .tara-kpi-card__label[b-frozlqj1mj] {
    color: color-mix(in srgb, var(--oc-kpi-green) 55%, var(--tara-text-muted));
}

/* ── D: Grid section ─────────────────────────────────────────────────────── */

.tara-oc-grid-section[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    overflow: hidden;
    background: var(--tara-surface);
}

/* ── Grid toolbar ────────────────────────────────────────────────────────── */

.tara-oc-grid-toolbar[b-frozlqj1mj] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .5rem .75rem;
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
    border-bottom: 2px solid color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    flex-wrap: wrap;
    min-height: 48px;
}

.tara-grid-search[b-frozlqj1mj] {
    flex: 1 1 200px;
    min-width: 150px;
    max-width: 340px;
}

.tara-grid-count[b-frozlqj1mj] {
    font-size: .8rem;
    color: var(--tara-text-muted);
    white-space: nowrap;
    flex-shrink: 0;
}

.tara-grid-count strong[b-frozlqj1mj] {
    color: var(--tara-text);
    font-weight: 700;
}

/* ── Tabla desktop: shell + internals ────────────────────────────────────── */

.tara-oc-table-shell[b-frozlqj1mj] {
    overflow-y: hidden;
    overflow-x: auto;
    min-width: 0;
    /* sin borde propio — el tara-oc-grid-section lo tiene */
}

/* MudTable internals */
[b-frozlqj1mj] .tara-compras-table .mud-table-root {
    background: transparent;
}

/* Encabezados: fondo más definido para jerarquía real */
[b-frozlqj1mj] .tara-compras-table thead th {
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface)) !important;
    color: var(--tara-text);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 0 !important;   /* padding lo da .tara-th-inner */
    border-bottom: 2px solid color-mix(in srgb, var(--tara-primary) 45%, var(--tara-border)) !important;
    user-select: none;
}

/* Columna sortable — cursor + hover */
[b-frozlqj1mj] .tara-compras-table .tara-th-sortable-cell {
    cursor: pointer;
}

[b-frozlqj1mj] .tara-compras-table .tara-th-sortable-cell:hover,
[b-frozlqj1mj] .tara-compras-table .tara-th-sortable-cell:hover th {
    background: color-mix(in srgb, var(--tara-primary) 18%, var(--tara-surface)) !important;
}

/* Inner del th: flex para texto + icono */
.tara-th-inner[b-frozlqj1mj] {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    padding: .55rem .65rem;
    width: 100%;
}

.tara-th--active[b-frozlqj1mj] {
    color: var(--tara-primary);
}

.tara-th-sort-icon[b-frozlqj1mj] {
    opacity: .35;
    flex-shrink: 0;
}

.tara-th--active .tara-th-sort-icon[b-frozlqj1mj] {
    opacity: 1;
}

/* Filas — zebra intencional + separador + hover definido */
[b-frozlqj1mj] .tara-compras-table tbody tr:nth-child(odd) {
    background: var(--tara-surface);
}

[b-frozlqj1mj] .tara-compras-table tbody tr:nth-child(even) {
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
}

[b-frozlqj1mj] .tara-compras-table tbody tr:hover {
    background: color-mix(in srgb, var(--tara-primary) 9%, var(--tara-surface)) !important;
    transition: background .12s;
}

/* Separador de fila: borde inferior sutil en cada td */
[b-frozlqj1mj] .tara-compras-table tbody td {
    border-bottom: 1px solid color-mix(in srgb, var(--tara-border) 55%, transparent) !important;
}

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

/* ── Columnas de ancho definido ──────────────────────────────────────────── */

/* Cantidad: compacta — solo un entero corto */
[b-frozlqj1mj] .tara-compras-table .tara-col-num {
    width: 86px;
    min-width: 80px;
    /* sin max-width: la tabla la respeta siempre */
}

/* Costo: más ancha — valor decimal puede ser "1,234.56" */
[b-frozlqj1mj] .tara-compras-table .tara-col-costo {
    width: 155px;
    min-width: 145px;
    /* sin max-width: crítico para que no recorte */
}

[b-frozlqj1mj] .tara-compras-table .tara-col-importe {
    width: 120px;
    min-width: 105px;
    text-align: right;
}

[b-frozlqj1mj] .tara-compras-table .tara-col-desc {
    min-width: 180px;
}

/* Inputs numéricos en tabla: reducir padding genérico */
[b-frozlqj1mj] .tara-compras-table td .mud-input-root {
    font-size: .82rem;
}

[b-frozlqj1mj] .tara-compras-table td .mud-input-slot {
    padding-left: 7px;
    padding-right: 7px;
}

/* Quitar min-width del componente — el ancho de columna manda */
[b-frozlqj1mj] .tara-compras-table td .mud-input-control {
    min-width: unset;
    width: 100%;
}

/* Cantidad: input ocupa celda completa, centrado */
[b-frozlqj1mj] .tara-compras-table .tara-col-num .mud-input-control {
    width: 68px;
    min-width: 64px;
}

[b-frozlqj1mj] .tara-compras-table .tara-col-num .mud-input-slot {
    text-align: center;
}

/* Costo: input ocupa celda completa — NO debe recortarse */
[b-frozlqj1mj] .tara-compras-table .tara-col-costo .mud-input-control {
    width: 100%;
    min-width: 130px;
}

[b-frozlqj1mj] .tara-compras-table .tara-col-costo .mud-input-slot {
    padding-left: 9px;
    padding-right: 9px;
    text-align: right;
}

/* Importe en celda: derecha, acento verde, peso */
.tara-td-importe[b-frozlqj1mj] {
    font-weight: 700;
    font-size: .88rem;
    text-align: right;
    padding-right: .75rem !important;
    white-space: nowrap;
    color: #16a34a;
    letter-spacing: -.01em;
}

/* Tienda: badge-like */
.tara-td-tienda[b-frozlqj1mj] {
    font-size: .8rem;
    font-weight: 600;
    white-space: nowrap;
}

/* Talla: centrada, monoespaciada */
.tara-td-talla[b-frozlqj1mj] {
    font-family: monospace;
    font-size: .85rem;
    font-weight: 600;
}

/* Acciones: centradas, compactas */
.tara-td-actions[b-frozlqj1mj] {
    text-align: center;
    width: 44px;
    padding: 0 !important;
}

/* Descripción: nombre + barcode secundario */
.tara-grid-desc[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .05rem;
    min-width: 0;
}

.tara-grid-desc__name[b-frozlqj1mj] {
    font-weight: 500;
    color: var(--tara-text);
    font-size: .85rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 260px;
}

.tara-grid-desc__barcode[b-frozlqj1mj] {
    font-size: .72rem;
    color: var(--tara-text-muted);
    font-family: monospace;
    letter-spacing: .01em;
}

/* ── Estado vacío ────────────────────────────────────────────────────────── */

.tara-partida-empty[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: 2.5rem 1rem;
    text-align: center;
}

[b-frozlqj1mj] .tara-partida-empty .mud-button-root {
    margin-top: .2rem;
}

.tara-partida-empty__icon[b-frozlqj1mj] {
    color: var(--tara-text-muted);
    opacity: .3;
    margin-bottom: .2rem;
}

.tara-partida-empty__title[b-frozlqj1mj] {
    font-weight: 600;
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-partida-empty__sub[b-frozlqj1mj] {
    font-size: .8rem;
    color: var(--tara-text-muted);
    opacity: .75;
    max-width: 280px;
    line-height: 1.45;
}

/* ── Cards mobile — ocultas en desktop ───────────────────────────────────── */

.tara-oc-table--desktop[b-frozlqj1mj] { display: block; }
.tara-oc-cards-mobile[b-frozlqj1mj]   { display: none; }

/* ── E: Footer de acción ─────────────────────────────────────────────────── */

.tara-oc-card-footer[b-frozlqj1mj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .55rem .75rem;
    border: 1px solid var(--tara-border);
    border-top: 2px solid color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-primary) 3%, var(--tara-surface));
}

.tara-oc-footer-summary[b-frozlqj1mj] {
    flex: 1;
    font-size: .84rem;
    font-weight: 500;
    color: var(--tara-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.tara-oc-footer-summary--empty[b-frozlqj1mj] {
    font-style: italic;
    font-weight: 400;
    color: var(--tara-text-muted);
    opacity: .6;
}

/* ── Orden generada ──────────────────────────────────────────────────────── */

.tara-orden-generada[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    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-frozlqj1mj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
}

.tara-orden-generada__head h3[b-frozlqj1mj] {
    margin: 0;
    color: var(--tara-text);
    font-size: .95rem;
    font-weight: 700;
}

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

/* ── Toolbar acciones (orden generada) ───────────────────────────────────── */

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

.tara-compras-toolbar--summary[b-frozlqj1mj] {
    background: transparent;
}

.tara-compras-toolbar--summary > *[b-frozlqj1mj] {
    flex: 0 1 auto;
}

/* ── Diálogos ────────────────────────────────────────────────────────────── */

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

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

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

.tara-oc-save-alert[b-frozlqj1mj] {
    margin-top: .65rem;
}

.tara-oc-save-alert--dialog[b-frozlqj1mj] {
    margin-top: 0;
}

.tara-oc-cost-field--invalid[b-frozlqj1mj] {
    position: relative;
}

.tara-oc-cost-field--invalid[b-frozlqj1mj]  .mud-input-control-input-container {
    background: color-mix(in srgb, var(--tara-warning) 10%, var(--tara-surface));
    border-radius: var(--tara-radius-sm);
}

.tara-oc-cost-field--invalid[b-frozlqj1mj]  .mud-input-outlined-border {
    border-color: color-mix(in srgb, var(--tara-warning) 58%, var(--tara-border));
}

/* ── Diálogo batch tallas ────────────────────────────────────────────────── */

.tara-tallas-dialog-body[b-frozlqj1mj] { display: flex; flex-direction: column; gap: .75rem; }

.tara-tallas-dialog-subtitle[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    padding: .55rem .7rem;
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    font-size: .875rem;
    color: var(--tara-text-muted);
}

.tara-tallas-dialog-subtitle strong[b-frozlqj1mj] {
    color: var(--tara-text);
    font-weight: 600;
}

.tara-tallas-dialog-warning[b-frozlqj1mj] {
    color: var(--tara-primary);
    font-weight: 600;
}

.tara-curva-leyenda[b-frozlqj1mj] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.tara-curva-leyenda--note[b-frozlqj1mj] {
    margin-top: -.2rem;
}

.tara-curva-leyenda__item[b-frozlqj1mj] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .35rem .6rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    color: var(--tara-text-muted);
    font-size: .75rem;
}

.tara-curva-leyenda__item.is-automatica[b-frozlqj1mj] {
    border-color: color-mix(in srgb, #2e7d32 35%, var(--tara-border));
    background: color-mix(in srgb, #2e7d32 10%, var(--tara-surface));
    color: #245b27;
}

.tara-curva-leyenda__item.is-manual[b-frozlqj1mj] {
    border-color: color-mix(in srgb, #1565c0 35%, var(--tara-border));
    background: color-mix(in srgb, #1565c0 9%, var(--tara-surface));
    color: #114a8d;
}

.tara-curva-leyenda__item.is-pendiente[b-frozlqj1mj] {
    border-color: color-mix(in srgb, #c77b00 35%, var(--tara-border));
    background: color-mix(in srgb, #c77b00 10%, var(--tara-surface));
    color: #8c5600;
}

.tara-curva-leyenda__item.is-no-pedir[b-frozlqj1mj] {
    border-color: color-mix(in srgb, #6b7280 35%, var(--tara-border));
    background: color-mix(in srgb, #6b7280 9%, var(--tara-surface));
    color: #4b5563;
}

.tara-tiendas-captura-lista[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.tara-tienda-captura-card[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: .85rem;
    border-radius: var(--tara-radius);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    box-shadow: 0 10px 24px rgba(15, 23, 42, .04);
}

.tara-tienda-captura-card.is-automatica[b-frozlqj1mj] {
    border-color: color-mix(in srgb, #2e7d32 35%, var(--tara-border));
}

.tara-tienda-captura-card.is-manual[b-frozlqj1mj] {
    border-color: color-mix(in srgb, #1565c0 35%, var(--tara-border));
}

.tara-tienda-captura-card.is-pendiente[b-frozlqj1mj] {
    border-color: color-mix(in srgb, #c77b00 35%, var(--tara-border));
}

.tara-tienda-captura-card.is-no-pedir[b-frozlqj1mj] {
    border-color: color-mix(in srgb, #6b7280 35%, var(--tara-border));
    background: color-mix(in srgb, #6b7280 4%, var(--tara-surface));
}

.tara-tienda-captura-card__head[b-frozlqj1mj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.tara-tienda-captura-card__title[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .18rem;
}

.tara-tienda-captura-card__title strong[b-frozlqj1mj] {
    color: var(--tara-text);
    font-size: .92rem;
}

.tara-tienda-captura-card__title span[b-frozlqj1mj],
.tara-tienda-captura-card__meta[b-frozlqj1mj] {
    color: var(--tara-text-muted);
    font-size: .76rem;
}

.tara-tienda-captura-card__status[b-frozlqj1mj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
}

.tara-tienda-status-chip[b-frozlqj1mj] {
    display: inline-flex;
    align-items: center;
    padding: .25rem .55rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    font-size: .72rem;
    font-weight: 700;
}

.tara-tienda-status-chip.is-automatica[b-frozlqj1mj] {
    border-color: color-mix(in srgb, #2e7d32 35%, var(--tara-border));
    background: color-mix(in srgb, #2e7d32 10%, var(--tara-surface));
    color: #245b27;
}

.tara-tienda-status-chip.is-manual[b-frozlqj1mj] {
    border-color: color-mix(in srgb, #1565c0 35%, var(--tara-border));
    background: color-mix(in srgb, #1565c0 9%, var(--tara-surface));
    color: #114a8d;
}

.tara-tienda-status-chip.is-pendiente[b-frozlqj1mj] {
    border-color: color-mix(in srgb, #c77b00 35%, var(--tara-border));
    background: color-mix(in srgb, #c77b00 10%, var(--tara-surface));
    color: #8c5600;
}

.tara-tienda-status-chip.is-no-pedir[b-frozlqj1mj] {
    border-color: color-mix(in srgb, #6b7280 35%, var(--tara-border));
    background: color-mix(in srgb, #6b7280 9%, var(--tara-surface));
    color: #4b5563;
}

.tara-tienda-status-chip.is-pedido-inicial[b-frozlqj1mj] {
    border-color: color-mix(in srgb, var(--tara-primary) 35%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 9%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-tienda-status-chip.is-rellenar-curva[b-frozlqj1mj] {
    border-color: color-mix(in srgb, #1565c0 35%, var(--tara-border));
    background: color-mix(in srgb, #1565c0 9%, var(--tara-surface));
    color: #114a8d;
}

.tara-tienda-status-chip.is-manual-ajustado[b-frozlqj1mj] {
    border-color: color-mix(in srgb, #7c3aed 35%, var(--tara-border));
    background: color-mix(in srgb, #7c3aed 10%, var(--tara-surface));
    color: #5b21b6;
}

.tara-tienda-total[b-frozlqj1mj] {
    color: var(--tara-text);
    font-size: .75rem;
    font-weight: 700;
}

.tara-tienda-captura-card__meta[b-frozlqj1mj] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.tara-tienda-curva-selector[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    padding: .7rem;
    border-radius: var(--tara-radius-sm);
    border: 1px dashed color-mix(in srgb, var(--tara-border) 90%, transparent);
    background: color-mix(in srgb, var(--tara-surface-raised) 82%, white);
}

.tara-tienda-curva-selector--locked[b-frozlqj1mj] {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.tara-tienda-curva-selector__actions[b-frozlqj1mj],
.tara-tienda-batch-tools[b-frozlqj1mj] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    align-items: center;
}

.tara-modo-masivo[b-frozlqj1mj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .8rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
}

.tara-modo-masivo__copy[b-frozlqj1mj] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.tara-modo-masivo__copy strong[b-frozlqj1mj] {
    color: var(--tara-text);
    font-size: .88rem;
}

.tara-modo-masivo__copy span[b-frozlqj1mj] {
    color: var(--tara-text-muted);
    font-size: .76rem;
}

.tara-tienda-batch-tools__input[b-frozlqj1mj] {
    min-width: 150px;
}

.tara-captura-modo[b-frozlqj1mj] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
}

.tara-captura-modo--global[b-frozlqj1mj] {
    justify-content: flex-end;
}

.tara-captura-modo__tooltip-wrap[b-frozlqj1mj] {
    display: inline-flex;
}

.tara-captura-modo__option[b-frozlqj1mj] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 2.2rem;
    padding: .45rem .7rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
}

.tara-captura-modo__option.is-active[b-frozlqj1mj] {
    border-color: color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-captura-modo__option:disabled[b-frozlqj1mj] {
    opacity: .78;
}

.tara-tienda-captura-card__empty[b-frozlqj1mj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .7rem;
    border-radius: var(--tara-radius-sm);
    border: 1px dashed color-mix(in srgb, var(--tara-border) 90%, transparent);
    background: color-mix(in srgb, #6b7280 7%, var(--tara-surface));
    color: var(--tara-text-muted);
}

.tara-captura-modo--empty[b-frozlqj1mj] {
    justify-content: flex-end;
}

.tara-tallas-dialog-error[b-frozlqj1mj] {
    padding: .45rem .7rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 35%, transparent);
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    color: var(--tara-primary);
    font-size: .85rem;
    font-weight: 600;
}

.tara-tienda-context-summary[b-frozlqj1mj] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .55rem;
}

.tara-tienda-context-summary__item[b-frozlqj1mj] {
    display: grid;
    gap: .12rem;
    padding: .6rem .7rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface-raised) 78%, var(--tara-surface));
}

.tara-tienda-context-summary__item span[b-frozlqj1mj] {
    color: var(--tara-text-muted);
    font-size: .72rem;
}

.tara-tienda-context-summary__item strong[b-frozlqj1mj] {
    color: var(--tara-text);
    font-size: .95rem;
}

.tara-curva-context-table-wrap[b-frozlqj1mj] {
    overflow-x: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
}

.tara-curva-context-table[b-frozlqj1mj] {
    width: 100%;
    min-width: 920px;
    border-collapse: collapse;
}

.tara-curva-context-table th[b-frozlqj1mj],
.tara-curva-context-table td[b-frozlqj1mj] {
    padding: .65rem .7rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    vertical-align: middle;
    text-align: left;
}

.tara-curva-context-table th[b-frozlqj1mj] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    font-size: .74rem;
    letter-spacing: .02em;
    text-transform: uppercase;
}

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

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

.tara-curva-context-size[b-frozlqj1mj] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
}

.tara-curva-context-size strong[b-frozlqj1mj] {
    display: block;
    color: var(--tara-text);
    font-size: .88rem;
}

.tara-curva-context-size span[b-frozlqj1mj] {
    color: var(--tara-text-muted);
    font-size: .74rem;
}

.tara-talla-estado-chip[b-frozlqj1mj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 84px;
    padding: .28rem .6rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    font-size: .72rem;
    font-weight: 800;
}

.tara-talla-estado-chip.is-completa[b-frozlqj1mj] {
    border-color: color-mix(in srgb, #2e7d32 34%, var(--tara-border));
    background: color-mix(in srgb, #2e7d32 10%, var(--tara-surface));
    color: #245b27;
}

.tara-talla-estado-chip.is-hueco[b-frozlqj1mj] {
    border-color: color-mix(in srgb, #1565c0 34%, var(--tara-border));
    background: color-mix(in srgb, #1565c0 10%, var(--tara-surface));
    color: #114a8d;
}

.tara-talla-estado-chip.is-copete[b-frozlqj1mj] {
    border-color: color-mix(in srgb, #c77b00 34%, var(--tara-border));
    background: color-mix(in srgb, #c77b00 10%, var(--tara-surface));
    color: #8c5600;
}

.tara-talla-estado-chip.is-manual[b-frozlqj1mj],
.tara-talla-estado-chip.is-sin-curva[b-frozlqj1mj] {
    border-color: color-mix(in srgb, #6b7280 34%, var(--tara-border));
    background: color-mix(in srgb, #6b7280 10%, var(--tara-surface));
    color: #4b5563;
}

.tara-curva-context-row.is-completa[b-frozlqj1mj] {
    box-shadow: inset 4px 0 0 #2e7d32;
}

.tara-curva-context-row.is-hueco[b-frozlqj1mj] {
    box-shadow: inset 4px 0 0 #1565c0;
}

.tara-curva-context-row.is-copete[b-frozlqj1mj] {
    box-shadow: inset 4px 0 0 #c77b00;
}

.tara-curva-context-row.is-manual[b-frozlqj1mj],
.tara-curva-context-row.is-sin-curva[b-frozlqj1mj] {
    box-shadow: inset 4px 0 0 #6b7280;
}

.tara-curva-context-mobile[b-frozlqj1mj] {
    display: none;
}

.tara-curva-context-card[b-frozlqj1mj] {
    display: grid;
    gap: .7rem;
    padding: .8rem;
    border-radius: var(--tara-radius);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-curva-context-card.is-completa[b-frozlqj1mj] {
    border-color: color-mix(in srgb, #2e7d32 30%, var(--tara-border));
}

.tara-curva-context-card.is-hueco[b-frozlqj1mj] {
    border-color: color-mix(in srgb, #1565c0 30%, var(--tara-border));
}

.tara-curva-context-card.is-copete[b-frozlqj1mj] {
    border-color: color-mix(in srgb, #c77b00 30%, var(--tara-border));
}

.tara-curva-context-card__head[b-frozlqj1mj],
.tara-curva-context-card__title[b-frozlqj1mj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
}

.tara-curva-context-card__title[b-frozlqj1mj] {
    justify-content: flex-start;
}

.tara-curva-context-card__title strong[b-frozlqj1mj] {
    display: block;
    color: var(--tara-text);
    font-size: .9rem;
}

.tara-curva-context-card__title span[b-frozlqj1mj] {
    color: var(--tara-text-muted);
    font-size: .75rem;
}

.tara-curva-context-card__grid[b-frozlqj1mj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

.tara-curva-context-card__grid div[b-frozlqj1mj],
.tara-curva-context-card__pedido[b-frozlqj1mj] {
    display: grid;
    gap: .15rem;
}

.tara-curva-context-card__grid span[b-frozlqj1mj],
.tara-curva-context-card__pedido > span[b-frozlqj1mj] {
    color: var(--tara-text-muted);
    font-size: .72rem;
}

.tara-curva-context-card__grid strong[b-frozlqj1mj] {
    color: var(--tara-text);
    font-size: .92rem;
}

.tara-talla-row__qty[b-frozlqj1mj] {
    display: flex;
    align-items: center;
    gap: .2rem;
    flex-shrink: 0;
}

.tara-talla-row__qty--table[b-frozlqj1mj] {
    justify-content: flex-start;
}

[b-frozlqj1mj] .tara-talla-qty-field {
    width: 80px;
}

@media (max-width: 760px) {
    .tara-tienda-captura-card[b-frozlqj1mj] {
        padding: .7rem;
    }

    .tara-modo-masivo[b-frozlqj1mj] {
        align-items: stretch;
    }

    .tara-tienda-captura-card__head[b-frozlqj1mj],
    .tara-tienda-curva-selector--locked[b-frozlqj1mj],
    .tara-tienda-captura-card__empty[b-frozlqj1mj] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-tienda-captura-card__status[b-frozlqj1mj] {
        justify-content: flex-start;
    }

    .tara-tienda-curva-selector__actions[b-frozlqj1mj],
    .tara-tienda-batch-tools[b-frozlqj1mj] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-captura-modo[b-frozlqj1mj] {
        width: 100%;
    }

    .tara-captura-modo--global[b-frozlqj1mj],
    .tara-captura-modo--empty[b-frozlqj1mj] {
        justify-content: stretch;
    }

    .tara-captura-modo__tooltip-wrap[b-frozlqj1mj],
    .tara-captura-modo__option[b-frozlqj1mj] {
        width: 100%;
    }

    .tara-tienda-context-summary[b-frozlqj1mj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-curva-context-table-wrap[b-frozlqj1mj] {
        display: none;
    }

    .tara-curva-context-mobile[b-frozlqj1mj] {
        display: grid;
        gap: .65rem;
    }

    .tara-tienda-batch-tools__input[b-frozlqj1mj] {
        min-width: 0;
        width: 100%;
    }
}

@media (min-width: 761px) and (max-width: 1100px) {
    .tara-tienda-context-summary[b-frozlqj1mj] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tara-curva-context-table[b-frozlqj1mj] {
        min-width: 860px;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   MOBILE CARDS — partidas como tarjetas en pantallas estrechas
   ═══════════════════════════════════════════════════════════════════════════ */

.tara-partida-card[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    padding: .75rem .85rem;
    border-bottom: 1px solid var(--tara-border);
    background: var(--tara-surface);
    transition: background .15s;
}

.tara-partida-card:last-child[b-frozlqj1mj] {
    border-bottom: none;
}

.tara-partida-card:hover[b-frozlqj1mj] {
    background: color-mix(in srgb, var(--tara-primary) 3%, var(--tara-surface));
}

.tara-partida-card__header[b-frozlqj1mj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .5rem;
}

.tara-partida-card__title-block[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    min-width: 0;
    flex: 1;
}

.tara-partida-card__desc[b-frozlqj1mj] {
    font-weight: 600;
    font-size: .9rem;
    color: var(--tara-text);
    line-height: 1.3;
}

.tara-partida-card__barcode[b-frozlqj1mj] {
    font-size: .72rem;
    font-family: monospace;
    color: var(--tara-text-muted);
    letter-spacing: .01em;
}

.tara-partida-card__tags[b-frozlqj1mj] {
    display: flex;
    gap: .35rem;
    flex-wrap: wrap;
}

.tara-partida-card__fields[b-frozlqj1mj] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: .35rem .65rem;
}

/* Inputs en card mobile: full-width dentro de su celda */
[b-frozlqj1mj] .tara-partida-card .mud-input-control {
    width: 100%;
    min-width: unset;
}

[b-frozlqj1mj] .tara-partida-card .mud-input-slot {
    padding-left: 10px;
    padding-right: 10px;
}

.tara-partida-card__field-label[b-frozlqj1mj] {
    font-size: .75rem;
    font-weight: 600;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .05em;
    white-space: nowrap;
}

.tara-partida-card__importe-row[b-frozlqj1mj] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: .3rem;
    border-top: 1px solid var(--tara-border);
    margin-top: .1rem;
}

.tara-partida-card__importe-label[b-frozlqj1mj] {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--tara-text-muted);
}

.tara-partida-card__importe-val[b-frozlqj1mj] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #16a34a;
    letter-spacing: -.01em;
}

/* ═══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── ≥ 601px: Desktop / tablet — tabla visible, cards ocultas ───────────── */
/* (Default — definido arriba) */

@media (max-width: 1024px) {
    .tara-oc-steps[b-frozlqj1mj] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tara-oc-prep__summary-grid[b-frozlqj1mj] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tara-oc-flow-top[b-frozlqj1mj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-oc-config-main-grid[b-frozlqj1mj] {
        grid-template-columns: minmax(0, 1fr);
    }

    .tara-oc-fechas-grid[b-frozlqj1mj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-oc-fecha:first-child[b-frozlqj1mj] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 820px) {
    .tara-oc-steps[b-frozlqj1mj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-oc-prep__head[b-frozlqj1mj],
    .tara-oc-inline-hint[b-frozlqj1mj],
    .tara-oc-tallas-cta[b-frozlqj1mj] {
        grid-template-columns: 1fr;
    }

    .tara-oc-prep__head[b-frozlqj1mj] {
        display: grid;
    }

    .tara-oc-prep__summary-grid[b-frozlqj1mj],
    .tara-oc-fechas-grid[b-frozlqj1mj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ── ≤ 600px: Mobile — tabla oculta, cards visibles ─────────────────────── */
@media (max-width: 600px) {
    /* Ocultar tabla, mostrar cards */
    .tara-oc-table--desktop[b-frozlqj1mj] { display: none !important; }
    .tara-oc-cards-mobile[b-frozlqj1mj]   { display: block; }

    .tara-oc-steps[b-frozlqj1mj],
    .tara-oc-flow-top[b-frozlqj1mj],
    .tara-oc-prep__summary-grid[b-frozlqj1mj],
    .tara-oc-config-main-grid[b-frozlqj1mj],
    .tara-oc-fechas-grid[b-frozlqj1mj] {
        grid-template-columns: 1fr;
    }

    .tara-compras-panel--operativo[b-frozlqj1mj] {
        padding: .5rem;
        gap: .45rem;
    }

    .tara-oc-datos-generales[b-frozlqj1mj],
    .tara-oc-producto-bloque[b-frozlqj1mj],
    .tara-oc-prep[b-frozlqj1mj] {
        padding: .45rem .5rem;
    }

    .tara-oc-producto-lock__card[b-frozlqj1mj] {
        grid-template-columns: 1fr;
        justify-items: start;
    }

    .tara-product-selected-footer[b-frozlqj1mj] {
        width: 100%;
    }

    .tara-oc-step-card[b-frozlqj1mj],
    .tara-oc-inline-hint[b-frozlqj1mj],
    .tara-oc-tallas-cta[b-frozlqj1mj],
    .tara-oc-prep__summary-item[b-frozlqj1mj] {
        padding-inline: .7rem;
    }

    .tara-oc-stage__head[b-frozlqj1mj] {
        flex-direction: column;
        align-items: flex-start;
    }

    .tara-oc-prep__title[b-frozlqj1mj] {
        align-items: flex-start;
    }

    .tara-oc-obs-panel summary[b-frozlqj1mj] {
        padding-inline: .6rem;
    }

    [b-frozlqj1mj] .tara-oc-producto-lock__card .mud-button-root {
        width: 100%;
        justify-content: center;
    }

    [b-frozlqj1mj] .tara-oc-inline-hint .mud-button-root,
    [b-frozlqj1mj] .tara-oc-tallas-cta .mud-button-root,
    [b-frozlqj1mj] .tara-product-selected-footer .mud-button-root {
        width: 100%;
        justify-content: center;
    }

    /* KPIs: 3 col compactas — layout horizontal, icon-wrap más pequeño */
    .tara-oc-kpis-grid[b-frozlqj1mj] {
        gap: .32rem;
    }

    .tara-kpi-card[b-frozlqj1mj] {
        padding: .5rem .6rem;
        gap: .5rem;
    }

    .tara-kpi-card__icon-wrap[b-frozlqj1mj] {
        width: 1.75rem;
        height: 1.75rem;
    }

    .tara-kpi-card__val[b-frozlqj1mj] {
        font-size: 1.1rem;
        letter-spacing: -.015em;
    }

    .tara-kpi-card--importe .tara-kpi-card__val[b-frozlqj1mj] {
        font-size: 1.15rem;
    }

    .tara-kpi-card__label[b-frozlqj1mj] {
        font-size: .56rem;
    }

    /* Footer: apilado */
    .tara-oc-card-footer[b-frozlqj1mj] {
        flex-direction: column;
        align-items: stretch;
        gap: .4rem;
        padding: .5rem .55rem;
    }

    .tara-oc-footer-summary[b-frozlqj1mj] {
        text-align: center;
        white-space: normal;
        font-size: .8rem;
    }

    [b-frozlqj1mj] .tara-oc-card-footer .mud-button-root {
        width: 100%;
        justify-content: center;
    }

    /* Grid toolbar en mobile */
    .tara-oc-grid-toolbar[b-frozlqj1mj] {
        padding: .4rem .5rem;
        gap: .4rem;
    }

    .tara-grid-search[b-frozlqj1mj] {
        max-width: none;
        flex: 1 1 100%;
    }

    .tara-compras-toolbar--summary[b-frozlqj1mj] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-compras-toolbar--summary > *[b-frozlqj1mj] {
        width: 100%;
    }
}

/* ── ≤ 380px: iPhone SE — KPIs en columna única, layout horizontal compacto */
@media (max-width: 380px) {
    .tara-oc-kpis-grid[b-frozlqj1mj] {
        grid-template-columns: 1fr;
        gap: .25rem;
    }

    /* Mantiene flex-row pero más compacto */
    .tara-kpi-card[b-frozlqj1mj] {
        padding: .38rem .6rem;
        gap: .5rem;
    }

    .tara-kpi-card__icon-wrap[b-frozlqj1mj] {
        width: 1.6rem;
        height: 1.6rem;
    }

    .tara-kpi-card__val[b-frozlqj1mj] {
        font-size: 1.05rem;
    }

    .tara-kpi-card--importe .tara-kpi-card__val[b-frozlqj1mj] {
        font-size: 1.1rem;
    }

    .tara-kpi-card__label[b-frozlqj1mj] {
        font-size: .54rem;
    }

    .tara-oc-footer-summary[b-frozlqj1mj] { display: none; }
}

/* ── Modo de captura (Manual / Iguales / Curva) ───────────────────────── */

.tara-modo-captura[b-frozlqj1mj] {
    display: flex;
    align-items: center;
    gap: .35rem;
    flex-wrap: wrap;
    margin-bottom: .1rem;
}

.tara-modo-label[b-frozlqj1mj] {
    font-size: .7rem;
    font-weight: 600;
    color: var(--tara-text-secondary);
    letter-spacing: .03em;
    text-transform: uppercase;
    white-space: nowrap;
}

.tara-modo-btn[b-frozlqj1mj] {
    padding: .22rem .7rem;
    border-radius: 999px;
    border: 1.5px solid var(--tara-border);
    background: transparent;
    color: var(--tara-text-secondary);
    font-size: .75rem;
    font-weight: 500;
    cursor: pointer;
    transition: border-color .13s ease, color .13s ease, background .13s ease;
    line-height: 1.5;
}

.tara-modo-btn:hover[b-frozlqj1mj] {
    border-color: var(--tara-primary);
    color: var(--tara-primary);
}

.tara-modo-btn--active[b-frozlqj1mj] {
    border-color: var(--tara-primary);
    background: color-mix(in srgb, var(--tara-primary) 12%, transparent);
    color: var(--tara-primary);
    font-weight: 600;
}

/* ── Panel de curva ──────────────────────────────────────────────────────── */

.tara-curva-panel[b-frozlqj1mj] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    padding: .7rem .8rem;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border-subtle);
    border-radius: 8px;
    margin-bottom: .2rem;
}

.tara-curva-select[b-frozlqj1mj] {
    max-width: 340px;
}

.tara-curva-multiplicador[b-frozlqj1mj] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.tara-curva-multi-val[b-frozlqj1mj] {
    min-width: 1.8rem;
    text-align: center;
    font-size: .95rem;
    font-weight: 700;
    color: var(--tara-text-primary);
}

.tara-curva-progress[b-frozlqj1mj] {
    margin-top: -.3rem;
}

.tara-curva-badge-preview[b-frozlqj1mj] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .18rem .55rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-success) 15%, transparent);
    color: var(--tara-success);
    border: 1px solid color-mix(in srgb, var(--tara-success) 35%, transparent);
    font-size: .7rem;
    font-weight: 600;
}

/* ── Chip de curva en tarjeta de partida ─────────────────────────────────── */

.tara-curva-chip[b-frozlqj1mj] {
    display: inline-flex;
    align-items: center;
    padding: .12rem .45rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-warning) 13%, transparent);
    color: color-mix(in srgb, var(--tara-warning) 70%, var(--tara-text-primary, #1a1a1a));
    border: 1px solid color-mix(in srgb, var(--tara-warning) 30%, transparent);
    font-size: .65rem;
    font-weight: 600;
    white-space: nowrap;
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenComprasDevolucionProveedor.razor.rz.scp.css */
.tara-devprov-shell[b-f5h1clhzdm] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

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

.tara-devprov-panel[b-f5h1clhzdm] {
    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-f5h1clhzdm] {
    padding: 1rem;
}

.tara-devprov-toolbar[b-f5h1clhzdm] {
    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-f5h1clhzdm] {
    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-f5h1clhzdm] {
    background: var(--tara-surface);
}

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

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

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

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

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

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

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

.tara-devprov-resultado[b-f5h1clhzdm] {
    border-color: color-mix(in srgb, var(--tara-success, #16a34a) 30%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-success, #16a34a) 5%, var(--tara-surface));
}

.tara-devprov-resultado__folio[b-f5h1clhzdm] {
    font-size: .875rem;
    color: var(--tara-text);
}

.tara-devprov-filtros-avanzados[b-f5h1clhzdm] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    padding: .5rem .55rem;
    border: 1px dashed color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-primary) 3%, var(--tara-surface));
}

.tara-devprov-filtros-grid[b-f5h1clhzdm] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .45rem;
}

.tara-devprov-filtros-actions[b-f5h1clhzdm] {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-wrap: wrap;
}

@media (min-width: 600px) {
    .tara-devprov-filtros-grid[b-f5h1clhzdm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 900px) {
    .tara-devprov-filtros-grid[b-f5h1clhzdm] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.tara-devprov-tallas-dialog[b-f5h1clhzdm] {
    border: 1px solid var(--tara-divider);
    border-radius: .5rem;
    background: var(--tara-surface);
    padding: .75rem;
    margin-top: .5rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.tara-devprov-tallas-head[b-f5h1clhzdm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .85rem;
    color: var(--tara-text-secondary);
}

.tara-devprov-tallas-actions[b-f5h1clhzdm] {
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenComprasGenerarEtiquetas.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════
   AlmacenComprasGenerarEtiquetas.razor.css — Placeholder En preparación
   Patrón Tarahumara Secundario
   ══════════════════════════════════════════════════════════════════════════ */

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

.etiq-loading[b-l8ekrsg32o] {
    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 acceso ───────────────────────────────────────────────────────────── */

.etiq-no-acceso[b-l8ekrsg32o] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    gap:             1rem;
    min-height:      52vh;
    text-align:      center;
    padding:         2rem;
}

.etiq-no-acceso-icon[b-l8ekrsg32o] {
    font-size:   2.5rem;
    color:       var(--tara-text-muted);
    line-height: 1;
}

.etiq-no-acceso h2[b-l8ekrsg32o] {
    margin: 0;
    color:  var(--tara-text);
}

.etiq-no-acceso p[b-l8ekrsg32o] {
    margin: 0;
    color:  var(--tara-text-muted);
}

/* ── Página ───────────────────────────────────────────────────────────────── */

.etiq-page[b-l8ekrsg32o] {
    padding: 1.5rem 1.75rem;
}

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

.etiq-header[b-l8ekrsg32o] {
    margin-bottom: 2rem;
}

.etiq-header-title[b-l8ekrsg32o] {
    display:     flex;
    align-items: flex-start;
    gap:         .85rem;
}

.etiq-header-icon[b-l8ekrsg32o] {
    font-size:        2rem;
    color:            var(--tara-primary);
    line-height:      1;
    flex-shrink:      0;
    margin-top:       .15rem;
}

.etiq-header h1[b-l8ekrsg32o] {
    margin:      0 0 .2rem;
    font-size:   1.35rem;
    font-weight: 600;
    color:       var(--tara-text);
    line-height: 1.2;
}

.etiq-header p[b-l8ekrsg32o] {
    margin: 0;
    color:  var(--tara-text-muted);
    font-size: .875rem;
}

.etiq-eyebrow[b-l8ekrsg32o] {
    display:       block;
    font-size:     .7rem;
    font-weight:   600;
    letter-spacing:.06em;
    text-transform: uppercase;
    color:         var(--tara-primary);
    margin-bottom: .2rem;
}

/* ── En preparación ────────────────────────────────────────────────────────── */

.etiq-preparing[b-l8ekrsg32o] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    gap:             .85rem;
    min-height:      38vh;
    text-align:      center;
    padding:         2rem;
}

.etiq-preparing-icon[b-l8ekrsg32o] {
    font-size:   3rem;
    color:       var(--tara-text-muted);
    opacity:     .55;
    line-height: 1;
}

.etiq-preparing h2[b-l8ekrsg32o] {
    margin:      0;
    font-size:   1.15rem;
    font-weight: 600;
    color:       var(--tara-text);
}

.etiq-preparing p[b-l8ekrsg32o] {
    margin: 0;
    color:  var(--tara-text-muted);
    font-size: .875rem;
}

.etiq-preparing-hint[b-l8ekrsg32o] {
    font-size: .8rem !important;
    max-width: 28rem;
}

.etiq-preparing-hint a[b-l8ekrsg32o] {
    color:           var(--tara-primary);
    text-decoration: none;
}

.etiq-preparing-hint a:hover[b-l8ekrsg32o] {
    text-decoration: underline;
}

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

@media (max-width: 480px) {
    .etiq-page[b-l8ekrsg32o] {
        padding: 1rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenComprasNivelacionInventario.razor.rz.scp.css */
.tara-ni-page[b-rclsi69uyy] {
  display: grid;
  gap: 1rem;
  color: var(--tara-text);
}
.tara-ni-open-overlay[b-rclsi69uyy] {
  position: fixed;
  inset: 0;
  z-index: 1450;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: color-mix(in srgb, var(--tara-bg) 60%, transparent);
  backdrop-filter: blur(3px);
}
.tara-ni-open-card[b-rclsi69uyy] {
  width: min(660px, calc(100vw - 2rem));
  display: grid;
  gap: 1rem;
  padding: 1.1rem;
  border: 1px solid var(--tara-border);
  border-radius: var(--tara-radius);
  background: var(--tara-surface);
  box-shadow: var(--tara-shadow-lg);
}
.tara-ni-open-head[b-rclsi69uyy] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.tara-ni-open-head h2[b-rclsi69uyy],
.tara-ni-open-head p[b-rclsi69uyy],
.tara-ni-open-foot[b-rclsi69uyy] {
  margin: 0;
}
.tara-ni-open-head h2[b-rclsi69uyy] {
  color: var(--tara-text);
  font-size: 1.22rem;
  font-weight: 850;
  letter-spacing: -.02em;
}
.tara-ni-open-head p[b-rclsi69uyy],
.tara-ni-open-foot[b-rclsi69uyy] {
  color: var(--tara-text-muted);
  font-size: .86rem;
}
.tara-ni-open-steps[b-rclsi69uyy] {
  display: grid;
  gap: .6rem;
}
.tara-ni-open-step[b-rclsi69uyy] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .7rem;
  align-items: center;
  color: var(--tara-text-muted);
}
.tara-ni-open-step > span[b-rclsi69uyy] {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid var(--tara-border);
  background: var(--tara-surface-raised);
  color: var(--tara-text-muted);
  font-size: .75rem;
  font-weight: 850;
}
.tara-ni-open-step strong[b-rclsi69uyy] {
  display: block;
  margin-bottom: .22rem;
  font-size: .86rem;
}
.tara-ni-open-step--done > span[b-rclsi69uyy] {
  border-color: color-mix(in srgb, var(--tara-success) 35%, var(--tara-border));
  background: color-mix(in srgb, var(--tara-success) 12%, var(--tara-surface));
  color: var(--tara-success);
}
.tara-ni-open-step--current[b-rclsi69uyy] {
  color: var(--tara-text);
}
.tara-ni-open-step--current > span[b-rclsi69uyy] {
  border-color: var(--tara-primary-dark);
  background: var(--tara-primary-dark);
  color: var(--tara-text-inverse);
}
.tara-ni-eyebrow[b-rclsi69uyy] {
  margin: 0;
  color: var(--tara-primary-dark);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.tara-ni-modes[b-rclsi69uyy],
.tara-ni-section-head[b-rclsi69uyy],
.tara-ni-board-head[b-rclsi69uyy],
.tara-ni-product[b-rclsi69uyy],
.tara-ni-summary[b-rclsi69uyy] {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  flex-wrap: wrap;
}
.tara-ni-search-panel[b-rclsi69uyy],
.tara-ni-product[b-rclsi69uyy],
.tara-ni-board[b-rclsi69uyy],
.tara-ni-moves[b-rclsi69uyy],
.tara-ni-summary[b-rclsi69uyy] {
  background: var(--tara-surface);
  border: 1px solid var(--tara-border);
  border-radius: var(--tara-radius);
  box-shadow: var(--tara-shadow-sm);
  padding: 1rem;
}
.tara-ni-product-photo[b-rclsi69uyy] {
  padding: 0;
  border: 0;
  border-radius: var(--tara-radius-sm);
  background: transparent;
  cursor: zoom-in;
  line-height: 0;
}
.tara-ni-product-photo:focus-visible[b-rclsi69uyy],
.tara-ni-product-name:focus-visible[b-rclsi69uyy] {
  outline: 2px solid var(--tara-primary-dark);
  outline-offset: 3px;
}
.tara-ni-product-photo:hover img[b-rclsi69uyy] {
  transform: scale(1.03);
  box-shadow: var(--tara-shadow);
}
.tara-ni-product img[b-rclsi69uyy] {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: var(--tara-radius-sm);
  transition: transform .16s ease, box-shadow .16s ease;
}
.tara-ni-product-name[b-rclsi69uyy] {
  margin: .15rem 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--tara-text);
  font: inherit;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}
.tara-ni-product-name:hover[b-rclsi69uyy] { color: var(--tara-primary-dark); text-decoration: underline; }
.tara-ni-product h2[b-rclsi69uyy],
.tara-ni-board h2[b-rclsi69uyy],
.tara-ni-moves h2[b-rclsi69uyy],
.tara-ni-summary h2[b-rclsi69uyy] {
  margin: 0.15rem 0;
  font-size: 1.1rem;
}
.tara-ni-product p[b-rclsi69uyy],
.tara-ni-board p[b-rclsi69uyy],
.tara-ni-moves p[b-rclsi69uyy],
.tara-ni-summary p[b-rclsi69uyy] {
  margin: 0.15rem 0;
  color: var(--tara-text-muted);
  font-size: 0.85rem;
}
.tara-ni-product-actions[b-rclsi69uyy] {
  margin-left: auto;
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
}
.tara-ni-summary > button[b-rclsi69uyy] {
  margin-left: auto;
}
.tara-ni-chips[b-rclsi69uyy] {
  display: flex;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.tara-ni-state[b-rclsi69uyy] {
  padding: 1rem;
  display: flex;
  gap: 0.7rem;
  align-items: center;
  color: var(--tara-text-muted);
}
.tara-ni-board-head[b-rclsi69uyy] {
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.tara-ni-board-head > span[b-rclsi69uyy] {
  color: var(--tara-text-muted);
  font-size: 0.85rem;
}
.tara-ni-matrix-wrap[b-rclsi69uyy] {
  overflow: auto;
  max-height: clamp(350px, calc(100vh - 365px), 620px);
  border: 1px solid var(--tara-border);
  border-radius: var(--tara-radius-sm);
}
.tara-ni-matrix[b-rclsi69uyy] {
  border-collapse: separate;
  border-spacing: 0;
  min-width: max-content;
  width: 100%;
  background: var(--tara-surface);
}
.tara-ni-matrix th[b-rclsi69uyy],
.tara-ni-matrix td[b-rclsi69uyy] {
  padding: 0.4rem;
  border-right: 1px solid var(--tara-border-subtle);
  border-bottom: 1px solid var(--tara-border-subtle);
  text-align: center;
}
.tara-ni-matrix thead th[b-rclsi69uyy] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--tara-th-bg);
  color: var(--tara-th-text);
  font-size: 0.78rem;
}
.tara-ni-matrix tbody th[b-rclsi69uyy] {
  position: sticky;
  left: 0;
  z-index: 1;
  background: var(--tara-surface);
  text-align: left;
  min-width: 160px;
}
.tara-ni-cell[b-rclsi69uyy] {
  min-width: 92px;
  background: var(--tara-row-odd);
}
.tara-ni-cell button[b-rclsi69uyy] {
  border: 0;
  background: transparent;
  color: var(--tara-text);
  display: grid;
  gap: 0.12rem;
  width: 100%;
  min-height: 44px;
  cursor: pointer;
}
.tara-ni-cell-flow[b-rclsi69uyy] {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: end;
  gap: .25rem;
}
.tara-ni-cell-actual[b-rclsi69uyy],
.tara-ni-cell-result[b-rclsi69uyy] {
  display: grid;
  gap: .04rem;
}
.tara-ni-cell-actual small[b-rclsi69uyy],
.tara-ni-cell-result small[b-rclsi69uyy] {
  font-size: .61rem;
  line-height: 1;
}
.tara-ni-cell-actual[b-rclsi69uyy] { color: var(--tara-text-muted); font-weight: 500; }
.tara-ni-cell-result[b-rclsi69uyy] { color: var(--tara-text); }
.tara-ni-cell-result strong[b-rclsi69uyy] { font-size: 1.08rem; }
.tara-ni-cell-arrow[b-rclsi69uyy] { color: var(--tara-text-muted); font-weight: 700; padding-bottom: .03rem; }
.tara-ni-cell button[draggable="true"][b-rclsi69uyy] {
  cursor: grab;
}
.tara-ni-cell button[draggable="true"]:active[b-rclsi69uyy] {
  cursor: grabbing;
}
.tara-ni-cell small[b-rclsi69uyy] {
  color: var(--tara-text-muted);
  font-size: 0.7rem;
}
.tara-ni-cell--out[b-rclsi69uyy] {
  background: color-mix(in srgb, var(--tara-warning) 12%, var(--tara-surface));
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--tara-warning) 68%, var(--tara-border));
}
.tara-ni-cell--out small[b-rclsi69uyy] {
  color: var(--tara-warning);
}
.tara-ni-cell--in[b-rclsi69uyy] {
  background: color-mix(in srgb, var(--tara-success) 15%, var(--tara-surface));
  box-shadow: inset 0 0 0 2px var(--tara-success);
}
.tara-ni-cell--in small[b-rclsi69uyy] {
  color: var(--tara-success);
}
.tara-ni-cell--pre[b-rclsi69uyy] {
  background: color-mix(in srgb, var(--tara-warning) 10%, var(--tara-surface));
  box-shadow:
    inset 0 0 0 2px color-mix(in srgb, var(--tara-warning) 68%, var(--tara-border));
}
.tara-ni-pre-badge[b-rclsi69uyy] {
  justify-self: center;
  border: 1px solid color-mix(in srgb, var(--tara-warning) 55%, var(--tara-border));
  border-radius: var(--tara-radius-sm);
  padding: 0.04rem 0.3rem;
  background: color-mix(in srgb, var(--tara-warning) 16%, var(--tara-surface));
  color: var(--tara-warning);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 1.25;
}
.tara-ni-movement-label[b-rclsi69uyy] {
  display: block;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.01em;
}
.tara-ni-cell--out .tara-ni-movement-label[b-rclsi69uyy] {
  color: var(--tara-warning);
}
.tara-ni-cell--in .tara-ni-movement-label[b-rclsi69uyy] {
  color: var(--tara-success);
}
.tara-ni-cell--drop-target[b-rclsi69uyy] {
  box-shadow: inset 0 0 0 3px var(--tara-primary-dark);
  background: color-mix(in srgb, var(--tara-primary) 18%, var(--tara-surface));
}
.tara-ni-cell--drop-target button[b-rclsi69uyy] {
  outline: 2px dashed var(--tara-primary-dark);
  outline-offset: -5px;
}
.tara-ni-cell--drop-invalid[b-rclsi69uyy] {
  opacity: 0.58;
}
.tara-ni-total[b-rclsi69uyy] {
  font-weight: 800;
  background: var(--tara-surface-raised);
}
.tara-ni-moves article[b-rclsi69uyy] {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 1rem;
  align-items: center;
  border-top: 1px solid var(--tara-border-subtle);
  padding: 0.75rem 0;
}
.tara-ni-moves article span[b-rclsi69uyy] {
  display: block;
  color: var(--tara-text-muted);
  font-size: 0.8rem;
}
.tara-ni-section-head[b-rclsi69uyy] {
  justify-content: space-between;
}
.tara-ni-summary[b-rclsi69uyy] {
  justify-content: space-between;
}
.tara-ni-filter-content[b-rclsi69uyy] {
  padding: 0.25rem;
}
.tara-ni-participants[b-rclsi69uyy] {
  display: grid;
  gap: 0.35rem;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--tara-border-subtle);
}
.tara-ni-participants > strong[b-rclsi69uyy] {
  color: var(--tara-text);
  font-size: 0.88rem;
}
.tara-ni-participants > span[b-rclsi69uyy] {
  color: var(--tara-text-muted);
  font-size: 0.8rem;
}
.tara-ni-participant-picker[b-rclsi69uyy],
.tara-ni-participant-summary[b-rclsi69uyy],
.tara-ni-participant-picker-panel[b-rclsi69uyy] {
  display: grid;
  gap: 0.55rem;
}
.tara-ni-participant-picker[b-rclsi69uyy] {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}
.tara-ni-participant-primary-actions[b-rclsi69uyy] {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.45rem;
}
[b-rclsi69uyy] .tara-ni-suggest-ai {
  color: var(--tara-text-inverse);
  background: linear-gradient(135deg, var(--tara-primary-deeper), var(--tara-primary)) !important;
  box-shadow: var(--tara-shadow-sm);
}
[b-rclsi69uyy] .tara-ni-suggest-ai:hover:not(:disabled) {
  background: linear-gradient(135deg, var(--tara-primary-dark), var(--tara-primary)) !important;
  box-shadow: var(--tara-shadow);
}
[b-rclsi69uyy] .tara-ni-suggest-ai.mud-button-disabled {
  background: var(--tara-surface-raised) !important;
  color: var(--tara-text-muted);
}
.tara-ni-participant-summary > strong[b-rclsi69uyy] {
  color: var(--tara-text);
  font-size: 0.86rem;
}
.tara-ni-participant-preview[b-rclsi69uyy] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.tara-ni-participant-picker-panel[b-rclsi69uyy] {
  padding: 0.75rem;
  border: 1px solid var(--tara-border);
  border-radius: var(--tara-radius-sm);
  background: color-mix(in srgb, var(--tara-surface-raised) 85%, var(--tara-surface));
}
.tara-ni-participant-picker-toolbar[b-rclsi69uyy],
.tara-ni-participant-picker-meta[b-rclsi69uyy],
.tara-ni-participant-actions[b-rclsi69uyy] {
  display: flex;
  gap: 0.65rem;
  flex-wrap: wrap;
}
.tara-ni-participant-picker-toolbar[b-rclsi69uyy] {
  align-items: flex-start;
  justify-content: space-between;
}
.tara-ni-participant-search[b-rclsi69uyy] {
  min-width: min(100%, 320px);
  flex: 1 1 260px;
}
.tara-ni-participant-actions[b-rclsi69uyy] {
  justify-content: flex-end;
}
.tara-ni-participant-picker-meta[b-rclsi69uyy] {
  justify-content: space-between;
  color: var(--tara-text-muted);
  font-size: 0.76rem;
  font-weight: 700;
}
.tara-ni-participant-list[b-rclsi69uyy] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.3rem 0.65rem;
  max-height: 260px;
  overflow: auto;
  padding-right: 0.15rem;
}
[b-rclsi69uyy] .tara-ni-participant-item {
  min-width: 0;
  margin: 0;
  padding: 0.42rem 0.55rem;
  border: 1px solid var(--tara-border);
  border-radius: var(--tara-radius-sm);
  background: var(--tara-surface);
}
[b-rclsi69uyy] .tara-ni-participant-item:hover {
  border-color: color-mix(in srgb, var(--tara-primary-dark) 40%, var(--tara-border));
  background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
}
[b-rclsi69uyy] .tara-ni-participant-item .mud-checkbox-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 700px) {
  .tara-ni-participant-picker[b-rclsi69uyy] {
    grid-template-columns: 1fr;
  }
  .tara-ni-participant-picker-toolbar[b-rclsi69uyy] {
    flex-direction: column;
    align-items: stretch;
  }
  .tara-ni-participant-primary-actions[b-rclsi69uyy] {
    justify-content: flex-start;
  }
  .tara-ni-participant-actions[b-rclsi69uyy] {
    justify-content: flex-start;
  }
  .tara-ni-participant-list[b-rclsi69uyy] {
    grid-template-columns: 1fr;
  }
}
.tara-ni-review[b-rclsi69uyy] {
  display: grid;
  gap: 0.9rem;
  min-width: 0;
  color: var(--tara-text);
}
.tara-ni-review h2[b-rclsi69uyy],
.tara-ni-review h3[b-rclsi69uyy],
.tara-ni-review p[b-rclsi69uyy] {
  margin: 0;
}
.tara-ni-review h2[b-rclsi69uyy] {
  font-size: 1.25rem;
}
.tara-ni-review h3[b-rclsi69uyy] {
  font-size: 1rem;
}
.tara-ni-review p[b-rclsi69uyy] {
  color: var(--tara-text-muted);
  font-size: 0.88rem;
}
.tara-ni-review-state[b-rclsi69uyy] {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 1rem;
  background: var(--tara-surface-raised);
  border: 1px solid var(--tara-border);
  border-radius: var(--tara-radius-sm);
  color: var(--tara-text-muted);
}
.tara-ni-review-group[b-rclsi69uyy] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.8rem;
  align-items: center;
  padding: 0.85rem;
  border: 1px solid var(--tara-border);
  border-radius: var(--tara-radius-sm);
  background: var(--tara-surface-raised);
}
.tara-ni-review-group ul[b-rclsi69uyy] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--tara-text-muted);
  font-size: 0.84rem;
}
.tara-ni-review-group li[b-rclsi69uyy] {
  font-variant-numeric: tabular-nums;
}
.tara-ni-review-group > div:last-child[b-rclsi69uyy] {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
}
.tara-ni-assistant header h2[b-rclsi69uyy] { margin: .2rem 0 1rem; color: var(--tara-text); }
.tara-ni-assistant-grid[b-rclsi69uyy] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr); gap: 1.25rem; }
.tara-ni-assistant-grid section[b-rclsi69uyy], .tara-ni-assistant-grid aside[b-rclsi69uyy] { padding: 1rem; border: 1px solid var(--tara-border); border-radius: var(--tara-radius-sm); }
.tara-ni-assistant-grid aside[b-rclsi69uyy] { background: var(--tara-bg); color: var(--tara-text-muted); }
.tara-ni-assistant-grid h3[b-rclsi69uyy] { margin: 0 0 .55rem; color: var(--tara-text); }
.tara-ni-assistant-grid aside h3:not(:first-child)[b-rclsi69uyy] { margin-top: 1rem; }
.tara-ni-assistant-grid section h3:not(:first-child)[b-rclsi69uyy] { margin-top: 1rem; }
.tara-ni-ai-recommendation[b-rclsi69uyy] {
  display: grid;
  gap: .5rem;
  margin-bottom: .85rem;
  padding: .85rem;
  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) 6%, var(--tara-surface));
  color: var(--tara-text);
}
.tara-ni-ai-recommendation p[b-rclsi69uyy] {
  margin: 0;
  color: var(--tara-text-muted);
  font-size: .84rem;
}
.tara-ni-ai-recommendation ul[b-rclsi69uyy] {
  margin: 0;
  padding-left: 1.05rem;
  color: var(--tara-text-muted);
  font-size: .82rem;
}
.tara-ni-ai-recommendation__label[b-rclsi69uyy] {
  justify-self: start;
  border-radius: 999px;
  padding: .16rem .55rem;
  background: var(--tara-primary-dark);
  color: var(--tara-text-inverse);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.tara-ni-assistant-progress[b-rclsi69uyy] {
  display: grid;
  gap: .55rem;
  margin: 0 0 1rem;
  color: var(--tara-text-muted);
  font-size: .88rem;
}
.tara-ni-assistant-pre-options[b-rclsi69uyy] {
  display: grid;
  gap: .35rem;
}
.tara-ni-assistant-help[b-rclsi69uyy] {
  margin: 0;
  color: var(--tara-text-muted);
  font-size: .82rem;
  line-height: 1.4;
}
[b-rclsi69uyy] .tara-ni-assistant-button-spinner {
  margin-right: .45rem;
}
.tara-ni-lab[b-rclsi69uyy] {
  display: grid;
  gap: 1rem;
  color: var(--tara-text);
}
.tara-ni-lab header h2[b-rclsi69uyy] {
  margin: .15rem 0;
  font-size: 1.25rem;
}
.tara-ni-lab header p[b-rclsi69uyy],
.tara-ni-lab-results p[b-rclsi69uyy] {
  margin: .2rem 0;
  color: var(--tara-text-muted);
  font-size: .88rem;
}
.tara-ni-lab-layout[b-rclsi69uyy] {
  display: grid;
  grid-template-columns: minmax(280px, 360px) 1fr;
  gap: 1rem;
  align-items: start;
}
.tara-ni-lab-rules[b-rclsi69uyy],
.tara-ni-lab-results[b-rclsi69uyy],
.tara-ni-lab-summary[b-rclsi69uyy],
.tara-ni-lab-moves article[b-rclsi69uyy],
.tara-ni-lab-store-list article[b-rclsi69uyy] {
  border: 1px solid var(--tara-border);
  border-radius: var(--tara-radius-sm);
  background: var(--tara-surface);
}
.tara-ni-lab-rules[b-rclsi69uyy],
.tara-ni-lab-results[b-rclsi69uyy] {
  padding: 1rem;
  display: grid;
  gap: .85rem;
}
.tara-ni-lab h3[b-rclsi69uyy] {
  margin: 0;
  font-size: .95rem;
  font-weight: 800;
}
.tara-ni-lab-numbers[b-rclsi69uyy],
.tara-ni-lab-compare[b-rclsi69uyy] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}
.tara-ni-lab-store-list[b-rclsi69uyy],
.tara-ni-lab-moves[b-rclsi69uyy] {
  display: grid;
  gap: .5rem;
  max-height: 340px;
  overflow: auto;
}
.tara-ni-lab-store-list article[b-rclsi69uyy],
.tara-ni-lab-moves article[b-rclsi69uyy],
.tara-ni-lab-summary[b-rclsi69uyy] {
  padding: .75rem;
}
.tara-ni-lab-summary[b-rclsi69uyy] {
  display: grid;
  gap: .25rem;
  color: var(--tara-text-muted);
  font-size: .83rem;
}
.tara-ni-lab-summary strong[b-rclsi69uyy],
.tara-ni-lab-store-list strong[b-rclsi69uyy],
.tara-ni-lab-moves strong[b-rclsi69uyy] {
  color: var(--tara-text);
}
.tara-ni-lab-delta[b-rclsi69uyy] {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
}
.tara-ni-lab-delta span[b-rclsi69uyy] {
  border: 1px solid var(--tara-border);
  border-radius: var(--tara-radius-sm);
  padding: .25rem .5rem;
  background: var(--tara-surface-raised);
  color: var(--tara-text-muted);
  font-size: .82rem;
}
.tara-ni-lab-moves article[b-rclsi69uyy] {
  display: grid;
  gap: .25rem;
}
.tara-ni-lab-moves span[b-rclsi69uyy] {
  color: var(--tara-text-muted);
  font-size: .84rem;
}
.tara-ni-lab-moves ul[b-rclsi69uyy] {
  margin: 0;
  padding-left: 1rem;
  color: var(--tara-text-muted);
}
@media (max-width: 760px) {
  .tara-ni-product > button[b-rclsi69uyy],
  .tara-ni-summary > button[b-rclsi69uyy] {
    margin-left: 0;
  }
  .tara-ni-moves article[b-rclsi69uyy] {
    grid-template-columns: 1fr auto;
  }
  .tara-ni-moves article > span[b-rclsi69uyy] {
    grid-column: 1/-1;
    order: 3;
  }
}
@media (max-width: 600px) {
  .tara-ni-assistant-grid[b-rclsi69uyy],
  .tara-ni-lab-layout[b-rclsi69uyy],
  .tara-ni-lab-numbers[b-rclsi69uyy],
  .tara-ni-lab-compare[b-rclsi69uyy] { grid-template-columns: 1fr; }
  .tara-ni-review-group[b-rclsi69uyy] {
    grid-template-columns: 1fr;
  }
  .tara-ni-review-group > div:last-child[b-rclsi69uyy] {
    justify-content: flex-start;
  }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenComprasRecibirFactura.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   AlmacenComprasRecibirFactura — Patrón Tarahumara Secundario
   Prefijo: tara-rf-*   Sin azul — no var(--tara-primary) en fondos/acentos.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Loading splash ─────────────────────────────────────────────────────── */
.tara-rf-loading[b-n1raxleupn] {
    min-height: 52vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    color: var(--tara-text-muted);
}

/* ── Page shell ─────────────────────────────────────────────────────────── */
.tara-rf-page[b-n1raxleupn] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
    padding-bottom: 5rem;
}

/* ── Header ─────────────────────────────────────────────────────────────── */
.tara-rf-header[b-n1raxleupn] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .7rem 1rem .65rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
    position: relative;
    overflow: hidden;
}

.tara-rf-header[b-n1raxleupn]::after {
    content: '';
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--tara-danger, #e53e3e);
    pointer-events: none;
}

.tara-rf-back-btn[b-n1raxleupn] { flex-shrink: 0; }

.tara-rf-title[b-n1raxleupn] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .06rem;
    min-width: 0;
}

.tara-rf-category[b-n1raxleupn] {
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--tara-danger, #e53e3e);
    opacity: .75;
    line-height: 1;
}

.tara-rf-title h1[b-n1raxleupn] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 900;
    letter-spacing: -.02em;
    color: var(--tara-text);
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tara-rf-subtitle[b-n1raxleupn] {
    font-size: .77rem;
    color: var(--tara-text-muted);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tara-rf-header-actions[b-n1raxleupn] {
    display: flex;
    align-items: center;
    gap: .3rem;
    flex-shrink: 0;
}

/* ── Capture card compacta (reemplaza 5 step-blocks) ───────────────────── */
.tara-rf-capture-card[b-n1raxleupn] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
    overflow: hidden;
    position: relative;
}

.tara-rf-capture-card[b-n1raxleupn]::before {
    content: '';
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--tara-danger, #e53e3e);
    pointer-events: none;
    z-index: 1;
}

.tara-rf-capture-band[b-n1raxleupn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    padding: .55rem .9rem .55rem 1.1rem;
}

.tara-rf-capture-band--fiscal[b-n1raxleupn] {
    align-items: flex-start;
    gap: 0;
}

.tara-rf-fiscal-fields[b-n1raxleupn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    flex: 1;
    min-width: 0;
}

.tara-rf-capture-divider[b-n1raxleupn] {
    height: 1px;
    background: var(--tara-border);
    margin: 0 .9rem;
}

.tara-rf-cap-chip[b-n1raxleupn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background: #b91c1c;
    color: #fff;
    font-size: .64rem;
    font-weight: 800;
    flex-shrink: 0;
    line-height: 1;
}

.tara-rf-cap-sep[b-n1raxleupn] {
    width: 1px;
    height: 1.6rem;
    background: var(--tara-border);
    flex-shrink: 0;
    margin: 0 .15rem;
}

.tara-rf-band-hint[b-n1raxleupn] {
    font-size: .76rem;
    color: var(--tara-text-muted);
    line-height: 1.35;
    flex-basis: 100%;
    margin: -.15rem 0 0;
    padding-left: .15rem;
}

.tara-rf-aviso-multi--incard[b-n1raxleupn] {
    margin: 0;
    border-radius: 0;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: 1px solid #fde68a;
}

/* ── Importes resumen (sidebar compacta en banda 3) ────────────────────── */
.tara-rf-importes-resumen[b-n1raxleupn] {
    flex: 0 0 auto;
    min-width: 200px;
    max-width: 260px;
    border-left: 1px solid var(--tara-border);
    background: var(--tara-surface-elevated, #fafafa);
    padding: .55rem .8rem .55rem .9rem;
    display: flex;
    flex-direction: column;
    gap: .22rem;
    align-self: stretch;
    justify-content: center;
}

.tara-rf-res-row[b-n1raxleupn] {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    font-size: .83rem;
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-rf-res-row--neg .tara-rf-res-val[b-n1raxleupn],
.tara-rf-res-row--neg .tara-rf-res-lbl[b-n1raxleupn] { color: #b91c1c; }

.tara-rf-res-row--muted[b-n1raxleupn] { opacity: .55; }

.tara-rf-res-lbl[b-n1raxleupn] { white-space: nowrap; }
.tara-rf-res-val[b-n1raxleupn] { font-variant-numeric: tabular-nums; font-weight: 600; white-space: nowrap; }

.tara-rf-res-divider[b-n1raxleupn] {
    border: none;
    border-top: 1px solid var(--tara-border);
    margin: .2rem 0;
}

.tara-rf-res-total[b-n1raxleupn] {
    font-size: .92rem;
    font-weight: 800;
    color: #b91c1c;
}
.tara-rf-res-total .tara-rf-res-lbl[b-n1raxleupn],
.tara-rf-res-total .tara-rf-res-val[b-n1raxleupn] { color: #b91c1c; }

.tara-rf-config-row[b-n1raxleupn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.tara-rf-field[b-n1raxleupn] { flex-shrink: 0; }

.tara-rf-field--xs[b-n1raxleupn]  { min-width: 95px;  max-width: 130px; }
.tara-rf-field--sm[b-n1raxleupn]  { min-width: 128px; max-width: 185px; }
.tara-rf-field--md[b-n1raxleupn]  { min-width: 195px; max-width: 285px; }
.tara-rf-field--lg[b-n1raxleupn]  { min-width: 240px; flex: 1; max-width: 500px; }

/* ── Campos proporcionales del Row 1 ────────────────────────────────────── */
/* Pedido vigente es el más ancho (~38-42%), resto ~19-23% */
.tara-rf-capture-band--row1[b-n1raxleupn] { flex-wrap: wrap; }

.tara-rf-field--prov[b-n1raxleupn]   { flex: 1.8 1 150px; min-width: 150px; max-width: 280px; }
.tara-rf-field--pedido[b-n1raxleupn] { flex: 3.8 1 200px; min-width: 200px; max-width: 440px; }
.tara-rf-field--tienda[b-n1raxleupn] { flex: 1.8 1 150px; min-width: 150px; max-width: 280px; }
.tara-rf-field--razon[b-n1raxleupn]  { flex: 2.2 1 165px; min-width: 165px; max-width: 320px; }

/* ── Autocomplete: sin azul ──────────────────────────────────────────────── */
[b-n1raxleupn] .tara-rf-autocomplete .mud-input-outlined.mud-input-root-adorned-end {
    padding-right: 0;
}

/* ── Mensaje de estado ──────────────────────────────────────────────────── */
.tara-rf-mensaje[b-n1raxleupn] {
    padding: .38rem .7rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface-elevated);
    color: var(--tara-text-muted);
    font-size: .83rem;
}

/* ── Aviso multi-tienda ─────────────────────────────────────────────────── */
.tara-rf-aviso-multi[b-n1raxleupn] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    padding: .5rem .75rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid #fde68a;
    background: #fffbeb;
    color: #92400e;
    font-size: .83rem;
    line-height: 1.45;
}

.tara-rf-aviso-multi-icon[b-n1raxleupn] {
    flex-shrink: 0;
    color: #d97706;
    font-size: 1rem !important;
    width: 1rem !important;
    height: 1rem !important;
    margin-top: .1rem;
}

.tara-rf-aviso-multi--modal[b-n1raxleupn] {
    margin-top: .5rem;
    font-size: .8rem;
}

/* ── Errores de validación ──────────────────────────────────────────────── */
.tara-rf-errores[b-n1raxleupn] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    padding: .6rem .8rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--tara-danger, #e53e3e) 35%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-danger, #e53e3e) 7%, var(--tara-surface));
}

.tara-rf-errores-icon[b-n1raxleupn] {
    color: var(--tara-danger, #e53e3e);
    flex-shrink: 0;
    font-size: 1.15rem !important;
    width: 1.15rem !important;
    height: 1.15rem !important;
    margin-top: .06rem;
}

.tara-rf-errores-list[b-n1raxleupn] {
    margin: 0;
    padding: 0 0 0 1.1rem;
    list-style: disc;
    font-size: .84rem;
    color: var(--tara-danger, #e53e3e);
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

/* ── Resumen de sobre-recepción ─────────────────────────────────────────── */
.tara-rf-exceso-global[b-n1raxleupn] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    padding: .65rem .8rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--tara-warning, #f59e0b) 38%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-warning, #f59e0b) 10%, var(--tara-surface));
    color: color-mix(in srgb, var(--tara-warning, #f59e0b) 78%, var(--tara-text));
}

.tara-rf-exceso-global--modal[b-n1raxleupn] {
    margin-top: .35rem;
}

.tara-rf-exceso-global-icon[b-n1raxleupn] {
    color: var(--tara-warning, #f59e0b);
    flex-shrink: 0;
    font-size: 1.2rem !important;
    width: 1.2rem !important;
    height: 1.2rem !important;
    margin-top: .08rem;
}

.tara-rf-exceso-global-body[b-n1raxleupn] {
    display: flex;
    flex-direction: column;
    gap: .18rem;
    font-size: .84rem;
    line-height: 1.4;
}

.tara-rf-exceso-global-body strong[b-n1raxleupn] {
    color: color-mix(in srgb, var(--tara-warning, #f59e0b) 88%, var(--tara-text));
}

/* ── Accordion: card colapsada ──────────────────────────────────────────── */
.tara-rf-capture-card--collapsed[b-n1raxleupn] {
    min-height: 52px;
}

.tara-rf-capture-summary[b-n1raxleupn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .6rem 1rem .6rem 1.1rem;
    min-height: 52px;
}

.tara-rf-capture-summary-main[b-n1raxleupn] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .22rem .1rem;
    min-width: 0;
    flex: 1;
    font-size: .84rem;
    color: var(--tara-text);
    line-height: 1.4;
}

.tara-rf-summary-item[b-n1raxleupn] {
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tara-rf-summary-item--prov[b-n1raxleupn] {
    font-weight: 700;
    color: var(--tara-text);
    max-width: 260px;
}

.tara-rf-summary-item--pending[b-n1raxleupn] {
    color: #d97706;
    font-style: italic;
}

.tara-rf-summary-sep[b-n1raxleupn] {
    color: var(--tara-text-muted);
    opacity: .5;
    padding: 0 .18rem;
    flex-shrink: 0;
    user-select: none;
}

.tara-rf-capture-summary-action[b-n1raxleupn] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

/* Botón toggle (Editar datos / Ocultar datos) */
[b-n1raxleupn] .tara-rf-capture-toggle-btn.mud-button-outlined {
    border-color: color-mix(in srgb, #e53e3e 45%, var(--tara-border));
    font-size: .78rem;
    padding: .18rem .65rem;
    min-height: 32px;
    white-space: nowrap;
}

[b-n1raxleupn] .tara-rf-capture-toggle-btn.mud-button-text {
    font-size: .78rem;
    padding: .18rem .45rem;
    min-height: 32px;
    white-space: nowrap;
    opacity: .75;
}

[b-n1raxleupn] .tara-rf-capture-toggle-btn.mud-button-text:hover {
    opacity: 1;
}

/* Strip de toggle en estado expandido */
.tara-rf-capture-toggle[b-n1raxleupn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .3rem 1rem .3rem 1.1rem;
    min-height: 38px;
    background: color-mix(in srgb, var(--tara-surface-elevated, #fafafa) 60%, transparent);
}

.tara-rf-capture-toggle-label[b-n1raxleupn] {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

/* Chip multitienda en resumen colapsado */
.tara-rf-summary-item--multi[b-n1raxleupn] {
    background: #fde68a;
    color: #92400e;
    font-size: .7rem;
    font-weight: 700;
    padding: .05rem .35rem;
    border-radius: 4px;
    white-space: nowrap;
}

/* ── KPI cards protagonistas ────────────────────────────────────────────── */
.tara-rf-kpi-cards[b-n1raxleupn] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: .5rem;
}

.tara-rf-kpi-cards--empty[b-n1raxleupn] {
    opacity: .38;
    pointer-events: none;
}

.tara-rf-kpi-card[b-n1raxleupn] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    box-shadow: var(--tara-shadow-sm);
    padding: .55rem .8rem .6rem;
    display: flex;
    flex-direction: column;
    gap: .22rem;
    min-height: 68px;
    justify-content: center;
}

.tara-rf-kpi-card-lbl[b-n1raxleupn] {
    font-size: .64rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
    line-height: 1;
    white-space: nowrap;
}

.tara-rf-kpi-card-val[b-n1raxleupn] {
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--tara-text);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    line-height: 1.2;
}

.tara-rf-kpi-card--amber .tara-rf-kpi-card-lbl[b-n1raxleupn] { color: color-mix(in srgb, var(--tara-warning, #f59e0b) 70%, var(--tara-text-muted)); }
.tara-rf-kpi-card--amber .tara-rf-kpi-card-val[b-n1raxleupn]  { color: color-mix(in srgb, var(--tara-warning, #f59e0b) 82%, var(--tara-text)); }
.tara-rf-kpi-card--amber[b-n1raxleupn] {
    border-color: color-mix(in srgb, var(--tara-warning, #f59e0b) 25%, var(--tara-border));
}

.tara-rf-kpi-card--financial .tara-rf-kpi-card-val[b-n1raxleupn] {
    font-size: 1rem;
}

.tara-rf-kpi-card--total[b-n1raxleupn] {
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary-dark) 28%, var(--tara-border));
    box-shadow: 0 2px 8px color-mix(in srgb, var(--tara-primary-dark) 12%, transparent), var(--tara-shadow-sm);
}
.tara-rf-kpi-card--total .tara-rf-kpi-card-lbl[b-n1raxleupn] { color: color-mix(in srgb, var(--tara-primary-dark) 55%, var(--tara-text-muted)); }
.tara-rf-kpi-card--total .tara-rf-kpi-card-val[b-n1raxleupn] {
    font-size: 1.3rem;
    font-weight: 900;
    color: var(--tara-primary-dark);
}

/* ══════════════════════════════════════════════════════════════════════════
   KPI ROW — 6 cards en una sola fila desktop con CSS grid
   ══════════════════════════════════════════════════════════════════════════ */

/* Una sola fila: 3 operativos compactos + 3 financieros más anchos */
.tara-rf-kpi-row[b-n1raxleupn] {
    display: grid;
    grid-template-columns:
        minmax(90px,  .7fr)   /* Pedidos   */
        minmax(100px, .8fr)   /* Renglones */
        minmax(90px,  .7fr)   /* Piezas    */
        minmax(160px, 1.2fr)  /* Subtotal  */
        minmax(155px, 1.1fr)  /* IVA       */
        minmax(190px, 1.5fr); /* Total     */
    gap: .55rem;
    align-items: stretch;
}

/* Card base */
.tara-rf-kc[b-n1raxleupn] {
    display: flex;
    align-items: center;
    gap: .6rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding: .5rem .7rem;
    box-shadow: var(--tara-shadow-sm);
}

.tara-rf-kc-icon[b-n1raxleupn] {
    color: var(--tara-text-muted);
    opacity: .55;
    flex-shrink: 0;
}

.tara-rf-kc-body[b-n1raxleupn] {
    display: flex;
    flex-direction: column;
    gap: .06rem;
    min-width: 0;
    flex: 1;
}

.tara-rf-kc-lbl[b-n1raxleupn] {
    font-size: .63rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tara-rf-kc-val[b-n1raxleupn] {
    font-size: 1.12rem;
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--tara-text);
    line-height: 1.3;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.tara-rf-kc-sub[b-n1raxleupn] {
    font-size: .7rem;
    color: var(--tara-text-muted);
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}

/* Variante ámbar — Piezas */
.tara-rf-kc--amber .tara-rf-kc-icon[b-n1raxleupn] { color: var(--tara-warning, #f59e0b); opacity: 1; }
.tara-rf-kc--amber .tara-rf-kc-val[b-n1raxleupn]  { color: color-mix(in srgb, var(--tara-warning, #f59e0b) 70%, var(--tara-text)); }

/* Variante IVA — ámbar suave */
.tara-rf-kc--iva[b-n1raxleupn] {
    border-color: color-mix(in srgb, var(--tara-warning, #f59e0b) 28%, var(--tara-border));
}
.tara-rf-kc--iva .tara-rf-kc-icon[b-n1raxleupn] { color: var(--tara-warning, #f59e0b); opacity: 1; }
.tara-rf-kc--iva .tara-rf-kc-lbl[b-n1raxleupn]  { color: color-mix(in srgb, var(--tara-warning, #f59e0b) 60%, var(--tara-text-muted)); }
.tara-rf-kc--iva .tara-rf-kc-val[b-n1raxleupn]  { color: color-mix(in srgb, var(--tara-warning, #f59e0b) 75%, var(--tara-text)); }

/* IVA atenuado cuando es reingreso */
.tara-rf-kc--muted[b-n1raxleupn] { opacity: .38; }

/* Total — protagonista absoluto */
.tara-rf-kc--total[b-n1raxleupn] {
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    border: 1.5px solid color-mix(in srgb, var(--tara-primary-dark) 30%, var(--tara-border));
    box-shadow: 0 2px 10px color-mix(in srgb, var(--tara-primary-dark) 14%, transparent),
                var(--tara-shadow-sm);
}
.tara-rf-kc--total .tara-rf-kc-icon[b-n1raxleupn] { color: var(--tara-primary-dark); opacity: .85; }
.tara-rf-kc--total .tara-rf-kc-lbl[b-n1raxleupn]  { color: color-mix(in srgb, var(--tara-primary-dark) 55%, var(--tara-text-muted)); }
.tara-rf-kc--total .tara-rf-kc-val[b-n1raxleupn]  {
    font-size: 1.45rem;
    font-weight: 900;
    letter-spacing: -.03em;
    color: var(--tara-primary-dark);
}

.tara-rf-inline-action[b-n1raxleupn] {
    min-height: 36px;
    padding-inline: .7rem;
}

.tara-rf-inline-action__label[b-n1raxleupn] {
    display: none;
}

/* ── Grid shell ─────────────────────────────────────────────────────────── */
.tara-rf-grid-shell[b-n1raxleupn] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
    overflow: hidden;
    display: flex;
    flex-direction: column;

    --_th-gradient: linear-gradient(180deg, #FBF1EA 0%, #F3E3D3 100%);
    --_th-border-top: #EDD8C5;
}

[data-theme="dark"] .tara-rf-grid-shell[b-n1raxleupn] {
    --_th-gradient: linear-gradient(180deg, #22262f 0%, #1e2229 100%);
    --_th-border-top: var(--tara-border);
}

/* ── Grid toolbar ───────────────────────────────────────────────────────── */
.tara-rf-grid-toolbar[b-n1raxleupn] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
    padding: .5rem .65rem;
    border-bottom: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface-elevated) 80%, transparent);
}

.tara-rf-search-field[b-n1raxleupn] {
    min-width: 180px;
    flex: 1;
    max-width: 380px;
}

.tara-rf-count-chip[b-n1raxleupn] {
    font-size: .77rem;
    font-weight: 600;
    color: var(--tara-text-muted);
    white-space: nowrap;
    padding: .22rem .5rem;
    border: 1px solid var(--tara-border);
    border-radius: 20px;
    background: var(--tara-surface);
}

/* ── Loading row ────────────────────────────────────────────────────────── */
.tara-rf-loading-row[b-n1raxleupn] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    padding: 2.2rem 1rem;
    color: var(--tara-text-muted);
    font-size: .9rem;
}

/* ── Empty states ───────────────────────────────────────────────────────── */
.tara-rf-empty-state[b-n1raxleupn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.8rem 1.5rem;
    text-align: center;
    gap: .35rem;
}

.tara-rf-empty-icon[b-n1raxleupn] {
    font-size: 2.8rem !important;
    width: 2.8rem !important;
    height: 2.8rem !important;
    color: var(--tara-text-muted);
    opacity: .38;
    margin-bottom: .25rem;
}

.tara-rf-empty-title[b-n1raxleupn] {
    margin: 0;
    font-size: .98rem;
    font-weight: 700;
    color: var(--tara-text);
}

.tara-rf-empty-sub[b-n1raxleupn] {
    margin: 0;
    font-size: .83rem;
    color: var(--tara-text-muted);
    max-width: 320px;
    line-height: 1.45;
}

/* ── Table wrap: altura controlada ──────────────────────────────────────── */
.tara-rf-table-wrap[b-n1raxleupn] {
    overflow-x: auto;
    overflow-y: auto;
    max-height: clamp(240px, calc(100vh - 420px), 66vh);
    scrollbar-gutter: stable;
}

[b-n1raxleupn] .tara-rf-table .mud-table-root { background: transparent; }

[b-n1raxleupn] .tara-rf-table thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

[b-n1raxleupn] .tara-rf-table thead th {
    background: var(--_th-gradient);
    border-top: 2px solid var(--_th-border-top);
    color: var(--tara-th-text, #5a3a1a);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
    padding: .42rem .55rem;
}

/* Column widths */
[b-n1raxleupn] .tara-rf-th--desc   { min-width: 200px; }
[b-n1raxleupn] .tara-rf-th--talla  { min-width: 70px; }
[b-n1raxleupn] .tara-rf-th--pedido { min-width: 100px; }
[b-n1raxleupn] .tara-rf-th--tienda { min-width: 115px; }
[b-n1raxleupn] .tara-rf-th--num    { min-width: 72px; text-align: right !important; }
[b-n1raxleupn] .tara-rf-th--center { text-align: center !important; }
[b-n1raxleupn] .tara-rf-th--input  { min-width: 112px; }
[b-n1raxleupn] .tara-rf-th--action { min-width: 46px; width: 46px; }

/* Rows */
[b-n1raxleupn] .tara-rf-table tbody tr:nth-child(odd)  { background: var(--tara-row-odd, #fffcfa); }
[b-n1raxleupn] .tara-rf-table tbody tr:nth-child(even) { background: var(--tara-row-even, #fff); }
[b-n1raxleupn] .tara-rf-table tbody tr:hover           { background: var(--tara-hover, rgba(0,0,0,.03)); }

/* Row state: inactive (CantidadRecibir = 0) */
[b-n1raxleupn] .tara-rf-row--inactive { opacity: .42; }
[b-n1raxleupn] .tara-rf-row--warn {
    background: color-mix(in srgb, var(--tara-warning, #f59e0b) 7%, transparent) !important;
}
/* Renglón desactivado (Activo=false) — más atenuado que qty=0 */
[b-n1raxleupn] .tara-rf-row--off { opacity: .28; text-decoration: line-through; }

/* FIX: MudTd renderiza <td> como componente hijo — requiere ::deep para que
   el selector scoped de Blazor lo alcance (sin ::deep, el selector compila
   a [b-xxxx].class que nunca coincide con elementos de componentes hijo) */
[b-n1raxleupn] .tara-rf-td--center {
    text-align: center !important;
    font-variant-numeric: tabular-nums;
    font-size: .84rem;
}

[b-n1raxleupn] .tara-rf-td--num {
    text-align: right !important;
    font-variant-numeric: tabular-nums;
    font-size: .84rem;
}

[b-n1raxleupn] .tara-rf-td--importe {
    font-weight: 700;
    color: var(--tara-text);
}

[b-n1raxleupn] .tara-rf-td--costo-warn {
    background: color-mix(in srgb, var(--tara-warning, #f59e0b) 10%, transparent) !important;
}

/* Descripción con ellipsis */
.tara-rf-desc-text[b-n1raxleupn] {
    font-size: .83rem;
    color: var(--tara-text);
    display: block;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

/* Chip de talla */
.tara-rf-talla-chip[b-n1raxleupn] {
    display: inline-block;
    padding: .1rem .38rem;
    border-radius: 4px;
    font-size: .76rem;
    font-weight: 700;
    background: color-mix(in srgb, var(--tara-warning, #f59e0b) 14%, transparent);
    color: color-mix(in srgb, var(--tara-warning, #f59e0b) 80%, var(--tara-text));
    white-space: nowrap;
}

/* Folio pedido */
.tara-rf-pedido-ref[b-n1raxleupn] {
    font-size: .79rem;
    color: var(--tara-text-muted);
    font-weight: 600;
}

/* Pendiente coloring */
.tara-rf-pend-pos[b-n1raxleupn]  { color: color-mix(in srgb, var(--tara-warning, #f59e0b) 80%, var(--tara-text)); font-weight: 700; }
.tara-rf-pend-zero[b-n1raxleupn] { color: var(--tara-text-muted); }

.tara-rf-renglon-audit[b-n1raxleupn] {
    display: flex;
    flex-wrap: wrap;
    gap: .2rem .55rem;
    margin-top: .28rem;
    font-size: .72rem;
    color: var(--tara-text-muted);
    line-height: 1.35;
}

.tara-rf-renglon-audit--warn[b-n1raxleupn] {
    color: color-mix(in srgb, var(--tara-warning, #f59e0b) 80%, var(--tara-text));
    font-weight: 600;
}

.tara-rf-renglon-audit--warn strong[b-n1raxleupn] {
    color: color-mix(in srgb, var(--tara-warning, #f59e0b) 92%, var(--tara-text));
}

/* NumericField compacto */
[b-n1raxleupn] .tara-rf-num-field .mud-input-root-outlined { max-width: 102px; }
[b-n1raxleupn] .tara-rf-num-field input {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-size: .84rem;
    padding-top: .3rem;
    padding-bottom: .3rem;
}

[b-n1raxleupn] .tara-rf-num-field--warn .mud-input-outlined-border {
    border-color: color-mix(in srgb, var(--tara-warning, #f59e0b) 55%, var(--tara-border)) !important;
}

/* ── Cards mobile ───────────────────────────────────────────────────────── */
.tara-rf-card-list[b-n1raxleupn] {
    display: none;
    flex-direction: column;
    gap: .5rem;
    padding: .6rem;
}

.tara-rf-card[b-n1raxleupn] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding: .7rem .75rem;
    display: flex;
    flex-direction: column;
    gap: .42rem;
    transition: opacity .2s;
}

.tara-rf-card--inactive[b-n1raxleupn] { opacity: .42; }
/* Card desactivada (Activo=false) */
.tara-rf-card--off[b-n1raxleupn] { opacity: .28; text-decoration: line-through; }

.tara-rf-card-head[b-n1raxleupn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .4rem;
}

.tara-rf-card-head-main[b-n1raxleupn] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .2rem;
    min-width: 0;
}

.tara-rf-card-desc[b-n1raxleupn] {
    font-size: .88rem;
    font-weight: 700;
    color: var(--tara-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tara-rf-card-talla[b-n1raxleupn] {
    display: inline-block;
    padding: .07rem .33rem;
    border-radius: 3px;
    font-size: .71rem;
    font-weight: 700;
    background: color-mix(in srgb, var(--tara-warning, #f59e0b) 14%, transparent);
    color: color-mix(in srgb, var(--tara-warning, #f59e0b) 82%, var(--tara-text));
    width: fit-content;
}

.tara-rf-card-meta[b-n1raxleupn] {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .77rem;
    color: var(--tara-text-muted);
}

.tara-rf-card-pedido[b-n1raxleupn] { font-weight: 600; }
.tara-rf-card-sep[b-n1raxleupn]    { opacity: .35; }

.tara-rf-card-qtys[b-n1raxleupn] {
    display: flex;
    gap: .7rem;
    font-size: .8rem;
    color: var(--tara-text);
    padding: .28rem 0;
    border-top: 1px solid color-mix(in srgb, var(--tara-border) 55%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--tara-border) 55%, transparent);
}

.tara-rf-qty-label[b-n1raxleupn] {
    font-size: .64rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--tara-text-muted);
    margin-right: .12rem;
}

.tara-rf-card-inputs[b-n1raxleupn] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
    align-items: flex-end;
}

.tara-rf-card-input-group[b-n1raxleupn] {
    display: flex;
    flex-direction: column;
    gap: .12rem;
    flex: 1;
    min-width: 88px;
}

.tara-rf-card-input-label[b-n1raxleupn] {
    font-size: .65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--tara-text-muted);
}

[b-n1raxleupn] .tara-rf-card-num-field .mud-input-root-outlined { width: 100%; }
[b-n1raxleupn] .tara-rf-card-num-field input {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.tara-rf-card-importe[b-n1raxleupn] {
    font-size: .9rem;
    font-weight: 800;
    color: var(--tara-text);
    font-variant-numeric: tabular-nums;
    display: block;
    padding: .28rem 0;
}

.tara-rf-card-importe--zero[b-n1raxleupn] {
    color: var(--tara-text-muted);
    font-weight: 500;
}

[b-n1raxleupn] .tara-rf-card-num-field.tara-rf-num-field--warn .mud-input-outlined-border {
    border-color: color-mix(in srgb, var(--tara-warning, #f59e0b) 55%, var(--tara-border)) !important;
}

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 760px) {
    .tara-rf-table-wrap[b-n1raxleupn] {
        display: none !important;
    }

    .tara-rf-card-list[b-n1raxleupn] {
        display: flex;
    }

    .tara-rf-title h1[b-n1raxleupn] {
        font-size: 1.05rem;
    }

    .tara-rf-subtitle[b-n1raxleupn] {
        display: none;
    }

    /* Tablet/mobile: 3 columnas (dos filas de 3) */
    .tara-rf-kpi-row[b-n1raxleupn] {
        grid-template-columns: repeat(3, 1fr);
    }

    .tara-rf-capture-card[b-n1raxleupn] {
        border-radius: var(--tara-radius-sm);
    }

    .tara-rf-capture-band[b-n1raxleupn] {
        padding: .5rem .75rem .5rem .9rem;
    }

    .tara-rf-importes-resumen[b-n1raxleupn] {
        min-width: 100%;
        max-width: 100%;
        border-left: none;
        border-top: 1px solid var(--tara-border);
        align-self: auto;
    }

    /* KPI cards: 3 columnas en tablet */
    .tara-rf-kpi-cards[b-n1raxleupn] {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ══════════════════════════════════════════════════════════════════════════
   STICKY FOOTER
   ══════════════════════════════════════════════════════════════════════════ */
.tara-rf-sticky-footer[b-n1raxleupn] {
    position: sticky;
    bottom: 0;
    z-index: 20;
    background: var(--tara-surface);
    border-top: 2px solid color-mix(in srgb, var(--tara-primary-dark) 22%, var(--tara-border));
    box-shadow: 0 -4px 18px rgba(0, 0, 0, .09);
    padding: .52rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-rf-footer-stats[b-n1raxleupn] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
    flex: 1;
    min-width: 0;
}

.tara-rf-footer-stat[b-n1raxleupn] {
    display: flex;
    align-items: center;
    gap: .22rem;
    font-size: .81rem;
    color: var(--tara-text-muted);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.tara-rf-footer-stat--muted[b-n1raxleupn] {
    opacity: .45;
    text-decoration: line-through;
}

.tara-rf-footer-stat--warn[b-n1raxleupn] {
    color: color-mix(in srgb, var(--tara-warning, #f59e0b) 82%, var(--tara-text));
    font-weight: 700;
}

/* Total en footer — protagonista */
.tara-rf-footer-total[b-n1raxleupn] {
    font-size: .92rem;
    font-weight: 800;
    color: var(--tara-primary-dark);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.tara-rf-footer-sep[b-n1raxleupn] {
    color: var(--tara-border);
    font-size: .9rem;
    user-select: none;
    flex-shrink: 0;
}

.tara-rf-footer-icon[b-n1raxleupn] {
    opacity: .55;
    font-size: 1rem !important;
    width: 1rem !important;
    height: 1rem !important;
}

.tara-rf-footer-actions[b-n1raxleupn] { flex-shrink: 0; }
.tara-rf-save-btn[b-n1raxleupn]       { white-space: nowrap; }

/* Glow sutil cuando el formulario está listo para guardar */
@keyframes tara-rf-save-pulse-b-n1raxleupn {
    0%, 100% { box-shadow: 0 0 0 0 rgba(21, 128, 61, 0); }
    50%       { box-shadow: 0 0 0 5px rgba(21, 128, 61, .22); }
}
[b-n1raxleupn] .tara-rf-save-btn--listo.mud-button-filled {
    box-shadow: 0 2px 12px rgba(21, 128, 61, .35), 0 1px 4px rgba(0,0,0,.12);
    animation: tara-rf-save-pulse-b-n1raxleupn 2s ease-in-out infinite;
}
[b-n1raxleupn] .tara-rf-save-btn--listo.mud-button-filled:hover {
    animation: none;
    box-shadow: 0 4px 18px rgba(21, 128, 61, .48), 0 2px 6px rgba(0,0,0,.18);
}

/* ── Chip de estado visual ──────────────────────────────────────────── */
.tara-rf-estado-chip[b-n1raxleupn] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    align-self: flex-start;
    padding: .32rem .75rem .32rem .6rem;
    border-radius: 20px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
    border: 1.5px solid;
    line-height: 1;
    transition: background .25s ease, border-color .25s ease, color .25s ease;
    user-select: none;
}

/* Dot indicador interno */
.tara-rf-estado-chip[b-n1raxleupn]::before {
    content: '';
    display: inline-block;
    width: .48rem;
    height: .48rem;
    border-radius: 50%;
    flex-shrink: 0;
    transition: background .25s ease;
}

/* SIN CONFIGURAR — gris/muted */
.tara-rf-estado-chip--sin-conf[b-n1raxleupn] {
    background: color-mix(in srgb, var(--tara-text-muted) 8%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-text-muted) 25%, var(--tara-border));
    color: var(--tara-text-muted);
}
.tara-rf-estado-chip--sin-conf[b-n1raxleupn]::before { background: var(--tara-text-muted); opacity: .45; }

/* CONFIGURADO — ámbar */
.tara-rf-estado-chip--conf[b-n1raxleupn] {
    background: color-mix(in srgb, var(--tara-warning, #f59e0b) 10%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-warning, #f59e0b) 40%, var(--tara-border));
    color: color-mix(in srgb, var(--tara-warning, #f59e0b) 78%, var(--tara-text));
}
.tara-rf-estado-chip--conf[b-n1raxleupn]::before { background: var(--tara-warning, #f59e0b); }

[data-theme="dark"] .tara-rf-estado-chip--conf[b-n1raxleupn] {
    color: color-mix(in srgb, var(--tara-warning, #f59e0b) 72%, white);
}

.tara-rf-estado-chip--warn[b-n1raxleupn] {
    background: color-mix(in srgb, var(--tara-warning, #f59e0b) 12%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-warning, #f59e0b) 52%, var(--tara-border));
    color: color-mix(in srgb, var(--tara-warning, #f59e0b) 88%, var(--tara-text));
}

.tara-rf-estado-chip--warn[b-n1raxleupn]::before { background: var(--tara-warning, #f59e0b); }

[data-theme="dark"] .tara-rf-estado-chip--warn[b-n1raxleupn] {
    color: color-mix(in srgb, var(--tara-warning, #fbbf24) 74%, white);
}

/* LISTO PARA GUARDAR — verde éxito */
@keyframes tara-rf-chip-glow-b-n1raxleupn {
    0%, 100% { box-shadow: 0 0 0 0 rgba(21, 128, 61, 0); }
    60%       { box-shadow: 0 0 0 4px rgba(21, 128, 61, .18); }
}
.tara-rf-estado-chip--listo[b-n1raxleupn] {
    background: color-mix(in srgb, var(--tara-success, #15803d) 10%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-success, #15803d) 40%, var(--tara-border));
    color: color-mix(in srgb, var(--tara-success, #15803d) 82%, var(--tara-text));
    animation: tara-rf-chip-glow-b-n1raxleupn 2.4s ease-in-out infinite;
}
.tara-rf-estado-chip--listo[b-n1raxleupn]::before { background: var(--tara-success, #16a34a); }

[data-theme="dark"] .tara-rf-estado-chip--listo[b-n1raxleupn] {
    background: color-mix(in srgb, var(--tara-success, #22c55e) 12%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-success, #22c55e) 35%, var(--tara-border));
    color: color-mix(in srgb, var(--tara-success, #22c55e) 58%, white);
}
[data-theme="dark"] .tara-rf-estado-chip--listo[b-n1raxleupn]::before { background: var(--tara-success, #22c55e); }

@media (max-width: 520px) {
    /* Mobile: 2 columnas, Total ocupa todo el ancho */
    .tara-rf-kpi-row[b-n1raxleupn] {
        grid-template-columns: repeat(2, 1fr);
    }

    .tara-rf-kc--total[b-n1raxleupn] {
        grid-column: 1 / -1;
    }

    /* KPI cards: 2 columnas en móvil, Total ancho completo */
    .tara-rf-kpi-cards[b-n1raxleupn] {
        grid-template-columns: repeat(2, 1fr);
    }

    .tara-rf-kpi-card--total[b-n1raxleupn] {
        grid-column: 1 / -1;
    }

    .tara-rf-footer-sep--hide-sm[b-n1raxleupn],
    .tara-rf-footer-stat--hide-sm[b-n1raxleupn] {
        display: none;
    }

    .tara-rf-sticky-footer[b-n1raxleupn] {
        padding: .42rem .65rem;
    }

    .tara-rf-footer-stats[b-n1raxleupn] {
        gap: .3rem;
    }

    .tara-rf-footer-actions[b-n1raxleupn] {
        width: 100%;
    }

    [b-n1raxleupn] .tara-rf-save-btn.mud-button-root {
        width: 100%;
        min-height: 48px;
        justify-content: center;
    }
}

/* ══════════════════════════════════════════════════════════════════════════
   MODAL DE CONFIRMACIÓN TARAHUMARA
   ══════════════════════════════════════════════════════════════════════════ */
.tara-rf-modal-overlay[b-n1raxleupn] {
    position: fixed;
    inset: 0;
    z-index: 100;
    background: rgba(0, 0, 0, .48);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    backdrop-filter: blur(2px);
}

.tara-rf-modal[b-n1raxleupn] {
    background: var(--tara-surface);
    border-radius: var(--tara-radius);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .28);
    width: 100%;
    max-width: 460px;
    max-height: 88vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    animation: tara-modal-in-b-n1raxleupn .18s ease-out;
}

@keyframes tara-modal-in-b-n1raxleupn {
    from { opacity: 0; transform: translateY(-12px) scale(.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* Modal head */
.tara-rf-modal-head[b-n1raxleupn] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .85rem 1rem .8rem;
    border-bottom: 1px solid var(--tara-border);
    background: var(--tara-surface-elevated);
    border-radius: var(--tara-radius) var(--tara-radius) 0 0;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

.tara-rf-modal-head[b-n1raxleupn]::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: var(--tara-danger, #e53e3e);
}

.tara-rf-modal-head-icon[b-n1raxleupn] {
    color: var(--tara-danger, #e53e3e);
    flex-shrink: 0;
}

.tara-rf-modal-title[b-n1raxleupn] {
    flex: 1;
    font-size: .97rem;
    font-weight: 800;
    color: var(--tara-text);
    letter-spacing: -.01em;
}

.tara-rf-modal-close[b-n1raxleupn] { margin-left: auto; }

/* Modal body */
.tara-rf-modal-body[b-n1raxleupn] {
    padding: 1rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: .7rem;
    flex: 1;
}

.tara-rf-modal-section[b-n1raxleupn] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.tara-rf-modal-section-title[b-n1raxleupn] {
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
    margin-bottom: .12rem;
}

.tara-rf-modal-row[b-n1raxleupn] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: .75rem;
    font-size: .87rem;
    padding: .06rem 0;
}

.tara-rf-modal-lbl[b-n1raxleupn] { color: var(--tara-text-muted); flex-shrink: 0; }
.tara-rf-modal-val[b-n1raxleupn] { font-weight: 600; color: var(--tara-text); text-align: right; }

.tara-rf-modal-val--factura[b-n1raxleupn] {
    font-size: .98rem;
    font-weight: 900;
    color: var(--tara-text);
    letter-spacing: .04em;
}

.tara-rf-modal-row--neg .tara-rf-modal-val[b-n1raxleupn]  { color: var(--tara-danger, #e53e3e); }
.tara-rf-modal-row--muted[b-n1raxleupn]                   { opacity: .45; }
.tara-rf-modal-row--warn .tara-rf-modal-lbl[b-n1raxleupn],
.tara-rf-modal-row--warn .tara-rf-modal-val[b-n1raxleupn] {
    color: color-mix(in srgb, var(--tara-warning, #f59e0b) 82%, var(--tara-text));
    font-weight: 700;
}

.tara-rf-modal-row--total[b-n1raxleupn] {
    padding-top: .35rem;
    margin-top: .1rem;
}

.tara-rf-modal-row--total .tara-rf-modal-lbl[b-n1raxleupn] {
    font-size: .9rem;
    font-weight: 700;
    color: var(--tara-text);
}

.tara-rf-modal-row--total .tara-rf-modal-val[b-n1raxleupn] {
    font-size: 1.15rem;
    font-weight: 900;
    color: var(--tara-danger, #e53e3e);
    letter-spacing: -.02em;
}

.tara-rf-modal-divider[b-n1raxleupn] {
    height: 1px;
    background: var(--tara-border);
    margin: .2rem 0;
}

/* Modal actions */
.tara-rf-modal-actions[b-n1raxleupn] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .6rem;
    padding: .7rem 1rem;
    border-top: 1px solid var(--tara-border);
    flex-shrink: 0;
    background: var(--tara-surface-elevated);
    border-radius: 0 0 var(--tara-radius) var(--tara-radius);
}

.tara-rf-modal-save-btn[b-n1raxleupn] { white-space: nowrap; }

.tara-rf-exceso-det[b-n1raxleupn] {
    margin-top: .55rem;
    padding: .55rem .7rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--tara-warning, #f59e0b) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-warning, #f59e0b) 6%, var(--tara-surface));
}

.tara-rf-exceso-det-head[b-n1raxleupn],
.tara-rf-exceso-det-body[b-n1raxleupn],
.tara-rf-exceso-det-metrics[b-n1raxleupn] {
    display: flex;
    flex-wrap: wrap;
    gap: .28rem .65rem;
    line-height: 1.4;
}

.tara-rf-exceso-det-head[b-n1raxleupn] {
    font-size: .8rem;
    color: var(--tara-text);
}

.tara-rf-exceso-det-body[b-n1raxleupn] {
    margin-top: .15rem;
    font-size: .76rem;
    color: var(--tara-text-muted);
}

.tara-rf-exceso-det-metrics[b-n1raxleupn] {
    margin-top: .22rem;
    font-size: .76rem;
    color: color-mix(in srgb, var(--tara-warning, #f59e0b) 82%, var(--tara-text));
    font-weight: 700;
}

@media (max-width: 480px) {
    .tara-rf-modal[b-n1raxleupn] {
        max-width: 100%;
        max-height: 95vh;
    }

    .tara-rf-modal-row[b-n1raxleupn] {
        flex-direction: column;
        align-items: flex-start;
        gap: .15rem;
    }

    .tara-rf-modal-val[b-n1raxleupn] {
        text-align: left;
    }

    .tara-rf-modal-actions[b-n1raxleupn] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .tara-rf-modal-actions > *[b-n1raxleupn] {
        width: 100%;
    }
}

/* ══════════════════════════════════════════════════════════════════════════
   PREVIEW REPORTE — overlay + iframe (mismo patrón que Órdenes de compra)
   ══════════════════════════════════════════════════════════════════════════ */
.tara-print-overlay[b-n1raxleupn] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .65);
    z-index: 9000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    backdrop-filter: blur(3px);
}

.tara-print-shell[b-n1raxleupn] {
    background: #ffffff;
    border-radius: var(--tara-radius, 8px);
    box-shadow: 0 24px 64px rgba(0, 0, 0, .35);
    display: flex;
    flex-direction: column;
    width: min(1100px, calc(100vw - 32px));
    height: calc(100vh - 32px);
    overflow: hidden;
}

.tara-print-toolbar[b-n1raxleupn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--tara-border, #e2e8f0);
    background: var(--tara-surface, #f8fafc);
    flex-shrink: 0;
    min-height: 48px;
}

.tara-print-toolbar__title[b-n1raxleupn] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: .9rem;
    color: var(--tara-text, #111827);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.tara-print-toolbar__icon[b-n1raxleupn] {
    color: var(--tara-danger, #e53e3e);
    flex-shrink: 0;
}

.tara-print-toolbar__actions[b-n1raxleupn] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tara-print-frame[b-n1raxleupn] {
    flex: 1 1 0;
    border: none;
    width: 100%;
    min-height: 0;
    background: #e5e7eb;
    display: block;
}

@media (max-width: 900px) {
    .tara-print-shell[b-n1raxleupn] {
        width: calc(100vw - 24px);
        height: calc(100vh - 24px);
    }
}

@media (max-width: 600px) {
    .tara-print-overlay[b-n1raxleupn] {
        padding: 0;
    }

    .tara-print-shell[b-n1raxleupn] {
        width: 100vw;
        height: 100dvh;
        border-radius: 0;
    }

    .tara-print-toolbar__title[b-n1raxleupn] {
        font-size: .78rem;
        white-space: normal;
        flex: 1 1 100%;
    }

    .tara-print-toolbar[b-n1raxleupn] {
        align-items: stretch;
    }

    .tara-print-toolbar__actions[b-n1raxleupn] {
        width: 100%;
        justify-content: stretch;
    }

    [b-n1raxleupn] .tara-print-toolbar__actions .mud-button-root {
        flex: 1 1 0;
        min-height: 42px;
    }
}

@media (max-width: 760px) {
    .tara-rf-inline-action__label[b-n1raxleupn] {
        display: inline;
    }

    .tara-rf-inline-action[b-n1raxleupn] {
        min-width: max-content;
    }
}

/* ── Lista visual de pedidos en sesión ──────────────────────────────────────
   Equivale al rvCompraNuevaPedidosSesion de Android. */
.tara-rf-pedidos-sesion[b-n1raxleupn] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    padding: .5rem .75rem .4rem;
    background: var(--tara-bg);
    border-bottom: 1px solid var(--tara-border);
    flex-wrap: wrap;
}

.tara-rf-pedidos-sesion-label[b-n1raxleupn] {
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--tara-text-muted);
    white-space: nowrap;
    padding-top: .15rem;
    flex-shrink: 0;
}

.tara-rf-pedidos-sesion-chips[b-n1raxleupn] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.tara-rf-pedido-chip[b-n1raxleupn] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 99px;
    padding: .18rem .55rem;
    font-size: .72rem;
    font-weight: 600;
    color: var(--tara-text);
    white-space: nowrap;
}

.tara-rf-pedido-chip-icon[b-n1raxleupn] {
    font-size: .85rem !important;
    color: var(--tara-primary);
}

.tara-rf-pedido-chip-tienda[b-n1raxleupn] {
    font-weight: 400;
    color: var(--tara-text-muted);
}

/* ── Proveedor wrap: campo + botón Cambiar ──────────────────────────────────*/
.tara-rf-prov-wrap[b-n1raxleupn] {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-shrink: 0;
}

.tara-rf-cambiar-prov-btn[b-n1raxleupn] {
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── Checkbox activo/inactivo en header de columna ─────────────────────────*/
.tara-rf-th--chk[b-n1raxleupn] {
    width: 32px;
    min-width: 32px;
}

[b-n1raxleupn] .tara-rf-chk-activo .mud-checkbox-input {
    margin: 0;
}

.tara-rf-modal-section--auth[b-n1raxleupn] {
    gap: .8rem;
}

.tara-rf-auth-callout[b-n1raxleupn] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    padding: .8rem .9rem;
    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) 6%, white);
    color: var(--tara-text);
    font-size: .84rem;
    line-height: 1.4;
}

.tara-rf-auth-callout--warn[b-n1raxleupn] {
    border-color: color-mix(in srgb, var(--tara-warning, #c27803) 28%, var(--tara-border));
    background: color-mix(in srgb, #f6b94c 14%, white);
}

.tara-rf-auth-grid[b-n1raxleupn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.tara-rf-auth-motivo[b-n1raxleupn] {
    width: 100%;
}

@media (max-width: 760px) {
    .tara-rf-auth-grid[b-n1raxleupn] {
        grid-template-columns: 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenComprasSobreRecepcion.razor.rz.scp.css */
.tara-sr-loading[b-e7gkf6pcsi] {
    min-height: 48vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .9rem;
    color: var(--tara-text-muted);
}

.tara-sr-loading--panel[b-e7gkf6pcsi],
.tara-sr-loading--dialog[b-e7gkf6pcsi] {
    min-height: 16rem;
}

.tara-sr-page[b-e7gkf6pcsi] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tara-sr-header[b-e7gkf6pcsi] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.tara-sr-header-copy[b-e7gkf6pcsi] {
    display: flex;
    flex-direction: column;
    gap: .18rem;
}

.tara-sr-eyebrow[b-e7gkf6pcsi] {
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tara-primary-dark);
    opacity: .86;
}

.tara-sr-header h1[b-e7gkf6pcsi] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1.08;
}

.tara-sr-header p[b-e7gkf6pcsi] {
    margin: 0;
    color: var(--tara-text-muted);
    max-width: 68ch;
}

.tara-sr-header-actions[b-e7gkf6pcsi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

[b-e7gkf6pcsi] .tara-sr-header-actions .mud-button-root {
    width: 100%;
}

.tara-sr-policy[b-e7gkf6pcsi] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    padding: .9rem 1rem;
    border-radius: var(--tara-radius);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    color: var(--tara-text);
}

.tara-sr-policy strong[b-e7gkf6pcsi] {
    color: var(--tara-primary-dark);
}

.tara-sr-policy-icon[b-e7gkf6pcsi] {
    margin-top: .05rem;
    color: var(--tara-primary-dark);
}

.tara-filter-pill[b-e7gkf6pcsi] {
    display: inline-flex;
    align-items: center;
    padding: .18rem .55rem;
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface-raised));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    border-radius: 100px;
    font-size: .78rem;
    font-weight: 600;
    color: var(--tara-primary-dark);
    line-height: 1.4;
}

.tara-filter-count-pill[b-e7gkf6pcsi] {
    display: inline-flex;
    align-items: center;
    padding: .18rem .55rem;
    background: var(--tara-primary);
    border: 1px solid var(--tara-primary-dark);
    border-radius: 100px;
    font-size: .78rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.4;
}

.tara-sr-filters[b-e7gkf6pcsi] {
    padding: .9rem 1rem 1rem;
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

.tara-sr-filters-grid[b-e7gkf6pcsi] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: .8rem;
}

.tara-sr-filter-actions[b-e7gkf6pcsi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

[b-e7gkf6pcsi] .tara-sr-filter-actions .mud-button-root,
[b-e7gkf6pcsi] .tara-sr-filters-grid .mud-input-control,
[b-e7gkf6pcsi] .tara-sr-filters-grid .mud-picker,
[b-e7gkf6pcsi] .tara-filter-select,
[b-e7gkf6pcsi] .tara-filter-select .mud-input-control {
    width: 100%;
    min-width: 0;
}

[b-e7gkf6pcsi] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-e7gkf6pcsi] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-e7gkf6pcsi] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

.tara-sr-results[b-e7gkf6pcsi] {
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

.tara-sr-results-head[b-e7gkf6pcsi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-sr-results-head h2[b-e7gkf6pcsi] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 800;
}

.tara-sr-results-head p[b-e7gkf6pcsi] {
    margin: .18rem 0 0;
    color: var(--tara-text-muted);
    font-size: .87rem;
}

.tara-sr-paging-tools[b-e7gkf6pcsi] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.tara-sr-page-chip[b-e7gkf6pcsi] {
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    color: var(--tara-text-muted);
    border-radius: 999px;
    padding: .34rem .72rem;
    font: inherit;
    font-size: .8rem;
    font-weight: 700;
    cursor: pointer;
    transition: background .18s ease, color .18s ease, border-color .18s ease;
}

.tara-sr-page-chip--active[b-e7gkf6pcsi] {
    background: var(--tara-primary);
    border-color: var(--tara-primary-dark);
    color: #fff;
}

.tara-sr-grid-wrap[b-e7gkf6pcsi] {
    display: none;
}

.tara-sr-cards[b-e7gkf6pcsi] {
    display: grid;
    gap: .8rem;
}

.tara-sr-card[b-e7gkf6pcsi] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    padding: .95rem;
    box-shadow: var(--tara-shadow-sm);
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.tara-sr-card-head[b-e7gkf6pcsi] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
}

.tara-sr-card-label[b-e7gkf6pcsi] {
    display: block;
    font-size: .72rem;
    font-weight: 700;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .05em;
}

.tara-sr-card-body[b-e7gkf6pcsi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
}

.tara-sr-card-body div[b-e7gkf6pcsi] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.tara-sr-card-body span[b-e7gkf6pcsi] {
    font-size: .74rem;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .03em;
}

.tara-sr-card-body strong[b-e7gkf6pcsi] {
    font-size: .92rem;
    color: var(--tara-text);
}

.tara-sr-card-actions[b-e7gkf6pcsi] {
    display: flex;
    justify-content: flex-end;
}

.tara-sr-chip[b-e7gkf6pcsi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: .18rem .56rem;
    font-size: .76rem;
    font-weight: 800;
    white-space: nowrap;
}

.tara-sr-chip--modo[b-e7gkf6pcsi] {
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface-raised));
    color: var(--tara-primary-dark);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
}

.tara-sr-pager[b-e7gkf6pcsi] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .8rem;
    flex-wrap: wrap;
}

.tara-sr-pager span[b-e7gkf6pcsi] {
    color: var(--tara-text-muted);
    font-size: .88rem;
    font-weight: 700;
}

.tara-sr-detail[b-e7gkf6pcsi] {
    display: flex;
    flex-direction: column;
    gap: .9rem;
}

.tara-sr-detail-policy[b-e7gkf6pcsi] {
    padding: .75rem .9rem;
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    color: var(--tara-text);
    font-size: .9rem;
}

.tara-sr-detail-summary[b-e7gkf6pcsi] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: .75rem;
}

.tara-sr-detail-summary article[b-e7gkf6pcsi],
.tara-sr-detail-motivo[b-e7gkf6pcsi] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding: .8rem .9rem;
    box-shadow: var(--tara-shadow-xs);
}

.tara-sr-detail-summary span[b-e7gkf6pcsi],
.tara-sr-detail-motivo span[b-e7gkf6pcsi] {
    display: block;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--tara-text-muted);
    margin-bottom: .2rem;
}

.tara-sr-detail-summary strong[b-e7gkf6pcsi],
.tara-sr-detail-motivo p[b-e7gkf6pcsi] {
    color: var(--tara-text);
    margin: 0;
}

.tara-sr-detail-grid[b-e7gkf6pcsi] {
    min-width: 0;
}

@media (min-width: 760px) {
    .tara-sr-header-actions[b-e7gkf6pcsi] {
        width: auto;
        grid-template-columns: repeat(2, auto);
    }

    .tara-sr-filters-grid[b-e7gkf6pcsi] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-sr-detail-summary[b-e7gkf6pcsi] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 980px) {
    .tara-sr-header[b-e7gkf6pcsi] {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }

    .tara-sr-filters-grid[b-e7gkf6pcsi] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tara-sr-grid-wrap[b-e7gkf6pcsi] {
        display: block;
    }

    .tara-sr-cards[b-e7gkf6pcsi] {
        display: none;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenCurvas.razor.rz.scp.css */
.tara-curvas-shell[b-emni8drtgw] {
    display: grid;
    align-content: start;
    gap: 1rem;
    padding: clamp(.9rem, 2vw, 1.35rem);
    background: var(--tara-bg);
    min-height: calc(100vh - 96px);
}

.tara-curvas-header[b-emni8drtgw],
.tara-curvas-grid[b-emni8drtgw],
.tara-curvas-editor[b-emni8drtgw] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-header[b-emni8drtgw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: clamp(1rem, 2.2vw, 1.45rem);
    box-shadow: var(--tara-shadow);
}

.tara-curvas-header__eyebrow[b-emni8drtgw] {
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--tara-text-muted);
}

.tara-curvas-header h1[b-emni8drtgw] {
    margin: .3rem 0;
    font-size: clamp(1.45rem, 2vw, 1.95rem);
    color: var(--tara-text);
}

.tara-curvas-header p[b-emni8drtgw] {
    margin: 0;
    color: var(--tara-text-muted);
    max-width: 64ch;
    line-height: 1.55;
}

.tara-curvas-header__actions[b-emni8drtgw] {
    display: flex;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tara-curvas-filters[b-emni8drtgw] {
    display: grid;
    grid-template-columns:
        minmax(220px, 1.4fr)
        minmax(180px, 1fr)
        minmax(160px, .9fr)
        auto
        auto;
    align-items: end;
    gap: .75rem;
    padding: .75rem 1rem;
}

.tara-curvas-filters__actions[b-emni8drtgw] {
    display: contents;
}

.tara-curvas-loading-shell[b-emni8drtgw] {
    min-height: calc(100vh - 108px);
    display: grid;
    place-items: center;
    padding: clamp(1rem, 3vw, 2rem);
    background: var(--tara-bg);
}

.tara-curvas-loading-card[b-emni8drtgw] {
    width: min(100%, 34rem);
    display: grid;
    gap: 1rem;
    padding: clamp(1.2rem, 2.8vw, 1.6rem);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-radius: var(--tara-radius);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-surface) 96%, white),
            color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface)));
    box-shadow: var(--tara-shadow);
}

.tara-curvas-loading-card--compact[b-emni8drtgw] {
    width: min(100%, 30rem);
}

.tara-curvas-loading-card__icon[b-emni8drtgw] {
    width: 3.4rem;
    height: 3.4rem;
    display: inline-grid;
    place-items: center;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    color: var(--tara-primary-dark);
    box-shadow: inset 0 1px 0 color-mix(in srgb, white 74%, transparent);
}

.tara-curvas-loading-card__icon[b-emni8drtgw]  .mud-icon-root {
    font-size: 1.65rem;
}

.tara-curvas-loading-card__copy[b-emni8drtgw] {
    display: grid;
    gap: .45rem;
}

.tara-curvas-loading-card__eyebrow[b-emni8drtgw] {
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

.tara-curvas-loading-card__copy h2[b-emni8drtgw] {
    margin: 0;
    font-size: clamp(1.35rem, 2vw, 1.75rem);
    color: var(--tara-text);
}

.tara-curvas-loading-card__copy p[b-emni8drtgw] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.6;
}

.tara-curvas-loading-card__progress[b-emni8drtgw] {
    border-radius: 999px;
    overflow: hidden;
}

.tara-curvas-loading-card__progress[b-emni8drtgw]  .mud-progress-linear {
    height: .55rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
}

.tara-curvas-kpi-grid[b-emni8drtgw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}

.tara-curvas-kpi-card[b-emni8drtgw] {
    display: grid;
    gap: .4rem;
    padding: 1rem 1.05rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    border-radius: var(--tara-radius);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-surface) 96%, white),
            color-mix(in srgb, var(--tara-primary-subtle) 28%, var(--tara-surface)));
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-kpi-card--async[b-emni8drtgw] {
    border-color: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
}

.tara-curvas-kpi-card__label[b-emni8drtgw] {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-wrap: wrap;
}

.tara-curvas-kpi-card__label[b-emni8drtgw] {
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
    display: flex;
    align-items: center;
    gap: .4rem;
}

.tara-curvas-kpi-card__spinner[b-emni8drtgw]  .mud-progress-circular {
    width: .9rem !important;
    height: .9rem !important;
}

.tara-curvas-kpi-card strong[b-emni8drtgw] {
    font-size: clamp(1.5rem, 2.4vw, 2rem);
    line-height: 1;
    color: var(--tara-text);
}

.tara-curvas-kpi-card p[b-emni8drtgw] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.5;
}

.tara-curvas-grid[b-emni8drtgw] {
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.tara-curvas-grid__toolbar[b-emni8drtgw] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: var(--tara-text-muted);
    gap: .75rem;
    flex-wrap: wrap;
    font-size: .92rem;
}

.tara-curvas-grid__count strong[b-emni8drtgw] {
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-curvas-table-shell[b-emni8drtgw] {
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: calc(var(--tara-radius) - 2px);
    background: var(--tara-surface);
}

.tara-curvas-table-shell[b-emni8drtgw]  .mud-table-container {
    overflow: visible;
}

.tara-curvas-table-shell[b-emni8drtgw]  table {
    min-width: 100%;
}

.tara-curvas-table-shell[b-emni8drtgw]  thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
}

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

.tara-curvas-table-shell[b-emni8drtgw]  tbody tr:hover {
    background: var(--tara-row-hover);
}

.tara-curvas-actions[b-emni8drtgw] {
    display: flex;
    gap: .3rem;
    flex-wrap: nowrap;
    align-items: center;
}

.tara-curvas-actions__sep[b-emni8drtgw] {
    width: 1px;
    height: 1.5rem;
    background: var(--tara-border);
    flex-shrink: 0;
    margin: 0 .15rem;
}

.tara-curvas-actions[b-emni8drtgw]  .mud-icon-button {
    border-radius: 999px;
}

.tara-curvas-actions[b-emni8drtgw]  .mud-icon-button-color-inherit,
.tara-curvas-actions[b-emni8drtgw]  .mud-icon-button-color-default {
    border: 1px solid color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 96%, white);
}

.tara-curvas-table-card[b-emni8drtgw] {
    display: grid;
    gap: .35rem;
    min-width: 0;
}

.tara-curvas-table-card__header[b-emni8drtgw] {
    display: flex;
    gap: .55rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-curvas-table-card__header strong[b-emni8drtgw] {
    color: var(--tara-text);
    font-size: .98rem;
    line-height: 1.3;
}

.tara-curvas-table-card p[b-emni8drtgw] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-table-card__meta[b-emni8drtgw] {
    color: var(--tara-text-muted);
    font-size: .82rem;
    font-weight: 700;
    line-height: 1.4;
}

.tara-curvas-table-chips[b-emni8drtgw] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.tara-curvas-table-chips--distribution[b-emni8drtgw] {
    min-width: 0;
}

.tara-curvas-table-chip[b-emni8drtgw] {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: .32rem .62rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    font-size: .8rem;
    font-weight: 800;
    line-height: 1;
}

.tara-curvas-table-chip--neutral[b-emni8drtgw] {
    background: color-mix(in srgb, var(--tara-surface) 94%, white);
    color: var(--tara-text);
}

.tara-curvas-table-chip--accent[b-emni8drtgw] {
    background: color-mix(in srgb, var(--tara-primary-subtle) 42%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    color: var(--tara-primary-dark);
}

.tara-curvas-table-metric[b-emni8drtgw] {
    display: grid;
    gap: .18rem;
}

.tara-curvas-table-metric--inline[b-emni8drtgw] {
    display: inline-flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .35rem;
}

.tara-curvas-table-metric strong[b-emni8drtgw] {
    font-size: 1.05rem;
    line-height: 1;
    color: var(--tara-text);
}

.tara-curvas-table-metric span[b-emni8drtgw] {
    color: var(--tara-text-muted);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-curvas-table-metric--inline span[b-emni8drtgw] {
    letter-spacing: 0;
    text-transform: none;
}

.tara-curvas-table-metric--soft strong[b-emni8drtgw] {
    color: var(--tara-primary-dark);
}

.tara-curvas-table-usage[b-emni8drtgw] {
    display: grid;
    gap: .15rem;
}

.tara-curvas-table-usage__line[b-emni8drtgw] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    font-weight: 700;
    line-height: 1.35;
}

.tara-curvas-state-chip[b-emni8drtgw] {
    font-weight: 800;
    letter-spacing: .04em;
}

.tara-curvas-state-chip--ready[b-emni8drtgw] {
    color: var(--tara-success);
    background: color-mix(in srgb, var(--tara-success) 14%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-success) 28%, var(--tara-border));
}

.tara-curvas-state-chip--warning[b-emni8drtgw] {
    color: var(--tara-warning);
    background: color-mix(in srgb, var(--tara-warning) 14%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-warning) 28%, var(--tara-border));
}

.tara-curvas-empty-card[b-emni8drtgw] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .9rem;
    align-items: start;
    padding: 1rem 1.05rem;
    border: 1px dashed color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    border-radius: var(--tara-radius);
    background: color-mix(in srgb, var(--tara-primary-subtle) 20%, var(--tara-surface));
    color: var(--tara-text);
}

.tara-curvas-empty-card--soft[b-emni8drtgw] {
    background: color-mix(in srgb, var(--tara-surface) 96%, white);
}

.tara-curvas-empty-card[b-emni8drtgw]  .mud-icon-root {
    margin-top: .1rem;
    color: var(--tara-primary-dark);
}

.tara-curvas-empty-card strong[b-emni8drtgw],
.tara-curvas-empty-card span[b-emni8drtgw] {
    display: block;
}

.tara-curvas-empty-card strong[b-emni8drtgw] {
    margin-bottom: .25rem;
}

.tara-curvas-empty-card span[b-emni8drtgw] {
    color: var(--tara-text-muted);
    line-height: 1.55;
}

.tara-curvas-editor[b-emni8drtgw] {
    display: grid;
    gap: 1rem;
    padding: .2rem;
    box-shadow: none;
    border: 0;
}

.tara-curva-modal[b-emni8drtgw] {
    align-content: start;
}

.tara-curva-form-grid[b-emni8drtgw] {
    display: grid;
    gap: 1rem;
}

.tara-curva-save-progress[b-emni8drtgw] {
    display: grid;
    gap: .55rem;
    padding: .9rem 1rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface)),
            color-mix(in srgb, var(--tara-surface) 92%, white));
    box-shadow: var(--tara-shadow-sm);
}

.tara-curva-save-progress__header[b-emni8drtgw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-curva-save-progress__header span[b-emni8drtgw] {
    color: var(--tara-text);
    font-weight: 700;
}

.tara-curva-save-progress__header strong[b-emni8drtgw] {
    color: var(--tara-text-muted);
    font-size: .88rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.tara-curva-save-progress__bar[b-emni8drtgw] {
    border-radius: 999px;
    overflow: hidden;
}

.tara-curva-save-progress__bar[b-emni8drtgw]  .mud-progress-linear {
    height: .5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
}

.tara-curva-form-grid__identify[b-emni8drtgw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.6fr) auto;
    gap: .9rem;
    align-items: end;
}

.tara-curva-toggle-shell[b-emni8drtgw] {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding-bottom: .15rem;
}

.tara-curva-distribution[b-emni8drtgw] {
    display: grid;
    gap: .75rem;
    margin-top: .25rem;
}

.tara-curva-distribution__toolbar[b-emni8drtgw] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.tara-curva-distribution__summary[b-emni8drtgw] {
    color: var(--tara-text-muted);
    font-size: .92rem;
}

.tara-curva-distribution__summary strong[b-emni8drtgw] {
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-curva-dist-hint[b-emni8drtgw] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1rem 1.1rem;
    border: 1px dashed color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-primary-subtle) 12%, var(--tara-surface));
    color: var(--tara-text-muted);
    font-size: .92rem;
    line-height: 1.5;
}

.tara-curva-dist-hint[b-emni8drtgw]  .mud-icon-root {
    flex-shrink: 0;
    color: var(--tara-text-muted);
    font-size: 1.35rem;
}

.tara-curva-total-card[b-emni8drtgw] {
    display: grid;
    gap: .35rem;
    align-content: center;
    justify-items: center;
    min-height: 132px;
    padding: 1rem 1.1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-surface) 88%, white),
            color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface)));
    box-shadow: var(--tara-shadow-sm);
    text-align: center;
}

.tara-curva-total-label[b-emni8drtgw] {
    color: var(--tara-text-muted);
    font-size: .92rem;
    font-weight: 600;
}

.tara-curva-total-value[b-emni8drtgw] {
    font-size: clamp(2.3rem, 4.6vw, 3.4rem);
    line-height: 1;
    letter-spacing: -.04em;
    color: var(--tara-primary);
}

.tara-curva-total-meta[b-emni8drtgw] {
    color: var(--tara-text-muted);
    font-size: .96rem;
}

.tara-curva-size-table[b-emni8drtgw] {
    flex: 1 1 auto;
}

.tara-curvas-editor__table[b-emni8drtgw] {
    max-height: min(50vh, 520px);
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-curvas-editor__table table[b-emni8drtgw] {
    width: 100%;
    border-collapse: collapse;
    min-width: 0;
}

.tara-curvas-editor__table th[b-emni8drtgw],
.tara-curvas-editor__table td[b-emni8drtgw] {
    padding: .85rem .8rem;
    border-bottom: 1px solid var(--tara-border);
    text-align: left;
    vertical-align: middle;
}

.tara-curvas-editor__table th[b-emni8drtgw] {
    position: sticky;
    top: 0;
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    font-size: .9rem;
    z-index: 1;
}

.tara-curvas-editor__table tbody tr:nth-child(odd)[b-emni8drtgw] {
    background: var(--tara-row-odd);
}

.tara-curvas-editor__table tbody tr:nth-child(even)[b-emni8drtgw] {
    background: var(--tara-row-even);
}

.tara-curvas-editor__table tbody tr:hover[b-emni8drtgw] {
    background: var(--tara-row-hover);
}

.tara-curva-ident-chip[b-emni8drtgw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.8rem;
    padding: .32rem .75rem;
    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) 10%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.tara-curva-cantidad-input[b-emni8drtgw] {
    max-width: 10rem;
}

.tara-curva-cantidad-input[b-emni8drtgw]  input {
    font-size: 1.08rem;
    font-weight: 700;
}

.tara-curvas-stepper[b-emni8drtgw] {
    display: flex;
    gap: .35rem;
    justify-content: flex-end;
    align-items: center;
}

.tara-curvas-stepper[b-emni8drtgw]  .mud-icon-button {
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-surface) 78%, var(--tara-primary) 6%);
}

[b-emni8drtgw] .mud-dialog {
    max-height: calc(100vh - 1.5rem);
    border-radius: var(--tara-radius);
}

[b-emni8drtgw] .mud-dialog-title {
    padding-bottom: .35rem;
}

[b-emni8drtgw] .mud-dialog-content {
    overflow-x: hidden;
    padding-top: .35rem;
}

[b-emni8drtgw] .mud-dialog-actions {
    padding-top: .6rem;
}

[b-emni8drtgw] .tara-curva-form-grid .mud-input-control,
[b-emni8drtgw] .tara-curva-form-grid .mud-select,
[b-emni8drtgw] .tara-curva-form-grid .mud-input {
    width: 100%;
}

[b-emni8drtgw] .tara-curvas-filters .mud-input-control,
[b-emni8drtgw] .tara-curvas-filters .mud-select,
[b-emni8drtgw] .tara-curvas-filters .mud-input {
    width: 100%;
}

.tara-curvas-assigned-shell[b-emni8drtgw] {
    display: grid;
    gap: 1rem;
}

.tara-curvas-assigned-shell__summary[b-emni8drtgw] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    align-items: center;
}

.tara-curvas-assigned-toolbar[b-emni8drtgw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .85rem;
    align-items: center;
}

.tara-curvas-assigned-toolbar__search[b-emni8drtgw] {
    min-width: 0;
}

.tara-curvas-assigned-toolbar__meta[b-emni8drtgw] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .55rem .9rem;
    color: var(--tara-text-muted);
    font-size: .9rem;
}

.tara-curvas-tallas-detail[b-emni8drtgw] {
    display: grid;
    gap: .75rem;
}

.tara-curvas-tallas-detail__summary[b-emni8drtgw] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.tara-curvas-tallas-detail__table[b-emni8drtgw] {
    max-height: min(54vh, 480px);
}

.tara-curvas-assigned-scroll[b-emni8drtgw] {
    max-height: min(62vh, 42rem);
    overflow: auto;
    padding-right: .2rem;
}

.tara-curvas-assigned-grid[b-emni8drtgw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1rem;
}

.tara-curvas-assigned-card__product[b-emni8drtgw] {
    display: grid;
    gap: .2rem;
}

.tara-curvas-assigned-card__product-name[b-emni8drtgw] {
    font-size: .95rem;
    color: var(--tara-text);
    line-height: 1.35;
    word-break: break-word;
}

.tara-curvas-assigned-card__product-code[b-emni8drtgw] {
    font-size: .82rem;
    color: var(--tara-text-muted);
    font-family: monospace;
}

.tara-curvas-assigned-card__metrics-row[b-emni8drtgw] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.tara-curvas-assigned-card[b-emni8drtgw] {
    display: grid;
    gap: 1rem;
    padding: 1rem 1.05rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-radius: var(--tara-radius);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-surface) 96%, white),
            color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface)));
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-assigned-card__header[b-emni8drtgw],
.tara-curvas-assigned-card__hero[b-emni8drtgw],
.tara-curvas-assigned-card__footer[b-emni8drtgw] {
    display: flex;
    gap: .9rem;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-curvas-assigned-card__title[b-emni8drtgw],
.tara-curvas-assigned-card__hero-copy[b-emni8drtgw],
.tara-curvas-assigned-card__fact[b-emni8drtgw],
.tara-curvas-assigned-card__metric[b-emni8drtgw],
.tara-curvas-assigned-card__section[b-emni8drtgw] {
    display: grid;
    gap: .3rem;
}

.tara-curvas-assigned-card__eyebrow[b-emni8drtgw],
.tara-curvas-assigned-card__label[b-emni8drtgw],
.tara-curvas-assigned-card__metric span[b-emni8drtgw],
.tara-curvas-assigned-card__fact span[b-emni8drtgw] {
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

.tara-curvas-assigned-card__title h3[b-emni8drtgw],
.tara-curvas-assigned-card__hero-copy strong[b-emni8drtgw],
.tara-curvas-assigned-card__fact strong[b-emni8drtgw],
.tara-curvas-assigned-card__metric strong[b-emni8drtgw] {
    margin: 0;
    color: var(--tara-text);
}

.tara-curvas-assigned-card__title h3[b-emni8drtgw] {
    font-size: 1.08rem;
}

.tara-curvas-assigned-card__title p[b-emni8drtgw],
.tara-curvas-assigned-card__hero-copy span[b-emni8drtgw],
.tara-curvas-assigned-card__fact p[b-emni8drtgw] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-assigned-card__hero[b-emni8drtgw] {
    padding: .95rem 1rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
    border-radius: calc(var(--tara-radius) - 2px);
    background:
        radial-gradient(circle at top, color-mix(in srgb, var(--tara-primary) 9%, transparent), transparent 62%),
        color-mix(in srgb, var(--tara-surface) 94%, white);
}

.tara-curvas-assigned-card__badge[b-emni8drtgw] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: .3rem .65rem;
    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) 12%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-curvas-assigned-card__hero-metrics[b-emni8drtgw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(88px, 1fr));
    gap: .75rem;
    min-width: min(100%, 220px);
}

.tara-curvas-assigned-card__metric[b-emni8drtgw] {
    align-content: start;
    padding: .75rem .85rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    border-radius: calc(var(--tara-radius) - 4px);
    background: color-mix(in srgb, var(--tara-primary-subtle) 34%, var(--tara-surface));
}

.tara-curvas-assigned-card__metric strong[b-emni8drtgw] {
    color: var(--tara-primary-dark);
    font-size: 1.2rem;
    line-height: 1;
}

.tara-curvas-assigned-card__facts[b-emni8drtgw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.tara-curvas-assigned-card__fact[b-emni8drtgw] {
    min-width: 0;
    padding: .85rem .95rem;
    border: 1px solid var(--tara-border);
    border-radius: calc(var(--tara-radius) - 4px);
    background: color-mix(in srgb, var(--tara-surface) 97%, white);
}

.tara-curvas-assigned-card__detail[b-emni8drtgw] {
    display: grid;
    gap: .9rem;
}

.tara-curvas-assigned-card__chips[b-emni8drtgw] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.tara-curvas-assigned-card__dist-chip[b-emni8drtgw],
.tara-curvas-assigned-card__meta-chip[b-emni8drtgw] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: .45rem .7rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    font-size: .82rem;
    font-weight: 800;
}

.tara-curvas-assigned-card__dist-chip[b-emni8drtgw] {
    background: color-mix(in srgb, var(--tara-primary-subtle) 52%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-curvas-assigned-card__meta-chip[b-emni8drtgw] {
    background: color-mix(in srgb, var(--tara-surface) 94%, white);
    color: var(--tara-text);
}

.tara-curvas-assigned-card__footer[b-emni8drtgw]  .mud-button-root {
    min-height: 2.8rem;
}

.tara-curvas-assigned-shell--compact .tara-curvas-assigned-grid[b-emni8drtgw] {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.tara-curvas-assigned-shell--compact .tara-curvas-assigned-card[b-emni8drtgw] {
    gap: .85rem;
    padding: .95rem 1rem;
}

.tara-curvas-assigned-shell--compact .tara-curvas-assigned-card__hero[b-emni8drtgw] {
    padding: .8rem .9rem;
}

.tara-curvas-assigned-shell--compact .tara-curvas-assigned-card__dist-chip[b-emni8drtgw],
.tara-curvas-assigned-shell--compact .tara-curvas-assigned-card__meta-chip[b-emni8drtgw] {
    min-height: 1.8rem;
    padding: .35rem .62rem;
    font-size: .78rem;
}

.tara-curvas-assigned-shell--list .tara-curvas-assigned-scroll[b-emni8drtgw] {
    max-height: min(64vh, 44rem);
}

.tara-curvas-assigned-shell--list .tara-curvas-assigned-grid[b-emni8drtgw] {
    grid-template-columns: 1fr;
    gap: .75rem;
}

.tara-curvas-assigned-shell--list .tara-curvas-assigned-card[b-emni8drtgw] {
    gap: .75rem;
    padding: .9rem 1rem;
}

.tara-curvas-assigned-shell--list .tara-curvas-assigned-card__hero[b-emni8drtgw] {
    padding: .75rem .85rem;
}

.tara-curvas-assigned-shell--list .tara-curvas-assigned-card__metric strong[b-emni8drtgw] {
    font-size: 1.05rem;
}

.tara-curvas-assigned-shell--list .tara-curvas-assigned-card__detail[b-emni8drtgw] {
    padding-top: .15rem;
    border-top: 1px solid color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
}

.tara-curvas-assigned-shell--list .tara-curvas-assigned-card__footer[b-emni8drtgw] {
    justify-content: space-between;
}

@media (max-width: 960px) {
    .tara-curvas-header[b-emni8drtgw] {
        flex-direction: column;
    }

    .tara-curvas-kpi-grid[b-emni8drtgw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-curva-form-grid__identify[b-emni8drtgw] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .tara-curva-toggle-shell[b-emni8drtgw] {
        min-height: auto;
    }

    .tara-curvas-header__actions[b-emni8drtgw] {
        width: 100%;
        justify-content: flex-start;
    }

    /* ≤960px: tres filtros en primera fila, botones en segunda */
    .tara-curvas-filters[b-emni8drtgw] {
        grid-template-columns:
            minmax(180px, 1.4fr)
            minmax(150px, 1fr)
            minmax(140px, .9fr);
        grid-template-rows: auto auto;
    }

    .tara-curvas-filters__actions[b-emni8drtgw] {
        display: flex;
        grid-column: 1 / -1;
        gap: .55rem;
        align-items: center;
    }

    .tara-curvas-assigned-card__header[b-emni8drtgw],
    .tara-curvas-assigned-card__hero[b-emni8drtgw] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-curvas-assigned-toolbar[b-emni8drtgw] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-assigned-toolbar__meta[b-emni8drtgw] {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .tara-curvas-shell[b-emni8drtgw] {
        padding: .85rem;
    }

    .tara-curvas-grid[b-emni8drtgw] {
        padding: .8rem;
    }

    .tara-curvas-kpi-grid[b-emni8drtgw] {
        grid-template-columns: 1fr 1fr;
    }

    .tara-curvas-header__actions > *[b-emni8drtgw] {
        flex: 1 1 100%;
    }

    /* ≤720px: una columna, acciones full-width */
    .tara-curvas-filters[b-emni8drtgw] {
        grid-template-columns: 1fr;
        padding: .6rem .75rem;
    }

    .tara-curvas-filters__actions[b-emni8drtgw] {
        display: flex;
        grid-column: 1 / -1;
    }

    .tara-curvas-filters__actions > *[b-emni8drtgw] {
        flex: 1 1 100%;
    }

    .tara-curvas-grid__toolbar[b-emni8drtgw] {
        align-items: flex-start;
    }

    .tara-curvas-table-card__header[b-emni8drtgw] {
        align-items: flex-start;
    }

    .tara-curva-form-grid__identify[b-emni8drtgw] {
        grid-template-columns: 1fr;
    }

    .tara-curva-toggle-shell[b-emni8drtgw] {
        min-height: auto;
    }

    .tara-curvas-editor__table[b-emni8drtgw] {
        max-height: none;
        overflow: visible;
        border: 0;
        background: transparent;
    }

    .tara-curvas-editor__table table[b-emni8drtgw],
    .tara-curvas-editor__table thead[b-emni8drtgw],
    .tara-curvas-editor__table tbody[b-emni8drtgw],
    .tara-curvas-editor__table tr[b-emni8drtgw],
    .tara-curvas-editor__table th[b-emni8drtgw],
    .tara-curvas-editor__table td[b-emni8drtgw] {
        display: block;
    }

    .tara-curvas-editor__table thead[b-emni8drtgw] {
        display: none;
    }

    .tara-curvas-editor__table tbody[b-emni8drtgw] {
        display: grid;
        gap: .75rem;
    }

    .tara-curvas-editor__table tr[b-emni8drtgw] {
        padding: .85rem;
        border: 1px solid var(--tara-border);
        border-radius: var(--tara-radius-sm);
        background: var(--tara-surface-raised);
        box-shadow: var(--tara-shadow-sm);
    }

    .tara-curvas-editor__table td[b-emni8drtgw] {
        display: grid;
        grid-template-columns: minmax(96px, 108px) 1fr;
        gap: .6rem;
        align-items: center;
        padding: .42rem 0;
        border-bottom: 0;
    }

    .tara-curvas-editor__table td[b-emni8drtgw]::before {
        content: attr(data-label);
        color: var(--tara-text-muted);
        font-size: .82rem;
        font-weight: 700;
        letter-spacing: .03em;
        text-transform: uppercase;
    }

    .tara-curva-cantidad-input[b-emni8drtgw] {
        max-width: 100%;
    }

    .tara-curvas-stepper[b-emni8drtgw] {
        justify-content: flex-start;
    }

    .tara-curvas-assigned-card__facts[b-emni8drtgw] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-assigned-card__footer[b-emni8drtgw] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-curvas-assigned-card__footer > *[b-emni8drtgw] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .tara-curva-save-progress__header[b-emni8drtgw] {
        align-items: flex-start;
    }

    .tara-curva-total-card[b-emni8drtgw] {
        min-height: 118px;
        padding: .9rem;
    }

    .tara-curva-total-meta[b-emni8drtgw] {
        font-size: .9rem;
    }

    .tara-curvas-editor__table tr[b-emni8drtgw] {
        padding: .8rem;
    }

    .tara-curvas-editor__table td[b-emni8drtgw] {
        grid-template-columns: 1fr;
        gap: .3rem;
    }

    .tara-curvas-loading-card[b-emni8drtgw] {
        padding: 1rem;
    }

    .tara-curvas-loading-card__icon[b-emni8drtgw] {
        width: 3rem;
        height: 3rem;
    }

    .tara-curvas-empty-card[b-emni8drtgw] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-assigned-card__hero-metrics[b-emni8drtgw] {
        grid-template-columns: 1fr 1fr;
        min-width: 0;
        width: 100%;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenCurvasAsignar.razor.rz.scp.css */
.tara-curvas-loading-shell[b-dqbhm96yqm] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-items: center;
    padding: clamp(1rem, 3vw, 2rem);
    background:
        radial-gradient(circle at top, color-mix(in srgb, var(--tara-primary) 8%, transparent), transparent 40%),
        var(--tara-bg);
}

.tara-curvas-loading-card[b-dqbhm96yqm] {
    width: min(100%, 34rem);
    display: grid;
    gap: 1rem;
    padding: clamp(1.2rem, 3vw, 1.8rem);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-radius: calc(var(--tara-radius) + 4px);
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--tara-surface) 92%, white),
            color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface)));
    box-shadow: var(--tara-shadow);
}

.tara-curvas-loading-card--compact[b-dqbhm96yqm] {
    width: min(100%, 32rem);
}

.tara-curvas-loading-card__icon[b-dqbhm96yqm] {
    width: 3.4rem;
    height: 3.4rem;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-surface));
    color: var(--tara-primary-dark);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-loading-card__icon[b-dqbhm96yqm]  .mud-icon-root {
    font-size: 1.55rem;
}

.tara-curvas-loading-card__copy[b-dqbhm96yqm] {
    display: grid;
    gap: .45rem;
}

.tara-curvas-loading-card__eyebrow[b-dqbhm96yqm],
.tara-curvas-step-card__eyebrow[b-dqbhm96yqm] {
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

.tara-curvas-loading-card__copy h2[b-dqbhm96yqm],
.tara-curvas-step-card__header h2[b-dqbhm96yqm] {
    margin: 0;
    font-size: clamp(1.3rem, 2.6vw, 1.75rem);
    line-height: 1.12;
    color: var(--tara-text);
}

.tara-curvas-loading-card__copy p[b-dqbhm96yqm],
.tara-curvas-step-card__header p[b-dqbhm96yqm] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.55;
}

.tara-curvas-loading-card__progress[b-dqbhm96yqm] {
    margin-top: .1rem;
}

.tara-curvas-shell[b-dqbhm96yqm] {
    display: grid;
    align-content: start;
    gap: 1rem;
    padding: clamp(.9rem, 2vw, 1.35rem);
    background: var(--tara-bg);
    min-height: calc(100vh - 96px);
}

.tara-curvas-header[b-dqbhm96yqm],
.tara-curvas-step-card[b-dqbhm96yqm] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
}

.tara-curvas-header[b-dqbhm96yqm] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: clamp(1rem, 2.2vw, 1.45rem);
    box-shadow: var(--tara-shadow);
}

.tara-curvas-header__eyebrow[b-dqbhm96yqm] {
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--tara-text-muted);
}

.tara-curvas-header h1[b-dqbhm96yqm] {
    margin: .3rem 0;
    font-size: clamp(1.45rem, 2vw, 1.95rem);
    color: var(--tara-text);
}

.tara-curvas-header p[b-dqbhm96yqm] {
    margin: 0;
    color: var(--tara-text-muted);
    max-width: 64ch;
    line-height: 1.55;
}

.tara-curvas-header__actions[b-dqbhm96yqm],
.tara-curvas-inline-actions[b-dqbhm96yqm],
.tara-curvas-card-footer[b-dqbhm96yqm] {
    display: flex;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
}

.tara-curvas-stepper[b-dqbhm96yqm] {
    display: flex;
    align-items: center;
    gap: 0;
    padding: .75rem 1rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
    overflow: hidden;
}

.tara-curvas-stepper__step[b-dqbhm96yqm] {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .45rem .65rem;
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: calc(var(--tara-radius) - 2px);
    transition: background .15s;
    flex: 1;
    min-width: 0;
}

.tara-curvas-stepper__step:hover:not(:disabled)[b-dqbhm96yqm] {
    background: color-mix(in srgb, var(--tara-primary) 6%, transparent);
}

.tara-curvas-stepper__step:disabled[b-dqbhm96yqm] {
    cursor: not-allowed;
    opacity: .5;
}

.tara-curvas-stepper__num[b-dqbhm96yqm] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    font-weight: 800;
    font-size: .85rem;
    flex-shrink: 0;
    border: 2px solid var(--tara-border);
    color: var(--tara-text-muted);
    background: transparent;
    transition: border-color .2s, background .2s, color .2s;
}

.tara-curvas-stepper__label[b-dqbhm96yqm] {
    font-size: .82rem;
    font-weight: 600;
    color: var(--tara-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s;
}

.tara-curvas-stepper__connector[b-dqbhm96yqm] {
    flex: 0 0 2rem;
    height: 2px;
    background: var(--tara-border);
}

.tara-curvas-stepper__step--active .tara-curvas-stepper__num[b-dqbhm96yqm] {
    background: var(--tara-primary);
    border-color: var(--tara-primary);
    color: #fff;
}

.tara-curvas-stepper__step--active .tara-curvas-stepper__label[b-dqbhm96yqm] {
    color: var(--tara-primary-dark);
    font-weight: 700;
}

.tara-curvas-stepper__step--complete .tara-curvas-stepper__num[b-dqbhm96yqm] {
    background: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-surface));
    border-color: var(--tara-primary);
    color: var(--tara-primary-dark);
}

.tara-curvas-stepper__step--complete .tara-curvas-stepper__label[b-dqbhm96yqm] {
    color: var(--tara-text);
}

.tara-curvas-wizard-body[b-dqbhm96yqm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    gap: 1rem;
    align-items: start;
}

.tara-curvas-wizard-main[b-dqbhm96yqm] {
    min-width: 0;
}

.tara-curvas-wizard-sidebar[b-dqbhm96yqm] {
    display: grid;
    gap: .65rem;
    position: sticky;
    top: 1rem;
}

.tara-curvas-sidebar-block[b-dqbhm96yqm] {
    display: grid;
    gap: .35rem;
    padding: .9rem 1rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-sidebar-block__header[b-dqbhm96yqm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--tara-text-muted);
}

.tara-curvas-sidebar-block__cambiar[b-dqbhm96yqm] {
    background: none;
    border: none;
    padding: .1rem .3rem;
    cursor: pointer;
    font-size: .75rem;
    font-weight: 600;
    color: var(--tara-primary-dark);
    border-radius: 4px;
    transition: background .15s;
}

.tara-curvas-sidebar-block__cambiar:hover[b-dqbhm96yqm] {
    background: color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-curvas-sidebar-block strong[b-dqbhm96yqm] {
    font-size: .92rem;
    color: var(--tara-text);
    line-height: 1.3;
}

.tara-curvas-sidebar-block span[b-dqbhm96yqm] {
    font-size: .82rem;
    color: var(--tara-text-muted);
    line-height: 1.4;
}

.tara-curvas-sidebar-empty[b-dqbhm96yqm] {
    display: flex;
    gap: .6rem;
    align-items: flex-start;
    padding: 1rem;
    background: var(--tara-surface);
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius);
    color: var(--tara-text-muted);
    font-size: .82rem;
    line-height: 1.45;
}

.tara-curvas-step-nav[b-dqbhm96yqm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: .5rem;
    border-top: 1px solid var(--tara-border);
    margin-top: .25rem;
}

.tara-curvas-step-nav--confirm[b-dqbhm96yqm] {
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

.tara-curvas-step-alert[b-dqbhm96yqm] {
    margin-bottom: .25rem;
}

.tara-curvas-summary-item strong[b-dqbhm96yqm],
.tara-curvas-empty-card strong[b-dqbhm96yqm],
.tara-curvas-store-picker strong[b-dqbhm96yqm],
.tara-curvas-mode-card strong[b-dqbhm96yqm],
.tara-curvas-product-picker__copy strong[b-dqbhm96yqm] {
    color: var(--tara-text);
}

.tara-curvas-summary-item p[b-dqbhm96yqm],
.tara-curvas-empty-card span[b-dqbhm96yqm],
.tara-curvas-mode-card span[b-dqbhm96yqm],
.tara-curvas-store-picker span[b-dqbhm96yqm],
.tara-curvas-product-picker__copy span[b-dqbhm96yqm] {
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-step-card[b-dqbhm96yqm] {
    display: grid;
    gap: 1rem;
    padding: clamp(1rem, 2vw, 1.3rem);
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-step-card__header[b-dqbhm96yqm] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.tara-curvas-step-card__header > div[b-dqbhm96yqm] {
    display: grid;
    gap: .35rem;
}

.tara-curvas-step3-ver-curvas-btn[b-dqbhm96yqm] {
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: .15rem;
    white-space: nowrap;
}

.tara-curvas-step-card__body[b-dqbhm96yqm] {
    display: grid;
    gap: 1rem;
}

.tara-curvas-step-card__body--stores[b-dqbhm96yqm] {
    grid-template-columns: minmax(0, 1.3fr) minmax(280px, .9fr);
}

.tara-curvas-step-badge[b-dqbhm96yqm] {
    border-radius: 999px;
    font-weight: 700;
}

.tara-curvas-step-badge--pending[b-dqbhm96yqm] {
    color: var(--tara-text-muted);
    border-color: color-mix(in srgb, var(--tara-text-muted) 24%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 96%, var(--tara-bg));
}

.tara-curvas-step-badge--progress[b-dqbhm96yqm] {
    color: var(--tara-primary-dark);
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
}

.tara-curvas-step-badge--complete[b-dqbhm96yqm] {
    color: color-mix(in srgb, var(--tara-success, #1d6f42) 85%, black);
    border-color: color-mix(in srgb, var(--tara-success, #1d6f42) 22%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-success, #1d6f42) 12%, var(--tara-surface));
}

.tara-curvas-store-picker[b-dqbhm96yqm],
.tara-curvas-mode-card[b-dqbhm96yqm],
.tara-curvas-product-picker[b-dqbhm96yqm],
.tara-curvas-empty-card[b-dqbhm96yqm] {
    display: grid;
    gap: .65rem;
    padding: 1rem 1.05rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-surface) 95%, white),
            color-mix(in srgb, var(--tara-primary) 3%, var(--tara-surface)));
}

.tara-curvas-mode-card__group[b-dqbhm96yqm] {
    padding-block: .15rem;
}

.tara-curvas-product-picker[b-dqbhm96yqm] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}

.tara-curvas-curve-picker[b-dqbhm96yqm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .9rem;
    align-items: center;
    padding: 1rem 1.05rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-surface) 95%, white),
            color-mix(in srgb, var(--tara-primary) 3%, var(--tara-surface)));
}

.tara-curvas-curve-picker__copy[b-dqbhm96yqm] {
    display: grid;
    gap: .35rem;
}

.tara-curvas-curve-picker__copy strong[b-dqbhm96yqm] {
    color: var(--tara-text);
}

.tara-curvas-curve-picker__copy span[b-dqbhm96yqm] {
    color: var(--tara-text-muted);
    line-height: 1.45;
}

/* ── Paso 2: layout producto + curvas actuales ── */
.tara-curvas-step2-row[b-dqbhm96yqm] {
    display: grid;
    grid-template-columns: 1fr 264px;
    gap: 1rem;
    align-items: start;
}

/* Tarjeta "Curvas actuales" */
.tara-curvas-actuales__card[b-dqbhm96yqm] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    padding: 1rem 1.05rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface-variant);
    height: 100%;
    box-sizing: border-box;
}

.tara-curvas-actuales__title[b-dqbhm96yqm] {
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--tara-on-surface-variant);
}

.tara-curvas-actuales__loading[b-dqbhm96yqm] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .82rem;
    color: var(--tara-on-surface-variant);
}

.tara-curvas-actuales__stats[b-dqbhm96yqm] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.tara-curvas-actuales__stat[b-dqbhm96yqm] {
    font-size: .9rem;
    color: var(--tara-on-surface);
}

.tara-curvas-actuales__stat strong[b-dqbhm96yqm] {
    font-weight: 700;
    color: var(--tara-primary);
}

.tara-curvas-actuales__empty[b-dqbhm96yqm] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .82rem;
    color: var(--tara-on-surface-variant);
}

.tara-curvas-actuales__error[b-dqbhm96yqm] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    font-size: .82rem;
    color: var(--tara-on-surface-variant);
}

.tara-curvas-actuales__btn[b-dqbhm96yqm] {
    margin-top: auto;
}

.tara-curvas-result-card-wrap[b-dqbhm96yqm] {
    display: grid;
}

.tara-curvas-result-card[b-dqbhm96yqm] {
    width: 100%;
}

.tara-curvas-result-card[b-dqbhm96yqm]  .tara-pro-result-card--selected {
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-primary-subtle) 28%, var(--tara-surface)),
            color-mix(in srgb, var(--tara-surface) 96%, white));
}

.tara-curvas-result-card[b-dqbhm96yqm]  .tara-pro-result-card__detail {
    gap: 10px;
    margin-top: 12px;
}

.tara-curvas-result-card[b-dqbhm96yqm]  .tara-pro-result-card__detail-label {
    color: var(--tara-primary-dark);
    font-size: .78rem;
    font-weight: 800;
}

.tara-curvas-result-card[b-dqbhm96yqm]  .tara-pro-result-card__detail-chip {
    min-height: 2rem;
    padding: .5rem .75rem;
    font-size: .8rem;
    font-weight: 800;
    background: color-mix(in srgb, var(--tara-primary-subtle) 50%, var(--tara-surface));
}

.tara-curvas-result-card[b-dqbhm96yqm]  .tara-pro-result-card__footer {
    margin-top: 1rem;
    padding-top: .9rem;
    border-top: 1px solid color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
}

.tara-curvas-curve-footer[b-dqbhm96yqm] {
    display: grid;
    grid-template-columns: minmax(140px, 180px) minmax(0, 1fr);
    gap: 1rem;
    width: 100%;
    align-items: stretch;
}

.tara-curvas-curve-kpi[b-dqbhm96yqm] {
    display: grid;
    place-items: center;
    gap: .15rem;
    min-height: 8.5rem;
    padding: 1rem;
    border-radius: var(--tara-radius);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    background:
        radial-gradient(circle at top, color-mix(in srgb, var(--tara-primary) 10%, transparent), transparent 58%),
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-surface) 96%, white),
            color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface)));
    box-shadow: var(--tara-shadow-sm);
    text-align: center;
}

.tara-curvas-curve-kpi__value[b-dqbhm96yqm] {
    font-size: clamp(2.4rem, 4.2vw, 3.25rem);
    line-height: 1;
    font-weight: 900;
    color: var(--tara-primary-dark);
    letter-spacing: -.05em;
}

.tara-curvas-curve-kpi__label[b-dqbhm96yqm] {
    font-size: .82rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

.tara-curvas-curve-overview[b-dqbhm96yqm] {
    display: grid;
    gap: .9rem;
    align-content: start;
}

.tara-curvas-curve-footer--selected[b-dqbhm96yqm] {
    grid-template-columns: 1fr;
}

.tara-curvas-curve-footer--picker[b-dqbhm96yqm] {
    grid-template-columns: minmax(132px, 164px) minmax(0, 1fr);
    align-items: stretch;
}

.tara-curvas-curve-kpi--picker[b-dqbhm96yqm] {
    min-height: 9rem;
}

.tara-curvas-curve-overview--selected[b-dqbhm96yqm] {
    gap: .75rem;
}

.tara-curvas-curve-overview--picker[b-dqbhm96yqm] {
    padding-top: .2rem;
}

.tara-curvas-curve-overview__chips[b-dqbhm96yqm] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    align-items: center;
}

.tara-curvas-card-footer--curve[b-dqbhm96yqm] {
    justify-content: flex-start;
}

.tara-curvas-empty-card[b-dqbhm96yqm] {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
}

.tara-curvas-empty-card--soft[b-dqbhm96yqm] {
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-surface) 95%, white),
            color-mix(in srgb, var(--tara-primary) 2%, var(--tara-surface)));
}

.tara-curvas-empty-card[b-dqbhm96yqm]  .mud-icon-root {
    font-size: 1.45rem;
    color: var(--tara-primary-dark);
}

.tara-curvas-filters[b-dqbhm96yqm] {
    display: grid;
    align-items: start;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .85rem;
}

.tara-curvas-filters--global[b-dqbhm96yqm] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tara-curvas-summary-grid[b-dqbhm96yqm] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
}

.tara-curvas-summary-item[b-dqbhm96yqm] {
    display: grid;
    gap: .45rem;
    min-height: 100%;
    padding: 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-surface) 95%, white),
            color-mix(in srgb, var(--tara-primary) 3%, var(--tara-surface)));
}

.tara-curvas-summary-item strong[b-dqbhm96yqm] {
    font-size: 1.08rem;
}

.tara-curvas-summary-item__label[b-dqbhm96yqm] {
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

.tara-curvas-summary-cta[b-dqbhm96yqm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.05rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    border-radius: var(--tara-radius);
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface)),
            color-mix(in srgb, var(--tara-surface) 95%, white));
}

.tara-curvas-summary-success[b-dqbhm96yqm] {
    display: grid;
    gap: 1rem;
    padding: 1.1rem;
    border: 1px solid color-mix(in srgb, var(--tara-success, #1d6f42) 26%, var(--tara-border));
    border-radius: var(--tara-radius);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-success, #1d6f42) 9%, var(--tara-surface)),
            color-mix(in srgb, var(--tara-surface) 96%, white));
    box-shadow: 0 18px 34px color-mix(in srgb, var(--tara-success, #1d6f42) 10%, transparent);
}

.tara-curvas-summary-success__hero[b-dqbhm96yqm] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.tara-curvas-summary-success__copy[b-dqbhm96yqm] {
    display: grid;
    gap: .45rem;
    min-width: 0;
}

.tara-curvas-summary-success__status[b-dqbhm96yqm] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-curvas-summary-success__status strong[b-dqbhm96yqm] {
    color: var(--tara-text);
    font-size: 1.08rem;
}

.tara-curvas-summary-success__copy span[b-dqbhm96yqm] {
    color: var(--tara-text-muted);
    line-height: 1.5;
}

.tara-curvas-summary-success__icon[b-dqbhm96yqm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-success, #1d6f42) 16%, var(--tara-surface));
    color: color-mix(in srgb, var(--tara-success, #1d6f42) 86%, black);
    flex-shrink: 0;
}

.tara-curvas-summary-success__icon[b-dqbhm96yqm]  .mud-icon-root {
    font-size: 1.45rem;
}

.tara-curvas-summary-success__grid[b-dqbhm96yqm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .85rem;
}

.tara-curvas-summary-success__item[b-dqbhm96yqm] {
    display: grid;
    gap: .28rem;
    padding: .95rem;
    border: 1px solid color-mix(in srgb, var(--tara-success, #1d6f42) 14%, var(--tara-border));
    border-radius: calc(var(--tara-radius) - 2px);
    background: color-mix(in srgb, var(--tara-surface) 96%, white);
}

.tara-curvas-summary-success__item strong[b-dqbhm96yqm] {
    font-size: 1.02rem;
    color: var(--tara-text);
}

.tara-curvas-summary-success__item p[b-dqbhm96yqm] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-summary-success__label[b-dqbhm96yqm] {
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--tara-success, #1d6f42) 62%, var(--tara-text-muted));
}

.tara-curvas-summary-success__actions[b-dqbhm96yqm] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: stretch;
}

.tara-curvas-summary-success__actions[b-dqbhm96yqm]  .mud-button-root {
    min-height: 52px;
    border-radius: calc(var(--tara-radius) - 2px);
    font-weight: 800;
    letter-spacing: .01em;
}

.tara-curvas-summary-success__primary[b-dqbhm96yqm] {
    min-width: clamp(220px, 26vw, 320px);
    box-shadow: 0 14px 24px color-mix(in srgb, var(--tara-primary) 22%, transparent);
}

.tara-curvas-summary-success__primary[b-dqbhm96yqm]  .mud-button-label,
.tara-curvas-summary-success__primary[b-dqbhm96yqm]  .mud-icon-root,
.tara-curvas-summary-success__primary[b-dqbhm96yqm]  span {
    color: #fff;
}

.tara-curvas-summary-cta__copy[b-dqbhm96yqm] {
    display: grid;
    gap: .45rem;
    min-width: 0;
}

.tara-curvas-summary-cta__status[b-dqbhm96yqm] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-curvas-summary-cta strong[b-dqbhm96yqm] {
    color: var(--tara-text);
}

.tara-curvas-summary-cta__copy span[b-dqbhm96yqm] {
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-state-chip[b-dqbhm96yqm] {
    font-weight: 700;
}

.tara-curvas-state-chip--ready[b-dqbhm96yqm] {
    background: color-mix(in srgb, var(--tara-success, #1d6f42) 16%, var(--tara-surface));
    color: color-mix(in srgb, var(--tara-success, #1d6f42) 82%, black);
}

.tara-curvas-state-chip--pending[b-dqbhm96yqm] {
    background: color-mix(in srgb, var(--tara-info, #2196f3) 12%, var(--tara-surface));
    color: color-mix(in srgb, var(--tara-info, #2196f3) 76%, black);
}

.tara-curvas-state-chip--warning[b-dqbhm96yqm] {
    background: color-mix(in srgb, var(--tara-warning, #f59e0b) 16%, var(--tara-surface));
    color: color-mix(in srgb, var(--tara-warning, #f59e0b) 82%, black);
}

.tara-curvas-state-chip--progress[b-dqbhm96yqm] {
    background: color-mix(in srgb, var(--tara-primary) 16%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-curvas-summary-cta__button[b-dqbhm96yqm] {
    min-width: clamp(220px, 26vw, 320px);
    min-height: 56px;
    align-self: stretch;
    border-radius: calc(var(--tara-radius) - 2px);
    font-weight: 800;
    letter-spacing: .02em;
    padding-inline: 1.35rem;
    font-size: 1rem;
    box-shadow: 0 14px 24px color-mix(in srgb, var(--tara-primary) 22%, transparent);
}

.tara-curvas-summary-cta__button[b-dqbhm96yqm]  .mud-button-label,
.tara-curvas-summary-cta__button[b-dqbhm96yqm]  .mud-icon-root,
.tara-curvas-summary-cta__button[b-dqbhm96yqm]  span {
    color: #fff;
}

.tara-curvas-summary-cta__button:not(.mud-disabled)[b-dqbhm96yqm] {
    background: linear-gradient(135deg, var(--tara-primary-dark), var(--tara-primary));
    border: 1px solid color-mix(in srgb, var(--tara-primary-dark) 70%, black);
}

.tara-curvas-summary-cta__button:not(.mud-disabled):hover[b-dqbhm96yqm] {
    filter: brightness(1.02);
    transform: translateY(-1px);
}

.tara-curvas-summary-cta__button:not(.mud-disabled):active[b-dqbhm96yqm] {
    transform: translateY(0);
    box-shadow: 0 10px 18px color-mix(in srgb, var(--tara-primary) 18%, transparent);
}

.tara-curvas-summary-cta__button.mud-disabled[b-dqbhm96yqm] {
    background: color-mix(in srgb, var(--tara-text-muted) 32%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-text-muted) 24%, var(--tara-border));
    box-shadow: none;
    opacity: 1;
}

.tara-curvas-summary-cta__button.mud-disabled[b-dqbhm96yqm]  .mud-button-label,
.tara-curvas-summary-cta__button.mud-disabled[b-dqbhm96yqm]  .mud-icon-root,
.tara-curvas-summary-cta__button.mud-disabled[b-dqbhm96yqm]  span {
    color: color-mix(in srgb, var(--tara-text-muted) 88%, white);
}

.tara-curvas-detail-dialog[b-dqbhm96yqm] {
    display: grid;
    gap: 1rem;
}

.tara-curvas-detail-dialog__summary[b-dqbhm96yqm] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-curvas-distribution-grid[b-dqbhm96yqm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: .8rem;
}

.tara-curvas-distribution-grid--dialog[b-dqbhm96yqm] {
    max-height: min(56vh, 30rem);
    overflow: auto;
    padding-right: .15rem;
}

.tara-curvas-distribution-card[b-dqbhm96yqm] {
    display: grid;
    gap: .35rem;
    padding: .85rem .95rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    border-radius: var(--tara-radius);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-surface) 96%, white),
            color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface)));
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-distribution-card__top[b-dqbhm96yqm] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
}

.tara-curvas-distribution-card__ident[b-dqbhm96yqm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    padding: .35rem .6rem;
    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) 10%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-weight: 800;
}

.tara-curvas-distribution-card__qty[b-dqbhm96yqm] {
    color: var(--tara-text);
    font-weight: 700;
}

.tara-curvas-distribution-card__meta[b-dqbhm96yqm] {
    color: var(--tara-text-muted);
    font-size: .92rem;
}

.tara-curvas-table-shell[b-dqbhm96yqm] {
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: calc(var(--tara-radius) - 2px);
    background: var(--tara-surface);
}

.tara-curvas-table-shell--dialog[b-dqbhm96yqm] {
    max-height: min(60vh, 32rem);
}

.tara-curvas-assigned-shell[b-dqbhm96yqm] {
    display: grid;
    gap: 1rem;
}

.tara-curvas-assigned-toolbar[b-dqbhm96yqm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .85rem;
    align-items: center;
}

.tara-curvas-assigned-toolbar__search[b-dqbhm96yqm] {
    min-width: 0;
}

.tara-curvas-assigned-toolbar__meta[b-dqbhm96yqm] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem .9rem;
    justify-content: flex-end;
    color: var(--tara-text-muted);
    font-size: .9rem;
}

.tara-curvas-assigned-shell__summary[b-dqbhm96yqm] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    align-items: center;
}

.tara-curvas-assigned-scroll[b-dqbhm96yqm] {
    max-height: min(62vh, 42rem);
    overflow: auto;
    padding-right: .2rem;
}

.tara-curvas-assigned-grid[b-dqbhm96yqm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.tara-curvas-assigned-card[b-dqbhm96yqm] {
    display: grid;
    gap: 1rem;
    padding: 1rem 1.05rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-radius: var(--tara-radius);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-surface) 96%, white),
            color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface)));
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-assigned-card__header[b-dqbhm96yqm],
.tara-curvas-assigned-card__hero[b-dqbhm96yqm],
.tara-curvas-assigned-card__footer[b-dqbhm96yqm] {
    display: flex;
    gap: .9rem;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-curvas-assigned-card__title[b-dqbhm96yqm],
.tara-curvas-assigned-card__hero-copy[b-dqbhm96yqm],
.tara-curvas-assigned-card__fact[b-dqbhm96yqm],
.tara-curvas-assigned-card__metric[b-dqbhm96yqm],
.tara-curvas-assigned-card__section[b-dqbhm96yqm] {
    display: grid;
    gap: .3rem;
}

.tara-curvas-assigned-card__eyebrow[b-dqbhm96yqm],
.tara-curvas-assigned-card__label[b-dqbhm96yqm],
.tara-curvas-assigned-card__metric span[b-dqbhm96yqm],
.tara-curvas-assigned-card__fact span[b-dqbhm96yqm] {
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

.tara-curvas-assigned-card__title h3[b-dqbhm96yqm],
.tara-curvas-assigned-card__hero-copy strong[b-dqbhm96yqm],
.tara-curvas-assigned-card__fact strong[b-dqbhm96yqm],
.tara-curvas-assigned-card__metric strong[b-dqbhm96yqm] {
    margin: 0;
    color: var(--tara-text);
}

.tara-curvas-assigned-card__title h3[b-dqbhm96yqm] {
    font-size: 1.08rem;
}

.tara-curvas-assigned-card__title p[b-dqbhm96yqm],
.tara-curvas-assigned-card__hero-copy span[b-dqbhm96yqm],
.tara-curvas-assigned-card__fact p[b-dqbhm96yqm] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-assigned-card__hero[b-dqbhm96yqm] {
    padding: .95rem 1rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
    border-radius: calc(var(--tara-radius) - 2px);
    background:
        radial-gradient(circle at top, color-mix(in srgb, var(--tara-primary) 9%, transparent), transparent 62%),
        color-mix(in srgb, var(--tara-surface) 94%, white);
}

.tara-curvas-assigned-card__badge[b-dqbhm96yqm] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: .3rem .65rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
}

.tara-curvas-assigned-card__hero-metrics[b-dqbhm96yqm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(88px, 1fr));
    gap: .75rem;
    min-width: min(100%, 220px);
}

.tara-curvas-assigned-card__metric[b-dqbhm96yqm] {
    align-content: start;
    padding: .75rem .85rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    border-radius: calc(var(--tara-radius) - 4px);
    background: color-mix(in srgb, var(--tara-primary-subtle) 34%, var(--tara-surface));
}

.tara-curvas-assigned-card__metric strong[b-dqbhm96yqm] {
    color: var(--tara-primary-dark);
    font-size: 1.2rem;
    line-height: 1;
}

.tara-curvas-assigned-card__chips[b-dqbhm96yqm] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.tara-curvas-assigned-card__dist-chip[b-dqbhm96yqm],
.tara-curvas-assigned-card__meta-chip[b-dqbhm96yqm] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: .45rem .7rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    font-size: .82rem;
    font-weight: 800;
}

.tara-curvas-assigned-card__dist-chip[b-dqbhm96yqm] {
    background: color-mix(in srgb, var(--tara-primary-subtle) 52%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-curvas-assigned-card__meta-chip[b-dqbhm96yqm] {
    background: color-mix(in srgb, var(--tara-surface) 94%, white);
    color: var(--tara-text);
}

.tara-curvas-assigned-card__facts[b-dqbhm96yqm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.tara-curvas-assigned-card__fact[b-dqbhm96yqm] {
    min-width: 0;
    padding: .85rem .95rem;
    border: 1px solid var(--tara-border);
    border-radius: calc(var(--tara-radius) - 4px);
    background: color-mix(in srgb, var(--tara-surface) 97%, white);
}

.tara-curvas-assigned-card__footer[b-dqbhm96yqm]  .mud-button-root {
    min-height: 2.8rem;
}

.tara-curvas-assigned-card__detail[b-dqbhm96yqm] {
    display: grid;
    gap: .9rem;
}

.tara-curvas-assigned-shell--compact .tara-curvas-assigned-grid[b-dqbhm96yqm] {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.tara-curvas-assigned-shell--compact .tara-curvas-assigned-card[b-dqbhm96yqm] {
    gap: .85rem;
    padding: .95rem 1rem;
}

.tara-curvas-assigned-shell--compact .tara-curvas-assigned-card__hero[b-dqbhm96yqm] {
    padding: .8rem .9rem;
}

.tara-curvas-assigned-shell--compact .tara-curvas-assigned-card__dist-chip[b-dqbhm96yqm],
.tara-curvas-assigned-shell--compact .tara-curvas-assigned-card__meta-chip[b-dqbhm96yqm] {
    min-height: 1.8rem;
    padding: .35rem .62rem;
    font-size: .78rem;
}

.tara-curvas-assigned-shell--list .tara-curvas-assigned-scroll[b-dqbhm96yqm] {
    max-height: min(64vh, 44rem);
}

.tara-curvas-assigned-shell--list .tara-curvas-assigned-grid[b-dqbhm96yqm] {
    grid-template-columns: 1fr;
    gap: .75rem;
}

.tara-curvas-assigned-shell--list .tara-curvas-assigned-card[b-dqbhm96yqm] {
    gap: .75rem;
    padding: .9rem 1rem;
}

.tara-curvas-assigned-shell--list .tara-curvas-assigned-card__hero[b-dqbhm96yqm] {
    padding: .75rem .85rem;
}

.tara-curvas-assigned-shell--list .tara-curvas-assigned-card__metric strong[b-dqbhm96yqm] {
    font-size: 1.05rem;
}

.tara-curvas-assigned-shell--list .tara-curvas-assigned-card__detail[b-dqbhm96yqm] {
    padding-top: .15rem;
    border-top: 1px solid color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
}

.tara-curvas-assigned-shell--list .tara-curvas-assigned-card__footer[b-dqbhm96yqm] {
    justify-content: space-between;
}

[b-dqbhm96yqm] .mud-dialog {
    max-height: calc(100vh - 1.5rem);
}

[b-dqbhm96yqm] .mud-dialog-content {
    overflow-x: hidden;
}

.tara-curvas-table-shell[b-dqbhm96yqm]  thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
}

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

.tara-curvas-table-shell[b-dqbhm96yqm]  tbody tr:hover {
    background: var(--tara-row-hover);
}

[b-dqbhm96yqm] .tara-curvas-filters .mud-input-control,
[b-dqbhm96yqm] .tara-curvas-filters .mud-select,
[b-dqbhm96yqm] .tara-curvas-filters .mud-input,
[b-dqbhm96yqm] .tara-curvas-table-shell .mud-table-cell {
    width: 100%;
}

.tara-curvas-dialog-search[b-dqbhm96yqm] {
    display: grid;
    gap: .85rem;
}

.tara-curvas-dialog-search--product[b-dqbhm96yqm] {
    gap: 1rem;
    padding: clamp(.9rem, 2vw, 1.15rem);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-radius: var(--tara-radius);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-surface) 92%, white),
            color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface)));
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-dialog-search--product[b-dqbhm96yqm]  .tara-curvas-product-search-panel {
    max-width: 100%;
}

.tara-curvas-dialog-search--product[b-dqbhm96yqm]  .tara-pro-search__title {
    margin-bottom: .75rem;
}

.tara-curvas-dialog-search--product[b-dqbhm96yqm]  .tara-pro-search__results {
    border-color: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 94%, white);
    box-shadow: inset 0 1px 0 color-mix(in srgb, white 72%, transparent);
}

.tara-curvas-dialog-search--product[b-dqbhm96yqm]  .tara-pro-result-card__detail-label {
    color: var(--tara-primary-dark);
}

.tara-curvas-dialog-search--curve[b-dqbhm96yqm] {
    gap: 1rem;
    padding: clamp(.9rem, 2vw, 1.15rem);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-radius: var(--tara-radius);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-surface) 92%, white),
            color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface)));
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-dialog-search--curve[b-dqbhm96yqm]  .tara-pro-search__results {
    border-color: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 94%, white);
    box-shadow: inset 0 1px 0 color-mix(in srgb, white 72%, transparent);
}

.tara-curvas-dialog-search--curve[b-dqbhm96yqm]  .tara-pro-result-card__detail-label {
    color: var(--tara-primary-dark);
}

.tara-curvas-curve-option[b-dqbhm96yqm] {
    width: 100%;
}

.tara-curvas-dialog-search--curve[b-dqbhm96yqm]  .tara-pro-result-card__secondary {
    font-size: .95rem;
    color: var(--tara-text);
}

.tara-curvas-dialog-search--curve[b-dqbhm96yqm]  .tara-pro-result-card__footer {
    justify-content: stretch;
}

.tara-curvas-search-hint[b-dqbhm96yqm] {
    color: var(--tara-text-muted);
    line-height: 1.5;
}

.tara-curvas-search-hint--soft[b-dqbhm96yqm] {
    font-size: .92rem;
}

.tara-curvas-dialog-results[b-dqbhm96yqm] {
    display: grid;
    gap: .6rem;
    max-height: min(56vh, 28rem);
    overflow: auto;
}

.tara-curvas-store-row[b-dqbhm96yqm] {
    display: flex;
    gap: .65rem;
    align-items: center;
    padding: .8rem .9rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    color: var(--tara-text);
}

@media (max-width: 1120px) {
    .tara-curvas-wizard-body[b-dqbhm96yqm] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-wizard-sidebar[b-dqbhm96yqm] {
        position: static;
    }

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

    .tara-curvas-step-card__body--stores[b-dqbhm96yqm],
    .tara-curvas-filters--global[b-dqbhm96yqm] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-curve-footer[b-dqbhm96yqm] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-curve-footer--picker[b-dqbhm96yqm] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-assigned-card__header[b-dqbhm96yqm],
    .tara-curvas-assigned-card__hero[b-dqbhm96yqm] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-curvas-assigned-toolbar[b-dqbhm96yqm] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-assigned-toolbar__meta[b-dqbhm96yqm] {
        justify-content: flex-start;
    }
}

@media (max-width: 780px) {
    .tara-curvas-step2-row[b-dqbhm96yqm] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-actuales__btn[b-dqbhm96yqm] {
        width: 100%;
    }

    .tara-curvas-loading-card[b-dqbhm96yqm] {
        padding: 1.1rem;
    }

    .tara-curvas-loading-card__icon[b-dqbhm96yqm] {
        width: 3rem;
        height: 3rem;
    }

    .tara-curvas-shell[b-dqbhm96yqm] {
        padding: .85rem;
    }

    .tara-curvas-header[b-dqbhm96yqm],
    .tara-curvas-step-card__header[b-dqbhm96yqm],
    .tara-curvas-summary-cta[b-dqbhm96yqm],
    .tara-curvas-summary-success__hero[b-dqbhm96yqm],
    .tara-curvas-product-picker[b-dqbhm96yqm],
    .tara-curvas-curve-picker[b-dqbhm96yqm] {
        flex-direction: column;
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .tara-curvas-header__actions[b-dqbhm96yqm],
    .tara-curvas-inline-actions[b-dqbhm96yqm],
    .tara-curvas-card-footer[b-dqbhm96yqm] {
        width: 100%;
    }

    .tara-curvas-header__actions > *[b-dqbhm96yqm],
    .tara-curvas-inline-actions > *[b-dqbhm96yqm],
    .tara-curvas-card-footer > *[b-dqbhm96yqm],
    .tara-curvas-summary-cta__button[b-dqbhm96yqm],
    .tara-curvas-summary-success__actions > *[b-dqbhm96yqm] {
        flex: 1 1 100%;
    }

    .tara-curvas-curve-kpi[b-dqbhm96yqm] {
        min-height: 7.5rem;
    }

    .tara-curvas-summary-cta__button[b-dqbhm96yqm] {
        min-width: 100%;
        min-height: 64px;
        width: 100%;
        font-size: 1.02rem;
    }

    .tara-curvas-summary-success__actions[b-dqbhm96yqm] {
        width: 100%;
    }

    .tara-curvas-summary-success__actions[b-dqbhm96yqm]  .mud-button-root,
    .tara-curvas-summary-success__primary[b-dqbhm96yqm] {
        width: 100%;
        min-width: 100%;
        min-height: 64px;
    }

    .tara-curvas-summary-grid[b-dqbhm96yqm] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-stepper[b-dqbhm96yqm] {
        flex-wrap: wrap;
        gap: .3rem;
    }

    .tara-curvas-stepper__connector[b-dqbhm96yqm] {
        display: none;
    }

    .tara-curvas-empty-card[b-dqbhm96yqm],
    .tara-curvas-store-row[b-dqbhm96yqm] {
        align-items: flex-start;
    }

    .tara-curvas-dialog-results[b-dqbhm96yqm] {
        max-height: min(62vh, 30rem);
    }

    .tara-curvas-assigned-grid[b-dqbhm96yqm],
    .tara-curvas-assigned-card__facts[b-dqbhm96yqm] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-assigned-card__hero-metrics[b-dqbhm96yqm] {
        width: 100%;
    }

    .tara-curvas-assigned-card__footer[b-dqbhm96yqm] {
        width: 100%;
    }

    .tara-curvas-assigned-card__footer[b-dqbhm96yqm] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-curvas-assigned-card__footer[b-dqbhm96yqm]  .mud-button-root {
        width: 100%;
    }

    .tara-curvas-assigned-scroll[b-dqbhm96yqm] {
        max-height: min(66vh, 46rem);
    }
}

/* ── Batch actions bar (individual mode, step 3) ── */
.tara-curvas-batch-actions[b-dqbhm96yqm] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    padding: .25rem 0 .75rem;
}

/* ── Per-store curve matrix ── */
.tara-curvas-matrix[b-dqbhm96yqm] {
    display: flex;
    flex-direction: column;
    gap: .375rem;
}

.tara-curvas-matrix__row[b-dqbhm96yqm] {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1.4fr) min-content;
    align-items: center;
    gap: .5rem;
    padding: .5rem .75rem;
    border-radius: 6px;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    transition: border-color .15s;
}

.tara-curvas-matrix__row:hover[b-dqbhm96yqm] {
    border-color: var(--tara-border-strong, var(--tara-border));
}

.tara-curvas-matrix__tienda[b-dqbhm96yqm] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.tara-curvas-matrix__tienda-name[b-dqbhm96yqm] {
    font-size: .875rem;
    font-weight: 600;
    color: var(--tara-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tara-curvas-matrix__curva-actual[b-dqbhm96yqm] {
    font-size: .75rem;
    color: var(--tara-text-secondary, var(--tara-text));
    opacity: .75;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tara-curvas-matrix__curva-actual--vacia[b-dqbhm96yqm] {
    font-style: italic;
    opacity: .5;
}

.tara-curvas-matrix__selector[b-dqbhm96yqm] {
    min-width: 0;
}

.tara-curvas-matrix__estado[b-dqbhm96yqm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    white-space: nowrap;
}

/* Status chip colours */
[b-dqbhm96yqm] .tara-curvas-matrix__estado-chip--nueva .mud-chip {
    background-color: var(--tara-success, #2e7d32) !important;
    color: #fff !important;
}

[b-dqbhm96yqm] .tara-curvas-matrix__estado-chip--igual .mud-chip {
    background-color: var(--tara-border, #bdbdbd) !important;
    color: var(--tara-text) !important;
}

[b-dqbhm96yqm] .tara-curvas-matrix__estado-chip--reemplaza .mud-chip {
    background-color: var(--tara-warning, #f57c00) !important;
    color: #fff !important;
}

[b-dqbhm96yqm] .tara-curvas-matrix__estado-chip--pendiente .mud-chip {
    background-color: transparent !important;
    border: 1px solid var(--tara-border) !important;
    color: var(--tara-text-secondary, var(--tara-text)) !important;
}

@media (max-width: 760px) {
    .tara-curvas-matrix__row[b-dqbhm96yqm] {
        grid-template-columns: 1fr;
        gap: .375rem;
    }

    .tara-curvas-matrix__estado[b-dqbhm96yqm] {
        justify-content: flex-start;
    }
}

/* ── Step 4: batch per-store summary table (individual mode) ── */
.tara-curvas-batch-summary[b-dqbhm96yqm] {
    margin-top: .75rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    overflow: hidden;
}

.tara-curvas-batch-summary__header[b-dqbhm96yqm] {
    padding: .5rem .85rem;
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    border-bottom: 1px solid var(--tara-border);
}

.tara-curvas-batch-summary__title[b-dqbhm96yqm] {
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--tara-text-secondary, var(--tara-text));
    opacity: .8;
}

.tara-curvas-batch-summary__table[b-dqbhm96yqm] {
    display: flex;
    flex-direction: column;
}

.tara-curvas-batch-summary__row[b-dqbhm96yqm] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.2fr) 6rem 6rem;
    gap: .5rem;
    padding: .5rem .85rem;
    font-size: .875rem;
    align-items: center;
    border-bottom: 1px solid var(--tara-border);
}

.tara-curvas-batch-summary__row:last-child[b-dqbhm96yqm] {
    border-bottom: none;
}

.tara-curvas-batch-summary__row--head[b-dqbhm96yqm] {
    font-size: .75rem;
    font-weight: 600;
    opacity: .65;
    background: var(--tara-surface);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.tara-curvas-batch-summary__row:nth-child(even):not(.tara-curvas-batch-summary__row--head)[b-dqbhm96yqm] {
    background: color-mix(in srgb, var(--tara-border) 20%, transparent);
}

.tara-curvas-batch-summary__tienda[b-dqbhm96yqm] {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tara-curvas-batch-summary__curva[b-dqbhm96yqm] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tara-curvas-batch-summary__na[b-dqbhm96yqm] {
    opacity: .45;
    font-style: italic;
}

.tara-curvas-batch-summary__estado[b-dqbhm96yqm] {
    font-weight: 600;
    font-size: .78rem;
    border-radius: 99px;
    padding: .15rem .5rem;
    text-align: center;
}

.tara-curvas-batch-summary__estado--nueva[b-dqbhm96yqm] {
    background: color-mix(in srgb, var(--tara-success, #2e7d32) 14%, transparent);
    color: var(--tara-success, #2e7d32);
}

.tara-curvas-batch-summary__estado--reemplaza[b-dqbhm96yqm] {
    background: color-mix(in srgb, var(--tara-warning, #f57c00) 14%, transparent);
    color: var(--tara-warning, #f57c00);
}

.tara-curvas-batch-summary__estado--igual[b-dqbhm96yqm] {
    background: color-mix(in srgb, var(--tara-border) 40%, transparent);
    color: var(--tara-text-secondary, var(--tara-text));
}

.tara-curvas-batch-summary__estado--pendiente[b-dqbhm96yqm] {
    border: 1px solid var(--tara-border);
    color: var(--tara-text-secondary, var(--tara-text));
    opacity: .7;
}

/* ── CTA button: text-transform for premium feel ── */
.tara-curvas-summary-cta__button[b-dqbhm96yqm]  .mud-button-label {
    text-transform: uppercase;
    letter-spacing: .06em;
}

@media (max-width: 640px) {
    .tara-curvas-batch-summary__row[b-dqbhm96yqm] {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
    }

    .tara-curvas-batch-summary__row--head[b-dqbhm96yqm] {
        display: none;
    }

    .tara-curvas-batch-summary__piezas[b-dqbhm96yqm],
    .tara-curvas-batch-summary__estado[b-dqbhm96yqm] {
        font-size: .75rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenCurvasHuecosCopetes.razor.rz.scp.css */
.tara-curvas-loading-shell[b-oq89bcrdxq] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-items: center;
    padding: clamp(1rem, 3vw, 2rem);
    background:
        radial-gradient(circle at top, color-mix(in srgb, var(--tara-primary) 8%, transparent), transparent 40%),
        var(--tara-bg);
}

.tara-curvas-loading-card[b-oq89bcrdxq] {
    width: min(100%, 34rem);
    display: grid;
    gap: 1rem;
    padding: clamp(1.2rem, 3vw, 1.8rem);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-radius: calc(var(--tara-radius) + 4px);
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--tara-surface) 92%, white),
            color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface)));
    box-shadow: var(--tara-shadow);
}

.tara-curvas-loading-card--compact[b-oq89bcrdxq] {
    width: min(100%, 32rem);
}

.tara-curvas-loading-card__icon[b-oq89bcrdxq] {
    width: 3.4rem;
    height: 3.4rem;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-surface));
    color: var(--tara-primary-dark);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-loading-card__icon[b-oq89bcrdxq]  .mud-icon-root {
    font-size: 1.55rem;
}

.tara-curvas-loading-card__copy[b-oq89bcrdxq] {
    display: grid;
    gap: .45rem;
}

.tara-curvas-loading-card__eyebrow[b-oq89bcrdxq] {
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

.tara-curvas-loading-card__copy h2[b-oq89bcrdxq] {
    margin: 0;
    font-size: clamp(1.3rem, 2.6vw, 1.75rem);
    line-height: 1.12;
    color: var(--tara-text);
}

.tara-curvas-loading-card__copy p[b-oq89bcrdxq] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.55;
}

.tara-curvas-loading-card__progress[b-oq89bcrdxq] {
    margin-top: .1rem;
}

.tara-curvas-shell[b-oq89bcrdxq] {
    display: grid;
    align-content: start;
    gap: 1rem;
    padding: clamp(.9rem, 2vw, 1.35rem);
    background: var(--tara-bg);
    min-height: calc(100vh - 96px);
}

.tara-curvas-header[b-oq89bcrdxq],
.tara-curvas-grid[b-oq89bcrdxq],
.tara-curvas-preview[b-oq89bcrdxq],
.tara-curvas-kpi[b-oq89bcrdxq] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
}

.tara-curvas-header[b-oq89bcrdxq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: clamp(1rem, 2.2vw, 1.45rem);
    box-shadow: var(--tara-shadow);
}

.tara-curvas-header__eyebrow[b-oq89bcrdxq] {
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--tara-text-muted);
}

.tara-curvas-header h1[b-oq89bcrdxq] {
    margin: .3rem 0;
    font-size: clamp(1.45rem, 2vw, 1.95rem);
    color: var(--tara-text);
}

.tara-curvas-header p[b-oq89bcrdxq] {
    margin: 0;
    color: var(--tara-text-muted);
    max-width: 64ch;
    line-height: 1.55;
}

.tara-curvas-header__actions[b-oq89bcrdxq] {
    display: flex;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tara-curvas-filters[b-oq89bcrdxq] {
    display: grid;
    align-items: start;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .85rem;
}

.tara-curvas-filters--compact[b-oq89bcrdxq] {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: .75rem;
}

.tara-curvas-filters > *[b-oq89bcrdxq] {
    align-self: start;
}

.tara-curvas-filters__actions[b-oq89bcrdxq] {
    display: flex;
    gap: .65rem;
    align-items: center;
    flex-wrap: wrap;
}

.tara-curvas-filters__actions--compact[b-oq89bcrdxq] {
    justify-content: flex-end;
}

.tara-curvas-feedback[b-oq89bcrdxq],
.tara-curvas-guidance[b-oq89bcrdxq] {
    margin: 0;
    border-radius: var(--tara-radius-sm);
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-analysis-summary[b-oq89bcrdxq] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-width: 0;
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-curvas-analysis-summary > span[b-oq89bcrdxq] {
    white-space: nowrap;
}

.tara-curvas-analysis-summary > span[b-oq89bcrdxq]::before {
    content: "·";
    margin-right: .4rem;
    color: var(--tara-primary);
}

.tara-curvas-analysis-card[b-oq89bcrdxq] {
    display: grid;
    gap: 1.05rem;
    padding: 1.05rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    border-radius: var(--tara-radius);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-primary) 2%, var(--tara-surface)),
            var(--tara-surface));
    box-shadow: var(--tara-shadow);
}

.tara-curvas-analysis-card__header[b-oq89bcrdxq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.tara-curvas-analysis-card__header h2[b-oq89bcrdxq] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.2rem;
}

.tara-curvas-analysis-card__header p[b-oq89bcrdxq] {
    margin: .25rem 0 0;
    color: var(--tara-text-muted);
    font-size: .86rem;
}

.tara-curvas-analysis-card__helper[b-oq89bcrdxq] {
    display: inline-flex;
    align-items: center;
    max-width: 30rem;
    min-height: 2.5rem;
    padding: .55rem .75rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
    color: var(--tara-text-muted);
    font-size: .77rem;
    line-height: 1.45;
}

.tara-curvas-champions[b-oq89bcrdxq] {
    display: grid;
    gap: .8rem;
    padding: 1.05rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 8%, var(--tara-border));
    border-radius: var(--tara-radius);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface)),
            color-mix(in srgb, var(--tara-warning) 4%, var(--tara-surface)) 100%);
}

.tara-curvas-champions__head[b-oq89bcrdxq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .85rem;
}

.tara-curvas-champions__eyebrow[b-oq89bcrdxq] {
    display: block;
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-curvas-champions__head strong[b-oq89bcrdxq] {
    display: block;
    margin-top: .16rem;
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-curvas-champions__meta[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    font-size: .79rem;
    white-space: nowrap;
}

.tara-curvas-champions__insight[b-oq89bcrdxq] {
    margin: .05rem 0 0;
    padding: .7rem .85rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-left: 4px solid var(--tara-primary);
    border-radius: var(--tara-radius-sm);
    background: linear-gradient(180deg, color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface)), var(--tara-surface));
    color: var(--tara-text);
    font-size: .87rem;
    font-weight: 600;
    line-height: 1.45;
}

.tara-curvas-champions__state[b-oq89bcrdxq] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    color: var(--tara-text-muted);
    font-size: .84rem;
}

.tara-curvas-champions__state--warning[b-oq89bcrdxq] {
    color: color-mix(in srgb, var(--tara-warning) 78%, var(--tara-text));
}

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

.tara-curvas-champion-card[b-oq89bcrdxq] {
    display: grid;
    gap: .52rem;
    align-content: start;
    min-width: 0;
    padding: .95rem .95rem .88rem;
    border: 1px solid color-mix(in srgb, var(--tara-border) 88%, transparent);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    color: var(--tara-text);
    text-align: left;
    cursor: default;
    box-shadow: 0 10px 24px -20px rgba(0, 0, 0, .22);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background-color .18s ease;
}

.tara-curvas-champion-card.is-rank-1[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 34%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
}

.tara-curvas-champion-card.is-rank-2[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 3%, var(--tara-surface));
}

.tara-curvas-champion-card.is-rank-3[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 2%, color-mix(in srgb, var(--tara-warning) 4%, var(--tara-surface)));
}

.tara-curvas-champion-card.is-rank-4[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 1%, color-mix(in srgb, var(--tara-warning) 3%, var(--tara-surface)));
}

.tara-curvas-champion-card.is-rank-5[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-text) 10%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-text) 1.5%, var(--tara-surface));
}

.tara-curvas-champion-card.is-leader[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 46%, var(--tara-border));
    box-shadow: 0 18px 34px -22px rgba(0, 0, 0, .3);
}

.tara-curvas-champion-card:hover:not(:disabled)[b-oq89bcrdxq] {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    box-shadow: 0 16px 34px -24px rgba(0, 0, 0, .3);
}

.tara-curvas-champion-card:focus-visible[b-oq89bcrdxq] {
    outline: 2px solid color-mix(in srgb, var(--tara-primary) 32%, transparent);
    outline-offset: 2px;
}

.tara-curvas-champion-card:disabled[b-oq89bcrdxq] {
    cursor: not-allowed;
    opacity: .72;
}

.tara-curvas-champion-card.is-selected[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 54%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--tara-primary) 28%, transparent),
        0 16px 34px -24px rgba(0, 0, 0, .28);
}

.tara-curvas-champion-card__top[b-oq89bcrdxq] {
    display: flex;
    align-items: center;
    gap: .35rem;
    width: 100%;
    flex-wrap: wrap;
}

.tara-curvas-champion-card__rank[b-oq89bcrdxq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.6rem;
    padding: 0 .52rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-size: .82rem;
    font-weight: 900;
}

.tara-curvas-champion-card__badge[b-oq89bcrdxq],
.tara-curvas-champion-card__selected[b-oq89bcrdxq] {
    display: inline-flex;
    align-items: center;
    gap: .22rem;
    min-height: 1.45rem;
    padding: 0 .45rem;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 800;
}

.tara-curvas-champion-card__badge[b-oq89bcrdxq] {
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-curvas-champion-card__selected[b-oq89bcrdxq] {
    margin-left: auto;
    background: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-curvas-champion-card strong[b-oq89bcrdxq] {
    width: 100%;
    color: var(--tara-text);
    font-size: 1rem;
    line-height: 1.22;
    overflow-wrap: anywhere;
}

.tara-curvas-champion-card__stats[b-oq89bcrdxq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    width: 100%;
}

.tara-curvas-champion-card__stats > div[b-oq89bcrdxq] {
    display: grid;
    gap: .12rem;
}

.tara-curvas-champion-card__stats span[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-curvas-champion-card__stats strong[b-oq89bcrdxq] {
    width: auto;
    font-size: .96rem;
    line-height: 1.2;
}

.tara-curvas-champion-card__bar-shell[b-oq89bcrdxq] {
    position: relative;
    display: grid;
    align-items: center;
    width: 100%;
    height: .72rem;
    padding-right: 2.6rem;
    overflow: hidden;
    border-radius: 999px;
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface)),
        color-mix(in srgb, var(--tara-primary) 12%, var(--tara-surface)));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tara-primary) 8%, var(--tara-border));
}

.tara-curvas-champion-card__bar[b-oq89bcrdxq] {
    display: block;
    height: 100%;
    min-width: .55rem;
    border-radius: inherit;
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--tara-primary) 88%, white),
        var(--tara-primary-dark));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, white 24%, transparent);
    transition: width .18s ease, filter .18s ease;
}

.tara-curvas-champion-card__bar-value[b-oq89bcrdxq] {
    position: absolute;
    right: .1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--tara-text-muted);
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.tara-curvas-champion-card.is-rank-1 .tara-curvas-champion-card__bar[b-oq89bcrdxq] {
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--tara-primary) 72%, white),
        var(--tara-primary-dark));
}

.tara-curvas-champion-card.is-rank-2 .tara-curvas-champion-card__bar[b-oq89bcrdxq] {
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--tara-primary) 60%, white),
        color-mix(in srgb, var(--tara-primary-dark) 84%, white));
}

.tara-curvas-champion-card.is-rank-3 .tara-curvas-champion-card__bar[b-oq89bcrdxq] {
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--tara-primary) 44%, white),
        color-mix(in srgb, var(--tara-primary-dark) 70%, white));
}

.tara-curvas-champion-card.is-rank-4 .tara-curvas-champion-card__bar[b-oq89bcrdxq] {
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--tara-primary) 28%, white),
        color-mix(in srgb, var(--tara-primary-dark) 56%, white));
}

.tara-curvas-champion-card.is-rank-5 .tara-curvas-champion-card__bar[b-oq89bcrdxq] {
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--tara-text) 16%, white),
        color-mix(in srgb, var(--tara-primary-dark) 36%, white));
}

.tara-curvas-champion-card__metric[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 700;
}

.tara-curvas-champion-card__metric small[b-oq89bcrdxq],
.tara-curvas-champion-card__action[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    font-size: .76rem;
}

.tara-curvas-champion-card__action[b-oq89bcrdxq] {
    font-weight: 700;
    color: var(--tara-primary-dark);
}

.tara-curvas-champion-card.is-selected .tara-curvas-champion-card__selected[b-oq89bcrdxq] {
    background: color-mix(in srgb, var(--tara-primary) 16%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-curvas-champion-card__diagnostic[b-oq89bcrdxq] {
    display: grid;
    gap: .45rem;
    padding-top: .2rem;
    border-top: 1px solid color-mix(in srgb, var(--tara-border) 85%, transparent);
}

.tara-curvas-champion-card__diagnostic-state[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    font-size: .76rem;
    font-weight: 700;
}

.tara-curvas-champion-card__diagnostic-state--warning[b-oq89bcrdxq] {
    color: color-mix(in srgb, var(--tara-warning) 78%, var(--tara-text));
}

.tara-curvas-champion-card__coverage-badge[b-oq89bcrdxq] {
    display: inline-flex;
    align-items: center;
    justify-self: start;
    min-height: 1.5rem;
    padding: 0 .58rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .03em;
}

.tara-curvas-champion-card__coverage-badge.is-complete[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-success) 28%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-success) 10%, var(--tara-surface));
    color: color-mix(in srgb, var(--tara-success) 90%, var(--tara-text));
}

.tara-curvas-champion-card__coverage-badge.is-partial[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-warning) 32%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-warning) 12%, var(--tara-surface));
    color: color-mix(in srgb, var(--tara-warning) 86%, var(--tara-text));
}

.tara-curvas-champion-card__coverage-badge.is-empty[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-curvas-champion-card__coverage-stats[b-oq89bcrdxq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem .55rem;
}

.tara-curvas-champion-card__coverage-stats > div[b-oq89bcrdxq] {
    display: grid;
    gap: .08rem;
}

.tara-curvas-champion-card__coverage-stats span[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-curvas-champion-card__coverage-stats strong[b-oq89bcrdxq] {
    width: auto;
    font-size: .88rem;
    line-height: 1.2;
}

.tara-curvas-champion-card__actions[b-oq89bcrdxq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    margin-top: .08rem;
}

.tara-curvas-champion-card__action-button[b-oq89bcrdxq] {
    min-height: 2.25rem;
    padding: .52rem .7rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    color: var(--tara-text);
    font: inherit;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1.2;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease;
}

.tara-curvas-champion-card__action-button:hover:not(:disabled)[b-oq89bcrdxq] {
    transform: translateY(-1px);
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-champion-card__action-button:focus-visible[b-oq89bcrdxq] {
    outline: 2px solid color-mix(in srgb, var(--tara-primary) 32%, transparent);
    outline-offset: 2px;
}

.tara-curvas-champion-card__action-button:disabled[b-oq89bcrdxq] {
    cursor: not-allowed;
    opacity: .62;
}

.tara-curvas-champion-card__action-button--secondary[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-border) 88%, transparent);
    background: color-mix(in srgb, var(--tara-surface) 95%, white);
    color: var(--tara-text);
}

.tara-curvas-champion-card__action-button--secondary:hover:not(:disabled)[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
}

.tara-curvas-champion-card__action-button--primary[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 38%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-curvas-champion-card__action-button--primary:hover:not(:disabled)[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 52%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 14%, var(--tara-surface));
}

.tara-curvas-ci-dialog__title[b-oq89bcrdxq] {
    display: grid;
    gap: .22rem;
}

.tara-curvas-ci-dialog__title strong[b-oq89bcrdxq] {
    display: block;
    color: var(--tara-text);
    font-size: 1.18rem;
    line-height: 1.15;
}

.tara-curvas-ci-dialog__title small[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-curvas-ci-dialog[b-oq89bcrdxq] {
    display: grid;
    gap: 1rem;
    min-width: min(100%, 74rem);
    padding-top: .1rem;
}

.tara-curvas-ci-brand-overview[b-oq89bcrdxq],
.tara-curvas-ci-barcodes[b-oq89bcrdxq],
.tara-curvas-ci-detail[b-oq89bcrdxq],
.tara-curvas-ci-barcode-detail[b-oq89bcrdxq],
.tara-curvas-ci-suggestion[b-oq89bcrdxq],
.tara-curvas-ci-explanation[b-oq89bcrdxq] {
    border: 1px solid color-mix(in srgb, var(--tara-border) 90%, transparent);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
}

.tara-curvas-ci-brand-overview[b-oq89bcrdxq] {
    display: grid;
    gap: .9rem;
    padding: 1rem 1.05rem;
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--tara-primary) 3%, var(--tara-surface)),
        color-mix(in srgb, var(--tara-warning) 3%, var(--tara-surface)));
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-ci-brand-overview__main[b-oq89bcrdxq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .8rem;
}

.tara-curvas-ci-brand-overview__main > div[b-oq89bcrdxq] {
    display: grid;
    gap: .18rem;
}

.tara-curvas-ci-brand-overview__main strong[b-oq89bcrdxq] {
    color: var(--tara-text);
    font-size: 1.08rem;
}

.tara-curvas-ci-brand-overview__main span[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    line-height: 1.5;
}

.tara-curvas-ci-brand-overview__coverage[b-oq89bcrdxq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0 .75rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 800;
    text-align: center;
    white-space: nowrap;
}

.tara-curvas-ci-brand-overview__coverage.is-complete[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-success) 28%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-success) 10%, var(--tara-surface));
    color: color-mix(in srgb, var(--tara-success) 90%, var(--tara-text));
}

.tara-curvas-ci-brand-overview__coverage.is-partial[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-warning) 34%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-warning) 12%, var(--tara-surface));
    color: color-mix(in srgb, var(--tara-warning) 86%, var(--tara-text));
}

.tara-curvas-ci-brand-overview__coverage.is-empty[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 11%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-curvas-ci-brand-overview__stats[b-oq89bcrdxq],
.tara-curvas-ci-barcode-card__stats[b-oq89bcrdxq],
.tara-curvas-ci-barcode-detail__stats[b-oq89bcrdxq],
.tara-curvas-ci-store-card__stats[b-oq89bcrdxq],
.tara-curvas-ci-suggestion__stats[b-oq89bcrdxq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
    gap: .6rem;
    margin: 0;
}

.tara-curvas-ci-brand-overview__stats div[b-oq89bcrdxq],
.tara-curvas-ci-barcode-card__stats div[b-oq89bcrdxq],
.tara-curvas-ci-barcode-detail__stats div[b-oq89bcrdxq],
.tara-curvas-ci-store-card__stats div[b-oq89bcrdxq],
.tara-curvas-ci-suggestion__stats div[b-oq89bcrdxq] {
    display: grid;
    gap: .1rem;
}

.tara-curvas-ci-brand-overview__stats dt[b-oq89bcrdxq],
.tara-curvas-ci-barcode-card__stats dt[b-oq89bcrdxq],
.tara-curvas-ci-barcode-detail__stats dt[b-oq89bcrdxq],
.tara-curvas-ci-store-card__stats dt[b-oq89bcrdxq],
.tara-curvas-ci-suggestion__stats dt[b-oq89bcrdxq] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-curvas-ci-brand-overview__stats dd[b-oq89bcrdxq],
.tara-curvas-ci-barcode-card__stats dd[b-oq89bcrdxq],
.tara-curvas-ci-barcode-detail__stats dd[b-oq89bcrdxq],
.tara-curvas-ci-store-card__stats dd[b-oq89bcrdxq],
.tara-curvas-ci-suggestion__stats dd[b-oq89bcrdxq] {
    margin: 0;
    color: var(--tara-text);
    font-size: .94rem;
    font-weight: 700;
    line-height: 1.25;
}

.tara-curvas-ci-body[b-oq89bcrdxq] {
    display: grid;
    grid-template-columns: minmax(20rem, .92fr) minmax(0, 1.25fr);
    gap: 1rem;
    align-items: start;
}

.tara-curvas-ci-barcodes[b-oq89bcrdxq],
.tara-curvas-ci-detail[b-oq89bcrdxq],
.tara-curvas-ci-barcode-detail[b-oq89bcrdxq],
.tara-curvas-ci-suggestion[b-oq89bcrdxq],
.tara-curvas-ci-explanation[b-oq89bcrdxq] {
    display: grid;
    gap: .85rem;
    padding: .95rem 1rem;
}

.tara-curvas-ci-barcodes__head[b-oq89bcrdxq],
.tara-curvas-ci-barcode-detail__head[b-oq89bcrdxq],
.tara-curvas-ci-suggestion__head[b-oq89bcrdxq],
.tara-curvas-ci-store-card__head[b-oq89bcrdxq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.tara-curvas-ci-barcodes__head > div[b-oq89bcrdxq],
.tara-curvas-ci-barcode-detail__head > div[b-oq89bcrdxq],
.tara-curvas-ci-suggestion__head > div[b-oq89bcrdxq],
.tara-curvas-ci-store-card__head > div[b-oq89bcrdxq] {
    display: grid;
    gap: .14rem;
}

.tara-curvas-ci-barcodes__head strong[b-oq89bcrdxq],
.tara-curvas-ci-barcode-detail__head strong[b-oq89bcrdxq],
.tara-curvas-ci-suggestion__head strong[b-oq89bcrdxq],
.tara-curvas-ci-store-card__head strong[b-oq89bcrdxq],
.tara-curvas-ci-explanation strong[b-oq89bcrdxq] {
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-curvas-ci-barcodes__head span[b-oq89bcrdxq],
.tara-curvas-ci-barcode-detail__head span[b-oq89bcrdxq],
.tara-curvas-ci-barcode-detail__head small[b-oq89bcrdxq],
.tara-curvas-ci-suggestion__head span[b-oq89bcrdxq],
.tara-curvas-ci-suggestion__head small[b-oq89bcrdxq],
.tara-curvas-ci-store-card__head span[b-oq89bcrdxq],
.tara-curvas-ci-explanation p[b-oq89bcrdxq],
.tara-curvas-ci-state span[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    line-height: 1.5;
}

.tara-curvas-ci-filters[b-oq89bcrdxq] {
    display: grid;
    gap: .7rem;
}

.tara-curvas-ci-filter-group[b-oq89bcrdxq] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
}

.tara-curvas-ci-filter-chip[b-oq89bcrdxq],
.tara-curvas-ci-chip[b-oq89bcrdxq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0 .72rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface);
    color: var(--tara-text-muted);
    font: inherit;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.tara-curvas-ci-filter-chip[b-oq89bcrdxq] {
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease;
}

.tara-curvas-ci-filter-chip:hover[b-oq89bcrdxq],
.tara-curvas-ci-filter-chip:focus-visible[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-ci-filter-chip:focus-visible[b-oq89bcrdxq] {
    outline: 2px solid color-mix(in srgb, var(--tara-primary) 28%, transparent);
    outline-offset: 2px;
}

.tara-curvas-ci-filter-chip.is-active[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 36%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-curvas-ci-barcodes__list[b-oq89bcrdxq],
.tara-curvas-ci-store-list[b-oq89bcrdxq] {
    display: grid;
    gap: .7rem;
}

.tara-curvas-ci-barcode-card[b-oq89bcrdxq],
.tara-curvas-ci-store-card[b-oq89bcrdxq] {
    display: grid;
    gap: .65rem;
    padding: .9rem;
    border: 1px solid color-mix(in srgb, var(--tara-border) 88%, transparent);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 97%, white);
    color: inherit;
    text-align: left;
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-ci-barcode-card[b-oq89bcrdxq] {
    width: 100%;
    font: inherit;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}

.tara-curvas-ci-barcode-card:hover[b-oq89bcrdxq],
.tara-curvas-ci-barcode-card:focus-visible[b-oq89bcrdxq] {
    transform: translateY(-1px);
    box-shadow: var(--tara-shadow);
    border-color: color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
}

.tara-curvas-ci-barcode-card:focus-visible[b-oq89bcrdxq] {
    outline: 2px solid color-mix(in srgb, var(--tara-primary) 28%, transparent);
    outline-offset: 2px;
}

.tara-curvas-ci-barcode-card.is-active[b-oq89bcrdxq],
.tara-curvas-ci-store-card.is-active[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 32%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
    box-shadow: inset 3px 0 0 var(--tara-primary), var(--tara-shadow-sm);
}

.tara-curvas-ci-barcode-card__top[b-oq89bcrdxq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
}

.tara-curvas-ci-barcode-card__top strong[b-oq89bcrdxq] {
    color: var(--tara-text);
    font-size: .98rem;
}

.tara-curvas-ci-barcode-card__description[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-ci-product-card[b-oq89bcrdxq] {
    grid-template-columns: 4.35rem minmax(0, 1fr);
    align-items: start;
    gap: .85rem;
}

.tara-curvas-ci-product-card__media[b-oq89bcrdxq] {
    display: grid;
    place-items: center;
}

.tara-curvas-ci-product-card__thumb[b-oq89bcrdxq],
.tara-curvas-ci-product-card__placeholder[b-oq89bcrdxq] {
    width: 4.35rem;
    height: 4.35rem;
    border-radius: calc(var(--tara-radius-sm) + 2px);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    background: var(--tara-surface-raised);
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-ci-product-card__thumb[b-oq89bcrdxq] {
    display: block;
    object-fit: contain;
    overflow: hidden;
}

.tara-curvas-ci-product-card__placeholder[b-oq89bcrdxq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--tara-text-muted);
    font-size: 1rem;
    font-weight: 800;
}

.tara-curvas-ci-product-card__placeholder--loading[b-oq89bcrdxq] {
    color: var(--tara-primary-dark);
}

.tara-curvas-ci-product-card__content[b-oq89bcrdxq],
.tara-curvas-ci-product-card__headline[b-oq89bcrdxq] {
    display: grid;
    gap: .16rem;
    min-width: 0;
}

.tara-curvas-ci-product-card__headline strong[b-oq89bcrdxq] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tara-curvas-ci-product-card__code[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    font-size: .76rem;
    font-weight: 700;
}

.tara-curvas-ci-product-hero[b-oq89bcrdxq] {
    display: grid;
    grid-template-columns: 6.5rem minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    padding: .95rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    border-radius: var(--tara-radius);
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--tara-surface) 94%, white),
            color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface)));
}

.tara-curvas-ci-product-hero__media[b-oq89bcrdxq] {
    display: grid;
    place-items: center;
}

.tara-curvas-ci-product-hero__photo-button[b-oq89bcrdxq],
.tara-curvas-ci-product-hero__photo-placeholder[b-oq89bcrdxq] {
    width: 6.5rem;
    height: 6.5rem;
    border-radius: calc(var(--tara-radius) - 2px);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    background: var(--tara-surface-raised);
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-ci-product-hero__photo-button[b-oq89bcrdxq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    overflow: hidden;
    cursor: zoom-in;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.tara-curvas-ci-product-hero__photo-button:hover[b-oq89bcrdxq],
.tara-curvas-ci-product-hero__photo-button:focus-visible[b-oq89bcrdxq] {
    transform: translateY(-1px);
    box-shadow: var(--tara-shadow);
    border-color: color-mix(in srgb, var(--tara-primary) 34%, var(--tara-border));
}

.tara-curvas-ci-product-hero__photo-button:focus-visible[b-oq89bcrdxq] {
    outline: 2px solid color-mix(in srgb, var(--tara-primary) 28%, transparent);
    outline-offset: 2px;
}

.tara-curvas-ci-product-hero__photo[b-oq89bcrdxq] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    background: var(--tara-surface-raised);
}

.tara-curvas-ci-product-hero__photo-placeholder[b-oq89bcrdxq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--tara-text-muted);
    font-size: 1.1rem;
    font-weight: 800;
}

.tara-curvas-ci-product-hero__photo-placeholder--loading[b-oq89bcrdxq] {
    color: var(--tara-primary-dark);
}

.tara-curvas-ci-product-hero__content[b-oq89bcrdxq] {
    display: grid;
    gap: .22rem;
    align-content: start;
}

.tara-curvas-ci-product-hero__content strong[b-oq89bcrdxq] {
    color: var(--tara-text);
    font-size: 1.15rem;
    line-height: 1.18;
}

.tara-curvas-ci-product-hero__content > span[b-oq89bcrdxq],
.tara-curvas-ci-product-hero__content > small[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-ci-product-hero__summary[b-oq89bcrdxq] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .75rem;
    margin-top: .3rem;
    color: var(--tara-text-muted);
    font-size: .79rem;
}

.tara-curvas-ci-product-hero__summary span[b-oq89bcrdxq] {
    display: inline-flex;
    gap: .25rem;
    font-variant-numeric: tabular-nums;
}

.tara-curvas-ci-product-hero__summary strong[b-oq89bcrdxq] { color: var(--tara-text); }
.tara-curvas-ci-product-hero__summary--smart strong[b-oq89bcrdxq] { color: var(--tara-primary-dark); }

.tara-curvas-ci-product-hero__badges[b-oq89bcrdxq],
.tara-curvas-ci-store-card__badges[b-oq89bcrdxq] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
}

.tara-curvas-ci-matrix-section[b-oq89bcrdxq] {
    display: grid;
    gap: .85rem;
}

.tara-curvas-ci-decision-tree[b-oq89bcrdxq] {
    display: grid;
    gap: .35rem;
}

.tara-curvas-ci-tree-node[b-oq89bcrdxq] {
    overflow: hidden;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-curvas-ci-tree-node.is-expanded[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-ci-tree-node__summary[b-oq89bcrdxq] {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(9rem, 1fr) repeat(3, auto);
    align-items: center;
    gap: .65rem;
    padding: .7rem .8rem;
    border: 0;
    background: transparent;
    color: var(--tara-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.tara-curvas-ci-tree-node__summary:hover[b-oq89bcrdxq] { background: var(--tara-row-hover); }
.tara-curvas-ci-tree-node__summary:focus-visible[b-oq89bcrdxq] { outline: 2px solid var(--tara-primary); outline-offset: -2px; }
.tara-curvas-ci-tree-node__summary > strong[b-oq89bcrdxq] { font-size: .94rem; }
.tara-curvas-ci-tree-node__summary > span:not(.tara-curvas-ci-tree-node__chevron)[b-oq89bcrdxq] { color: var(--tara-text-muted); font-size: .78rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tara-curvas-ci-tree-node__summary b[b-oq89bcrdxq] { color: var(--tara-text); }
.tara-curvas-ci-tree-node__chevron[b-oq89bcrdxq] { color: var(--tara-primary-dark); font-size: .72rem; }
.tara-curvas-ci-tree-node__summary .tara-curvas-ci-tree-node__smart b[b-oq89bcrdxq] { color: var(--tara-primary-dark); }

.tara-curvas-ci-tree-node__detail[b-oq89bcrdxq] {
    display: grid;
    gap: .75rem;
    padding: .75rem .8rem .85rem;
    border-top: 1px solid var(--tara-border);
    background: var(--tara-surface-raised);
}

.tara-curvas-ci-tree-node__layers[b-oq89bcrdxq] { padding-bottom: .1rem; }
.tara-curvas-ci-layer--smart[b-oq89bcrdxq] { border-color: var(--tara-primary-dark); color: var(--tara-primary-dark); }
.tara-curvas-ci-layer--smart.is-active[b-oq89bcrdxq] { background: var(--tara-primary-dark); border-color: var(--tara-primary-dark); color: var(--tara-text-inverse); }
.tara-curvas-ci-layer--difference[b-oq89bcrdxq] { border-color: var(--tara-warning); color: var(--tara-warning); }
.tara-curvas-ci-layer--difference.is-active[b-oq89bcrdxq] { background: var(--tara-warning); border-color: var(--tara-warning); color: var(--tara-text); }

.tara-curvas-ci-tree-matrix-wrap[b-oq89bcrdxq] { overflow-x: auto; border: 1px solid var(--tara-border); border-radius: var(--tara-radius-sm); background: var(--tara-surface); }
.tara-curvas-ci-tree-matrix[b-oq89bcrdxq] { width: max-content; min-width: 100%; border-collapse: collapse; font-size: .82rem; }
.tara-curvas-ci-tree-matrix th[b-oq89bcrdxq],
.tara-curvas-ci-tree-matrix td[b-oq89bcrdxq] { min-width: 3.15rem; padding: .6rem .55rem; border-bottom: 1px solid var(--tara-border-subtle); color: var(--tara-text); text-align: center; font-variant-numeric: tabular-nums; }
.tara-curvas-ci-tree-matrix thead th[b-oq89bcrdxq] { background: var(--tara-th-bg); color: var(--tara-th-text); font-size: .7rem; font-weight: 800; }
.tara-curvas-ci-tree-matrix tbody th[b-oq89bcrdxq] { min-width: 5.2rem; text-align: left; font-weight: 800; }
.tara-curvas-ci-tree-matrix__actual > *[b-oq89bcrdxq] { background: color-mix(in srgb, var(--tara-info) 10%, var(--tara-surface)); color: var(--tara-info) !important; }
.tara-curvas-ci-tree-matrix__smart > *[b-oq89bcrdxq] { background: color-mix(in srgb, var(--tara-primary) 9%, var(--tara-surface)); color: var(--tara-primary-dark) !important; font-weight: 800; }
.tara-curvas-ci-tree-matrix__difference > *[b-oq89bcrdxq] { background: var(--tara-surface); }

.tara-curvas-ci-difference--positive[b-oq89bcrdxq] { color: var(--tara-success) !important; font-weight: 800; }
.tara-curvas-ci-difference--negative[b-oq89bcrdxq] { color: var(--tara-primary-dark) !important; font-weight: 800; }
.tara-curvas-ci-difference--neutral[b-oq89bcrdxq] { color: var(--tara-text-muted) !important; font-weight: 700; }

.tara-curvas-ci-tree-node__why[b-oq89bcrdxq] { border-top: 1px dashed var(--tara-border); color: var(--tara-text-muted); }
.tara-curvas-ci-tree-node__why summary[b-oq89bcrdxq] { padding-top: .65rem; color: var(--tara-text); font-size: .82rem; font-weight: 750; cursor: pointer; }
.tara-curvas-ci-tree-node__why > div[b-oq89bcrdxq] { display: grid; gap: .35rem; padding-top: .6rem; font-size: .79rem; line-height: 1.45; }
.tara-curvas-ci-tree-node__why b[b-oq89bcrdxq] { color: var(--tara-text); }

.tara-curvas-ci-chip--success[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-success) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-success) 10%, var(--tara-surface));
    color: color-mix(in srgb, var(--tara-success) 88%, var(--tara-text));
}

.tara-curvas-ci-chip--warning[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-warning) 34%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-warning) 12%, var(--tara-surface));
    color: color-mix(in srgb, var(--tara-warning) 86%, var(--tara-text));
}

.tara-curvas-ci-chip--partial[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-curvas-ci-chip--primary[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 14%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-curvas-ci-chip--neutral[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-text) 18%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-text) 4%, var(--tara-surface));
    color: var(--tara-text);
}

.tara-curvas-ci-store-card__actions[b-oq89bcrdxq] {
    display: flex;
    justify-content: flex-end;
}

.tara-curvas-ci-store-card__actions[b-oq89bcrdxq]  .mud-button-root {
    min-height: 2.35rem;
    border-radius: var(--tara-radius-sm);
}

.tara-curvas-ci-store-comparison[b-oq89bcrdxq] {
    display: grid;
    gap: .7rem;
    padding: .8rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    border-left: 3px solid var(--tara-primary);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-primary) 3%, var(--tara-surface));
}

.tara-curvas-ci-store-comparison__head[b-oq89bcrdxq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .7rem;
}

.tara-curvas-ci-store-comparison__head > div[b-oq89bcrdxq] {
    display: grid;
    gap: .12rem;
}

.tara-curvas-ci-store-comparison__eyebrow[b-oq89bcrdxq] {
    color: var(--tara-primary-dark);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tara-curvas-ci-store-comparison__head strong[b-oq89bcrdxq] {
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-curvas-ci-store-comparison__head small[b-oq89bcrdxq],
.tara-curvas-ci-store-comparison__state[b-oq89bcrdxq],
.tara-curvas-ci-store-comparison__cards span[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-ci-store-comparison__state[b-oq89bcrdxq] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    min-height: 2.5rem;
}

.tara-curvas-ci-store-comparison__state--warning[b-oq89bcrdxq] {
    color: color-mix(in srgb, var(--tara-warning) 85%, var(--tara-text));
}

.tara-curvas-ci-store-comparison__summary[b-oq89bcrdxq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

.tara-curvas-ci-store-comparison__summary > div[b-oq89bcrdxq] {
    display: grid;
    gap: .12rem;
    padding: .65rem .7rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-curvas-ci-store-comparison__summary span[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
}

.tara-curvas-ci-store-comparison__summary strong[b-oq89bcrdxq] {
    color: var(--tara-text);
    font-variant-numeric: tabular-nums;
}

.tara-curvas-ci-store-comparison__summary--primary[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border)) !important;
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface)) !important;
}

.tara-curvas-ci-store-comparison__summary--primary strong[b-oq89bcrdxq],
.tara-curvas-ci-store-comparison__smart-value[b-oq89bcrdxq] {
    color: var(--tara-primary-dark) !important;
}

.tara-curvas-ci-store-comparison__table-wrap[b-oq89bcrdxq] {
    overflow-x: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
}

.tara-curvas-ci-store-comparison__table[b-oq89bcrdxq] {
    width: 100%;
    min-width: 38rem;
    border-collapse: collapse;
    font-size: .82rem;
}

.tara-curvas-ci-store-comparison__table th[b-oq89bcrdxq],
.tara-curvas-ci-store-comparison__table td[b-oq89bcrdxq] {
    padding: .6rem .65rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    color: var(--tara-text);
    text-align: left;
    font-variant-numeric: tabular-nums;
}

.tara-curvas-ci-store-comparison__table thead th[b-oq89bcrdxq] {
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-curvas-ci-store-comparison__table tbody tr:nth-child(odd) > *[b-oq89bcrdxq] { background: var(--tara-row-odd); }
.tara-curvas-ci-store-comparison__table tbody tr:nth-child(even) > *[b-oq89bcrdxq] { background: var(--tara-row-even); }

.tara-curvas-ci-store-comparison__table .tara-curvas-ci-store-comparison__smart-col[b-oq89bcrdxq] {
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-curvas-ci-store-comparison__cards[b-oq89bcrdxq] {
    display: none;
    gap: .55rem;
}

.tara-curvas-ci-store-comparison__cards article[b-oq89bcrdxq] {
    display: grid;
    gap: .15rem;
    padding: .7rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-curvas-ci-store-comparison__cards strong[b-oq89bcrdxq] { color: var(--tara-text); }

.tara-curvas-ci-state[b-oq89bcrdxq] {
    display: grid;
    justify-items: start;
    gap: .45rem;
    padding: .95rem 1rem;
    border: 1px dashed color-mix(in srgb, var(--tara-border) 84%, transparent);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-primary) 3%, var(--tara-surface));
    color: var(--tara-text);
}

.tara-curvas-ci-state--warning[b-oq89bcrdxq] {
    border-style: solid;
    border-color: color-mix(in srgb, var(--tara-warning) 24%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-warning) 8%, var(--tara-surface));
}

.tara-curvas-ci-state--soft[b-oq89bcrdxq] {
    background: color-mix(in srgb, var(--tara-text) 2%, var(--tara-surface));
}

.tara-curvas-ci-state strong[b-oq89bcrdxq] {
    color: var(--tara-text);
}

.tara-curvas-ci-suggestion__badges[b-oq89bcrdxq] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .45rem;
}

.tara-curvas-ci-single-size-note[b-oq89bcrdxq] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    padding: .8rem .9rem;
    border: 1px solid color-mix(in srgb, var(--tara-warning) 22%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-warning) 8%, var(--tara-surface));
    color: var(--tara-text);
}

.tara-curvas-ci-single-size-note span[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    line-height: 1.5;
}

.tara-curvas-ci-suggestion__tables[b-oq89bcrdxq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
}

.tara-curvas-ci-suggestion__block[b-oq89bcrdxq] {
    display: grid;
    gap: .65rem;
}

.tara-curvas-ci-suggestion__block > strong[b-oq89bcrdxq] {
    color: var(--tara-text);
    font-size: .94rem;
}

.tara-curvas-ci-sizes-table-wrap[b-oq89bcrdxq] {
    overflow-x: auto;
    border: 1px solid color-mix(in srgb, var(--tara-border) 90%, transparent);
    border-radius: var(--tara-radius-sm);
}

.tara-curvas-ci-sizes-table[b-oq89bcrdxq] {
    width: 100%;
    min-width: 20rem;
    border-collapse: collapse;
    font-size: .84rem;
}

.tara-curvas-ci-sizes-table thead th[b-oq89bcrdxq] {
    position: sticky;
    top: 0;
    padding: .68rem .75rem;
    border-bottom: 1px solid var(--tara-border);
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    text-align: left;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-curvas-ci-sizes-table tbody td[b-oq89bcrdxq] {
    padding: .68rem .75rem;
    border-bottom: 1px solid color-mix(in srgb, var(--tara-border) 84%, transparent);
    color: var(--tara-text);
    vertical-align: middle;
}

.tara-curvas-ci-sizes-table tbody tr:nth-child(odd) td[b-oq89bcrdxq] {
    background: var(--tara-row-odd);
}

.tara-curvas-ci-sizes-table tbody tr:nth-child(even) td[b-oq89bcrdxq] {
    background: var(--tara-row-even);
}

.tara-curvas-ci-share[b-oq89bcrdxq] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.tara-curvas-ci-share__bar[b-oq89bcrdxq] {
    position: relative;
    flex: 1 1 auto;
    min-width: 5rem;
    height: .65rem;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
}

.tara-curvas-ci-share__bar > i[b-oq89bcrdxq] {
    position: absolute;
    inset: 0 auto 0 0;
    display: block;
    min-width: .4rem;
    border-radius: inherit;
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--tara-primary) 72%, white),
        var(--tara-primary-dark));
}

.tara-curvas-ci-share strong[b-oq89bcrdxq] {
    color: var(--tara-text);
    font-size: .78rem;
    white-space: nowrap;
}

.tara-curvas-ci-sizes-cards[b-oq89bcrdxq] {
    display: none;
    gap: .55rem;
}

.tara-curvas-ci-size-card[b-oq89bcrdxq] {
    display: grid;
    gap: .14rem;
    padding: .75rem;
    border: 1px solid color-mix(in srgb, var(--tara-border) 88%, transparent);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 96%, white);
}

.tara-curvas-ci-size-card strong[b-oq89bcrdxq] {
    color: var(--tara-text);
}

.tara-curvas-ci-size-card span[b-oq89bcrdxq],
.tara-curvas-ci-explanation li[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-ci-size-card--suggested[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
}

.tara-curvas-ci-explanation[b-oq89bcrdxq] {
    gap: .55rem;
}

.tara-curvas-ci-explanation--lead[b-oq89bcrdxq] {
    display: grid;
    gap: .85rem;
    padding: .95rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
}

.tara-curvas-ci-explanation p[b-oq89bcrdxq] {
    margin: 0;
}

.tara-curvas-ci-explanation ul[b-oq89bcrdxq] {
    margin: 0;
    padding-left: 1.15rem;
    display: grid;
    gap: .35rem;
}

.tara-curvas-ci-comparison[b-oq89bcrdxq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.tara-curvas-ci-comparison-card[b-oq89bcrdxq] {
    display: grid;
    gap: .18rem;
    padding: .85rem .9rem;
    border: 1px solid color-mix(in srgb, var(--tara-border) 90%, transparent);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-curvas-ci-comparison-card--highlight[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
}

.tara-curvas-ci-comparison-card__label[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-curvas-ci-comparison-card strong[b-oq89bcrdxq] {
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-curvas-ci-comparison-card small[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-analysis-toolbar[b-oq89bcrdxq] {
    display: grid;
    grid-template-columns: minmax(7.5rem, .65fr) minmax(13rem, 1.15fr) minmax(10rem, .85fr) minmax(10rem, .85fr) minmax(14rem, 1fr) max-content minmax(10.5rem, auto);
    gap: .6rem;
    align-items: center;
    padding: .15rem 0 0;
}

.tara-curvas-analysis-toolbar__scope[b-oq89bcrdxq] {
    display: contents;
}

.tara-curvas-analysis-context[b-oq89bcrdxq] {
    grid-column: 1 / -1;
    min-width: 0;
    color: var(--tara-text-muted);
    font-size: .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-curvas-analysis-toolbar__consolidated[b-oq89bcrdxq] {
    min-width: max-content;
    margin: 0;
}

.tara-curvas-analysis-toolbar__cta-button[b-oq89bcrdxq] {
    min-height: 40px;
    white-space: nowrap;
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-analysis-toolbar[b-oq89bcrdxq]  .mud-input-control,
.tara-curvas-analysis-toolbar[b-oq89bcrdxq]  .mud-select,
.tara-curvas-analysis-toolbar[b-oq89bcrdxq]  .mud-input,
.tara-curvas-analysis-toolbar[b-oq89bcrdxq]  .mud-autocomplete {
    width: 100%;
}

.tara-curvas-analysis-toolbar[b-oq89bcrdxq]  .mud-input-control {
    margin: 0;
}

.tara-curvas-visual-picker[b-oq89bcrdxq] {
    display: grid;
    gap: .55rem;
    padding: .85rem .95rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-curvas-visual-picker--inline[b-oq89bcrdxq] {
    padding: 0;
    border: 0;
    background: transparent;
}

.tara-curvas-analysis-toolbar__result .tara-curvas-visual-picker__choices[b-oq89bcrdxq] {
    flex-wrap: nowrap;
    gap: .35rem;
}

.tara-curvas-analysis-toolbar__result .tara-curvas-choice[b-oq89bcrdxq] {
    flex: 1 1 0;
    min-width: 0;
    min-height: 40px;
    padding: .45rem .6rem;
    text-align: center;
}

.tara-curvas-visual-picker__label[b-oq89bcrdxq] {
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

.tara-curvas-visual-picker__choices[b-oq89bcrdxq] {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.tara-curvas-choice[b-oq89bcrdxq] {
    min-height: 44px;
    padding: .7rem 1rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-surface) 94%, white);
    color: var(--tara-text);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.tara-curvas-choice:hover[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 35%, var(--tara-border));
    transform: translateY(-1px);
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-choice:focus-visible[b-oq89bcrdxq] {
    outline: 2px solid color-mix(in srgb, var(--tara-primary) 42%, transparent);
    outline-offset: 2px;
}

.tara-curvas-choice.is-active[b-oq89bcrdxq] {
    border-color: var(--tara-primary);
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-curvas-choice--info.is-active[b-oq89bcrdxq] {
    background: color-mix(in srgb, var(--tara-warning) 14%, var(--tara-surface));
}

.tara-curvas-choice--compare.is-active[b-oq89bcrdxq] {
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
}

.tara-curvas-visual-picker__help[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-kpis[b-oq89bcrdxq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: .7rem;
}

.tara-curvas-kpi[b-oq89bcrdxq] {
    display: grid;
    gap: .35rem;
    min-height: 7.35rem;
    padding: .85rem 1rem;
    box-shadow: var(--tara-shadow-sm);
    width: 100%;
    text-align: left;
    cursor: default;
}

.tara-curvas-kpi__label[b-oq89bcrdxq] {
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

.tara-curvas-kpi strong[b-oq89bcrdxq] {
    font-size: clamp(1.5rem, 2vw, 1.9rem);
    color: var(--tara-primary-dark);
}

.tara-curvas-kpi span[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
}

.tara-curvas-kpi--action[b-oq89bcrdxq] {
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.tara-curvas-kpi--action:hover:not(:disabled)[b-oq89bcrdxq] {
    transform: translateY(-1px);
    box-shadow: var(--tara-shadow);
    border-color: var(--tara-primary);
}

.tara-curvas-kpi:disabled[b-oq89bcrdxq] {
    opacity: .58;
    cursor: not-allowed;
}

.tara-curvas-preview[b-oq89bcrdxq] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 1rem;
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-preview--executive[b-oq89bcrdxq] {
    align-items: flex-start;
}

.tara-curvas-preview strong[b-oq89bcrdxq],
.tara-curvas-preview span[b-oq89bcrdxq] {
    display: block;
}

.tara-curvas-preview span[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-grid[b-oq89bcrdxq] {
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.tara-curvas-grid--executive[b-oq89bcrdxq],
.tara-curvas-grid--brand-focus[b-oq89bcrdxq] {
    box-shadow: var(--tara-shadow);
}

.tara-curvas-state[b-oq89bcrdxq] {
    display: grid;
    gap: .85rem;
    padding: 1.2rem 1.25rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-state--initial[b-oq89bcrdxq] {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    min-height: 9.5rem;
    background: linear-gradient(135deg, color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface)), var(--tara-surface));
}

.tara-curvas-state--loading[b-oq89bcrdxq] {
    align-items: center;
}

.tara-curvas-state--error[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
}

.tara-curvas-state__icon[b-oq89bcrdxq] {
    display: flex;
    justify-content: center;
}

.tara-curvas-state--initial .tara-curvas-state__icon[b-oq89bcrdxq] {
    width: 3.1rem;
    height: 3.1rem;
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-curvas-state--initial .tara-curvas-state__icon[b-oq89bcrdxq]  .mud-icon-root {
    font-size: 1.45rem;
}

.tara-curvas-state__copy[b-oq89bcrdxq] {
    display: grid;
    gap: .35rem;
    color: var(--tara-text);
}

.tara-curvas-state__copy strong[b-oq89bcrdxq] {
    font-size: 1.05rem;
}

.tara-curvas-state__copy span[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    line-height: 1.55;
}

.tara-curvas-state__copy small[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-state__progress[b-oq89bcrdxq] {
    border-radius: 999px;
    overflow: hidden;
}

.tara-curvas-grid__toolbar[b-oq89bcrdxq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    color: var(--tara-text-muted);
    font-size: .92rem;
}

.tara-curvas-grid__heading[b-oq89bcrdxq] {
    display: grid;
    gap: .3rem;
}

.tara-curvas-grid__heading strong[b-oq89bcrdxq] {
    font-size: 1rem;
    color: var(--tara-text);
}

.tara-curvas-grid__heading span[b-oq89bcrdxq] {
    line-height: 1.45;
}

.tara-curvas-products-loading[b-oq89bcrdxq] {
    display: grid;
    gap: .5rem;
    padding: .8rem .9rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-primary) 3%, var(--tara-surface));
}

.tara-curvas-products-loading__copy[b-oq89bcrdxq] {
    display: grid;
    gap: .15rem;
}

.tara-curvas-products-loading__copy strong[b-oq89bcrdxq] {
    color: var(--tara-text);
}

.tara-curvas-products-loading__copy span[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-products-loading__progress[b-oq89bcrdxq] {
    border-radius: 999px;
    overflow: hidden;
}

.tara-curvas-products-error[b-oq89bcrdxq] {
    margin-top: .25rem;
}

.tara-curvas-photo-flag[b-oq89bcrdxq] {
    min-width: 260px;
    display: flex;
    flex-direction: column;
    gap: .2rem;
    padding: .25rem .35rem;
}

.tara-curvas-photo-flag__hint[b-oq89bcrdxq] {
    font-size: .73rem;
    color: var(--tara-text-muted);
    padding-left: .2rem;
}

[b-oq89bcrdxq] .tara-curvas-photo-cell {
    display: grid;
    place-items: center;
    width: 100%;
}

[b-oq89bcrdxq] .tara-curvas-photo-cell__trigger {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    max-width: 44px;
    max-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
    cursor: zoom-in;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

[b-oq89bcrdxq] .tara-curvas-photo-cell__trigger:hover,
[b-oq89bcrdxq] .tara-curvas-photo-cell__trigger:focus-visible {
    border-color: color-mix(in srgb, var(--tara-primary) 32%, var(--tara-border));
    box-shadow: var(--tara-shadow);
    transform: translateY(-1px);
}

[b-oq89bcrdxq] .tara-curvas-photo-cell__trigger:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--tara-primary) 35%, transparent);
    outline-offset: 2px;
}

[b-oq89bcrdxq] .tara-curvas-photo-cell__thumb {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    max-width: 44px;
    max-height: 44px;
    display: block;
    object-fit: contain;
    border-radius: calc(var(--tara-radius-sm) - 2px);
    background: var(--tara-surface-raised);
    overflow: hidden;
}

[b-oq89bcrdxq] .tara-curvas-photo-cell__placeholder {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    max-width: 44px;
    max-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
    color: var(--tara-text-muted);
    font-size: .92rem;
    font-weight: 800;
}

[b-oq89bcrdxq] .tara-curvas-photo-cell__placeholder--loading {
    color: var(--tara-primary-dark);
}

.tara-curvas-photo-dialog-loading[b-oq89bcrdxq] {
    display: grid;
    justify-items: center;
    gap: .65rem;
    color: var(--tara-text-muted);
}

.tara-curvas-grid-summary[b-oq89bcrdxq] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem .7rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
    color: var(--tara-text-muted);
    font-size: .84rem;
    font-weight: 700;
}

.tara-curvas-products[b-oq89bcrdxq] {
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.tara-curvas-product-list[b-oq89bcrdxq] {
    display: grid;
    gap: .7rem;
}

.tara-curvas-product-card[b-oq89bcrdxq] {
    overflow: hidden;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-product-card--expanded[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
    box-shadow: inset 3px 0 0 var(--tara-primary), var(--tara-shadow-sm);
}

.tara-curvas-product-card__summary[b-oq89bcrdxq] {
    width: 100%;
    display: grid;
    grid-template-columns: 3.25rem minmax(15rem, 1.35fr) minmax(8.5rem, .52fr) minmax(28rem, 1.65fr) auto;
    gap: .85rem;
    align-items: center;
    padding: .85rem .95rem;
    border: 0;
    background: transparent;
    color: var(--tara-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.tara-curvas-product-card__summary:hover[b-oq89bcrdxq] {
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
}

.tara-curvas-product-card__summary:focus-visible[b-oq89bcrdxq] {
    outline: 2px solid var(--tara-primary);
    outline-offset: -2px;
}

.tara-curvas-product-card__image[b-oq89bcrdxq] {
    display: grid;
    width: 3.25rem;
    aspect-ratio: 1;
    place-items: center;
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
    color: var(--tara-text-muted);
}

.tara-curvas-product-card__image[b-oq89bcrdxq]  .mud-icon-root {
    font-size: 1.25rem;
}

.tara-curvas-product-card__identity[b-oq89bcrdxq] {
    display: grid;
    min-width: 0;
    gap: .16rem;
}

.tara-curvas-product-card__identity strong[b-oq89bcrdxq],
.tara-curvas-product-card__identity span[b-oq89bcrdxq],
.tara-curvas-product-card__identity small[b-oq89bcrdxq] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-curvas-product-card__identity strong[b-oq89bcrdxq] {
    color: var(--tara-text);
    line-height: 1.35;
}

.tara-curvas-product-card__identity span[b-oq89bcrdxq],
.tara-curvas-product-card__identity small[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    font-size: .8rem;
    line-height: 1.3;
}

.tara-curvas-product-card__states[b-oq89bcrdxq] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.tara-curvas-product-state[b-oq89bcrdxq] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: .2rem .52rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.tara-curvas-product-state--hueco[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 9%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-curvas-product-state--copete[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-success) 24%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-success) 9%, var(--tara-surface));
    color: var(--tara-success);
}

.tara-curvas-product-card__metrics[b-oq89bcrdxq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .55rem;
}

.tara-curvas-product-card__metrics > span[b-oq89bcrdxq] {
    display: grid;
    min-width: 0;
    gap: .16rem;
    padding-left: .6rem;
    border-left: 2px solid var(--tara-border);
}

.tara-curvas-product-card__metrics small[b-oq89bcrdxq] {
    overflow: hidden;
    color: var(--tara-text-muted);
    font-size: .7rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-curvas-product-card__metrics strong[b-oq89bcrdxq] {
    color: var(--tara-text);
    font-size: 1.05rem;
    font-variant-numeric: tabular-nums;
}

.tara-curvas-product-card__toggle[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
}

.tara-curvas-product-card__detail[b-oq89bcrdxq] {
    display: grid;
    gap: .7rem;
    padding: .8rem .95rem .95rem;
    border-top: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-primary) 2%, var(--tara-surface));
}

.tara-curvas-product-card__detail-heading[b-oq89bcrdxq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-curvas-product-card__detail-heading > div[b-oq89bcrdxq] {
    display: grid;
    gap: .16rem;
}

.tara-curvas-product-card__detail-heading strong[b-oq89bcrdxq] {
    color: var(--tara-text);
    font-size: .92rem;
}

.tara-curvas-product-card__detail-heading > span[b-oq89bcrdxq] {
    flex: 0 0 auto;
    padding: .22rem .5rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface);
    font-weight: 700;
}

.tara-curvas-matrix-layers[b-oq89bcrdxq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .38rem;
    color: var(--tara-text-muted);
    font-size: .76rem;
}

.tara-curvas-matrix-layers > span[b-oq89bcrdxq] {
    margin-right: .12rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.tara-curvas-matrix-layers small[b-oq89bcrdxq] {
    margin-left: auto;
    color: var(--tara-text-muted);
    font-weight: 700;
}

.tara-curvas-matrix-layer[b-oq89bcrdxq] {
    min-height: 30px;
    padding: .3rem .55rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: transparent;
    color: var(--tara-text-muted);
    font: inherit;
    font-weight: 750;
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.tara-curvas-matrix-layer:focus-visible[b-oq89bcrdxq] {
    outline: 2px solid var(--tara-text);
    outline-offset: 2px;
}

.tara-curvas-matrix-layer--curva[b-oq89bcrdxq] {
    border-color: var(--tara-info);
    color: var(--tara-info);
}

.tara-curvas-matrix-layer--traspasos[b-oq89bcrdxq] {
    border-color: var(--tara-success);
    color: var(--tara-success);
}

.tara-curvas-matrix-layer--cobertura[b-oq89bcrdxq] {
    border-color: var(--tara-success);
    color: var(--tara-success);
}

.tara-curvas-matrix-layer--pedidos[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-warning) 48%, var(--tara-text) 52%);
    color: color-mix(in srgb, var(--tara-warning) 40%, var(--tara-text) 60%);
}

.tara-curvas-matrix-layer--huecos[b-oq89bcrdxq] {
    border-color: var(--tara-primary-dark);
    color: var(--tara-primary-dark);
}

.tara-curvas-matrix-layer--copetes[b-oq89bcrdxq] {
    border-color: var(--tara-warning);
    color: var(--tara-warning);
}

[b-oq89bcrdxq] .tara-curvas-matrix-chip.tara-exist-legend-dot--stock,
.tara-curvas-matrix-legend__item.tara-exist-legend-dot--stock i[b-oq89bcrdxq] {
    border-color: var(--tara-text);
    background: var(--tara-text);
}

.tara-curvas-matrix-layer--curva.is-active[b-oq89bcrdxq],
[b-oq89bcrdxq] .tara-curvas-matrix-chip.tara-exist-stock-curva,
.tara-curvas-matrix-legend__item.tara-exist-legend-dot--curva i[b-oq89bcrdxq] {
    border-color: var(--tara-info);
    background: var(--tara-info);
}

.tara-curvas-matrix-layer--traspasos.is-active[b-oq89bcrdxq],
[b-oq89bcrdxq] .tara-curvas-matrix-chip.tara-exist-stock-transito,
.tara-curvas-matrix-legend__item.tara-exist-legend-dot--transito i[b-oq89bcrdxq] {
    border-color: var(--tara-success);
    background: var(--tara-success);
}

.tara-curvas-matrix-layer--pedidos.is-active[b-oq89bcrdxq],
[b-oq89bcrdxq] .tara-curvas-matrix-chip.tara-exist-stock-pedido,
.tara-curvas-matrix-legend__item.tara-exist-legend-dot--pedido i[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-warning) 48%, var(--tara-text) 52%);
    background: color-mix(in srgb, var(--tara-warning) 40%, var(--tara-text) 60%);
}

.tara-curvas-matrix-layer--huecos.is-active[b-oq89bcrdxq],
[b-oq89bcrdxq] .tara-curvas-matrix-chip.tara-exist-stock-return,
.tara-curvas-matrix-legend__item.tara-exist-legend-dot--return i[b-oq89bcrdxq] {
    border-color: var(--tara-primary-dark);
    background: var(--tara-primary-dark);
}

.tara-curvas-matrix-layer--copetes.is-active[b-oq89bcrdxq],
[b-oq89bcrdxq] .tara-curvas-matrix-chip.tara-exist-stock-adjust-out,
.tara-curvas-matrix-legend__item.tara-exist-legend-dot--adjust-out i[b-oq89bcrdxq] {
    border-color: var(--tara-warning);
    background: var(--tara-warning);
}

.tara-curvas-matrix-layer.is-active[b-oq89bcrdxq] {
    box-shadow: 0 1px 2px color-mix(in srgb, var(--tara-text) 12%, transparent);
}

.tara-curvas-matrix-layer--curva.is-active[b-oq89bcrdxq],
.tara-curvas-matrix-layer--traspasos.is-active[b-oq89bcrdxq],
.tara-curvas-matrix-layer--pedidos.is-active[b-oq89bcrdxq],
.tara-curvas-matrix-layer--huecos.is-active[b-oq89bcrdxq] {
    color: var(--tara-text-inverse);
}

.tara-curvas-matrix-layer--copetes.is-active[b-oq89bcrdxq] {
    color: var(--tara-text);
}

.tara-curvas-matrix-layer:hover:not(.is-active)[b-oq89bcrdxq] {
    box-shadow: 0 1px 2px color-mix(in srgb, var(--tara-text) 8%, transparent);
}

.tara-curvas-matrix-wrap[b-oq89bcrdxq] {
    max-height: clamp(18rem, 45vh, 34rem);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-curvas-matrix[b-oq89bcrdxq] {
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tara-text);
    font-size: .78rem;
}

.tara-curvas-matrix th[b-oq89bcrdxq],
.tara-curvas-matrix td[b-oq89bcrdxq] {
    min-width: 5.75rem;
    padding: .42rem;
    border-right: 1px solid color-mix(in srgb, var(--tara-border) 75%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--tara-border) 75%, transparent);
    text-align: center;
    vertical-align: middle;
}

.tara-curvas-matrix thead th[b-oq89bcrdxq] {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    font-size: .72rem;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.tara-curvas-matrix thead th:first-child[b-oq89bcrdxq],
.tara-curvas-matrix tbody th[b-oq89bcrdxq],
.tara-curvas-matrix tfoot th[b-oq89bcrdxq] {
    position: sticky;
    left: 0;
    z-index: 3;
    min-width: 10rem;
    text-align: left;
    background: var(--tara-surface);
    box-shadow: 1px 0 0 var(--tara-border);
}

.tara-curvas-matrix tbody th[b-oq89bcrdxq] {
    display: grid;
    gap: .2rem;
    color: var(--tara-text);
    font-weight: 800;
}

.tara-curvas-matrix thead th:first-child[b-oq89bcrdxq] {
    z-index: 6;
    background: var(--tara-th-bg);
}

.tara-curvas-matrix tbody tr:nth-child(even) th[b-oq89bcrdxq],
.tara-curvas-matrix tbody tr:nth-child(even) td[b-oq89bcrdxq] {
    background: var(--tara-row-even);
}

.tara-curvas-matrix tbody tr:hover th[b-oq89bcrdxq],
.tara-curvas-matrix tbody tr:hover td[b-oq89bcrdxq] {
    background: var(--tara-row-hover);
}

.tara-curvas-matrix__total-column[b-oq89bcrdxq] {
    position: sticky;
    right: 0;
    z-index: 3;
    box-shadow: -1px 0 0 var(--tara-border);
}

.tara-curvas-matrix thead .tara-curvas-matrix__total-column[b-oq89bcrdxq] {
    z-index: 6;
    background: var(--tara-th-bg);
}

.tara-curvas-matrix tbody .tara-curvas-matrix__total-column[b-oq89bcrdxq] {
    background: var(--tara-surface);
}

.tara-curvas-matrix tbody tr:nth-child(even) .tara-curvas-matrix__total-column[b-oq89bcrdxq] {
    background: var(--tara-row-even);
}

.tara-curvas-matrix tfoot th[b-oq89bcrdxq],
.tara-curvas-matrix tfoot td[b-oq89bcrdxq] {
    position: sticky;
    bottom: 0;
    z-index: 4;
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
    border-top: 2px solid color-mix(in srgb, var(--tara-primary) 25%, var(--tara-border));
    font-weight: 800;
}

.tara-curvas-matrix tfoot th[b-oq89bcrdxq] {
    z-index: 5;
}

.tara-curvas-matrix tfoot .tara-curvas-matrix__total-column[b-oq89bcrdxq] {
    z-index: 5;
}

.tara-curvas-matrix-cell[b-oq89bcrdxq] {
    background: var(--tara-surface);
}

[b-oq89bcrdxq] .tara-curvas-matrix-cell__content {
    display: grid;
    grid-template-rows: minmax(1.34rem, auto) minmax(1.18rem, auto);
    grid-template-columns: minmax(3.2rem, 1fr);
    align-items: start;
    justify-items: stretch;
    row-gap: .26rem;
    min-width: 4.2rem;
    min-height: 3rem;
    line-height: 1.08;
}

[b-oq89bcrdxq] .tara-curvas-matrix-cell__main {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: start;
    display: inline-block;
    min-height: 1.24rem;
    padding-right: .1rem;
    color: var(--tara-text);
    font-size: 1.18rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

[b-oq89bcrdxq] .tara-curvas-matrix-cell__meta {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: stretch;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: .22rem;
    min-height: 1.12rem;
    max-width: 100%;
    font-size: .74rem;
    font-weight: 900;
    line-height: 1;
    opacity: .92;
}

[b-oq89bcrdxq] .tara-curvas-matrix-cell__missing {
    align-self: center;
    justify-self: start;
    color: var(--tara-text-muted);
    font-size: .9rem;
    font-weight: 600;
}

.tara-curvas-matrix-legend[b-oq89bcrdxq] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem .65rem;
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 750;
}

.tara-curvas-matrix-legend__item[b-oq89bcrdxq] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
}

.tara-curvas-matrix-legend__item i[b-oq89bcrdxq] {
    width: .6rem;
    height: .6rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    background: currentColor;
    opacity: 1;
}

[b-oq89bcrdxq] .tara-curvas-matrix-chip {
    display: inline-flex;
    min-width: 2.08rem;
    min-height: 1.48rem;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 0 .38rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    color: var(--tara-text-inverse);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .01em;
    font-variant-numeric: tabular-nums;
    box-shadow: 0 1px 2px color-mix(in srgb, var(--tara-text) 12%, transparent);
}

[b-oq89bcrdxq] .tara-curvas-matrix-chip.tara-exist-stock-adjust-out {
    color: var(--tara-text);
}

[b-oq89bcrdxq] .tara-curvas-matrix-cell--total .tara-curvas-matrix-cell__main {
    font-size: 1.16rem;
    font-weight: 900;
}

.tara-curvas-matrix-mobile[b-oq89bcrdxq] {
    display: none;
}

.tara-curvas-matrix-store-status[b-oq89bcrdxq],
.tara-curvas-context-panel__coverage[b-oq89bcrdxq],
.tara-curvas-context-panel__matrix-state[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    font-size: .76rem;
    line-height: 1.45;
}

.tara-curvas-matrix-store-status[b-oq89bcrdxq] {
    width: fit-content;
    padding: .12rem .35rem;
    border: 1px solid color-mix(in srgb, var(--tara-success) 28%, var(--tara-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-success) 8%, var(--tara-surface));
    color: var(--tara-success);
    font-size: .65rem;
    font-weight: 800;
}

.tara-curvas-context-panel__coverage[b-oq89bcrdxq],
.tara-curvas-context-panel__matrix-state[b-oq89bcrdxq] {
    display: block;
    padding-top: .65rem;
    border-top: 1px solid var(--tara-border);
}

.tara-curvas-product-matrix__loading[b-oq89bcrdxq],
.tara-curvas-product-matrix__error[b-oq89bcrdxq] {
    display: grid;
    justify-items: start;
    gap: .5rem;
    min-height: 8rem;
    padding: 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
    color: var(--tara-text-muted);
}

.tara-curvas-product-matrix__loading[b-oq89bcrdxq] {
    align-content: center;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
}

.tara-curvas-product-matrix__error strong[b-oq89bcrdxq] {
    color: var(--tara-text);
}

.tara-curvas-product-matrix__error small[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
}

.tara-curvas-table-shell[b-oq89bcrdxq] {
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: calc(var(--tara-radius) - 2px);
    background: var(--tara-surface);
}

.tara-curvas-table-shell[b-oq89bcrdxq]  thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
}

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

.tara-curvas-table-shell[b-oq89bcrdxq]  tbody tr:hover {
    background: var(--tara-row-hover);
}

.tara-curvas-store-checks[b-oq89bcrdxq] {
    display: grid;
    gap: .2rem;
    padding: .6rem .75rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    max-height: 17rem;
    overflow: auto;
}

.tara-curvas-store-picker[b-oq89bcrdxq] {
    display: grid;
    gap: .35rem;
    padding: .7rem .85rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-curvas-store-picker span[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    line-height: 1.4;
}

.tara-curvas-store-picker--compact[b-oq89bcrdxq] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .45rem;
    min-height: 44px;
    padding: .2rem .35rem .2rem .7rem;
}

.tara-curvas-store-picker--compact span[b-oq89bcrdxq] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-curvas-dialog-results[b-oq89bcrdxq] {
    display: grid;
    gap: .6rem;
    max-height: min(56vh, 30rem);
    overflow: auto;
}

.tara-curvas-search-result[b-oq89bcrdxq],
.tara-curvas-store-row[b-oq89bcrdxq] {
    display: flex;
    gap: .65rem;
    align-items: center;
    padding: .8rem .9rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    color: var(--tara-text);
}

.tara-curvas-search-result[b-oq89bcrdxq] {
    flex-direction: column;
    align-items: flex-start;
}

.tara-curvas-search-result--static[b-oq89bcrdxq] {
    cursor: default;
}

.tara-curvas-search-result span[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    line-height: 1.4;
}

.tara-curvas-dialog-copy[b-oq89bcrdxq] {
    display: grid;
    gap: .65rem;
    color: var(--tara-text);
}

.tara-curvas-dialog-copy--summary[b-oq89bcrdxq] {
    padding: .2rem 0 .35rem;
    border-bottom: 1px solid color-mix(in srgb, var(--tara-border) 78%, transparent);
    margin-bottom: .25rem;
}

.tara-curvas-dialog-copy p[b-oq89bcrdxq] {
    margin: 0;
    line-height: 1.55;
}

.tara-curvas-mobile-list[b-oq89bcrdxq] {
    display: none;
    gap: .75rem;
}

.tara-curvas-mobile-card[b-oq89bcrdxq] {
    display: grid;
    gap: .5rem;
    padding: .95rem 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-mobile-card strong[b-oq89bcrdxq] {
    color: var(--tara-text);
}

.tara-curvas-mobile-card__meta[b-oq89bcrdxq] {
    display: grid;
    gap: .2rem;
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-mobile-card__row[b-oq89bcrdxq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .65rem;
    padding-top: .4rem;
    border-top: 1px solid color-mix(in srgb, var(--tara-border) 72%, transparent);
}

.tara-curvas-brand-grid[b-oq89bcrdxq] {
    display: flex;
    gap: .75rem;
    overflow-x: auto;
    padding: .1rem .1rem .55rem;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
}

.tara-curvas-brand-card[b-oq89bcrdxq] {
    display: grid;
    flex: 0 0 clamp(13rem, 18vw, 15.5rem);
    min-height: 11.75rem;
    gap: .65rem;
    padding: .85rem .9rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
    color: var(--tara-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    scroll-snap-align: start;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.tara-curvas-brand-card:hover[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 32%, var(--tara-border));
    box-shadow: var(--tara-shadow);
    transform: translateY(-1px);
}

.tara-curvas-brand-card:focus-visible[b-oq89bcrdxq] {
    outline: 2px solid var(--tara-primary);
    outline-offset: 2px;
}

.tara-curvas-brand-card--selected[b-oq89bcrdxq] {
    border-color: var(--tara-primary);
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    box-shadow: inset 3px 0 0 var(--tara-primary), var(--tara-shadow-sm);
}

.tara-curvas-brand-card__top[b-oq89bcrdxq],
.tara-curvas-oc-band__actions[b-oq89bcrdxq] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
}

.tara-curvas-brand-card__eyebrow[b-oq89bcrdxq] {
    display: inline-block;
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--tara-text-muted);
    margin-bottom: .25rem;
}

.tara-curvas-brand-card__top strong[b-oq89bcrdxq] {
    display: block;
    font-size: 1.1rem;
    color: var(--tara-text);
}

.tara-curvas-brand-card__kpi[b-oq89bcrdxq] {
    display: grid;
    gap: .15rem;
    padding: .55rem .65rem;
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
}

.tara-curvas-brand-card__kpi-label[b-oq89bcrdxq] {
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--tara-text-muted);
}

.tara-curvas-brand-card__kpi strong[b-oq89bcrdxq] {
    font-size: 1.8rem;
    line-height: 1;
    color: var(--tara-primary-dark);
}

.tara-curvas-brand-card__meta[b-oq89bcrdxq] {
    display: grid;
    gap: .22rem;
    color: var(--tara-text-muted);
    font-size: .8rem;
    line-height: 1.35;
}

.tara-curvas-brand-card__meta strong[b-oq89bcrdxq] {
    color: var(--tara-text);
    font-variant-numeric: tabular-nums;
}

.tara-curvas-brand-focus[b-oq89bcrdxq] {
    display: grid;
    grid-template-columns: 5rem minmax(12rem, .85fr) minmax(28rem, 1.8fr);
    gap: 1rem;
    align-items: center;
    padding: .9rem 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-curvas-brand-focus__image[b-oq89bcrdxq] {
    display: grid;
    place-items: center;
    gap: .18rem;
    aspect-ratio: 1;
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
    color: var(--tara-text-muted);
    font-size: .68rem;
    text-align: center;
}

.tara-curvas-brand-focus__image[b-oq89bcrdxq]  .mud-icon-root {
    font-size: 1.35rem;
}

.tara-curvas-brand-focus__context[b-oq89bcrdxq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.tara-curvas-brand-focus__eyebrow[b-oq89bcrdxq] {
    display: block;
    margin-bottom: .15rem;
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.tara-curvas-brand-focus__context h2[b-oq89bcrdxq] {
    margin: 0;
    font-size: clamp(1.2rem, 1.7vw, 1.55rem);
    color: var(--tara-text);
}

.tara-curvas-brand-focus__stats[b-oq89bcrdxq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
}

.tara-curvas-brand-focus__stat[b-oq89bcrdxq] {
    display: grid;
    gap: .3rem;
    min-width: 0;
    padding-left: .75rem;
    border-left: 2px solid var(--tara-border);
}

.tara-curvas-oc-band__summary[b-oq89bcrdxq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .85rem;
}

.tara-curvas-oc-band__stat[b-oq89bcrdxq] {
    display: grid;
    gap: .3rem;
    padding: .95rem 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-brand-focus__stat span[b-oq89bcrdxq],
.tara-curvas-oc-band__stat span[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    line-height: 1.4;
}

.tara-curvas-brand-focus__stat strong[b-oq89bcrdxq],
.tara-curvas-oc-band__stat strong[b-oq89bcrdxq] {
    font-size: 1.2rem;
    color: var(--tara-text);
    font-variant-numeric: tabular-nums;
}

.tara-curvas-oc-band[b-oq89bcrdxq] {
    display: grid;
    gap: 1rem;
    padding: clamp(1rem, 2vw, 1.35rem);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    border-radius: var(--tara-radius);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface)),
            var(--tara-surface));
    box-shadow: var(--tara-shadow);
}

.tara-curvas-oc-band__copy[b-oq89bcrdxq] {
    display: grid;
    gap: .35rem;
}

.tara-curvas-oc-band__copy h2[b-oq89bcrdxq] {
    margin: 0;
    font-size: clamp(1.3rem, 2vw, 1.7rem);
    color: var(--tara-text);
}

.tara-curvas-oc-band__copy p[b-oq89bcrdxq] {
    margin: 0;
    max-width: 70ch;
    color: var(--tara-text-muted);
    line-height: 1.55;
}

.tara-curvas-oc-band__actions[b-oq89bcrdxq] {
    justify-content: flex-end;
}

.tara-curvas-oc-band__actions[b-oq89bcrdxq]  .mud-button-root {
    min-height: 48px;
}

[b-oq89bcrdxq] .tara-curvas-filters .mud-input-control,
[b-oq89bcrdxq] .tara-curvas-filters .mud-select,
[b-oq89bcrdxq] .tara-curvas-filters .mud-input,
[b-oq89bcrdxq] .tara-curvas-filters .mud-autocomplete {
    width: 100%;
}

[b-oq89bcrdxq] .mud-dialog {
    max-height: calc(100vh - 1.5rem);
}

[b-oq89bcrdxq] .mud-dialog-content {
    overflow-x: hidden;
}

.tara-curvas-product-context-shell[b-oq89bcrdxq] {
    display: grid;
    gap: .72rem;
    margin-top: 1rem;
}

.tara-curvas-workspace[b-oq89bcrdxq] {
    display: block;
    margin-top: 1rem;
}

.tara-curvas-workspace__work[b-oq89bcrdxq],
.tara-curvas-context-panel[b-oq89bcrdxq] {
    min-width: 0;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-workspace__work[b-oq89bcrdxq] {
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.tara-curvas-product-matrix[b-oq89bcrdxq] {
    display: grid;
    gap: .75rem;
    min-width: 0;
    padding-top: .9rem;
    border-top: 1px solid var(--tara-border);
}

.tara-curvas-product-matrix__heading[b-oq89bcrdxq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.tara-curvas-product-matrix__heading > div[b-oq89bcrdxq] {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.tara-curvas-product-matrix__heading strong[b-oq89bcrdxq] {
    color: var(--tara-text);
    font-size: 1rem;
    overflow-wrap: anywhere;
}

.tara-curvas-product-matrix__heading > div > span:last-child[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-curvas-context-panel[b-oq89bcrdxq],
.tara-curvas-proposal-panel[b-oq89bcrdxq] {
    display: grid;
    gap: .72rem;
    padding: .92rem;
    transition: padding .18s ease, gap .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.tara-curvas-context-accordion__toggle[b-oq89bcrdxq] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .92rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
    color: var(--tara-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease, padding .18s ease;
}

.tara-curvas-context-accordion__toggle:hover[b-oq89bcrdxq],
.tara-curvas-context-accordion__toggle:focus-visible[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    box-shadow: var(--tara-shadow);
}

.tara-curvas-context-accordion__toggle:focus-visible[b-oq89bcrdxq] {
    outline: 2px solid color-mix(in srgb, var(--tara-primary) 24%, transparent);
    outline-offset: 2px;
}

.tara-curvas-context-accordion__toggle-main[b-oq89bcrdxq] {
    min-width: 0;
    display: grid;
    gap: .14rem;
}

.tara-curvas-context-accordion__toggle-title[b-oq89bcrdxq] {
    color: var(--tara-text);
    font-size: .84rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.tara-curvas-context-accordion__toggle-summary[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    font-size: .88rem;
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.tara-curvas-workspace__context[b-oq89bcrdxq] {
    display: grid;
    gap: .72rem;
}

.tara-curvas-context-panel--product[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    box-shadow: inset 3px 0 0 var(--tara-primary), var(--tara-shadow-sm);
}

.tara-curvas-context-panel--composed[b-oq89bcrdxq] {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 1rem;
}

.tara-curvas-context-panel__main[b-oq89bcrdxq],
.tara-curvas-context-panel__proposal[b-oq89bcrdxq] {
    display: grid;
    gap: .72rem;
    min-width: 0;
}

.tara-curvas-context-panel__proposal[b-oq89bcrdxq] {
    align-content: start;
    padding-left: 1rem;
    border-left: 1px solid var(--tara-border);
}

.tara-curvas-context-panel--empty[b-oq89bcrdxq] {
    justify-items: start;
    color: var(--tara-text-muted);
}

.tara-curvas-context-panel--empty[b-oq89bcrdxq]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 1.65rem;
}

.tara-curvas-context-panel--empty strong[b-oq89bcrdxq] {
    color: var(--tara-text);
}

.tara-curvas-context-panel__eyebrow[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-curvas-context-panel__title-row[b-oq89bcrdxq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .6rem;
}

.tara-curvas-context-panel h2[b-oq89bcrdxq] {
    margin: .1rem 0 0;
    color: var(--tara-text);
    font-size: 1.2rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.tara-curvas-context-panel__product-head[b-oq89bcrdxq],
.tara-curvas-context-panel__product-title[b-oq89bcrdxq] {
    display: grid;
    gap: .16rem;
}

.tara-curvas-context-panel__section[b-oq89bcrdxq] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.tara-curvas-context-panel__section[b-oq89bcrdxq]::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: color-mix(in srgb, var(--tara-border) 82%, transparent);
}

.tara-curvas-context-panel__section-label[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.tara-curvas-context-panel__barcode[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    font-size: .8rem;
    font-variant-numeric: tabular-nums;
}

.tara-curvas-context-panel__meta[b-oq89bcrdxq],
.tara-curvas-proposal-panel__stats[b-oq89bcrdxq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
    margin: 0;
}

.tara-curvas-context-panel__meta > div[b-oq89bcrdxq],
.tara-curvas-proposal-panel__stats > div[b-oq89bcrdxq] {
    display: grid;
    gap: .14rem;
    min-width: 0;
    padding-left: .6rem;
    border-left: 2px solid var(--tara-border);
}

.tara-curvas-context-panel__meta dt[b-oq89bcrdxq],
.tara-curvas-proposal-panel__stats dt[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    font-size: .71rem;
    line-height: 1.3;
}

.tara-curvas-context-panel__meta dd[b-oq89bcrdxq],
.tara-curvas-proposal-panel__stats dd[b-oq89bcrdxq] {
    margin: 0;
    color: var(--tara-text);
    font-size: .92rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.tara-curvas-context-panel__metrics[b-oq89bcrdxq] {
    display: flex;
    flex-wrap: wrap;
    gap: .42rem;
}

.tara-curvas-context-chip[b-oq89bcrdxq] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    min-height: 2rem;
    padding: .42rem .7rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface);
    color: var(--tara-text);
    font-size: .78rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    box-shadow: 0 1px 2px color-mix(in srgb, var(--tara-text) 8%, transparent);
}

.tara-curvas-context-chip span[b-oq89bcrdxq] {
    color: inherit;
    opacity: .92;
    font-weight: 700;
}

.tara-curvas-context-chip strong[b-oq89bcrdxq] {
    color: inherit;
    font-size: .82rem;
    font-weight: 900;
}

button.tara-curvas-context-chip[b-oq89bcrdxq] {
    cursor: pointer;
    transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease, background .14s ease;
}

button.tara-curvas-context-chip:hover[b-oq89bcrdxq],
button.tara-curvas-context-chip:focus-visible[b-oq89bcrdxq] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px color-mix(in srgb, var(--tara-text) 10%, transparent);
}

button.tara-curvas-context-chip:focus-visible[b-oq89bcrdxq] {
    outline: 2px solid var(--tara-text);
    outline-offset: 2px;
}

.tara-curvas-context-chip--existencia[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-text) 18%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-text) 4%, var(--tara-surface));
    color: var(--tara-text);
}

.tara-curvas-context-chip--curva[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-info) 38%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-info) 10%, var(--tara-surface));
    color: var(--tara-info);
}

.tara-curvas-context-chip--traspasos[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-success) 38%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-success) 10%, var(--tara-surface));
    color: var(--tara-success);
}

.tara-curvas-context-chip--pedidos[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-warning) 48%, var(--tara-text) 52%);
    background: color-mix(in srgb, var(--tara-warning) 10%, var(--tara-surface));
    color: color-mix(in srgb, var(--tara-warning) 40%, var(--tara-text) 60%);
}

.tara-curvas-context-chip--huecos[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 38%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary-dark) 10%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-curvas-context-chip--copetes[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-warning) 38%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-warning) 14%, var(--tara-surface));
    color: color-mix(in srgb, var(--tara-warning) 78%, var(--tara-text));
}

.tara-curvas-context-panel__critical-sizes[b-oq89bcrdxq] {
    display: grid;
    gap: .38rem;
    padding-top: .5rem;
    border-top: 1px solid var(--tara-border);
}

.tara-curvas-context-panel__critical-sizes > span[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.tara-curvas-context-panel__critical-sizes > div[b-oq89bcrdxq] {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-curvas-context-panel__critical-sizes strong[b-oq89bcrdxq] {
    color: var(--tara-text);
}

.tara-curvas-context-panel__actions[b-oq89bcrdxq] {
    display: grid;
    gap: .45rem;
}

.tara-curvas-context-panel__actions[b-oq89bcrdxq]  .mud-button-root {
    width: 100%;
    min-height: 40px;
}

.tara-curvas-propuesta-workbench[b-oq89bcrdxq] {
    display: grid;
    gap: .75rem;
    padding: .92rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.tara-curvas-propuesta-workbench.is-expanded[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border));
    box-shadow: inset 3px 0 0 var(--tara-primary), var(--tara-shadow-sm);
}

.tara-curvas-propuesta-workbench__toggle[b-oq89bcrdxq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    width: 100%;
    padding: 0;
    border: 0;
    color: var(--tara-text);
    text-align: left;
    background: transparent;
    cursor: pointer;
}

.tara-curvas-propuesta-workbench__toggle-main[b-oq89bcrdxq] {
    display: grid;
    gap: .16rem;
}

.tara-curvas-propuesta-workbench__toggle-main > span:last-child[b-oq89bcrdxq],
.tara-curvas-propuesta-workbench__empty[b-oq89bcrdxq] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .86rem;
}

.tara-curvas-propuesta-workbench__stats[b-oq89bcrdxq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .6rem;
}

.tara-curvas-propuesta-workbench__stats > span[b-oq89bcrdxq] {
    display: grid;
    gap: .14rem;
    min-width: 0;
    padding-left: .6rem;
    border-left: 2px solid var(--tara-border);
    color: var(--tara-text);
    font-size: .88rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.tara-curvas-propuesta-workbench__stats strong[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    font-size: .71rem;
    font-weight: 700;
}

.tara-curvas-propuesta-workbench__actions[b-oq89bcrdxq] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .65rem;
    padding-top: .7rem;
    border-top: 1px solid var(--tara-border);
}

.tara-curvas-propuesta-workbench.is-expanded .tara-curvas-propuesta-tree[b-oq89bcrdxq],
.tara-curvas-propuesta-workbench.is-expanded .tara-curvas-propuesta-workbench__empty[b-oq89bcrdxq] {
    animation: tara-curvas-propuesta-reveal-b-oq89bcrdxq .18s ease-out;
}

@keyframes tara-curvas-propuesta-reveal-b-oq89bcrdxq {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

.tara-curvas-proposal-panel[b-oq89bcrdxq] {
    display: grid;
    gap: .8rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.tara-curvas-proposal-panel__stats[b-oq89bcrdxq] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tara-curvas-proposal-panel__stats dd[b-oq89bcrdxq] {
    font-size: 1.05rem;
}

.tara-curvas-proposal-panel[b-oq89bcrdxq]  .mud-button-root {
    min-height: 48px;
}

.tara-curvas-propuesta-summary[b-oq89bcrdxq] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem .75rem;
    padding: .65rem .75rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    color: var(--tara-text-muted);
    font-size: .82rem;
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
}

.tara-curvas-propuesta-tree[b-oq89bcrdxq] {
    display: grid;
    gap: .65rem;
}

.tara-curvas-propuesta-node[b-oq89bcrdxq] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    overflow: hidden;
}

.tara-curvas-propuesta-node__summary[b-oq89bcrdxq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
    width: 100%;
    padding: .75rem;
    border: 0;
    color: var(--tara-text);
    text-align: left;
    background: transparent;
    cursor: pointer;
}

.tara-curvas-propuesta-node__summary:hover[b-oq89bcrdxq],
.tara-curvas-propuesta-node.is-expanded .tara-curvas-propuesta-node__summary[b-oq89bcrdxq] {
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
}

.tara-curvas-propuesta-node__chevron[b-oq89bcrdxq] {
    color: var(--tara-primary-dark);
    font-size: .72rem;
}

.tara-curvas-propuesta-node__identity[b-oq89bcrdxq] {
    display: grid;
    gap: .14rem;
    min-width: 0;
}

.tara-curvas-propuesta-node__identity strong[b-oq89bcrdxq] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-curvas-propuesta-node__identity small[b-oq89bcrdxq],
.tara-curvas-propuesta-node__summary > span:last-child[b-oq89bcrdxq],
.tara-curvas-product-actions__state[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-curvas-propuesta-node__detail[b-oq89bcrdxq] {
    display: grid;
    gap: .75rem;
    padding: 0 .75rem .75rem;
}

.tara-curvas-propuesta-node__actions[b-oq89bcrdxq] {
    flex-wrap: wrap;
}

[b-oq89bcrdxq] .tara-curvas-propuesta-matrix .tara-curvas-propuesta-matrix__qty {
    color: var(--tara-text);
    font-weight: 700;
}

.tara-curvas-product-actions[b-oq89bcrdxq] {
    flex-wrap: wrap;
    align-items: center;
}

.tara-curvas-product-actions__state[b-oq89bcrdxq] {
    width: 100%;
    font-weight: 700;
}

[b-oq89bcrdxq] .tdg-expanded-row > td {
    padding: 0 !important;
    background: color-mix(in srgb, var(--tara-primary) 3%, var(--tara-surface)) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
}

[b-oq89bcrdxq] .tdg-card-expanded {
    margin: -.35rem 0 .65rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    overflow: hidden;
}

[b-oq89bcrdxq] .tdg-expanded-row .tara-curvas-product-matrix,
[b-oq89bcrdxq] .tdg-card-expanded .tara-curvas-product-matrix {
    padding: 1rem;
    border-top: 0;
}

[b-oq89bcrdxq] td.tara-curvas-grid-cell--active {
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface)) !important;
    border-top-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    border-bottom-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
}

[b-oq89bcrdxq] td.tara-curvas-grid-cell--active:first-child {
    box-shadow: inset 3px 0 0 var(--tara-primary);
}

[b-oq89bcrdxq] .tara-curvas-product-toggle {
    min-height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--tara-primary-dark);
    font-weight: 800;
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: .18rem;
    white-space: normal;
    text-align: left;
    cursor: pointer;
}

[b-oq89bcrdxq] .tara-curvas-product-toggle:hover,
[b-oq89bcrdxq] .tara-curvas-product-toggle:focus-visible,
[b-oq89bcrdxq] .tara-curvas-product-toggle.is-active {
    background: transparent;
    color: var(--tara-primary);
    text-decoration-color: currentColor;
}

.tara-curvas-mobile-product-card[b-oq89bcrdxq] {
    display: grid;
    gap: .8rem;
    padding: 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-mobile-product-card.is-active[b-oq89bcrdxq] {
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    box-shadow: inset 3px 0 0 var(--tara-primary), var(--tara-shadow-sm);
}

.tara-curvas-mobile-product-card__head[b-oq89bcrdxq] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: .75rem;
    align-items: center;
}

.tara-curvas-mobile-product-card__identity[b-oq89bcrdxq] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.tara-curvas-mobile-product-card__identity span[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    font-size: .8rem;
    line-height: 1.4;
}

.tara-curvas-mobile-product-card__title[b-oq89bcrdxq] {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--tara-primary-dark);
    font: inherit;
    font-weight: 800;
    text-align: left;
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: .18rem;
}

.tara-curvas-mobile-product-card__stats[b-oq89bcrdxq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem .7rem;
    margin: 0;
}

.tara-curvas-mobile-product-card__stats > div[b-oq89bcrdxq] {
    display: grid;
    gap: .12rem;
    padding-top: .4rem;
    border-top: 1px solid color-mix(in srgb, var(--tara-border) 78%, transparent);
}

.tara-curvas-mobile-product-card__stats dt[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-curvas-mobile-product-card__stats dd[b-oq89bcrdxq] {
    margin: 0;
    color: var(--tara-text);
    font-size: .95rem;
    font-weight: 800;
}

.tara-curvas-product-matrix__status[b-oq89bcrdxq] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: .25rem .5rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-size: .72rem;
    font-weight: 800;
    white-space: nowrap;
}

@media (max-width: 960px) {
    .tara-curvas-header[b-oq89bcrdxq],
    .tara-curvas-preview[b-oq89bcrdxq] {
        flex-direction: column;
    }

    .tara-curvas-ci-body[b-oq89bcrdxq],
    .tara-curvas-ci-suggestion__tables[b-oq89bcrdxq] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-ci-brand-overview__main[b-oq89bcrdxq],
    .tara-curvas-ci-barcodes__head[b-oq89bcrdxq],
    .tara-curvas-ci-barcode-detail__head[b-oq89bcrdxq],
    .tara-curvas-ci-suggestion__head[b-oq89bcrdxq],
    .tara-curvas-ci-store-card__head[b-oq89bcrdxq] {
        flex-direction: column;
    }

    .tara-curvas-ci-suggestion__badges[b-oq89bcrdxq] {
        width: 100%;
        justify-content: flex-start;
    }

    .tara-curvas-ci-product-hero[b-oq89bcrdxq],
    .tara-curvas-ci-comparison[b-oq89bcrdxq] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-brand-focus[b-oq89bcrdxq] {
        grid-template-columns: 4.5rem minmax(0, 1fr);
    }

    .tara-curvas-brand-focus__stats[b-oq89bcrdxq] {
        grid-column: 1 / -1;
    }

    .tara-curvas-header__actions[b-oq89bcrdxq] {
        width: 100%;
        justify-content: flex-start;
    }

    .tara-curvas-store-row[b-oq89bcrdxq] {
        align-items: flex-start;
    }

    .tara-curvas-product-card__summary[b-oq89bcrdxq] {
        grid-template-columns: 3.25rem minmax(0, 1fr) auto;
    }

    .tara-curvas-product-card__states[b-oq89bcrdxq],
    .tara-curvas-product-card__metrics[b-oq89bcrdxq] {
        grid-column: 2 / -1;
    }

}

@media (max-width: 1280px) {
    .tara-curvas-analysis-toolbar[b-oq89bcrdxq] {
        grid-template-columns: minmax(7rem, .62fr) minmax(12rem, 1.1fr) minmax(9rem, .8fr) minmax(9rem, .8fr);
    }

    .tara-curvas-analysis-toolbar__result[b-oq89bcrdxq] {
        grid-column: span 2;
    }

    .tara-curvas-analysis-context[b-oq89bcrdxq] {
        display: none;
    }

    .tara-curvas-context-panel--composed[b-oq89bcrdxq] {
        grid-template-columns: minmax(0, 1.9fr) minmax(15rem, .95fr);
    }
}

@media (max-width: 780px) {
    .tara-curvas-kpis[b-oq89bcrdxq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-curvas-shell[b-oq89bcrdxq] {
        padding: .85rem;
    }

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

    .tara-curvas-grid[b-oq89bcrdxq] {
        padding: .8rem;
    }

    .tara-curvas-dialog-results[b-oq89bcrdxq] {
        max-height: min(62vh, 30rem);
    }

    .tara-curvas-header__actions > *[b-oq89bcrdxq],
    .tara-curvas-filters__actions > *[b-oq89bcrdxq],
    .tara-curvas-preview .tara-curvas-header__actions > *[b-oq89bcrdxq],
    .tara-curvas-oc-band__actions > *[b-oq89bcrdxq] {
        flex: 1 1 100%;
    }

    .tara-curvas-champions__grid[b-oq89bcrdxq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-curvas-champion-card__actions[b-oq89bcrdxq] {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 900px) {
    .tara-curvas-analysis-toolbar[b-oq89bcrdxq] {
        grid-template-columns: minmax(6.25rem, .55fr) minmax(10rem, 1fr) minmax(8.5rem, .8fr) minmax(8.5rem, .8fr);
    }
}

@media (max-width: 700px) {
    .tara-curvas-analysis-toolbar[b-oq89bcrdxq] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-analysis-store[b-oq89bcrdxq],
    .tara-curvas-analysis-toolbar__result[b-oq89bcrdxq] {
        grid-column: auto;
    }

    .tara-curvas-analysis-toolbar__result .tara-curvas-visual-picker__choices[b-oq89bcrdxq] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tara-curvas-store-picker--compact[b-oq89bcrdxq] {
        grid-template-columns: 1fr;
        padding: .55rem .7rem;
    }

    .tara-curvas-analysis-summary[b-oq89bcrdxq] {
        flex-wrap: wrap;
        row-gap: .15rem;
    }
}

@media (max-width: 760px) {
    .tara-curvas-ci-dialog[b-oq89bcrdxq] {
        min-width: 0;
    }

    .tara-curvas-ci-brand-overview__stats[b-oq89bcrdxq],
    .tara-curvas-ci-barcode-card__stats[b-oq89bcrdxq],
    .tara-curvas-ci-barcode-detail__stats[b-oq89bcrdxq],
    .tara-curvas-ci-store-card__stats[b-oq89bcrdxq],
    .tara-curvas-ci-suggestion__stats[b-oq89bcrdxq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-curvas-ci-sizes-table-wrap[b-oq89bcrdxq] {
        display: none;
    }

    .tara-curvas-ci-sizes-cards[b-oq89bcrdxq] {
        display: grid;
    }

    .tara-curvas-ci-store-comparison__table-wrap[b-oq89bcrdxq] {
        display: none;
    }

    .tara-curvas-ci-store-comparison__cards[b-oq89bcrdxq] {
        display: grid;
    }

    .tara-curvas-ci-product-card[b-oq89bcrdxq] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-ci-product-card__media[b-oq89bcrdxq] {
        justify-items: start;
    }

    .tara-curvas-ci-product-hero[b-oq89bcrdxq] {
        padding: .85rem;
    }

    .tara-curvas-ci-product-hero__media[b-oq89bcrdxq] {
        justify-items: start;
    }

    .tara-curvas-ci-tree-node__summary[b-oq89bcrdxq] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .tara-curvas-ci-tree-node__summary > span:not(.tara-curvas-ci-tree-node__chevron)[b-oq89bcrdxq] {
        grid-column: span 1;
    }

    .tara-curvas-brand-focus__stats[b-oq89bcrdxq],
    .tara-curvas-oc-band__summary[b-oq89bcrdxq] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-brand-focus[b-oq89bcrdxq] {
        grid-template-columns: 4.25rem minmax(0, 1fr);
        gap: .75rem;
    }

    .tara-curvas-brand-focus__stats[b-oq89bcrdxq] {
        grid-column: 1 / -1;
    }

    .tara-curvas-grid > .tara-curvas-table-shell[b-oq89bcrdxq] {
        display: none;
    }

    .tara-curvas-mobile-list[b-oq89bcrdxq] {
        display: grid;
    }

    .tara-curvas-mobile-card__row[b-oq89bcrdxq] {
        align-items: flex-start;
    }

    .tara-curvas-products[b-oq89bcrdxq] {
        padding: .8rem;
    }

    .tara-curvas-product-card__summary[b-oq89bcrdxq] {
        grid-template-columns: 3rem minmax(0, 1fr) auto;
        gap: .7rem;
        padding: .8rem;
    }

    .tara-curvas-product-card__image[b-oq89bcrdxq] {
        width: 3rem;
    }

    .tara-curvas-product-card__metrics[b-oq89bcrdxq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .6rem .4rem;
    }

    .tara-curvas-product-card__detail[b-oq89bcrdxq] {
        padding: .75rem .8rem .85rem;
    }

    .tara-curvas-matrix-wrap[b-oq89bcrdxq] {
        display: none;
    }

    .tara-curvas-matrix-mobile[b-oq89bcrdxq] {
        display: grid;
        gap: .65rem;
    }

    .tara-curvas-matrix-mobile__store[b-oq89bcrdxq] {
        display: grid;
        gap: .55rem;
        padding: .7rem;
        border: 1px solid var(--tara-border);
        border-radius: var(--tara-radius-sm);
        background: var(--tara-surface);
    }

    .tara-curvas-matrix-mobile__store--total[b-oq89bcrdxq] {
        border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
        background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
    }

    .tara-curvas-matrix-mobile__store-head[b-oq89bcrdxq] {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: .5rem;
        color: var(--tara-text-muted);
        font-size: .75rem;
    }

    .tara-curvas-matrix-mobile__store-head strong[b-oq89bcrdxq] {
        color: var(--tara-text);
        font-size: .86rem;
    }

    .tara-curvas-matrix-mobile__sizes[b-oq89bcrdxq] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(4.65rem, 1fr));
        gap: .42rem;
    }

    .tara-curvas-matrix-mobile__sizes > .tara-curvas-matrix-cell[b-oq89bcrdxq] {
        display: grid;
        gap: .2rem;
        min-width: 0;
        padding: .42rem;
        border: 1px solid color-mix(in srgb, var(--tara-border) 82%, transparent);
        border-radius: calc(var(--tara-radius-sm) - 2px);
        text-align: center;
    }

    .tara-curvas-matrix-mobile__sizes > .tara-curvas-matrix-cell > span:first-child[b-oq89bcrdxq] {
        color: var(--tara-text-muted);
        font-size: .67rem;
        font-weight: 800;
        text-transform: uppercase;
    }

    .tara-curvas-matrix-mobile__total[b-oq89bcrdxq] {
        display: grid;
        gap: .28rem;
        padding-top: .55rem;
        border-top: 1px solid var(--tara-border);
    }

    .tara-curvas-matrix-mobile__total > span:first-child[b-oq89bcrdxq] {
        color: var(--tara-text-muted);
        font-size: .67rem;
        font-weight: 800;
        text-transform: uppercase;
    }

    [b-oq89bcrdxq] .tara-curvas-matrix-mobile__total .tara-curvas-matrix-cell__content {
        justify-items: start;
    }

    [b-oq89bcrdxq] .tara-curvas-matrix-mobile__total .tara-curvas-matrix-cell__meta {
        justify-content: flex-start;
    }

    .tara-curvas-context-panel--composed[b-oq89bcrdxq] {
        grid-template-columns: 1fr;
        gap: .9rem;
    }

    .tara-curvas-context-panel__proposal[b-oq89bcrdxq] {
        padding-left: 0;
        padding-top: .8rem;
        border-left: 0;
        border-top: 1px solid var(--tara-border);
    }

    .tara-curvas-workspace__work[b-oq89bcrdxq] {
        padding: .8rem;
    }

    .tara-curvas-proposal-panel__stats[b-oq89bcrdxq] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

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

    .tara-curvas-champions__grid[b-oq89bcrdxq],
    .tara-curvas-champion-card__coverage-stats[b-oq89bcrdxq],
    .tara-curvas-ci-brand-overview__stats[b-oq89bcrdxq],
    .tara-curvas-ci-barcode-card__stats[b-oq89bcrdxq],
    .tara-curvas-ci-barcode-detail__stats[b-oq89bcrdxq],
    .tara-curvas-ci-store-card__stats[b-oq89bcrdxq],
    .tara-curvas-ci-suggestion__stats[b-oq89bcrdxq] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-ci-filter-group[b-oq89bcrdxq],
    .tara-curvas-ci-suggestion__badges[b-oq89bcrdxq],
    .tara-curvas-ci-store-card__badges[b-oq89bcrdxq],
    .tara-curvas-ci-product-hero__badges[b-oq89bcrdxq] {
        width: 100%;
    }

    .tara-curvas-ci-store-comparison__head[b-oq89bcrdxq] {
        flex-direction: column;
    }

    .tara-curvas-ci-store-comparison__summary[b-oq89bcrdxq] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-ci-filter-chip[b-oq89bcrdxq],
    .tara-curvas-ci-chip[b-oq89bcrdxq] {
        width: 100%;
    }

    .tara-curvas-ci-product-hero__summary[b-oq89bcrdxq] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-curvas-ci-tree-node__summary[b-oq89bcrdxq] {
        grid-template-columns: auto minmax(0, 1fr);
        gap: .35rem .6rem;
        padding: .75rem;
    }

    .tara-curvas-ci-tree-node__summary > strong[b-oq89bcrdxq] {
        min-width: 0;
    }

    .tara-curvas-ci-tree-node__summary > span:not(.tara-curvas-ci-tree-node__chevron)[b-oq89bcrdxq] {
        grid-column: span 1;
    }

    .tara-curvas-mobile-card__row[b-oq89bcrdxq] {
        flex-direction: column;
    }

    .tara-curvas-context-accordion__toggle[b-oq89bcrdxq] {
        padding: .82rem;
    }

    .tara-curvas-context-accordion__toggle-summary[b-oq89bcrdxq] {
        font-size: .82rem;
    }

    .tara-curvas-state--initial[b-oq89bcrdxq] {
        grid-template-columns: 1fr;
        justify-items: start;
    }

    .tara-curvas-analysis-summary > span[b-oq89bcrdxq] {
        white-space: normal;
    }

    .tara-curvas-brand-card__kpi strong[b-oq89bcrdxq] {
        font-size: 2rem;
    }

    .tara-curvas-product-card__identity strong[b-oq89bcrdxq],
    .tara-curvas-product-card__identity span[b-oq89bcrdxq],
    .tara-curvas-product-card__identity small[b-oq89bcrdxq] {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .tara-curvas-product-card__detail-heading[b-oq89bcrdxq] {
        flex-direction: column;
    }

    .tara-curvas-context-panel__meta[b-oq89bcrdxq],
    .tara-curvas-proposal-panel__stats[b-oq89bcrdxq] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-context-panel__metrics[b-oq89bcrdxq] {
        gap: .45rem;
    }

    .tara-curvas-mobile-product-card__stats[b-oq89bcrdxq] {
        grid-template-columns: 1fr;
    }

}
.tara-curvas-ci-final-modified[b-oq89bcrdxq] {
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
}

.tara-curvas-ci-tree-node__actions[b-oq89bcrdxq] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    justify-content: flex-end;
    margin-top: .8rem;
}

.tara-curvas-strategy-matrix-wrap[b-oq89bcrdxq] {
    max-height: min(52vh, 520px);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

[b-oq89bcrdxq] .tara-curvas-strategy-matrix {
    min-width: max-content;
}

[b-oq89bcrdxq] .tara-curvas-strategy-matrix .mud-table-container {
    overflow: visible;
    width: max-content;
}

[b-oq89bcrdxq] .tara-curvas-strategy-matrix .mud-table-cell {
    padding: .35rem .5rem;
    text-align: center;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

[b-oq89bcrdxq] .tara-curvas-strategy-matrix .mud-table-head .mud-table-cell {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
}

[b-oq89bcrdxq] .tara-curvas-strategy-matrix .tara-curvas-strategy-matrix__store {
    position: sticky;
    left: 0;
    z-index: 3;
    min-width: 150px;
    text-align: left;
    font-weight: 800;
    background: var(--tara-surface);
    box-shadow: 1px 0 0 color-mix(in srgb, var(--tara-text) 12%, transparent);
}

[b-oq89bcrdxq] .tara-curvas-strategy-matrix .mud-table-head .tara-curvas-strategy-matrix__store {
    z-index: 5;
    background: var(--tara-th-bg);
}

[b-oq89bcrdxq] .tara-curvas-strategy-matrix .tara-curvas-strategy-matrix__qty {
    min-width: 78px;
}

[b-oq89bcrdxq] .tara-curvas-strategy-matrix .tara-curvas-strategy-matrix__qty .mud-input-control {
    width: 62px;
    margin: 0 auto;
}

[b-oq89bcrdxq] .tara-curvas-strategy-matrix .tara-curvas-strategy-matrix__qty .mud-input {
    text-align: center;
    font-variant-numeric: tabular-nums;
}

[b-oq89bcrdxq] .tara-curvas-strategy-matrix .tara-curvas-strategy-matrix__total {
    position: sticky;
    right: 0;
    z-index: 3;
    min-width: 76px;
    font-weight: 900;
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    box-shadow: inset 1px 0 0 color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
}

[b-oq89bcrdxq] .tara-curvas-strategy-matrix .mud-table-footer .tara-curvas-strategy-matrix__footer {
    position: sticky;
    bottom: 0;
    z-index: 4;
    font-weight: 900;
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-bg));
}

[b-oq89bcrdxq] .tara-curvas-strategy-matrix .mud-table-footer .tara-curvas-strategy-matrix__store {
    z-index: 6;
}

.tara-curvas-strategy-matrix__empty[b-oq89bcrdxq] {
    color: var(--tara-text-muted);
}

.tara-curvas-strategy-mobile[b-oq89bcrdxq] {
    display: none;
}

@media (max-width: 760px) {
    .tara-curvas-propuesta-workbench[b-oq89bcrdxq] {
        padding: .75rem;
    }

    .tara-curvas-propuesta-workbench__stats[b-oq89bcrdxq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-curvas-propuesta-workbench__actions[b-oq89bcrdxq] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .tara-curvas-propuesta-workbench__actions[b-oq89bcrdxq]  .mud-button-root {
        width: 100%;
    }

    .tara-curvas-strategy-matrix-wrap[b-oq89bcrdxq] {
        display: none;
    }

    .tara-curvas-strategy-mobile[b-oq89bcrdxq] {
        display: grid;
        gap: .65rem;
        max-height: 52vh;
        overflow-y: auto;
    }

    .tara-curvas-strategy-mobile__store[b-oq89bcrdxq] {
        padding: .7rem;
        border: 1px solid var(--tara-border);
        border-radius: var(--tara-radius-sm);
        background: var(--tara-surface);
    }

    .tara-curvas-strategy-mobile__store > span[b-oq89bcrdxq] {
        display: block;
        margin-top: .15rem;
        color: var(--tara-text-muted);
    }

    .tara-curvas-strategy-mobile__store > div[b-oq89bcrdxq] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(74px, 1fr));
        gap: .45rem;
        margin-top: .65rem;
    }

    .tara-curvas-strategy-mobile label[b-oq89bcrdxq] {
        display: grid;
        gap: .2rem;
        color: var(--tara-text-muted);
        font-size: .78rem;
    }

    .tara-curvas-propuesta-mobile label > span[b-oq89bcrdxq] {
        min-height: 34px;
        padding: .45rem;
        border: 1px solid var(--tara-border);
        border-radius: var(--tara-radius-sm);
        color: var(--tara-text);
        font-weight: 800;
        text-align: center;
        background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
        font-variant-numeric: tabular-nums;
    }

    .tara-curvas-propuesta-node__summary[b-oq89bcrdxq] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .tara-curvas-propuesta-node__summary > span:last-child[b-oq89bcrdxq] {
        grid-column: 2;
    }

    .tara-curvas-strategy-mobile[b-oq89bcrdxq]  .mud-input {
        text-align: center;
        font-variant-numeric: tabular-nums;
    }
}
/* Mesa operativa Nivelar: sólo proyecta cambios locales hasta guardar PRETRASPASOS. */
.tara-nivelar-workspace[b-oq89bcrdxq] {
    display: grid;
    gap: 1rem;
    color: var(--tara-text);
}

.tara-nivelar-workspace__header[b-oq89bcrdxq],
.tara-nivelar-pretraspaso__title[b-oq89bcrdxq] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.tara-nivelar-workspace__header strong[b-oq89bcrdxq],
.tara-nivelar-workspace__header span[b-oq89bcrdxq] {
    display: block;
}

.tara-nivelar-workspace__header strong[b-oq89bcrdxq] { font-size: 1.05rem; }
.tara-nivelar-workspace__header > div > span:last-child[b-oq89bcrdxq] { color: var(--tara-text-muted); font-size: .8rem; }
.tara-nivelar-workspace__summary[b-oq89bcrdxq] { display: flex; gap: .5rem; flex-wrap: wrap; }
.tara-nivelar-workspace__summary span[b-oq89bcrdxq] { background: var(--tara-surface-raised); border: 1px solid var(--tara-border); border-radius: 999px; padding: .35rem .6rem; font-size: .76rem; }

.tara-nivelar-matrix-wrap[b-oq89bcrdxq] { overflow: auto; border: 1px solid var(--tara-border); border-radius: var(--tara-radius); max-height: clamp(330px, 48vh, 620px); }
.tara-nivelar-matrix[b-oq89bcrdxq] { border-collapse: separate; border-spacing: 0; width: 100%; min-width: 900px; background: var(--tara-surface); }
.tara-nivelar-matrix th[b-oq89bcrdxq], .tara-nivelar-matrix td[b-oq89bcrdxq] { border-right: 1px solid var(--tara-border-subtle); border-bottom: 1px solid var(--tara-border-subtle); padding: .5rem; vertical-align: top; }
.tara-nivelar-matrix thead th[b-oq89bcrdxq] { position: sticky; top: 0; z-index: 3; background: var(--tara-th-bg); color: var(--tara-th-text); text-align: center; }
.tara-nivelar-matrix tbody th[b-oq89bcrdxq] { position: sticky; left: 0; z-index: 2; background: var(--tara-surface); min-width: 165px; text-align: left; }
.tara-nivelar-matrix tbody th small[b-oq89bcrdxq] { display: block; color: var(--tara-text-muted); font-weight: 400; margin-top: .2rem; }
.tara-nivelar-matrix__cell[b-oq89bcrdxq] { min-width: 150px; background: var(--tara-row-odd); }
.tara-nivelar-matrix__cell:nth-child(even)[b-oq89bcrdxq] { background: var(--tara-row-even); }
.tara-nivelar-matrix__cell--source[b-oq89bcrdxq] { outline: 2px dashed color-mix(in srgb, var(--tara-primary) 42%, var(--tara-border)); outline-offset: -3px; cursor: grab; }
.tara-nivelar-matrix__cell strong[b-oq89bcrdxq], .tara-nivelar-matrix__cell span[b-oq89bcrdxq], .tara-nivelar-matrix__cell small[b-oq89bcrdxq] { display: block; }
.tara-nivelar-matrix__cell span[b-oq89bcrdxq], .tara-nivelar-matrix__cell small[b-oq89bcrdxq] { color: var(--tara-text-muted); font-size: .72rem; margin-top: .15rem; }
.tara-nivelar-matrix__empty[b-oq89bcrdxq] { color: var(--tara-text-muted); }
.tara-nivelar-matrix__total[b-oq89bcrdxq] { background: var(--tara-surface-raised); font-weight: 700; white-space: nowrap; }

.tara-nivelar-suggestions[b-oq89bcrdxq], .tara-nivelar-pretraspaso[b-oq89bcrdxq], .tara-nivelar-residual[b-oq89bcrdxq] { padding: 1rem; border: 1px solid var(--tara-border); background: var(--tara-surface); border-radius: var(--tara-radius); }
.tara-nivelar-suggestions[b-oq89bcrdxq] { background: var(--tara-surface-raised); }
.tara-nivelar-pretraspaso h3[b-oq89bcrdxq] { margin: 0; color: var(--tara-text); }
.tara-nivelar-pretraspaso p[b-oq89bcrdxq] { margin: .25rem 0 0; color: var(--tara-text-muted); font-size: .82rem; }
.tara-nivelar-mobile[b-oq89bcrdxq] { display: none; }

.tara-nivelar-workspace__legacy[b-oq89bcrdxq] { display: none; }

.tara-nivelar-journey[b-oq89bcrdxq],
.tara-nivelar-proposal-board[b-oq89bcrdxq],
.tara-nivelar-residual-board[b-oq89bcrdxq] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    padding: 1rem;
}

.tara-nivelar-journey[b-oq89bcrdxq] { display: grid; gap: 1rem; }
.tara-nivelar-size-group[b-oq89bcrdxq] { border: 1px solid var(--tara-border); border-radius: var(--tara-radius); background: var(--tara-surface); overflow: hidden; }
.tara-nivelar-size-group summary[b-oq89bcrdxq] { cursor: pointer; display: flex; gap: .55rem; align-items: baseline; padding: .8rem 1rem; color: var(--tara-text); }
.tara-nivelar-size-group summary span[b-oq89bcrdxq] { margin-left: auto; color: var(--tara-text-muted); font-size: .8rem; }
.tara-nivelar-size-board[b-oq89bcrdxq] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding: 0 1rem 1rem; }
.tara-nivelar-size-board h3[b-oq89bcrdxq] { margin: 0 0 .55rem; font-size: .9rem; text-transform: uppercase; letter-spacing: .04em; color: var(--tara-text-muted); }
.tara-nivelar-origin-card.is-selected[b-oq89bcrdxq], .tara-nivelar-destination-card.is-compatible[b-oq89bcrdxq] { border-color: var(--tara-primary-dark); box-shadow: 0 0 0 2px var(--tara-primary-subtle); }
.tara-nivelar-destination-card.is-compatible em[b-oq89bcrdxq] { color: var(--tara-primary-dark); font-style: normal; font-weight: 800; }
.tara-nivelar-journey__intro span[b-oq89bcrdxq] { color: var(--tara-primary-dark); font-size: .76rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.tara-nivelar-journey__intro h3[b-oq89bcrdxq] { margin: .18rem 0; font-size: 1.25rem; }
.tara-nivelar-journey__intro p[b-oq89bcrdxq], .tara-nivelar-step__head p[b-oq89bcrdxq], .tara-nivelar-proposal-board p[b-oq89bcrdxq] { margin: 0; color: var(--tara-text-muted); }
.tara-nivelar-step[b-oq89bcrdxq] { display: grid; gap: .75rem; padding-top: .85rem; border-top: 1px solid var(--tara-border-subtle); }
.tara-nivelar-step--selected[b-oq89bcrdxq] { background: var(--tara-surface-raised); border: 1px solid var(--tara-border); border-radius: var(--tara-radius-sm); padding: .8rem; }
.tara-nivelar-step__head[b-oq89bcrdxq] { display: flex; align-items: start; gap: .65rem; }
.tara-nivelar-step__head > span[b-oq89bcrdxq] { display: inline-grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; background: var(--tara-primary-dark); color: var(--tara-text-inverse); font-weight: 800; }
.tara-nivelar-step__head h3[b-oq89bcrdxq] { margin: 0 0 .15rem; font-size: 1rem; }
.tara-nivelar-step__head[b-oq89bcrdxq]  .mud-button-root { margin-left: auto; }
.tara-nivelar-origin-cards[b-oq89bcrdxq], .tara-nivelar-destination-cards[b-oq89bcrdxq] { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: .65rem; }
.tara-nivelar-origin-card[b-oq89bcrdxq], .tara-nivelar-destination-card[b-oq89bcrdxq] { appearance: none; display: grid; gap: .2rem; width: 100%; padding: .9rem; text-align: left; border: 1px solid var(--tara-border); border-radius: var(--tara-radius-sm); background: var(--tara-surface); color: var(--tara-text); cursor: pointer; transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease; }
.tara-nivelar-origin-card:hover[b-oq89bcrdxq], .tara-nivelar-origin-card:focus-visible[b-oq89bcrdxq], .tara-nivelar-destination-card:hover[b-oq89bcrdxq], .tara-nivelar-destination-card:focus-visible[b-oq89bcrdxq] { border-color: var(--tara-primary-dark); box-shadow: var(--tara-shadow-sm); outline: 0; transform: translateY(-1px); }
.tara-nivelar-origin-card b[b-oq89bcrdxq] { color: var(--tara-primary-dark); font-size: 1.1rem; }
.tara-nivelar-destination-card b[b-oq89bcrdxq] { color: var(--tara-primary-dark); font-size: 1.05rem; }
.tara-nivelar-no-origin[b-oq89bcrdxq] { display: grid; gap: .25rem; padding: .9rem; border: 1px solid var(--tara-border); border-radius: var(--tara-radius-sm); background: var(--tara-surface-raised); }
.tara-nivelar-no-origin span[b-oq89bcrdxq] { color: var(--tara-text-muted); font-size: .84rem; }
.tara-nivelar-origin-card small[b-oq89bcrdxq], .tara-nivelar-destination-card span[b-oq89bcrdxq], .tara-nivelar-origin-card em[b-oq89bcrdxq], .tara-nivelar-destination-card em[b-oq89bcrdxq] { color: var(--tara-text-muted); font-size: .78rem; font-style: normal; }
.tara-nivelar-origin-card em[b-oq89bcrdxq], .tara-nivelar-destination-card em[b-oq89bcrdxq] { color: var(--tara-primary-dark); font-weight: 700; margin-top: .2rem; }
.tara-nivelar-flow[b-oq89bcrdxq] { display: grid; grid-template-columns: minmax(220px, .75fr) minmax(0, 1.25fr); gap: .85rem; }
.tara-nivelar-origin-selected[b-oq89bcrdxq] { display: flex; gap: .5rem; flex-wrap: wrap; color: var(--tara-text-muted); }
.tara-nivelar-origin-selected strong[b-oq89bcrdxq] { color: var(--tara-text); }
.tara-nivelar-proposal-board[b-oq89bcrdxq] { display: grid; gap: .75rem; }
.tara-nivelar-proposal-board__empty[b-oq89bcrdxq] { padding: 1rem; color: var(--tara-text-muted); background: var(--tara-surface-raised); border-radius: var(--tara-radius-sm); }
.tara-nivelar-proposal-group[b-oq89bcrdxq] { border: 1px solid var(--tara-border); border-radius: var(--tara-radius-sm); overflow: hidden; }
.tara-nivelar-proposal-group header[b-oq89bcrdxq] { display: flex; justify-content: space-between; gap: .5rem; padding: .65rem .8rem; background: var(--tara-surface-raised); }
.tara-nivelar-proposal-group header span[b-oq89bcrdxq] { color: var(--tara-primary-dark); font-weight: 800; }
.tara-nivelar-proposal-item[b-oq89bcrdxq] { display: flex; align-items: center; justify-content: space-between; gap: .7rem; padding: .7rem .8rem; border-top: 1px solid var(--tara-border-subtle); }
.tara-nivelar-proposal-item span[b-oq89bcrdxq] { display: block; color: var(--tara-text-muted); font-size: .78rem; margin-top: .18rem; }
.tara-nivelar-residual-board[b-oq89bcrdxq] { padding: 0; overflow: hidden; }
.tara-nivelar-residual__item[b-oq89bcrdxq] { display: flex; justify-content: space-between; gap: .75rem; padding: .55rem 0; border-top: 1px solid var(--tara-border-subtle); }
.tara-nivelar-residual__item span[b-oq89bcrdxq] { color: var(--tara-text-muted); font-size: .82rem; }

@media (max-width: 760px) {
    .tara-nivelar-matrix-wrap[b-oq89bcrdxq] { display: none; }
    .tara-nivelar-mobile[b-oq89bcrdxq] { display: grid; gap: .75rem; }
    .tara-nivelar-mobile article[b-oq89bcrdxq] { padding: .8rem; border: 1px solid var(--tara-border); border-radius: var(--tara-radius-sm); background: var(--tara-surface); }
    .tara-nivelar-mobile article > strong[b-oq89bcrdxq] { display: block; margin-bottom: .5rem; }
    .tara-nivelar-mobile article > div[b-oq89bcrdxq] { display: grid; grid-template-columns: 1fr auto; gap: .25rem .6rem; padding: .5rem 0; border-top: 1px solid var(--tara-border-subtle); }
    .tara-nivelar-mobile article small[b-oq89bcrdxq] { grid-column: 1 / -1; color: var(--tara-text-muted); }
    .tara-nivelar-mobile[b-oq89bcrdxq]  .mud-button-root { grid-column: 1 / -1; justify-self: start; min-height: 44px; }
    .tara-nivelar-workspace__header[b-oq89bcrdxq], .tara-nivelar-pretraspaso__title[b-oq89bcrdxq] { align-items: stretch; }
    .tara-nivelar-flow[b-oq89bcrdxq] { grid-template-columns: 1fr; }
    .tara-nivelar-origin-cards[b-oq89bcrdxq], .tara-nivelar-destination-cards[b-oq89bcrdxq] { grid-template-columns: 1fr; }
    .tara-nivelar-size-board[b-oq89bcrdxq] { grid-template-columns: 1fr; }
    .tara-nivelar-size-group summary[b-oq89bcrdxq] { align-items: flex-start; flex-direction: column; }
    .tara-nivelar-size-group summary span[b-oq89bcrdxq] { margin-left: 0; }
    .tara-nivelar-proposal-item[b-oq89bcrdxq] { align-items: stretch; flex-direction: column; }
    .tara-nivelar-residual__item[b-oq89bcrdxq] { flex-direction: column; }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenCurvasReporte.razor.rz.scp.css */
.tara-curvas-loading-shell[b-5mjo9ucb4x] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-items: center;
    padding: clamp(1rem, 3vw, 2rem);
    background:
        radial-gradient(circle at top, color-mix(in srgb, var(--tara-primary) 8%, transparent), transparent 40%),
        var(--tara-bg);
}

.tara-curvas-selection-panel[b-5mjo9ucb4x] {
    display: grid;
    gap: .9rem;
    padding: .95rem 1rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
}

.tara-curvas-selection-panel__stats[b-5mjo9ucb4x] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.tara-curvas-selection-stat[b-5mjo9ucb4x] {
    display: grid;
    gap: .22rem;
    padding: .8rem .9rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--tara-border) 86%, var(--tara-primary) 10%);
    background: color-mix(in srgb, var(--tara-surface) 92%, white);
}

.tara-curvas-selection-stat--accent[b-5mjo9ucb4x] {
    border-color: color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
}

.tara-curvas-selection-stat span[b-5mjo9ucb4x],
.tara-curvas-selection-panel__label[b-5mjo9ucb4x],
.tara-curvas-draft-card__label[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tara-curvas-selection-stat strong[b-5mjo9ucb4x] {
    color: var(--tara-text);
    font-size: 1.15rem;
}

.tara-curvas-selection-panel__actions[b-5mjo9ucb4x],
.tara-curvas-selection-panel__massive[b-5mjo9ucb4x] {
    display: grid;
    gap: .55rem;
}

.tara-curvas-product-card--selected[b-5mjo9ucb4x],
.tara-curvas-draft-product-card--selected[b-5mjo9ucb4x] {
    border-color: color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--tara-primary) 14%, transparent), var(--tara-shadow-sm);
}

.tara-curvas-draft-product-card__controls[b-5mjo9ucb4x] {
    display: grid;
    grid-template-columns: auto minmax(160px, 210px) minmax(220px, 280px) minmax(0, 1fr);
    gap: .85rem;
    align-items: center;
}

.tara-curvas-draft-product-card__status[b-5mjo9ucb4x] {
    display: grid;
    gap: .16rem;
}

.tara-curvas-draft-product-card__status strong[b-5mjo9ucb4x] {
    color: var(--tara-text);
    font-size: .88rem;
}

.tara-curvas-draft-product-card__status span[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
    font-size: .82rem;
    line-height: 1.35;
}

@media (max-width: 1024px) {
    .tara-curvas-selection-panel__stats[b-5mjo9ucb4x],
    .tara-curvas-draft-card__stats[b-5mjo9ucb4x] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-curvas-draft-product-card__controls[b-5mjo9ucb4x] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
}

@media (max-width: 768px) {
    .tara-curvas-selection-panel__stats[b-5mjo9ucb4x],
    .tara-curvas-draft-card__stats[b-5mjo9ucb4x] {
        grid-template-columns: 1fr;
    }
}

.tara-curvas-loading-shell .tara-curvas-loading-card[b-5mjo9ucb4x] {
    width: min(100%, 34rem);
    display: grid;
    gap: 1rem;
    padding: clamp(1.2rem, 3vw, 1.8rem);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-radius: calc(var(--tara-radius) + 4px);
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--tara-surface) 92%, white),
            color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface)));
    box-shadow: var(--tara-shadow);
}

.tara-curvas-loading-card--compact[b-5mjo9ucb4x] {
    width: min(100%, 32rem);
}

.tara-curvas-loading-shell .tara-curvas-loading-card__icon[b-5mjo9ucb4x] {
    width: 3.4rem;
    height: 3.4rem;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-surface));
    color: var(--tara-primary-dark);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-loading-shell .tara-curvas-loading-card__icon[b-5mjo9ucb4x]  .mud-icon-root {
    font-size: 1.55rem;
}

.tara-curvas-loading-shell .tara-curvas-loading-card__copy[b-5mjo9ucb4x] {
    display: grid;
    gap: .45rem;
}

.tara-curvas-loading-card__eyebrow[b-5mjo9ucb4x] {
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

.tara-curvas-loading-shell .tara-curvas-loading-card__copy h2[b-5mjo9ucb4x] {
    margin: 0;
    font-size: clamp(1.3rem, 2.6vw, 1.75rem);
    line-height: 1.12;
    color: var(--tara-text);
}

.tara-curvas-loading-shell .tara-curvas-loading-card__copy p[b-5mjo9ucb4x] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.55;
}

.tara-curvas-loading-card__progress[b-5mjo9ucb4x] {
    margin-top: .1rem;
}

.tara-curvas-shell[b-5mjo9ucb4x] {
    display: grid;
    align-content: start;
    gap: 1rem;
    padding: clamp(.9rem, 2vw, 1.35rem);
    background: var(--tara-bg);
    min-height: calc(100vh - 96px);
}

.tara-curvas-header[b-5mjo9ucb4x],
.tara-curvas-grid[b-5mjo9ucb4x],
.tara-curvas-preview[b-5mjo9ucb4x] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
}

.tara-curvas-launch-hero[b-5mjo9ucb4x],
.tara-curvas-workspace-bar[b-5mjo9ucb4x] {
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-radius: var(--tara-radius);
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--tara-surface) 94%, white),
            color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface)));
    box-shadow: var(--tara-shadow);
}

.tara-curvas-launch-hero[b-5mjo9ucb4x] {
    min-height: min(68vh, 32rem);
    display: grid;
    align-content: center;
    justify-items: center;
    text-align: center;
    gap: .9rem;
    padding: clamp(1.6rem, 5vw, 3rem);
}

.tara-curvas-launch-hero h1[b-5mjo9ucb4x] {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.4rem);
    color: var(--tara-text);
}

.tara-curvas-launch-hero p[b-5mjo9ucb4x] {
    margin: 0;
    max-width: 34rem;
    color: var(--tara-text-muted);
    line-height: 1.55;
}

.tara-curvas-launch-hero__actions[b-5mjo9ucb4x] {
    padding-top: .4rem;
}

.tara-curvas-primary-cta--launch[b-5mjo9ucb4x] {
    min-width: min(100%, 18rem);
}

.tara-curvas-workspace-bar[b-5mjo9ucb4x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: .9rem 1rem;
}

.tara-curvas-workspace-bar__copy[b-5mjo9ucb4x] {
    display: grid;
    gap: .2rem;
}

.tara-curvas-workspace-bar__copy strong[b-5mjo9ucb4x] {
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-curvas-huecos-proposal[b-5mjo9ucb4x] {
    margin: 1rem 0;
}

.tara-curvas-huecos-proposal__head[b-5mjo9ucb4x] {
    display: grid;
    gap: .25rem;
}

.tara-curvas-huecos-proposal__head strong[b-5mjo9ucb4x] {
    color: var(--tara-text);
}

.tara-curvas-huecos-proposal__head span[b-5mjo9ucb4x],
.tara-curvas-huecos-proposal p[b-5mjo9ucb4x],
.tara-curvas-group-metric__note[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
}

.tara-curvas-huecos-proposal__stats[b-5mjo9ucb4x] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: .75rem 0;
}

.tara-curvas-huecos-proposal p[b-5mjo9ucb4x] {
    margin: .5rem 0 0;
    line-height: 1.45;
}

.tara-curvas-group-metric__note[b-5mjo9ucb4x] {
    display: block;
    font-size: .72rem;
    line-height: 1.35;
}

.tara-curvas-header[b-5mjo9ucb4x] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: clamp(1rem, 2.2vw, 1.45rem);
    box-shadow: var(--tara-shadow);
}

.tara-curvas-hero[b-5mjo9ucb4x] {
    display: grid;
    gap: 1.15rem;
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--tara-surface) 94%, white),
            color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface)));
}

.tara-curvas-hero__main[b-5mjo9ucb4x] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.tara-curvas-header__eyebrow[b-5mjo9ucb4x] {
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--tara-text-muted);
}

.tara-curvas-header h1[b-5mjo9ucb4x] {
    margin: .3rem 0;
    font-size: clamp(1.45rem, 2vw, 1.95rem);
    color: var(--tara-text);
}

.tara-curvas-header p[b-5mjo9ucb4x] {
    margin: 0;
    color: var(--tara-text-muted);
    max-width: 64ch;
    line-height: 1.55;
}

.tara-curvas-header__actions--hero[b-5mjo9ucb4x] {
    align-self: flex-start;
}

.tara-curvas-header__actions[b-5mjo9ucb4x] {
    display: flex;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tara-curvas-header--workspace[b-5mjo9ucb4x] {
    padding: .95rem 1rem;
}

.tara-curvas-kpi-strip[b-5mjo9ucb4x] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
}

.tara-curvas-kpi-card[b-5mjo9ucb4x] {
    display: grid;
    gap: .3rem;
    padding: 1rem 1.05rem;
    border-radius: calc(var(--tara-radius) - 2px);
    border: 1px solid color-mix(in srgb, var(--tara-border) 82%, var(--tara-primary) 12%);
    background: color-mix(in srgb, var(--tara-surface) 90%, white);
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-kpi-card--accent[b-5mjo9ucb4x] {
    background: linear-gradient(145deg,
        color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface)),
        color-mix(in srgb, var(--tara-surface) 88%, white));
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
}

.tara-curvas-kpi-card__label[b-5mjo9ucb4x],
.tara-curvas-kpi-card__hint[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
}

.tara-curvas-kpi-card__label[b-5mjo9ucb4x] {
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.tara-curvas-kpi-card__value[b-5mjo9ucb4x] {
    font-size: clamp(1.5rem, 2.2vw, 2rem);
    line-height: 1;
    color: var(--tara-text);
}

.tara-curvas-kpi-card__hint[b-5mjo9ucb4x] {
    font-size: .88rem;
    line-height: 1.35;
}

.tara-curvas-filter-pill--collection[b-5mjo9ucb4x] {
    border-color: color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
}

.tara-curvas-collection-notes[b-5mjo9ucb4x] {
    display: grid;
    gap: .45rem;
    margin-top: .85rem;
}

.tara-curvas-draft-validation-banner[b-5mjo9ucb4x] {
    display: grid;
    gap: .8rem;
    padding: .95rem 1rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
}

.tara-curvas-draft-validation-banner__copy[b-5mjo9ucb4x] {
    display: grid;
    gap: .18rem;
}

.tara-curvas-draft-validation-banner__copy strong[b-5mjo9ucb4x] {
    color: var(--tara-text);
    font-size: .98rem;
}

.tara-curvas-draft-validation-banner__copy span[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-draft-validation-banner__meta[b-5mjo9ucb4x] {
    display: flex;
    gap: .65rem;
    flex-wrap: wrap;
}

.tara-curvas-draft-product-card__validation[b-5mjo9ucb4x] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.tara-curvas-draft-validation-detail[b-5mjo9ucb4x] {
    display: grid;
    gap: .15rem;
    padding: .8rem .9rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--tara-border) 86%, var(--tara-primary) 10%);
    background: color-mix(in srgb, var(--tara-surface) 94%, white);
}

.tara-curvas-draft-validation-detail strong[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-curvas-draft-validation-detail span[b-5mjo9ucb4x] {
    color: var(--tara-text);
    font-size: .92rem;
    font-weight: 700;
}

.tara-curvas-draft-validation-detail small[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-collection-note[b-5mjo9ucb4x] {
    display: grid;
    gap: .12rem;
    padding: .65rem .75rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--tara-border) 84%, var(--tara-primary) 10%);
    background: color-mix(in srgb, var(--tara-surface) 94%, white);
}

.tara-curvas-collection-note strong[b-5mjo9ucb4x] {
    color: var(--tara-text);
    font-size: .88rem;
}

.tara-curvas-collection-note span[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    line-height: 1.4;
}

.tara-curvas-filters[b-5mjo9ucb4x] {
    display: grid;
    align-items: start;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .75rem;
}

.tara-curvas-filter-layout[b-5mjo9ucb4x],
.tara-curvas-controls-grid[b-5mjo9ucb4x] {
    display: grid;
    gap: 1rem;
}

.tara-curvas-controls-grid[b-5mjo9ucb4x] {
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .9fr);
    align-items: start;
}

.tara-curvas-control-panel[b-5mjo9ucb4x] {
    display: grid;
    gap: .8rem;
    padding: .95rem 1rem;
    border: 1px solid color-mix(in srgb, var(--tara-border) 88%, var(--tara-primary) 10%);
    border-radius: calc(var(--tara-radius) - 2px);
    background: color-mix(in srgb, var(--tara-surface) 92%, white);
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-control-panel__header[b-5mjo9ucb4x] {
    display: grid;
    gap: .25rem;
}

.tara-curvas-control-panel__eyebrow[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
    font-size: .76rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tara-curvas-control-panel__header strong[b-5mjo9ucb4x] {
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-curvas-control-panel__header p[b-5mjo9ucb4x] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.4;
    max-width: 64ch;
}

.tara-curvas-compact-title[b-5mjo9ucb4x] {
    display: flex;
    align-items: center;
    gap: .25rem;
}

.tara-curvas-compact-title[b-5mjo9ucb4x]  .mud-button-root {
    color: var(--tara-text-muted);
}

.tara-curvas-launch-dialog[b-5mjo9ucb4x] {
    display: grid;
    gap: 1rem;
}

.tara-curvas-launch-dialog__intro strong[b-5mjo9ucb4x] {
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-curvas-launch-progress[b-5mjo9ucb4x] {
    display: grid;
    gap: .75rem;
    padding: .95rem 1rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    border-radius: calc(var(--tara-radius) - 2px);
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
}

.tara-curvas-launch-progress__copy[b-5mjo9ucb4x] {
    display: grid;
    gap: .22rem;
}

.tara-curvas-launch-progress__copy strong[b-5mjo9ucb4x] {
    color: var(--tara-text);
}

.tara-curvas-launch-progress__copy span[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-launch-error-actions[b-5mjo9ucb4x] {
    display: flex;
    justify-content: flex-start;
}

.tara-curvas-launch-section[b-5mjo9ucb4x] {
    display: grid;
    gap: .85rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--tara-border) 88%, var(--tara-primary) 10%);
    border-radius: calc(var(--tara-radius) - 2px);
    background: color-mix(in srgb, var(--tara-surface) 93%, white);
}

.tara-curvas-launch-section__head[b-5mjo9ucb4x] {
    display: flex;
    align-items: center;
    gap: .35rem;
}

.tara-curvas-launch-section__head strong[b-5mjo9ucb4x] {
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-curvas-launch-mode-picker[b-5mjo9ucb4x] {
    display: flex;
    gap: .65rem;
    flex-wrap: wrap;
}

.tara-curvas-launch-mode[b-5mjo9ucb4x] {
    appearance: none;
    border: 1px solid color-mix(in srgb, var(--tara-border) 84%, var(--tara-primary) 10%);
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-surface) 92%, white);
    color: var(--tara-text);
    min-height: 44px;
    padding: .65rem 1rem;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.tara-curvas-launch-mode:hover[b-5mjo9ucb4x] {
    border-color: color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border));
    transform: translateY(-1px);
}

.tara-curvas-launch-mode--active[b-5mjo9ucb4x] {
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 34%, var(--tara-border));
    color: var(--tara-primary-dark);
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-launch-support[b-5mjo9ucb4x] {
    display: grid;
    gap: .8rem;
}

.tara-curvas-product-filter[b-5mjo9ucb4x] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem 1rem;
    align-items: center;
    padding-top: .2rem;
    border-top: 1px solid color-mix(in srgb, var(--tara-border) 90%, var(--tara-primary) 8%);
}

.tara-curvas-product-filter__copy[b-5mjo9ucb4x] {
    display: grid;
    gap: .16rem;
}

.tara-curvas-product-filter__copy strong[b-5mjo9ucb4x] {
    color: var(--tara-text);
    font-size: .96rem;
}

.tara-curvas-product-filter__copy span:last-child[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
    line-height: 1.4;
}

.tara-curvas-view-panel[b-5mjo9ucb4x] {
    gap: 1rem;
}

.tara-curvas-view-panel__section[b-5mjo9ucb4x] {
    display: grid;
    gap: .7rem;
    padding: .85rem .9rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--tara-border) 90%, var(--tara-primary) 8%);
    background: color-mix(in srgb, var(--tara-surface) 88%, white);
}

.tara-curvas-view-panel__copy[b-5mjo9ucb4x] {
    display: grid;
    gap: .18rem;
}

.tara-curvas-view-panel__copy strong[b-5mjo9ucb4x] {
    color: var(--tara-text);
    font-size: .98rem;
}

.tara-curvas-view-panel__copy p[b-5mjo9ucb4x] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-filters > *[b-5mjo9ucb4x] {
    align-self: start;
}

.tara-curvas-filters__actions[b-5mjo9ucb4x] {
    display: flex;
    gap: .65rem;
    align-items: center;
    flex-wrap: wrap;
}

.tara-curvas-filters__actions--primary[b-5mjo9ucb4x] {
    padding-top: .25rem;
}

.tara-curvas-filters__actions--product[b-5mjo9ucb4x] {
    justify-content: flex-start;
}

.tara-curvas-catalog-state[b-5mjo9ucb4x] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .9rem 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
    color: var(--tara-text-muted);
}

.tara-curvas-catalog-state--error[b-5mjo9ucb4x] {
    display: grid;
    gap: .75rem;
}

.tara-curvas-catalog-state__actions[b-5mjo9ucb4x] {
    display: flex;
    justify-content: flex-start;
}

.tara-curvas-grid__toolbar-actions[b-5mjo9ucb4x] {
    display: flex;
    align-items: center;
    gap: .85rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.tara-curvas-header__actions--workspace-tools[b-5mjo9ucb4x] {
    justify-content: flex-end;
}

.tara-curvas-filter-pill[b-5mjo9ucb4x] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .28rem .72rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
    color: var(--tara-text-muted);
    font-size: .76rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.tara-curvas-preview[b-5mjo9ucb4x] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-preview--toggles[b-5mjo9ucb4x] {
    background: color-mix(in srgb, var(--tara-surface) 92%, white);
}

.tara-curvas-product-preview[b-5mjo9ucb4x] {
    display: flex;
    justify-content: space-between;
    gap: .85rem;
    align-items: flex-start;
    padding: .95rem 1rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
}

.tara-curvas-product-preview strong[b-5mjo9ucb4x],
.tara-curvas-product-preview span[b-5mjo9ucb4x] {
    display: block;
}

.tara-curvas-product-preview span[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-primary-cta[b-5mjo9ucb4x] {
    min-height: 52px;
    padding-inline: 1.2rem;
    font-weight: 800;
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-primary-cta[b-5mjo9ucb4x]  .mud-button-label,
.tara-curvas-primary-cta[b-5mjo9ucb4x]  .mud-icon-root {
    color: #fff;
}

.tara-curvas-report-toggles[b-5mjo9ucb4x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: .35rem .85rem;
    width: 100%;
}

.tara-curvas-report-toggles--cards[b-5mjo9ucb4x] {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: .7rem .9rem;
}

.tara-curvas-sort-actions[b-5mjo9ucb4x] {
    justify-content: flex-start;
    align-items: stretch;
}

.tara-curvas-sort-actions > *[b-5mjo9ucb4x] {
    min-height: 44px;
}

.tara-curvas-sort-option[b-5mjo9ucb4x] {
    border-radius: 999px;
    padding-inline: 1rem;
    font-weight: 700;
}

.tara-curvas-sort-option--active[b-5mjo9ucb4x] {
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-draft-card[b-5mjo9ucb4x] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem 1.1rem;
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface)),
            color-mix(in srgb, var(--tara-surface) 92%, white));
    border-color: color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    box-shadow: var(--tara-shadow);
}

.tara-curvas-draft-card__intro[b-5mjo9ucb4x],
.tara-curvas-draft-card__actions[b-5mjo9ucb4x] {
    display: grid;
    gap: .45rem;
}

.tara-curvas-draft-card__eyebrow[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tara-curvas-draft-card__intro strong[b-5mjo9ucb4x] {
    color: var(--tara-text);
    font-size: 1.02rem;
}

.tara-curvas-draft-card__intro p[b-5mjo9ucb4x] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.4;
}

.tara-curvas-draft-card__stats[b-5mjo9ucb4x] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.tara-curvas-draft-card__meta[b-5mjo9ucb4x] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem 1rem;
    color: var(--tara-text-muted);
    font-size: .86rem;
}

.tara-curvas-draft-stat[b-5mjo9ucb4x] {
    display: grid;
    gap: .2rem;
    padding: .9rem .95rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--tara-border) 86%, var(--tara-primary) 10%);
    background: color-mix(in srgb, var(--tara-surface) 88%, white);
}

.tara-curvas-draft-stat--accent[b-5mjo9ucb4x] {
    border-color: color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
}

.tara-curvas-draft-stat span[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 700;
}

.tara-curvas-draft-stat strong[b-5mjo9ucb4x] {
    color: var(--tara-text);
    font-size: 1.1rem;
}

.tara-curvas-primary-cta--draft[b-5mjo9ucb4x] {
    min-width: min(100%, 17rem);
    justify-self: end;
}

.tara-curvas-primary-cta--launch-dialog[b-5mjo9ucb4x] {
    min-width: min(100%, 16rem);
}

.tara-curvas-preview--draft strong[b-5mjo9ucb4x],
.tara-curvas-preview--draft span[b-5mjo9ucb4x] {
    display: block;
}

.tara-curvas-preview--draft span[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-grid[b-5mjo9ucb4x] {
    display: grid;
    gap: .75rem;
    padding: .95rem;
}

.tara-curvas-grid--products[b-5mjo9ucb4x] {
    gap: .85rem;
    background:
        linear-gradient(155deg,
            color-mix(in srgb, var(--tara-surface) 94%, white),
            color-mix(in srgb, var(--tara-primary) 3%, var(--tara-surface)));
    border-color: color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    box-shadow: var(--tara-shadow);
}

.tara-curvas-grid__toolbar[b-5mjo9ucb4x] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.tara-curvas-grid__toolbar--hero strong[b-5mjo9ucb4x] {
    display: block;
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-curvas-grid__eyebrow[b-5mjo9ucb4x] {
    display: inline-block;
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tara-curvas-grid__summary[b-5mjo9ucb4x] {
    display: grid;
    gap: .4rem;
    justify-items: end;
    align-self: center;
}

.tara-curvas-grid__summary span[b-5mjo9ucb4x] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .34rem .74rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    color: var(--tara-text-muted);
    font-size: .8rem;
    font-weight: 700;
}

.tara-curvas-grid__subtools[b-5mjo9ucb4x] {
    display: grid;
    gap: .7rem;
}

.tara-curvas-inline-card[b-5mjo9ucb4x],
.tara-curvas-inline-details[b-5mjo9ucb4x] {
    border: 1px solid color-mix(in srgb, var(--tara-border) 88%, var(--tara-primary) 9%);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 92%, white);
}

.tara-curvas-inline-card[b-5mjo9ucb4x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: .8rem .95rem;
}

.tara-curvas-inline-card strong[b-5mjo9ucb4x] {
    color: var(--tara-text);
    font-size: .95rem;
}

.tara-curvas-inline-details[b-5mjo9ucb4x] {
    overflow: hidden;
}

.tara-curvas-inline-details__summary[b-5mjo9ucb4x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: .8rem .95rem;
    cursor: pointer;
    list-style: none;
}

.tara-curvas-inline-details__summary[b-5mjo9ucb4x]::-webkit-details-marker {
    display: none;
}

.tara-curvas-inline-details__summary strong[b-5mjo9ucb4x] {
    display: block;
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-curvas-inline-details__summary span:last-child[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
    line-height: 1.45;
    text-align: right;
}

.tara-curvas-inline-details__body[b-5mjo9ucb4x] {
    padding: 0 .95rem .95rem;
}

.tara-curvas-config-label[b-5mjo9ucb4x] {
    color: var(--tara-text);
    font-size: .9rem;
}

.tara-curvas-empty-state[b-5mjo9ucb4x] {
    display: grid;
    justify-items: center;
    text-align: center;
    gap: 1rem;
    padding: clamp(2rem, 5vw, 3rem);
    border: 1px dashed color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
    border-radius: var(--tara-radius);
    background:
        radial-gradient(circle at top, color-mix(in srgb, var(--tara-primary) 8%, transparent), transparent 54%),
        color-mix(in srgb, var(--tara-surface) 94%, white);
}

.tara-curvas-empty-state--compact[b-5mjo9ucb4x] {
    padding-block: 2rem;
}

.tara-curvas-empty-state__icon[b-5mjo9ucb4x] {
    width: 4.25rem;
    height: 4.25rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    color: var(--tara-primary-dark);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
}

.tara-curvas-empty-state__icon[b-5mjo9ucb4x]  .mud-icon-root {
    font-size: 2rem;
}

.tara-curvas-empty-state__copy[b-5mjo9ucb4x] {
    display: grid;
    gap: .4rem;
    max-width: 38rem;
}

.tara-curvas-empty-state__eyebrow[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-curvas-empty-state__copy strong[b-5mjo9ucb4x] {
    color: var(--tara-text);
    font-size: clamp(1.15rem, 2vw, 1.45rem);
}

.tara-curvas-empty-state__copy p[b-5mjo9ucb4x] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.6;
}

.tara-curvas-loading-card[b-5mjo9ucb4x],
.tara-curvas-error-card[b-5mjo9ucb4x] {
    display: grid;
    gap: .85rem;
    padding: 1.1rem 1.15rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-loading-card[b-5mjo9ucb4x] {
    grid-template-columns: auto 1fr;
    align-items: center;
}

.tara-curvas-loading-card__icon[b-5mjo9ucb4x] {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
}

.tara-curvas-loading-card__copy[b-5mjo9ucb4x] {
    display: grid;
    gap: .25rem;
}

.tara-curvas-loading-card__copy strong[b-5mjo9ucb4x] {
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-curvas-loading-card__copy span[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
    line-height: 1.5;
}

.tara-curvas-error-card__actions[b-5mjo9ucb4x] {
    display: flex;
    justify-content: flex-start;
}

.tara-curvas-groups[b-5mjo9ucb4x] {
    display: grid;
    gap: 1rem;
}

.tara-curvas-group-card[b-5mjo9ucb4x] {
    display: grid;
    gap: .8rem;
    padding: 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--tara-surface) 95%, white),
            color-mix(in srgb, var(--tara-primary) 2.5%, var(--tara-surface)));
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-group-card__header[b-5mjo9ucb4x] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) auto;
    gap: 1rem;
    align-items: flex-start;
}

.tara-curvas-group-card__summary[b-5mjo9ucb4x] {
    display: grid;
    gap: .22rem;
}

.tara-curvas-group-card__status[b-5mjo9ucb4x] {
    display: flex;
    justify-content: flex-end;
}

.tara-curvas-group-card__header strong[b-5mjo9ucb4x],
.tara-curvas-group-card__header span[b-5mjo9ucb4x] {
    display: block;
}

.tara-curvas-group-card__header span[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-group-card__metrics[b-5mjo9ucb4x] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.tara-curvas-group-metric[b-5mjo9ucb4x] {
    display: grid;
    gap: .16rem;
    min-width: 5.75rem;
    padding: .8rem .85rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--tara-border) 86%, var(--tara-primary) 10%);
    background: color-mix(in srgb, var(--tara-surface) 88%, white);
}

.tara-curvas-group-metric--accent[b-5mjo9ucb4x] {
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
}

.tara-curvas-group-metric span[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.tara-curvas-group-metric strong[b-5mjo9ucb4x] {
    color: var(--tara-text);
    font-size: 1.05rem;
}

.tara-curvas-state-pill[b-5mjo9ucb4x] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: .3rem .8rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .03em;
    background: color-mix(in srgb, var(--tara-surface) 90%, white);
    color: var(--tara-text-muted);
}

.tara-curvas-state-pill--danger[b-5mjo9ucb4x] {
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
    color: var(--tara-primary-dark);
}

.tara-curvas-state-pill--success[b-5mjo9ucb4x] {
    background: color-mix(in srgb, var(--tara-success, #2e7d32) 10%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-success, #2e7d32) 22%, var(--tara-border));
    color: color-mix(in srgb, var(--tara-success, #2e7d32) 70%, var(--tara-text));
}

.tara-curvas-header__actions--group[b-5mjo9ucb4x] {
    grid-column: 1 / -1;
    justify-content: flex-start;
}

.tara-curvas-group-table[b-5mjo9ucb4x] {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}

.tara-curvas-group-table th[b-5mjo9ucb4x],
.tara-curvas-group-table td[b-5mjo9ucb4x] {
    padding: .65rem .75rem;
    border-bottom: 1px solid var(--tara-border);
    text-align: left;
}

.tara-curvas-table-shell[b-5mjo9ucb4x] {
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: calc(var(--tara-radius) - 2px);
    background: var(--tara-surface);
}

.tara-curvas-table-shell[b-5mjo9ucb4x]  thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
}

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

.tara-curvas-table-shell[b-5mjo9ucb4x]  tbody tr:hover {
    background: var(--tara-row-hover);
}

.tara-curvas-table-shell[b-5mjo9ucb4x]  .mud-table-cell:last-child {
    min-width: 8rem;
}

.tara-curvas-group-mobile[b-5mjo9ucb4x] {
    display: none;
    gap: .75rem;
}

.tara-curvas-group-mobile__card[b-5mjo9ucb4x] {
    display: grid;
    gap: .65rem;
    padding: .9rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
}

.tara-curvas-group-mobile__row[b-5mjo9ucb4x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
}

.tara-curvas-group-mobile__meta[b-5mjo9ucb4x] {
    display: grid;
    gap: .25rem;
    color: var(--tara-text-muted);
    font-size: .92rem;
    line-height: 1.4;
}

.tara-curvas-size-chip[b-5mjo9ucb4x],
.tara-curvas-metric-pill[b-5mjo9ucb4x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: .28rem .72rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    color: var(--tara-text);
    font-weight: 700;
    line-height: 1.1;
}

.tara-curvas-size-chip[b-5mjo9ucb4x] {
    min-width: 3rem;
}

.tara-curvas-metric-pill--muted[b-5mjo9ucb4x] {
    background: color-mix(in srgb, var(--tara-text) 4%, var(--tara-surface));
    border-color: var(--tara-border);
    color: var(--tara-text-muted);
}

.tara-curvas-draft-input-shell[b-5mjo9ucb4x],
.tara-curvas-group-mobile__draft[b-5mjo9ucb4x] {
    padding-top: .1rem;
}

.tara-curvas-group-mobile__draft[b-5mjo9ucb4x] {
    border-top: 1px solid var(--tara-border);
    padding-top: .7rem;
}

[b-5mjo9ucb4x] .mud-dialog {
    max-height: calc(100vh - 1.5rem);
}

[b-5mjo9ucb4x] .mud-dialog-content {
    overflow-x: hidden;
}

[b-5mjo9ucb4x] .tara-curvas-filters .mud-input-control,
[b-5mjo9ucb4x] .tara-curvas-filters .mud-select,
[b-5mjo9ucb4x] .tara-curvas-filters .mud-input,
[b-5mjo9ucb4x] .tara-curvas-filters .mud-autocomplete {
    width: 100%;
}

.tara-curvas-dialog-search[b-5mjo9ucb4x] {
    display: grid;
    gap: .85rem;
}

.tara-curvas-dialog-search--product[b-5mjo9ucb4x] {
    padding-top: .2rem;
}

.tara-curvas-search-hint[b-5mjo9ucb4x] {
    padding: .8rem .95rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    color: var(--tara-text-muted);
    line-height: 1.5;
}

.tara-curvas-search-hint--soft[b-5mjo9ucb4x] {
    background: color-mix(in srgb, var(--tara-text) 3%, var(--tara-surface));
    border-color: var(--tara-border);
}

.tara-curvas-dialog-results[b-5mjo9ucb4x] {
    display: grid;
    gap: .6rem;
    max-height: min(52vh, 26rem);
    overflow: auto;
}

.tara-curvas-dialog-state[b-5mjo9ucb4x] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    min-height: 7rem;
    padding: 1rem;
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-curvas-dialog-state--empty[b-5mjo9ucb4x] {
    line-height: 1.45;
}

.tara-curvas-search-result[b-5mjo9ucb4x] {
    display: grid;
    gap: .2rem;
    padding: .85rem .95rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    color: var(--tara-text);
    text-align: left;
    cursor: pointer;
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.tara-curvas-search-result:hover[b-5mjo9ucb4x] {
    border-color: var(--tara-primary);
    transform: translateY(-1px);
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-search-result strong[b-5mjo9ucb4x],
.tara-curvas-search-result span[b-5mjo9ucb4x] {
    display: block;
}

.tara-curvas-search-result span[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
    line-height: 1.4;
}

.tara-curvas-eval-panel[b-5mjo9ucb4x] {
    display: grid;
    gap: 1rem;
}

.tara-curvas-eval-options[b-5mjo9ucb4x] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}

.tara-curvas-eval-option[b-5mjo9ucb4x] {
    display: grid;
    gap: .35rem;
    padding: 1rem;
    text-align: left;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 92%, white);
    color: var(--tara-text);
    cursor: pointer;
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.tara-curvas-eval-option:hover[b-5mjo9ucb4x] {
    border-color: color-mix(in srgb, var(--tara-primary) 32%, var(--tara-border));
    box-shadow: var(--tara-shadow-sm);
    transform: translateY(-1px);
}

.tara-curvas-eval-option--active[b-5mjo9ucb4x] {
    border-color: color-mix(in srgb, var(--tara-primary) 42%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 9%, var(--tara-surface));
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-eval-option__title[b-5mjo9ucb4x] {
    font-size: .98rem;
    font-weight: 800;
}

.tara-curvas-eval-option__desc[b-5mjo9ucb4x],
.tara-curvas-eval-support__intro span[b-5mjo9ucb4x],
.tara-curvas-eval-support__curve-copy span[b-5mjo9ucb4x],
.tara-curvas-product-card__copy span[b-5mjo9ucb4x],
.tara-curvas-store-card__copy span[b-5mjo9ucb4x],
.tara-curvas-draft-product-card__copy span[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
    line-height: 1.45;
}

.tara-curvas-eval-support[b-5mjo9ucb4x],
.tara-curvas-eval-support__reference[b-5mjo9ucb4x],
.tara-curvas-eval-support__curve[b-5mjo9ucb4x],
.tara-curvas-eval-support__curve-copy[b-5mjo9ucb4x],
.tara-curvas-product-card[b-5mjo9ucb4x],
.tara-curvas-product-card__copy[b-5mjo9ucb4x],
.tara-curvas-product-card__stores[b-5mjo9ucb4x],
.tara-curvas-store-list[b-5mjo9ucb4x],
.tara-curvas-store-card[b-5mjo9ucb4x],
.tara-curvas-store-card__copy[b-5mjo9ucb4x],
.tara-curvas-draft-products[b-5mjo9ucb4x],
.tara-curvas-draft-product-card[b-5mjo9ucb4x],
.tara-curvas-draft-product-card__copy[b-5mjo9ucb4x],
.tara-curvas-draft-product-card__stores[b-5mjo9ucb4x],
.tara-curvas-collection-provider-group[b-5mjo9ucb4x] {
    display: grid;
    gap: .8rem;
}

.tara-curvas-eval-support[b-5mjo9ucb4x] {
    padding: .95rem 1rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 90%, white);
}

.tara-curvas-eval-support__intro strong[b-5mjo9ucb4x],
.tara-curvas-eval-support__curve-copy strong[b-5mjo9ucb4x],
.tara-curvas-product-card__copy strong[b-5mjo9ucb4x],
.tara-curvas-store-card__copy strong[b-5mjo9ucb4x],
.tara-curvas-draft-product-card__copy strong[b-5mjo9ucb4x] {
    color: var(--tara-text);
}

.tara-curvas-eval-support__curve[b-5mjo9ucb4x] {
    align-items: center;
    grid-template-columns: minmax(0, 1fr) auto;
}

.tara-curvas-eval-support__reference[b-5mjo9ucb4x] {
    grid-template-columns: minmax(0, 1fr);
}

.tara-curvas-reference-banner[b-5mjo9ucb4x] {
    display: grid;
    gap: .18rem;
    padding: .85rem .95rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
}

.tara-curvas-reference-banner span[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
    font-size: .76rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tara-curvas-reference-banner strong[b-5mjo9ucb4x] {
    color: var(--tara-text);
    font-size: .98rem;
}

.tara-curvas-transparency-panel[b-5mjo9ucb4x] {
    display: grid;
    gap: 1rem;
}

.tara-curvas-transparency-metrics[b-5mjo9ucb4x] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.tara-curvas-transparency-metrics--dialog[b-5mjo9ucb4x] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tara-curvas-transparency-actions[b-5mjo9ucb4x] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
}

.tara-curvas-products[b-5mjo9ucb4x] {
    display: grid;
    gap: 1rem;
}

.tara-curvas-product-card[b-5mjo9ucb4x] {
    padding: 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: linear-gradient(145deg,
        color-mix(in srgb, var(--tara-surface) 95%, white),
        color-mix(in srgb, var(--tara-primary) 3%, var(--tara-surface)));
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-product-card__header[b-5mjo9ucb4x],
.tara-curvas-store-card__header[b-5mjo9ucb4x] {
    display: grid;
    gap: .85rem;
}

.tara-curvas-product-card__summary[b-5mjo9ucb4x] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
}

.tara-curvas-product-card__chips[b-5mjo9ucb4x],
.tara-curvas-store-card__metrics[b-5mjo9ucb4x],
.tara-curvas-product-card__stores-head[b-5mjo9ucb4x],
.tara-curvas-draft-product-card__metrics[b-5mjo9ucb4x] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    align-items: center;
}

.tara-curvas-product-card__metrics[b-5mjo9ucb4x] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.tara-curvas-product-card__stores-head[b-5mjo9ucb4x] {
    justify-content: space-between;
}

.tara-curvas-store-card[b-5mjo9ucb4x] {
    padding: .95rem 1rem;
    border: 1px solid color-mix(in srgb, var(--tara-border) 88%, var(--tara-primary) 8%);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 92%, white);
}

.tara-curvas-draft-products-shell[b-5mjo9ucb4x] {
    gap: 1rem;
}

.tara-curvas-draft-product-card[b-5mjo9ucb4x] {
    padding: .95rem 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 92%, white);
}

.tara-curvas-collection-provider-group[b-5mjo9ucb4x] {
    padding: .9rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    border-radius: var(--tara-radius);
    background: color-mix(in srgb, var(--tara-surface) 94%, white);
}

.tara-curvas-collection-provider-group__head[b-5mjo9ucb4x],
.tara-curvas-draft-product-card__sources[b-5mjo9ucb4x] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    align-items: center;
    justify-content: space-between;
}

.tara-curvas-collection-provider-group__head span[b-5mjo9ucb4x] {
    color: var(--tara-text-muted);
    font-size: .88rem;
}

.tara-curvas-collection-provider-group__chips[b-5mjo9ucb4x] {
    display: flex;
    gap: .6rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tara-curvas-header__actions--group[b-5mjo9ucb4x] {
    margin-top: -.2rem;
}

.tara-curvas-scanner-backdrop[b-5mjo9ucb4x] {
    position: fixed;
    inset: 0;
    z-index: 1700;
    background: color-mix(in srgb, var(--tara-text) 78%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: max(1rem, env(safe-area-inset-top, 1rem))
             1rem
             max(1rem, env(safe-area-inset-bottom, 1rem))
             1rem;
}

.tara-curvas-scanner-modal[b-5mjo9ucb4x] {
    display: flex;
    flex-direction: column;
    width: min(480px, 96vw);
    max-height: 92dvh;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-lg, var(--tara-shadow));
    overflow: hidden;
}

.tara-curvas-scanner-header[b-5mjo9ucb4x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .8rem 1rem;
    border-bottom: 1px solid var(--tara-border-subtle, var(--tara-border));
}

.tara-curvas-scanner-title[b-5mjo9ucb4x] {
    font-size: .95rem;
    font-weight: 600;
    color: var(--tara-text);
}

.tara-curvas-scanner-close[b-5mjo9ucb4x] {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    border-radius: var(--tara-radius-sm);
    background: transparent;
    color: var(--tara-text-muted);
    cursor: pointer;
    transition: color var(--tara-transition), background var(--tara-transition);
}

.tara-curvas-scanner-close:hover[b-5mjo9ucb4x] {
    color: var(--tara-text);
    background: color-mix(in srgb, var(--tara-text) 8%, transparent);
}

.tara-curvas-scanner-close svg[b-5mjo9ucb4x] {
    width: 18px;
    height: 18px;
}

.tara-curvas-scanner-visor[b-5mjo9ucb4x] {
    position: relative;
    aspect-ratio: 4 / 3;
    background: #000;
    overflow: hidden;
    flex-shrink: 0;
}

.tara-curvas-scanner-video[b-5mjo9ucb4x] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.tara-curvas-scanner-guide[b-5mjo9ucb4x] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.tara-curvas-scanner-guide__frame[b-5mjo9ucb4x] {
    position: relative;
    width: 72%;
    height: 38%;
    border: 2px solid rgba(255, 255, 255, .65);
    border-radius: 6px;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, .38);
}

.tara-curvas-scanner-guide__frame[b-5mjo9ucb4x]::before,
.tara-curvas-scanner-guide__frame[b-5mjo9ucb4x]::after {
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    border-color: var(--tara-primary);
    border-style: solid;
}

.tara-curvas-scanner-guide__frame[b-5mjo9ucb4x]::before {
    top: -2px;
    left: -2px;
    border-width: 3px 0 0 3px;
    border-radius: 4px 0 0 0;
}

.tara-curvas-scanner-guide__frame[b-5mjo9ucb4x]::after {
    right: -2px;
    bottom: -2px;
    border-width: 0 3px 3px 0;
    border-radius: 0 0 4px 0;
}

.tara-curvas-scanner-guide__line[b-5mjo9ucb4x] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tara-curvas-scanner-guide__line[b-5mjo9ucb4x]::after {
    content: '';
    position: absolute;
    width: 72%;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--tara-primary), transparent);
    animation: tara-curvas-scanner-scan-b-5mjo9ucb4x 1.8s ease-in-out infinite;
}

@keyframes tara-curvas-scanner-scan-b-5mjo9ucb4x {
    0% { transform: translateY(-50px); opacity: 0; }
    15% { opacity: 1; }
    85% { opacity: 1; }
    100% { transform: translateY(50px); opacity: 0; }
}

.tara-curvas-scanner-footer[b-5mjo9ucb4x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .65rem;
    padding: .85rem 1.15rem 1rem;
    border-top: 1px solid var(--tara-border-subtle, var(--tara-border));
}

.tara-curvas-scanner-status[b-5mjo9ucb4x] {
    margin: 0;
    color: var(--tara-text-muted);
    text-align: center;
    line-height: 1.45;
    font-size: .82rem;
}

@media (max-width: 960px) {
    .tara-curvas-header[b-5mjo9ucb4x],
    .tara-curvas-preview[b-5mjo9ucb4x],
    .tara-curvas-group-card__header[b-5mjo9ucb4x],
    .tara-curvas-hero__main[b-5mjo9ucb4x],
    .tara-curvas-draft-card[b-5mjo9ucb4x] {
        flex-direction: column;
    }

    .tara-curvas-hero__main[b-5mjo9ucb4x],
    .tara-curvas-draft-card[b-5mjo9ucb4x],
    .tara-curvas-workspace-bar[b-5mjo9ucb4x],
    .tara-curvas-grid__toolbar-actions[b-5mjo9ucb4x] {
        display: grid;
    }

    .tara-curvas-kpi-strip[b-5mjo9ucb4x] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-curvas-draft-card[b-5mjo9ucb4x] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-primary-cta--draft[b-5mjo9ucb4x] {
        justify-self: stretch;
        min-width: 0;
    }

    .tara-curvas-group-card__header[b-5mjo9ucb4x] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-header__actions[b-5mjo9ucb4x] {
        width: 100%;
        justify-content: flex-start;
    }

    .tara-curvas-grid__toolbar[b-5mjo9ucb4x] {
        flex-direction: column;
    }

    .tara-curvas-grid__summary[b-5mjo9ucb4x] {
        width: 100%;
        justify-items: start;
    }

    .tara-curvas-controls-grid[b-5mjo9ucb4x] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-eval-options[b-5mjo9ucb4x],
    .tara-curvas-product-card__metrics[b-5mjo9ucb4x] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-product-card__summary[b-5mjo9ucb4x],
    .tara-curvas-eval-support__curve[b-5mjo9ucb4x],
    .tara-curvas-draft-product-card__validation[b-5mjo9ucb4x] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 780px) {
    .tara-curvas-loading-shell .tara-curvas-loading-card[b-5mjo9ucb4x] {
        grid-template-columns: 1fr;
        text-align: center;
        justify-items: center;
    }

    .tara-curvas-report-toggles[b-5mjo9ucb4x] {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    }

    .tara-curvas-shell[b-5mjo9ucb4x] {
        padding: .85rem;
    }

    .tara-curvas-filters[b-5mjo9ucb4x] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-launch-hero[b-5mjo9ucb4x] {
        min-height: 24rem;
        padding: 1.35rem 1rem;
    }

    .tara-curvas-launch-section__head[b-5mjo9ucb4x],
    .tara-curvas-launch-mode-picker[b-5mjo9ucb4x],
    .tara-curvas-grid__toolbar-actions[b-5mjo9ucb4x] {
        display: grid;
    }

    .tara-curvas-grid[b-5mjo9ucb4x] {
        padding: .8rem;
    }

    .tara-curvas-eval-options[b-5mjo9ucb4x] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-inline-card[b-5mjo9ucb4x],
    .tara-curvas-inline-details__summary[b-5mjo9ucb4x] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .tara-curvas-product-filter[b-5mjo9ucb4x] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-group-card[b-5mjo9ucb4x] {
        padding: .85rem;
    }

    .tara-curvas-draft-card__stats[b-5mjo9ucb4x] {
        grid-template-columns: 1fr 1fr;
    }

    .tara-curvas-product-preview[b-5mjo9ucb4x] {
        flex-direction: column;
    }

    .tara-curvas-header__actions > *[b-5mjo9ucb4x],
    .tara-curvas-filters__actions > *[b-5mjo9ucb4x],
    .tara-curvas-preview .tara-curvas-header__actions > *[b-5mjo9ucb4x] {
        flex: 1 1 100%;
    }

    .tara-curvas-preview--draft[b-5mjo9ucb4x],
    .tara-curvas-preview--toggles[b-5mjo9ucb4x] {
        position: static;
    }
}

@media (max-width: 760px) {
    .tara-curvas-group-card[b-5mjo9ucb4x] {
        gap: .9rem;
    }

    .tara-curvas-kpi-strip[b-5mjo9ucb4x],
    .tara-curvas-transparency-metrics[b-5mjo9ucb4x],
    .tara-curvas-draft-card__stats[b-5mjo9ucb4x],
    .tara-curvas-group-card__metrics[b-5mjo9ucb4x],
    .tara-curvas-product-card__metrics[b-5mjo9ucb4x] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-draft-card__meta[b-5mjo9ucb4x],
    .tara-curvas-collection-provider-group__head[b-5mjo9ucb4x],
    .tara-curvas-draft-product-card__sources[b-5mjo9ucb4x],
    .tara-curvas-collection-provider-group__chips[b-5mjo9ucb4x] {
        flex-direction: column;
        align-items: flex-start;
    }

    .tara-curvas-group-card__header .tara-curvas-header__actions[b-5mjo9ucb4x] {
        width: 100%;
    }

    .tara-curvas-group-card__status[b-5mjo9ucb4x] {
        justify-content: flex-start;
    }

    .tara-curvas-group-card__header .tara-curvas-header__actions > *[b-5mjo9ucb4x] {
        flex: 1 1 calc(50% - .5rem);
    }

    .tara-curvas-table-shell[b-5mjo9ucb4x] {
        display: none;
    }

    .tara-curvas-group-mobile[b-5mjo9ucb4x] {
        display: grid;
    }
}

@media (max-width: 520px) {
    .tara-curvas-report-toggles[b-5mjo9ucb4x] {
        grid-template-columns: 1fr 1fr;
    }

    .tara-curvas-report-toggles--cards[b-5mjo9ucb4x] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-launch-mode[b-5mjo9ucb4x] {
        width: 100%;
    }

    .tara-curvas-grid__summary span[b-5mjo9ucb4x] {
        width: 100%;
        justify-content: center;
    }

    .tara-curvas-transparency-actions > *[b-5mjo9ucb4x] {
        flex: 1 1 100%;
    }

    .tara-curvas-inline-details__body[b-5mjo9ucb4x] {
        padding-inline: .85rem;
    }

    .tara-curvas-primary-cta[b-5mjo9ucb4x] {
        min-height: 56px;
    }

    .tara-curvas-group-card__header .tara-curvas-header__actions > *[b-5mjo9ucb4x] {
        flex: 1 1 100%;
    }

    .tara-curvas-scanner-modal[b-5mjo9ucb4x] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tara-curvas-scanner-guide__line[b-5mjo9ucb4x]::after {
        animation: none;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenExistencias.razor.rz.scp.css */
.tara-exist-page[b-8116sw6jag] {
    --exist-layer-stock-bg: color-mix(in srgb, var(--tara-text) 92%, var(--tara-surface) 8%);
    --exist-layer-stock-border: color-mix(in srgb, var(--tara-text) 72%, var(--tara-border) 28%);
    --exist-layer-stock-text: var(--tara-text-inverse);
    --exist-layer-sale-bg: var(--tara-success);
    --exist-layer-sale-border: color-mix(in srgb, var(--tara-success) 78%, var(--tara-text) 22%);
    --exist-layer-sale-text: var(--tara-text-inverse);
    --exist-layer-return-bg: var(--tara-primary-dark);
    --exist-layer-return-border: color-mix(in srgb, var(--tara-primary-dark) 82%, var(--tara-text) 18%);
    --exist-layer-return-text: var(--tara-text-inverse);
    --exist-layer-purchase-bg: var(--tara-info);
    --exist-layer-purchase-border: color-mix(in srgb, var(--tara-info) 78%, var(--tara-text) 22%);
    --exist-layer-purchase-text: var(--tara-text-inverse);
    --exist-layer-transito-bg: color-mix(in srgb, var(--tara-success) 74%, var(--tara-surface) 26%);
    --exist-layer-transito-border: color-mix(in srgb, var(--tara-success) 82%, var(--tara-text) 18%);
    --exist-layer-transito-text: var(--tara-text-inverse);
    --exist-layer-bloqueado-bg: color-mix(in srgb, var(--tara-danger) 80%, var(--tara-surface) 20%);
    --exist-layer-bloqueado-border: color-mix(in srgb, var(--tara-danger) 84%, var(--tara-text) 16%);
    --exist-layer-bloqueado-text: var(--tara-text-inverse);
    --exist-layer-transfer-in-bg: color-mix(in srgb, var(--tara-info) 68%, var(--tara-success) 32%);
    --exist-layer-transfer-in-border: color-mix(in srgb, var(--tara-info) 72%, var(--tara-text) 28%);
    --exist-layer-transfer-in-text: var(--tara-text-inverse);
    --exist-layer-transfer-out-bg: color-mix(in srgb, var(--tara-warning) 78%, var(--tara-primary-dark) 22%);
    --exist-layer-transfer-out-border: color-mix(in srgb, var(--tara-warning) 74%, var(--tara-text) 26%);
    --exist-layer-transfer-out-text: var(--tara-text-inverse);
    --exist-layer-adjust-in-bg: color-mix(in srgb, var(--tara-info) 58%, var(--tara-surface-raised) 42%);
    --exist-layer-adjust-in-border: color-mix(in srgb, var(--tara-info) 68%, var(--tara-border) 32%);
    --exist-layer-adjust-in-text: var(--tara-text);
    --exist-layer-adjust-out-bg: color-mix(in srgb, var(--tara-warning) 60%, var(--tara-surface-raised) 40%);
    --exist-layer-adjust-out-border: color-mix(in srgb, var(--tara-warning) 74%, var(--tara-border) 26%);
    --exist-layer-adjust-out-text: var(--tara-text);
    --exist-layer-curva-bg: color-mix(in srgb, var(--tara-text-muted) 78%, var(--tara-surface-raised) 22%);
    --exist-layer-curva-border: color-mix(in srgb, var(--tara-text-muted) 62%, var(--tara-text) 38%);
    --exist-layer-curva-text: var(--tara-text-inverse);
    --exist-layer-pedido-bg: color-mix(in srgb, var(--tara-warning) 62%, var(--tara-primary-dark) 38%);
    --exist-layer-pedido-border: color-mix(in srgb, var(--tara-warning) 70%, var(--tara-primary-dark) 30%);
    --exist-layer-pedido-text: var(--tara-text-inverse);
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.tara-exist-page--embedded[b-8116sw6jag] {
    min-height: 0;
    padding-bottom: .35rem;
}

.tara-exist-page--embedded .tara-exist-header[b-8116sw6jag] {
    position: relative;
    top: auto;
    z-index: 1;
    background: var(--tara-surface);
}

.tara-exist-title-wrap__product[b-8116sw6jag] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--tara-text);
}

.tara-exist-title-wrap__barcode[b-8116sw6jag] {
    font-size: .83rem;
    color: var(--tara-text-muted);
}

.tara-exist-page--matrix-expanded[b-8116sw6jag] {
    position: relative;
}

.tara-exist-page--matrix-expanded .tara-exist-header[b-8116sw6jag],
.tara-exist-page--matrix-expanded .tara-exist-query-shell[b-8116sw6jag],
.tara-exist-page--matrix-expanded .tara-exist-busy[b-8116sw6jag],
.tara-exist-page--matrix-expanded .tara-exist-product-hero[b-8116sw6jag] {
    display: none;
}

.tara-exist-page--matrix-expanded .tara-exist-workspace[b-8116sw6jag],
.tara-exist-page--matrix-expanded .tara-exist-workspace-main[b-8116sw6jag] {
    display: block;
    min-height: 0;
}

.tara-exist-query-shell[b-8116sw6jag] {
    width: min(100%, 820px);
    align-self: center;
    padding: 1rem 1.1rem 1.05rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
    border-radius: 22px;
    background: var(--tara-surface);
    box-shadow: 0 18px 36px color-mix(in srgb, var(--tara-text) 8%, transparent);
}

.tara-exist-query-shell[b-8116sw6jag]  .tara-pro-search {
    margin-bottom: 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.tara-exist-query-shell--compact[b-8116sw6jag] {
    width: 100%;
    align-self: stretch;
    padding: .18rem .55rem;
    box-shadow: none;
    border-color: var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-surface) 70%, var(--tara-bg));
}

.tara-exist-embedded-state[b-8116sw6jag] {
    justify-items: start;
    gap: .7rem;
}

.tara-exist-query-shell--consulta[b-8116sw6jag] {
    margin-top: .25rem;
}

.tara-exist-page--embedded .tara-exist-query-shell--consulta[b-8116sw6jag] {
    width: 100%;
    align-self: stretch;
    margin-top: 0;
}

.tara-exist-query-shell--compact[b-8116sw6jag]  .tara-pro-search {
    padding: 3px 8px;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}

.tara-exist-query-shell--compact[b-8116sw6jag]  .tara-pro-search__title {
    display: none;
}

.tara-exist-query-hero[b-8116sw6jag] {
    display: grid;
    gap: .95rem;
    margin-bottom: .9rem;
}

.tara-exist-query-hero__head[b-8116sw6jag] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.tara-exist-query-hero__title[b-8116sw6jag] {
    display: grid;
    gap: .38rem;
    max-width: 620px;
}

.tara-exist-query-hero__eyebrow[b-8116sw6jag],
.tara-exist-sku-row-copy__eyebrow[b-8116sw6jag] {
    color: var(--tara-primary-dark);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-exist-query-hero__title h2[b-8116sw6jag] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -.03em;
}

.tara-exist-query-hero__title p[b-8116sw6jag] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .9rem;
    line-height: 1.45;
}

.tara-exist-query-hero__status[b-8116sw6jag] {
    display: grid;
    justify-items: end;
    gap: .45rem;
    flex: 0 0 auto;
}

.tara-exist-scanner-pill[b-8116sw6jag] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    min-height: 34px;
    padding: .36rem .78rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
    color: var(--tara-text);
    font-size: .8rem;
    font-weight: 800;
}

.tara-exist-scanner-pill--ready[b-8116sw6jag] {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-exist-command-hint[b-8116sw6jag] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 700;
}

.tara-exist-query-intent-chips[b-8116sw6jag] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.tara-exist-query-intent-chip[b-8116sw6jag] {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: .28rem .68rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-bg) 62%, var(--tara-surface));
    border: 1px solid var(--tara-border-subtle);
    color: var(--tara-text);
    font-size: .78rem;
    font-weight: 800;
}

.tara-exist-query-shell[b-8116sw6jag]  .tara-pro-search__title {
    margin-bottom: .58rem;
    color: var(--tara-text-muted);
}

.tara-exist-query-shell[b-8116sw6jag]  .tara-pro-search__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .7rem;
    margin-bottom: .55rem;
    max-width: 760px;
}

.tara-exist-query-shell[b-8116sw6jag]  .tara-pro-search__input {
    min-width: 0;
}

.tara-exist-query-shell[b-8116sw6jag]  .tara-pro-search__input .mud-input-control {
    margin-top: 0;
}

.tara-exist-query-shell[b-8116sw6jag]  .tara-pro-search__input .mud-input-slot {
    min-height: 58px;
    border-radius: 18px;
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-bg));
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--tara-text) 4%, transparent);
}

.tara-exist-query-shell[b-8116sw6jag]  .tara-pro-search__input input {
    font-size: clamp(1.05rem, 1.7vw, 1.28rem);
    font-weight: 700;
    letter-spacing: -.02em;
}

.tara-exist-query-shell[b-8116sw6jag]  .tara-pro-search__input input::placeholder {
    color: color-mix(in srgb, var(--tara-text-muted) 82%, white);
    font-weight: 500;
}

.tara-exist-query-shell[b-8116sw6jag]  .tara-pro-search__row .mud-icon-button {
    border-radius: 12px;
    border: 1px solid var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
}

.tara-exist-query-shell[b-8116sw6jag]  .tara-pro-search__hint {
    gap: .55rem;
    padding: .18rem 0 .12rem;
    font-size: .84rem;
}

.tara-exist-query-shell[b-8116sw6jag]  .tara-pro-search-progress-wrap {
    max-width: 760px;
    margin: .08rem 0 .55rem;
}

.tara-exist-query-shell[b-8116sw6jag]  .tara-pro-search-progress-text,
.tara-exist-query-shell[b-8116sw6jag]  .tara-pro-search__error,
.tara-exist-query-shell[b-8116sw6jag]  .tara-pro-search__empty,
.tara-exist-query-shell[b-8116sw6jag]  .tara-pro-search__loading {
    max-width: 760px;
}

.tara-exist-sku-row-shell[b-8116sw6jag] {
    display: grid;
    gap: .58rem;
    margin-top: .75rem;
    padding-top: .85rem;
    border-top: 1px solid color-mix(in srgb, var(--tara-primary) 8%, var(--tara-border));
}

.tara-exist-sku-row-copy[b-8116sw6jag] {
    display: grid;
    gap: .18rem;
}

.tara-exist-sku-row-copy p[b-8116sw6jag] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .8rem;
    line-height: 1.4;
}

.tara-exist-sku-row[b-8116sw6jag] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .65rem;
    align-items: center;
    max-width: 760px;
}

.tara-exist-sel-toolbar[b-8116sw6jag] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .42rem;
}

.tara-exist-sel-desc[b-8116sw6jag] {
    color: var(--tara-text);
    font-size: .92rem;
    font-weight: 700;
}

.tara-exist-layers-trigger[b-8116sw6jag] {
    min-height: 30px !important;
    padding-inline: .72rem !important;
    border-radius: 999px !important;
    font-size: .76rem !important;
    font-weight: 800 !important;
    white-space: nowrap;
}


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

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

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

.tara-exist-query-resolve-btn[b-8116sw6jag] {
    min-height: 58px !important;
    padding-inline: 1rem !important;
    border-radius: 16px !important;
    white-space: nowrap;
    font-size: .92rem !important;
    font-weight: 800 !important;
    box-shadow: var(--tara-shadow-sm) !important;
}

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

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

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

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

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

.tara-exist-query-input[b-8116sw6jag]  .mud-input-slot {
    min-height: 46px;
}

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

.tara-exist-header[b-8116sw6jag] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding-bottom: .58rem;
    margin-bottom: .74rem;
}

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

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

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

.tara-exist-clear-btn[b-8116sw6jag] {
    min-height: 38px !important;
    border-radius: 12px !important;
    color: var(--tara-text-muted) !important;
}

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

.tara-exist-query-mobile-actions[b-8116sw6jag] {
    display: none;
}

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

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

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

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

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

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

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

.tara-exist-filters-grid[b-8116sw6jag] {
    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-8116sw6jag] {
    min-width: 0;
}

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

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

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

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

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

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

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

.tara-exist-panel[b-8116sw6jag] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
    padding: .62rem .68rem;
    min-width: 0;
    transition: opacity .24s ease, transform .24s ease, box-shadow .24s ease;
}

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

.tara-exist-panel--hero[b-8116sw6jag] {
    padding: .72rem .78rem;
}

.tara-exist-panel--tabs[b-8116sw6jag] {
    padding: .56rem .64rem;
}

.tara-exist-matrix-toolbar[b-8116sw6jag] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .55rem;
    flex-wrap: wrap;
}

.tara-exist-matrix-toolbar__title[b-8116sw6jag] {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.tara-exist-matrix-toolbar__title strong[b-8116sw6jag] {
    color: var(--tara-text);
    font-size: .96rem;
    font-weight: 900;
    letter-spacing: -.02em;
}

.tara-exist-matrix-toolbar__title span[b-8116sw6jag] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    line-height: 1.35;
    font-weight: 700;
}

.tara-exist-expand-btn[b-8116sw6jag] {
    min-height: 34px !important;
    padding-inline: .78rem !important;
    border-radius: 10px !important;
    white-space: nowrap;
    flex-shrink: 0;
}

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

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

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

.tara-exist-panel-head[b-8116sw6jag] {
    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-8116sw6jag] {
    margin-bottom: .55rem;
}

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

.tara-exist-product-link[b-8116sw6jag] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--tara-text);
    cursor: pointer;
    text-align: left;
    transition: color .18s ease, opacity .18s ease;
}

.tara-exist-product-link:hover[b-8116sw6jag],
.tara-exist-product-link:focus-visible[b-8116sw6jag] {
    color: var(--tara-primary-dark);
    opacity: .96;
}

.tara-exist-product-link:focus-visible[b-8116sw6jag] {
    outline: 2px solid color-mix(in srgb, var(--tara-primary) 30%, transparent);
    outline-offset: 4px;
    border-radius: 6px;
}

.tara-exist-product-link__text[b-8116sw6jag] {
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.2;
}

.tara-exist-product-link[b-8116sw6jag]  .mud-icon-root {
    font-size: 1rem;
}

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

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

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

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

.tara-exist-price-chip[b-8116sw6jag] {
    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-8116sw6jag] {
    color: var(--tara-text-muted);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

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

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

.tara-exist-price-chip-discount[b-8116sw6jag] {
    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-8116sw6jag] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .72rem;
}

.tara-exist-hero-card[b-8116sw6jag],
.tara-exist-summary-item[b-8116sw6jag],
.tara-exist-info-block[b-8116sw6jag],
.tara-exist-price-card[b-8116sw6jag] {
    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-8116sw6jag] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
}

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

.tara-exist-price-trigger[b-8116sw6jag] {
    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-8116sw6jag],
.tara-exist-search-result:hover[b-8116sw6jag],
.tara-exist-price-option:hover[b-8116sw6jag],
.tara-exist-price-option--selected[b-8116sw6jag] {
    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-8116sw6jag] {
    display: grid;
    justify-items: start;
    gap: .12rem;
    text-align: left;
}

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

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

.tara-exist-price-trigger-indicator[b-8116sw6jag] {
    display: flex;
    align-items: center;
    gap: .25rem;
    color: var(--tara-text-muted);
}

.tara-exist-price-trigger-sub[b-8116sw6jag] {
    font-size: .75rem;
    font-weight: 700;
}

.tara-exist-price-trigger:hover .tara-exist-price-trigger-indicator[b-8116sw6jag] {
    color: var(--tara-primary-dark);
}

.tara-exist-label[b-8116sw6jag] {
    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-8116sw6jag] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .65rem;
}

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

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

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

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

.tara-exist-identifiers-band[b-8116sw6jag] {
    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-8116sw6jag] {
    display: inline-flex;
    align-items: center;
    margin-right: .15rem;
}

.tara-exist-identifier-pill[b-8116sw6jag] {
    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-8116sw6jag] {
    display: inline-flex;
    align-items: center;
    gap: .34rem;
}

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

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

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

.tara-exist-identifier-pill--style[b-8116sw6jag] {
    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-8116sw6jag],
.tara-exist-identifier-pill--style strong[b-8116sw6jag] {
    color: var(--tara-primary-dark);
}

.tara-exist-identifier-pill--brand[b-8116sw6jag] {
    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-8116sw6jag] {
    color: color-mix(in srgb, var(--tara-text) 72%, var(--tara-text-muted));
}

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

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

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

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

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

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

.tara-exist-detail-row[b-8116sw6jag] {
    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-8116sw6jag] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
}

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

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

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

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

.tara-exist-kpi[b-8116sw6jag] {
    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-8116sw6jag] {
    color: var(--tara-text-muted);
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

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

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

.tara-exist-image-btn[b-8116sw6jag] {
    width: 100%;
    height: 84px;
    min-height: 84px;
    max-height: 84px;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--tara-text) 8%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--tara-surface) 84%, white) 0%,
        color-mix(in srgb, var(--tara-surface) 70%, var(--tara-bg)) 100%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, white 78%, transparent);
    padding: 0;
    overflow: hidden;
    cursor: zoom-in;
}

.tara-exist-image[b-8116sw6jag] {
    width: 100%;
    height: 84px;
    max-height: 84px;
    object-fit: contain;
    object-position: center;
    border-radius: 0;
}

.tara-exist-image-empty[b-8116sw6jag] {
    height: 84px;
    min-height: 84px;
    max-height: 84px;
    display: grid;
    place-items: center;
    border: 1px dashed color-mix(in srgb, var(--tara-text) 10%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    color: var(--tara-text-muted);
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--tara-surface) 84%, white) 0%,
        color-mix(in srgb, var(--tara-surface) 72%, var(--tara-bg)) 100%);
}

.tara-exist-product-hero-side[b-8116sw6jag] {
    gap: 0;
    align-self: start;
}

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

.tara-exist-side-summary[b-8116sw6jag] {
    display: grid;
    gap: .46rem;
}

.tara-exist-layer-summary[b-8116sw6jag] {
    display: grid;
    gap: .38rem;
    padding: .48rem .56rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 74%, var(--tara-bg));
}

.tara-exist-layer-summary__head[b-8116sw6jag] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: .5rem;
}

.tara-exist-layer-summary__head > div:first-child[b-8116sw6jag] {
    display: grid;
    gap: .18rem;
}

.tara-exist-layer-summary__head strong[b-8116sw6jag] {
    display: block;
    color: var(--tara-text);
    font-size: .8rem;
    font-weight: 900;
}

.tara-exist-layer-summary__head span[b-8116sw6jag] {
    display: block;
    margin-top: .08rem;
    color: var(--tara-text-muted);
    font-size: .7rem;
    line-height: 1.25;
}

.tara-exist-layer-summary__action[b-8116sw6jag] {
    min-height: 32px !important;
    padding-inline: .72rem !important;
    border-radius: 999px !important;
    font-size: .76rem !important;
    font-weight: 800 !important;
    white-space: nowrap;
    flex: 0 0 auto;
}

.tara-exist-layer-summary__chips[b-8116sw6jag] {
    display: flex;
    flex-wrap: wrap;
    gap: .28rem;
    padding-top: .08rem;
}

.tara-exist-layer-summary__chip[b-8116sw6jag] {
    display: inline-flex;
    align-items: center;
    gap: .26rem;
    min-height: 1.68rem;
    padding: .22rem .54rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
    color: var(--tara-text);
    font-size: .68rem;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.2s ease;
}

.tara-exist-layer-toolbar[b-8116sw6jag] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: .5rem;
    min-height: 100%;
    min-width: 0;
}

.tara-exist-layer-toolbar--hero-row[b-8116sw6jag] {
    width: 100%;
    min-width: 0;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: .38rem;
    overflow-x: auto;
    scrollbar-width: thin;
    padding-bottom: .08rem;
}

.tara-exist-layer-toolbar--hero-row .tara-exist-variantes-chip[b-8116sw6jag] {
    flex: 0 0 auto;
}

.tara-exist-layer-summary__chips--hero[b-8116sw6jag] {
    display: flex;
    width: 100%;
    padding-top: 0;
    gap: .22rem;
    min-width: 0;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
}

.tara-exist-layer-summary__chips--hero .tara-exist-layer-summary__chip[b-8116sw6jag] {
    min-height: 1.5rem;
    padding: .16rem .46rem;
    font-size: .64rem;
    flex: 0 0 auto;
}

.tara-exist-layer-summary__chip:hover[b-8116sw6jag] {
    background: var(--tara-surface);
}

.tara-exist-layer-summary__chip.tara-exist-legend-dot--stock[b-8116sw6jag] {
    border-color: color-mix(in srgb, var(--tara-text) 20%, var(--tara-border));
}

.tara-exist-legend-dot--stock[b-8116sw6jag],
.tara-exist-layer-summary__chip.tara-exist-legend-dot--stock[b-8116sw6jag] {
    --exist-layer-bg: var(--exist-layer-stock-bg);
    --exist-layer-border: var(--exist-layer-stock-border);
    --exist-layer-text: var(--exist-layer-stock-text);
}

.tara-exist-legend-dot--sale[b-8116sw6jag],
.tara-exist-layer-summary__chip.tara-exist-legend-dot--sale[b-8116sw6jag],
[b-8116sw6jag] .tara-exist-stock-sale {
    --exist-layer-bg: var(--exist-layer-sale-bg);
    --exist-layer-border: var(--exist-layer-sale-border);
    --exist-layer-text: var(--exist-layer-sale-text);
}

.tara-exist-legend-dot--return[b-8116sw6jag],
.tara-exist-layer-summary__chip.tara-exist-legend-dot--return[b-8116sw6jag],
[b-8116sw6jag] .tara-exist-stock-return {
    --exist-layer-bg: var(--exist-layer-return-bg);
    --exist-layer-border: var(--exist-layer-return-border);
    --exist-layer-text: var(--exist-layer-return-text);
}

.tara-exist-legend-dot--purchase[b-8116sw6jag],
.tara-exist-layer-summary__chip.tara-exist-legend-dot--purchase[b-8116sw6jag],
[b-8116sw6jag] .tara-exist-stock-purchase {
    --exist-layer-bg: var(--exist-layer-purchase-bg);
    --exist-layer-border: var(--exist-layer-purchase-border);
    --exist-layer-text: var(--exist-layer-purchase-text);
}

.tara-exist-legend-dot--transito[b-8116sw6jag],
.tara-exist-layer-summary__chip.tara-exist-legend-dot--transito[b-8116sw6jag],
[b-8116sw6jag] .tara-exist-stock-transito {
    --exist-layer-bg: var(--exist-layer-transito-bg);
    --exist-layer-border: var(--exist-layer-transito-border);
    --exist-layer-text: var(--exist-layer-transito-text);
}

.tara-exist-legend-dot--bloqueado[b-8116sw6jag],
.tara-exist-layer-summary__chip.tara-exist-legend-dot--bloqueado[b-8116sw6jag],
[b-8116sw6jag] .tara-exist-stock-bloqueado {
    --exist-layer-bg: var(--exist-layer-bloqueado-bg);
    --exist-layer-border: var(--exist-layer-bloqueado-border);
    --exist-layer-text: var(--exist-layer-bloqueado-text);
}

.tara-exist-legend-dot--transfer-in[b-8116sw6jag],
.tara-exist-layer-summary__chip.tara-exist-legend-dot--transfer-in[b-8116sw6jag],
[b-8116sw6jag] .tara-exist-stock-transfer-in {
    --exist-layer-bg: var(--exist-layer-transfer-in-bg);
    --exist-layer-border: var(--exist-layer-transfer-in-border);
    --exist-layer-text: var(--exist-layer-transfer-in-text);
}

.tara-exist-legend-dot--transfer-out[b-8116sw6jag],
.tara-exist-layer-summary__chip.tara-exist-legend-dot--transfer-out[b-8116sw6jag],
[b-8116sw6jag] .tara-exist-stock-transfer-out {
    --exist-layer-bg: var(--exist-layer-transfer-out-bg);
    --exist-layer-border: var(--exist-layer-transfer-out-border);
    --exist-layer-text: var(--exist-layer-transfer-out-text);
}

.tara-exist-legend-dot--adjust-in[b-8116sw6jag],
.tara-exist-layer-summary__chip.tara-exist-legend-dot--adjust-in[b-8116sw6jag],
[b-8116sw6jag] .tara-exist-stock-adjust-in {
    --exist-layer-bg: var(--exist-layer-adjust-in-bg);
    --exist-layer-border: var(--exist-layer-adjust-in-border);
    --exist-layer-text: var(--exist-layer-adjust-in-text);
}

.tara-exist-legend-dot--adjust-out[b-8116sw6jag],
.tara-exist-layer-summary__chip.tara-exist-legend-dot--adjust-out[b-8116sw6jag],
[b-8116sw6jag] .tara-exist-stock-adjust-out {
    --exist-layer-bg: var(--exist-layer-adjust-out-bg);
    --exist-layer-border: var(--exist-layer-adjust-out-border);
    --exist-layer-text: var(--exist-layer-adjust-out-text);
}

.tara-exist-legend-dot--curva[b-8116sw6jag],
.tara-exist-layer-summary__chip.tara-exist-legend-dot--curva[b-8116sw6jag],
[b-8116sw6jag] .tara-exist-stock-curva {
    --exist-layer-bg: var(--exist-layer-curva-bg);
    --exist-layer-border: var(--exist-layer-curva-border);
    --exist-layer-text: var(--exist-layer-curva-text);
}

.tara-exist-legend-dot--pedido[b-8116sw6jag],
.tara-exist-layer-summary__chip.tara-exist-legend-dot--pedido[b-8116sw6jag],
[b-8116sw6jag] .tara-exist-stock-pedido {
    --exist-layer-bg: var(--exist-layer-pedido-bg);
    --exist-layer-border: var(--exist-layer-pedido-border);
    --exist-layer-text: var(--exist-layer-pedido-text);
}

.tara-exist-layer-summary__chip.tara-exist-legend-dot--sale.is-active[b-8116sw6jag] {
    background: var(--exist-layer-sale-bg);
    border-color: var(--exist-layer-sale-border);
    color: var(--exist-layer-sale-text);
}
.tara-exist-layer-summary__chip.tara-exist-legend-dot--sale:not(.is-active)[b-8116sw6jag] {
    border-color: var(--exist-layer-sale-border);
    color: var(--exist-layer-sale-bg);
}

.tara-exist-layer-summary__chip.tara-exist-legend-dot--return.is-active[b-8116sw6jag] {
    background: var(--exist-layer-return-bg);
    border-color: var(--exist-layer-return-border);
    color: var(--exist-layer-return-text);
}
.tara-exist-layer-summary__chip.tara-exist-legend-dot--return:not(.is-active)[b-8116sw6jag] {
    border-color: var(--exist-layer-return-border);
    color: var(--exist-layer-return-bg);
}

.tara-exist-layer-summary__chip.tara-exist-legend-dot--purchase.is-active[b-8116sw6jag] {
    background: var(--exist-layer-purchase-bg);
    border-color: var(--exist-layer-purchase-border);
    color: var(--exist-layer-purchase-text);
}
.tara-exist-layer-summary__chip.tara-exist-legend-dot--purchase:not(.is-active)[b-8116sw6jag] {
    border-color: var(--exist-layer-purchase-border);
    color: var(--exist-layer-purchase-bg);
}

.tara-exist-layer-summary__chip.tara-exist-legend-dot--transito.is-active[b-8116sw6jag] {
    background: var(--exist-layer-transito-bg);
    border-color: var(--exist-layer-transito-border);
    color: var(--exist-layer-transito-text);
}
.tara-exist-layer-summary__chip.tara-exist-legend-dot--transito:not(.is-active)[b-8116sw6jag] {
    border-color: var(--exist-layer-transito-border);
    color: var(--exist-layer-transito-bg);
}

.tara-exist-layer-summary__chip.tara-exist-legend-dot--bloqueado.is-active[b-8116sw6jag] {
    background: var(--exist-layer-bloqueado-bg);
    border-color: var(--exist-layer-bloqueado-border);
    color: var(--exist-layer-bloqueado-text);
}
.tara-exist-layer-summary__chip.tara-exist-legend-dot--bloqueado:not(.is-active)[b-8116sw6jag] {
    border-color: var(--exist-layer-bloqueado-border);
    color: var(--exist-layer-bloqueado-bg);
}

.tara-exist-layer-summary__chip.tara-exist-legend-dot--transfer-in.is-active[b-8116sw6jag] {
    background: var(--exist-layer-transfer-in-bg);
    border-color: var(--exist-layer-transfer-in-border);
    color: var(--exist-layer-transfer-in-text);
}
.tara-exist-layer-summary__chip.tara-exist-legend-dot--transfer-in:not(.is-active)[b-8116sw6jag] {
    border-color: var(--exist-layer-transfer-in-border);
    color: var(--exist-layer-transfer-in-bg);
}

.tara-exist-layer-summary__chip.tara-exist-legend-dot--transfer-out.is-active[b-8116sw6jag] {
    background: var(--exist-layer-transfer-out-bg);
    border-color: var(--exist-layer-transfer-out-border);
    color: var(--exist-layer-transfer-out-text);
}
.tara-exist-layer-summary__chip.tara-exist-legend-dot--transfer-out:not(.is-active)[b-8116sw6jag] {
    border-color: var(--exist-layer-transfer-out-border);
    color: var(--exist-layer-transfer-out-bg);
}
.tara-exist-layer-summary__chip.tara-exist-legend-dot--adjust-in.is-active[b-8116sw6jag] {
    background: var(--exist-layer-adjust-in-bg);
    border-color: var(--exist-layer-adjust-in-border);
    color: var(--exist-layer-adjust-in-text);
}
.tara-exist-layer-summary__chip.tara-exist-legend-dot--adjust-in:not(.is-active)[b-8116sw6jag] {
    border-color: var(--exist-layer-adjust-in-border);
    color: color-mix(in srgb, var(--exist-layer-adjust-in-border) 88%, var(--tara-text) 12%);
}
.tara-exist-layer-summary__chip.tara-exist-legend-dot--adjust-out.is-active[b-8116sw6jag] {
    background: var(--exist-layer-adjust-out-bg);
    border-color: var(--exist-layer-adjust-out-border);
    color: var(--exist-layer-adjust-out-text);
}
.tara-exist-layer-summary__chip.tara-exist-legend-dot--adjust-out:not(.is-active)[b-8116sw6jag] {
    border-color: var(--exist-layer-adjust-out-border);
    color: color-mix(in srgb, var(--exist-layer-adjust-out-border) 88%, var(--tara-text) 12%);
}
.tara-exist-layer-summary__chip.tara-exist-legend-dot--curva.is-active[b-8116sw6jag] {
    background: var(--exist-layer-curva-bg);
    border-color: var(--exist-layer-curva-border);
    color: var(--exist-layer-curva-text);
}
.tara-exist-layer-summary__chip.tara-exist-legend-dot--curva:not(.is-active)[b-8116sw6jag] {
    border-color: var(--exist-layer-curva-border);
    color: var(--exist-layer-curva-bg);
}
.tara-exist-layer-summary__chip.tara-exist-legend-dot--pedido.is-active[b-8116sw6jag] {
    background: var(--exist-layer-pedido-bg);
    border-color: var(--exist-layer-pedido-border);
    color: var(--exist-layer-pedido-text);
}
.tara-exist-layer-summary__chip.tara-exist-legend-dot--pedido:not(.is-active)[b-8116sw6jag] {
    border-color: var(--exist-layer-pedido-border);
    color: var(--exist-layer-pedido-bg);
}

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

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

.tara-exist-controls-bar[b-8116sw6jag] {
    display: flex;
    align-items: center;
    gap: .18rem .42rem;
    flex-wrap: wrap;
}

.tara-exist-controls-icons[b-8116sw6jag] {
    display: flex;
    align-items: center;
    gap: .25rem;
    flex-shrink: 0;
}

.tara-exist-controls-icons[b-8116sw6jag]  .mud-icon-button {
    width: 32px;
    height: 32px;
    padding: .28rem;
}

.tara-exist-controls-checks[b-8116sw6jag] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 .25rem;
    margin-left: auto;
}

.tara-exist-sales-layer[b-8116sw6jag] {
    display: grid;
    gap: .28rem;
    padding: .4rem .5rem .35rem;
    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-check[b-8116sw6jag] {
    margin: -.12rem 0;
}

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

.tara-exist-sales-legend--matrix[b-8116sw6jag] {
    justify-content: flex-start;
    font-size: .78rem;
}

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

.tara-exist-legend-dot[b-8116sw6jag] {
    width: .86rem;
    height: .86rem;
    display: inline-block;
    border-radius: 999px;
    border: 1px solid var(--exist-layer-border, var(--tara-border));
    background: var(--exist-layer-bg, var(--tara-surface));
}

.tara-exist-legend-dot--stock[b-8116sw6jag] {
    background: var(--exist-layer-bg);
    border-color: var(--exist-layer-border);
}

.tara-exist-matrix-guide[b-8116sw6jag] {
    display: grid;
    gap: .24rem;
    margin-bottom: .42rem;
}

.tara-exist-matrix-guide__topline[b-8116sw6jag] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .4rem .75rem;
}

.tara-exist-matrix-guide__topline--flat[b-8116sw6jag] {
    align-items: center;
    padding: .22rem 0;
    border-top: 1px solid color-mix(in srgb, var(--tara-text) 8%, var(--tara-border));
}

.tara-exist-matrix-guide__topline--semantic[b-8116sw6jag] {
    gap: .4rem;
    padding: 0 0 .08rem;
}

.tara-exist-matrix-overview[b-8116sw6jag] {
    display: grid;
    gap: .42rem;
    margin-bottom: .48rem;
    padding: .58rem .68rem;
    border: 1px solid color-mix(in srgb, var(--tara-text) 8%, var(--tara-border));
    border-radius: calc(var(--tara-radius) - 2px);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-surface) 96%, white) 0%,
            var(--tara-surface) 62%);
    box-shadow: 0 12px 24px color-mix(in srgb, var(--tara-text) 4%, transparent);
}

.tara-exist-matrix-overview__head[b-8116sw6jag] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .62rem;
    align-items: end;
}

.tara-exist-matrix-overview__copy[b-8116sw6jag] {
    display: grid;
    gap: .08rem;
}

.tara-exist-matrix-overview__copy strong[b-8116sw6jag] {
    color: var(--tara-text);
    font-size: .88rem;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -.02em;
}

.tara-exist-matrix-overview__copy span:last-child[b-8116sw6jag] {
    color: var(--tara-text-muted);
    font-size: .68rem;
    font-weight: 600;
}

.tara-exist-matrix-overview__callout[b-8116sw6jag] {
    display: inline-flex;
    align-items: baseline;
    gap: .42rem;
    min-width: 0;
    padding: .18rem 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.tara-exist-matrix-overview__callout span[b-8116sw6jag] {
    color: var(--tara-text-muted);
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-exist-matrix-overview__callout strong[b-8116sw6jag] {
    color: var(--tara-primary-dark);
    font-size: 1.34rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.03em;
}

.tara-exist-kpis--matrix[b-8116sw6jag] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .2rem .44rem;
    padding-top: .08rem;
}

.tara-exist-kpi--matrix[b-8116sw6jag] {
    min-height: auto;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .5rem;
    padding: .2rem 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.tara-exist-kpi--matrix span[b-8116sw6jag] {
    color: var(--tara-text-muted);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.tara-exist-kpi--matrix strong[b-8116sw6jag] {
    color: var(--tara-text);
    font-size: clamp(1rem, .96rem + .18vw, 1.14rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.04em;
    white-space: nowrap;
}

.tara-exist-kpi--matrix small[b-8116sw6jag] {
    display: none;
}

.tara-exist-kpi--stock[b-8116sw6jag],
.tara-exist-kpi--coverage[b-8116sw6jag],
.tara-exist-kpi--sizes[b-8116sw6jag],
.tara-exist-kpi--concentration[b-8116sw6jag] {
    background: transparent;
}

.tara-exist-layer-insights[b-8116sw6jag] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
    gap: .24rem .42rem;
    padding-top: .12rem;
}

.tara-exist-layer-insight[b-8116sw6jag] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .34rem .48rem;
    min-height: 40px;
    padding: .32rem .42rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--exist-layer-border, var(--tara-border)) 34%, var(--tara-border));
    background: color-mix(in srgb, var(--exist-layer-bg, var(--tara-surface)) 7%, var(--tara-surface));
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.tara-exist-layer-insight--action[b-8116sw6jag] {
    width: 100%;
    appearance: none;
    text-align: left;
    cursor: pointer;
}

.tara-exist-layer-insight--action:hover[b-8116sw6jag],
.tara-exist-layer-insight--action:focus-visible[b-8116sw6jag] {
    transform: translateY(-1px);
    box-shadow: var(--tara-shadow-md);
    border-color: color-mix(in srgb, var(--tara-primary) 34%, var(--exist-layer-border, var(--tara-border)));
    outline: none;
}

.tara-exist-layer-insight__head[b-8116sw6jag] {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    color: var(--tara-text-muted);
    font-size: .56rem;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
    min-height: 0;
    grid-column: 1 / 3;
}

.tara-exist-layer-insight strong[b-8116sw6jag] {
    color: var(--tara-text);
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    font-size: clamp(.88rem, .84rem + .08vw, .98rem);
    font-weight: 900;
    line-height: 1;
    margin-top: 0;
}

.tara-exist-layer-insight small[b-8116sw6jag] {
    grid-column: 2 / 4;
    margin-top: -.08rem;
    color: color-mix(in srgb, var(--tara-text) 74%, var(--tara-text-muted));
    font-size: .58rem;
    line-height: 1.12;
}

.tara-exist-layer-insight__period[b-8116sw6jag] {
    color: var(--tara-text-muted) !important;
    font-size: .68rem !important;
}

.tara-exist-layer-insight__loading[b-8116sw6jag] {
    display: grid;
    gap: .26rem;
    padding-top: .18rem;
}

.tara-exist-layer-insight__value--error[b-8116sw6jag] {
    color: var(--tara-primary-dark) !important;
}

.tara-exist-layer-insight--primary[b-8116sw6jag],
.tara-exist-layer-insight--secondary[b-8116sw6jag],
.tara-exist-layer-insight--tertiary[b-8116sw6jag] {
    opacity: 1;
    box-shadow: none;
}

.tara-exist-matrix-guide__topline--sections[b-8116sw6jag] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .36rem;
}

.tara-exist-legend-strip__label[b-8116sw6jag] {
    color: var(--tara-text-muted);
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.tara-exist-sales-legend--flat[b-8116sw6jag] {
    flex: 1 1 auto;
    justify-content: flex-start;
    gap: .32rem .58rem;
    font-size: .72rem;
}

.tara-exist-legend-family[b-8116sw6jag] {
    display: inline-flex;
    align-items: center;
    min-height: 1.45rem;
    padding: .16rem .48rem;
    border-radius: 999px;
    font-size: .6rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tara-exist-legend-family--availability[b-8116sw6jag] {
    color: color-mix(in srgb, var(--tara-success) 60%, var(--tara-text));
    background: color-mix(in srgb, var(--tara-success) 8%, var(--tara-surface));
}

.tara-exist-legend-family--movement[b-8116sw6jag] {
    color: color-mix(in srgb, var(--tara-warning) 52%, var(--tara-text));
    background: color-mix(in srgb, var(--tara-warning) 10%, var(--tara-surface));
}

.tara-exist-legend-family--planning[b-8116sw6jag] {
    color: color-mix(in srgb, var(--tara-text) 82%, var(--tara-text-muted));
    background: color-mix(in srgb, var(--tara-text) 6%, var(--tara-surface));
}

.tara-exist-matrix-band[b-8116sw6jag] {
    display: grid;
    gap: .34rem;
    margin-bottom: .4rem;
    padding: .48rem .62rem;
    border: 1px solid color-mix(in srgb, var(--tara-text) 8%, var(--tara-border));
    border-radius: calc(var(--tara-radius) - 2px);
    background: color-mix(in srgb, var(--tara-surface) 97%, white);
    box-shadow: 0 6px 14px color-mix(in srgb, var(--tara-text) 3%, transparent);
}

.tara-exist-matrix-band__section[b-8116sw6jag] {
    display: grid;
    gap: .44rem;
}

.tara-exist-matrix-band__section--layers[b-8116sw6jag] {
    padding-top: .3rem;
    border-top: 1px solid color-mix(in srgb, var(--tara-text) 8%, var(--tara-border));
}

.tara-exist-matrix-band__section-head[b-8116sw6jag] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    flex-wrap: wrap;
}

.tara-exist-matrix-band__copy[b-8116sw6jag] {
    display: grid;
    gap: .08rem;
}

.tara-exist-matrix-band__copy strong[b-8116sw6jag] {
    color: var(--tara-text);
    font-size: .76rem;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -.02em;
}

.tara-exist-matrix-band__copy span[b-8116sw6jag] {
    color: var(--tara-text-muted);
    font-size: .62rem;
    font-weight: 600;
    line-height: 1.3;
}

.tara-exist-matrix-band__metrics[b-8116sw6jag] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .14rem .4rem;
}

.tara-exist-matrix-band__metric[b-8116sw6jag] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .42rem;
    min-height: 1.7rem;
    padding: .1rem 0;
    border-bottom: 1px solid color-mix(in srgb, var(--tara-text) 7%, transparent);
}

.tara-exist-matrix-band__metric span[b-8116sw6jag] {
    color: var(--tara-text-muted);
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-exist-matrix-band__metric strong[b-8116sw6jag] {
    color: var(--tara-text);
    font-size: clamp(.9rem, .88rem + .12vw, 1rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.03em;
    white-space: nowrap;
}

.tara-exist-matrix-band__layers[b-8116sw6jag] {
    display: flex;
    flex-wrap: wrap;
    gap: .22rem .32rem;
}

.tara-exist-matrix-band__layer-pill[b-8116sw6jag] {
    display: inline-flex;
    align-items: center;
    gap: .18rem;
    border: 1px solid color-mix(in srgb, var(--exist-layer-border, var(--tara-border)) 34%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--exist-layer-bg, var(--tara-surface)) 8%, var(--tara-surface));
}

.tara-exist-matrix-band__layer-pill.is-active[b-8116sw6jag] {
    border-color: color-mix(in srgb, var(--exist-layer-border, var(--tara-border)) 68%, var(--tara-border));
    background: color-mix(in srgb, var(--exist-layer-bg, var(--tara-surface)) 18%, var(--tara-surface));
}

.tara-exist-matrix-band__layer-pill:not(.is-active)[b-8116sw6jag] {
    opacity: .68;
    background: var(--tara-surface);
}

.tara-exist-matrix-band__layer-pill-main[b-8116sw6jag] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    min-width: 0;
    padding: .24rem .42rem;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.tara-exist-matrix-band__layer-pill-main:hover[b-8116sw6jag],
.tara-exist-matrix-band__layer-pill-main:focus-visible[b-8116sw6jag] {
    background: color-mix(in srgb, var(--exist-layer-bg, var(--tara-surface)) 14%, var(--tara-surface));
    outline: none;
}

.tara-exist-matrix-band__layer-head[b-8116sw6jag] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    min-width: 0;
}

.tara-exist-matrix-band__layer-head span[b-8116sw6jag] {
    min-width: 0;
    color: var(--tara-text-muted);
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.tara-exist-matrix-band__layer-pill strong[b-8116sw6jag] {
    color: var(--tara-text);
    font-size: .8rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.03em;
}

.tara-exist-matrix-band__layer-pill-action[b-8116sw6jag] {
    width: 28px;
    min-width: 28px;
    height: 28px;
    margin-right: .18rem;
    border-radius: 10px !important;
    background: transparent;
}

.tara-exist-matrix-band__legend[b-8116sw6jag] {
    display: grid;
    gap: .2rem;
    padding-top: .08rem;
}

.tara-exist-matrix-band__legend-row[b-8116sw6jag] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .24rem .52rem;
}

.tara-exist-matrix-band__legend-row--families[b-8116sw6jag] {
    gap: .34rem;
}

.tara-exist-legend-group[b-8116sw6jag] {
    display: grid;
    gap: .26rem;
    min-width: 0;
    padding: .44rem .54rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--tara-text) 10%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 96%, var(--tara-bg));
}

.tara-exist-legend-group__title[b-8116sw6jag] {
    color: var(--tara-text);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.tara-exist-legend-group--primary[b-8116sw6jag] {
    border-color: color-mix(in srgb, var(--tara-primary) 15%, var(--tara-border));
    box-shadow: var(--tara-shadow-sm);
}

.tara-exist-legend-group--secondary[b-8116sw6jag] {
    opacity: .96;
}

.tara-exist-legend-group--tertiary[b-8116sw6jag] {
    opacity: .9;
}

.tara-exist-sales-legend--group[b-8116sw6jag] {
    gap: .38rem .7rem;
}

.tara-exist-matrix-categories[b-8116sw6jag] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.tara-exist-matrix-categories__chip[b-8116sw6jag] {
    display: inline-flex;
    align-items: center;
    min-height: 1.55rem;
    padding: .1rem .55rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    color: color-mix(in srgb, var(--tara-text) 85%, var(--tara-primary-dark));
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.tara-exist-variantes-chip[b-8116sw6jag] {
    display: inline-flex;
    align-items: center;
    padding: .06rem .38rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .02em;
    cursor: default;
}

.tara-exist-ventas-row[b-8116sw6jag] {
    display: flex;
    align-items: center;
    gap: .35rem;
    flex-wrap: wrap;
}

.tara-exist-ventas-row .tara-exist-sales-check[b-8116sw6jag] {
    flex-shrink: 0;
}

.tara-exist-ventas-row .tara-exist-sales-date[b-8116sw6jag] {
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
}

.tara-exist-ventas-row .tara-exist-sales-date[b-8116sw6jag]  .mud-input-control {
    margin: 0;
    min-width: 0;
}

.tara-exist-ventas-row .tara-exist-sales-date[b-8116sw6jag]  .mud-input-slot {
    min-height: 34px;
    min-width: 0;
}

.tara-exist-ventas-row .tara-exist-sales-date[b-8116sw6jag]  .mud-picker-input {
    min-width: 0;
}

.tara-exist-sales-load-btn[b-8116sw6jag] {
    min-height: 34px !important;
    padding-inline: .72rem !important;
    border-radius: 9px !important;
    white-space: nowrap;
    font-size: .76rem !important;
    font-weight: 700 !important;
    flex-shrink: 0;
}

.tara-exist-sales-load-btn--pending[b-8116sw6jag] {
    border-color: color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border)) !important;
    color: var(--tara-primary-dark) !important;
}

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

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

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

.tara-exist-sales-status[b-8116sw6jag] {
    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-8116sw6jag] {
    color: var(--tara-primary-dark);
}

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

.tara-exist-mobile-store-view[b-8116sw6jag] {
    display: none;
}

.tara-exist-mobile-hero-shell[b-8116sw6jag] {
    display: none;
}

.tara-exist-mobile-hero-card[b-8116sw6jag] {
    display: grid;
    gap: .5rem;
    width: 100%;
    box-sizing: border-box;
    padding: .62rem;
    border: 1px solid var(--tara-border);
    border-radius: 18px;
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-surface) 96%, white) 0%,
            color-mix(in srgb, var(--tara-surface) 90%, var(--tara-bg)) 100%);
    box-shadow: var(--tara-shadow-sm);
    transition: box-shadow .18s ease, transform .18s ease;
}

.tara-exist-mobile-hero-card__main[b-8116sw6jag] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .5rem;
    align-items: start;
}

.tara-exist-mobile-hero-thumb[b-8116sw6jag] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    padding: 0;
    border: 1px solid var(--tara-border-subtle);
    border-radius: 16px;
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
    overflow: hidden;
}

.tara-exist-mobile-hero-thumb--empty[b-8116sw6jag] {
    color: var(--tara-text-muted);
}

.tara-exist-mobile-hero-thumb__img[b-8116sw6jag] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tara-exist-mobile-hero-card__copy[b-8116sw6jag] {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.tara-exist-mobile-hero-card__copy strong[b-8116sw6jag] {
    color: var(--tara-text);
    font-size: .9rem;
    font-weight: 900;
    line-height: 1.08;
}

.tara-exist-mobile-hero-card__meta[b-8116sw6jag] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    color: var(--tara-text-muted);
    font-size: .68rem;
    font-weight: 800;
}

.tara-exist-mobile-hero-toggle[b-8116sw6jag] {
    grid-column: 1 / -1;
    justify-self: start;
    appearance: none;
    min-height: 2rem;
    padding: .42rem .72rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface);
    color: var(--tara-text);
    font: inherit;
    font-size: .73rem;
    font-weight: 800;
    cursor: pointer;
}

.tara-exist-mobile-hero-card__context[b-8116sw6jag] {
    display: grid;
    gap: .4rem;
}

.tara-exist-mobile-hero-field[b-8116sw6jag] {
    display: grid;
    gap: .16rem;
}

.tara-exist-mobile-hero-field label[b-8116sw6jag] {
    color: var(--tara-text-muted);
    font-size: .58rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.tara-exist-mobile-hero-select[b-8116sw6jag] {
    min-width: 0;
}

.tara-exist-mobile-hero-actions[b-8116sw6jag] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.tara-exist-mobile-hero-action-btn[b-8116sw6jag] {
    min-height: 2.1rem !important;
    padding-inline: .68rem !important;
    border-radius: 999px !important;
    font-size: .74rem !important;
    font-weight: 800 !important;
}

.tara-exist-mobile-summary[b-8116sw6jag] {
    display: grid;
    gap: .5rem;
    width: 100%;
    box-sizing: border-box;
    padding: .58rem .6rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-surface) 94%, white) 0%,
            color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg)) 100%);
    box-shadow: var(--tara-shadow-sm);
}

.tara-exist-mobile-summary__copy[b-8116sw6jag] {
    display: grid;
    gap: .08rem;
}

.tara-exist-mobile-summary__copy strong[b-8116sw6jag] {
    color: var(--tara-text);
    font-size: .88rem;
    font-weight: 900;
    line-height: 1.08;
}

.tara-exist-mobile-summary__metrics[b-8116sw6jag] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .28rem;
}

.tara-exist-mobile-summary__metrics--compact .tara-exist-mobile-summary__metric[b-8116sw6jag] {
    padding: .36rem .42rem;
}

.tara-exist-mobile-summary__metric[b-8116sw6jag] {
    display: grid;
    gap: .1rem;
    padding: .42rem .46rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
}

.tara-exist-mobile-summary__metric span[b-8116sw6jag] {
    color: var(--tara-text-muted);
    font-size: .57rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.tara-exist-mobile-summary__metric strong[b-8116sw6jag] {
    color: var(--tara-text);
    font-size: .84rem;
    font-weight: 900;
    line-height: 1.05;
}

.tara-exist-mobile-summary__foot[b-8116sw6jag] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .45rem;
    color: var(--tara-text-muted);
    font-size: .67rem;
    font-weight: 700;
}

.tara-exist-mobile-summary__actions[b-8116sw6jag] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .36rem;
}

.tara-exist-mobile-layer-strip[b-8116sw6jag] {
    display: flex;
    gap: .3rem;
    overflow-x: auto;
    padding-bottom: .08rem;
    scrollbar-width: thin;
}

.tara-exist-mobile-layer-strip--summary[b-8116sw6jag] {
    margin-top: -.04rem;
}

.tara-exist-mobile-layer-strip__trigger[b-8116sw6jag],
.tara-exist-mobile-layer-pill[b-8116sw6jag] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .26rem;
    min-height: 2rem;
    padding: .34rem .58rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
    color: var(--tara-text);
    font-size: .72rem;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.2s ease;
}

.tara-exist-mobile-layer-pill.is-active[b-8116sw6jag] {
    border-color: color-mix(in srgb, var(--exist-layer-border, var(--tara-border)) 56%, var(--tara-border));
    background: color-mix(in srgb, var(--exist-layer-bg, var(--tara-surface)) 14%, var(--tara-surface));
}

.tara-exist-mobile-layer-pill:not(.is-active)[b-8116sw6jag] {
    opacity: .68;
}

.tara-exist-mobile-layer-pill:hover[b-8116sw6jag] {
    background: var(--tara-surface);
}

.tara-exist-mobile-layer-strip__trigger[b-8116sw6jag] {
    cursor: pointer;
}

.tara-exist-mobile-toolbar[b-8116sw6jag] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr) auto;
    gap: .34rem;
}

.tara-exist-mobile-toolbar__field[b-8116sw6jag] {
    display: grid;
    gap: .16rem;
}

.tara-exist-mobile-toolbar__field label[b-8116sw6jag] {
    color: var(--tara-text-muted);
    font-size: .58rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.tara-exist-mobile-search[b-8116sw6jag],
.tara-exist-mobile-sort[b-8116sw6jag] {
    width: 100%;
    min-height: 2.3rem;
    padding: .5rem .62rem;
    border: 1px solid var(--tara-border);
    border-radius: 12px;
    background: var(--tara-surface);
    color: var(--tara-text);
    font-size: .86rem;
    font-weight: 700;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
}

.tara-exist-mobile-search[b-8116sw6jag]::placeholder {
    color: var(--tara-text-muted);
    font-weight: 600;
}

.tara-exist-mobile-toolbar__clear[b-8116sw6jag] {
    appearance: none;
    align-self: end;
    min-height: 2.3rem;
    padding: .5rem .72rem;
    border: 1px solid var(--tara-border);
    border-radius: 12px;
    background: var(--tara-surface);
    color: var(--tara-text-muted);
    font: inherit;
    font-size: .78rem;
    font-weight: 800;
    cursor: pointer;
}

.tara-exist-mobile-filters[b-8116sw6jag] {
    display: flex;
    flex-wrap: wrap;
    gap: .26rem;
}

.tara-exist-mobile-filter-chip[b-8116sw6jag],
.tara-exist-mobile-ghost-btn[b-8116sw6jag],
.tara-exist-mobile-action-btn[b-8116sw6jag],
.tara-exist-mobile-more-btn[b-8116sw6jag] {
    appearance: none;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface);
    color: var(--tara-text);
    font: inherit;
    font-size: .74rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

.tara-exist-mobile-filter-chip[b-8116sw6jag] {
    padding: .42rem .6rem;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
}

.tara-exist-mobile-filter-chip--active[b-8116sw6jag] {
    background: var(--tara-primary-dark);
    border-color: var(--tara-primary-dark);
    color: white;
}

.tara-exist-mobile-ghost-btn[b-8116sw6jag] {
    padding: .38rem .58rem;
}

.tara-exist-mobile-store-list[b-8116sw6jag] {
    display: grid;
    gap: .5rem;
}

.tara-exist-mobile-focus-shell[b-8116sw6jag] {
    display: grid;
    gap: .5rem;
}

.tara-exist-mobile-focus-toolbar[b-8116sw6jag] {
    display: grid;
    gap: .46rem;
    padding: .68rem .74rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-radius: var(--tara-radius);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-surface) 95%, white) 0%,
            color-mix(in srgb, var(--tara-surface) 90%, var(--tara-bg)) 100%);
    box-shadow: var(--tara-shadow-sm);
}

.tara-exist-mobile-focus-toolbar__copy[b-8116sw6jag] {
    display: grid;
    gap: .18rem;
}

.tara-exist-mobile-focus-toolbar__copy strong[b-8116sw6jag] {
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.08;
}

.tara-exist-mobile-focus-toolbar__copy span:last-child[b-8116sw6jag] {
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 700;
}

.tara-exist-mobile-focus-toolbar__actions[b-8116sw6jag] {
    display: flex;
    flex-wrap: wrap;
    gap: .34rem;
}

.tara-exist-mobile-focus-toolbar__actions .tara-exist-mobile-ghost-btn[disabled][b-8116sw6jag] {
    cursor: default;
    opacity: .45;
}

.tara-exist-mobile-focus-kpis[b-8116sw6jag] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .34rem;
}

.tara-exist-mobile-focus-kpis div[b-8116sw6jag] {
    display: grid;
    gap: .16rem;
    padding: .44rem .48rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: 12px;
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
}

.tara-exist-mobile-focus-kpis span[b-8116sw6jag] {
    color: var(--tara-text-muted);
    font-size: .6rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.tara-exist-mobile-focus-kpis strong[b-8116sw6jag] {
    color: var(--tara-text);
    font-size: .88rem;
    font-weight: 900;
    line-height: 1.05;
}

.tara-exist-mobile-focus-sizes[b-8116sw6jag] {
    display: flex;
    gap: .34rem;
    overflow-x: auto;
    padding-bottom: .14rem;
    scrollbar-width: thin;
}

.tara-exist-mobile-focus-size-chip[b-8116sw6jag] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.35rem;
    padding: .46rem .62rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface);
    color: var(--tara-text);
    font-size: .74rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
}

.tara-exist-mobile-store-card[b-8116sw6jag] {
    display: grid;
    gap: .58rem;
    width: 100%;
    box-sizing: border-box;
    padding: .72rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.tara-exist-mobile-store-card--expanded[b-8116sw6jag] {
    border-color: color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
}

.tara-exist-mobile-store-card--focused[b-8116sw6jag] {
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    box-shadow: var(--tara-shadow);
}

.tara-exist-mobile-store-card__head[b-8116sw6jag] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .62rem;
}

.tara-exist-mobile-store-card__head-side[b-8116sw6jag] {
    display: grid;
    justify-items: end;
    gap: .34rem;
}

.tara-exist-mobile-store-card__favorite-tools[b-8116sw6jag] {
    display: flex;
    align-items: center;
    gap: .28rem;
}

.tara-exist-mobile-icon-toggle[b-8116sw6jag] {
    appearance: none;
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface);
    color: var(--tara-text-muted);
    font: inherit;
    font-size: .92rem;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, color .18s ease, border-color .18s ease;
}

.tara-exist-mobile-icon-toggle--active[b-8116sw6jag] {
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    color: var(--tara-primary-dark);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
}

.tara-exist-mobile-store-card__title[b-8116sw6jag] {
    display: grid;
    gap: .15rem;
}

.tara-exist-mobile-store-card__title strong[b-8116sw6jag] {
    color: var(--tara-text);
    font-size: .94rem;
    font-weight: 900;
    line-height: 1.15;
}

.tara-exist-mobile-store-card__title span[b-8116sw6jag],
.tara-exist-mobile-store-card__total span[b-8116sw6jag] {
    color: var(--tara-text-muted);
    font-size: .68rem;
    font-weight: 700;
    line-height: 1.3;
}

.tara-exist-mobile-store-card__total[b-8116sw6jag] {
    display: grid;
    gap: .14rem;
    justify-items: end;
    text-align: right;
}

.tara-exist-mobile-store-card__total strong[b-8116sw6jag] {
    color: var(--tara-text);
    font-size: 1.06rem;
    font-weight: 900;
    line-height: 1.04;
    letter-spacing: -.03em;
}

.tara-exist-mobile-store-card__tags[b-8116sw6jag],
.tara-exist-mobile-store-card__kpis[b-8116sw6jag],
.tara-exist-mobile-store-card__actions[b-8116sw6jag] {
    display: flex;
    flex-wrap: wrap;
    gap: .34rem;
}

.tara-exist-mobile-store-card__kpis span[b-8116sw6jag] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    padding: .28rem .48rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-bg) 62%, white);
    color: var(--tara-text-muted);
    font-size: .68rem;
    font-weight: 800;
}

.tara-exist-mobile-store-card__kpis strong[b-8116sw6jag] {
    color: var(--tara-text);
    font-size: .74rem;
    font-weight: 900;
}

.tara-exist-mobile-store-tag[b-8116sw6jag] {
    display: inline-flex;
    align-items: center;
    padding: .28rem .5rem;
    border-radius: 999px;
    font-size: .66rem;
    font-weight: 800;
    line-height: 1;
    border: 1px solid color-mix(in srgb, var(--tara-border) 76%, white);
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
    color: var(--tara-text-muted);
}

.tara-exist-mobile-store-tag--stock[b-8116sw6jag] {
    color: var(--tara-primary-dark);
}

.tara-exist-mobile-store-tag--sale[b-8116sw6jag] {
    color: #15803d;
}

.tara-exist-mobile-store-tag--purchase[b-8116sw6jag] {
    color: #1d4ed8;
}

.tara-exist-mobile-store-tag--empty[b-8116sw6jag],
.tara-exist-mobile-store-tag--quiet[b-8116sw6jag] {
    color: var(--tara-text-muted);
}

.tara-exist-mobile-action-btn[b-8116sw6jag] {
    padding: .5rem .68rem;
}

.tara-exist-mobile-action-btn--ghost[b-8116sw6jag],
.tara-exist-mobile-more-btn[b-8116sw6jag] {
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
}

.tara-exist-mobile-more-btn[b-8116sw6jag] {
    justify-self: flex-start;
    padding: .46rem .72rem;
}

.tara-exist-mobile-size-matrix[b-8116sw6jag] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .42rem;
}

.tara-exist-mobile-size-tile[b-8116sw6jag] {
    display: grid;
    grid-template-rows: auto minmax(1.65rem, auto) auto;
    gap: .26rem;
    min-height: 7.15rem;
    padding: .56rem .54rem .52rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: 16px;
    background: color-mix(in srgb, var(--tara-surface) 90%, var(--tara-bg));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
}

.tara-exist-mobile-size-tile--stocked[b-8116sw6jag] {
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg)) 0%,
            color-mix(in srgb, var(--tara-surface) 96%, white) 100%);
    border-color: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
}

.tara-exist-mobile-size-tile--empty[b-8116sw6jag] {
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tara-surface) 80%, var(--tara-bg)) 0%,
            color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg)) 100%);
}

.tara-exist-mobile-size-tile__head[b-8116sw6jag] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.tara-exist-mobile-size-tile__label[b-8116sw6jag] {
    color: var(--tara-text-muted);
    font-size: .66rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.tara-exist-mobile-size-tile__stock[b-8116sw6jag] {
    color: var(--tara-text);
    align-self: center;
    justify-self: center;
    font-size: 1.52rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.05em;
}

.tara-exist-mobile-size-tile__chips[b-8116sw6jag] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-start;
    gap: .24rem;
    align-self: end;
    min-height: 1.4rem;
}

.tara-exist-mobile-summary-top[b-8116sw6jag] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .24rem;
    align-items: start;
}

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

.tara-exist-mobile-price strong[b-8116sw6jag] {
    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-8116sw6jag] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .7rem;
}

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

.tara-exist-mobile-focus-bottom-bar[b-8116sw6jag] {
    display: none;
}

.tara-exist-context-chip[b-8116sw6jag] {
    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-8116sw6jag] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    max-height: 70vh;
    overflow: auto;
    scrollbar-gutter: stable both-edges;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-exist-matrix-stage[b-8116sw6jag] {
    display: grid;
    gap: .38rem;
}

.tara-exist-matrix-stage__bar[b-8116sw6jag] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .55rem;
    padding: 0 0 .4rem;
    border-bottom: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    background: var(--tara-surface);
}

.tara-exist-matrix-stage__title[b-8116sw6jag] {
    display: grid;
    gap: .14rem;
}

.tara-exist-matrix-stage__title strong[b-8116sw6jag] {
    color: var(--tara-text);
    font-size: .92rem;
    font-weight: 900;
    line-height: 1.08;
}

.tara-exist-matrix-stage__title span[b-8116sw6jag] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 700;
}

.tara-exist-matrix-stage__legend[b-8116sw6jag] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .2rem .52rem;
    padding: .42rem .1rem 0;
    color: color-mix(in srgb, var(--tara-text) 78%, var(--tara-text-muted));
    font-size: .7rem;
    font-weight: 800;
    line-height: 1;
}

.tara-exist-matrix-stage__legend span[b-8116sw6jag] {
    display: inline-flex;
    align-items: center;
    gap: .24rem;
}

.tara-exist-page--matrix-expanded .tara-exist-matrix-stage--expanded[b-8116sw6jag] {
    position: fixed;
    inset: 64px 0 0;
    z-index: 1250;
    display: flex;
    flex-direction: column;
    gap: .55rem;
    width: 100vw;
    height: calc(100dvh - 64px);
    padding: .7rem .9rem .9rem;
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-lg);
}

.tara-exist-page--embedded.tara-exist-page--matrix-expanded[b-8116sw6jag] {
    min-height: 0;
    height: min(78vh, calc(100dvh - 8rem));
}

.tara-exist-page--embedded.tara-exist-page--matrix-expanded .tara-exist-workspace[b-8116sw6jag],
.tara-exist-page--embedded.tara-exist-page--matrix-expanded .tara-exist-workspace-main[b-8116sw6jag],
.tara-exist-page--embedded.tara-exist-page--matrix-expanded .tara-exist-panel--tabs[b-8116sw6jag],
.tara-exist-page--embedded.tara-exist-page--matrix-expanded[b-8116sw6jag]  .tara-exist-tabs,
.tara-exist-page--embedded.tara-exist-page--matrix-expanded[b-8116sw6jag]  .mud-tabs-panels,
.tara-exist-page--embedded.tara-exist-page--matrix-expanded[b-8116sw6jag]  .mud-tab-panel {
    min-height: 0;
    height: 100%;
}

.tara-exist-page--embedded.tara-exist-page--matrix-expanded .tara-exist-matrix-stage--expanded[b-8116sw6jag] {
    position: relative;
    inset: auto;
    z-index: auto;
    width: 100%;
    height: 100%;
    max-height: none;
    min-height: min(62vh, calc(100dvh - 14rem));
    padding: .2rem 0 0;
    background: transparent;
    box-shadow: none;
}

.tara-exist-page--matrix-expanded .tara-exist-matrix-toolbar[b-8116sw6jag],
.tara-exist-page--matrix-expanded[b-8116sw6jag]  .tara-exist-tabs .mud-tabs-tabbar,
.tara-exist-page--matrix-expanded[b-8116sw6jag]  .tara-exist-tabs .mud-tabs-slider,
.tara-exist-page--matrix-expanded[b-8116sw6jag]  .tara-exist-tabs .mud-tabs-tabbar-wrapper {
    display: none !important;
}

.tara-exist-page--matrix-expanded .tara-exist-matrix-stage--expanded .tara-exist-table-wrap[b-8116sw6jag] {
    flex: 1;
    min-height: 0;
    max-height: none;
    height: auto;
    overflow: auto;
    overscroll-behavior: contain;
}

.tara-exist-page--embedded.tara-exist-page--matrix-expanded .tara-exist-matrix-stage--expanded .tara-exist-table-wrap[b-8116sw6jag] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

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

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

[b-8116sw6jag] .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: .88rem;
    font-weight: 900;
    letter-spacing: .02em;
    padding-top: .5rem;
    padding-bottom: .5rem;
    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-8116sw6jag] .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);
    font-size: .92rem;
    font-weight: 900;
    border-left: 1.5px solid color-mix(in srgb, var(--tara-primary) 38%, var(--tara-border));
}

[b-8116sw6jag] .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-8116sw6jag] .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-8116sw6jag] .tara-exist-table .mud-table-body .mud-table-row:hover,
[b-8116sw6jag] .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-8116sw6jag] .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-8116sw6jag] .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-8116sw6jag] .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-8116sw6jag] .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-8116sw6jag] .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));
    bottom: 0;
    z-index: 7;
    box-shadow: 0 -1px 0 color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
}

[b-8116sw6jag] .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-8116sw6jag] {
    display: grid;
    grid-template-rows: minmax(1.34rem, auto) minmax(1.18rem, auto);
    grid-template-columns: minmax(3.2rem, 1fr);
    align-items: start;
    justify-items: stretch;
    row-gap: .26rem;
    min-width: 4.2rem;
    min-height: 3rem;
    line-height: 1.08;
}

.tara-exist-stock-main[b-8116sw6jag] {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: start;
    display: inline-block;
    min-height: 1.24rem;
    padding-right: .1rem;
    font-size: 1.18rem;
    color: var(--tara-text);
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-exist-stock-meta[b-8116sw6jag] {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: stretch;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: .22rem;
    min-height: 1.12rem;
    max-width: 100%;
    font-size: .74rem;
    font-weight: 900;
    line-height: 1;
    opacity: .92;
}

[b-8116sw6jag] .tara-exist-stock-sale,
[b-8116sw6jag] .tara-exist-stock-return,
[b-8116sw6jag] .tara-exist-stock-purchase,
[b-8116sw6jag] .tara-exist-stock-transito,
[b-8116sw6jag] .tara-exist-stock-bloqueado,
[b-8116sw6jag] .tara-exist-stock-transfer-in,
[b-8116sw6jag] .tara-exist-stock-transfer-out,
[b-8116sw6jag] .tara-exist-stock-adjust-in,
[b-8116sw6jag] .tara-exist-stock-adjust-out,
[b-8116sw6jag] .tara-exist-stock-curva,
[b-8116sw6jag] .tara-exist-stock-pedido {
    min-width: 1.78rem;
    min-height: 1.48rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 .42rem;
    border-radius: 999px;
    color: var(--tara-header-text);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: 0;
    font-variant-numeric: tabular-nums;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    border: 1px solid var(--exist-layer-border, var(--tara-border));
    background: var(--exist-layer-bg, var(--tara-surface));
    color: var(--exist-layer-text, var(--tara-header-text));
}

[b-8116sw6jag] .tara-exist-stock-chip-btn {
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
    font: inherit;
    transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

[b-8116sw6jag] .tara-exist-stock-chip-btn:hover {
    transform: translateY(-1px);
    filter: saturate(1.05);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .16);
}

[b-8116sw6jag] .tara-exist-stock-chip-btn:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--tara-primary) 55%, white);
    outline-offset: 1px;
}

[b-8116sw6jag] .tara-exist-stock-sale,
[b-8116sw6jag] .tara-exist-stock-return,
[b-8116sw6jag] .tara-exist-stock-purchase,
[b-8116sw6jag] .tara-exist-stock-transito,
[b-8116sw6jag] .tara-exist-stock-bloqueado {
    order: 1;
}

[b-8116sw6jag] .tara-exist-stock-transfer-in,
[b-8116sw6jag] .tara-exist-stock-transfer-out,
[b-8116sw6jag] .tara-exist-stock-adjust-in,
[b-8116sw6jag] .tara-exist-stock-adjust-out {
    order: 2;
    opacity: .92;
}

[b-8116sw6jag] .tara-exist-stock-curva,
[b-8116sw6jag] .tara-exist-stock-pedido {
    order: 3;
    opacity: .84;
    box-shadow: none;
}

[b-8116sw6jag] .tara-exist-table .mud-table-cell.tara-exist-cell-qty--totalcol {
    position: sticky;
    right: 0;
    z-index: 4;
    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-8116sw6jag] .tara-exist-table .mud-table-cell.tara-exist-cell-qty--totalrow {
    position: sticky;
    bottom: 0;
    z-index: 6;
    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));
    box-shadow: 0 -2px 0 color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
}

[b-8116sw6jag] .tara-exist-table .mud-table-cell.tara-exist-cell-qty--totalcol .tara-exist-stock-main,
[b-8116sw6jag] .tara-exist-table .mud-table-cell.tara-exist-cell-qty--totalrow .tara-exist-stock-main {
    font-size: 1.16rem;
    font-weight: 900;
}

[b-8116sw6jag] .tara-exist-table .mud-table-foot .mud-table-cell {
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-bg));
}

[b-8116sw6jag] .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));
    font-size: .9rem;
}

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

[b-8116sw6jag] .tara-exist-table .mud-table-cell.tara-exist-cell-qty--totalrow.tara-exist-cell-qty--totalcol {
    bottom: 0;
    right: 0;
    z-index: 8;
    background: color-mix(in srgb, var(--tara-primary) 9%, var(--tara-bg));
    box-shadow:
        inset 1px 0 0 color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border)),
        0 -2px 0 color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
}


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

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

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

.tara-exist-image-dialog[b-8116sw6jag] {
    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-8116sw6jag] {
    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-8116sw6jag] {
    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-8116sw6jag] {
    width: 100%;
    max-height: calc(90vh - 4rem);
    object-fit: contain;
    display: block;
}

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

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

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

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

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

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

.tara-exist-search-result[b-8116sw6jag],
.tara-exist-price-option[b-8116sw6jag] {
    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-8116sw6jag] {
    color: var(--tara-text);
    font-weight: 800;
    font-size: .92rem;
}

.tara-exist-search-result-meta[b-8116sw6jag],
.tara-exist-price-option-meta[b-8116sw6jag] {
    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-8116sw6jag] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
}

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

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

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

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

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

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

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

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

.tara-exist-resolve-btn[b-8116sw6jag] {
    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-8116sw6jag] {
    display: grid;
    gap: .58rem;
}

.tara-exist-product-hero-desktop[b-8116sw6jag],
.tara-exist-product-hero-top[b-8116sw6jag],
.tara-exist-product-hero-main[b-8116sw6jag],
.tara-exist-product-hero-bottom[b-8116sw6jag],
.tara-exist-product-hero-query[b-8116sw6jag],
.tara-exist-product-hero-side[b-8116sw6jag] {
    min-width: 0;
}

.tara-exist-product-hero-desktop[b-8116sw6jag] {
    display: grid;
    gap: .46rem;
}

.tara-exist-product-hero-top[b-8116sw6jag] {
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr);
    gap: .68rem;
    align-items: center;
}

.tara-exist-product-hero-main[b-8116sw6jag] {
    display: grid;
    grid-template-columns:
        minmax(240px, 1.55fr)
        minmax(220px, 1fr)
        auto
        minmax(148px, .72fr)
        minmax(190px, .88fr);
    gap: .58rem;
    align-items: center;
}

.tara-exist-product-hero-side[b-8116sw6jag] {
    max-width: 84px;
    width: 84px;
    align-self: center;
    justify-self: start;
}

.tara-exist-hero-title[b-8116sw6jag] {
    align-self: center;
}

.tara-exist-side-price-box--hero[b-8116sw6jag] {
    align-self: center;
    padding-inline: .68rem 0;
    border-left: 1px solid color-mix(in srgb, var(--tara-text) 8%, var(--tara-border));
}

.tara-exist-ranking-card[b-8116sw6jag] {
    align-self: stretch;
    padding-inline: .68rem 0;
    border-left: 1px solid color-mix(in srgb, var(--tara-text) 8%, var(--tara-border));
}

.tara-exist-product-hero-bottom[b-8116sw6jag] {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr);
    gap: .28rem;
    padding-top: .42rem;
    border-top: 1px solid color-mix(in srgb, var(--tara-text) 8%, var(--tara-border));
    min-width: 0;
    overflow: hidden;
}

.tara-exist-product-hero-query[b-8116sw6jag] {
    display: contents;
}

.tara-exist-side-query--hero[b-8116sw6jag] {
    align-self: center;
    min-width: 0;
}

.tara-exist-controls-bar--hero[b-8116sw6jag] {
    align-self: center;
    flex-wrap: nowrap;
    gap: .22rem .38rem;
}

.tara-exist-controls-bar--hero .tara-exist-controls-checks[b-8116sw6jag] {
    margin-left: 0;
}

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

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

.tara-exist-hero-price strong[b-8116sw6jag] {
    /* 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.12rem, 1.55vw, 1.44rem);
    line-height: 1;
    letter-spacing: -.03em;
    font-weight: 800;
}

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

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

.tara-exist-ranking-card[b-8116sw6jag] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.tara-exist-ranking-card__section[b-8116sw6jag] {
    display: grid;
    align-content: start;
    min-width: 0;
}

.tara-exist-ranking-card__button[b-8116sw6jag] {
    display: grid;
    width: 100%;
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
    border-radius: 14px;
    transition: transform .18s ease, box-shadow .18s ease;
}

.tara-exist-ranking-card__button:hover[b-8116sw6jag],
.tara-exist-ranking-card__button:focus-visible[b-8116sw6jag] {
    transform: translateY(-1px);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--tara-primary) 16%, transparent);
}

.tara-exist-ranking-card__button:focus-visible[b-8116sw6jag] {
    outline: 2px solid color-mix(in srgb, var(--tara-primary) 48%, transparent);
    outline-offset: 2px;
}

.tara-exist-ranking-card__button:disabled[b-8116sw6jag] {
    cursor: default;
    transform: none;
    box-shadow: none;
}

.tara-exist-ranking-card__section--stats[b-8116sw6jag] {
    gap: .24rem;
}

.tara-exist-ranking-card__section--price[b-8116sw6jag] {
    gap: .5rem;
}

.tara-exist-ranking-card__eyebrow[b-8116sw6jag] {
    color: var(--tara-primary-dark);
    font-size: .6rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-exist-ranking-card__busy[b-8116sw6jag] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 700;
}

.tara-exist-ranking-card__headline[b-8116sw6jag] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: .38rem;
    flex-wrap: wrap;
}

.tara-exist-ranking-card__headline strong[b-8116sw6jag] {
    color: var(--tara-text);
    font-size: clamp(1.12rem, 1.45vw, 1.52rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.05em;
}

.tara-exist-ranking-card__headline span[b-8116sw6jag] {
    color: var(--tara-primary-dark);
    font-size: .76rem;
    font-weight: 900;
    line-height: 1.1;
    text-align: right;
}

.tara-exist-ranking-card__headline--empty strong[b-8116sw6jag],
.tara-exist-ranking-card__headline--empty span[b-8116sw6jag] {
    color: var(--tara-text-muted);
}

.tara-exist-ranking-card__meta[b-8116sw6jag] {
    display: grid;
    gap: .08rem;
    color: var(--tara-text-muted);
    font-size: .68rem;
    font-weight: 700;
    line-height: 1.35;
}

.tara-exist-ranking-card__traffic[b-8116sw6jag] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    width: fit-content;
    max-width: 100%;
    padding: .22rem .5rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tara-text) 10%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-surface) 82%, var(--tara-bg));
    color: var(--tara-text);
}

.tara-exist-ranking-card__traffic-dot[b-8116sw6jag] {
    width: .58rem;
    height: .58rem;
    border-radius: 50%;
    flex: 0 0 .58rem;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tara-text) 10%, transparent);
}

.tara-exist-ranking-card__traffic-dot--low[b-8116sw6jag] {
    background: color-mix(in srgb, var(--tara-danger) 84%, var(--tara-surface));
}

.tara-exist-ranking-card__traffic-dot--medium[b-8116sw6jag] {
    background: color-mix(in srgb, var(--tara-warning) 82%, var(--tara-surface));
}

.tara-exist-ranking-card__traffic-dot--high[b-8116sw6jag] {
    background: color-mix(in srgb, var(--tara-success) 84%, var(--tara-surface));
}

.tara-exist-ranking-card__traffic-label[b-8116sw6jag] {
    font-size: .68rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .01em;
}

.tara-exist-ranking-card__error[b-8116sw6jag] {
    color: var(--tara-text-muted);
    font-size: .7rem;
    font-weight: 700;
}

.tara-exist-ranking-card__cta[b-8116sw6jag] {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    margin-top: .08rem;
    width: fit-content;
    color: var(--tara-primary-dark);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .02em;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.tara-exist-ranking-card__cta:hover[b-8116sw6jag] {
    opacity: 0.8;
    transform: translateX(2px);
}

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

.tara-exist-side-price-box[b-8116sw6jag] {
    display: grid;
    gap: .32rem;
    padding: .44rem;
    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-8116sw6jag] {
    display: grid;
    gap: .42rem;
    padding: 0;
    background: transparent;
    border-radius: 0;
}

.tara-exist-side-price-box--hero .tara-exist-price-trigger[b-8116sw6jag] {
    min-width: 0;
}

.tara-exist-side-price-box--hero .tara-exist-price-filter[b-8116sw6jag] {
    margin: 0;
}

.tara-exist-hero-price--card[b-8116sw6jag] {
    gap: .14rem;
}

.tara-exist-hero-price--card strong[b-8116sw6jag] {
    font-size: clamp(1.18rem, 1.55vw, 1.5rem);
}

.tara-exist-hero-price--card .tara-exist-hero-price-before[b-8116sw6jag],
.tara-exist-hero-price--card .tara-exist-hero-price-discount[b-8116sw6jag] {
    display: inline-flex;
}

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

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

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

.tara-exist-side-summary[b-8116sw6jag] {
    gap: .22rem;
}

.tara-exist-side-query[b-8116sw6jag] {
    gap: .22rem;
}

.tara-exist-side-actions[b-8116sw6jag] {
    gap: .22rem;
}

.tara-exist-side-actions[b-8116sw6jag]  .mud-icon-button {
    width: 32px;
    height: 32px;
    padding: .28rem;
}

.tara-exist-sales-layer[b-8116sw6jag] {
    gap: .25rem;
}

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

.tara-exist-price-filter--hidden[b-8116sw6jag] {
    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-8116sw6jag] {
    margin-top: .1rem;
}

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

.tara-exist-hero-title p[b-8116sw6jag] {
    margin-top: .08rem;
    line-height: 1.18;
    font-size: .74rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tara-exist-product-link__text[b-8116sw6jag] {
    font-size: .96rem;
    line-height: 1.12;
}

.tara-exist-side-summary--hero[b-8116sw6jag] {
    display: contents;
}

.tara-exist-side-query--hero[b-8116sw6jag]  .mud-input-slot {
    min-height: 36px;
}

.tara-exist-side-query--hero[b-8116sw6jag]  .mud-input-label {
    font-size: .74rem;
}

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

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

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

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

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

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

@media (max-width: 1080px) {
    .tara-exist-query-shell[b-8116sw6jag] {
        width: min(100%, 100%);
    }

    .tara-exist-kpis--matrix[b-8116sw6jag],
    .tara-exist-page--matrix-expanded .tara-exist-kpis--matrix[b-8116sw6jag],
    .tara-exist-matrix-band__metrics[b-8116sw6jag] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-exist-query-hero__head[b-8116sw6jag] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-exist-query-hero__status[b-8116sw6jag] {
        justify-items: start;
    }

    .tara-exist-query-shell[b-8116sw6jag]  .tara-pro-search__row {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .tara-exist-query-row[b-8116sw6jag],
    .tara-exist-searchbar-secondary[b-8116sw6jag],
    .tara-exist-prices-list[b-8116sw6jag] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-exist-product-hero[b-8116sw6jag] {
        gap: .72rem;
    }

    .tara-exist-product-hero-top[b-8116sw6jag] {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: .62rem;
    }

    .tara-exist-product-hero-main[b-8116sw6jag] {
        grid-template-columns: minmax(0, 1fr);
        gap: .5rem;
    }

    .tara-exist-product-hero-side[b-8116sw6jag] {
        max-width: 72px;
        width: 72px;
    }

    .tara-exist-side-price-box--hero[b-8116sw6jag],
    .tara-exist-ranking-card[b-8116sw6jag] {
        padding-inline: 0;
        border-left: 0;
    }

    .tara-exist-product-hero-bottom[b-8116sw6jag] {
        grid-template-columns: minmax(0, 1fr);
        gap: .45rem;
    }

    .tara-exist-controls-bar--hero[b-8116sw6jag] {
        flex-wrap: wrap;
    }

    .tara-exist-layer-toolbar[b-8116sw6jag] {
        padding-left: 0;
        border-left: 0;
        justify-content: flex-start;
    }

    .tara-exist-layer-toolbar--hero-row[b-8116sw6jag],
    .tara-exist-layer-summary__chips--hero[b-8116sw6jag] {
        flex-wrap: wrap;
        overflow-x: visible;
    }

    .tara-exist-workspace[b-8116sw6jag] {
        grid-template-columns: 1fr;
    }

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

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

    .tara-exist-ranking-card__headline[b-8116sw6jag] {
        align-items: flex-start;
    }

    .tara-exist-ranking-card[b-8116sw6jag] {
        grid-template-columns: 1fr;
    }

    .tara-exist-ranking-card__section--price[b-8116sw6jag] {
        padding-left: 0;
        padding-top: .7rem;
        border-left: 0;
        border-top: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    }

    .tara-exist-ranking-card__traffic[b-8116sw6jag] {
        padding: .3rem .56rem;
    }
}

@media (max-width: 768px) {
    .tara-exist-kpis--matrix[b-8116sw6jag],
    .tara-exist-page--matrix-expanded .tara-exist-kpis--matrix[b-8116sw6jag],
    .tara-exist-layer-insights[b-8116sw6jag],
    .tara-exist-matrix-guide__topline--sections[b-8116sw6jag],
    .tara-exist-matrix-band__metrics[b-8116sw6jag],
    .tara-exist-matrix-band__layers[b-8116sw6jag] {
        grid-template-columns: 1fr;
    }

    .tara-exist-query-shell[b-8116sw6jag] {
        padding: .85rem .82rem .92rem;
        border-radius: 18px;
    }

    .tara-exist-query-hero[b-8116sw6jag] {
        gap: .8rem;
        margin-bottom: .72rem;
    }

    .tara-exist-query-hero__title h2[b-8116sw6jag] {
        font-size: 1.12rem;
    }

    .tara-exist-query-hero__title p[b-8116sw6jag] {
        font-size: .84rem;
    }

    .tara-exist-query-shell[b-8116sw6jag]  .tara-pro-search__row {
        grid-template-columns: 1fr;
        gap: .55rem;
    }

    .tara-exist-query-shell[b-8116sw6jag]  .tara-pro-search__row .mud-icon-button {
        justify-self: start;
    }

    .tara-exist-query-shell[b-8116sw6jag]  .tara-pro-search__input .mud-input-slot {
        min-height: 56px;
    }

    .tara-exist-sku-row[b-8116sw6jag] {
        grid-template-columns: 1fr;
        gap: .55rem;
    }

    .tara-exist-query-resolve-btn[b-8116sw6jag] {
        width: 100%;
    }

    .tara-exist-query-intent-chips[b-8116sw6jag] {
        gap: .42rem;
    }

    .tara-exist-query-mobile-actions[b-8116sw6jag] {
        display: flex;
        justify-content: flex-end;
        margin-top: .55rem;
    }

    .tara-exist-query-mobile-clear-btn[b-8116sw6jag] {
        min-height: 2.15rem !important;
        padding-inline: .72rem !important;
        border-radius: 999px !important;
        font-size: .74rem !important;
        font-weight: 800 !important;
    }

    .tara-exist-mobile-store-card__head[b-8116sw6jag],
    .tara-exist-mobile-size-row__head[b-8116sw6jag] {
        flex-direction: column;
        align-items: flex-start;
    }

    .tara-exist-mobile-store-card__total[b-8116sw6jag] {
        justify-items: start;
        text-align: left;
    }

    .tara-exist-page--matrix-expanded .tara-exist-matrix-stage--expanded[b-8116sw6jag] {
        inset: 64px 0 0;
        height: calc(100dvh - 64px);
        padding: .58rem .55rem .7rem;
    }

    .tara-exist-matrix-toolbar[b-8116sw6jag] {
        gap: .55rem;
        align-items: flex-start;
    }

    .tara-exist-matrix-toolbar__title strong[b-8116sw6jag] {
        font-size: .9rem;
    }

    .tara-exist-matrix-toolbar__title span[b-8116sw6jag] {
        font-size: .74rem;
    }

    .tara-exist-page[b-8116sw6jag] {
        gap: .65rem;
    }

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

    .tara-exist-product-hero[b-8116sw6jag] {
    }

    .tara-exist-product-hero-desktop[b-8116sw6jag],
    .tara-exist-product-hero-top[b-8116sw6jag],
    .tara-exist-product-hero-main[b-8116sw6jag],
    .tara-exist-product-hero-bottom[b-8116sw6jag],
    .tara-exist-product-hero-query[b-8116sw6jag],
    .tara-exist-product-hero-side[b-8116sw6jag] {
        height: auto;
    }

    .tara-exist-product-hero-side[b-8116sw6jag] {
        max-width: 100%;
        max-height: 180px;
    }

    .tara-exist-ranking-card[b-8116sw6jag] {
        padding: .72rem .8rem;
    }

    .tara-exist-side-price-box--hero[b-8116sw6jag] {
        gap: .35rem;
    }

    .tara-exist-hero-price--card strong[b-8116sw6jag] {
        font-size: clamp(1.48rem, 6vw, 1.82rem);
    }

    .tara-exist-ranking-card__headline strong[b-8116sw6jag] {
        font-size: clamp(1.42rem, 6vw, 1.9rem);
    }

    .tara-exist-ranking-card__headline span[b-8116sw6jag] {
        text-align: left;
    }

    .tara-exist-ranking-card__traffic-label[b-8116sw6jag] {
        font-size: .72rem;
    }

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

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

    .tara-exist-header-actions[b-8116sw6jag] {
        display: none;
    }

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

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

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

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

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

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

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

    .tara-exist-mobile-hero-shell[b-8116sw6jag] {
        display: block;
    }

    .tara-exist-product-hero-desktop[b-8116sw6jag] {
        display: none;
    }

    .tara-exist-product-hero--mobile-expanded .tara-exist-product-hero-desktop[b-8116sw6jag] {
        display: grid;
        gap: .48rem;
    }

    .tara-exist-product-hero--mobile-collapsed .tara-exist-product-hero-desktop[b-8116sw6jag] {
        display: none;
    }

    .tara-exist-product-hero--mobile-expanded .tara-exist-mobile-hero-card[b-8116sw6jag] {
        margin-bottom: .35rem;
    }

    .tara-exist-product-hero--mobile-expanded .tara-exist-product-hero-top[b-8116sw6jag] {
        grid-template-columns: minmax(0, 1fr);
        padding-bottom: .48rem;
    }

    .tara-exist-product-hero--mobile-expanded .tara-exist-product-hero-main[b-8116sw6jag],
    .tara-exist-product-hero--mobile-expanded .tara-exist-product-hero-bottom[b-8116sw6jag] {
        grid-template-columns: minmax(0, 1fr);
    }

    .tara-exist-product-hero--mobile-expanded .tara-exist-product-hero-side[b-8116sw6jag] {
        max-width: 110px;
        width: 110px;
    }

    .tara-exist-product-hero--mobile-expanded .tara-exist-side-price-box--hero[b-8116sw6jag],
    .tara-exist-product-hero--mobile-expanded .tara-exist-ranking-card[b-8116sw6jag],
    .tara-exist-product-hero--mobile-expanded .tara-exist-layer-toolbar[b-8116sw6jag] {
        border-left: 0;
        padding-inline: 0;
        padding-left: 0;
    }

    .tara-exist-mobile-hero-card__main[b-8116sw6jag] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
    }

    .tara-exist-mobile-hero-toggle[b-8116sw6jag] {
        grid-column: auto;
        justify-self: end;
    }

    .tara-exist-mobile-layer-strip[b-8116sw6jag],
    .tara-exist-mobile-filters[b-8116sw6jag] {
        flex-wrap: nowrap;
    }

    .tara-exist-mobile-summary[b-8116sw6jag] {
        position: sticky;
        top: .35rem;
        z-index: 4;
        padding: .5rem .56rem;
    }

    .tara-exist-mobile-summary-top[b-8116sw6jag] {
        gap: .12rem;
    }

    .tara-exist-mobile-summary__copy strong[b-8116sw6jag] {
        font-size: .8rem;
    }

    .tara-exist-mobile-summary__metrics[b-8116sw6jag] {
        gap: .18rem;
    }

    .tara-exist-mobile-summary__metric[b-8116sw6jag] {
        padding: .3rem .3rem;
    }

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

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

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

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

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

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

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

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

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

    .tara-exist-matrix-guide__topline[b-8116sw6jag] {
        flex-direction: column;
        align-items: flex-start;
    }

    .tara-exist-matrix-band__section-head[b-8116sw6jag],
    .tara-exist-matrix-band__legend-row[b-8116sw6jag] {
        align-items: flex-start;
        flex-direction: column;
    }

    .tara-exist-matrix-stage__bar[b-8116sw6jag] {
        align-items: flex-start;
        flex-direction: column;
    }

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

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

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

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

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

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

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

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

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

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

    .tara-exist-image-btn[b-8116sw6jag],
    .tara-exist-image[b-8116sw6jag],
    .tara-exist-image-empty[b-8116sw6jag] {
        min-height: 180px;
        height: 180px;
    }
}

@media (max-width: 767px) {
    .tara-exist-mobile-hero-card__main[b-8116sw6jag] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .tara-exist-mobile-hero-toggle[b-8116sw6jag] {
        grid-column: 1 / -1;
        justify-self: stretch;
        text-align: center;
    }

    .tara-exist-mobile-summary__metrics[b-8116sw6jag] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: .24rem;
    }

    .tara-exist-mobile-summary__metric[b-8116sw6jag] {
        padding: .34rem .34rem;
    }

    .tara-exist-mobile-summary__metric strong[b-8116sw6jag] {
        font-size: .78rem;
    }

    .tara-exist-mobile-summary__copy strong[b-8116sw6jag] {
        font-size: .82rem;
    }

    .tara-exist-mobile-size-matrix[b-8116sw6jag] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .42rem;
    }

    .tara-exist-mobile-size-tile[b-8116sw6jag] {
        min-height: 7.7rem;
    }

    .tara-exist-mobile-size-tile__stock[b-8116sw6jag] {
        font-size: 1.56rem;
    }

    .tara-exist-mobile-size-tile__chips[b-8116sw6jag]  .tara-exist-stock-sale,
    .tara-exist-mobile-size-tile__chips[b-8116sw6jag]  .tara-exist-stock-return,
    .tara-exist-mobile-size-tile__chips[b-8116sw6jag]  .tara-exist-stock-purchase,
    .tara-exist-mobile-size-tile__chips[b-8116sw6jag]  .tara-exist-stock-transito,
    .tara-exist-mobile-size-tile__chips[b-8116sw6jag]  .tara-exist-stock-bloqueado,
    .tara-exist-mobile-size-tile__chips[b-8116sw6jag]  .tara-exist-stock-transfer-in,
    .tara-exist-mobile-size-tile__chips[b-8116sw6jag]  .tara-exist-stock-transfer-out,
    .tara-exist-mobile-size-tile__chips[b-8116sw6jag]  .tara-exist-stock-adjust-in,
    .tara-exist-mobile-size-tile__chips[b-8116sw6jag]  .tara-exist-stock-adjust-out,
    .tara-exist-mobile-size-tile__chips[b-8116sw6jag]  .tara-exist-stock-curva,
    .tara-exist-mobile-size-tile__chips[b-8116sw6jag]  .tara-exist-stock-pedido {
        min-width: 1.72rem;
        min-height: 1.34rem;
        padding: 0 .34rem;
        font-size: .64rem;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    }

    .tara-exist-mobile-toolbar[b-8116sw6jag] {
        grid-template-columns: 1fr;
    }

    .tara-exist-mobile-summary__foot[b-8116sw6jag] {
        align-items: flex-start;
        flex-direction: column;
        gap: .34rem;
    }

    .tara-exist-mobile-store-card__head[b-8116sw6jag] {
        align-items: stretch;
        flex-direction: column;
    }

    .tara-exist-mobile-store-card__head-side[b-8116sw6jag] {
        justify-items: start;
    }

    .tara-exist-mobile-store-card__total[b-8116sw6jag] {
        justify-items: start;
        text-align: left;
    }

    .tara-exist-mobile-focus-toolbar__actions[b-8116sw6jag],
    .tara-exist-mobile-store-card__actions[b-8116sw6jag] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-exist-mobile-focus-kpis[b-8116sw6jag] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-exist-matrix-toolbar[b-8116sw6jag],
    .tara-exist-matrix-band[b-8116sw6jag],
    .tara-exist-matrix-overview[b-8116sw6jag],
    .tara-exist-matrix-guide[b-8116sw6jag],
    .tara-exist-matrix-stage[b-8116sw6jag],
    .tara-exist-expand-btn[b-8116sw6jag] {
        display: none !important;
    }

    .tara-exist-mobile-store-view[b-8116sw6jag] {
        display: grid;
        gap: .56rem;
    }

    .tara-exist-mobile-summary[b-8116sw6jag] {
        position: sticky;
        top: .35rem;
        z-index: 4;
    }

    .tara-exist-mobile-store-view--focus[b-8116sw6jag] {
        padding-bottom: 5.4rem;
    }

    .tara-exist-mobile-focus-bottom-bar[b-8116sw6jag] {
        position: sticky;
        bottom: .5rem;
        z-index: 6;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .65rem;
        padding: .72rem .78rem;
        border: 1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
        border-radius: 18px;
        background: color-mix(in srgb, var(--tara-surface) 96%, white);
        box-shadow: var(--tara-shadow);
    }

    .tara-exist-mobile-focus-bottom-bar__copy[b-8116sw6jag] {
        display: grid;
        gap: .12rem;
        min-width: 0;
    }

    .tara-exist-mobile-focus-bottom-bar__copy strong[b-8116sw6jag] {
        color: var(--tara-text);
        font-size: .9rem;
        font-weight: 900;
        line-height: 1.08;
    }

    .tara-exist-mobile-focus-bottom-bar__copy span[b-8116sw6jag] {
        color: var(--tara-text-muted);
        font-size: .68rem;
        font-weight: 700;
        line-height: 1.28;
    }

    .tara-exist-mobile-focus-bottom-bar__exit[b-8116sw6jag] {
        flex: 0 0 auto;
        appearance: none;
        min-height: 2.45rem;
        padding: .56rem .82rem;
        border: 1px solid var(--tara-primary-dark);
        border-radius: 999px;
        background: var(--tara-primary-dark);
        color: white;
        font: inherit;
        font-size: .74rem;
        font-weight: 800;
        line-height: 1;
        cursor: pointer;
    }
}

/* ── Botón "Curvas" en hero row ── */
.tara-exist-chip--curvas-dialog[b-8116sw6jag] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
    color: var(--tara-primary);
    font-weight: 600;
}

.tara-exist-chip--curvas-dialog:hover:not(:disabled)[b-8116sw6jag] {
    background: color-mix(in srgb, var(--tara-primary) 18%, var(--tara-surface));
}

.tara-exist-chip--curvas-dialog:disabled[b-8116sw6jag] {
    opacity: .45;
    cursor: not-allowed;
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenExistenciasCapasDialog.razor.rz.scp.css */
.tara-exist-layers-dialog[b-sh5exct832] {
    width: min(760px, calc(100vw - 1.5rem));
}

.tara-exist-layers-dialog__title[b-sh5exct832] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.tara-exist-layers-dialog__title span[b-sh5exct832] {
    display: inline-block;
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.tara-exist-layers-dialog__title h2[b-sh5exct832] {
    margin: .18rem 0 .2rem;
    color: var(--tara-text);
    font-size: 1.28rem;
    font-weight: 900;
    letter-spacing: -.02em;
}

.tara-exist-layers-dialog__title p[b-sh5exct832] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .86rem;
    line-height: 1.45;
}

.tara-exist-layers-dialog__counter[b-sh5exct832] {
    display: grid;
    gap: .12rem;
    min-width: 82px;
    padding: .72rem .82rem;
    border-radius: 14px;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    text-align: center;
}

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

.tara-exist-layers-dialog__counter strong[b-sh5exct832] {
    color: var(--tara-primary-dark);
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1;
}

.tara-exist-layers-dialog__base[b-sh5exct832] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    margin-bottom: .95rem;
    padding: .8rem .9rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface) 86%, var(--tara-bg));
}

.tara-exist-layers-dialog__base-dot[b-sh5exct832],
.tara-exist-layers-dialog__dot[b-sh5exct832] {
    width: .82rem;
    height: .82rem;
    display: inline-block;
    border-radius: 999px;
}

.tara-exist-layers-dialog__base-dot--stock[b-sh5exct832] {
    background: var(--tara-text);
}

.tara-exist-layers-dialog__base strong[b-sh5exct832] {
    display: block;
    color: var(--tara-text);
    font-size: .92rem;
    font-weight: 900;
}

.tara-exist-layers-dialog__base span[b-sh5exct832] {
    display: block;
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-exist-layers-dialog__toolbar[b-sh5exct832] {
    display: flex;
    flex-wrap: wrap;
    gap: .9rem 1.1rem;
    align-items: center;
    margin-bottom: .9rem;
    padding: .75rem .9rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface) 82%, var(--tara-bg));
}

.tara-exist-layers-dialog__global-range[b-sh5exct832] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
    margin-bottom: .95rem;
}

.tara-exist-layers-dialog__grid[b-sh5exct832] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.tara-exist-layers-dialog__card[b-sh5exct832] {
    display: grid;
    gap: .72rem;
    padding: .88rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
}

.tara-exist-layers-dialog__card--enabled[b-sh5exct832] {
    border-color: color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    box-shadow: var(--tara-shadow-sm);
}

.tara-exist-layers-dialog__card--disabled[b-sh5exct832] {
    opacity: .8;
}

.tara-exist-layers-dialog__card-head[b-sh5exct832] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .65rem;
}

.tara-exist-layers-dialog__card-title[b-sh5exct832] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .6rem;
    align-items: flex-start;
}

.tara-exist-layers-dialog__card-title strong[b-sh5exct832] {
    display: block;
    color: var(--tara-text);
    font-size: .92rem;
    font-weight: 900;
}

.tara-exist-layers-dialog__card-title p[b-sh5exct832] {
    margin: .16rem 0 0;
    color: var(--tara-text-muted);
    font-size: .78rem;
    line-height: 1.38;
}

.tara-exist-layers-dialog__status[b-sh5exct832] {
    display: flex;
    align-items: center;
}

.tara-exist-layers-dialog__status-pill[b-sh5exct832] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: .25rem .62rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface) 78%, var(--tara-bg));
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
    line-height: 1.1;
}

.tara-exist-layers-dialog__status-pill--pending[b-sh5exct832] {
    border-color: color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
    color: var(--tara-primary-dark);
}

.tara-exist-layers-dialog__status-pill--loading[b-sh5exct832] {
    border-color: color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    color: var(--tara-text);
}

.tara-exist-layers-dialog__status-pill--loaded[b-sh5exct832] {
    border-color: color-mix(in srgb, var(--tara-success) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-success) 10%, var(--tara-surface));
    color: color-mix(in srgb, var(--tara-success) 72%, var(--tara-text));
}

.tara-exist-layers-dialog__status-pill--error[b-sh5exct832] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 24%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-exist-layers-dialog__dates[b-sh5exct832] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
}

.tara-exist-layers-dialog__dates--hint[b-sh5exct832] {
    grid-template-columns: minmax(0, 1fr);
}

.tara-exist-layers-dialog__dates--hint span[b-sh5exct832] {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: .55rem .7rem;
    border-radius: 10px;
    border: 1px dashed var(--tara-border);
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-exist-layers-dialog__actions[b-sh5exct832] {
    display: flex;
    justify-content: flex-end;
    gap: .45rem;
}

.tara-exist-layers-dialog__dot.tara-exist-legend-dot--sale[b-sh5exct832] {
    background: var(--exist-layer-sale-bg, var(--tara-success));
}

.tara-exist-layers-dialog__dot.tara-exist-legend-dot--return[b-sh5exct832] {
    background: var(--exist-layer-return-bg, var(--tara-primary-dark));
}

.tara-exist-layers-dialog__dot.tara-exist-legend-dot--purchase[b-sh5exct832] {
    background: var(--exist-layer-purchase-bg, var(--tara-info));
}

.tara-exist-layers-dialog__dot.tara-exist-legend-dot--transito[b-sh5exct832] {
    background: var(--exist-layer-transito-bg, var(--tara-success));
}

.tara-exist-layers-dialog__dot.tara-exist-legend-dot--bloqueado[b-sh5exct832] {
    background: var(--exist-layer-bloqueado-bg, var(--tara-danger));
}

.tara-exist-layers-dialog__dot.tara-exist-legend-dot--transfer-in[b-sh5exct832] {
    background: var(--exist-layer-transfer-in-bg, color-mix(in srgb, var(--tara-info) 42%, var(--tara-primary-dark) 58%));
}

.tara-exist-layers-dialog__dot.tara-exist-legend-dot--transfer-out[b-sh5exct832] {
    background: var(--exist-layer-transfer-out-bg, var(--tara-warning));
}

.tara-exist-layers-dialog__dot.tara-exist-legend-dot--adjust-in[b-sh5exct832] {
    background: var(--exist-layer-adjust-in-bg, color-mix(in srgb, var(--tara-info) 76%, var(--tara-surface)));
}

.tara-exist-layers-dialog__dot.tara-exist-legend-dot--adjust-out[b-sh5exct832] {
    background: var(--exist-layer-adjust-out-bg, color-mix(in srgb, var(--tara-warning) 76%, var(--tara-surface-raised)));
}

.tara-exist-layers-dialog__dot.tara-exist-legend-dot--pedido[b-sh5exct832] {
    background: var(--exist-layer-pedido-bg, color-mix(in srgb, var(--tara-text-muted) 68%, var(--tara-surface-raised)));
}

.tara-exist-layers-dialog__dot.tara-exist-legend-dot--curva[b-sh5exct832] {
    background: var(--exist-layer-curva-bg, color-mix(in srgb, var(--tara-border) 82%, var(--tara-surface)));
}

@media (max-width: 820px) {
    .tara-exist-layers-dialog__grid[b-sh5exct832] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 540px) {
    .tara-exist-layers-dialog[b-sh5exct832] {
        width: min(100vw - 1rem, 100%);
    }

    .tara-exist-layers-dialog__title[b-sh5exct832] {
        display: grid;
        gap: .75rem;
    }

    .tara-exist-layers-dialog__counter[b-sh5exct832] {
        justify-self: start;
    }

    .tara-exist-layers-dialog__base[b-sh5exct832] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .tara-exist-layers-dialog__global-range[b-sh5exct832] {
        grid-template-columns: minmax(0, 1fr);
    }

    .tara-exist-layers-dialog__toolbar[b-sh5exct832] {
        gap: .45rem;
    }

    .tara-exist-layers-dialog__base[b-sh5exct832]  .mud-checkbox {
        grid-column: 2;
        justify-self: start;
    }

    .tara-exist-layers-dialog__dates[b-sh5exct832] {
        grid-template-columns: minmax(0, 1fr);
    }

    .tara-exist-layers-dialog__actions[b-sh5exct832] {
        justify-content: stretch;
    }

    .tara-exist-layers-dialog__actions[b-sh5exct832]  .mud-button-root {
        flex: 1 1 0;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenExistenciasCardexDialog.razor.rz.scp.css */
.tara-exist-cardex-shell[b-h02jgfgel1] {
    display: grid;
    gap: .9rem;
    min-width: min(1100px, 92vw);
}

.tara-exist-cardex-header[b-h02jgfgel1] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: .8rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
}

.tara-exist-cardex-eyebrow[b-h02jgfgel1] {
    display: inline-block;
    color: var(--tara-primary-dark);
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-exist-cardex-header h2[b-h02jgfgel1] {
    margin: .2rem 0 .18rem;
    color: var(--tara-text);
    font-size: 1.18rem;
    font-weight: 900;
    line-height: 1.15;
}

.tara-exist-cardex-header p[b-h02jgfgel1] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .86rem;
}

.tara-exist-cardex-header__meta[b-h02jgfgel1] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.tara-exist-cardex-header__meta span[b-h02jgfgel1],
.tara-exist-cardex-helper[b-h02jgfgel1],
.tara-exist-cardex-summary span[b-h02jgfgel1] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .42rem .62rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 700;
}

.tara-exist-cardex-filters[b-h02jgfgel1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
    padding: .85rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg));
}

.tara-exist-cardex-stores[b-h02jgfgel1] {
    min-width: 0;
}

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

.tara-exist-cardex-busy[b-h02jgfgel1],
.tara-exist-cardex-empty[b-h02jgfgel1] {
    display: grid;
    place-items: center;
    gap: .55rem;
    min-height: 220px;
    padding: 1rem;
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
    text-align: center;
}

.tara-exist-cardex-empty strong[b-h02jgfgel1] {
    color: var(--tara-text);
}

.tara-exist-cardex-empty p[b-h02jgfgel1] {
    margin: 0;
    color: var(--tara-text-muted);
}

.tara-exist-cardex-grid[b-h02jgfgel1] {
    display: grid;
    gap: .6rem;
}

.tara-exist-cardex-summary[b-h02jgfgel1] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-bottom: .55rem;
}

@media (max-width: 980px) {
    .tara-exist-cardex-shell[b-h02jgfgel1] {
        min-width: min(100vw - 1.5rem, 980px);
    }

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

@media (max-width: 720px) {
    .tara-exist-cardex-shell[b-h02jgfgel1] {
        min-width: min(100vw - 1rem, 100%);
    }

    .tara-exist-cardex-filters[b-h02jgfgel1] {
        grid-template-columns: minmax(0, 1fr);
    }

    .tara-exist-cardex-actions[b-h02jgfgel1] {
        width: 100%;
    }

    .tara-exist-cardex-actions[b-h02jgfgel1]  .mud-button-root {
        flex: 1 1 180px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenExistenciasFichaCompletaDialog.razor.rz.scp.css */
.tara-exist-ficha-shell[b-cc5bcuebnj] {
    display: grid;
    gap: .9rem;
    min-height: min(72vh, 860px);
}

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

.tara-exist-ficha-eyebrow[b-cc5bcuebnj] {
    display: inline-block;
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .72rem;
    font-weight: 900;
}

.tara-exist-ficha-header h2[b-cc5bcuebnj] {
    margin: .18rem 0 0;
    color: var(--tara-text);
    font-size: clamp(1.15rem, 1.1rem + .5vw, 1.55rem);
    font-weight: 900;
    letter-spacing: -.02em;
}

.tara-exist-ficha-header p[b-cc5bcuebnj] {
    margin: .18rem 0 0;
    color: var(--tara-text-muted);
    font-size: .82rem;
    font-weight: 700;
}

.tara-exist-ficha-busy[b-cc5bcuebnj],
.tara-exist-ficha-empty[b-cc5bcuebnj] {
    min-height: 220px;
    display: grid;
    place-items: center;
    gap: .7rem;
    text-align: center;
    color: var(--tara-text-muted);
}

.tara-exist-ficha-empty strong[b-cc5bcuebnj] {
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-exist-ficha-empty p[b-cc5bcuebnj] {
    margin: 0;
    max-width: 40rem;
}

.tara-exist-ficha-empty[b-cc5bcuebnj]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2rem;
}

.tara-exist-ficha-table-wrap[b-cc5bcuebnj] {
    min-width: 0;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
    overflow: auto;
}

.tara-exist-ficha-table[b-cc5bcuebnj] {
    width: 100%;
    min-width: 620px;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tara-text);
}

.tara-exist-ficha-table thead th[b-cc5bcuebnj] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: .8rem .9rem;
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    font-size: .82rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-align: left;
    border-bottom: 1px solid var(--tara-border);
}

.tara-exist-ficha-table tbody td[b-cc5bcuebnj] {
    padding: .72rem .9rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    vertical-align: top;
    font-size: .88rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.tara-exist-ficha-table tbody tr:nth-child(odd) td[b-cc5bcuebnj] {
    background: var(--tara-row-odd);
}

.tara-exist-ficha-table tbody tr:nth-child(even) td[b-cc5bcuebnj] {
    background: var(--tara-row-even);
}

.tara-exist-ficha-table tbody tr:hover td[b-cc5bcuebnj] {
    background: var(--tara-row-hover);
}

.tara-exist-ficha-table tbody td:first-child[b-cc5bcuebnj] {
    width: 34%;
    min-width: 180px;
    color: var(--tara-text-muted);
    font-weight: 800;
}

.tara-exist-ficha-table tbody td:last-child[b-cc5bcuebnj] {
    color: var(--tara-text);
    font-weight: 700;
}

[b-cc5bcuebnj] .tara-exist-ficha-dialog {
    width: min(1040px, calc(100vw - 2rem));
}

[b-cc5bcuebnj] .tara-exist-ficha-dialog .mud-dialog-content {
    padding: 1rem 1rem .7rem;
    max-height: min(78vh, 920px);
    overflow: auto;
}

[b-cc5bcuebnj] .tara-exist-ficha-dialog .mud-dialog-actions {
    padding: .7rem 1rem 1rem;
}

@media (max-width: 720px) {
    [b-cc5bcuebnj] .tara-exist-ficha-dialog {
        width: calc(100vw - 1rem);
        margin: .5rem;
    }

    [b-cc5bcuebnj] .tara-exist-ficha-dialog .mud-dialog-content {
        max-height: calc(100dvh - 7.5rem);
    }

    .tara-exist-ficha-shell[b-cc5bcuebnj] {
        min-height: calc(100dvh - 8rem);
    }

    .tara-exist-ficha-table tbody td[b-cc5bcuebnj] {
        padding: .68rem .75rem;
        font-size: .84rem;
    }
}

@media (max-width: 520px) {
    [b-cc5bcuebnj] .tara-exist-ficha-dialog {
        width: 100vw;
        max-width: 100vw;
        height: 100dvh;
        margin: 0;
        border-radius: 0;
    }

    [b-cc5bcuebnj] .tara-exist-ficha-dialog .mud-dialog-content {
        max-height: calc(100dvh - 6.9rem);
    }

    .tara-exist-ficha-shell[b-cc5bcuebnj] {
        min-height: calc(100dvh - 7rem);
    }
}
/* _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-lrv4lc93xd] { display: flex; flex-direction: column; gap: .65rem; }

/* ── Header ───────────────────────────────────────────────────────────────── */
.eg-header[b-lrv4lc93xd] { display: flex; align-items: center; justify-content: space-between; gap: .8rem; flex-wrap: wrap; }
.eg-title-wrap[b-lrv4lc93xd] { min-width: 0; }
.eg-title-wrap h1[b-lrv4lc93xd] { 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-lrv4lc93xd] { 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-lrv4lc93xd] { display: flex; align-items: center; gap: .5rem; flex-shrink: 0; }

/* ── Alertas / errores ────────────────────────────────────────────────────── */
.eg-error-bar[b-lrv4lc93xd] {
    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-lrv4lc93xd] { flex: 1; min-width: 0; line-height: 1.4; }
.eg-retry-btn[b-lrv4lc93xd] { flex-shrink: 0; }

.eg-warn-linea[b-lrv4lc93xd], .eg-warn-fechas[b-lrv4lc93xd], .eg-warn-adv[b-lrv4lc93xd] {
    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-lrv4lc93xd] {
    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-lrv4lc93xd] {
    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-lrv4lc93xd] {
    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-lrv4lc93xd] { min-width: 0; }
[b-lrv4lc93xd] .eg-accordion-wrapper .tara-fa-card { border-color: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border)); border-radius: 18px; }
[b-lrv4lc93xd] .eg-accordion-wrapper .tara-fa-card--open { border-color: color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border)); }
[b-lrv4lc93xd] .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-lrv4lc93xd] { 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-lrv4lc93xd] { display: grid; gap: 10px; margin-bottom: 8px; }
.eg-filters-row--5[b-lrv4lc93xd] { grid-template-columns: repeat(5, 1fr); }
.eg-filters-row--3[b-lrv4lc93xd] { grid-template-columns: repeat(3, 1fr); }

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

/* Línea obligatoria — énfasis visual */
.eg-filter-field--required[b-lrv4lc93xd]  .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-lrv4lc93xd]  .mud-input-label { color: var(--tara-primary-dark) !important; font-weight: 600 !important; }

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

/* ── Fila de búsqueda + acciones ─────────────────────────────────────────── */
.eg-search-actions-row[b-lrv4lc93xd] { 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-lrv4lc93xd] { flex: 1; min-width: 200px; max-width: 380px; }
.eg-check[b-lrv4lc93xd] { flex-shrink: 0; }
.eg-date-picker[b-lrv4lc93xd] { flex: 0 0 140px; min-width: 130px; }
[b-lrv4lc93xd] .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-lrv4lc93xd] { 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-lrv4lc93xd] { flex-shrink: 0; margin-top: .04rem; opacity: .7; }
.eg-pending-label[b-lrv4lc93xd] { font-size: .8rem; }

/* ── Pills de resumen colapsado ───────────────────────────────────────────── */
.eg-filter-pill[b-lrv4lc93xd] { 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-lrv4lc93xd] { 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-lrv4lc93xd] { 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-lrv4lc93xd] { 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-lrv4lc93xd] { 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-lrv4lc93xd] { 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-lrv4lc93xd] { color: var(--tara-primary-dark) !important; }
.eg-panel--empty h2[b-lrv4lc93xd] { margin: 0; font-size: 1.1rem; font-weight: 700; color: var(--tara-text); }
.eg-panel--empty p[b-lrv4lc93xd] { 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-lrv4lc93xd] { 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-lrv4lc93xd] { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
.eg-rs-chip[b-lrv4lc93xd] { 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-lrv4lc93xd] { 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-lrv4lc93xd] { display: flex; align-items: center; gap: .6rem; font-size: .72rem; font-weight: 600; color: var(--tara-text-muted); }
.eg-dot[b-lrv4lc93xd] { display: inline-block; width: .55rem; height: .55rem; border-radius: 2px; border: 1px solid var(--tara-border); margin-right: .2rem; }
.eg-dot--stock[b-lrv4lc93xd]  { background: var(--tara-text); border-color: color-mix(in srgb, var(--tara-text) 70%, var(--tara-border)); }
.eg-dot--sale[b-lrv4lc93xd]   { 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-lrv4lc93xd] { 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-lrv4lc93xd] {
    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-lrv4lc93xd]::-webkit-scrollbar { height: 8px; width: 8px; }
.eg-table-wrap[b-lrv4lc93xd]::-webkit-scrollbar-thumb { background: var(--tara-border); border-radius: 999px; }
.eg-table-wrap[b-lrv4lc93xd]::-webkit-scrollbar-track { background: var(--tara-surface-raised); }

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

/* Cabecera */
.eg-th[b-lrv4lc93xd] {
    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-lrv4lc93xd] { text-align: center; min-width: 52px; }
.eg-th--total[b-lrv4lc93xd] {
    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-lrv4lc93xd]  { position: sticky; left: 0; z-index: 4; min-width: 108px; border-right: 1.5px solid color-mix(in srgb, var(--tara-text) 18%, var(--tara-border)); }
.eg-th--sticky-right[b-lrv4lc93xd] { position: sticky; right: 0;  z-index: 4; }

/* Celdas */
.eg-td[b-lrv4lc93xd] {
    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-lrv4lc93xd] { min-width: 108px; font-weight: 800; }
.eg-td--color[b-lrv4lc93xd], .eg-td--acabado[b-lrv4lc93xd], .eg-td--marca[b-lrv4lc93xd] { min-width: 92px; color: var(--tara-text-muted); font-size: .74rem; }
.eg-td--tienda[b-lrv4lc93xd] { position: sticky; left: 0; z-index: 2; min-width: 108px; 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) 18%, var(--tara-border)); }
.eg-td--qty[b-lrv4lc93xd]   { text-align: center; font-variant-numeric: tabular-nums; }
.eg-td--total[b-lrv4lc93xd] { 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-lrv4lc93xd] { background: color-mix(in srgb, var(--tara-surface-raised) 78%, var(--tara-bg)); }
.eg-matrix-row:nth-child(even) .eg-td--tienda[b-lrv4lc93xd] { background: color-mix(in srgb, var(--tara-surface-raised) 82%, var(--tara-bg)); }
.eg-matrix-row:hover .eg-td[b-lrv4lc93xd] { background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface-raised)) !important; }
.eg-row--zero .eg-td[b-lrv4lc93xd] { opacity: .55; }

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

/* Capa Ventas: chip compacto reutilizando la semántica visual de ventas. */
[b-lrv4lc93xd] .eg-layer-cell { display: grid; justify-items: center; gap: .12rem; line-height: 1.1; }
[b-lrv4lc93xd] .eg-layer-cell__stock { font-variant-numeric: tabular-nums; }
[b-lrv4lc93xd] .eg-layer-chip {
    display: inline-flex;
    align-items: center;
    min-height: 1rem;
    padding: .03rem .25rem;
    border: 1px solid color-mix(in srgb, var(--tara-success) 42%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-success) 10%, var(--tara-surface));
    color: var(--tara-success);
    font-size: .62rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
[b-lrv4lc93xd] .eg-layer-chip--return {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 42%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary-dark) 10%, var(--tara-surface));
    color: var(--tara-primary-dark);
}
[b-lrv4lc93xd] .eg-layer-chip--purchase {
    border-color: color-mix(in srgb, var(--tara-info) 78%, var(--tara-border));
    background: var(--tara-info);
    color: var(--tara-text-inverse);
}
[b-lrv4lc93xd] .eg-layer-chip--transito {
    border-color: color-mix(in srgb, var(--tara-success) 78%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-success) 74%, var(--tara-surface));
    color: var(--tara-text-inverse);
}
[b-lrv4lc93xd] .eg-layer-chip--bloqueado {
    border-color: color-mix(in srgb, var(--tara-danger) 84%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-danger) 80%, var(--tara-surface));
    color: var(--tara-text-inverse);
}
[b-lrv4lc93xd] .eg-layer-chip--transfer-in {
    border-color: color-mix(in srgb, var(--tara-info) 72%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-info) 68%, var(--tara-success) 32%);
    color: var(--tara-text-inverse);
}
[b-lrv4lc93xd] .eg-layer-chip--transfer-out {
    border-color: color-mix(in srgb, var(--tara-warning) 74%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-warning) 78%, var(--tara-primary-dark) 22%);
    color: var(--tara-text-inverse);
}
[b-lrv4lc93xd] .eg-layer-chip--adjust-in {
    border-color: color-mix(in srgb, var(--tara-success) 72%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-success) 68%, var(--tara-surface));
    color: var(--tara-text-inverse);
}
[b-lrv4lc93xd] .eg-layer-chip--adjust-out {
    border-color: color-mix(in srgb, var(--tara-warning) 74%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-warning) 72%, var(--tara-surface));
    color: var(--tara-text-inverse);
}

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

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

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

.tara-exist-mov-detail-header[b-x9sfru4yxo] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.tara-exist-mov-detail-header h2[b-x9sfru4yxo] {
    margin: .18rem 0 .15rem;
    font-size: 1.18rem;
    color: var(--tara-text);
}

.tara-exist-mov-detail-header p[b-x9sfru4yxo] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .92rem;
}

.tara-exist-mov-detail-eyebrow[b-x9sfru4yxo] {
    display: inline-block;
    color: var(--tara-primary);
    font-size: .8rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-exist-mov-detail-kpis[b-x9sfru4yxo] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    justify-content: flex-end;
}

.tara-exist-mov-detail-kpis span[b-x9sfru4yxo] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .42rem .68rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface) 82%, var(--tara-primary) 18%);
    color: var(--tara-text);
    font-size: .83rem;
    font-weight: 800;
}

.tara-exist-mov-detail-busy[b-x9sfru4yxo],
.tara-exist-mov-detail-empty[b-x9sfru4yxo] {
    min-height: 220px;
    display: grid;
    place-items: center;
    gap: .75rem;
    text-align: center;
    color: var(--tara-text-muted);
}

.tara-exist-mov-detail-empty strong[b-x9sfru4yxo] {
    color: var(--tara-text);
}

.tara-exist-mov-detail-empty p[b-x9sfru4yxo] {
    margin: 0;
    max-width: 42ch;
}

.tara-exist-mov-detail-alert[b-x9sfru4yxo] {
    padding: .7rem .9rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 25%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    color: var(--tara-text);
    font-size: .84rem;
    font-weight: 700;
}

.tara-exist-mov-detail-grid[b-x9sfru4yxo] {
    min-width: 0;
}

.tara-exist-mov-detail-grid[b-x9sfru4yxo]  .tdg-table-scroll {
    max-height: min(62vh, 680px);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
}

.tara-exist-mov-detail-grid[b-x9sfru4yxo]  .tdg-table {
    min-width: 1160px;
}

.tara-exist-mov-detail-grid[b-x9sfru4yxo]  .tdg-toolbar {
    margin-bottom: .5rem;
}

.tara-exist-mov-detail-grid[b-x9sfru4yxo]  .tdg-search-field {
    min-width: min(420px, 100%);
}

@media (max-width: 960px) {
    .tara-exist-mov-detail-shell[b-x9sfru4yxo] {
        min-width: 0;
    }

    .tara-exist-mov-detail-header[b-x9sfru4yxo] {
        flex-direction: column;
    }

    .tara-exist-mov-detail-kpis[b-x9sfru4yxo] {
        justify-content: flex-start;
    }

    .tara-exist-mov-detail-grid[b-x9sfru4yxo]  .tdg-table {
        min-width: 960px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenExistenciasRankingTopDialog.razor.rz.scp.css */
.tara-exist-ranking-top-shell[b-ad2a20f34w] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.tara-exist-ranking-top-header[b-ad2a20f34w] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    flex-wrap: wrap;
}

.tara-exist-ranking-top-header h2[b-ad2a20f34w] {
    margin: .2rem 0 .3rem;
    color: var(--tara-text);
    font-size: clamp(1.1rem, 2vw, 1.45rem);
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-exist-ranking-top-header p[b-ad2a20f34w] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .82rem;
    font-weight: 700;
}

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

.tara-exist-ranking-top-kpis[b-ad2a20f34w] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .45rem;
}

.tara-exist-ranking-top-kpis span[b-ad2a20f34w],
.tara-exist-ranking-top-banner[b-ad2a20f34w],
.tara-exist-ranking-top-count-chip[b-ad2a20f34w] {
    border: 1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    border-radius: 999px;
    padding: .38rem .72rem;
    color: var(--tara-text);
    font-size: .77rem;
    font-weight: 700;
}

.tara-exist-ranking-top-banner[b-ad2a20f34w] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    border-radius: 14px;
}

.tara-exist-ranking-top-banner--muted[b-ad2a20f34w] {
    background: var(--tara-surface-raised);
    border-color: var(--tara-border);
    color: var(--tara-text-muted);
}

.tara-exist-ranking-top-busy[b-ad2a20f34w],
.tara-exist-ranking-top-empty[b-ad2a20f34w] {
    min-height: 220px;
    display: grid;
    place-items: center;
    align-content: center;
    justify-items: center;
    gap: .65rem;
    text-align: center;
    color: var(--tara-text-muted);
}

.tara-exist-ranking-top-empty strong[b-ad2a20f34w] {
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-exist-ranking-top-empty p[b-ad2a20f34w] {
    margin: 0;
    max-width: 34rem;
}

.tara-exist-ranking-top-grid[b-ad2a20f34w] {
    min-width: 0;
}

.tara-exist-ranking-top-toolbar[b-ad2a20f34w] {
    display: flex;
    gap: .8rem;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-exist-ranking-top-toolbar__filters[b-ad2a20f34w],
.tara-exist-ranking-top-toolbar__actions[b-ad2a20f34w] {
    display: flex;
    gap: .8rem;
    align-items: flex-start;
    flex-wrap: wrap;
}

.tara-exist-ranking-top-search[b-ad2a20f34w] {
    width: min(100%, 23rem);
}

.tara-exist-ranking-top-type-select[b-ad2a20f34w] {
    min-width: 15rem;
}

.tara-exist-ranking-top-export-btn[b-ad2a20f34w] {
    min-width: 8rem;
}

.tara-exist-ranking-top-helper[b-ad2a20f34w] {
    margin: -.2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .8rem;
    font-weight: 700;
}

.tara-exist-ranking-top-table-shell[b-ad2a20f34w] {
    min-width: 0;
}

.tara-exist-ranking-top-product-cell[b-ad2a20f34w] {
    display: flex;
    justify-content: center;
}

.tara-exist-ranking-top-product[b-ad2a20f34w] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tara-exist-ranking-top-product__action[b-ad2a20f34w] {
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.tara-exist-ranking-top-product__thumb[b-ad2a20f34w] {
    width: 80px;
    height: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    border-radius: 16px;
    border: 1px solid var(--tara-border);
    background: #fff;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--tara-surface) 88%, transparent);
}

.tara-exist-ranking-top-product__thumb--button[b-ad2a20f34w] {
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.tara-exist-ranking-top-product__action:hover .tara-exist-ranking-top-product__thumb--button[b-ad2a20f34w],
.tara-exist-ranking-top-product__action:focus-visible .tara-exist-ranking-top-product__thumb--button[b-ad2a20f34w],
.tara-exist-ranking-top-product__thumb--button:hover[b-ad2a20f34w],
.tara-exist-ranking-top-product__thumb--button:focus-visible[b-ad2a20f34w] {
    outline: none;
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
    box-shadow: 0 10px 20px color-mix(in srgb, var(--tara-primary) 12%, transparent);
}

.tara-exist-ranking-top-product__thumb--loading[b-ad2a20f34w] {
    padding: .35rem;
}

.tara-exist-ranking-top-product__thumb--empty[b-ad2a20f34w] {
    color: var(--tara-text-muted);
    font-size: .68rem;
    font-weight: 800;
    text-align: center;
    padding: .5rem;
}

.tara-exist-ranking-top-product__thumb--card[b-ad2a20f34w] {
    width: 64px;
    height: 64px;
}

.tara-exist-ranking-top-product__img[b-ad2a20f34w] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tara-exist-ranking-top-current-badge[b-ad2a20f34w] {
    position: absolute;
    left: .4rem;
    bottom: .4rem;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    background: rgba(255, 255, 255, .94);
    color: var(--tara-primary-dark);
    padding: .18rem .48rem;
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
    backdrop-filter: blur(6px);
}

.tara-exist-ranking-top-style-cell[b-ad2a20f34w] {
    display: flex;
    align-items: center;
}

.tara-exist-ranking-top-style-chip[b-ad2a20f34w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.1rem;
    padding: .48rem .9rem;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--tara-primary-dark), var(--tara-primary));
    color: #fff;
    font-size: .94rem;
    font-weight: 900;
    letter-spacing: .01em;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--tara-primary) 18%, transparent);
}

.tara-exist-ranking-top-rank[b-ad2a20f34w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 4.25rem;
}

.tara-exist-ranking-top-rank span[b-ad2a20f34w] {
    color: var(--tara-text);
    font-size: 1.08rem;
    font-weight: 900;
    letter-spacing: -.02em;
}

.tara-exist-ranking-top-metric[b-ad2a20f34w] {
    display: grid;
    gap: .08rem;
    min-width: 0;
}

.tara-exist-ranking-top-metric strong[b-ad2a20f34w] {
    color: var(--tara-text);
    font-size: .92rem;
    font-weight: 900;
    line-height: 1.1;
}

.tara-exist-ranking-top-metric span[b-ad2a20f34w] {
    color: var(--tara-text-muted);
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-exist-ranking-top-metric--compact strong[b-ad2a20f34w] {
    font-size: .86rem;
}

.tara-exist-ranking-top-metric--units strong[b-ad2a20f34w] {
    color: var(--tara-primary-dark);
}

.tara-exist-ranking-top-metric--stock strong[b-ad2a20f34w] {
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-exist-ranking-top-risk-pill[b-ad2a20f34w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.95rem;
    padding: .35rem .72rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .03em;
    white-space: nowrap;
}

.tara-exist-ranking-top-risk-pill--high[b-ad2a20f34w] {
    background: color-mix(in srgb, #DC2626 14%, var(--tara-surface));
    border-color: color-mix(in srgb, #DC2626 34%, var(--tara-border));
    color: #991B1B;
}

.tara-exist-ranking-top-risk-pill--medium[b-ad2a20f34w] {
    background: color-mix(in srgb, #F59E0B 16%, var(--tara-surface));
    border-color: color-mix(in srgb, #F59E0B 34%, var(--tara-border));
    color: #92400E;
}

.tara-exist-ranking-top-risk-pill--low[b-ad2a20f34w] {
    background: color-mix(in srgb, #16A34A 14%, var(--tara-surface));
    border-color: color-mix(in srgb, #16A34A 32%, var(--tara-border));
    color: #166534;
}

.tara-exist-ranking-top-risk-pill--neutral[b-ad2a20f34w] {
    background: color-mix(in srgb, var(--tara-text-muted) 10%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-text-muted) 22%, var(--tara-border));
    color: var(--tara-text-muted);
}

.tara-exist-ranking-top-empty--compact[b-ad2a20f34w] {
    min-height: 160px;
}

.tara-exist-ranking-top-cards[b-ad2a20f34w] {
    display: none;
}

.tara-exist-ranking-top-card[b-ad2a20f34w] {
    border: 1px solid var(--tara-border);
    border-radius: 18px;
    background: var(--tara-surface);
    padding: .9rem;
    display: grid;
    gap: .7rem;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--tara-primary-dark) 4%, transparent);
}

.tara-exist-ranking-top-card--current[b-ad2a20f34w] {
    border-color: color-mix(in srgb, var(--tara-primary) 25%, var(--tara-border));
    box-shadow: 0 12px 24px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-exist-ranking-top-card__header[b-ad2a20f34w],
.tara-exist-ranking-top-card__metrics[b-ad2a20f34w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    flex-wrap: wrap;
}

.tara-exist-ranking-top-card__header > div[b-ad2a20f34w],
.tara-exist-ranking-top-card__metrics[b-ad2a20f34w] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.tara-exist-ranking-top-card__rank[b-ad2a20f34w] {
    color: var(--tara-text);
    font-size: 1.05rem;
    font-weight: 900;
}

.tara-exist-ranking-top-card__body[b-ad2a20f34w] {
    display: grid;
    gap: .4rem;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-exist-ranking-top-card__main[b-ad2a20f34w] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .85rem;
    align-items: start;
}

.tara-exist-ranking-top-card__body strong[b-ad2a20f34w] {
    color: var(--tara-text);
}

.tara-exist-ranking-top-card__metrics span[b-ad2a20f34w] {
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-exist-ranking-top-card__metrics strong[b-ad2a20f34w] {
    color: var(--tara-text);
    font-weight: 900;
}

.tara-exist-ranking-top-card__inventory[b-ad2a20f34w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.tara-exist-ranking-top-card__inventory-item[b-ad2a20f34w] {
    border: 1px solid var(--tara-border);
    border-radius: 14px;
    background: color-mix(in srgb, var(--tara-surface) 92%, #fff);
    padding: .65rem .75rem;
    display: grid;
    gap: .18rem;
}

.tara-exist-ranking-top-card__inventory-item span[b-ad2a20f34w] {
    color: var(--tara-text-muted);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-exist-ranking-top-card__inventory-item strong[b-ad2a20f34w] {
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 900;
}

.tara-exist-ranking-top-card__inventory-item--risk[b-ad2a20f34w] {
    align-content: start;
}

[b-ad2a20f34w] .tara-exist-ranking-top-data-grid {
    border: 1px solid var(--tara-border);
    border-radius: 18px;
    overflow: hidden;
    background: var(--tara-surface);
}

[b-ad2a20f34w] .tara-exist-ranking-top-data-grid .mud-table-container {
    background: var(--tara-surface);
}

[b-ad2a20f34w] .tara-exist-ranking-top-data-grid .mud-table-head th {
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    font-size: .77rem;
    font-weight: 900;
    letter-spacing: .03em;
    white-space: nowrap;
}

[b-ad2a20f34w] .tara-exist-ranking-top-data-grid .mud-table-body .mud-table-row:nth-child(odd) {
    background: var(--tara-row-odd);
}

[b-ad2a20f34w] .tara-exist-ranking-top-data-grid .mud-table-body .mud-table-row:nth-child(even) {
    background: var(--tara-row-even);
}

[b-ad2a20f34w] .tara-exist-ranking-top-data-grid .mud-table-body .mud-table-row:hover,
[b-ad2a20f34w] .tara-exist-ranking-top-data-grid .mud-table-body .mud-table-row:focus-within {
    background: var(--tara-row-hover);
}

[b-ad2a20f34w] .tara-exist-ranking-top-data-grid .mud-table-body .mud-table-cell {
    padding-top: .72rem;
    padding-bottom: .72rem;
    vertical-align: middle;
    border-bottom: 1px solid var(--tara-border);
}

[b-ad2a20f34w] .tara-exist-ranking-top-data-grid .mud-table-pagination {
    border-top: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface) 92%, #fff);
}

[b-ad2a20f34w] .tara-exist-ranking-top-th--numeric,
[b-ad2a20f34w] .tara-exist-ranking-top-td--numeric {
    text-align: right;
}

[b-ad2a20f34w] .tara-exist-ranking-top-th--rank,
[b-ad2a20f34w] .tara-exist-ranking-top-td--rank,
[b-ad2a20f34w] .tara-exist-ranking-top-th--product,
[b-ad2a20f34w] .tara-exist-ranking-top-td--product {
    text-align: center;
}

[b-ad2a20f34w] .tara-exist-ranking-top-td--description {
    min-width: 11rem;
}

@media (max-width: 767.98px) {
    .tara-exist-ranking-top-header[b-ad2a20f34w] {
        flex-direction: column;
    }

    .tara-exist-ranking-top-kpis[b-ad2a20f34w] {
        justify-content: flex-start;
    }

    .tara-exist-ranking-top-toolbar[b-ad2a20f34w],
    .tara-exist-ranking-top-toolbar__filters[b-ad2a20f34w],
    .tara-exist-ranking-top-toolbar__actions[b-ad2a20f34w] {
        justify-content: stretch;
        flex-direction: column;
        width: 100%;
    }

    .tara-exist-ranking-top-search[b-ad2a20f34w],
    .tara-exist-ranking-top-type-select[b-ad2a20f34w],
    .tara-exist-ranking-top-export-btn[b-ad2a20f34w] {
        width: 100%;
        min-width: 0;
    }

    .tara-exist-ranking-top-table-shell[b-ad2a20f34w] {
        display: none;
    }

    .tara-exist-ranking-top-cards[b-ad2a20f34w] {
        display: grid;
        gap: .8rem;
    }

    .tara-exist-ranking-top-product__thumb[b-ad2a20f34w] {
        width: 56px;
        height: 56px;
        border-radius: 14px;
    }

    .tara-exist-ranking-top-card__main[b-ad2a20f34w] {
        gap: .7rem;
    }

    .tara-exist-ranking-top-style-chip[b-ad2a20f34w] {
        min-height: 1.95rem;
        padding: .42rem .8rem;
        font-size: .88rem;
    }

    .tara-exist-ranking-top-card__inventory[b-ad2a20f34w] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .tara-exist-ranking-top-product__thumb[b-ad2a20f34w] {
        width: 64px;
        height: 64px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenExistenciasRp.razor.rz.scp.css */
.tara-rp-page[b-llpj9cgs88] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

.tara-rp-title-wrap span[b-llpj9cgs88] {
    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-llpj9cgs88],
.tara-rp-toolbar[b-llpj9cgs88],
.tara-rp-zoom-box[b-llpj9cgs88],
.tara-rp-filter-actions[b-llpj9cgs88] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

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

.tara-rp-chip[b-llpj9cgs88] {
    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-llpj9cgs88] {
    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-llpj9cgs88] {
    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-llpj9cgs88] {
    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-llpj9cgs88] {
    min-height: 240px;
    display: grid;
    place-items: center;
    text-align: center;
    gap: .6rem;
}

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

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

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

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

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

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

.tara-rp-vcard[b-llpj9cgs88] {
    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-llpj9cgs88] {
    background: color-mix(in srgb, var(--tara-primary) 14%, var(--tara-surface));
}

.tara-rp-vcard-head[b-llpj9cgs88] {
    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-llpj9cgs88] {
    cursor: default;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tara-rp-table th[b-llpj9cgs88],
.tara-rp-table td[b-llpj9cgs88] {
    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-llpj9cgs88] {
    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-llpj9cgs88] {
    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-llpj9cgs88] {
    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-llpj9cgs88] {
    background: var(--tara-row-odd);
}

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

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

.tara-rp-zoom-btn[b-llpj9cgs88] {
    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-llpj9cgs88] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

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

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

    .tara-rp-vgrid[b-llpj9cgs88] {
        grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenGestionCurvas.razor.rz.scp.css */
.tara-curvas-hub[b-is7lrupatv] {
    display: grid;
    align-content: start;
    width: 100%;
    gap: 1.1rem;
    padding: clamp(.9rem, 2vw, 1.35rem);
    background: var(--tara-bg);
    min-height: calc(100vh - 96px);
}

.tara-curvas-hub__hero[b-is7lrupatv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: clamp(1rem, 2.2vw, 1.5rem);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
    position: relative;
}

.tara-curvas-hub__eyebrow[b-is7lrupatv] {
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

.tara-curvas-hub__hero h1[b-is7lrupatv] {
    margin: .3rem 0;
    font-size: clamp(1.45rem, 2vw, 2rem);
    color: var(--tara-text);
}

.tara-curvas-hub__hero p[b-is7lrupatv] {
    margin: 0;
    color: var(--tara-text-muted);
    max-width: 62ch;
    line-height: 1.55;
}

.tara-curvas-hub__grid[b-is7lrupatv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.tara-curvas-hub__card[b-is7lrupatv] {
    display: grid;
    gap: .75rem;
    text-align: left;
    min-height: 190px;
    padding: 1.1rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    color: var(--tara-text);
    box-shadow: var(--tara-shadow-sm);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    align-content: start;
}

.tara-curvas-hub__card:hover[b-is7lrupatv] {
    transform: translateY(-2px);
    border-color: var(--tara-primary);
    box-shadow: var(--tara-shadow-lg);
}

.tara-curvas-hub__card:focus-visible[b-is7lrupatv] {
    outline: 3px solid color-mix(in srgb, var(--tara-primary) 22%, transparent);
    outline-offset: 2px;
    border-color: var(--tara-primary-dark);
}

.tara-curvas-hub__card strong[b-is7lrupatv] {
    font-size: 1rem;
}

.tara-curvas-hub__card span[b-is7lrupatv] {
    color: var(--tara-text-muted);
    line-height: 1.5;
}

.tara-curvas-hub__icon[b-is7lrupatv] {
    color: var(--tara-primary-dark);
    width: 2.8rem;
    height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
}

@media (max-width: 920px) {
    .tara-curvas-hub__grid[b-is7lrupatv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .tara-curvas-hub__hero[b-is7lrupatv] {
        flex-direction: column;
    }

    .tara-curvas-hub__grid[b-is7lrupatv] {
        grid-template-columns: 1fr;
    }

    .tara-curvas-hub__card[b-is7lrupatv] {
        min-height: auto;
        padding: 1rem;
    }

    .tara-curvas-hub__hero[b-is7lrupatv]  .mud-chip {
        align-self: flex-start;
    }
}

@media (max-width: 480px) {
    .tara-curvas-hub[b-is7lrupatv] {
        padding: .85rem;
    }

    .tara-curvas-hub__card[b-is7lrupatv] {
        min-height: 168px;
    }

    .tara-curvas-hub__card strong[b-is7lrupatv] {
        font-size: .98rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenInventarioFisico.razor.rz.scp.css */
.tara-inv-shell[b-s5ym0s2v4p] {
    gap: 1rem;
}

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

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

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

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

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

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

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

.tara-inv-panel[b-s5ym0s2v4p] {
    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-s5ym0s2v4p] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
}

.tara-inv-toolbar :is(.tara-secondary-buscar-btn, .tara-excel-btn)[b-s5ym0s2v4p] {
    flex-shrink: 0;
}

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

.tara-inv-upload[b-s5ym0s2v4p] {
    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-s5ym0s2v4p] {
    color: var(--tara-text-muted);
    font-size: .85rem;
}

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

.tara-sub-table-wrap[b-s5ym0s2v4p] {
    overflow-x: auto;
    border-radius: var(--tara-radius-sm);
}

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

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

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

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

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

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

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

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

.tara-inv-adjust-confirm[b-s5ym0s2v4p] {
    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-s5ym0s2v4p] {
    margin: 0 0 .35rem;
    color: var(--tara-text);
    font-size: .95rem;
}

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

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

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

.tara-inv-mobile-list[b-s5ym0s2v4p] {
    display: none;
}

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

.tara-inv-mobile-card--detail[b-s5ym0s2v4p] {
    gap: .55rem;
}

.tara-inv-mobile-card__head[b-s5ym0s2v4p] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.tara-inv-mobile-card__head strong[b-s5ym0s2v4p] {
    display: block;
    color: var(--tara-text);
    font-size: .95rem;
}

.tara-inv-mobile-card__head span[b-s5ym0s2v4p] {
    display: block;
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-inv-mobile-card__meta[b-s5ym0s2v4p] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem .75rem;
    margin: 0;
}

.tara-inv-mobile-card__meta--detail[b-s5ym0s2v4p] {
    grid-template-columns: 1fr;
}

.tara-inv-mobile-card__meta div[b-s5ym0s2v4p] {
    min-width: 0;
}

.tara-inv-mobile-card__meta dt[b-s5ym0s2v4p] {
    margin: 0 0 .12rem;
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.tara-inv-mobile-card__meta dd[b-s5ym0s2v4p] {
    margin: 0;
    color: var(--tara-text);
    font-size: .84rem;
    word-break: break-word;
}

.tara-inv-mobile-card__actions[b-s5ym0s2v4p] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

@media (min-width: 900px) {
    .tara-inv-menu-grid[b-s5ym0s2v4p] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-inv-panel[b-s5ym0s2v4p] {
        padding: .7rem;
    }

    .tara-inv-toolbar[b-s5ym0s2v4p],
    .tara-inv-detail-tabs[b-s5ym0s2v4p],
    .tara-inv-detail-head[b-s5ym0s2v4p] {
        align-items: stretch;
    }

    .tara-inv-toolbar :is(.tara-inv-select, .tara-inv-search, .tara-secondary-buscar-btn, .tara-excel-btn)[b-s5ym0s2v4p],
    .tara-inv-detail-tabs .mud-button-root[b-s5ym0s2v4p],
    .tara-inv-mobile-card__actions .mud-button-root[b-s5ym0s2v4p] {
        width: 100%;
    }

    .tara-inv-upload[b-s5ym0s2v4p] {
        align-items: flex-start;
    }

    .tara-inv-table[b-s5ym0s2v4p],
    .tara-inv-table-detail[b-s5ym0s2v4p],
    .tara-sub-table-wrap[b-s5ym0s2v4p] {
        display: none;
    }

    .tara-inv-mobile-list[b-s5ym0s2v4p] {
        display: grid;
        gap: .7rem;
    }

    .tara-inv-mobile-card__meta[b-s5ym0s2v4p] {
        grid-template-columns: 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenInventarioFisicoAjusteProducto.razor.rz.scp.css */
.tara-page-loading[b-ahehlm3jj0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 55vh;
    gap: 1rem;
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-report-header[b-ahehlm3jj0] {
    display: flex;
    align-items: center;
    gap: .85rem;
    margin-bottom: 1.25rem;
}

.tara-back-btn.mud-button-root[b-ahehlm3jj0] {
    flex-shrink: 0;
}

.tara-report-title[b-ahehlm3jj0] {
    flex: 1;
    min-width: 0;
}

.tara-report-title h1[b-ahehlm3jj0] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--tara-text);
    line-height: 1.2;
}

.tara-report-title span[b-ahehlm3jj0] {
    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 removed — limpiar moved inside filter panel */

.tara-ajp-page[b-ahehlm3jj0] {
    color: var(--tara-text);
}

.tara-ajp-alert[b-ahehlm3jj0] {
    margin-bottom: 1rem;
}

.tara-filter-pill[b-ahehlm3jj0] {
    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: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tara-filter-count-pill[b-ahehlm3jj0] {
    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;
}

/* ── Panel de filtros — layout en 2 filas ─────────────────────────────────── */

.tara-ajp-filtros-panel[b-ahehlm3jj0] {
    display: grid;
    gap: .85rem;
    padding: 1rem 1.1rem 1.1rem;
}

/* Fila 1: Buscador Pro — ocupa el 100% del ancho */
.tara-ajp-product-selector[b-ahehlm3jj0] {
    width: 100%;
}

.tara-ajp-product-selector[b-ahehlm3jj0]  .tara-pro-search {
    margin-bottom: 0;
    padding: .65rem .85rem;
    box-shadow: none;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    transition: border-color .15s ease, box-shadow .15s ease;
}

.tara-ajp-product-selector[b-ahehlm3jj0]  .tara-pro-search:focus-within {
    border-color: color-mix(in srgb, var(--tara-primary) 40%, var(--tara-border));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--tara-primary) 8%, transparent);
}

.tara-ajp-product-selector[b-ahehlm3jj0]  .tara-pro-search__title {
    display: none;
}

/* Estado seleccionado dentro del buscador */
.tara-ajp-sel-toolbar[b-ahehlm3jj0] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
    min-height: 36px;
    padding: .1rem 0;
}

.tara-ajp-sel-desc[b-ahehlm3jj0] {
    flex: 1;
    min-width: 0;
    font-size: .85rem;
    font-weight: 500;
    color: var(--tara-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Fila 2: Tienda + CTA + Limpiar */
.tara-ajp-filtros-row2[b-ahehlm3jj0] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-ajp-tienda-select[b-ahehlm3jj0] {
    flex: 1 1 200px;
    min-width: 180px;
}

/* ── CTA principal: Ajustar ─────────────────────────────────────────────── */
.tara-ajp-cta-btn.mud-button-root[b-ahehlm3jj0] {
    min-width: 130px;
    min-height: 48px;
    font-size: .97rem;
    font-weight: 700;
    letter-spacing: .02em;
    flex-shrink: 0;
}

/* ── Limpiar — acción terciaria ─────────────────────────────────────────── */
.tara-ajp-limpiar-btn.mud-button-root[b-ahehlm3jj0] {
    min-height: 36px;
    flex-shrink: 0;
    color: var(--tara-text-muted);
    opacity: .8;
    font-size: .82rem;
}

.tara-ajp-limpiar-btn.mud-button-root:hover:not(:disabled)[b-ahehlm3jj0] {
    opacity: 1;
    color: var(--tara-text);
}

/* ── Tienda select — estilos hover/focus ────────────────────────────────── */
[b-ahehlm3jj0] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-ahehlm3jj0] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-ahehlm3jj0] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-ahehlm3jj0] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
    .tara-ajp-filtros-row2[b-ahehlm3jj0] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-ajp-motivo-field[b-ahehlm3jj0] {
        min-width: 100%;
    }

    .tara-ajp-cta-btn.mud-button-root[b-ahehlm3jj0] {
        width: 100%;
        min-height: 52px;
    }

    .tara-ajp-limpiar-btn.mud-button-root[b-ahehlm3jj0] {
        width: 100%;
        justify-content: center;
    }
}

.tara-ajp-content-grid[b-ahehlm3jj0] {
    display: grid;
    grid-template-columns: minmax(0, 2.2fr) minmax(300px, 1fr);
    gap: 1rem;
    margin-top: 1rem;
}

.tara-ajp-card[b-ahehlm3jj0] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
    padding: 1rem 1.05rem;
}

.tara-ajp-card-head[b-ahehlm3jj0] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.tara-ajp-card-head h2[b-ahehlm3jj0] {
    margin: .18rem 0 0;
    font-size: 1.1rem;
    line-height: 1.25;
}

.tara-ajp-card-head p[b-ahehlm3jj0] {
    margin: .3rem 0 0;
    color: var(--tara-text-muted);
}

.tara-ajp-eyebrow[b-ahehlm3jj0] {
    display: inline-block;
    font-size: .72rem;
    font-weight: 700;
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .06em;
}

.tara-ajp-price-chip[b-ahehlm3jj0] {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    padding: .45rem .7rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    color: var(--tara-primary-dark);
    font-weight: 700;
}

.tara-ajp-inline-loading[b-ahehlm3jj0] {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .85rem;
    color: var(--tara-text-muted);
}

.tara-ajp-inline-loading--audit[b-ahehlm3jj0] {
    min-height: 48vh;
}

.tara-ajp-empty-state[b-ahehlm3jj0] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    text-align: center;
    background: color-mix(in srgb, var(--tara-surface-raised) 92%, transparent);
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius);
    color: var(--tara-text-muted);
    padding: 1.5rem;
}

.tara-ajp-empty-state strong[b-ahehlm3jj0] {
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-ajp-empty-state--compact[b-ahehlm3jj0] {
    min-height: 160px;
}

.tara-ajp-product-layout[b-ahehlm3jj0] {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.tara-ajp-product-image-panel[b-ahehlm3jj0] {
    display: flex;
    justify-content: center;
}

.tara-ajp-image-button[b-ahehlm3jj0] {
    width: 100%;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    padding: .75rem;
    transition: transform .15s ease, box-shadow .15s ease;
}

.tara-ajp-image-button:hover[b-ahehlm3jj0] {
    transform: translateY(-1px);
    box-shadow: var(--tara-shadow-sm);
}

.tara-ajp-image[b-ahehlm3jj0] {
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
    border-radius: calc(var(--tara-radius) - 4px);
    background: var(--tara-surface);
}

.tara-ajp-image-placeholder[b-ahehlm3jj0] {
    width: 100%;
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    background: var(--tara-surface-raised);
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius);
    color: var(--tara-text-muted);
    padding: 1rem;
}

.tara-ajp-image-placeholder .mud-icon-root[b-ahehlm3jj0] {
    font-size: 2rem;
}

.tara-ajp-product-info[b-ahehlm3jj0] {
    display: flex;
    flex-direction: column;
    gap: .95rem;
    min-width: 0;
}

.tara-ajp-chip-row[b-ahehlm3jj0] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.tara-ajp-kv-grid[b-ahehlm3jj0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.tara-ajp-kv-grid div[b-ahehlm3jj0],
.tara-ajp-description-block div[b-ahehlm3jj0],
.tara-ajp-summary-item[b-ahehlm3jj0] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    padding: .8rem .9rem;
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border-subtle);
}

.tara-ajp-kv-grid span[b-ahehlm3jj0],
.tara-ajp-description-block span[b-ahehlm3jj0],
.tara-ajp-summary-item span[b-ahehlm3jj0] {
    font-size: .72rem;
    font-weight: 700;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .05em;
}

.tara-ajp-kv-grid strong[b-ahehlm3jj0],
.tara-ajp-description-block strong[b-ahehlm3jj0],
.tara-ajp-summary-item strong[b-ahehlm3jj0] {
    color: var(--tara-text);
    line-height: 1.35;
}

.tara-ajp-description-block[b-ahehlm3jj0] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .75rem;
}

.tara-ajp-summary-grid[b-ahehlm3jj0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.tara-ajp-permission-note[b-ahehlm3jj0] {
    margin-top: 1rem;
    padding: .85rem .95rem;
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    display: flex;
    gap: .55rem;
    color: var(--tara-text);
}

.tara-ajp-dialog-shell[b-ahehlm3jj0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tara-ajp-dialog-shell--audit[b-ahehlm3jj0] {
    min-height: min(76vh, 900px);
}

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

.tara-ajp-dialog-header h2[b-ahehlm3jj0] {
    margin: .2rem 0 0;
    font-size: 1.15rem;
}

.tara-ajp-dialog-header p[b-ahehlm3jj0] {
    margin: .3rem 0 0;
    color: var(--tara-text-muted);
}

/* ── KPI strip (barra resumen viva de conciliación) ────────────────────── */
.tara-ajp-kpi-strip[b-ahehlm3jj0] {
    display: flex;
    align-items: flex-end;
    gap: 1.1rem;
    padding: .7rem 1rem;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    flex-wrap: wrap;
    margin-bottom: .5rem;
}

.tara-ajp-kpi-strip__item[b-ahehlm3jj0] {
    display: flex;
    flex-direction: column;
    gap: .12rem;
    min-width: 56px;
}

.tara-ajp-kpi-strip__item > span[b-ahehlm3jj0] {
    font-size: .65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--tara-text-muted);
}

.tara-ajp-kpi-strip__item > strong[b-ahehlm3jj0] {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--tara-text);
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.tara-ajp-kpi-strip__sep[b-ahehlm3jj0] {
    color: var(--tara-text-muted);
    font-size: 1rem;
    padding-bottom: .15rem;
    flex-shrink: 0;
}

.tara-ajp-kpi-strip__item--ok > strong[b-ahehlm3jj0] {
    color: var(--tara-success);
}

.tara-ajp-kpi-strip__item--positive > strong[b-ahehlm3jj0] {
    color: var(--tara-success);
}

.tara-ajp-kpi-strip__item--negative > strong[b-ahehlm3jj0] {
    color: var(--tara-danger);
}

.tara-ajp-kpi-strip__ok[b-ahehlm3jj0] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin-left: auto;
    font-size: .78rem;
    font-weight: 600;
    color: var(--tara-success);
    padding-bottom: .1rem;
}

.tara-ajp-dialog-toolbar[b-ahehlm3jj0] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-ajp-dialog-search[b-ahehlm3jj0] {
    flex: 1 1 320px;
}

[b-ahehlm3jj0] .tara-ajp-dialog-search .mud-input-outlined:hover .mud-input-outlined-border,
[b-ahehlm3jj0] .tara-ajp-dialog-search .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

.tara-ajp-product-results[b-ahehlm3jj0] {
    display: grid;
    gap: .65rem;
    max-height: min(58vh, 680px);
    overflow: auto;
    padding-right: .2rem;
}

.tara-ajp-product-result[b-ahehlm3jj0] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    align-items: start;
    padding: .9rem 1rem;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    color: var(--tara-text);
    text-align: left;
    transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}

.tara-ajp-product-result:hover[b-ahehlm3jj0] {
    border-color: var(--tara-primary-dark);
    transform: translateY(-1px);
    box-shadow: var(--tara-shadow-sm);
}

.tara-ajp-product-result span[b-ahehlm3jj0] {
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-ajp-audit-table-shell[b-ahehlm3jj0] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    overflow: auto;
    background: var(--tara-surface);
}

.tara-ajp-audit-table[b-ahehlm3jj0] {
    width: 100%;
    border-collapse: collapse;
    min-width: 820px;
}

.tara-ajp-audit-table th[b-ahehlm3jj0],
.tara-ajp-audit-table td[b-ahehlm3jj0] {
    padding: .8rem .9rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    text-align: left;
    vertical-align: middle;
}

.tara-ajp-audit-table th[b-ahehlm3jj0] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}

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

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

.tara-ajp-audit-table tbody tr:hover[b-ahehlm3jj0] {
    background: var(--tara-row-hover);
}

.tara-ajp-stepper[b-ahehlm3jj0] {
    display: grid;
    grid-template-columns: auto minmax(92px, 120px) auto;
    gap: .55rem;
    align-items: center;
    justify-content: start;
}

.tara-ajp-stepper-input[b-ahehlm3jj0] {
    min-width: 92px;
}

[b-ahehlm3jj0] .tara-ajp-stepper-input .mud-input-outlined:hover .mud-input-outlined-border,
[b-ahehlm3jj0] .tara-ajp-stepper-input .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

/* ── Table columns ──────────────────────────────────────────────────────── */
.tara-ajp-col-talla[b-ahehlm3jj0] {
    min-width: 80px;
    font-weight: 600;
}

.tara-ajp-col-sistema[b-ahehlm3jj0] {
    color: var(--tara-text-muted);
    font-variant-numeric: tabular-nums;
    min-width: 90px;
}

.tara-ajp-col-fisico[b-ahehlm3jj0] {
    min-width: 220px;
}

.tara-ajp-col-dif[b-ahehlm3jj0] {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    min-width: 72px;
    text-align: right;
}

/* ── Difference cell colors ─────────────────────────────────────────────── */
.tara-ajp-dif--zero[b-ahehlm3jj0] {
    color: var(--tara-text-muted);
    font-weight: 400;
}

.tara-ajp-dif--positive[b-ahehlm3jj0] {
    color: var(--tara-success);
}

.tara-ajp-dif--negative[b-ahehlm3jj0] {
    color: var(--tara-danger);
}

/* ── Changed rows: subtle left accent ───────────────────────────────────── */
.tara-ajp-row--changed > td:first-child[b-ahehlm3jj0] {
    border-left: 3px solid var(--tara-primary-dark);
    padding-left: calc(.9rem - 3px);
}

/* ── Footer badges ──────────────────────────────────────────────────────── */
.tara-ajp-badge-tallas[b-ahehlm3jj0],
.tara-ajp-badge-cambios[b-ahehlm3jj0] {
    display: inline-flex;
    align-items: center;
    padding: .26rem .62rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 600;
    white-space: nowrap;
}

.tara-ajp-badge-tallas[b-ahehlm3jj0] {
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    color: var(--tara-text-muted);
}

.tara-ajp-badge-cambios[b-ahehlm3jj0] {
    background: color-mix(in srgb, var(--tara-primary-dark) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--tara-primary-dark) 22%, var(--tara-border));
    color: var(--tara-primary-dark);
}

/* ── Motivo field en filtros ── */
.tara-ajp-motivo-field[b-ahehlm3jj0] {
    flex: 2 1 240px;
    min-width: 220px;
}

/* ── Motivo como contexto read-only en el header del diálogo ── */
.tara-ajp-motivo-context[b-ahehlm3jj0] {
    margin-top:    4px;
    font-size:     0.78rem;
    color:         var(--tara-text-muted);
    font-style:    italic;
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
    max-width:     420px;
}

.tara-ajp-dialog-actions[b-ahehlm3jj0] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    flex-wrap: wrap;
}

.tara-ajp-dialog-actions__meta[b-ahehlm3jj0],
.tara-ajp-dialog-actions__buttons[b-ahehlm3jj0] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
}

.tara-ajp-image-dialog-shell[b-ahehlm3jj0] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .25rem;
}

.tara-ajp-image-full[b-ahehlm3jj0] {
    width: min(100%, 300px);
    max-height: 300px;
    object-fit: contain;
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

[b-ahehlm3jj0] .tara-ajp-product-dialog .mud-dialog,
[b-ahehlm3jj0] .tara-ajp-image-dialog .mud-dialog {
    border-radius: 18px;
}

[b-ahehlm3jj0] .tara-ajp-audit-dialog .mud-dialog {
    width: min(1180px, calc(100vw - 1.6rem));
    max-width: min(1180px, calc(100vw - 1.6rem));
    height: min(88vh, 980px);
    border-radius: 20px;
}

@media (max-width: 1100px) {
    .tara-ajp-content-grid[b-ahehlm3jj0] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 860px) {
    .tara-report-header[b-ahehlm3jj0] {
        flex-wrap: wrap;
        align-items: start;
    }

    .tara-report-actions[b-ahehlm3jj0] {
        width: 100%;
        margin-left: 0;
        justify-content: flex-end;
    }

    .tara-ajp-product-layout[b-ahehlm3jj0],
    .tara-ajp-summary-grid[b-ahehlm3jj0],
    .tara-ajp-kv-grid[b-ahehlm3jj0] {
        grid-template-columns: 1fr;
    }

    .tara-ajp-product-image-panel[b-ahehlm3jj0] {
        max-width: 260px;
        margin: 0 auto;
    }

    [b-ahehlm3jj0] .tara-ajp-audit-dialog .mud-dialog {
        width: calc(100vw - .8rem);
        max-width: calc(100vw - .8rem);
        height: calc(100vh - .8rem);
        margin: .4rem;
        border-radius: 18px;
    }
}

@media (max-width: 640px) {
    .tara-filters-grid[b-ahehlm3jj0] {
        padding: .8rem;
    }

    .tara-ajp-product-selector[b-ahehlm3jj0],
    .tara-ajp-main-btn.mud-button-root[b-ahehlm3jj0] {
        min-width: 100%;
        width: 100%;
    }

    .tara-ajp-card[b-ahehlm3jj0] {
        padding: .9rem;
    }

    .tara-ajp-card-head[b-ahehlm3jj0],
    .tara-ajp-dialog-header[b-ahehlm3jj0] {
        flex-direction: column;
    }

    .tara-ajp-audit-table[b-ahehlm3jj0],
    .tara-ajp-audit-table thead[b-ahehlm3jj0],
    .tara-ajp-audit-table tbody[b-ahehlm3jj0],
    .tara-ajp-audit-table th[b-ahehlm3jj0],
    .tara-ajp-audit-table td[b-ahehlm3jj0],
    .tara-ajp-audit-table tr[b-ahehlm3jj0] {
        display: block;
    }

    .tara-ajp-audit-table[b-ahehlm3jj0] {
        min-width: 0;
    }

    .tara-ajp-audit-table thead[b-ahehlm3jj0] {
        display: none;
    }

    .tara-ajp-audit-table tbody[b-ahehlm3jj0] {
        display: grid;
        gap: .75rem;
        padding: .75rem;
    }

    .tara-ajp-audit-table tr[b-ahehlm3jj0] {
        border: 1px solid var(--tara-border);
        border-radius: var(--tara-radius-sm);
        padding: .8rem;
        background: var(--tara-surface);
    }

    .tara-ajp-audit-table td[b-ahehlm3jj0] {
        border: none;
        padding: 0;
        margin-bottom: .75rem;
    }

    .tara-ajp-audit-table td:last-child[b-ahehlm3jj0] {
        margin-bottom: 0;
    }

    .tara-ajp-audit-table td[b-ahehlm3jj0]::before {
        content: attr(data-label);
        display: block;
        margin-bottom: .25rem;
        font-size: .72rem;
        font-weight: 700;
        color: var(--tara-text-muted);
        text-transform: uppercase;
        letter-spacing: .05em;
    }

    .tara-ajp-stepper[b-ahehlm3jj0] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        width: 100%;
    }

    .tara-ajp-col-dif[b-ahehlm3jj0] {
        text-align: left;
    }

    .tara-ajp-kpi-strip[b-ahehlm3jj0] {
        gap: .7rem;
        padding: .6rem .75rem;
    }

    .tara-ajp-kpi-strip__item > strong[b-ahehlm3jj0] {
        font-size: 1rem;
    }

    .tara-ajp-kpi-strip__ok[b-ahehlm3jj0] {
        margin-left: 0;
        margin-top: .25rem;
        width: 100%;
    }
}

/* ── Diálogo resumen post-ajuste ──────────────────────────────────────── */

[b-ahehlm3jj0] .tara-ajp-resumen-dialog .mud-dialog-title { padding-bottom: .25rem; }

.tara-ajp-resumen-title[b-ahehlm3jj0] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--tara-text);
}

.tara-ajp-resumen-ok-icon[b-ahehlm3jj0] {
    color: #2e7d32;
}

.tara-ajp-resumen-grid[b-ahehlm3jj0] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    padding: .25rem 0 .5rem;
}

.tara-ajp-resumen-item[b-ahehlm3jj0] {
    flex: 1 1 140px;
    display: flex;
    flex-direction: column;
    gap: .15rem;
    padding: .75rem 1rem;
    border-radius: 8px;
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
}

.tara-ajp-resumen-item--entrada[b-ahehlm3jj0] { border-left: 3px solid #2e7d32; }
.tara-ajp-resumen-item--salida[b-ahehlm3jj0]  { border-left: 3px solid var(--tara-primary-dark); }

.tara-ajp-resumen-label[b-ahehlm3jj0] {
    font-size: .75rem;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.tara-ajp-resumen-num[b-ahehlm3jj0] {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--tara-text);
    font-variant-numeric: tabular-nums;
}

.tara-ajp-resumen-sub[b-ahehlm3jj0] {
    font-size: .78rem;
    color: var(--tara-text-muted);
}

.tara-ajp-resumen-actions[b-ahehlm3jj0] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    padding: .25rem .5rem .25rem 0;
}

/* ── Overlay PDF comprobante ──────────────────────────────────────────── */

.tara-ajp-pdf-overlay[b-ahehlm3jj0] {
    position: fixed;
    inset: 0;
    z-index: 9100;
    background: rgba(0, 0, 0, .55);
    display: flex;
    align-items: stretch;
    justify-content: center;
}

.tara-ajp-pdf-shell[b-ahehlm3jj0] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 860px;
    background: var(--tara-surface);
}

.tara-ajp-pdf-toolbar[b-ahehlm3jj0] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem 1rem;
    background: var(--tara-header-bg);
    color: var(--tara-header-text);
    flex-shrink: 0;
}

.tara-ajp-pdf-toolbar__title[b-ahehlm3jj0] {
    flex: 1;
    font-size: .9rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tara-ajp-pdf-toolbar__actions[b-ahehlm3jj0] {
    display: flex;
    align-items: center;
    gap: .25rem;
}

.tara-ajp-pdf-frame[b-ahehlm3jj0] {
    flex: 1;
    border: none;
    min-height: 560px;
}

.tara-ajp-pdf-loading[b-ahehlm3jj0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    color: var(--tara-text-muted);
    font-size: .9rem;
}

.tara-ajp-resumen-no-pdf[b-ahehlm3jj0] {
    font-size: .8rem;
    color: var(--tara-text-muted);
    font-style: italic;
    flex: 1;
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenNivelacionAutomaticaDialog.razor.rz.scp.css */
.tara-ni-auto-header[b-8rylzb2twg] {
  margin-bottom: 1rem;
  color: var(--tara-text);
}

.tara-ni-auto-header span[b-8rylzb2twg] {
  color: var(--tara-primary-dark);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tara-ni-auto-header h2[b-8rylzb2twg] {
  margin: .2rem 0;
  font-size: 1.35rem;
}

.tara-ni-auto-header p[b-8rylzb2twg],
.tara-ni-auto-state span[b-8rylzb2twg] {
  margin: 0;
  color: var(--tara-text-muted);
}

.tara-ni-auto-toolbar[b-8rylzb2twg] {
  display: grid;
  grid-template-columns: minmax(180px, 240px) auto auto;
  align-items: center;
  gap: .75rem;
  margin-bottom: 1rem;
  padding: .85rem;
  border: 1px solid var(--tara-border);
  border-radius: var(--tara-radius-sm);
  background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
}

.tara-ni-auto-state[b-8rylzb2twg] {
  display: grid;
  gap: .7rem;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid var(--tara-border);
  border-radius: var(--tara-radius-sm);
  background: var(--tara-surface);
}

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

.tara-ni-auto-summary article[b-8rylzb2twg] {
  display: grid;
  gap: .15rem;
  padding: .75rem;
  border: 1px solid var(--tara-border);
  border-radius: var(--tara-radius-sm);
  background: var(--tara-surface);
}

.tara-ni-auto-summary strong[b-8rylzb2twg] {
  color: var(--tara-primary-dark);
  font-size: 1.25rem;
}

.tara-ni-auto-summary span[b-8rylzb2twg] {
  color: var(--tara-text-muted);
  font-size: .82rem;
}

.tara-ni-auto-filters[b-8rylzb2twg] {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin: .75rem 0;
  color: var(--tara-text-muted);
  font-size: .85rem;
}

.tara-ni-auto-filters .mud-input-control[b-8rylzb2twg] {
  max-width: 240px;
}

@media (max-width: 760px) {
  .tara-ni-auto-toolbar[b-8rylzb2twg] {
    grid-template-columns: 1fr;
  }

  .tara-ni-auto-summary[b-8rylzb2twg] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tara-ni-auto-filters[b-8rylzb2twg] {
    align-items: stretch;
    flex-direction: column;
  }

  .tara-ni-auto-filters .mud-input-control[b-8rylzb2twg] {
    max-width: none;
  }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenNivelacionTopUrgentesDialog.razor.rz.scp.css */
.tara-ni-top20-header[b-diwk529mp5] {
  position: relative;
  display: grid;
  gap: .25rem;
  margin-bottom: 1rem;
  padding-bottom: .9rem;
  border-bottom: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
}

.tara-ni-top20-header[b-diwk529mp5]::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 2.8rem;
  height: 2px;
  border-radius: 0 2px 2px 0;
  background: var(--tara-primary);
}

.tara-ni-top20-header span[b-diwk529mp5] {
  color: var(--tara-primary-dark);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tara-ni-top20-title-row[b-diwk529mp5] {
  display: flex;
  align-items: center;
  gap: .45rem;
}

.tara-ni-top20-title-row h2[b-diwk529mp5] {
  margin: .05rem 0;
  color: var(--tara-text);
  font-size: clamp(1.25rem, 2vw, 1.55rem);
  font-weight: 850;
  letter-spacing: -.025em;
}

.tara-ni-top20-header p[b-diwk529mp5] {
  max-width: 720px;
  margin: 0;
  color: var(--tara-text-muted);
  font-size: .88rem;
}

[b-diwk529mp5] .tara-ni-top20-help-btn {
  color: var(--tara-primary-dark);
  border: 1px solid color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
  background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
}

.tara-ni-top20-state[b-diwk529mp5] {
  min-height: 16rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  color: var(--tara-text-muted);
}

[b-diwk529mp5] .tara-ni-top20-open-cell {
  background: color-mix(in srgb, var(--tara-primary) 3%, var(--tara-surface));
}

[b-diwk529mp5] .tara-ni-top20-open-btn {
  min-width: 104px;
  color: var(--tara-text-inverse);
  box-shadow: var(--tara-shadow-sm);
}

[b-diwk529mp5] .tara-ni-top20-open-btn:hover:not(:disabled) {
  box-shadow: var(--tara-shadow);
  transform: translateY(-1px);
}

.tara-ni-top20-pill[b-diwk529mp5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .25rem;
  min-height: 24px;
  border: 1px solid var(--tara-border);
  border-radius: 999px;
  padding: .12rem .52rem;
  font-size: .74rem;
  font-weight: 800;
  white-space: nowrap;
}

.tara-ni-top20-pill[b-diwk529mp5]::before {
  content: "";
  width: .42rem;
  height: .42rem;
  border-radius: 50%;
  background: currentColor;
}

.tara-ni-top20-pill--critical[b-diwk529mp5] {
  border-color: color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
  background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
  color: var(--tara-primary-dark);
}

.tara-ni-top20-pill--high[b-diwk529mp5] {
  border-color: color-mix(in srgb, var(--tara-warning) 35%, var(--tara-border));
  background: color-mix(in srgb, var(--tara-warning) 10%, var(--tara-surface));
  color: var(--tara-warning);
}

.tara-ni-top20-pill--medium[b-diwk529mp5] {
  border-color: color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
  background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
  color: var(--tara-text-muted);
}

.tara-ni-top20-pill--low[b-diwk529mp5],
.tara-ni-top20-pill--ok[b-diwk529mp5] {
  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));
  color: var(--tara-success);
}

.tara-ni-top20-help-backdrop[b-diwk529mp5] {
  position: fixed;
  inset: 0;
  z-index: 1400;
  display: grid;
  place-items: center;
  padding: 1.25rem;
  background: color-mix(in srgb, var(--tara-bg) 55%, transparent);
  backdrop-filter: blur(3px);
}

.tara-ni-top20-help[b-diwk529mp5] {
  position: relative;
  width: min(720px, calc(100vw - 2rem));
  max-height: min(760px, calc(100vh - 2rem));
  overflow: auto;
  display: grid;
  gap: 1rem;
  padding: 1.1rem;
  border: 1px solid var(--tara-border);
  border-radius: var(--tara-radius);
  background: var(--tara-surface);
  box-shadow: var(--tara-shadow-lg);
  color: var(--tara-text);
}

.tara-ni-top20-help-close[b-diwk529mp5] {
  position: absolute;
  top: .75rem;
  right: .75rem;
  width: 36px;
  height: 36px;
  border: 1px solid var(--tara-border);
  border-radius: 999px;
  background: var(--tara-surface);
  color: var(--tara-text-muted);
  cursor: pointer;
}

.tara-ni-top20-help-heading[b-diwk529mp5] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .8rem;
  align-items: start;
  padding-right: 2.5rem;
}

.tara-ni-top20-help-heading h3[b-diwk529mp5],
.tara-ni-top20-help h4[b-diwk529mp5],
.tara-ni-top20-help p[b-diwk529mp5] {
  margin: 0;
}

.tara-ni-top20-help-heading h3[b-diwk529mp5] {
  font-size: 1.05rem;
  font-weight: 850;
}

.tara-ni-top20-help p[b-diwk529mp5] {
  margin-top: .25rem;
  color: var(--tara-text-muted);
  font-size: .86rem;
}

.tara-ni-top20-help-icon[b-diwk529mp5] {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--tara-primary-dark);
  color: var(--tara-text-inverse);
  font-weight: 900;
}

.tara-ni-top20-help-grid[b-diwk529mp5],
.tara-ni-top20-notes[b-diwk529mp5] {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(220px, .8fr);
  gap: .9rem;
}

.tara-ni-top20-help-grid > section[b-diwk529mp5],
.tara-ni-top20-notes[b-diwk529mp5] {
  padding: .85rem;
  border: 1px solid var(--tara-border);
  border-radius: var(--tara-radius-sm);
  background: color-mix(in srgb, var(--tara-surface-raised) 65%, var(--tara-surface));
}

.tara-ni-top20-factor-grid[b-diwk529mp5] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .55rem;
  margin-top: .75rem;
}

.tara-ni-top20-factor-grid article[b-diwk529mp5] {
  display: grid;
  place-items: center;
  gap: .28rem;
  min-height: 70px;
  padding: .45rem;
  border: 1px solid var(--tara-border-subtle);
  border-radius: var(--tara-radius-sm);
  background: var(--tara-surface);
  color: var(--tara-text-muted);
  text-align: center;
  font-size: .72rem;
}

.tara-ni-top20-factor-grid article .mud-icon-root[b-diwk529mp5] {
  color: var(--tara-primary-dark);
}

.tara-ni-top20-steps[b-diwk529mp5] {
  display: grid;
  gap: .5rem;
  margin: .75rem 0 0;
  padding: 0;
  list-style: none;
}

.tara-ni-top20-steps li[b-diwk529mp5] {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .45rem .55rem;
  border-radius: var(--tara-radius-sm);
  color: var(--tara-text-muted);
  font-size: .8rem;
}

.tara-ni-top20-steps span[b-diwk529mp5] {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--tara-surface);
  border: 1px solid var(--tara-border);
  color: var(--tara-text-muted);
  font-size: .72rem;
}

.tara-ni-top20-steps-current[b-diwk529mp5] {
  background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
  color: var(--tara-primary-dark) !important;
  font-weight: 800;
}

.tara-ni-top20-steps-current span[b-diwk529mp5] {
  background: var(--tara-primary-dark);
  color: var(--tara-text-inverse);
}

.tara-ni-top20-notes ul[b-diwk529mp5] {
  display: grid;
  gap: .3rem;
  margin: .65rem 0 0;
  padding: 0;
  list-style: none;
  color: var(--tara-text-muted);
  font-size: .82rem;
}

.tara-ni-top20-notes li[b-diwk529mp5]::before {
  content: "✓";
  margin-right: .45rem;
  color: var(--tara-success);
  font-weight: 900;
}

.tara-ni-top20-no li[b-diwk529mp5]::before {
  content: "×";
  color: var(--tara-primary-dark);
}

.tara-ni-top20-help-actions[b-diwk529mp5] {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 760px) {
  .tara-ni-top20-title-row[b-diwk529mp5] {
    align-items: flex-start;
  }

  .tara-ni-top20-help-grid[b-diwk529mp5],
  .tara-ni-top20-notes[b-diwk529mp5] {
    grid-template-columns: 1fr;
  }

  .tara-ni-top20-factor-grid[b-diwk529mp5] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenPretraspasosReportes.razor.rz.scp.css */
.tara-pretraspasos-back-btn[b-z67yonp65g] {
    margin-bottom: .35rem;
    color: var(--tara-primary-dark);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
}

.tara-pretraspasos-filters[b-z67yonp65g] {
    display: grid;
    grid-template-columns: repeat(5, minmax(130px, 1fr)) auto;
    align-items: end;
    gap: .75rem;
}

[b-z67yonp65g] .tara-fa-card {
    margin-bottom: 1rem;
}

[b-z67yonp65g] .tara-fa-body-inner {
    padding: .75rem 1rem .9rem;
}

.tara-pretraspasos-filters .tara-secondary-buscar-btn[b-z67yonp65g] {
    min-height: 36px;
    white-space: nowrap;
}

.tara-pretraspasos-grid-actions[b-z67yonp65g],
.tara-pretraspasos-mobile-actions[b-z67yonp65g] {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-wrap: wrap;
}

.tara-pretraspasos-grid-action[b-z67yonp65g] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    color: var(--tara-primary-dark);
    cursor: pointer;
    font: inherit;
    font-size: .78rem;
    font-weight: 700;
    padding: .26rem .48rem;
}

.tara-pretraspasos-grid-action:hover[b-z67yonp65g],
.tara-pretraspasos-grid-action:focus-visible[b-z67yonp65g] {
    border-color: var(--tara-primary-dark);
    background: var(--tara-primary-subtle);
    outline: none;
}

.tara-pretraspasos-mobile-card[b-z67yonp65g] {
    display: grid;
    gap: .55rem;
    padding: .9rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-pretraspasos-mobile-card > div:not(.tara-pretraspasos-mobile-route):not(.tara-pretraspasos-mobile-actions)[b-z67yonp65g] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
}

.tara-pretraspasos-mobile-card span[b-z67yonp65g],
.tara-pretraspasos-action-dialog dt[b-z67yonp65g] {
    color: var(--tara-text-muted);
}

.tara-pretraspasos-mobile-route[b-z67yonp65g] {
    color: var(--tara-text);
    font-weight: 700;
}

.tara-pretraspasos-action-dialog h2[b-z67yonp65g] {
    margin: 0;
    color: var(--tara-text);
}

.tara-pretraspasos-action-kicker[b-z67yonp65g] {
    margin: 0 0 .35rem;
    color: var(--tara-primary-dark);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.tara-pretraspasos-action-route[b-z67yonp65g] {
    margin-bottom: .25rem;
    color: var(--tara-text);
    font-weight: 700;
}

.tara-pretraspasos-action-dialog dl[b-z67yonp65g] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: .3rem .75rem;
    margin: .85rem 0;
}

.tara-pretraspasos-action-dialog dd[b-z67yonp65g] { margin: 0; color: var(--tara-text); }

[b-z67yonp65g] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-z67yonp65g] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-z67yonp65g] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-z67yonp65g] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

@media (max-width: 1080px) {
    .tara-pretraspasos-filters[b-z67yonp65g] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tara-pretraspasos-filters .tara-secondary-buscar-btn[b-z67yonp65g] {
        justify-self: end;
    }
}

@media (max-width: 680px) {
    .tara-pretraspasos-hero[b-z67yonp65g] {
        flex-direction: column;
    }

    .tara-pretraspasos-hero-chips[b-z67yonp65g] {
        justify-content: flex-start;
    }

    [b-z67yonp65g] .tara-fa-body-inner { padding: .75rem; }

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

    .tara-pretraspasos-filters .tara-secondary-buscar-btn[b-z67yonp65g] {
        justify-self: stretch;
        min-height: 44px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenRfid.razor.rz.scp.css */
.tara-sub-loading[b-g82k6c3kqm] {
    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-g82k6c3kqm] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tara-rfid-hero[b-g82k6c3kqm] {
    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-g82k6c3kqm] {
    margin: 0;
    color: var(--tara-text);
}

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

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

.tara-sub-card[b-g82k6c3kqm] {
    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-g82k6c3kqm] {
    display: block;
    color: var(--tara-text-muted);
}

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

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

.tara-rfid-panel[b-g82k6c3kqm] {
    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-g82k6c3kqm] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
}

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

.tara-rfid-info[b-g82k6c3kqm] {
    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-g82k6c3kqm] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

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

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

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

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

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

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

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

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

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

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

.tara-sub-inline[b-g82k6c3kqm] {
    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-g82k6c3kqm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-rfid-grid[b-g82k6c3kqm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/Raramuri.blzr/Components/Pages/Almacen/AlmacenTraspasos.razor.rz.scp.css */
.tara-sub-loading[b-eh6nc1n18p] {
    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-eh6nc1n18p] {
    display: flex;
    flex-direction: column;
    gap: .95rem;
    min-width: 0;
}

.tara-traspasos-shell[b-eh6nc1n18p] {
    --_th-gradient: linear-gradient(180deg, #f7f2ec 0%, #f0ebe4 100%);
    --_th-border-top: #ece5dc;
    --_th-text: #374151;
    --_cell-text: #1f2933;
    --_row-hover: rgba(204, 0, 0, 0.07);
    --_row-even-bg: var(--tara-row-even);
}

[data-theme="dark"] .tara-traspasos-shell[b-eh6nc1n18p] {
    --_th-gradient: linear-gradient(180deg, #22262f 0%, #1e2229 100%);
    --_th-border-top: var(--tara-border);
    --_th-text: var(--tara-th-text);
    --_cell-text: var(--tara-text);
    --_row-hover: rgba(204, 0, 0, 0.09);
    --_row-even-bg: #1E2330;
}

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

.tara-traspasos-hero-copy h1[b-eh6nc1n18p] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -.02em;
}

.tara-traspaso-back-btn[b-eh6nc1n18p] {
    margin-bottom: .35rem;
    color: var(--tara-primary-dark);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
}

.tara-traspasos-eyebrow[b-eh6nc1n18p] {
    display: block;
    margin-bottom: .18rem;
    color: var(--tara-primary-dark);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

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

.tara-traspasos-hero-chips[b-eh6nc1n18p] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    flex-wrap: wrap;
}

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

.tara-sub-card[b-eh6nc1n18p] {
    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;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.tara-sub-card:hover:not(:disabled)[b-eh6nc1n18p] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    box-shadow: var(--tara-shadow);
}

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

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

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

.tara-traspaso-panel--hub[b-eh6nc1n18p] {
    padding: 1rem;
}

.tara-tras-rfid-panel[b-eh6nc1n18p] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: 0 10px 24px rgba(77, 24, 18, 0.08);
    display: grid;
    gap: 0.85rem;
}

.tara-tras-rfid-head[b-eh6nc1n18p] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.9rem;
}

.tara-tras-rfid-head h3[b-eh6nc1n18p] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-tras-rfid-head p[b-eh6nc1n18p] {
    margin: 0.35rem 0 0;
    color: var(--tara-text-muted);
    font-size: 0.9rem;
    line-height: 1.45;
}

.tara-tras-rfid-toolbar[b-eh6nc1n18p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: start;
}

.tara-tras-rfid-actions[b-eh6nc1n18p] {
    display: grid;
    gap: 0.55rem;
}

.tara-tras-rfid-box[b-eh6nc1n18p] {
    width: 100%;
}

.tara-tras-rfid-chips[b-eh6nc1n18p],
.tara-tras-rfid-summary[b-eh6nc1n18p] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.tara-tras-rfid-list[b-eh6nc1n18p] {
    display: grid;
    gap: 0.55rem;
}

.tara-tras-rfid-item[b-eh6nc1n18p] {
    display: grid;
    gap: 0.18rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-row-odd);
}

.tara-tras-rfid-item strong[b-eh6nc1n18p] {
    color: var(--tara-primary-dark);
    font-size: 0.92rem;
}

.tara-tras-rfid-item span[b-eh6nc1n18p],
.tara-tras-rfid-item small[b-eh6nc1n18p] {
    color: var(--tara-text);
}

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

.tara-traspaso-toolbar[b-eh6nc1n18p] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .6rem;
    min-width: 0;
}

.tara-traspaso-toolbar--filters[b-eh6nc1n18p] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    padding-bottom: .55rem;
    margin-bottom: .55rem;
    border-bottom: 1px solid var(--tara-border);
}

.tara-traspaso-summary[b-eh6nc1n18p] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
}

.tara-traspaso-input[b-eh6nc1n18p] {
    min-width: 0;
    width: 100%;
    max-width: none;
}

.tara-traspaso-search[b-eh6nc1n18p] {
    min-width: 0;
    width: 100%;
    max-width: none;
}

.tara-traspaso-product-search-shell[b-eh6nc1n18p] {
    min-width: 0;
    width: 100%;
    grid-column: span 2;
}

.tara-traspaso-product-selected[b-eh6nc1n18p] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}

.tara-traspaso-product-selected-desc[b-eh6nc1n18p] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 600;
}

[b-eh6nc1n18p] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-eh6nc1n18p] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border,
[b-eh6nc1n18p] .tara-search-field .mud-input-outlined:hover .mud-input-outlined-border,
[b-eh6nc1n18p] .tara-search-field .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-eh6nc1n18p] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol,
[b-eh6nc1n18p] .tara-search-field label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-eh6nc1n18p] .tara-filter-select .mud-input-root-outlined.mud-input-focused label,
[b-eh6nc1n18p] .tara-search-field .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

.tara-filter-pill[b-eh6nc1n18p] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .24rem .62rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    color: var(--tara-primary-dark);
    font-size: .74rem;
    font-weight: 600;
}

.tara-filter-count-pill[b-eh6nc1n18p] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .24rem .62rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-success) 11%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-success) 24%, var(--tara-border));
    color: var(--tara-success-700, #1f6f43);
    font-size: .74rem;
    font-weight: 700;
}

.tara-filters-no-active[b-eh6nc1n18p] {
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-sub-inline[b-eh6nc1n18p] {
    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-grid-shell[b-eh6nc1n18p] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
    padding: .7rem .7rem .6rem;
    margin-top: .45rem;
    min-width: 0;
}

.tara-grid-shell--flat[b-eh6nc1n18p] {
    padding: .6rem .65rem .1rem;
    box-shadow: none;
}

.tara-grid-toolbar[b-eh6nc1n18p] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: .6rem;
    flex-wrap: wrap;
    padding: .1rem .2rem .35rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    min-width: 0;
}

.tara-search-field[b-eh6nc1n18p] {
    flex: 1;
    min-width: min(100%, 240px);
    max-width: 460px;
}

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

.tara-count-chip[b-eh6nc1n18p] {
    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-traspaso-alert[b-eh6nc1n18p] {
    margin: .55rem 0 .7rem;
}

.tara-table-container[b-eh6nc1n18p] {
    border: 1px solid var(--tara-border);
    border-radius: 12px 12px 0 0;
    border-bottom: none;
    overflow-x: auto;
    background: var(--tara-surface);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
    margin-bottom: 0;
    scrollbar-gutter: stable both-edges;
    position: relative;
    max-width: 100%;
}

.tara-table-container[b-eh6nc1n18p]::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: .4;
}

.tara-sub-table-wrap[b-eh6nc1n18p] {
    border-radius: var(--tara-radius-sm);
}

[b-eh6nc1n18p] .tara-data-grid .mud-table-pagination {
    display: none;
}

.tara-table-container[b-eh6nc1n18p]::-webkit-scrollbar,
.tara-sub-table-wrap[b-eh6nc1n18p]::-webkit-scrollbar {
    height: 10px;
}

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

[b-eh6nc1n18p] .tara-data-grid.mud-table {
    border-radius: 0;
    box-shadow: none;
}

[b-eh6nc1n18p] .tara-tras-grid .mud-table-head .mud-table-row {
    background: var(--_th-gradient);
}

[b-eh6nc1n18p] .tara-tras-grid .mud-table-head .mud-table-cell {
    background: var(--_th-gradient);
    color: var(--_th-text);
    border-bottom: 2px solid color-mix(in srgb, var(--tara-primary-dark) 50%, transparent);
    border-top: 1px solid var(--_th-border-top);
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-weight: 700;
    padding: .5rem .65rem !important;
    white-space: nowrap;
}

[b-eh6nc1n18p] .tara-tras-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-eh6nc1n18p] .tara-tras-grid .mud-table-body .mud-table-row.mud-table-row-even .mud-table-cell {
    background: var(--_row-even-bg);
}

[b-eh6nc1n18p] .tara-tras-grid .mud-table-body .mud-table-row.mud-table-row-odd .mud-table-cell {
    background: var(--tara-row-odd);
}

[b-eh6nc1n18p] .tara-tras-grid .mud-table-body .mud-table-row:hover .mud-table-cell {
    background: var(--tara-row-hover) !important;
}

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

.tara-col-sort:hover[b-eh6nc1n18p] {
    color: var(--tara-primary-dark);
}

.tara-grid-code[b-eh6nc1n18p] {
    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;
}

.tara-empty-state[b-eh6nc1n18p] {
    min-height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    padding: 1rem;
    color: var(--tara-text-muted);
    font-size: .83rem;
    text-align: center;
}

.tara-grid-footer[b-eh6nc1n18p] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .45rem .85rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
    border-top: none;
    border-radius: 0 0 12px 12px;
    background: color-mix(in srgb, var(--tara-surface-raised) 55%, var(--tara-surface));
    font-size: .78rem;
    color: var(--tara-text-muted);
    flex-wrap: wrap;
    user-select: none;
    margin-bottom: .55rem;
}

.tara-grid-footer-range[b-eh6nc1n18p] {
    flex-shrink: 0;
}

.tara-grid-page-size[b-eh6nc1n18p] {
    display: flex;
    align-items: center;
    gap: .3rem;
}

.tara-grid-page-size-label[b-eh6nc1n18p] {
    font-size: .74rem;
    color: var(--tara-text-muted);
}

.tara-grid-page-chip[b-eh6nc1n18p] {
    padding: .18rem .55rem;
    border: 1px solid var(--tara-border);
    border-radius: 100px;
    background: var(--tara-surface);
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .12s, color .12s, border-color .12s;
    line-height: 1.4;
}

.tara-grid-page-chip:hover[b-eh6nc1n18p] {
    border-color: var(--tara-primary);
    color: var(--tara-primary-dark);
}

.tara-grid-page-chip--active[b-eh6nc1n18p] {
    background: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-surface));
    border-color: var(--tara-primary);
    color: var(--tara-primary-dark);
    font-weight: 700;
}

.tara-grid-page-nav[b-eh6nc1n18p] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: .4rem;
}

.tara-grid-footer-page[b-eh6nc1n18p] {
    font-size: .74rem;
}

.tara-grid-nav-btn[b-eh6nc1n18p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid var(--tara-border);
    border-radius: 6px;
    background: var(--tara-surface);
    color: var(--tara-text);
    font-size: 1rem;
    cursor: pointer;
    transition: background .12s, border-color .12s;
    line-height: 1;
}

.tara-grid-nav-btn:hover:not(:disabled)[b-eh6nc1n18p] {
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    border-color: var(--tara-primary);
    color: var(--tara-primary-dark);
}

.tara-grid-nav-btn:disabled[b-eh6nc1n18p] {
    opacity: .4;
    cursor: default;
}

.tara-sub-empty[b-eh6nc1n18p] {
    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-eh6nc1n18p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .55rem;
}

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

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

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

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

.tara-detail-backdrop[b-eh6nc1n18p] {
    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-eh6nc1n18p] {
    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-eh6nc1n18p] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    margin-top: .65rem;
    flex-wrap: wrap;
}

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

.tara-mobile-card-list[b-eh6nc1n18p] {
    display: none;
    flex-direction: column;
    gap: .7rem;
    margin-bottom: .55rem;
}

.tara-mobile-card[b-eh6nc1n18p] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    box-shadow: var(--tara-shadow-sm);
    padding: .8rem;
    display: grid;
    gap: .7rem;
}

.tara-mobile-card--editor[b-eh6nc1n18p] {
    gap: .8rem;
}

.tara-mobile-card-head[b-eh6nc1n18p] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.tara-mobile-card-head strong[b-eh6nc1n18p] {
    color: var(--tara-text);
    display: block;
    font-size: .97rem;
    line-height: 1.25;
    word-break: break-word;
}

.tara-mobile-card-eyebrow[b-eh6nc1n18p] {
    display: block;
    margin-bottom: .16rem;
    color: var(--tara-primary-dark);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-mobile-card-stack[b-eh6nc1n18p] {
    display: grid;
    gap: .55rem;
}

.tara-mobile-card-copy[b-eh6nc1n18p] {
    color: var(--tara-text);
    font-size: .84rem;
    line-height: 1.4;
    word-break: break-word;
}

.tara-mobile-card-grid[b-eh6nc1n18p] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

.tara-mobile-card-stat[b-eh6nc1n18p] {
    padding: .6rem .68rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
    min-width: 0;
}

.tara-mobile-card-stat span[b-eh6nc1n18p] {
    display: block;
    margin-bottom: .18rem;
    color: var(--tara-text-muted);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.tara-mobile-card-stat strong[b-eh6nc1n18p] {
    color: var(--tara-text);
    font-size: .86rem;
    line-height: 1.3;
    word-break: break-word;
}

.tara-mobile-card-actions[b-eh6nc1n18p] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.tara-mobile-field[b-eh6nc1n18p] {
    width: 100%;
}

[b-eh6nc1n18p] .tara-mobile-card-actions .mud-button-root,
[b-eh6nc1n18p] .tara-mobile-field .mud-input-control,
[b-eh6nc1n18p] .tara-detail-actions .mud-button-root,
[b-eh6nc1n18p] .tara-traspaso-toolbar--filters .mud-button-root,
[b-eh6nc1n18p] .tara-tras-rfid-actions .mud-button-root {
    min-height: 44px;
}

@media (min-width: 1280px) {
    .tara-traspaso-toolbar--filters[b-eh6nc1n18p] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 980px) and (max-width: 1279.98px) {
    .tara-traspaso-toolbar--filters[b-eh6nc1n18p] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tara-traspaso-product-search-shell[b-eh6nc1n18p] {
        grid-column: span 2;
    }
}

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

@media (min-width: 761px) and (max-width: 979.98px) {
    .tara-traspaso-toolbar--filters[b-eh6nc1n18p] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-traspaso-product-search-shell[b-eh6nc1n18p] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .tara-sub-hero[b-eh6nc1n18p] {
        flex-direction: column;
    }

    .tara-traspasos-hero-chips[b-eh6nc1n18p] {
        justify-content: flex-start;
    }

    .tara-detail-kv[b-eh6nc1n18p] {
        grid-template-columns: 1fr;
    }

    .tara-grid-toolbar[b-eh6nc1n18p],
    .tara-traspaso-toolbar[b-eh6nc1n18p],
    .tara-tras-rfid-head[b-eh6nc1n18p] {
        align-items: stretch;
    }

    .tara-mobile-card-list[b-eh6nc1n18p] {
        display: flex;
    }

    .tara-table-container[b-eh6nc1n18p] {
        display: none;
    }

    .tara-traspaso-toolbar--filters[b-eh6nc1n18p],
    .tara-tras-rfid-toolbar[b-eh6nc1n18p] {
        grid-template-columns: 1fr;
    }

    .tara-traspaso-product-search-shell[b-eh6nc1n18p] {
        grid-column: auto;
    }

    .tara-grid-footer[b-eh6nc1n18p] {
        align-items: flex-start;
    }

    .tara-grid-page-nav[b-eh6nc1n18p] {
        margin-left: 0;
    }

    .tara-grid-page-size[b-eh6nc1n18p],
    .tara-grid-page-nav[b-eh6nc1n18p] {
        width: 100%;
        justify-content: space-between;
    }

    .tara-search-field[b-eh6nc1n18p],
    .tara-traspaso-input[b-eh6nc1n18p],
    .tara-traspaso-search[b-eh6nc1n18p] {
        min-width: 100%;
        max-width: 100%;
    }

    .tara-grid-shell[b-eh6nc1n18p],
    .tara-traspaso-panel[b-eh6nc1n18p],
    .tara-sub-hero[b-eh6nc1n18p] {
        padding-inline: .7rem;
    }

    .tara-detail-actions[b-eh6nc1n18p],
    .tara-traspaso-tabs[b-eh6nc1n18p] {
        justify-content: stretch;
    }

    .tara-detail-actions > *[b-eh6nc1n18p],
    .tara-traspaso-tabs > *[b-eh6nc1n18p] {
        flex: 1 1 100%;
    }

    .tara-tras-rfid-actions[b-eh6nc1n18p] {
        grid-template-columns: 1fr;
    }

    .tara-mobile-card-grid[b-eh6nc1n18p] {
        grid-template-columns: 1fr;
    }

    .tara-mobile-card-head[b-eh6nc1n18p],
    .tara-detail-head[b-eh6nc1n18p] {
        flex-direction: column;
        align-items: flex-start;
    }

    .tara-detail-modal[b-eh6nc1n18p] {
        width: min(100%, 96vw);
        max-height: 92vh;
        padding: .75rem;
    }

    .tara-confirm-modal[b-eh6nc1n18p] {
        width: min(100%, 96vw);
    }

    .tara-grid-shell[b-eh6nc1n18p],
    .tara-grid-shell--flat[b-eh6nc1n18p],
    .tara-traspaso-panel[b-eh6nc1n18p],
    .tara-sub-hero[b-eh6nc1n18p],
    .tara-tras-rfid-panel[b-eh6nc1n18p] {
        padding-inline: .7rem;
    }

    [b-eh6nc1n18p] .tara-traspaso-toolbar--filters .mud-button-root,
    [b-eh6nc1n18p] .tara-mobile-card-actions .mud-button-root,
    [b-eh6nc1n18p] .tara-tras-rfid-actions .mud-button-root,
    [b-eh6nc1n18p] .tara-detail-actions .mud-button-root {
        width: 100%;
    }
}
/* _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-hd76gnmunu] {
    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-hd76gnmunu] {
    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-hd76gnmunu] {
    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-hd76gnmunu] {
    margin:      0;
    font-size:   1.25rem;
    font-weight: 800;
    color:       var(--tara-text);
}

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

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

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

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

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

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

.corte-header-icon[b-hd76gnmunu] {
    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-hd76gnmunu] {
    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-hd76gnmunu] {
    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-hd76gnmunu] {
    margin:    0;
    font-size: .82rem;
    color:     var(--tara-text-muted);
}

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

.corte-contexto-band[b-hd76gnmunu] {
    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-hd76gnmunu] {
    color:       var(--tara-text);
    font-weight: 700;
    white-space: nowrap;
}

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

.corte-contexto-change-btn[b-hd76gnmunu] {
    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-hd76gnmunu] {
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface-raised));
    color:      var(--tara-primary-dark);
}

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

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

.corte-action-bar[b-hd76gnmunu] {
    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-hd76gnmunu] {
    display:        flex;
    flex-direction: column;
    gap:            .15rem;
    flex:           1;
    min-width:      0;
}

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

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

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

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

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

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

.corte-btn-accion.mud-button-root[b-hd76gnmunu] {
    min-height:     40px;
    border-radius:  12px;
    font-weight:    800;
    white-space:    nowrap;
}

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

.corte-error-band[b-hd76gnmunu] {
    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-hd76gnmunu] {
    color:       var(--tara-danger);
    flex-shrink: 0;
    margin-top:  .05rem;
}

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

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

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

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

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

.corte-card[b-hd76gnmunu] {
    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-hd76gnmunu] {
    border-left: 3px solid var(--tara-primary);
    border-color: color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
}

.corte-card-icon[b-hd76gnmunu] {
    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-hd76gnmunu] { 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-hd76gnmunu] { background: color-mix(in srgb, var(--tara-success) 9%, var(--tara-surface-raised)); color: var(--tara-success); }
.corte-card--tarjeta .corte-card-icon[b-hd76gnmunu]  { 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-hd76gnmunu]  { background: color-mix(in srgb, var(--tara-warning) 9%, var(--tara-surface-raised)); color: var(--tara-warning); }
.corte-card--retiros .corte-card-icon[b-hd76gnmunu]  { background: color-mix(in srgb, var(--tara-danger) 9%, var(--tara-surface-raised)); color: var(--tara-danger); }
.corte-card--tickets .corte-card-icon[b-hd76gnmunu]  { background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface-raised)); color: var(--tara-primary-dark); }

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

.corte-card-label[b-hd76gnmunu] {
    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-hd76gnmunu] {
    font-size:      1.22rem;
    font-weight:    900;
    letter-spacing: -.02em;
    color:          var(--tara-text);
    line-height:    1;
}

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

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

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

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

/* ── Resumen contable extendido ───────────────────────────────────────────── */

.corte-summary-grid[b-hd76gnmunu] {
    display:               grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap:                   .8rem;
}

.corte-summary-panel[b-hd76gnmunu] {
    display:        flex;
    flex-direction: column;
    gap:            .8rem;
    padding:        1rem 1.05rem;
    border-radius:  18px;
    border:         1px solid color-mix(in srgb, var(--tara-primary) 8%, var(--tara-border));
    background:     var(--tara-surface);
    box-shadow:     var(--tara-shadow-sm);
    min-width:      0;
}

.corte-summary-panel--wide[b-hd76gnmunu] {
    grid-column: 1 / -1;
}

.corte-summary-panel-head[b-hd76gnmunu] {
    display:         flex;
    align-items:     flex-start;
    justify-content: space-between;
    gap:             .75rem;
    min-width:       0;
}

.corte-summary-panel-head h2[b-hd76gnmunu] {
    margin:         .16rem 0 0;
    font-size:      1rem;
    font-weight:    850;
    letter-spacing: -.02em;
    color:          var(--tara-text);
    line-height:    1.15;
}

.corte-summary-kicker[b-hd76gnmunu] {
    display:        inline-flex;
    font-size:      .62rem;
    font-weight:    850;
    letter-spacing: .08em;
    text-transform: uppercase;
    color:          var(--tara-primary-dark);
}

.corte-summary-total[b-hd76gnmunu] {
    flex-shrink:   0;
    font-size:     .9rem;
    font-weight:   850;
    color:         var(--tara-primary-dark);
    padding:       .25rem .6rem;
    border-radius: 999px;
    border:        1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    background:    color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface-raised));
}

.corte-summary-badge[b-hd76gnmunu] {
    flex-shrink:   0;
    font-size:     .68rem;
    font-weight:   800;
    color:         var(--tara-warning);
    padding:       .22rem .55rem;
    border-radius: 999px;
    border:        1px solid color-mix(in srgb, var(--tara-warning) 28%, var(--tara-border));
    background:    color-mix(in srgb, var(--tara-warning) 9%, var(--tara-surface));
}

.corte-formas-grid[b-hd76gnmunu] {
    display:               grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap:                   .65rem;
}

.corte-forma-card[b-hd76gnmunu] {
    display:        flex;
    flex-direction: column;
    gap:            .18rem;
    min-width:      0;
    padding:        .72rem .8rem;
    border-radius:  14px;
    border:         1px solid var(--tara-border-subtle);
    background:     var(--tara-surface-raised);
}

.corte-forma-label[b-hd76gnmunu] {
    font-size:      .64rem;
    font-weight:    850;
    letter-spacing: .08em;
    text-transform: uppercase;
    color:          var(--tara-text-muted);
}

.corte-forma-value[b-hd76gnmunu] {
    font-size:      1rem;
    font-weight:    850;
    letter-spacing: -.02em;
    color:          var(--tara-text);
}

.corte-forma-note[b-hd76gnmunu] {
    font-size:   .72rem;
    color:       var(--tara-text-muted);
    line-height: 1.35;
}

.corte-summary-list[b-hd76gnmunu] {
    display:        flex;
    flex-direction: column;
    gap:            .28rem;
}

.corte-summary-row[b-hd76gnmunu] {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    gap:             .75rem;
    min-width:       0;
    padding:         .56rem .05rem;
    border-bottom:   1px solid var(--tara-border-subtle);
}

.corte-summary-row:last-child[b-hd76gnmunu] {
    border-bottom: none;
    padding-bottom: 0;
}

.corte-summary-copy[b-hd76gnmunu] {
    display:        flex;
    flex-direction: column;
    gap:            .12rem;
    min-width:      0;
}

.corte-summary-label[b-hd76gnmunu] {
    font-size:   .82rem;
    color:       var(--tara-text);
    line-height: 1.35;
}

.corte-summary-note[b-hd76gnmunu] {
    font-size:   .72rem;
    color:       var(--tara-text-muted);
    line-height: 1.3;
}

.corte-summary-value[b-hd76gnmunu] {
    flex-shrink:   0;
    font-size:     .88rem;
    font-weight:   850;
    color:         var(--tara-text);
    text-align:    right;
    white-space:   nowrap;
}

.corte-summary-row--positive .corte-summary-value[b-hd76gnmunu] {
    color: var(--tara-success);
}

.corte-summary-row--soft .corte-summary-value[b-hd76gnmunu] {
    color: var(--tara-primary-dark);
}

.corte-summary-row--danger .corte-summary-value[b-hd76gnmunu] {
    color: var(--tara-danger);
}

.corte-summary-row--ok .corte-summary-value[b-hd76gnmunu] {
    color: var(--tara-success);
}

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

.corte-tickets-shell[b-hd76gnmunu] {
    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-hd76gnmunu] {
    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-hd76gnmunu] {
    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-hd76gnmunu] {
    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-hd76gnmunu] {
    margin:    0;
    font-size: .86rem;
    max-width: 300px;
}

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

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

.corte-tickets-loading[b-hd76gnmunu] {
    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-hd76gnmunu] {
    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-hd76gnmunu] {
    flex-shrink: 0;
}

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

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

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

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

.corte-tickets-table thead tr[b-hd76gnmunu] {
    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-hd76gnmunu] {
    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-hd76gnmunu] {
    border-bottom: 1px solid var(--tara-border-subtle);
    transition:    background .1s ease;
}

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

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

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

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

/* Número de ticket — chip compacto */
.corte-ticket-num[b-hd76gnmunu] {
    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-hd76gnmunu], .corte-td-num[b-hd76gnmunu]   { text-align: right !important; }
.corte-th-caja[b-hd76gnmunu], .corte-td-caja[b-hd76gnmunu] { text-align: center !important; }
.corte-th-acciones[b-hd76gnmunu]              { text-align: center !important; min-width: 80px; }
.corte-td-acciones[b-hd76gnmunu]              { text-align: center !important; }

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

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

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

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

.corte-modal-backdrop[b-hd76gnmunu] {
    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-hd76gnmunu] {
    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-hd76gnmunu] {
    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-hd76gnmunu] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    font-weight: 800;
    font-size:   .95rem;
    color:       var(--tara-text);
}

.corte-modal-title .mud-icon-root[b-hd76gnmunu] {
    color: var(--tara-primary-dark);
}

.corte-modal-body[b-hd76gnmunu] {
    flex:       1;
    overflow-y: auto;
    padding:    1rem;
    display:    flex;
    flex-direction: column;
    gap:        .85rem;
}

.corte-modal-loading[b-hd76gnmunu],
.corte-modal-error[b-hd76gnmunu] {
    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-hd76gnmunu] {
    color: var(--tara-danger);
}

.corte-modal-grid[b-hd76gnmunu] {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    gap:                   .55rem;
}

.corte-modal-item[b-hd76gnmunu] {
    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-hd76gnmunu] { grid-column: 1 / -1; }

.corte-modal-label[b-hd76gnmunu] {
    font-size:      .62rem;
    font-weight:    850;
    letter-spacing: .08em;
    text-transform: uppercase;
    color:          var(--tara-text-muted);
}

.corte-modal-item strong[b-hd76gnmunu] {
    font-size:   .9rem;
    font-weight: 800;
    color:       var(--tara-text);
    overflow:    hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.corte-modal-total[b-hd76gnmunu] {
    font-size:      1.15rem !important;
    color:          var(--tara-primary-dark) !important;
    letter-spacing: -.01em;
}

.corte-estatus--cancelado[b-hd76gnmunu] {
    color:     var(--tara-danger) !important;
    font-size: .85rem !important;
}

.corte-modal-note[b-hd76gnmunu] {
    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-hd76gnmunu] {
    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-hd76gnmunu] {
    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-hd76gnmunu] {
    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-hd76gnmunu] {
    width: min(640px, 96vw);
}

/* ── Encabezado de empresa en el modal ───────────────────────────────────── */

.corte-ticket-encabezado[b-hd76gnmunu] {
    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-hd76gnmunu] {
    font-size:   .92rem;
    font-weight: 800;
    color:       var(--tara-text);
}

.corte-ticket-rfc[b-hd76gnmunu],
.corte-ticket-sucursal[b-hd76gnmunu] {
    font-size: .74rem;
    color:     var(--tara-text-muted);
}

/* ── Secciones del ticket ────────────────────────────────────────────────── */

.corte-ticket-section-title[b-hd76gnmunu] {
    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-hd76gnmunu],
.corte-ticket-pagos-section[b-hd76gnmunu] {
    display:        flex;
    flex-direction: column;
}

/* ── Tabla de artículos del ticket ───────────────────────────────────────── */

.corte-ticket-items-table-wrap[b-hd76gnmunu] {
    overflow-x:  auto;
    border:      1px solid var(--tara-border-subtle);
    border-radius: 8px;
    overflow:    hidden;
}

.corte-ticket-items-table[b-hd76gnmunu] {
    width:           100%;
    border-collapse: collapse;
    font-size:       .8rem;
    min-width:       360px;
}

.corte-ticket-items-table thead tr[b-hd76gnmunu] {
    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-hd76gnmunu] {
    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-hd76gnmunu] {
    border-bottom: 1px solid var(--tara-border-subtle);
}

.corte-ticket-items-table tbody tr:last-child[b-hd76gnmunu] { border-bottom: none; }

.corte-ticket-items-table tbody tr:nth-child(even)[b-hd76gnmunu] {
    background: var(--tara-surface-raised);
}

.corte-ticket-items-table td[b-hd76gnmunu] {
    padding:    .38rem .55rem;
    color:      var(--tara-text);
    font-size:  .8rem;
    vertical-align: middle;
}

.corte-th-desc[b-hd76gnmunu], .corte-td-desc[b-hd76gnmunu] { min-width: 140px; }
.corte-th-r[b-hd76gnmunu],    .corte-td-r[b-hd76gnmunu]    { text-align: right !important; white-space: nowrap; }
.corte-td-importe[b-hd76gnmunu]              { font-weight: 700; }

.corte-td-talla[b-hd76gnmunu] {
    display:     block;
    font-size:   .7rem;
    color:       var(--tara-text-muted);
    margin-top:  .1rem;
}

/* ── Pagos del ticket ────────────────────────────────────────────────────── */

.corte-ticket-pago-row[b-hd76gnmunu] {
    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-hd76gnmunu] {
    color:       var(--tara-text);
    font-weight: 700;
}

/* ── Total del ticket ────────────────────────────────────────────────────── */

.corte-ticket-total-row[b-hd76gnmunu] {
    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-hd76gnmunu] {
    display:     flex;
    gap:         .5rem;
    align-items: center;
}

.corte-modal-footer[b-hd76gnmunu] {
    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-hd76gnmunu] {
    opacity:     .5;
    cursor:      not-allowed;
    font-size:   .8rem;
}

/* ── Modal de cancelación ────────────────────────────────────────────────── */

.corte-modal--cancel[b-hd76gnmunu] {
    width: min(440px, 94vw);
}

.corte-modal-header--danger[b-hd76gnmunu] {
    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-hd76gnmunu] { color: var(--tara-danger); }
.corte-modal-header--danger .mud-icon-root[b-hd76gnmunu]     { color: var(--tara-danger); }

/* ── Modal registrar gasto ───────────────────────────────────────────────── */

.corte-modal--gasto[b-hd76gnmunu] {
    width: min(520px, 95vw);
}

.corte-modal--retiro[b-hd76gnmunu] {
    width: min(640px, 96vw);
}

.corte-modal--historial[b-hd76gnmunu] {
    width: min(760px, 97vw);
}

.corte-modal--apartados[b-hd76gnmunu] {
    width: min(920px, 97vw);
}

.corte-modal--abonos[b-hd76gnmunu] {
    width: min(920px, 97vw);
}

.corte-modal--ventas-empleado[b-hd76gnmunu] {
    width: min(1240px, 98vw);
}

.corte-ventas-emp-kpis[b-hd76gnmunu] {
    display:               grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap:                   .6rem;
    margin-bottom:         .8rem;
}

.corte-ventas-emp-kpi[b-hd76gnmunu] {
    display:        flex;
    flex-direction: column;
    gap:            .15rem;
    padding:        .6rem .7rem;
    border-radius:  10px;
    border:         1px solid var(--tara-border);
    background:     var(--tara-surface-raised);
}

.corte-ventas-emp-kpi span[b-hd76gnmunu] {
    font-size:   .72rem;
    color:       var(--tara-text-muted);
}

.corte-ventas-emp-kpi strong[b-hd76gnmunu] {
    font-size:   1.05rem;
    color:       var(--tara-text);
}

.corte-ventas-emp-section[b-hd76gnmunu] {
    margin-bottom: 1rem;
}

.corte-ventas-emp-section-title[b-hd76gnmunu] {
    font-size:     .82rem;
    font-weight:   600;
    color:         var(--tara-danger);
    margin-bottom: .4rem;
    text-transform: uppercase;
    letter-spacing: .02em;
}

@media (max-width: 900px) {
    .corte-ventas-emp-kpis[b-hd76gnmunu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.corte-modal--estilos-devueltos[b-hd76gnmunu] {
    width: min(920px, 97vw);
}

.corte-estdev-buscar[b-hd76gnmunu] {
    margin-bottom: .7rem;
}

.corte-estdev-detalle-lista[b-hd76gnmunu] {
    display:        flex;
    flex-direction: column;
    gap:            .35rem;
    margin-top:     .5rem;
}

.corte-estdev-detalle-item[b-hd76gnmunu] {
    display:               grid;
    grid-template-columns: 1.4fr .8fr .6fr .6fr .7fr;
    gap:                   .4rem;
    padding:               .45rem .6rem;
    border-radius:         8px;
    border:                1px solid var(--tara-border);
    background:            var(--tara-surface);
    font-size:             .78rem;
}

.corte-estdev-detalle-item span[b-hd76gnmunu] {
    color: var(--tara-text-muted);
    font-size: .68rem;
    display: block;
}

.corte-estdev-detalle-item strong[b-hd76gnmunu] {
    color: var(--tara-text);
    font-size: .82rem;
}

@media (max-width: 720px) {
    .corte-estdev-detalle-item[b-hd76gnmunu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.corte-estdev-acciones[b-hd76gnmunu] {
    display:        flex;
    justify-content: flex-end;
    gap:            .5rem;
    margin-top:     .6rem;
}

.corte-gasto-intro[b-hd76gnmunu] {
    display:        flex;
    flex-direction: column;
    gap:            .2rem;
    padding:        .8rem .9rem;
    border-radius:  12px;
    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-raised));
}

.corte-gasto-intro strong[b-hd76gnmunu] {
    font-size:   .9rem;
    color:       var(--tara-text);
    font-weight: 800;
}

.corte-gasto-intro span[b-hd76gnmunu] {
    font-size:   .8rem;
    color:       var(--tara-text-muted);
}

.corte-gasto-status[b-hd76gnmunu] {
    display:        flex;
    align-items:    center;
    gap:            .55rem;
    padding:        .72rem .8rem;
    border-radius:  12px;
    border:         1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    background:     color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
    font-size:      .82rem;
    color:          var(--tara-text);
}

.corte-gasto-status .mud-icon-root[b-hd76gnmunu] {
    color: var(--tara-primary-dark);
}

.corte-gasto-status--warn[b-hd76gnmunu] {
    border-color: color-mix(in srgb, var(--tara-warning) 24%, var(--tara-border));
    background:   color-mix(in srgb, var(--tara-warning) 7%, var(--tara-surface));
}

.corte-gasto-status--warn .mud-icon-root[b-hd76gnmunu] {
    color: var(--tara-warning);
}

.corte-gasto-fields[b-hd76gnmunu] {
    display:        flex;
    flex-direction: column;
    gap:            .8rem;
}

[b-hd76gnmunu] .corte-gasto-field {
    width: 100%;
}

.corte-field-error[b-hd76gnmunu] {
    display:       block;
    margin-top:    .25rem;
    padding-left:  .15rem;
    font-size:     .74rem;
    color:         var(--tara-danger);
}

.corte-gasto-save-btn.mud-button-root[b-hd76gnmunu] {
    min-width: 148px;
}

.corte-btn-accion--ghost.mud-button-root[b-hd76gnmunu] {
    min-width: 156px;
}

.corte-retiro-meta[b-hd76gnmunu] {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    gap:             .75rem;
    padding:         .8rem .9rem;
    border-radius:   12px;
    background:      var(--tara-surface-raised);
    border:          1px solid var(--tara-border);
    font-size:       .82rem;
    color:           var(--tara-text-muted);
}

.corte-retiro-meta strong[b-hd76gnmunu] {
    color:       var(--tara-text);
    font-size:   .96rem;
    font-weight: 800;
}

.corte-retiro-valores[b-hd76gnmunu],
.corte-historial-lista[b-hd76gnmunu] {
    display:        flex;
    flex-direction: column;
    gap:            .75rem;
}

.corte-apartados-meta[b-hd76gnmunu] {
    display:       inline-flex;
    align-items:   center;
    align-self:    flex-start;
    padding:       .42rem .7rem;
    border-radius: 999px;
    border:        1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    background:    color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface-raised));
    font-size:     .8rem;
    color:         var(--tara-text-muted);
}

.corte-apartados-lista[b-hd76gnmunu] {
    display:        flex;
    flex-direction: column;
    gap:            .85rem;
}

.corte-apartado-folio-card[b-hd76gnmunu] {
    display:        flex;
    flex-direction: column;
    gap:            .85rem;
    padding:        1rem;
    border-radius:  18px;
    border:         1px solid color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
    background:     var(--tara-surface);
    box-shadow:     var(--tara-shadow-sm);
}

.corte-apartado-folio-head[b-hd76gnmunu] {
    display:         flex;
    align-items:     flex-start;
    justify-content: space-between;
    gap:             .75rem;
}

.corte-apartado-folio-head strong[b-hd76gnmunu] {
    display:        block;
    color:          var(--tara-text);
    font-size:      .98rem;
    font-weight:    850;
    letter-spacing: -.01em;
}

.corte-apartado-folio-head span[b-hd76gnmunu] {
    display:   block;
    margin-top: .16rem;
    color:     var(--tara-text-muted);
    font-size: .78rem;
}

.corte-apartado-folio-total[b-hd76gnmunu] {
    flex-shrink:   0;
    padding:       .34rem .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-raised));
    color:         var(--tara-primary-dark);
    font-size:     .9rem;
    font-weight:   850;
}

.corte-apartado-folio-info[b-hd76gnmunu] {
    display:               grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap:                   .65rem;
}

.corte-apartado-folio-info div[b-hd76gnmunu],
.corte-apartado-pago-body div[b-hd76gnmunu] {
    display:        flex;
    flex-direction: column;
    gap:            .18rem;
    padding:        .68rem .76rem;
    border-radius:  12px;
    border:         1px solid var(--tara-border-subtle);
    background:     var(--tara-surface-raised);
    min-width:      0;
}

.corte-apartado-folio-info span[b-hd76gnmunu],
.corte-apartado-pago-body span[b-hd76gnmunu] {
    font-size:      .62rem;
    font-weight:    850;
    letter-spacing: .08em;
    text-transform: uppercase;
    color:          var(--tara-text-muted);
}

.corte-apartado-folio-info strong[b-hd76gnmunu],
.corte-apartado-pago-body strong[b-hd76gnmunu] {
    color:       var(--tara-text);
    font-size:   .84rem;
    font-weight: 800;
}

.corte-apartado-productos[b-hd76gnmunu],
.corte-apartado-pagos[b-hd76gnmunu] {
    display:        flex;
    flex-direction: column;
    gap:            .65rem;
}

.corte-apartado-section-title[b-hd76gnmunu] {
    font-size:      .68rem;
    font-weight:    850;
    letter-spacing: .08em;
    text-transform: uppercase;
    color:          var(--tara-primary-dark);
}

.corte-apartado-producto-card[b-hd76gnmunu] {
    display:        flex;
    flex-direction: column;
    gap:            .16rem;
    padding:        .76rem .82rem;
    border-radius:  14px;
    border:         1px solid var(--tara-border-subtle);
    background:     var(--tara-surface-raised);
}

.corte-apartado-producto-card strong[b-hd76gnmunu] {
    color:       var(--tara-text);
    font-size:   .86rem;
    font-weight: 800;
}

.corte-apartado-producto-card span[b-hd76gnmunu] {
    color:     var(--tara-text-muted);
    font-size: .76rem;
}

.corte-apartado-producto-card--empty[b-hd76gnmunu] {
    align-items: center;
    text-align:  center;
    color:       var(--tara-text-muted);
    font-size:   .8rem;
}

.corte-apartado-pagos[b-hd76gnmunu] {
    display:               grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.corte-apartado-pago-card[b-hd76gnmunu] {
    display:        flex;
    flex-direction: column;
    gap:            .6rem;
    padding:        .82rem .88rem;
    border-radius:  14px;
    border:         1px solid var(--tara-border);
    background:     var(--tara-surface);
}

.corte-apartado-pago-head[b-hd76gnmunu] {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    gap:             .5rem;
}

.corte-apartado-pago-head strong[b-hd76gnmunu] {
    color:       var(--tara-text);
    font-size:   .85rem;
    font-weight: 850;
}

.corte-apartado-pago-head span[b-hd76gnmunu] {
    color:       var(--tara-primary-dark);
    font-size:   .88rem;
    font-weight: 850;
}

.corte-apartado-pago-body[b-hd76gnmunu] {
    display:               grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap:                   .5rem;
}

.corte-abono-folio-card[b-hd76gnmunu] {
    display:        flex;
    flex-direction: column;
    gap:            .85rem;
    padding:        1rem;
    border-radius:  18px;
    border:         1px solid color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
    background:     var(--tara-surface);
    box-shadow:     var(--tara-shadow-sm);
}

.corte-abono-pagos[b-hd76gnmunu] {
    display:               grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap:                   .65rem;
}

.corte-apartado-info-wide[b-hd76gnmunu] {
    grid-column: 1 / -1;
}

.corte-retiro-row[b-hd76gnmunu] {
    display:               grid;
    grid-template-columns: minmax(0, 1.4fr) auto auto;
    align-items:           center;
    gap:                   .75rem;
    padding:               .85rem .95rem;
    border-radius:         14px;
    border:                1px solid var(--tara-border);
    background:            var(--tara-surface);
}

.corte-retiro-row-main[b-hd76gnmunu] {
    display:        flex;
    flex-direction: column;
    gap:            .18rem;
}

.corte-retiro-row-main strong[b-hd76gnmunu] {
    color:       var(--tara-text);
    font-size:   .9rem;
    font-weight: 800;
}

.corte-retiro-row-main span[b-hd76gnmunu] {
    color:     var(--tara-text-muted);
    font-size: .78rem;
}

.corte-retiro-stepper[b-hd76gnmunu] {
    display:       inline-flex;
    align-items:   center;
    gap:           .2rem;
    padding:       .18rem .28rem;
    border-radius: 999px;
    background:    var(--tara-surface-raised);
    border:        1px solid var(--tara-border-subtle);
}

.corte-retiro-stepper span[b-hd76gnmunu] {
    min-width:   32px;
    text-align:  center;
    font-size:   .92rem;
    font-weight: 800;
    color:       var(--tara-text);
}

.corte-retiro-row-total[b-hd76gnmunu] {
    min-width:   110px;
    text-align:  right;
    font-size:   .94rem;
    font-weight: 800;
    color:       var(--tara-primary-dark);
}

.corte-retiro-empty[b-hd76gnmunu] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    gap:             .55rem;
    padding:         1.5rem 1rem;
    border-radius:   14px;
    border:          1px dashed var(--tara-border);
    background:      var(--tara-surface-raised);
    text-align:      center;
    color:           var(--tara-text-muted);
}

.corte-historial-filtros[b-hd76gnmunu] {
    display:               grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap:                   .8rem;
    align-items:           end;
}

.corte-historial-card[b-hd76gnmunu] {
    display:        flex;
    flex-direction: column;
    gap:            .75rem;
    padding:        .95rem 1rem;
    border-radius:  16px;
    border:         1px solid var(--tara-border);
    background:     var(--tara-surface);
    box-shadow:     0 10px 24px rgba(16, 24, 40, 0.05);
}

.corte-historial-card-head[b-hd76gnmunu],
.corte-historial-card-body[b-hd76gnmunu],
.corte-historial-card-footer[b-hd76gnmunu] {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    gap:             .75rem;
}

.corte-historial-card-head strong[b-hd76gnmunu],
.corte-historial-card-body strong[b-hd76gnmunu] {
    color:       var(--tara-text);
    font-weight: 800;
}

.corte-historial-card-head span[b-hd76gnmunu],
.corte-historial-card-body span[b-hd76gnmunu] {
    display:   block;
    color:     var(--tara-text-muted);
    font-size: .78rem;
}

.corte-historial-chip[b-hd76gnmunu] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    min-width:       72px;
    padding:         .28rem .7rem;
    border-radius:   999px;
    font-size:       .74rem;
    font-weight:     800;
    letter-spacing:  .01em;
    border:          1px solid transparent;
}

.corte-historial-chip--ok[b-hd76gnmunu] {
    color:        #0f6b46;
    background:   color-mix(in srgb, var(--tara-success) 12%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-success) 26%, var(--tara-border));
}

.corte-historial-chip--warn[b-hd76gnmunu] {
    color:        #a15c00;
    background:   color-mix(in srgb, var(--tara-warning) 12%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-warning) 26%, var(--tara-border));
}

.corte-historial-chip--danger[b-hd76gnmunu] {
    color:        var(--tara-danger);
    background:   color-mix(in srgb, var(--tara-danger) 10%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-danger) 26%, var(--tara-border));
}

.corte-historial-chip--neutral[b-hd76gnmunu] {
    color:        var(--tara-text-muted);
    background:   var(--tara-surface-raised);
    border-color: var(--tara-border);
}

/* Advertencia "Esta acción no se puede deshacer" */
.corte-cancel-warning[b-hd76gnmunu] {
    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-hd76gnmunu] {
    color:       var(--tara-warning);
    flex-shrink: 0;
}

/* Campo de motivo */
.corte-cancel-motivo[b-hd76gnmunu] {
    display:        flex;
    flex-direction: column;
    gap:            .3rem;
}

.corte-cancel-motivo-label[b-hd76gnmunu] {
    font-size:      .78rem;
    font-weight:    750;
    color:          var(--tara-text);
}

.corte-cancel-required[b-hd76gnmunu] {
    color: var(--tara-danger);
}

[b-hd76gnmunu] .corte-cancel-motivo-field .mud-input-outlined {
    border-radius: 10px;
}

[b-hd76gnmunu] .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-hd76gnmunu] .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-hd76gnmunu] {
    font-size:  .76rem;
    color:      var(--tara-danger);
    font-weight: 600;
}

/* Botón confirmar cancelación */
.corte-cancel-confirmar-btn.mud-button-root[b-hd76gnmunu] {
    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-hd76gnmunu] { grid-template-columns: 1fr; }
    .corte-modal[b-hd76gnmunu]      { max-height: 95vh; }
    .corte-modal--gasto[b-hd76gnmunu] { width: min(520px, 98vw); }
    .corte-modal--retiro[b-hd76gnmunu],
    .corte-modal--historial[b-hd76gnmunu],
    .corte-modal--apartados[b-hd76gnmunu],
    .corte-modal--abonos[b-hd76gnmunu] { width: min(920px, 98vw); }
    .corte-retiro-meta[b-hd76gnmunu],
    .corte-historial-card-head[b-hd76gnmunu],
    .corte-historial-card-body[b-hd76gnmunu],
    .corte-historial-card-footer[b-hd76gnmunu],
    .corte-apartado-folio-head[b-hd76gnmunu] {
        flex-direction: column;
        align-items:    flex-start;
    }
    .corte-retiro-row[b-hd76gnmunu] { grid-template-columns: 1fr; }
    .corte-retiro-row-total[b-hd76gnmunu] { min-width: 0; text-align: left; }
    .corte-apartado-folio-info[b-hd76gnmunu],
    .corte-apartado-pago-body[b-hd76gnmunu],
    .corte-apartado-pagos[b-hd76gnmunu],
    .corte-abono-pagos[b-hd76gnmunu] {
        grid-template-columns: 1fr;
    }
}

/* ── Prompt inicial / vacío ──────────────────────────────────────────────── */

.corte-prompt[b-hd76gnmunu] {
    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-hd76gnmunu] {
    margin:      0;
    font-size:   .88rem;
    max-width:   340px;
    line-height: 1.5;
}

.corte-prompt-sub[b-hd76gnmunu] {
    font-size: .78rem !important;
    opacity:   .72;
}

.corte-prompt-icon[b-hd76gnmunu] {
    opacity: .28;
}

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

@media (max-width: 860px) {
    .corte-cards-grid[b-hd76gnmunu] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .corte-summary-grid[b-hd76gnmunu] { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
    .corte-action-bar[b-hd76gnmunu] {
        flex-direction: column;
        align-items:    stretch;
        gap:            .75rem;
    }

    .corte-action-bar-controls[b-hd76gnmunu] {
        flex-wrap: nowrap;
        width:     100%;
        align-items: stretch;
    }

    [b-hd76gnmunu] .corte-date-picker {
        flex: 1;
        width: auto;
        min-width: 0;
    }

    .corte-btn-consultar.mud-button-root[b-hd76gnmunu] {
        flex-shrink: 0;
    }

    .corte-btn-accion.mud-button-root[b-hd76gnmunu] {
        flex-shrink: 0;
    }

    .corte-cards-grid[b-hd76gnmunu] { grid-template-columns: 1fr 1fr; }
    .corte-historial-filtros[b-hd76gnmunu] { grid-template-columns: 1fr; }
    .corte-apartado-folio-info[b-hd76gnmunu] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .corte-apartado-pago-body[b-hd76gnmunu] { grid-template-columns: 1fr; }
}

@media (max-width: 420px) {
    .corte-action-bar-controls[b-hd76gnmunu] { flex-wrap: wrap; }
    [b-hd76gnmunu] .corte-date-picker   { width: 100%; min-width: unset; }
    .corte-btn-consultar.mud-button-root[b-hd76gnmunu] { width: 100%; }
    .corte-btn-accion.mud-button-root[b-hd76gnmunu] { width: 100%; }
    .corte-cards-grid[b-hd76gnmunu]            { grid-template-columns: 1fr; }
    .corte-apartado-folio-info[b-hd76gnmunu]   { grid-template-columns: 1fr; }
    .corte-summary-row[b-hd76gnmunu] {
        align-items:     flex-start;
        flex-direction:  column;
    }

    .corte-summary-value[b-hd76gnmunu] {
        text-align: left;
    }
}
/* _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-h5z3o5w9p9] {
    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-h5z3o5w9p9] {
    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-h5z3o5w9p9] {
    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-h5z3o5w9p9] {
    margin:      0;
    font-size:   1.25rem;
    font-weight: 800;
    color:       var(--tara-text);
}

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

/* ── Page + header (mismas clases que CajaCorte) ─────────────────────────── */

.corte-page[b-h5z3o5w9p9] {
    display:        flex;
    flex-direction: column;
    gap:            1rem;
}

.corte-header[b-h5z3o5w9p9] {
    display:         flex;
    align-items:     flex-start;
    justify-content: space-between;
    gap:             1rem;
    flex-wrap:       wrap;
}

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

.corte-header-icon[b-h5z3o5w9p9] {
    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-h5z3o5w9p9] {
    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-h5z3o5w9p9] {
    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-h5z3o5w9p9] {
    margin:    0;
    font-size: .82rem;
    color:     var(--tara-text-muted);
}

/* ── Contexto band ───────────────────────────────────────────────────────── */

.corte-contexto-band[b-h5z3o5w9p9] {
    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-h5z3o5w9p9] {
    color:          var(--tara-text-muted);
    font-size:      .72rem;
    font-weight:    700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.corte-contexto-value[b-h5z3o5w9p9] {
    color:       var(--tara-text);
    font-weight: 700;
}

.corte-contexto-sep[b-h5z3o5w9p9] {
    color:   var(--tara-text-muted);
    opacity: .6;
}

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

.corte-action-bar[b-h5z3o5w9p9] {
    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));
    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-h5z3o5w9p9] {
    display:        flex;
    flex-direction: column;
    gap:            .15rem;
    flex:           1;
    min-width:      0;
}

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

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

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

[b-h5z3o5w9p9] .corte-select-tienda { min-width: 180px; width: 220px; }
[b-h5z3o5w9p9] .corte-date-picker   { width: 160px; min-width: 140px; }

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

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

.corte-error-band[b-h5z3o5w9p9] {
    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-h5z3o5w9p9] { color: var(--tara-danger); flex-shrink: 0; margin-top: .05rem; }
.corte-error-band strong[b-h5z3o5w9p9]         { display: block; font-weight: 800; margin-bottom: .1rem; }
.corte-error-band span[b-h5z3o5w9p9]           { color: var(--tara-text-muted); font-size: .82rem; }
.corte-error-btn.mud-button-root[b-h5z3o5w9p9] { margin-left: auto; flex-shrink: 0; }

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

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

.corte-card[b-h5z3o5w9p9] {
    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;
}

.corte-card--ventas[b-h5z3o5w9p9] { border-left: 3px solid var(--tara-primary); border-color: color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border)); }

.corte-card-icon[b-h5z3o5w9p9] {
    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);
}

.corte-card--ventas   .corte-card-icon[b-h5z3o5w9p9] { 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-h5z3o5w9p9] { background: color-mix(in srgb, var(--tara-success) 9%,     var(--tara-surface-raised)); color: var(--tara-success); }
.corte-card--tarjeta  .corte-card-icon[b-h5z3o5w9p9] { 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-h5z3o5w9p9] { background: color-mix(in srgb, var(--tara-warning) 9%,     var(--tara-surface-raised)); color: var(--tara-warning); }
.corte-card--retiros  .corte-card-icon[b-h5z3o5w9p9] { background: color-mix(in srgb, var(--tara-danger) 9%,      var(--tara-surface-raised)); color: var(--tara-danger); }
.corte-card--tickets  .corte-card-icon[b-h5z3o5w9p9] { background: color-mix(in srgb, var(--tara-primary) 8%,     var(--tara-surface-raised)); color: var(--tara-primary-dark); }

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

.corte-card-label[b-h5z3o5w9p9] {
    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-h5z3o5w9p9] {
    font-size:      1.22rem;
    font-weight:    900;
    letter-spacing: -.02em;
    color:          var(--tara-text);
    line-height:    1;
}

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

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

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

/* ── Prompt inicial ──────────────────────────────────────────────────────── */

.corte-prompt[b-h5z3o5w9p9] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    gap:             .65rem;
    min-height:      180px;
    padding:         2rem;
    text-align:      center;
    color:           var(--tara-text-muted);
}

.corte-prompt p[b-h5z3o5w9p9]    { margin: 0; font-size: .9rem; max-width: 360px; }
.corte-prompt-icon[b-h5z3o5w9p9] { opacity: .2; }
.corte-prompt-sub[b-h5z3o5w9p9]  { font-size: .8rem !important; opacity: .7; }

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

.corte-tickets-shell[b-h5z3o5w9p9] {
    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-h5z3o5w9p9] {
    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-h5z3o5w9p9] {
    margin-left:   auto;
    font-size:     .72rem;
    font-weight:   600;
    color:         var(--tara-text-muted);
    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-h5z3o5w9p9] {
    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-h5z3o5w9p9]    { margin: 0; font-size: .86rem; max-width: 300px; }
.corte-tickets-empty-icon[b-h5z3o5w9p9] { opacity: .25; }

.corte-tickets-loading[b-h5z3o5w9p9] {
    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-h5z3o5w9p9] {
    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-h5z3o5w9p9] { flex-shrink: 0; }

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

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

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

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

.corte-tickets-table thead tr[b-h5z3o5w9p9] {
    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-h5z3o5w9p9] {
    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-h5z3o5w9p9]           { border-bottom: 1px solid var(--tara-border-subtle); transition: background .1s ease; }
.corte-tickets-table tbody tr:hover[b-h5z3o5w9p9]     { background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface)); }
.corte-tickets-table tbody tr:last-child[b-h5z3o5w9p9] { border-bottom: none; }

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

.corte-row--cancelado td[b-h5z3o5w9p9] { color: var(--tara-text-muted); opacity: .65; }

.corte-ticket-num[b-h5z3o5w9p9] {
    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-h5z3o5w9p9], .corte-td-num[b-h5z3o5w9p9]   { text-align: right  !important; }
.corte-th-caja[b-h5z3o5w9p9], .corte-td-caja[b-h5z3o5w9p9] { text-align: center !important; }
.corte-th-acciones[b-h5z3o5w9p9]              { text-align: center !important; min-width: 60px; }
.corte-td-acciones[b-h5z3o5w9p9]              { text-align: center !important; }

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

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

.corte-modal-backdrop[b-h5z3o5w9p9] {
    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-h5z3o5w9p9] {
    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--ticket[b-h5z3o5w9p9] { width: min(640px, 96vw); }

.corte-modal-header[b-h5z3o5w9p9] {
    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-h5z3o5w9p9] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    font-weight: 800;
    font-size:   .95rem;
    color:       var(--tara-text);
}

.corte-modal-title .mud-icon-root[b-h5z3o5w9p9] { color: var(--tara-primary-dark); }

.corte-modal-body[b-h5z3o5w9p9] {
    flex:           1;
    overflow-y:     auto;
    padding:        1rem;
    display:        flex;
    flex-direction: column;
    gap:            .85rem;
}

.corte-modal-loading[b-h5z3o5w9p9],
.corte-modal-error[b-h5z3o5w9p9] {
    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-h5z3o5w9p9] { color: var(--tara-danger); }

.corte-modal-grid[b-h5z3o5w9p9] {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    gap:                   .55rem;
}

.corte-modal-item[b-h5z3o5w9p9] {
    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-label[b-h5z3o5w9p9] {
    font-size:      .62rem;
    font-weight:    850;
    letter-spacing: .08em;
    text-transform: uppercase;
    color:          var(--tara-text-muted);
}

.corte-modal-item strong[b-h5z3o5w9p9] {
    font-size:     .9rem;
    font-weight:   800;
    color:         var(--tara-text);
    overflow:      hidden;
    text-overflow: ellipsis;
    white-space:   nowrap;
}

.corte-modal-total[b-h5z3o5w9p9] {
    font-size:      1.15rem !important;
    color:          var(--tara-primary-dark) !important;
    letter-spacing: -.01em;
}

.corte-modal-footer[b-h5z3o5w9p9] {
    display:         flex;
    align-items:     center;
    justify-content: flex-end;
    gap:             .5rem;
    padding:         .65rem 1rem;
    border-top:      1px solid var(--tara-border);
    flex-shrink:     0;
    background:      var(--tara-surface);
}

/* ── Estado del ticket en modal ──────────────────────────────────────────── */

.corte-ticket-estado[b-h5z3o5w9p9] {
    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-h5z3o5w9p9] {
    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-h5z3o5w9p9] {
    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));
}

/* ── Encabezado de empresa en modal ──────────────────────────────────────── */

.corte-ticket-encabezado[b-h5z3o5w9p9] {
    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-h5z3o5w9p9]                { font-size: .92rem; font-weight: 800; color: var(--tara-text); }
.corte-ticket-rfc[b-h5z3o5w9p9], .corte-ticket-sucursal[b-h5z3o5w9p9] { font-size: .74rem; color: var(--tara-text-muted); }

/* ── Secciones del ticket ────────────────────────────────────────────────── */

.corte-ticket-section-title[b-h5z3o5w9p9] {
    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-h5z3o5w9p9],
.corte-ticket-pagos-section[b-h5z3o5w9p9] { display: flex; flex-direction: column; }

.corte-ticket-items-table-wrap[b-h5z3o5w9p9] {
    overflow-x:    auto;
    border:        1px solid var(--tara-border-subtle);
    border-radius: 8px;
    overflow:      hidden;
}

.corte-ticket-items-table[b-h5z3o5w9p9] {
    width:           100%;
    border-collapse: collapse;
    font-size:       .8rem;
    min-width:       360px;
}

.corte-ticket-items-table thead tr[b-h5z3o5w9p9] { 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-h5z3o5w9p9] {
    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-h5z3o5w9p9]           { border-bottom: 1px solid var(--tara-border-subtle); }
.corte-ticket-items-table tbody tr:last-child[b-h5z3o5w9p9] { border-bottom: none; }
.corte-ticket-items-table tbody tr:nth-child(even)[b-h5z3o5w9p9] { background: var(--tara-surface-raised); }

.corte-ticket-items-table td[b-h5z3o5w9p9] {
    padding:        .38rem .55rem;
    color:          var(--tara-text);
    font-size:      .8rem;
    vertical-align: middle;
}

.corte-th-desc[b-h5z3o5w9p9], .corte-td-desc[b-h5z3o5w9p9] { min-width: 140px; }
.corte-th-r[b-h5z3o5w9p9],    .corte-td-r[b-h5z3o5w9p9]    { text-align: right !important; white-space: nowrap; }
.corte-td-importe[b-h5z3o5w9p9]              { font-weight: 700; }

.corte-td-talla[b-h5z3o5w9p9] { display: block; font-size: .7rem; color: var(--tara-text-muted); margin-top: .1rem; }

.corte-ticket-pago-row[b-h5z3o5w9p9] {
    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-h5z3o5w9p9] { color: var(--tara-text); font-weight: 700; }

.corte-ticket-total-row[b-h5z3o5w9p9] {
    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);
}

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

@media (max-width: 768px) {
    .corte-action-bar[b-h5z3o5w9p9]          { flex-direction: column; align-items: stretch; }
    .corte-action-bar-controls[b-h5z3o5w9p9] { flex-direction: column; align-items: stretch; }
    [b-h5z3o5w9p9] .corte-select-tienda,
    [b-h5z3o5w9p9] .corte-date-picker  { width: 100% !important; }
    .corte-cards-grid[b-h5z3o5w9p9]          { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 480px) {
    .corte-header[b-h5z3o5w9p9]     { flex-direction: column; }
    .corte-cards-grid[b-h5z3o5w9p9] { grid-template-columns: 1fr; }
}
/* _content/Raramuri.blzr/Components/Pages/Clientes/ClienteEdicionAvanzada.razor.rz.scp.css */
.tara-cliav-page[b-xzvc2y0c6s] {
    display: flex;
    flex-direction: column;
    gap: .95rem;
}

.tara-cliav-header[b-xzvc2y0c6s] {
    display: flex;
    align-items: center;
    gap: .85rem;
}

.tara-cliav-back-btn[b-xzvc2y0c6s] {
    flex: 0 0 auto;
}

.tara-cliav-header-copy[b-xzvc2y0c6s] {
    min-width: 0;
    flex: 1;
}

.tara-cliav-header-copy h1[b-xzvc2y0c6s] {
    margin: 0;
    color: var(--tara-text);
}

.tara-cliav-header-copy span[b-xzvc2y0c6s] {
    color: var(--tara-text-muted);
    font-size: .92rem;
}

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

.tara-cliav-toolbar[b-xzvc2y0c6s] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto;
    gap: .75rem;
    align-items: center;
    margin-bottom: .4rem;
}

.tara-cliav-search[b-xzvc2y0c6s] {
    width: 100%;
}

.tara-cliav-toolbar-actions[b-xzvc2y0c6s] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .55rem;
}

.tara-cliav-status[b-xzvc2y0c6s] {
    margin: 0 0 .85rem;
    color: var(--tara-text-muted);
    font-size: .84rem;
    font-weight: 700;
}

.tara-cliav-grid-wrap[b-xzvc2y0c6s] {
    overflow-x: auto;
}

.tara-cliav-grid[b-xzvc2y0c6s] {
    min-width: 720px;
}

.tara-cliav-section-head[b-xzvc2y0c6s] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .9rem;
}

.tara-cliav-section-head h2[b-xzvc2y0c6s],
.tara-cliav-panel-head h3[b-xzvc2y0c6s] {
    margin: 0;
    color: var(--tara-text);
}

.tara-cliav-section-head p[b-xzvc2y0c6s] {
    margin: .15rem 0 0;
    color: var(--tara-text-muted);
    font-size: .86rem;
}

.tara-cliav-form-grid[b-xzvc2y0c6s] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .95rem;
}

.tara-cliav-panel[b-xzvc2y0c6s] {
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
    padding: .95rem;
}

.tara-cliav-panel--full[b-xzvc2y0c6s] {
    grid-column: 1 / -1;
}

.tara-cliav-panel-head[b-xzvc2y0c6s] {
    margin-bottom: .8rem;
    padding-bottom: .55rem;
    border-bottom: 1px solid var(--tara-border-subtle);
}

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

.tara-cliav-fields--two[b-xzvc2y0c6s] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tara-cliav-fields--three[b-xzvc2y0c6s] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tara-cliav-fields--four[b-xzvc2y0c6s] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tara-cliav-state[b-xzvc2y0c6s],
.tara-cliav-loading[b-xzvc2y0c6s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    min-height: 200px;
    padding: 1.2rem;
    text-align: center;
    color: var(--tara-text-muted);
}

.tara-cliav-state--empty[b-xzvc2y0c6s] {
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 75%, var(--tara-bg));
}

.tara-cliav-state :is(svg, .mud-icon-root)[b-xzvc2y0c6s],
.tara-cliav-loading :is(svg, .mud-icon-root)[b-xzvc2y0c6s] {
    color: var(--tara-primary-dark);
}

.tara-cliav-alert[b-xzvc2y0c6s] {
    margin-bottom: 0;
}

[b-xzvc2y0c6s] .tara-cliav-grid .mud-table-container {
    background: transparent;
}

[b-xzvc2y0c6s] .tara-cliav-grid .mud-table-root {
    background: transparent;
}

[b-xzvc2y0c6s] .tara-cliav-grid .mud-table-head .mud-table-cell {
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    font-weight: 800;
}

[b-xzvc2y0c6s] .tara-cliav-grid .mud-table-body .mud-table-row:nth-child(odd) {
    background: var(--tara-row-odd);
}

[b-xzvc2y0c6s] .tara-cliav-grid .mud-table-body .mud-table-row:nth-child(even) {
    background: var(--tara-row-even);
}

[b-xzvc2y0c6s] .tara-cliav-grid .mud-table-body .mud-table-row:hover {
    background: var(--tara-row-hover);
}

[b-xzvc2y0c6s] .tara-cliav-grid .mud-input-outlined:hover .mud-input-outlined-border,
[b-xzvc2y0c6s] .tara-cliav-grid .mud-input-outlined.mud-input-focused .mud-input-outlined-border,
[b-xzvc2y0c6s] .tara-cliav-panel .mud-input-outlined:hover .mud-input-outlined-border,
[b-xzvc2y0c6s] .tara-cliav-panel .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-xzvc2y0c6s] .tara-cliav-panel .mud-input-root-outlined.mud-input-focused label,
[b-xzvc2y0c6s] .tara-cliav-search .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

@media (max-width: 1120px) {
    .tara-cliav-form-grid[b-xzvc2y0c6s],
    .tara-cliav-fields--three[b-xzvc2y0c6s],
    .tara-cliav-fields--four[b-xzvc2y0c6s] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-cliav-header[b-xzvc2y0c6s],
    .tara-cliav-section-head[b-xzvc2y0c6s],
    .tara-cliav-toolbar[b-xzvc2y0c6s] {
        grid-template-columns: minmax(0, 1fr);
        display: grid;
    }

    .tara-cliav-toolbar-actions[b-xzvc2y0c6s] {
        justify-content: stretch;
    }

    .tara-cliav-toolbar-actions > *[b-xzvc2y0c6s] {
        flex: 1 1 100%;
    }

    .tara-cliav-form-grid[b-xzvc2y0c6s],
    .tara-cliav-fields--two[b-xzvc2y0c6s],
    .tara-cliav-fields--three[b-xzvc2y0c6s],
    .tara-cliav-fields--four[b-xzvc2y0c6s] {
        grid-template-columns: minmax(0, 1fr);
    }

    .tara-cliav-grid[b-xzvc2y0c6s] {
        min-width: 640px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Clientes/Clientes360.razor.rz.scp.css */
.tara-c360-page[b-08mejahilq] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
    max-width: 1320px;
    margin-inline: auto;
}

.tara-c360-shell[b-08mejahilq] {
    padding: 1rem;
}

.tara-c360-card[b-08mejahilq] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-c360-card--sub[b-08mejahilq] {
    padding: 1rem;
}

.tara-c360-crm-panel-collapsed[b-08mejahilq] {
    padding-block: .7rem;
}

.tara-c360-crm-panel-collapsed-bar[b-08mejahilq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.tara-c360-crm-panel-collapsed-bar span[b-08mejahilq] {
    color: var(--tara-text-muted);
    font-size: .9rem;
    font-weight: 700;
}

.tara-c360-topbar[b-08mejahilq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
}

.tara-c360-topbar-main[b-08mejahilq],
.tara-c360-section-head[b-08mejahilq],
.tara-c360-record-banner[b-08mejahilq],
.tara-c360-alert-body[b-08mejahilq],
.tara-c360-form-footer[b-08mejahilq],
.tara-c360-result-card[b-08mejahilq],
.tara-c360-more-card-head[b-08mejahilq],
.tara-c360-ticket-card-main[b-08mejahilq],
.tara-c360-timeline-head[b-08mejahilq],
.tara-c360-hero-main[b-08mejahilq],
.tara-c360-hero-actions[b-08mejahilq] {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
}

.tara-c360-topbar-main[b-08mejahilq] {
    align-items: center;
}

.tara-c360-topbar-actions[b-08mejahilq],
.tara-c360-inline-actions[b-08mejahilq],
.tara-c360-form-actions[b-08mejahilq],
.tara-c360-toolbar-actions[b-08mejahilq],
.tara-c360-record-banner-actions[b-08mejahilq],
.tara-c360-result-meta[b-08mejahilq] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.tara-c360-topbar-actions[b-08mejahilq] {
    justify-content: flex-end;
}

.tara-c360-header-kicker[b-08mejahilq],
.tara-c360-mini-kicker[b-08mejahilq],
.tara-c360-dialog-eyebrow[b-08mejahilq] {
    display: inline-block;
    color: var(--tara-primary-dark);
    font-size: .75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tara-c360-mini-kicker[b-08mejahilq] {
    margin-bottom: .35rem;
}

.tara-c360-topbar h1[b-08mejahilq] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.3rem, 1.9vw, 1.75rem);
    line-height: 1.05;
}

.tara-c360-topbar-meta[b-08mejahilq] {
    margin-top: .22rem;
    font-size: .82rem;
}

.tara-c360-topbar p[b-08mejahilq],
.tara-c360-hero-empty-copy p[b-08mejahilq],
.tara-c360-section-head p[b-08mejahilq],
.tara-c360-more-card-head p[b-08mejahilq],
.tara-c360-record-banner p[b-08mejahilq],
.tara-c360-helper[b-08mejahilq],
.tara-c360-caption[b-08mejahilq],
.tara-c360-monedero-status[b-08mejahilq],
.tara-c360-monedero-meta[b-08mejahilq],
.tara-c360-dialog-subtitle[b-08mejahilq],
.tara-c360-dialog-note[b-08mejahilq] {
    margin: .18rem 0 0;
    color: var(--tara-text-muted);
    font-size: .88rem;
}

.tara-c360-save-btn[b-08mejahilq] {
    background: var(--tara-success) !important;
    border-color: var(--tara-success) !important;
    color: #fff !important;
}

.tara-c360-alert[b-08mejahilq] {
    margin: 0;
}

.tara-c360-alert-body[b-08mejahilq] {
    justify-content: space-between;
}

.tara-c360-hero-empty-icon[b-08mejahilq] {
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
    border-radius: 24px;
    background: color-mix(in srgb, var(--tara-primary-dark) 12%, var(--tara-surface));
}

.tara-c360-hero-empty-icon[b-08mejahilq]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2rem;
}

.tara-c360-hero-empty-copy h2[b-08mejahilq],
.tara-c360-active-client-title h2[b-08mejahilq] {
    margin: 0;
    color: var(--tara-text);
    line-height: 1.08;
}

.tara-c360-hero-empty-copy h2[b-08mejahilq] {
    font-size: clamp(1.35rem, 1.8vw, 1.75rem);
    max-width: 18ch;
}

.tara-c360-hero-empty-actions[b-08mejahilq] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.tara-c360-avatar[b-08mejahilq] {
    width: 70px;
    height: 70px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 22px;
    background: linear-gradient(145deg, var(--tara-primary-dark), var(--tara-primary));
    color: #fff;
    font-size: 1.3rem;
    font-weight: 900;
    letter-spacing: .06em;
    box-shadow: var(--tara-shadow-sm);
}

.tara-c360-client-id[b-08mejahilq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: .35rem .7rem;
    border-radius: 999px;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    color: var(--tara-text-muted);
    font-size: .8rem;
    font-weight: 800;
}

.tara-c360-hero-meta-grid[b-08mejahilq],
.tara-c360-kpis[b-08mejahilq],
.tara-c360-rail-insights[b-08mejahilq],
.tara-c360-inline-stats[b-08mejahilq],
.tara-c360-quick-action-grid[b-08mejahilq],
.tara-c360-record-grid[b-08mejahilq],
.tara-c360-summary-grid[b-08mejahilq],
.tara-c360-more-grid[b-08mejahilq] {
    display: grid;
    gap: .8rem;
}

.tara-c360-hero-meta-grid[b-08mejahilq] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tara-c360-meta-chip-card[b-08mejahilq],
.tara-c360-kpi-card[b-08mejahilq],
.tara-c360-summary-card[b-08mejahilq],
.tara-c360-field[b-08mejahilq],
.tara-c360-note-card[b-08mejahilq],
.tara-c360-ticket-row[b-08mejahilq],
.tara-c360-ticket-card[b-08mejahilq],
.tara-c360-monedero-item[b-08mejahilq],
.tara-c360-more-card[b-08mejahilq],
.tara-c360-inline-stat[b-08mejahilq],
.tara-c360-rail-insight[b-08mejahilq],
.tara-c360-form-section[b-08mejahilq],
.tara-c360-timeline-card[b-08mejahilq] {
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
}

.tara-c360-meta-chip-card[b-08mejahilq],
.tara-c360-kpi-card[b-08mejahilq],
.tara-c360-summary-card[b-08mejahilq],
.tara-c360-field[b-08mejahilq],
.tara-c360-note-card[b-08mejahilq],
.tara-c360-ticket-row[b-08mejahilq],
.tara-c360-ticket-card[b-08mejahilq],
.tara-c360-monedero-item[b-08mejahilq],
.tara-c360-more-card[b-08mejahilq],
.tara-c360-inline-stat[b-08mejahilq],
.tara-c360-rail-insight[b-08mejahilq],
.tara-c360-timeline-card[b-08mejahilq] {
    padding: .9rem 1rem;
}

.tara-c360-meta-chip-card span[b-08mejahilq],
.tara-c360-kpi-card span[b-08mejahilq],
.tara-c360-summary-card span[b-08mejahilq],
.tara-c360-field label[b-08mejahilq],
.tara-c360-ticket-kpi span[b-08mejahilq],
.tara-c360-inline-stat span[b-08mejahilq],
.tara-c360-rail-insight span[b-08mejahilq] {
    display: block;
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.tara-c360-meta-chip-card strong[b-08mejahilq],
.tara-c360-kpi-card strong[b-08mejahilq],
.tara-c360-summary-card strong[b-08mejahilq],
.tara-c360-field div[b-08mejahilq],
.tara-c360-ticket-kpi strong[b-08mejahilq],
.tara-c360-inline-stat strong[b-08mejahilq],
.tara-c360-rail-insight strong[b-08mejahilq] {
    display: block;
    margin-top: .25rem;
    color: var(--tara-text);
    font-size: .98rem;
    font-weight: 800;
}

.tara-c360-chip-row[b-08mejahilq] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.tara-c360-chip[b-08mejahilq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: .28rem .65rem;
    border-radius: 999px;
    background: var(--tara-primary-subtle);
    color: var(--tara-primary-dark);
    font-weight: 900;
    font-size: .76rem;
}

.tara-c360-chip--neutral[b-08mejahilq] {
    background: var(--tara-surface-raised);
    color: var(--tara-text-muted);
    border: 1px solid var(--tara-border);
}

.tara-c360-chip--fiel[b-08mejahilq] {
    background: color-mix(in srgb, var(--tara-warning) 14%, var(--tara-surface));
    color: var(--tara-warning);
}

.tara-c360-chip--club[b-08mejahilq] {
    background: color-mix(in srgb, var(--tara-success) 14%, var(--tara-surface));
    color: var(--tara-success);
}

.tara-c360-chip--monedero[b-08mejahilq] {
    background: color-mix(in srgb, var(--tara-primary-dark) 9%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-c360-kpis[b-08mejahilq] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.tara-c360-kpis--compact[b-08mejahilq] {
    grid-template-columns: 1.2fr repeat(3, minmax(0, 1fr));
    gap: .65rem;
}

.tara-c360-kpi-card--primary[b-08mejahilq] {
    background: linear-gradient(135deg, color-mix(in srgb, var(--tara-primary-dark) 8%, var(--tara-surface)) 0%, var(--tara-surface-raised) 100%);
    border-color: color-mix(in srgb, var(--tara-primary-dark) 20%, var(--tara-border));
}

.tara-c360-kpi-card--featured[b-08mejahilq] {
    grid-column: span 1;
}

.tara-c360-kpi-card strong[b-08mejahilq] {
    font-size: 1.1rem;
}

.tara-c360-kpi-card--featured strong[b-08mejahilq] {
    font-size: 1.42rem;
}

.tara-c360-kpi-card small[b-08mejahilq] {
    display: block;
    margin-top: .35rem;
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-c360-tabs[b-08mejahilq] {
    display: inline-grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .35rem;
    width: 100%;
    padding: .35rem;
    margin-bottom: .85rem;
    border-radius: 999px;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
}

.tara-c360-tab[b-08mejahilq] {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--tara-text-muted);
    font-size: .84rem;
    font-weight: 900;
    letter-spacing: .04em;
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.tara-c360-tab:hover[b-08mejahilq] {
    background: color-mix(in srgb, var(--tara-primary-dark) 6%, var(--tara-surface));
    color: var(--tara-text);
}

.tara-c360-tab--active[b-08mejahilq] {
    background: var(--tara-primary-dark);
    color: #fff;
    box-shadow: var(--tara-shadow-sm);
    transform: translateY(-1px);
}

.tara-c360-tab em[b-08mejahilq] {
    font-style: normal;
    padding: .12rem .45rem;
    border-radius: 999px;
    background: color-mix(in srgb, #fff 20%, transparent);
    font-size: .72rem;
}

.tara-c360-tab-panel[b-08mejahilq] {
    display: grid;
    gap: 1rem;
}

.tara-c360-rail[b-08mejahilq],
.tara-c360-stage[b-08mejahilq],
.tara-c360-form-sections[b-08mejahilq],
.tara-c360-more-grid--stacked[b-08mejahilq],
.tara-c360-notes-list[b-08mejahilq],
.tara-c360-monedero-list[b-08mejahilq],
.tara-c360-ticket-rows[b-08mejahilq],
.tara-c360-ticket-timeline[b-08mejahilq],
.tara-c360-timeline[b-08mejahilq] {
    display: grid;
    gap: 1rem;
}

.tara-c360-search-toolbar[b-08mejahilq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .7rem;
    margin-bottom: .9rem;
}

.tara-c360-search-toolbar > :nth-child(2)[b-08mejahilq] {
    grid-column: 1 / -1;
}

.tara-c360-search-toolbar--modal[b-08mejahilq] {
    margin-bottom: 0;
}

.tara-c360-mode[b-08mejahilq],
.tara-c360-search[b-08mejahilq],
.tara-c360-date[b-08mejahilq],
.tara-c360-input[b-08mejahilq] {
    width: 100%;
}

.tara-c360-search-btn[b-08mejahilq] {
    justify-self: start;
}

.tara-c360-search-results[b-08mejahilq] {
    display: flex;
    flex-direction: column;
    gap: .7rem;
    max-height: clamp(240px, calc(100vh - 420px), 460px);
    overflow: auto;
    padding-right: .1rem;
}

.tara-c360-search-results--modal[b-08mejahilq] {
    max-height: min(52vh, 540px);
}

.tara-c360-result-card[b-08mejahilq] {
    justify-content: space-between;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    padding: .95rem 1rem;
}

.tara-c360-result-card--active[b-08mejahilq] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 42%, var(--tara-border));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary-dark) 8%, transparent);
}

.tara-c360-result-copy[b-08mejahilq] {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.tara-c360-result-copy strong[b-08mejahilq],
.tara-c360-ticket-card strong[b-08mejahilq],
.tara-c360-timeline-head strong[b-08mejahilq],
.tara-c360-ticket-row-line1[b-08mejahilq] {
    color: var(--tara-text);
    font-weight: 900;
}

.tara-c360-record-banner h3[b-08mejahilq],
.tara-c360-form-section h3[b-08mejahilq],
.tara-c360-section-head h2[b-08mejahilq],
.tara-c360-more-card-head h3[b-08mejahilq] {
    margin: 0;
    color: var(--tara-text);
}

.tara-c360-purchases-shell[b-08mejahilq] {
    display: grid;
    gap: 1rem;
}

.tara-c360-section-head--purchases[b-08mejahilq] {
    justify-content: space-between;
    align-items: center;
}

.tara-c360-purchases-header-meta[b-08mejahilq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .65rem;
}

.tara-c360-purchases-toolbar[b-08mejahilq],
.tara-c360-purchases-story[b-08mejahilq] {
    display: grid;
    gap: .85rem;
}

.tara-c360-purchases-toolbar[b-08mejahilq] {
    padding: .9rem 1rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: linear-gradient(145deg, color-mix(in srgb, var(--tara-primary-dark) 3%, var(--tara-surface)) 0%, var(--tara-surface-raised) 100%);
}

.tara-c360-purchases-toolbar-note[b-08mejahilq] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .85rem;
}

.tara-c360-purchases-toolbar-note strong[b-08mejahilq] {
    color: var(--tara-text);
}

.tara-c360-form-section[b-08mejahilq] {
    padding: 1rem;
    display: grid;
    gap: .8rem;
}

.tara-c360-form-section header[b-08mejahilq] {
    display: grid;
    gap: .18rem;
}

.tara-c360-form-section header p[b-08mejahilq] {
    margin: 0;
}

.tara-c360-form-grid[b-08mejahilq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.tara-c360-form-grid--single[b-08mejahilq] {
    grid-template-columns: 1fr;
}

.tara-c360-inline-stats[b-08mejahilq],
.tara-c360-quick-action-grid[b-08mejahilq] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tara-c360-quick-action-grid[b-08mejahilq] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tara-c360-quick-action[b-08mejahilq] {
    min-height: 68px;
    display: grid;
    place-content: center;
    gap: .25rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border-subtle);
    background: var(--tara-surface-raised);
    color: var(--tara-text);
    text-decoration: none;
    text-align: center;
    transition: transform .16s ease, border-color .16s ease, background-color .16s ease;
    cursor: pointer;
}

.tara-c360-active-client[b-08mejahilq],
.tara-c360-profile-card[b-08mejahilq],
.tara-c360-empty-workspace[b-08mejahilq] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-c360-active-client[b-08mejahilq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: .85rem 1rem;
}

.tara-c360-active-client-main[b-08mejahilq] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .85rem;
}

.tara-c360-active-client-copy[b-08mejahilq] {
    min-width: 0;
    display: grid;
    gap: .42rem;
}

.tara-c360-active-client-title[b-08mejahilq],
.tara-c360-active-client-meta[b-08mejahilq],
.tara-c360-active-client-actions[b-08mejahilq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .55rem;
}

.tara-c360-active-client-meta span[b-08mejahilq] {
    color: var(--tara-text-muted);
    font-size: .83rem;
}

.tara-c360-empty-workspace[b-08mejahilq] {
    max-width: 720px;
    margin: 0 auto;
}

.tara-c360-empty-search[b-08mejahilq] {
    display: grid;
    gap: .85rem;
    margin-top: .8rem;
}

.tara-c360-search--wide[b-08mejahilq] {
    width: 100%;
}

.tara-c360-empty-search-actions[b-08mejahilq] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.tara-c360-profile-card[b-08mejahilq] {
    display: grid;
    gap: 1rem;
}

.tara-c360-profile-grid[b-08mejahilq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.tara-c360-profile-meta[b-08mejahilq] {
    display: grid;
    gap: .65rem;
}

.tara-c360-form-footer--simple[b-08mejahilq] {
    justify-content: space-between;
    align-items: center;
}

.tara-c360-dialog--search[b-08mejahilq] {
    width: min(100%, 760px);
}

.tara-c360-dialog-body--search[b-08mejahilq] {
    gap: 1rem;
}

.tara-c360-quick-action:hover[b-08mejahilq] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--tara-primary-dark) 25%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary-dark) 5%, var(--tara-surface));
}

.tara-c360-quick-action--disabled[b-08mejahilq] {
    pointer-events: none;
    opacity: .5;
}

.tara-c360-quick-action[b-08mejahilq]  .mud-icon-root {
    color: var(--tara-primary-dark);
}

.tara-c360-form-footer[b-08mejahilq] {
    justify-content: space-between;
    align-items: flex-end;
}

.tara-c360-note-filters[b-08mejahilq],
.tara-c360-purchase-filters[b-08mejahilq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 190px)) auto;
    gap: .75rem;
    align-items: center;
    margin-bottom: .9rem;
}

.tara-c360-timeline[b-08mejahilq] {
    position: relative;
    gap: .85rem;
}

.tara-c360-timeline[b-08mejahilq]::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: color-mix(in srgb, var(--tara-primary-dark) 18%, var(--tara-border));
}

.tara-c360-timeline-item[b-08mejahilq] {
    position: relative;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: .85rem;
    align-items: start;
}

.tara-c360-timeline-dot[b-08mejahilq] {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: var(--tara-surface);
    border: 4px solid var(--tara-primary-dark);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--tara-primary-dark) 10%, transparent);
}

.tara-c360-timeline-card p[b-08mejahilq],
.tara-c360-note-card p[b-08mejahilq],
.tara-c360-ticket-row p[b-08mejahilq],
.tara-c360-ticket-row strong[b-08mejahilq] {
    margin: 0;
}

.tara-c360-summary-grid[b-08mejahilq] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tara-c360-summary-grid--purchases[b-08mejahilq] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.tara-c360-summary-grid--commercial .tara-c360-summary-card[b-08mejahilq] {
    min-height: 116px;
}

.tara-c360-summary-card small[b-08mejahilq] {
    display: block;
    margin-top: .35rem;
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-c360-summary-card--net strong[b-08mejahilq],
.tara-c360-ticket-row strong[b-08mejahilq] {
    color: var(--tara-primary-dark);
}

.tara-c360-purchases-story-head[b-08mejahilq] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: .75rem;
}

.tara-c360-purchases-story-head h3[b-08mejahilq] {
    margin: 0;
    color: var(--tara-text);
}

.tara-c360-purchases-story-head p[b-08mejahilq] {
    margin: .18rem 0 0;
    color: var(--tara-text-muted);
    font-size: .86rem;
}

.tara-c360-ticket-timeline--crm[b-08mejahilq] {
    position: relative;
    gap: .95rem;
}

.tara-c360-ticket-timeline--crm[b-08mejahilq]::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: color-mix(in srgb, var(--tara-primary-dark) 16%, var(--tara-border));
}

.tara-c360-ticket-card--crm[b-08mejahilq] {
    position: relative;
    margin-left: 1.9rem;
    display: grid;
    gap: .7rem;
    border-color: color-mix(in srgb, var(--tara-primary-dark) 10%, var(--tara-border-subtle));
}

.tara-c360-ticket-card--crm[b-08mejahilq]::before {
    content: "";
    position: absolute;
    left: -1.48rem;
    top: 1.1rem;
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: var(--tara-surface);
    border: 3px solid var(--tara-primary-dark);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--tara-primary-dark) 8%, transparent);
}

.tara-c360-ticket-card-top[b-08mejahilq] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: .75rem;
}

.tara-c360-ticket-card-badge-wrap[b-08mejahilq],
.tara-c360-ticket-card-copy[b-08mejahilq] {
    display: grid;
    gap: .28rem;
}

.tara-c360-ticket-card-date[b-08mejahilq] {
    color: var(--tara-text-muted);
    font-size: .82rem;
    font-weight: 700;
}

.tara-c360-ticket-badge[b-08mejahilq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 28px;
    padding: .2rem .58rem;
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-c360-ticket-badge--sale[b-08mejahilq] {
    background: color-mix(in srgb, var(--tara-success) 14%, var(--tara-surface));
    color: var(--tara-success);
}

.tara-c360-ticket-badge--return[b-08mejahilq] {
    background: color-mix(in srgb, var(--tara-warning) 14%, var(--tara-surface));
    color: var(--tara-warning);
}

.tara-c360-ticket-card-main[b-08mejahilq] {
    justify-content: space-between;
}

.tara-c360-ticket-card-copy p[b-08mejahilq] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .86rem;
}

.tara-c360-ticket-card-side[b-08mejahilq] {
    display: grid;
    justify-items: end;
    gap: .2rem;
}

.tara-c360-ticket-card-side span[b-08mejahilq] {
    color: var(--tara-primary-dark);
    font-size: 1.04rem;
    font-weight: 900;
}

.tara-c360-ticket-card-side small[b-08mejahilq] {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-c360-more-grid[b-08mejahilq] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tara-c360-more-grid--stacked[b-08mejahilq] {
    grid-template-columns: 1fr;
}

.tara-c360-detail-grid[b-08mejahilq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.tara-c360-detail-grid--more[b-08mejahilq] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tara-c360-summary-amount--success[b-08mejahilq],
.tara-c360-monedero-amount--success[b-08mejahilq] {
    color: var(--tara-success) !important;
}

.tara-c360-summary-amount--warning[b-08mejahilq],
.tara-c360-monedero-amount--warning[b-08mejahilq] {
    color: var(--tara-warning) !important;
}

.tara-c360-state[b-08mejahilq] {
    min-height: 180px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    text-align: center;
    color: var(--tara-text-muted);
}

.tara-c360-state--compact[b-08mejahilq] {
    min-height: 120px;
}

.tara-c360-state[b-08mejahilq]  .mud-icon-root,
.tara-c360-loading[b-08mejahilq]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.2rem;
}

.tara-c360-loading[b-08mejahilq] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-c360-dialog-backdrop[b-08mejahilq] {
    position: fixed;
    inset: 0;
    z-index: 1600;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(53, 34, 28, .46);
    backdrop-filter: blur(2px);
}

.tara-c360-dialog[b-08mejahilq] {
    width: min(100%, 560px);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-lg);
    overflow: hidden;
}

.tara-c360-dialog--note[b-08mejahilq] {
    width: min(100%, 520px);
}

.tara-c360-dialog--ticket[b-08mejahilq] {
    width: min(100%, 920px);
}

.tara-c360-dialog-header[b-08mejahilq] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: .75rem;
    padding: 1rem 1rem .8rem;
    border-bottom: 1px solid var(--tara-border-subtle);
}

.tara-c360-dialog-header--ticket[b-08mejahilq] {
    align-items: center;
    background: linear-gradient(145deg, color-mix(in srgb, var(--tara-primary-dark) 4%, var(--tara-surface)) 0%, var(--tara-surface) 100%);
}

.tara-c360-dialog-close[b-08mejahilq] {
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface-raised);
    color: var(--tara-text-muted);
    cursor: pointer;
}

.tara-c360-dialog-body[b-08mejahilq] {
    display: grid;
    gap: .65rem;
    padding: 1rem;
}

.tara-c360-dialog-body--ticket[b-08mejahilq] {
    gap: 1rem;
}

.tara-c360-dialog-error[b-08mejahilq] {
    margin: 0;
    color: var(--tara-primary-dark);
    font-size: .86rem;
    font-weight: 700;
}

.tara-c360-ticket-head[b-08mejahilq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.tara-c360-ticket-head--receipt[b-08mejahilq] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tara-c360-ticket-kpi[b-08mejahilq] {
    padding: .85rem .95rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-primary-dark) 6%, var(--tara-surface));
}

.tara-c360-ticket-kpi--muted[b-08mejahilq] {
    background: var(--tara-surface-raised);
}

.tara-c360-ticket-receipt-head[b-08mejahilq] {
    flex: 1;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
}

.tara-c360-ticket-receipt-copy[b-08mejahilq] {
    min-width: 0;
    display: grid;
    gap: .45rem;
}

.tara-c360-ticket-receipt-title-row[b-08mejahilq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .55rem;
}

.tara-c360-ticket-receipt-title-row h3[b-08mejahilq] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.45rem;
    font-weight: 900;
}

.tara-c360-ticket-receipt-meta[b-08mejahilq] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.tara-c360-ticket-receipt-meta span[b-08mejahilq],
.tara-c360-ticket-pill[b-08mejahilq] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: .2rem .56rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border-subtle);
    background: var(--tara-surface-raised);
    color: var(--tara-text-muted);
    font-size: .77rem;
    font-weight: 700;
}

.tara-c360-ticket-receipt-total[b-08mejahilq] {
    display: grid;
    justify-items: end;
    gap: .18rem;
}

.tara-c360-ticket-receipt-total span[b-08mejahilq] {
    color: var(--tara-text-muted);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.tara-c360-ticket-receipt-total strong[b-08mejahilq] {
    color: var(--tara-primary-dark);
    font-size: 1.6rem;
    font-weight: 900;
}

.tara-c360-ticket-close-wrap[b-08mejahilq] {
    display: grid;
    gap: .18rem;
}

.tara-c360-ticket-rows--receipt[b-08mejahilq] {
    display: grid;
    gap: .8rem;
}

.tara-c360-ticket-row--receipt[b-08mejahilq] {
    display: grid;
    gap: .75rem;
    border-color: color-mix(in srgb, var(--tara-primary-dark) 8%, var(--tara-border-subtle));
    background: linear-gradient(180deg, color-mix(in srgb, var(--tara-primary-dark) 3%, var(--tara-surface)) 0%, var(--tara-surface) 100%);
}

.tara-c360-ticket-row-head[b-08mejahilq] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: .75rem;
}

.tara-c360-ticket-row-copy[b-08mejahilq] {
    min-width: 0;
    display: grid;
    gap: .18rem;
}

.tara-c360-ticket-row-amount[b-08mejahilq] {
    color: var(--tara-primary-dark);
    font-size: 1rem;
    font-weight: 900;
    text-align: right;
    white-space: nowrap;
}

.tara-c360-ticket-row-badges[b-08mejahilq] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.tara-c360-ticket-pill[b-08mejahilq] {
    color: var(--tara-text);
    font-weight: 800;
}

.tara-c360-ticket-pill--price[b-08mejahilq] {
    background: color-mix(in srgb, var(--tara-primary-dark) 5%, var(--tara-surface));
}

.tara-c360-ticket-pill--discount[b-08mejahilq] {
    background: color-mix(in srgb, var(--tara-warning) 12%, var(--tara-surface));
    color: var(--tara-warning);
    border-color: color-mix(in srgb, var(--tara-warning) 24%, var(--tara-border-subtle));
}

.tara-c360-ticket-row-line2[b-08mejahilq] {
    color: var(--tara-text-muted);
    font-size: .84rem;
}

.tara-c360-ticket-row-line3[b-08mejahilq] {
    color: var(--tara-text);
    font-size: .88rem;
}

.tara-c360-dialog-footer[b-08mejahilq] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
    padding: .85rem 1rem 1rem;
    border-top: 1px solid var(--tara-border-subtle);
}

.tara-c360-btn[b-08mejahilq] {
    min-width: 112px;
    height: 42px;
    border-radius: 14px;
    border: 1px solid var(--tara-border);
    font-weight: 800;
    cursor: pointer;
}

.tara-c360-btn--muted[b-08mejahilq] {
    background: var(--tara-surface-raised);
    color: var(--tara-text);
}

.tara-c360-btn--danger[b-08mejahilq] {
    border-color: var(--tara-primary-dark);
    background: var(--tara-primary-dark);
    color: #fff;
}

@media (max-width: 1180px) {
    .tara-c360-kpis[b-08mejahilq],
    .tara-c360-summary-grid--purchases[b-08mejahilq] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1040px) {
    .tara-c360-crm-layout[b-08mejahilq],
    .tara-c360-detail-grid[b-08mejahilq],
    .tara-c360-detail-grid--more[b-08mejahilq],
    .tara-c360-more-grid[b-08mejahilq],
    .tara-c360-kpis[b-08mejahilq],
    .tara-c360-summary-grid[b-08mejahilq],
    .tara-c360-summary-grid--purchases[b-08mejahilq],
    .tara-c360-hero-meta-grid[b-08mejahilq],
    .tara-c360-rail-insights[b-08mejahilq],
    .tara-c360-inline-stats[b-08mejahilq],
    .tara-c360-quick-action-grid[b-08mejahilq],
    .tara-c360-empty-grid[b-08mejahilq],
    .tara-c360-ticket-head[b-08mejahilq],
    .tara-c360-ticket-head--receipt[b-08mejahilq],
    .tara-c360-ticket-receipt-head[b-08mejahilq] {
        grid-template-columns: 1fr;
    }

    .tara-c360-search-toolbar[b-08mejahilq] {
        grid-template-columns: 1fr;
    }

    .tara-c360-search-toolbar > :nth-child(2)[b-08mejahilq] {
        grid-column: auto;
    }

    .tara-c360-active-client[b-08mejahilq] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-c360-profile-grid[b-08mejahilq],
    .tara-c360-kpis--compact[b-08mejahilq] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .tara-c360-topbar[b-08mejahilq],
    .tara-c360-section-head[b-08mejahilq],
    .tara-c360-alert-body[b-08mejahilq],
    .tara-c360-form-footer[b-08mejahilq],
    .tara-c360-result-card[b-08mejahilq],
    .tara-c360-more-card-head[b-08mejahilq],
    .tara-c360-record-banner[b-08mejahilq],
    .tara-c360-ticket-card-main[b-08mejahilq],
    .tara-c360-ticket-card-top[b-08mejahilq],
    .tara-c360-purchases-story-head[b-08mejahilq],
    .tara-c360-active-client-main[b-08mejahilq],
    .tara-c360-active-client-actions[b-08mejahilq],
    .tara-c360-ticket-row-head[b-08mejahilq],
    .tara-c360-dialog-header--ticket[b-08mejahilq] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-c360-topbar-actions[b-08mejahilq],
    .tara-c360-inline-actions[b-08mejahilq],
    .tara-c360-form-actions[b-08mejahilq],
    .tara-c360-toolbar-actions[b-08mejahilq],
    .tara-c360-record-banner-actions[b-08mejahilq],
    .tara-c360-result-meta[b-08mejahilq] {
        justify-content: stretch;
    }

    .tara-c360-tabs[b-08mejahilq] {
        width: 100%;
    }

    .tara-c360-note-filters[b-08mejahilq],
    .tara-c360-purchase-filters[b-08mejahilq],
    .tara-c360-form-grid[b-08mejahilq],
    .tara-c360-quick-action-grid[b-08mejahilq] {
        grid-template-columns: 1fr;
    }

    .tara-c360-summary-grid--purchases[b-08mejahilq],
    .tara-c360-profile-grid[b-08mejahilq],
    .tara-c360-kpis--compact[b-08mejahilq] {
        grid-template-columns: 1fr;
    }

    .tara-c360-ticket-card--crm[b-08mejahilq] {
        margin-left: 1.35rem;
    }

    .tara-c360-search-btn[b-08mejahilq] {
        justify-self: stretch;
    }

    .tara-c360-dialog[b-08mejahilq] {
        width: 100%;
    }

    .tara-c360-ticket-receipt-total[b-08mejahilq],
    .tara-c360-ticket-row-amount[b-08mejahilq] {
        justify-items: start;
        text-align: left;
    }

    .tara-c360-avatar[b-08mejahilq] {
        width: 66px;
        height: 66px;
        border-radius: 22px;
    }
}

.tara-c360-workspace[b-08mejahilq] {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr) 300px;
    gap: 1rem;
    align-items: start;
}

.tara-c360-panel[b-08mejahilq] {
    min-width: 0;
}

.tara-c360-panel--left[b-08mejahilq],
.tara-c360-panel--right[b-08mejahilq] {
    position: sticky;
    top: 1rem;
}

.tara-c360-search-panel[b-08mejahilq],
.tara-c360-radar-panel[b-08mejahilq] {
    display: grid;
    gap: 1rem;
}

.tara-c360-search-stack[b-08mejahilq] {
    display: grid;
    gap: .7rem;
}

.tara-c360-search-results--panel[b-08mejahilq] {
    max-height: calc(100vh - 320px);
}

.tara-c360-profile-card--main[b-08mejahilq] {
    padding: 1rem;
}

.tara-c360-empty-mainview[b-08mejahilq] {
    min-height: 360px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .85rem;
    text-align: center;
    padding: 1.5rem;
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface-raised) 88%, white);
}

.tara-c360-empty-mainview h2[b-08mejahilq] {
    margin: 0;
    color: var(--tara-text);
}

.tara-c360-empty-mainview p[b-08mejahilq] {
    margin: 0;
    max-width: 38ch;
    color: var(--tara-text-muted);
}

.tara-c360-empty-mainview-actions[b-08mejahilq] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .65rem;
}

.tara-c360-radar-kpis[b-08mejahilq],
.tara-c360-radar-actions[b-08mejahilq],
.tara-c360-radar-statuses[b-08mejahilq],
.tara-c360-radar-help[b-08mejahilq] {
    display: grid;
    gap: .75rem;
}

.tara-c360-radar-kpis[b-08mejahilq],
.tara-c360-radar-help[b-08mejahilq] {
    grid-template-columns: 1fr 1fr;
}

.tara-c360-radar-help .tara-c360-inline-stat[b-08mejahilq],
.tara-c360-radar-kpis .tara-c360-inline-stat[b-08mejahilq] {
    min-height: 88px;
}

@media (max-width: 1040px) {
    .tara-c360-workspace[b-08mejahilq] {
        grid-template-columns: 1fr;
    }

    .tara-c360-panel--left[b-08mejahilq],
    .tara-c360-panel--right[b-08mejahilq] {
        position: static;
    }

    .tara-c360-panel--left[b-08mejahilq] {
        display: none;
    }

    .tara-c360-radar-kpis[b-08mejahilq],
    .tara-c360-radar-help[b-08mejahilq] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .tara-c360-topbar-actions[b-08mejahilq] {
        width: 100%;
    }

    .tara-c360-topbar-actions > *[b-08mejahilq] {
        flex: 1 1 calc(50% - .35rem);
    }

    .tara-c360-radar-kpis[b-08mejahilq],
    .tara-c360-radar-help[b-08mejahilq] {
        grid-template-columns: 1fr;
    }

    .tara-c360-empty-mainview[b-08mejahilq] {
        min-height: 280px;
    }
}

.tara-c360-topbar--simple[b-08mejahilq] {
    align-items: center;
    justify-content: flex-start;
}

.tara-c360-topbar--simple .tara-c360-topbar-copy[b-08mejahilq] {
    display: grid;
    gap: 0;
}

.tara-c360-module[b-08mejahilq] {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    gap: 1rem;
}

.tara-c360-crm-panel[b-08mejahilq],
.tara-c360-ficha-shell[b-08mejahilq] {
    display: grid;
    gap: 1rem;
}

.tara-c360-section-head--panel[b-08mejahilq] {
    justify-content: space-between;
    align-items: center;
}

.tara-c360-panel-actions[b-08mejahilq],
.tara-c360-active-client-actions[b-08mejahilq] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.tara-c360-panel-filters[b-08mejahilq] {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(220px, .9fr) auto auto;
    gap: .75rem;
    align-items: center;
}

.tara-c360-kpi-strip[b-08mejahilq] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .75rem;
}

.tara-c360-mini-kpi[b-08mejahilq] {
    padding: .85rem .95rem;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
}

.tara-c360-mini-kpi span[b-08mejahilq] {
    display: block;
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.tara-c360-mini-kpi strong[b-08mejahilq] {
    display: block;
    margin-top: .25rem;
    color: var(--tara-text);
    font-size: 1.05rem;
    font-weight: 900;
}

.tara-c360-results-list[b-08mejahilq] {
    display: grid;
    gap: .75rem;
}

.tara-c360-client-card[b-08mejahilq] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: .85rem;
    padding: .95rem 1rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
}

.tara-c360-client-card--active[b-08mejahilq] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 42%, var(--tara-border));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary-dark) 8%, transparent);
}

.tara-c360-client-card-main[b-08mejahilq],
.tara-c360-client-card-side[b-08mejahilq] {
    display: grid;
    gap: .3rem;
}

.tara-c360-client-card-main strong[b-08mejahilq] {
    color: var(--tara-text);
    font-weight: 900;
}

.tara-c360-client-card-main span[b-08mejahilq] {
    color: var(--tara-text-muted);
    font-size: .88rem;
}

.tara-c360-client-card-side[b-08mejahilq] {
    justify-items: end;
}

.tara-c360-chip-row--compact[b-08mejahilq] {
    justify-content: flex-end;
}

.tara-c360-ficha-shell[b-08mejahilq] {
    gap: .85rem;
}

.tara-c360-active-client--simple[b-08mejahilq] {
    padding: 1rem;
}

.tara-c360-active-client-meta--stacked[b-08mejahilq] {
    gap: .35rem;
}

.tara-c360-shell--simple[b-08mejahilq] {
    padding: 1rem;
}

.tara-c360-profile-card--simple[b-08mejahilq] {
    padding: .25rem 0 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.tara-c360-more-card-head p[b-08mejahilq],
.tara-c360-section-head--purchases p[b-08mejahilq] {
    display: none;
}

@media (max-width: 760px) {
    .tara-c360-panel-actions[b-08mejahilq],
    .tara-c360-panel-filters[b-08mejahilq],
    .tara-c360-active-client-actions[b-08mejahilq],
    .tara-c360-form-footer--simple[b-08mejahilq] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .tara-c360-panel-actions > *[b-08mejahilq],
    .tara-c360-panel-filters > *[b-08mejahilq],
    .tara-c360-active-client-actions > *[b-08mejahilq],
    .tara-c360-form-footer--simple > *[b-08mejahilq] {
        width: 100%;
    }

    .tara-c360-kpi-strip[b-08mejahilq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-c360-client-card[b-08mejahilq],
    .tara-c360-client-card-side[b-08mejahilq] {
        flex-direction: column;
        justify-items: start;
        align-items: stretch;
    }

    .tara-c360-chip-row--compact[b-08mejahilq] {
        justify-content: flex-start;
    }

    .tara-c360-shell--simple[b-08mejahilq] {
        padding: .85rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Clientes/ClientesCredito.razor.rz.scp.css */
.tara-ccr-page[b-4d3qdw6js6] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
}

.tara-ccr-loading[b-4d3qdw6js6],
.tara-ccr-state[b-4d3qdw6js6] {
    min-height: 52vh;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
}

.tara-ccr-state--compact[b-4d3qdw6js6] {
    min-height: 140px;
}

.tara-ccr-header[b-4d3qdw6js6] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-ccr-header-actions[b-4d3qdw6js6],
.tara-ccr-toolbar-actions[b-4d3qdw6js6],
.tara-ccr-grid-actions[b-4d3qdw6js6] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.tara-ccr-back-btn[b-4d3qdw6js6] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-ccr-header-copy h1[b-4d3qdw6js6] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-ccr-header-copy span[b-4d3qdw6js6] {
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-ccr-alert[b-4d3qdw6js6] {
    margin-bottom: 1rem;
}

.tara-ccr-tabs[b-4d3qdw6js6] {
    display: flex;
    gap: .65rem;
    flex-wrap: wrap;
    margin: 0 0 1rem;
}

.tara-ccr-tab[b-4d3qdw6js6] {
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface);
    color: var(--tara-text-muted);
    padding: .6rem 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.tara-ccr-tab:hover[b-4d3qdw6js6] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 35%, var(--tara-border));
    color: var(--tara-text);
    transform: translateY(-1px);
}

.tara-ccr-tab--active[b-4d3qdw6js6] {
    color: var(--tara-primary-dark);
    border-color: color-mix(in srgb, var(--tara-primary-dark) 40%, var(--tara-border));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tara-primary-dark) 18%, transparent);
}

.tara-ccr-alert-body[b-4d3qdw6js6] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-ccr-filters-grid[b-4d3qdw6js6] {
    display: grid;
    grid-template-columns: minmax(220px, 320px) minmax(240px, 1fr) auto;
    gap: .75rem;
    align-items: end;
}

.tara-ccr-filter-note[b-4d3qdw6js6] {
    margin: 0;
}

.tara-ccr-filter-note--wide[b-4d3qdw6js6] {
    grid-column: 1 / -2;
}

.tara-ccr-filter-actions[b-4d3qdw6js6] {
    display: flex;
    justify-content: flex-end;
}

.tara-ccr-subtabs[b-4d3qdw6js6] {
    display: flex;
    gap: .65rem;
    flex-wrap: wrap;
    margin: 0 0 .9rem;
}

.tara-ccr-subtab[b-4d3qdw6js6] {
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface);
    color: var(--tara-text-muted);
    padding: .5rem .9rem;
    font-weight: 700;
    cursor: pointer;
}

.tara-ccr-subtab--active[b-4d3qdw6js6] {
    color: var(--tara-primary-dark);
    border-color: color-mix(in srgb, var(--tara-primary-dark) 40%, var(--tara-border));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tara-primary-dark) 18%, transparent);
}

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

.tara-ccr-summary-card[b-4d3qdw6js6] {
    display: grid;
    gap: .2rem;
    padding: .9rem 1rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    box-shadow: var(--tara-shadow-sm);
}

.tara-ccr-summary-card span[b-4d3qdw6js6] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 700;
}

.tara-ccr-summary-card strong[b-4d3qdw6js6] {
    color: var(--tara-text);
    font-size: 1.1rem;
    font-weight: 800;
}

.tara-ccr-summary-card--accent[b-4d3qdw6js6] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 24%, var(--tara-border));
}

.tara-ccr-summary-card--accent strong[b-4d3qdw6js6] {
    color: var(--tara-primary-dark);
}

.tara-ccr-summary-grid--saldos[b-4d3qdw6js6] {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.tara-ccr-filters-grid--pagos[b-4d3qdw6js6] {
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    align-items: start;
}

.tara-ccr-filters-grid--proyeccion[b-4d3qdw6js6] {
    grid-template-columns: repeat(2, minmax(220px, 320px)) minmax(260px, 1fr) auto;
    align-items: start;
}

.tara-ccr-filters-grid--registro[b-4d3qdw6js6] {
    grid-template-columns: minmax(280px, 1.2fr) repeat(2, minmax(180px, 240px)) auto;
    align-items: start;
}

.tara-ccr-kpi-card[b-4d3qdw6js6] {
    display: grid;
    gap: .2rem;
    text-align: left;
    padding: .9rem 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.tara-ccr-kpi-card:hover[b-4d3qdw6js6] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--tara-primary-dark) 26%, var(--tara-border));
}

.tara-ccr-kpi-card span[b-4d3qdw6js6],
.tara-ccr-kpi-card small[b-4d3qdw6js6] {
    color: var(--tara-text-muted);
}

.tara-ccr-kpi-card strong[b-4d3qdw6js6] {
    color: var(--tara-text);
    font-size: 1.06rem;
    font-weight: 800;
}

.tara-ccr-kpi-card--active[b-4d3qdw6js6] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 42%, var(--tara-border));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tara-primary-dark) 14%, transparent), var(--tara-shadow-sm);
}

.tara-ccr-card[b-4d3qdw6js6] {
    margin-top: .45rem;
    padding: .7rem .7rem .6rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
}

.tara-ccr-toolbar[b-4d3qdw6js6] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .1rem .2rem .45rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    margin-bottom: .55rem;
}

.tara-ccr-toolbar-copy[b-4d3qdw6js6] {
    display: grid;
    gap: .15rem;
}

.tara-ccr-toolbar-copy strong[b-4d3qdw6js6] {
    color: var(--tara-text);
    font-size: .98rem;
}

.tara-ccr-toolbar-copy span[b-4d3qdw6js6] {
    color: var(--tara-text-muted);
    font-size: .84rem;
}

.tara-ccr-search[b-4d3qdw6js6] {
    min-width: 280px;
    max-width: 520px;
    flex: 1;
}

.tara-ccr-statusbar[b-4d3qdw6js6] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 .2rem .55rem;
    color: var(--tara-text-muted);
    font-size: .85rem;
}

.tara-ccr-total[b-4d3qdw6js6],
.tara-ccr-money[b-4d3qdw6js6],
.tara-ccr-cell-num[b-4d3qdw6js6] {
    font-weight: 700;
    text-align: right;
}

.tara-ccr-grid-wrap[b-4d3qdw6js6] {
    overflow: hidden auto;
    border: 1px solid var(--tara-border);
    border-radius: 12px;
    background: var(--tara-surface);
}

[b-4d3qdw6js6] .tara-ccr-grid.mud-table {
    min-width: 1380px;
    background: var(--tara-surface);
    box-shadow: none;
}

[b-4d3qdw6js6] .tara-ccr-grid .mud-table-container {
    overflow-x: auto;
}

[b-4d3qdw6js6] .tara-ccr-grid .mud-table-head .mud-table-cell {
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    border-bottom: 2px solid color-mix(in srgb, var(--tara-primary-dark) 40%, var(--tara-border)) !important;
    padding: .5rem .65rem !important;
    min-height: 44px;
    text-transform: uppercase;
    font-size: .71rem !important;
    font-weight: 700;
    letter-spacing: .04em;
    white-space: nowrap;
}

[b-4d3qdw6js6] .tara-ccr-grid .mud-table-body .mud-table-row .mud-table-cell {
    border-bottom: 1px solid var(--tara-border-subtle) !important;
    font-size: .82rem;
    vertical-align: middle;
}

[b-4d3qdw6js6] .tara-ccr-grid .mud-table-body tr:nth-child(odd) td {
    background: var(--tara-row-odd);
}

[b-4d3qdw6js6] .tara-ccr-grid .mud-table-body tr:nth-child(even) td {
    background: var(--tara-row-even);
}

[b-4d3qdw6js6] .tara-ccr-grid .mud-table-body tr:hover td {
    background: var(--tara-row-hover);
}

[b-4d3qdw6js6] .tara-ccr-grid .mud-table-pagination {
    border-top: 1px solid var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-surface) 90%, var(--tara-bg));
}

.tara-ccr-dialog-backdrop[b-4d3qdw6js6] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .48);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1400;
    padding: 1rem;
}

.tara-ccr-dialog[b-4d3qdw6js6] {
    width: min(980px, 96vw);
    max-height: min(88vh, 920px);
    display: grid;
    grid-template-rows: 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-ccr-dialog--compact[b-4d3qdw6js6] {
    width: min(620px, 96vw);
}

.tara-ccr-dialog-header[b-4d3qdw6js6],
.tara-ccr-dialog-footer[b-4d3qdw6js6] {
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.tara-ccr-dialog-footer[b-4d3qdw6js6] {
    border-bottom: none;
    border-top: 1px solid var(--tara-border-subtle);
    justify-content: flex-end;
}

.tara-ccr-dialog-eyebrow[b-4d3qdw6js6] {
    margin: 0 0 .2rem;
    color: var(--tara-primary-dark);
    font-size: .74rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 800;
}

.tara-ccr-dialog-header h2[b-4d3qdw6js6] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.25rem;
    font-weight: 800;
}

.tara-ccr-dialog-subtitle[b-4d3qdw6js6],
.tara-ccr-dialog-hint[b-4d3qdw6js6] {
    margin: .25rem 0 0;
    color: var(--tara-text-muted);
    font-size: .88rem;
}

.tara-ccr-dialog-body[b-4d3qdw6js6] {
    overflow: auto;
    padding: 1rem 1.1rem 1.15rem;
}

.tara-ccr-dialog-close[b-4d3qdw6js6] {
    border: none;
    background: transparent;
    color: var(--tara-text-muted);
    font-size: 1.7rem;
    line-height: 1;
    cursor: pointer;
}

.tara-ccr-detail-kpis[b-4d3qdw6js6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.tara-ccr-detail-kpis article[b-4d3qdw6js6],
.tara-ccr-detail-card[b-4d3qdw6js6] {
    padding: .85rem .95rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-ccr-detail-kpis span[b-4d3qdw6js6],
.tara-ccr-detail-values span[b-4d3qdw6js6] {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-ccr-detail-kpis strong[b-4d3qdw6js6],
.tara-ccr-detail-values strong[b-4d3qdw6js6] {
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 800;
}

.tara-ccr-detail-list[b-4d3qdw6js6] {
    display: grid;
    gap: .75rem;
    margin-top: 1rem;
}

.tara-ccr-detail-card[b-4d3qdw6js6] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}

.tara-ccr-detail-card h3[b-4d3qdw6js6] {
    margin: 0 0 .2rem;
    color: var(--tara-text);
    font-size: .98rem;
}

.tara-ccr-detail-card p[b-4d3qdw6js6] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .84rem;
}

.tara-ccr-detail-values[b-4d3qdw6js6] {
    display: grid;
    gap: .2rem;
    text-align: right;
}

.tara-ccr-saldos-list[b-4d3qdw6js6] {
    display: grid;
    gap: .75rem;
}

.tara-ccr-matrix-wrap[b-4d3qdw6js6] {
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: 12px;
}

.tara-ccr-matrix[b-4d3qdw6js6] {
    width: 100%;
    min-width: 640px;
    border-collapse: separate;
    border-spacing: 0;
}

.tara-ccr-matrix th[b-4d3qdw6js6],
.tara-ccr-matrix td[b-4d3qdw6js6] {
    padding: .65rem .75rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    white-space: nowrap;
}

.tara-ccr-matrix th[b-4d3qdw6js6] {
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    text-align: right;
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.tara-ccr-matrix th:first-child[b-4d3qdw6js6],
.tara-ccr-matrix td:first-child[b-4d3qdw6js6] {
    text-align: left;
}

.tara-ccr-matrix tbody tr:nth-child(odd) td[b-4d3qdw6js6] {
    background: var(--tara-row-odd);
}

.tara-ccr-matrix tbody tr:nth-child(even) td[b-4d3qdw6js6] {
    background: var(--tara-row-even);
}

.tara-ccr-matrix tbody tr:hover td[b-4d3qdw6js6] {
    background: var(--tara-row-hover);
}

.tara-ccr-matrix-total td[b-4d3qdw6js6] {
    font-weight: 800;
}

.tara-ccr-toolbar--dialog[b-4d3qdw6js6] {
    padding-top: 0;
}

.tara-ccr-proy-chart[b-4d3qdw6js6] {
    display: grid;
    gap: .75rem;
    margin-bottom: .85rem;
}

.tara-ccr-proy-bar-card[b-4d3qdw6js6] {
    display: grid;
    gap: .45rem;
    padding: .85rem .95rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-ccr-proy-bar-copy[b-4d3qdw6js6] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
}

.tara-ccr-proy-bar-copy strong[b-4d3qdw6js6] {
    color: var(--tara-text);
    font-size: .95rem;
}

.tara-ccr-proy-bar-copy span[b-4d3qdw6js6],
.tara-ccr-proy-bar-value[b-4d3qdw6js6] {
    color: var(--tara-text-muted);
    font-size: .84rem;
}

.tara-ccr-proy-bar-value[b-4d3qdw6js6] {
    color: var(--tara-text);
    font-weight: 800;
}

.tara-ccr-proy-bar-track[b-4d3qdw6js6] {
    height: 12px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-border) 36%, var(--tara-surface));
    overflow: hidden;
}

.tara-ccr-proy-bar-fill[b-4d3qdw6js6] {
    display: block;
    height: 100%;
    border-radius: 999px;
}

.tara-ccr-proy-bar-fill--vencido[b-4d3qdw6js6] { background: color-mix(in srgb, var(--tara-primary-dark) 88%, var(--tara-primary)); }
.tara-ccr-proy-bar-fill--d15[b-4d3qdw6js6] { background: color-mix(in srgb, var(--tara-primary-dark) 72%, var(--tara-primary)); }
.tara-ccr-proy-bar-fill--d30[b-4d3qdw6js6] { background: color-mix(in srgb, var(--tara-primary-dark) 56%, var(--tara-primary)); }
.tara-ccr-proy-bar-fill--d45[b-4d3qdw6js6] { background: color-mix(in srgb, var(--tara-primary-dark) 42%, var(--tara-primary)); }
.tara-ccr-proy-bar-fill--d60[b-4d3qdw6js6] { background: color-mix(in srgb, var(--tara-primary-dark) 30%, var(--tara-primary)); }
.tara-ccr-proy-bar-fill--d75[b-4d3qdw6js6] { background: color-mix(in srgb, var(--tara-primary-dark) 18%, var(--tara-primary)); }
.tara-ccr-proy-bar-fill--d90[b-4d3qdw6js6] { background: color-mix(in srgb, var(--tara-text) 42%, var(--tara-primary)); }
.tara-ccr-proy-bar-fill--default[b-4d3qdw6js6] { background: color-mix(in srgb, var(--tara-text-muted) 55%, var(--tara-surface)); }

.tara-ccr-saldo-card[b-4d3qdw6js6] {
    display: grid;
    gap: .6rem;
    padding: .9rem 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: linear-gradient(180deg, color-mix(in srgb, var(--tara-surface) 92%, white), var(--tara-surface));
}

.tara-ccr-saldo-head[b-4d3qdw6js6] {
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    align-items: flex-start;
}

.tara-ccr-saldo-head h3[b-4d3qdw6js6] {
    margin: 0 0 .2rem;
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-ccr-saldo-head p[b-4d3qdw6js6],
.tara-ccr-saldo-foot[b-4d3qdw6js6] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .85rem;
}

.tara-ccr-saldo-values[b-4d3qdw6js6] {
    display: flex;
    gap: .85rem;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.tara-ccr-saldo-values strong[b-4d3qdw6js6] {
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-ccr-saldo-vencido[b-4d3qdw6js6] {
    color: var(--tara-text-muted);
    font-weight: 700;
}

.tara-ccr-saldo-vencido--hot[b-4d3qdw6js6] {
    color: var(--tara-primary-dark);
}

.tara-ccr-bucket[b-4d3qdw6js6] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .35rem .7rem;
    font-size: .76rem;
    font-weight: 800;
    border: 1px solid transparent;
    white-space: nowrap;
}

.tara-ccr-bucket--critico[b-4d3qdw6js6] {
    background: color-mix(in srgb, var(--tara-primary-dark) 18%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary-dark) 32%, var(--tara-border));
    color: var(--tara-primary-dark);
}

.tara-ccr-bucket--hoy[b-4d3qdw6js6] {
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    color: var(--tara-text);
}

.tara-ccr-bucket--proximo[b-4d3qdw6js6] {
    background: color-mix(in srgb, var(--tara-text-muted) 12%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-text-muted) 22%, var(--tara-border));
    color: var(--tara-text);
}

.tara-ccr-bucket--ok[b-4d3qdw6js6] {
    background: color-mix(in srgb, var(--tara-text-muted) 10%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-text-muted) 18%, var(--tara-border));
    color: var(--tara-text);
}

.tara-ccr-btn[b-4d3qdw6js6] {
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    padding: .55rem 1rem;
    font-weight: 700;
    cursor: pointer;
    background: var(--tara-surface);
    color: var(--tara-text);
}

.tara-ccr-btn--muted:hover[b-4d3qdw6js6] {
    border-color: var(--tara-primary-dark);
    color: var(--tara-primary-dark);
}

.tara-ccr-btn--danger[b-4d3qdw6js6] {
    background: var(--tara-primary-dark);
    border-color: var(--tara-primary-dark);
    color: var(--tara-text-inverse);
}

.tara-ccr-btn--danger:hover[b-4d3qdw6js6] {
    background: var(--tara-primary);
    border-color: var(--tara-primary);
}

.tara-ccr-pay-shell[b-4d3qdw6js6] {
    display: grid;
    gap: .85rem;
}

.tara-ccr-pay-section[b-4d3qdw6js6] {
    display: grid;
    gap: .75rem;
    padding: .9rem 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-ccr-pay-head[b-4d3qdw6js6] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: flex-start;
    flex-wrap: wrap;
}

.tara-ccr-pay-head h3[b-4d3qdw6js6] {
    margin: 0 0 .15rem;
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-ccr-pay-head p[b-4d3qdw6js6],
.tara-ccr-pay-meta[b-4d3qdw6js6],
.tara-ccr-pay-note[b-4d3qdw6js6],
.tara-ccr-pay-confirm-copy[b-4d3qdw6js6] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .86rem;
}

.tara-ccr-pay-auto[b-4d3qdw6js6] {
    display: grid;
    grid-template-columns: minmax(180px, 260px) auto;
    gap: .75rem;
    align-items: end;
}

.tara-ccr-pay-list[b-4d3qdw6js6] {
    display: grid;
    gap: .75rem;
}

.tara-ccr-pay-card[b-4d3qdw6js6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: .9rem 1rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: linear-gradient(180deg, color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg)), var(--tara-surface));
    cursor: pointer;
}

.tara-ccr-pay-card-copy[b-4d3qdw6js6],
.tara-ccr-pay-card-values[b-4d3qdw6js6] {
    display: grid;
    gap: .2rem;
}

.tara-ccr-pay-card-copy strong[b-4d3qdw6js6],
.tara-ccr-pay-card-values strong[b-4d3qdw6js6] {
    color: var(--tara-text);
}

.tara-ccr-pay-card-copy span[b-4d3qdw6js6],
.tara-ccr-pay-card-values span[b-4d3qdw6js6],
.tara-ccr-pay-card-values em[b-4d3qdw6js6] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    font-style: normal;
}

.tara-ccr-pay-card-values[b-4d3qdw6js6] {
    text-align: right;
}

.tara-ccr-pay-formas[b-4d3qdw6js6] {
    display: grid;
    gap: .75rem;
}

.tara-ccr-pay-forma-row[b-4d3qdw6js6] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 240px);
    gap: .75rem;
    align-items: center;
    padding: .75rem .85rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg));
}

.tara-ccr-pay-forma-copy[b-4d3qdw6js6] {
    display: grid;
    gap: .15rem;
}

.tara-ccr-pay-forma-copy strong[b-4d3qdw6js6] {
    color: var(--tara-text);
}

.tara-ccr-pay-forma-copy span[b-4d3qdw6js6] {
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-ccr-pay-forma-input[b-4d3qdw6js6],
.tara-ccr-pay-editor-input[b-4d3qdw6js6],
.tara-ccr-pay-obs[b-4d3qdw6js6] {
    width: 100%;
}

.tara-ccr-pay-totals[b-4d3qdw6js6],
.tara-ccr-pay-actions[b-4d3qdw6js6],
.tara-ccr-pay-success[b-4d3qdw6js6] {
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.tara-ccr-pay-status[b-4d3qdw6js6] {
    font-size: .86rem;
    font-weight: 800;
}

.tara-ccr-pay-status--warn[b-4d3qdw6js6] {
    color: color-mix(in srgb, var(--tara-primary-dark) 62%, var(--tara-text));
}

.tara-ccr-pay-status--ok[b-4d3qdw6js6] {
    color: color-mix(in srgb, var(--tara-text) 48%, var(--tara-primary-dark));
}

.tara-ccr-pay-status--danger[b-4d3qdw6js6] {
    color: var(--tara-primary-dark);
}

.tara-ccr-pay-success[b-4d3qdw6js6] {
    padding: .85rem .95rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--tara-primary-dark) 20%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
}

@media (max-width: 1100px) {
    .tara-ccr-summary-grid[b-4d3qdw6js6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-ccr-filters-grid[b-4d3qdw6js6] {
        grid-template-columns: 1fr;
    }

    .tara-ccr-filter-note--wide[b-4d3qdw6js6] {
        grid-column: auto;
    }

    .tara-ccr-filters-grid--pagos[b-4d3qdw6js6],
    .tara-ccr-filters-grid--proyeccion[b-4d3qdw6js6],
    .tara-ccr-filters-grid--registro[b-4d3qdw6js6] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .tara-ccr-header[b-4d3qdw6js6] {
        grid-template-columns: 1fr;
    }

    .tara-ccr-summary-grid[b-4d3qdw6js6],
    .tara-ccr-detail-kpis[b-4d3qdw6js6] {
        grid-template-columns: 1fr;
    }

    .tara-ccr-saldo-head[b-4d3qdw6js6],
    .tara-ccr-saldo-values[b-4d3qdw6js6],
    .tara-ccr-pay-card[b-4d3qdw6js6],
    .tara-ccr-pay-totals[b-4d3qdw6js6],
    .tara-ccr-pay-actions[b-4d3qdw6js6] {
        flex-direction: column;
        align-items: flex-start;
    }

    .tara-ccr-detail-card[b-4d3qdw6js6] {
        flex-direction: column;
        align-items: flex-start;
    }

    .tara-ccr-detail-values[b-4d3qdw6js6],
    .tara-ccr-pay-card-values[b-4d3qdw6js6] {
        text-align: left;
    }

    .tara-ccr-pay-auto[b-4d3qdw6js6],
    .tara-ccr-pay-forma-row[b-4d3qdw6js6] {
        grid-template-columns: 1fr;
    }

    .tara-ccr-dialog[b-4d3qdw6js6] {
        width: min(98vw, 98vw);
        max-height: 92vh;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Clientes/ClientesPedidosReporte.razor.rz.scp.css */
.tara-cpr-page[b-w6wmdk4mnk] {
    min-height: 100%;
    padding: 1.1rem;
    background: var(--tara-bg);
}

.tara-cpr-loading[b-w6wmdk4mnk],
.tara-cpr-state[b-w6wmdk4mnk] {
    min-height: 52vh;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
}

.tara-cpr-state--compact[b-w6wmdk4mnk] {
    min-height: 140px;
}

.tara-cpr-header[b-w6wmdk4mnk] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tara-cpr-header-actions[b-w6wmdk4mnk] {
    display: flex;
    align-items: center;
    gap: .55rem;
    flex-wrap: wrap;
}

.tara-cpr-back-btn[b-w6wmdk4mnk] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-cpr-header-copy h1[b-w6wmdk4mnk] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 800;
}

.tara-cpr-header-copy span[b-w6wmdk4mnk] {
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-cpr-alert[b-w6wmdk4mnk] {
    margin-bottom: 1rem;
}

.tara-cpr-alert-body[b-w6wmdk4mnk] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-cpr-filters-grid[b-w6wmdk4mnk] {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: .75rem;
    align-items: end;
}

.tara-cpr-filter-actions[b-w6wmdk4mnk] {
    display: flex;
    justify-content: flex-end;
}

.tara-cpr-card[b-w6wmdk4mnk] {
    margin-top: .45rem;
    padding: .7rem .7rem .6rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 16px;
    box-shadow: var(--tara-shadow);
}

.tara-cpr-toolbar[b-w6wmdk4mnk] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .1rem .2rem .45rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    margin-bottom: .55rem;
}

.tara-cpr-search[b-w6wmdk4mnk] {
    min-width: 280px;
    max-width: 520px;
    flex: 1;
}

.tara-cpr-toolbar-actions[b-w6wmdk4mnk] {
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.tara-cpr-statusbar[b-w6wmdk4mnk] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 .2rem .55rem;
    color: var(--tara-text-muted);
    font-size: .85rem;
}

.tara-cpr-total[b-w6wmdk4mnk] {
    font-weight: 700;
}

.tara-cpr-grid-wrap[b-w6wmdk4mnk] {
    overflow: hidden auto;
    border: 1px solid var(--tara-border);
    border-radius: 12px;
    background: var(--tara-surface);
}

[b-w6wmdk4mnk] .tara-cpr-grid.mud-table {
    min-width: 1080px;
    background: var(--tara-surface);
    box-shadow: none;
}

[b-w6wmdk4mnk] .tara-cpr-grid .mud-table-container {
    overflow-x: auto;
}

[b-w6wmdk4mnk] .tara-cpr-grid .mud-table-head .mud-table-cell {
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    border-bottom: 2px solid rgba(204, 0, 0, .40) !important;
    padding: .5rem .65rem !important;
    min-height: 44px;
    text-transform: uppercase;
    font-size: .71rem !important;
    font-weight: 700;
    letter-spacing: .04em;
    white-space: nowrap;
}

[b-w6wmdk4mnk] .tara-cpr-grid .mud-table-body .mud-table-row .mud-table-cell {
    border-bottom: 1px solid var(--tara-border-subtle) !important;
    font-size: .82rem;
    vertical-align: middle;
}

[b-w6wmdk4mnk] .tara-cpr-grid .mud-table-body tr:nth-child(odd) td {
    background: var(--tara-row-odd);
}

[b-w6wmdk4mnk] .tara-cpr-grid .mud-table-body tr:nth-child(even) td {
    background: var(--tara-row-even);
}

[b-w6wmdk4mnk] .tara-cpr-grid .mud-table-body tr:hover td {
    background: var(--tara-row-hover);
}

[b-w6wmdk4mnk] .tara-cpr-grid .mud-table-pagination {
    border-top: 1px solid var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-surface) 90%, var(--tara-bg));
}

.tara-cpr-grid-actions[b-w6wmdk4mnk] {
    display: flex;
    align-items: center;
    gap: .35rem;
}

.tara-cpr-cell-num[b-w6wmdk4mnk],
.tara-cpr-money[b-w6wmdk4mnk] {
    text-align: right;
}

.tara-cpr-chip[b-w6wmdk4mnk] {
    display: inline-flex;
    align-items: center;
    padding: .28rem .62rem;
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .02em;
    border: 1px solid transparent;
}

.tara-cpr-chip--ok[b-w6wmdk4mnk] {
    color: var(--tara-text);
    background: color-mix(in srgb, var(--tara-surface-raised) 88%, var(--tara-text) 12%);
    border-color: color-mix(in srgb, var(--tara-border) 78%, var(--tara-text) 22%);
}

.tara-cpr-chip--warn[b-w6wmdk4mnk] {
    color: var(--tara-primary-dark);
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-primary) 12%);
    border-color: color-mix(in srgb, var(--tara-border) 78%, var(--tara-primary-dark) 22%);
}

.tara-cpr-chip--neutral[b-w6wmdk4mnk] {
    color: var(--tara-text-muted);
    background: var(--tara-surface-raised);
    border-color: var(--tara-border);
}

.tara-cpr-chip--danger[b-w6wmdk4mnk] {
    color: #fff;
    background: var(--tara-primary-dark);
    border-color: var(--tara-primary-dark);
}

.tara-cpr-dialog-backdrop[b-w6wmdk4mnk] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .48);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1400;
    padding: 1rem;
}

.tara-cpr-dialog[b-w6wmdk4mnk],
.tara-cpr-editor-dialog[b-w6wmdk4mnk] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-lg);
    overflow: hidden;
}

.tara-cpr-dialog[b-w6wmdk4mnk] {
    width: min(960px, 96vw);
    max-height: min(88vh, 920px);
    display: grid;
    grid-template-rows: auto 1fr auto;
}

.tara-cpr-editor-dialog[b-w6wmdk4mnk] {
    width: min(1200px, 97vw);
    max-height: min(92vh, 980px);
    display: grid;
    grid-template-rows: auto 1fr auto;
}

.tara-cpr-editor-dialog--medium[b-w6wmdk4mnk] {
    width: min(920px, 95vw);
}

.tara-cpr-mini-dialog[b-w6wmdk4mnk] {
    width: min(520px, 94vw);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-lg);
    overflow: hidden;
}

.tara-cpr-mini-dialog--wide[b-w6wmdk4mnk] {
    width: min(760px, 95vw);
}

.tara-cpr-dialog-header[b-w6wmdk4mnk],
.tara-cpr-dialog-footer[b-w6wmdk4mnk],
.tara-cpr-mini-header[b-w6wmdk4mnk] {
    padding: 1rem 1.15rem;
}

.tara-cpr-dialog-header[b-w6wmdk4mnk],
.tara-cpr-mini-header[b-w6wmdk4mnk] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid var(--tara-border-subtle);
}

.tara-cpr-dialog-footer[b-w6wmdk4mnk] {
    border-top: 1px solid var(--tara-border-subtle);
    display: flex;
    justify-content: flex-end;
}

.tara-cpr-dialog-header h2[b-w6wmdk4mnk],
.tara-cpr-dialog-eyebrow[b-w6wmdk4mnk],
.tara-cpr-dialog-subtitle[b-w6wmdk4mnk],
.tara-cpr-mini-header h2[b-w6wmdk4mnk] {
    margin: 0;
}

.tara-cpr-dialog-eyebrow[b-w6wmdk4mnk] {
    color: var(--tara-primary-dark);
    font-size: .82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.tara-cpr-dialog-subtitle[b-w6wmdk4mnk] {
    margin-top: .25rem;
    color: var(--tara-text-muted);
    font-size: .92rem;
}

.tara-cpr-dialog-close[b-w6wmdk4mnk] {
    border: 0;
    background: transparent;
    color: var(--tara-text-muted);
    font-size: 1.8rem;
    line-height: 1;
    cursor: pointer;
}

.tara-cpr-dialog-close:hover[b-w6wmdk4mnk] {
    color: var(--tara-primary-dark);
}

.tara-cpr-dialog-body[b-w6wmdk4mnk] {
    overflow: auto;
    padding: 1rem 1.15rem;
    display: grid;
    gap: 1rem;
}

.tara-cpr-dialog-hint[b-w6wmdk4mnk] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .9rem;
}

.tara-cpr-detail-list[b-w6wmdk4mnk] {
    display: grid;
    gap: .75rem;
}

.tara-cpr-detail-card[b-w6wmdk4mnk] {
    padding: .9rem 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-row-odd);
}

.tara-cpr-detail-card--alt[b-w6wmdk4mnk] {
    background: var(--tara-row-even);
}

.tara-cpr-detail-card h3[b-w6wmdk4mnk],
.tara-cpr-detail-card p[b-w6wmdk4mnk],
.tara-cpr-detail-card strong[b-w6wmdk4mnk] {
    margin: 0;
}

.tara-cpr-detail-card p[b-w6wmdk4mnk] {
    margin-top: .35rem;
    color: var(--tara-text-muted);
}

.tara-cpr-detail-card strong[b-w6wmdk4mnk] {
    display: block;
    margin-top: .45rem;
    color: var(--tara-text);
}

.tara-cpr-mini-body[b-w6wmdk4mnk] {
    padding: 1rem 1.15rem;
    color: var(--tara-text);
}

.tara-cpr-mini-body--form[b-w6wmdk4mnk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.tara-cpr-editor-body[b-w6wmdk4mnk] {
    display: grid;
    gap: 1rem;
    align-content: start;
}

.tara-cpr-editor-section[b-w6wmdk4mnk] {
    border: 1px solid var(--tara-border-subtle);
    border-radius: 14px;
    padding: .95rem;
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
}

.tara-cpr-editor-head[b-w6wmdk4mnk] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-bottom: .85rem;
}

.tara-cpr-editor-head h3[b-w6wmdk4mnk],
.tara-cpr-editor-head p[b-w6wmdk4mnk] {
    margin: 0;
}

.tara-cpr-editor-head h3[b-w6wmdk4mnk] {
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-cpr-editor-head p[b-w6wmdk4mnk] {
    color: var(--tara-text-muted);
    font-size: .85rem;
}

.tara-cpr-editor-client-row[b-w6wmdk4mnk],
.tara-cpr-editor-capture[b-w6wmdk4mnk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: .75rem;
    align-items: end;
}

.tara-cpr-editor-client[b-w6wmdk4mnk],
.tara-cpr-editor-sku[b-w6wmdk4mnk] {
    min-width: 280px;
}

.tara-cpr-editor-qty[b-w6wmdk4mnk] {
    width: 120px;
}

.tara-cpr-editor-warning[b-w6wmdk4mnk] {
    margin: .7rem 0 0;
    color: var(--tara-primary-dark);
    font-size: .84rem;
    font-weight: 700;
}

.tara-cpr-editor-lines[b-w6wmdk4mnk] {
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: 12px;
}

.tara-cpr-lines-table[b-w6wmdk4mnk] {
    width: 100%;
    min-width: 860px;
    border-collapse: collapse;
}

.tara-cpr-lines-table th[b-w6wmdk4mnk],
.tara-cpr-lines-table td[b-w6wmdk4mnk] {
    padding: .65rem .7rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    font-size: .83rem;
    vertical-align: middle;
}

.tara-cpr-lines-table th[b-w6wmdk4mnk] {
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: .71rem;
    white-space: nowrap;
}

.tara-cpr-lines-table tbody tr:nth-child(odd) td[b-w6wmdk4mnk] {
    background: var(--tara-row-odd);
}

.tara-cpr-lines-table tbody tr:nth-child(even) td[b-w6wmdk4mnk] {
    background: var(--tara-row-even);
}

.tara-cpr-lines-table tbody tr:hover td[b-w6wmdk4mnk] {
    background: var(--tara-row-hover);
}

.tara-cpr-selector-qty[b-w6wmdk4mnk] {
    width: 96px;
}

.tara-cpr-dialog-footer--spread[b-w6wmdk4mnk] {
    justify-content: space-between;
    gap: .85rem;
    flex-wrap: wrap;
}

.tara-cpr-dialog-footer-actions[b-w6wmdk4mnk] {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.tara-cpr-btn[b-w6wmdk4mnk] {
    min-width: 120px;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    padding: .72rem 1rem;
    font-size: .9rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform .18s ease, opacity .18s ease;
}

.tara-cpr-btn:hover[b-w6wmdk4mnk] {
    transform: translateY(-1px);
}

.tara-cpr-btn:disabled[b-w6wmdk4mnk] {
    opacity: .6;
    cursor: default;
    transform: none;
}

.tara-cpr-btn--muted[b-w6wmdk4mnk] {
    background: var(--tara-surface-raised);
    color: var(--tara-text);
}

.tara-cpr-btn--danger[b-w6wmdk4mnk] {
    background: var(--tara-primary-dark);
    color: #fff;
    border-color: var(--tara-primary-dark);
}

@media (max-width: 960px) {
    .tara-cpr-header[b-w6wmdk4mnk] {
        grid-template-columns: 1fr;
    }

    .tara-cpr-filters-grid[b-w6wmdk4mnk] {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }

    .tara-cpr-editor-client-row[b-w6wmdk4mnk],
    .tara-cpr-editor-capture[b-w6wmdk4mnk],
    .tara-cpr-mini-body--form[b-w6wmdk4mnk] {
        grid-template-columns: 1fr;
    }

    .tara-cpr-dialog[b-w6wmdk4mnk],
    .tara-cpr-editor-dialog[b-w6wmdk4mnk] {
        width: 100%;
        max-height: 92vh;
    }
}

@media (max-width: 640px) {
    .tara-cpr-page[b-w6wmdk4mnk] {
        padding: .8rem;
    }

    .tara-cpr-filters-grid[b-w6wmdk4mnk],
    .tara-cpr-toolbar[b-w6wmdk4mnk] {
        grid-template-columns: 1fr;
    }

    .tara-cpr-toolbar[b-w6wmdk4mnk],
    .tara-cpr-toolbar-actions[b-w6wmdk4mnk],
    .tara-cpr-filter-actions[b-w6wmdk4mnk],
    .tara-cpr-dialog-footer[b-w6wmdk4mnk],
    .tara-cpr-dialog-footer-actions[b-w6wmdk4mnk] {
        width: 100%;
    }

    .tara-cpr-filter-actions[b-w6wmdk4mnk],
    .tara-cpr-toolbar-actions[b-w6wmdk4mnk],
    .tara-cpr-dialog-footer[b-w6wmdk4mnk],
    .tara-cpr-dialog-footer-actions[b-w6wmdk4mnk] {
        justify-content: stretch;
    }

    .tara-cpr-toolbar-actions[b-w6wmdk4mnk]  .mud-button-root,
    .tara-cpr-header-actions[b-w6wmdk4mnk]  .mud-button-root,
    .tara-cpr-dialog-footer .tara-cpr-btn[b-w6wmdk4mnk],
    .tara-cpr-dialog-footer-actions .tara-cpr-btn[b-w6wmdk4mnk] {
        width: 100%;
    }

    .tara-cpr-editor-dialog[b-w6wmdk4mnk],
    .tara-cpr-mini-dialog[b-w6wmdk4mnk] {
        width: min(100vw - 1rem, 100vw - 1rem);
    }
}
/* _content/Raramuri.blzr/Components/Pages/Clientes/ClientesPlaceholder.razor.rz.scp.css */
.tara-cli-card[b-y1gsmpifo5] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
    padding: 1rem;
}

.tara-cli-card-top[b-y1gsmpifo5] {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: .9rem;
    align-items: start;
}

.tara-cli-icon[b-y1gsmpifo5] {
    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-cli-icon[b-y1gsmpifo5]  .mud-icon-root {
    font-size: 1.9rem;
}

.tara-cli-main[b-y1gsmpifo5] {
    min-width: 0;
}

.tara-cli-meta[b-y1gsmpifo5] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-bottom: .85rem;
}

.tara-cli-meta span[b-y1gsmpifo5] {
    display: inline-flex;
    align-items: center;
    padding: .28rem .55rem;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 700;
}

.tara-cli-alert[b-y1gsmpifo5] {
    margin: 0;
}

@media (max-width: 640px) {
    .tara-cli-card-top[b-y1gsmpifo5] {
        grid-template-columns: 1fr;
    }

    .tara-cli-icon[b-y1gsmpifo5] {
        width: 48px;
        height: 48px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Clientes/ClientesReportes.razor.rz.scp.css */
.tara-crep-page[b-m32q3sehy7] {
    display: grid;
    gap: .85rem;
    background: var(--tara-bg);
}

.tara-crep-loading[b-m32q3sehy7],
.tara-crep-state[b-m32q3sehy7] {
    min-height: 52vh;
    display: grid;
    place-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
}

.tara-crep-loading .mud-icon-root[b-m32q3sehy7],
.tara-crep-state .mud-icon-root[b-m32q3sehy7] {
    font-size: 2rem;
    color: var(--tara-primary);
}

.tara-crep-header[b-m32q3sehy7] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: .9rem;
    align-items: center;
}

.tara-crep-header-copy h1[b-m32q3sehy7] {
    margin: 0;
}

.tara-crep-header-copy span[b-m32q3sehy7] {
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-crep-back-btn[b-m32q3sehy7] {
    align-self: start;
}

.tara-crep-card[b-m32q3sehy7] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
    padding: .9rem 1rem;
}

.tara-crep-card--results[b-m32q3sehy7] {
    display: grid;
    gap: .85rem;
}

.tara-crep-context-strip[b-m32q3sehy7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    box-shadow: var(--tara-shadow-sm);
    padding: .65rem .8rem;
}

.tara-crep-alert[b-m32q3sehy7],
.tara-crep-note[b-m32q3sehy7] {
    border-radius: var(--tara-radius-sm);
}

.tara-crep-alert-body[b-m32q3sehy7] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.tara-crep-summary-pills[b-m32q3sehy7] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.tara-crep-pill[b-m32q3sehy7] {
    display: inline-flex;
    align-items: center;
    padding: .3rem .75rem;
    border-radius: 999px;
    background: rgba(157, 32, 50, .08);
    border: 1px solid rgba(157, 32, 50, .16);
    color: var(--tara-primary-dark);
    font-size: .83rem;
    font-weight: 600;
}

.tara-crep-pill--context[b-m32q3sehy7] {
    background: color-mix(in srgb, var(--tara-primary-dark) 8%, var(--tara-surface));
}

.tara-crep-filters-grid[b-m32q3sehy7] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: flex-start;
}

.tara-crep-filters-grid .tara-filter-select[b-m32q3sehy7] {
    min-width: 170px;
    max-width: 260px;
    flex: 1 1 170px;
}

.tara-crep-filters-grid .tara-filter-select--wide[b-m32q3sehy7] {
    min-width: 240px;
    flex-basis: 240px;
}

.tara-crep-filter-actions[b-m32q3sehy7] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-left: auto;
    flex-wrap: wrap;
}

.tara-crep-results-head[b-m32q3sehy7] {
    display: flex;
    justify-content: space-between;
    gap: .9rem;
    align-items: start;
    flex-wrap: wrap;
    padding-bottom: .75rem;
    border-bottom: 1px solid var(--tara-border-subtle);
}

.tara-crep-results-head h2[b-m32q3sehy7] {
    margin: 0;
    color: var(--tara-text);
}

.tara-crep-results-head p[b-m32q3sehy7],
.tara-crep-results-head small[b-m32q3sehy7] {
    display: block;
    margin: .15rem 0 0;
    color: var(--tara-text-muted);
}

.tara-crep-results-actions[b-m32q3sehy7] {
    display: flex;
    gap: .65rem;
    align-items: center;
    flex-wrap: wrap;
}

.tara-crep-search[b-m32q3sehy7] {
    min-width: min(280px, 100%);
}

.tara-crep-grid-toolbar[b-m32q3sehy7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .1rem .1rem .35rem;
    border-bottom: 1px solid var(--tara-border-subtle);
}

.tara-crep-grid-toolbar-main[b-m32q3sehy7] {
    flex: 1 1 320px;
    min-width: 260px;
}

.tara-crep-grid-toolbar-actions[b-m32q3sehy7] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.tara-crep-count-chip[b-m32q3sehy7] {
    display: inline-flex;
    align-items: center;
    padding: .22rem .6rem;
    background: color-mix(in srgb, var(--tara-primary) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 22%, transparent);
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 700;
    color: var(--tara-primary-dark);
    white-space: nowrap;
}

.tara-crep-kpi-strip[b-m32q3sehy7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
}

.tara-crep-mini-kpi[b-m32q3sehy7] {
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    padding: .7rem .8rem;
}

.tara-crep-mini-kpi span[b-m32q3sehy7] {
    display: block;
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.tara-crep-mini-kpi strong[b-m32q3sehy7] {
    display: block;
    margin-top: .2rem;
    color: var(--tara-text);
    font-size: .98rem;
    line-height: 1.25;
}

.tara-crep-grid-shell[b-m32q3sehy7] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    overflow: hidden;
    background: var(--tara-surface);
}

.tara-crep-grid-wrap[b-m32q3sehy7] {
    overflow: auto;
    max-height: clamp(400px, calc(100vh - 370px), 720px);
}

.tara-crep-grid-table[b-m32q3sehy7] {
    width: 100%;
    min-width: max-content;
    border-collapse: separate;
    border-spacing: 0;
}

.tara-crep-grid-table thead th[b-m32q3sehy7] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    text-align: left;
    padding: .72rem .85rem;
    border-bottom: 1px solid var(--tara-border);
    white-space: nowrap;
}

.tara-crep-grid-table tbody td[b-m32q3sehy7] {
    padding: .66rem .85rem;
    border-bottom: 1px solid var(--tara-border);
    color: var(--tara-text);
    vertical-align: top;
}

.tara-crep-grid-table tbody tr:nth-child(odd) td[b-m32q3sehy7] {
    background: var(--tara-row-odd);
}

.tara-crep-grid-table tbody tr:nth-child(even) td[b-m32q3sehy7] {
    background: var(--tara-row-even);
}

.tara-crep-grid-table tbody tr:hover td[b-m32q3sehy7] {
    background: var(--tara-row-hover);
}

.tara-crep-sort-btn[b-m32q3sehy7] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    background: transparent;
    border: 0;
    color: inherit;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    padding: 0;
}

.tara-crep-sort-icon[b-m32q3sehy7] {
    color: var(--tara-primary-dark);
}

.tara-crep-cell-num[b-m32q3sehy7] {
    text-align: right;
}

.tara-crep-pager[b-m32q3sehy7] {
    display: flex;
    justify-content: space-between;
    gap: .9rem;
    align-items: center;
    flex-wrap: wrap;
    padding-top: .1rem;
}

.tara-crep-pager-left[b-m32q3sehy7],
.tara-crep-pager-right[b-m32q3sehy7] {
    display: flex;
    align-items: center;
    gap: .7rem;
    flex-wrap: wrap;
}

.tara-crep-pager-range[b-m32q3sehy7],
.tara-crep-pager-page[b-m32q3sehy7] {
    color: var(--tara-text-muted);
    font-size: .83rem;
}

.tara-crep-page-size-chips[b-m32q3sehy7] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}

.tara-crep-page-size-label[b-m32q3sehy7] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.tara-crep-page-chip[b-m32q3sehy7],
.tara-crep-nav-btn[b-m32q3sehy7] {
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    color: var(--tara-text);
    border-radius: 999px;
    min-height: 2rem;
    padding: .3rem .7rem;
    font: inherit;
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
    transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease;
}

.tara-crep-page-chip:hover[b-m32q3sehy7],
.tara-crep-nav-btn:hover:not(:disabled)[b-m32q3sehy7] {
    border-color: var(--tara-primary-dark);
    color: var(--tara-primary-dark);
}

.tara-crep-page-chip--active[b-m32q3sehy7] {
    background: var(--tara-primary-dark);
    border-color: var(--tara-primary-dark);
    color: var(--tara-text-inverse);
}

.tara-crep-nav-btn[b-m32q3sehy7] {
    min-width: 2rem;
    padding-inline: .65rem;
}

.tara-crep-page-chip:disabled[b-m32q3sehy7],
.tara-crep-nav-btn:disabled[b-m32q3sehy7] {
    opacity: .5;
    cursor: not-allowed;
}

.tara-crep-state--empty[b-m32q3sehy7] {
    min-height: 180px;
}

.tara-crep-state--compact-empty[b-m32q3sehy7] {
    min-height: 150px;
}

[b-m32q3sehy7] .tara-crep-page .mud-input-control,
[b-m32q3sehy7] .tara-crep-page .mud-input-control-input-container {
    background: transparent;
}

[b-m32q3sehy7] .tara-crep-page .mud-input-label,
[b-m32q3sehy7] .tara-crep-page .mud-input-slot,
[b-m32q3sehy7] .tara-crep-page .mud-input-adornment {
    color: var(--tara-text) !important;
}

[b-m32q3sehy7] .tara-crep-page .mud-select,
[b-m32q3sehy7] .tara-crep-page .mud-input,
[b-m32q3sehy7] .tara-crep-page .mud-picker,
[b-m32q3sehy7] .tara-crep-page .mud-input-control > .mud-input-control-input-container > .mud-input-outlined-border {
    border-color: var(--tara-border) !important;
}

[b-m32q3sehy7] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-m32q3sehy7] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border,
[b-m32q3sehy7] .tara-crep-search .mud-input-outlined:hover .mud-input-outlined-border,
[b-m32q3sehy7] .tara-crep-search .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-m32q3sehy7] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol,
[b-m32q3sehy7] .tara-crep-search label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-m32q3sehy7] .tara-filter-select .mud-input-root-outlined.mud-input-focused label,
[b-m32q3sehy7] .tara-crep-search .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

@media (max-width: 960px) {
    .tara-crep-header[b-m32q3sehy7] {
        grid-template-columns: 1fr;
    }

    .tara-crep-header-actions[b-m32q3sehy7],
    .tara-crep-context-strip[b-m32q3sehy7],
    .tara-crep-results-actions[b-m32q3sehy7] {
        width: 100%;
    }

    .tara-crep-header-actions[b-m32q3sehy7],
    .tara-crep-context-strip[b-m32q3sehy7] {
        justify-content: flex-start;
    }

    .tara-crep-results-actions[b-m32q3sehy7],
    .tara-crep-search[b-m32q3sehy7] {
        width: 100%;
    }

    .tara-crep-grid-toolbar-main[b-m32q3sehy7],
    .tara-crep-grid-toolbar-actions[b-m32q3sehy7] {
        width: 100%;
    }

    .tara-crep-kpi-strip[b-m32q3sehy7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-crep-search[b-m32q3sehy7] {
        min-width: 0;
    }

    .tara-crep-filter-actions[b-m32q3sehy7] {
        margin-left: 0;
        width: 100%;
    }
}

@media (max-width: 760px) {
    .tara-crep-filters-grid .tara-filter-select[b-m32q3sehy7],
    .tara-crep-filters-grid .tara-filter-select--wide[b-m32q3sehy7] {
        min-width: 100%;
        max-width: none;
        flex-basis: 100%;
    }

    .tara-crep-kpi-strip[b-m32q3sehy7] {
        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-53o21addvk] {
    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-53o21addvk] {
    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-53o21addvk] {
    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-53o21addvk] {
    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-53o21addvk] {
    position: relative;
    z-index: 1;
    width: min(100%, 492px);
    margin: 0 auto;
}

.store-card[b-53o21addvk] {
    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-53o21addvk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.store-title-copy[b-53o21addvk] {
    min-width: 0;
}

.store-eyebrow[b-53o21addvk] {
    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-53o21addvk] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--tara-text);
    line-height: 1.12;
}

.store-title-copy p[b-53o21addvk] {
    margin: .14rem 0 0;
    color: var(--tara-text-muted);
    font-size: .76rem;
    line-height: 1.22;
}

.store-back-btn.mud-button-root[b-53o21addvk] {
    min-height: 34px;
    border-radius: 999px;
    color: var(--tara-text-muted);
    font-size: .76rem;
}

.store-inline-note[b-53o21addvk] {
    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-53o21addvk] {
    margin: 0;
}

.store-summary-band[b-53o21addvk] {
    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-53o21addvk] {
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

.store-summary-chips[b-53o21addvk] {
    display: flex;
    flex-wrap: wrap;
    gap: .38rem;
}

.store-summary-chip[b-53o21addvk] {
    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-53o21addvk] {
    flex: 1 1 220px;
    justify-content: flex-start;
}

.store-summary-chip--empty strong[b-53o21addvk] {
    color: var(--tara-text-muted);
    font-style: italic;
}

.store-summary-label[b-53o21addvk] {
    font-size: .54rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

.store-summary-chip strong[b-53o21addvk] {
    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-53o21addvk] {
    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-53o21addvk] {
    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-53o21addvk] {
    margin: .2rem 0 0;
    line-height: 1.35;
}

.store-panel[b-53o21addvk] {
    display: grid;
    gap: .65rem;
}

.store-field[b-53o21addvk] {
    display: grid;
    gap: .28rem;
}

.store-field-head[b-53o21addvk] {
    display: grid;
    gap: .1rem;
}

.store-block-title[b-53o21addvk] {
    color: var(--tara-text);
    font-size: .64rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.store-field-head small[b-53o21addvk] {
    color: var(--tara-text-muted);
    font-size: .69rem;
    line-height: 1.16;
}

.store-config-row[b-53o21addvk] {
    display: grid;
    grid-template-columns: 108px minmax(0, 1fr);
    gap: .65rem;
    align-items: end;
}

.store-actions[b-53o21addvk] {
    display: grid;
    gap: .38rem;
    padding-top: .06rem;
}

.store-actions-row[b-53o21addvk] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
}

.store-cancel-btn.mud-button-root[b-53o21addvk],
.store-save-btn.mud-button-root[b-53o21addvk] {
    min-height: 38px;
    border-radius: 11px;
    font-size: .79rem;
    font-weight: 750;
}

.store-save-btn.mud-button-root[b-53o21addvk] {
    min-width: 178px;
}

.store-save-btn.mud-button-root:disabled[b-53o21addvk] {
    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-53o21addvk] {
    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-53o21addvk] {
    min-width: 0;
}

.tara-filter-select[b-53o21addvk] {
    min-width: 160px;
    max-width: 240px;
    flex: 1 1 160px;
}

.store-field--search .tara-filter-select[b-53o21addvk],
.store-list-select[b-53o21addvk] {
    min-width: 0;
    max-width: none;
    width: 100%;
}

[b-53o21addvk] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-53o21addvk] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-53o21addvk] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-53o21addvk] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

@media (max-width: 680px) {
    .store-page[b-53o21addvk] {
        padding: .5rem;
    }

    .store-wrap[b-53o21addvk] {
        width: 100%;
    }

    .store-card[b-53o21addvk] {
        padding: .86rem;
    }

    .store-header[b-53o21addvk] {
        flex-direction: column;
        align-items: stretch;
    }

    .store-config-row[b-53o21addvk] {
        grid-template-columns: 1fr;
    }

    .store-actions-row[b-53o21addvk] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .store-save-btn.mud-button-root[b-53o21addvk] {
        width: 100%;
        min-width: 0;
    }

    .store-save-hint[b-53o21addvk] {
        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-l65nktmfz1] {
    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-l65nktmfz1 { to { transform: rotate(360deg); } }

.home-loading-ring[b-l65nktmfz1] {
    width:        38px;
    height:       38px;
    border:       3px solid var(--tara-border);
    border-top-color: var(--tara-primary-dark);
    border-radius: 50%;
    animation:    home-spin-b-l65nktmfz1 .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-l65nktmfz1] {
    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: flex-start;
    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%);
}

.home-dashboard-shell[b-l65nktmfz1] {
    width: 100%;
    max-width: 1180px;
    display: grid;
    gap: 1.25rem;
    z-index: 1;
}

[data-theme="dark"] .home-shell[b-l65nktmfz1] {
    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%);
}

/* ── Dashboard Content ───────────────────────────────────────────────────── */
.home-greeting[b-l65nktmfz1] {
    text-align: left;
}
.home-greeting h1[b-l65nktmfz1] {
    font-size: clamp(2rem, 4vw, 2.8rem);
    font-weight: 900;
    color: var(--tara-text);
    margin-bottom: 0.25rem;
    letter-spacing: -0.03em;
}

.home-shopify-work-center[b-l65nktmfz1] {
    display: grid;
    gap: 1rem;
}

.home-shopify-work-center-head[b-l65nktmfz1] {
    display: grid;
    gap: .3rem;
}

.home-shopify-work-center-kicker[b-l65nktmfz1] {
    color: var(--tara-primary-dark);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.home-shopify-work-center-head h2[b-l65nktmfz1] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.4rem, 2vw, 1.75rem);
    font-weight: 900;
    letter-spacing: -.03em;
}

.home-shopify-work-center-head p[b-l65nktmfz1] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .92rem;
}

.home-shopify-status-card[b-l65nktmfz1] {
    display: flex;
    align-items: center;
    gap: .9rem;
    padding: 1rem 1.05rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow);
}

.home-shopify-status-card strong[b-l65nktmfz1] {
    display: block;
    color: var(--tara-text);
    font-size: .95rem;
    font-weight: 800;
    margin-bottom: .18rem;
}

.home-shopify-status-card p[b-l65nktmfz1] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .84rem;
    line-height: 1.45;
}

.home-shopify-info[b-l65nktmfz1] {
    display: grid;
    gap: .9rem;
    padding: 1.1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.home-shopify-info header[b-l65nktmfz1] {
    display: grid;
    gap: .2rem;
}

.home-shopify-info h3[b-l65nktmfz1] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.05rem;
    font-weight: 900;
}

.home-shopify-info p[b-l65nktmfz1] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .84rem;
}

.home-shopify-info-actions[b-l65nktmfz1] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.home-shopify-info-actions[b-l65nktmfz1]  .mud-button {
    min-height: 42px;
    justify-content: flex-start;
}

.home-shopify-info-meta[b-l65nktmfz1] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .8rem;
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.home-shopify-info-meta span[b-l65nktmfz1] {
    padding: .28rem .5rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-bg) 70%, var(--tara-surface));
}

.home-shopify-info-message[b-l65nktmfz1] {
    padding: .7rem .8rem;
    border-left: 3px solid var(--tara-primary);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    color: var(--tara-text);
    line-height: 1.45;
}
.home-greeting p[b-l65nktmfz1] {
    font-size: 1.1rem;
    color: var(--tara-text-muted);
}

.home-kpi-grid[b-l65nktmfz1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    width: 100%;
    max-width: 1100px;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
    z-index: 1; /* Above watermark */
}
.tara-kpi-card[b-l65nktmfz1] {
    background: var(--tara-surface);
    border-radius: var(--tara-radius);
    padding: 1.5rem;
    box-shadow: var(--tara-shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border: 1px solid var(--tara-border);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.tara-kpi-card:hover[b-l65nktmfz1] {
    transform: translateY(-2px);
    box-shadow: var(--tara-shadow);
}
.tara-kpi-card-header[b-l65nktmfz1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tara-kpi-title[b-l65nktmfz1] {
    font-size: 1rem;
    font-weight: 800;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.tara-kpi-value[b-l65nktmfz1] {
    font-size: clamp(2rem, 3vw, 2.5rem);
    font-weight: 900;
    color: var(--tara-text);
    line-height: 1;
    letter-spacing: -0.04em;
}
.tara-kpi-value small[b-l65nktmfz1] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--tara-text-muted);
    letter-spacing: normal;
}
.tara-kpi-footer[b-l65nktmfz1] {
    display: flex;
    align-items: center;
}
.tara-kpi-trend[b-l65nktmfz1] {
    font-size: 0.85rem;
    font-weight: 800;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
}
.tara-kpi-trend--positive[b-l65nktmfz1] {
    background: color-mix(in srgb, var(--tara-success) 12%, transparent);
    color: var(--tara-success);
}
.tara-kpi-trend--neutral[b-l65nktmfz1] {
    background: color-mix(in srgb, var(--tara-text-muted) 12%, transparent);
    color: var(--tara-text-muted);
}
.tara-kpi-trend--negative[b-l65nktmfz1] {
    background: color-mix(in srgb, var(--tara-error) 12%, transparent);
    color: var(--tara-error);
}
.tara-kpi-card--alert[b-l65nktmfz1] {
    border-color: color-mix(in srgb, var(--tara-error) 30%, transparent);
    background: color-mix(in srgb, var(--tara-error) 2%, var(--tara-surface));
}

/* ── Banner OperacionEmpresa (alerta real del backend) ──────────────────── */
.home-op-banner[b-l65nktmfz1] {
    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-l65nktmfz1] {
    flex-shrink: 0;
    margin-top:  .1rem;
    color:       var(--tara-warning);
}

.home-op-banner strong[b-l65nktmfz1] {
    display:       block;
    font-weight:   700;
    margin-bottom: .2rem;
}

.home-op-banner p[b-l65nktmfz1] {
    margin: 0;
    color:  var(--tara-text-muted);
}

/* ── Marca de Agua ──────────────────────────────────────────────────────── */
.home-watermark[b-l65nktmfz1] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 400px;
    opacity: 0.04; /* Marca de agua sutil */
    pointer-events: none; /* No bloquea clics */
    user-select: none;
}

@media (max-width: 760px) {
    .home-shell[b-l65nktmfz1] {
        margin: -1rem -1rem -2rem;
        padding: 1.35rem 1rem 2rem;
    }

    .home-greeting[b-l65nktmfz1] {
        text-align: center;
    }

    .home-shopify-status-card[b-l65nktmfz1] {
        align-items: flex-start;
    }

    .home-shopify-info-actions[b-l65nktmfz1] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .home-shopify-info-actions[b-l65nktmfz1]  .mud-button {
        justify-content: flex-start;
    }
}

.home-watermark img[b-l65nktmfz1] {
    width: 280px; /* Tamaño elegante en escritorio */
    height: auto;
    filter: grayscale(100%);
}

/* 📱 Optimización para SAZ Móvil (Pantallas de teléfonos) */
@media (max-width: 768px) {
    .home-shell[b-l65nktmfz1] {
        margin:     -1.25rem 0 -2.5rem;
        padding:    2rem 1rem;
        min-height: calc(100vh - 56px);
    }
    
    .home-watermark[b-l65nktmfz1] {
        min-height: 260px !important;
    }
    .home-watermark img[b-l65nktmfz1] {
        width: 170px !important; /* Escala reducida y armónica en móvil */
    }

    .home-assistance-card__main[b-l65nktmfz1] {
        grid-template-columns: 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Facturacion/Facturacion.razor.rz.scp.css */
.tara-fac-page[b-mrjn572uou] {
    display: grid;
    gap: 1rem;
}

.tara-fac-loading[b-mrjn572uou] {
    min-height: 45vh;
    display: grid;
    place-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
}

.tara-fac-header[b-mrjn572uou] {
    align-items: end;
}

.tara-fac-header span[b-mrjn572uou] {
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--tara-primary-dark);
}

.tara-fac-hero[b-mrjn572uou] {
    background:
        linear-gradient(
            135deg,
            color-mix(in srgb, var(--tara-bg) 82%, var(--tara-surface) 18%),
            color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg) 6%)
        );
    border: 1px solid color-mix(in srgb, var(--tara-primary-dark) 12%, var(--tara-border));
    border-radius: 24px;
    padding: 1rem;
    display: grid;
    gap: .85rem;
}

.tara-fac-config-btn[b-mrjn572uou] {
    justify-self: start;
}

.tara-fac-grid[b-mrjn572uou] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

.tara-fac-card[b-mrjn572uou] {
    text-align: left;
    display: grid;
    gap: 1rem;
    border: 1px solid color-mix(in srgb, var(--tara-text) 8%, var(--tara-border));
    border-radius: 24px;
    padding: 1.15rem;
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--tara-primary-dark) 12%, transparent), transparent 34%),
        linear-gradient(
            180deg,
            var(--tara-surface),
            color-mix(in srgb, var(--tara-surface) 84%, var(--tara-bg) 16%)
        );
    box-shadow: var(--tara-shadow);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.tara-fac-card:hover[b-mrjn572uou] {
    transform: translateY(-2px);
    box-shadow: var(--tara-shadow-lg);
    border-color: color-mix(in srgb, var(--tara-primary-dark) 28%, var(--tara-border));
}

.tara-fac-card-icon[b-mrjn572uou] {
    width: 3rem;
    height: 3rem;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: var(--tara-primary-dark);
    color: var(--tara-text-inverse);
    font-size: 1.35rem;
}

.tara-fac-card-copy h2[b-mrjn572uou] {
    margin: 0 0 .35rem;
}

.tara-fac-card-copy p[b-mrjn572uou] {
    margin: 0 0 .5rem;
    color: var(--tara-text-muted);
}

.tara-fac-card-copy span[b-mrjn572uou] {
    color: var(--tara-primary-dark);
    font-size: .85rem;
    font-weight: 600;
}
/* _content/Raramuri.blzr/Components/Pages/Facturacion/FacturacionConsultaDocumentos.razor.rz.scp.css */
.tara-cdoc-page[b-ck8f69lb1f] {
    display: grid;
    gap: 1rem;
}

.tara-cdoc-header[b-ck8f69lb1f] {
    align-items: end;
    gap: .9rem;
    grid-template-columns: auto 1fr;
}

.tara-cdoc-header span[b-ck8f69lb1f] {
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--tara-primary-dark);
}

.tara-cdoc-loading[b-ck8f69lb1f] {
    min-height: 42vh;
    display: grid;
    place-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
}

.tara-cdoc-loading--inline[b-ck8f69lb1f],
.tara-cdoc-empty[b-ck8f69lb1f],
.tara-cdoc-grid-panel[b-ck8f69lb1f] {
    min-height: 16rem;
    border-radius: 24px;
    border: 1px solid color-mix(in srgb, var(--tara-primary-dark) 10%, var(--tara-border));
    background: linear-gradient(
        180deg,
        var(--tara-surface),
        color-mix(in srgb, var(--tara-surface) 84%, var(--tara-bg) 16%)
    );
    padding: 1rem;
}

.tara-cdoc-filters[b-ck8f69lb1f] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .9rem;
    align-items: start;
}

.tara-cdoc-actions[b-ck8f69lb1f] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center;
    margin-top: .95rem;
}

.tara-cdoc-summary[b-ck8f69lb1f] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.tara-cdoc-summary article[b-ck8f69lb1f] {
    border-radius: 20px;
    border: 1px solid color-mix(in srgb, var(--tara-primary-dark) 10%, var(--tara-border));
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
    padding: 1rem;
}

.tara-cdoc-summary span[b-ck8f69lb1f] {
    display: block;
    font-size: .8rem;
    color: var(--tara-text-muted);
    margin-bottom: .35rem;
}

.tara-cdoc-summary strong[b-ck8f69lb1f] {
    color: var(--tara-text);
    font-size: 1.05rem;
}

.tara-cdoc-search[b-ck8f69lb1f] {
    border-radius: 24px;
    border: 1px solid color-mix(in srgb, var(--tara-primary-dark) 10%, var(--tara-border));
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
    padding: 1rem;
}

.tara-cdoc-search-hint[b-ck8f69lb1f] {
    color: var(--tara-text-muted);
    font-size: .9rem;
    line-height: 1.5;
}

.tara-cdoc-search-hint strong[b-ck8f69lb1f] {
    color: var(--tara-primary-dark);
}

.tara-cdoc-search-hint--tip[b-ck8f69lb1f] {
    color: var(--tara-primary-dark);
}

.tara-cdoc-grid-summary[b-ck8f69lb1f] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-bottom: .85rem;
}

.tara-cdoc-grid-summary span[b-ck8f69lb1f] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .2rem .6rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary-dark) 18%, var(--tara-border));
    color: var(--tara-primary-dark);
    font-size: .8rem;
    font-weight: 700;
}

.tara-cdoc-files-backdrop[b-ck8f69lb1f] {
    position: fixed;
    inset: 0;
    z-index: 1500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: color-mix(in srgb, var(--tara-text) 38%, transparent);
}

.tara-cdoc-files-dialog[b-ck8f69lb1f] {
    width: min(1080px, 96vw);
    max-height: 92vh;
    overflow: auto;
    display: grid;
    gap: 1rem;
    padding: 1.15rem;
    border-radius: 24px;
    border: 1px solid color-mix(in srgb, var(--tara-primary-dark) 12%, var(--tara-border));
    background: linear-gradient(
        180deg,
        var(--tara-surface),
        color-mix(in srgb, var(--tara-surface) 82%, var(--tara-bg) 18%)
    );
    box-shadow: var(--tara-shadow-lg);
}

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

.tara-cdoc-files-header span[b-ck8f69lb1f] {
    display: block;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--tara-primary-dark);
}

.tara-cdoc-files-header h2[b-ck8f69lb1f] {
    margin: .2rem 0;
    color: var(--tara-text);
}

.tara-cdoc-files-header p[b-ck8f69lb1f] {
    margin: 0;
    color: var(--tara-text-muted);
    word-break: break-word;
}

.tara-cdoc-files-meta[b-ck8f69lb1f] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.tara-cdoc-files-meta article[b-ck8f69lb1f],
.tara-cdoc-preview-card[b-ck8f69lb1f] {
    border-radius: 20px;
    border: 1px solid color-mix(in srgb, var(--tara-primary-dark) 10%, var(--tara-border));
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
    padding: 1rem;
}

.tara-cdoc-files-meta span[b-ck8f69lb1f] {
    display: block;
    font-size: .8rem;
    color: var(--tara-text-muted);
    margin-bottom: .3rem;
}

.tara-cdoc-files-meta strong[b-ck8f69lb1f] {
    color: var(--tara-text);
}

.tara-cdoc-files-actions[b-ck8f69lb1f] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.tara-cdoc-files-loading[b-ck8f69lb1f] {
    min-height: 7rem;
    display: grid;
    place-items: center;
    gap: .55rem;
    color: var(--tara-text-muted);
}

.tara-cdoc-preview-toolbar[b-ck8f69lb1f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    margin-bottom: .85rem;
}

.tara-cdoc-preview-actions[b-ck8f69lb1f] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.tara-cdoc-xml-preview[b-ck8f69lb1f] {
    margin: 0;
    min-height: 16rem;
    max-height: 28rem;
    overflow: auto;
    padding: 1rem;
    border-radius: 16px;
    background: color-mix(in srgb, var(--tara-surface-raised) 78%, var(--tara-surface));
    border: 1px solid var(--tara-border);
    color: var(--tara-text);
    font-size: .82rem;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
}

.tara-cdoc-pdf-shell[b-ck8f69lb1f] {
    position: relative;
    min-height: 32rem;
}

.tara-cdoc-pdf-frame[b-ck8f69lb1f],
.tara-cdoc-pdf-fallback[b-ck8f69lb1f] {
    width: 100%;
    min-height: 32rem;
    border-radius: 18px;
    border: 1px solid var(--tara-border);
    background: var(--tara-surface-raised);
}

.tara-cdoc-pdf-frame[b-ck8f69lb1f] {
    display: block;
}

.tara-cdoc-pdf-fallback[b-ck8f69lb1f] {
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .75rem;
    padding: 1.25rem;
    text-align: center;
    color: var(--tara-text-muted);
}

[b-ck8f69lb1f] .tara-cdoc-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 7rem;
    padding: .18rem .65rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1.35;
    border: 1px solid color-mix(in srgb, var(--tara-primary-dark) 18%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

[b-ck8f69lb1f] .tara-cdoc-chip--estado {
    background: color-mix(in srgb, var(--tara-primary-dark) 10%, var(--tara-surface));
}

[b-ck8f69lb1f] .tara-cdoc-chip--tipo {
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface-raised));
}

[b-ck8f69lb1f] .tara-cdoc-chip--availability {
    min-width: 6.4rem;
    background: color-mix(in srgb, var(--tara-surface-raised) 70%, var(--tara-surface));
    color: var(--tara-text);
}

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

@media (max-width: 900px) {
    .tara-cdoc-summary[b-ck8f69lb1f] {
        grid-template-columns: 1fr;
    }

    .tara-cdoc-files-meta[b-ck8f69lb1f] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .tara-cdoc-header[b-ck8f69lb1f] {
        grid-template-columns: 1fr;
        align-items: start;
    }

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

    .tara-cdoc-actions[b-ck8f69lb1f] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-cdoc-files-dialog[b-ck8f69lb1f] {
        width: min(100%, 100vw);
        max-height: 96vh;
        padding: .95rem;
    }

    .tara-cdoc-files-actions[b-ck8f69lb1f],
    .tara-cdoc-preview-toolbar[b-ck8f69lb1f],
    .tara-cdoc-preview-actions[b-ck8f69lb1f] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-cdoc-pdf-shell[b-ck8f69lb1f],
    .tara-cdoc-pdf-frame[b-ck8f69lb1f],
    .tara-cdoc-pdf-fallback[b-ck8f69lb1f] {
        min-height: 22rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Facturacion/FacturacionConsultarTicket.razor.rz.scp.css */
.tara-fct-page[b-rguz1d6eod] {
    display: grid;
    gap: 1rem;
}

.tara-fct-loading[b-rguz1d6eod],
.tara-fct-empty[b-rguz1d6eod] {
    min-height: 42vh;
    display: grid;
    place-items: center;
    gap: .75rem;
    color: var(--mud-palette-text-secondary);
}

.tara-fct-loading--inline[b-rguz1d6eod],
.tara-fct-empty[b-rguz1d6eod] {
    min-height: 18rem;
    border-radius: 24px;
    border: 1px dashed rgba(138, 61, 34, 0.24);
    background: #fffaf6;
}

.tara-fct-header span[b-rguz1d6eod] {
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #8a3d22;
}

.tara-fct-shell[b-rguz1d6eod] {
    display: grid;
    gap: 1rem;
}

.tara-fct-form[b-rguz1d6eod] {
    display: grid;
    gap: .9rem;
}

.tara-fct-form--cancel[b-rguz1d6eod] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tara-fct-actions[b-rguz1d6eod] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.tara-fct-result[b-rguz1d6eod] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border-radius: 24px;
    border: 1px solid rgba(27, 27, 27, 0.08);
    background: linear-gradient(180deg, #ffffff, #fff8f3);
}

.tara-fct-section-title[b-rguz1d6eod] {
    display: grid;
    gap: .2rem;
}

.tara-fct-section-title span[b-rguz1d6eod] {
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--tara-text-muted);
}

.tara-fct-section-title strong[b-rguz1d6eod] {
    color: var(--tara-text);
}

.tara-fct-kpis[b-rguz1d6eod],
.tara-fct-detail[b-rguz1d6eod] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.tara-fct-detail[b-rguz1d6eod] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tara-fct-kpis article[b-rguz1d6eod],
.tara-fct-detail div[b-rguz1d6eod] {
    border-radius: 18px;
    padding: .9rem 1rem;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(138, 61, 34, 0.12);
}

.tara-fct-kpis span[b-rguz1d6eod],
.tara-fct-detail span[b-rguz1d6eod] {
    display: block;
    font-size: .78rem;
    color: var(--mud-palette-text-secondary);
    margin-bottom: .3rem;
}

.tara-fct-ok[b-rguz1d6eod] {
    color: #287a4f;
}

.tara-fct-pending[b-rguz1d6eod] {
    color: #8a3d22;
}

.tara-fct-warning[b-rguz1d6eod] {
    color: #9b6a17;
}

.tara-fct-kpis--cancel[b-rguz1d6eod] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tara-fct-detail--cancel[b-rguz1d6eod] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 900px) {
    .tara-fct-form--cancel[b-rguz1d6eod],
    .tara-fct-kpis[b-rguz1d6eod],
    .tara-fct-detail[b-rguz1d6eod] {
        grid-template-columns: 1fr;
    }
}

/* _content/Raramuri.blzr/Components/Pages/Facturacion/FacturacionFacturaGlobal.razor.rz.scp.css */
.tara-fg-page[b-7wt24dlmbf] {
    display: grid;
    gap: 1rem;
}

.tara-fg-loading[b-7wt24dlmbf],
.tara-fg-empty[b-7wt24dlmbf] {
    min-height: 42vh;
    display: grid;
    place-items: center;
    gap: .75rem;
    color: var(--mud-palette-text-secondary);
}

.tara-fg-loading--inline[b-7wt24dlmbf],
.tara-fg-empty[b-7wt24dlmbf],
.tara-fg-preview[b-7wt24dlmbf] {
    min-height: 14rem;
    border-radius: 24px;
    border: 1px dashed rgba(138, 61, 34, 0.24);
    background: #fffaf6;
    padding: 1rem;
}

.tara-fg-header span[b-7wt24dlmbf] {
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #8a3d22;
}

.tara-fg-filters[b-7wt24dlmbf] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .9rem;
    align-items: start;
}

.tara-fg-actions[b-7wt24dlmbf] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.tara-fg-kpis[b-7wt24dlmbf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.tara-fg-kpis article[b-7wt24dlmbf],
.tara-fg-panel[b-7wt24dlmbf] {
    border-radius: 24px;
    border: 1px solid rgba(27, 27, 27, 0.08);
    background: linear-gradient(180deg, #ffffff, #fff8f3);
    padding: 1rem;
}

.tara-fg-kpis span[b-7wt24dlmbf] {
    display: block;
    font-size: .8rem;
    color: var(--mud-palette-text-secondary);
    margin-bottom: .35rem;
}

.tara-fg-results[b-7wt24dlmbf] {
    display: grid;
    gap: 1rem;
}

.tara-fg-panel header[b-7wt24dlmbf] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-bottom: .75rem;
}

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

@media (max-width: 900px) {
    .tara-fg-filters[b-7wt24dlmbf],
    .tara-fg-kpis[b-7wt24dlmbf] {
        grid-template-columns: 1fr;
    }
}

/* _content/Raramuri.blzr/Components/Pages/Facturacion/FacturacionFacturarTicket.razor.rz.scp.css */
.tara-fft-page[b-5bz1rkbd3y] {
    display: grid;
    gap: 1rem;
}

.tara-fft-loading[b-5bz1rkbd3y],
.tara-fft-state[b-5bz1rkbd3y] {
    min-height: 42vh;
    display: grid;
    place-items: center;
    gap: .75rem;
    color: var(--mud-palette-text-secondary);
}

.tara-fft-state--empty[b-5bz1rkbd3y] {
    border: 1px dashed rgba(138, 61, 34, 0.24);
    border-radius: 24px;
    background: #fffaf6;
}

.tara-fft-header span[b-5bz1rkbd3y] {
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #8a3d22;
}

.tara-fft-shell[b-5bz1rkbd3y] {
    display: grid;
    gap: 1rem;
}

.tara-fft-form[b-5bz1rkbd3y] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
    align-items: start;
}

.tara-fft-actions[b-5bz1rkbd3y] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.tara-fft-result[b-5bz1rkbd3y] {
    display: grid;
    gap: 1rem;
    border-radius: 24px;
    border: 1px solid rgba(27, 27, 27, 0.08);
    background: linear-gradient(180deg, #ffffff, #fff8f3);
    padding: 1rem;
}

.tara-fft-kpis[b-5bz1rkbd3y] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.tara-fft-kpis article[b-5bz1rkbd3y],
.tara-fft-detail div[b-5bz1rkbd3y] {
    border-radius: 18px;
    padding: .9rem 1rem;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(138, 61, 34, 0.12);
}

.tara-fft-kpis span[b-5bz1rkbd3y],
.tara-fft-detail span[b-5bz1rkbd3y] {
    display: block;
    font-size: .78rem;
    color: var(--mud-palette-text-secondary);
    margin-bottom: .3rem;
}

.tara-fft-detail[b-5bz1rkbd3y] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.tara-fft-ok[b-5bz1rkbd3y] {
    color: #287a4f;
}

.tara-fft-pending[b-5bz1rkbd3y] {
    color: #8a3d22;
}

@media (max-width: 900px) {
    .tara-fft-form[b-5bz1rkbd3y],
    .tara-fft-kpis[b-5bz1rkbd3y],
    .tara-fft-detail[b-5bz1rkbd3y] {
        grid-template-columns: 1fr;
    }
}

/* _content/Raramuri.blzr/Components/Pages/Facturacion/FacturacionReporte.razor.rz.scp.css */
.tara-frp-page[b-48ovepsmkp] {
    display: grid;
    gap: 1rem;
}

.tara-frp-loading[b-48ovepsmkp],
.tara-frp-empty[b-48ovepsmkp] {
    min-height: 42vh;
    display: grid;
    place-items: center;
    gap: .75rem;
    color: var(--mud-palette-text-secondary);
}

.tara-frp-loading--inline[b-48ovepsmkp],
.tara-frp-empty[b-48ovepsmkp] {
    min-height: 16rem;
    border-radius: 24px;
    border: 1px dashed rgba(138, 61, 34, 0.24);
    background: #fffaf6;
}

.tara-frp-header span[b-48ovepsmkp] {
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #8a3d22;
}

.tara-frp-filters[b-48ovepsmkp] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .9rem;
    align-items: start;
}

.tara-frp-actions[b-48ovepsmkp] {
    display: flex;
    align-items: center;
}

.tara-frp-kpis[b-48ovepsmkp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.tara-frp-kpis article[b-48ovepsmkp],
.tara-frp-panel[b-48ovepsmkp] {
    border-radius: 24px;
    border: 1px solid rgba(27, 27, 27, 0.08);
    background: linear-gradient(180deg, #ffffff, #fff8f3);
    padding: 1rem;
}

.tara-frp-kpis span[b-48ovepsmkp] {
    display: block;
    font-size: .8rem;
    color: var(--mud-palette-text-secondary);
    margin-bottom: .35rem;
}

@media (max-width: 900px) {
    .tara-frp-filters[b-48ovepsmkp],
    .tara-frp-kpis[b-48ovepsmkp] {
        grid-template-columns: 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Home.razor.rz.scp.css */
.tara-startup-splash[b-xb4zcjijrb] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background:
        radial-gradient(circle at top, color-mix(in srgb, var(--tara-primary) 12%, transparent), transparent 42%),
        var(--tara-bg);
}

.tara-startup-splash__card[b-xb4zcjijrb] {
    width: min(100%, 360px);
    display: grid;
    justify-items: center;
    gap: .8rem;
    padding: 1.4rem 1.2rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow);
    text-align: center;
}

.tara-startup-splash__logo[b-xb4zcjijrb] {
    width: min(100%, 220px);
    height: auto;
}

.tara-startup-splash__pulse[b-xb4zcjijrb] {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 999px;
    border: 3px solid color-mix(in srgb, var(--tara-primary-dark) 22%, transparent);
    border-top-color: var(--tara-primary-dark);
    animation: tara-startup-spin-b-xb4zcjijrb .9s linear infinite;
}

.tara-startup-splash__title[b-xb4zcjijrb] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 800;
}

.tara-startup-splash__copy[b-xb4zcjijrb] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .84rem;
    line-height: 1.35;
}

@keyframes tara-startup-spin-b-xb4zcjijrb {
    to { transform: rotate(360deg); }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/ConcentradoProveedorKpiCard.razor.rz.scp.css */
.tara-cp-kpi[b-g28elhll64] {
    display: flex;
    min-height: 118px;
    flex-direction: column;
    justify-content: space-between;
    gap: .7rem;
    padding: 1rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-cp-kpi span[b-g28elhll64] {
    color: var(--tara-text-muted);
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tara-cp-kpi strong[b-g28elhll64] {
    color: var(--tara-text);
    font-size: clamp(1.35rem, 2.4vw, 2rem);
    font-weight: 950;
    letter-spacing: -.04em;
}

.tara-cp-kpi em[b-g28elhll64] {
    color: var(--tara-text-muted);
    font-size: .8rem;
    font-style: normal;
}

.tara-cp-kpi--green[b-g28elhll64] {
    border-left: 4px solid var(--tara-primary);
}

.tara-cp-kpi--red[b-g28elhll64] {
    border-left: 4px solid var(--tara-primary-dark);
}

.tara-cp-kpi--amber[b-g28elhll64] {
    border-left: 4px solid var(--tara-primary-subtle);
}

.tara-cp-kpi--purple[b-g28elhll64] {
    border-left: 4px solid var(--tara-border);
}

.tara-cp-kpi--neutral[b-g28elhll64] {
    border-left: 4px solid var(--tara-border);
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresAnalisisGs.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   IndicadoresAnalisisGs.razor.css — Patrón Tarahumara Secundario
   Prefijo: ags- (analisis-gs)
   ══════════════════════════════════════════════════════════════════════════ */

.ags-page[b-lkjuubkxuj] {
    display: flex;
    flex-direction: column;
    gap: .9rem;
    min-width: 0;
}

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

.ags-header span[b-lkjuubkxuj] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.ags-header h1[b-lkjuubkxuj] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.ags-header p[b-lkjuubkxuj] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
    font-size: .85rem;
}

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

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

.ags-filters-shell[b-lkjuubkxuj] {
    display: grid;
    gap: .72rem;
}

.ags-mobile-section[b-lkjuubkxuj] {
    display: grid;
    gap: .55rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-surface-raised));
    box-shadow: var(--tara-shadow-sm);
    margin: 0;
    padding: .7rem .8rem;
}

.ags-mobile-section--collapsed .ags-mobile-content[b-lkjuubkxuj] {
    display: none;
}

.ags-mobile-summary[b-lkjuubkxuj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .9rem;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
}

.ags-mobile-summary--toggle[b-lkjuubkxuj] {
    cursor: pointer;
}

.ags-mobile-summary-copy[b-lkjuubkxuj] {
    display: grid;
    gap: .14rem;
    min-width: 0;
}

.ags-mobile-summary-copy strong[b-lkjuubkxuj] {
    color: var(--tara-text);
    font-size: .86rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.ags-mobile-summary-copy small[b-lkjuubkxuj] {
    color: var(--tara-text-muted);
    font-size: .73rem;
    font-weight: 700;
}

.ags-mobile-summary-state[b-lkjuubkxuj] {
    flex-shrink: 0;
    color: var(--tara-primary-dark);
    font-size: .72rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.ags-mobile-content[b-lkjuubkxuj] {
    display: grid;
    gap: .7rem;
}

.ags-filter-grid[b-lkjuubkxuj] {
    display: grid;
    gap: .7rem .8rem;
    padding: 0;
}

.ags-filter-grid--primary[b-lkjuubkxuj] {
    grid-template-columns: minmax(330px, 1.35fr) minmax(220px, 1fr) minmax(220px, .95fr);
    align-items: end;
}

.ags-filter-grid--secondary[b-lkjuubkxuj] {
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    align-items: end;
    padding-top: 0;
}

.ags-date-range[b-lkjuubkxuj],
.ags-field[b-lkjuubkxuj] {
    min-width: 0;
}

.ags-field[b-lkjuubkxuj] {
    display: grid;
    gap: .32rem;
}

.ags-field > span[b-lkjuubkxuj],
.ags-field-head > span[b-lkjuubkxuj],
.ags-store-copy > span[b-lkjuubkxuj] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .68rem;
    font-weight: 800;
}

.ags-field-head[b-lkjuubkxuj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .55rem;
    min-height: 20px;
}

.ags-inline-check[b-lkjuubkxuj] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 22px;
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.ags-inline-check input[b-lkjuubkxuj] {
    width: 13px;
    height: 13px;
    accent-color: var(--tara-primary);
    cursor: pointer;
}

.ags-store-compact[b-lkjuubkxuj] {
    display: grid;
    gap: .7rem;
    padding: 0;
}

.ags-store-compact-head[b-lkjuubkxuj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .85rem;
}

.ags-store-copy[b-lkjuubkxuj] {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.ags-store-copy strong[b-lkjuubkxuj] {
    color: var(--tara-text);
    font-size: .96rem;
    font-weight: 850;
    line-height: 1.2;
}

.ags-store-preview[b-lkjuubkxuj] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.ags-store-preview-chip[b-lkjuubkxuj] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: .08rem .55rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tara-primary-dark) 14%, var(--tara-border));
    background: var(--tara-surface);
    color: var(--tara-text);
    font-size: .72rem;
    font-weight: 780;
    max-width: 100%;
}

.ags-store-preview-chip--muted[b-lkjuubkxuj],
.ags-store-preview-empty[b-lkjuubkxuj] {
    color: var(--tara-text-muted);
}

.ags-store-trigger[b-lkjuubkxuj] {
    white-space: nowrap;
}

.ags-store-picker-panel[b-lkjuubkxuj] {
    display: grid;
    gap: .6rem;
    padding: .75rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface-raised) 85%, var(--tara-surface));
}

.ags-store-picker-toolbar[b-lkjuubkxuj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .7rem;
    flex-wrap: wrap;
}

.ags-store-search[b-lkjuubkxuj] {
    min-width: min(100%, 340px);
    flex: 1 1 280px;
}

.ags-store-actions[b-lkjuubkxuj] {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .25rem;
}

.ags-store-picker-meta[b-lkjuubkxuj] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 750;
}

.ags-store-list[b-lkjuubkxuj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
    max-height: 260px;
    overflow: auto;
    padding-right: .15rem;
}

.ags-store-item[b-lkjuubkxuj] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .55rem;
    min-width: 0;
    padding: .58rem .7rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface-raised);
    color: var(--tara-text);
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.ags-store-item:hover[b-lkjuubkxuj] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 40%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface-raised));
}

.ags-store-item--selected[b-lkjuubkxuj] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 55%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface-raised));
}

.ags-store-item input[b-lkjuubkxuj] {
    width: 15px;
    height: 15px;
    accent-color: var(--tara-primary);
    cursor: pointer;
}

.ags-store-item-name[b-lkjuubkxuj] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .84rem;
    font-weight: 700;
}

.ags-store-item small[b-lkjuubkxuj] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-variant-numeric: tabular-nums;
}

.ags-preset-chip--info[b-lkjuubkxuj] {
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary-dark) 30%, var(--tara-border));
    color: var(--tara-primary-dark);
}

.ags-primary-actions[b-lkjuubkxuj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    flex-wrap: wrap;
}

.ags-history-panel[b-lkjuubkxuj],
.ags-history-list[b-lkjuubkxuj] {
    display: grid;
    gap: .7rem;
}

.ags-history-toolbar[b-lkjuubkxuj] {
    display: grid;
    gap: .7rem;
}

.ags-history-view-chips[b-lkjuubkxuj] {
    display: flex;
    flex-wrap: wrap;
    gap: .42rem;
}

.ags-history-view-chip[b-lkjuubkxuj] {
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface);
    color: var(--tara-text-muted);
    min-height: 32px;
    padding: 0 .72rem;
    font-size: .74rem;
    font-weight: 800;
    cursor: pointer;
}

.ags-history-view-chip--active[b-lkjuubkxuj] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 28%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.ags-history-compare-bar[b-lkjuubkxuj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
}

.ags-history-compare-panel[b-lkjuubkxuj] {
    display: grid;
    gap: .45rem;
    padding: .75rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.ags-history-compare-head[b-lkjuubkxuj],
.ags-history-compare-row[b-lkjuubkxuj] {
    display: grid;
    grid-template-columns: minmax(120px, .8fr) repeat(2, minmax(0, 1fr));
    gap: .55rem;
    align-items: start;
}

.ags-history-compare-head strong[b-lkjuubkxuj],
.ags-history-compare-row span[b-lkjuubkxuj] {
    color: var(--tara-text);
    font-size: .75rem;
    font-weight: 800;
}

.ags-history-compare-row small[b-lkjuubkxuj] {
    color: var(--tara-text-muted);
    font-size: .74rem;
    line-height: 1.35;
}

.ags-history-compare-row--diff[b-lkjuubkxuj] {
    padding: .45rem .5rem;
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface-raised));
}

.ags-auto-compare-panel[b-lkjuubkxuj] {
    display: grid;
    gap: .9rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary-dark) 16%, var(--tara-border));
    border-radius: var(--tara-radius);
    background: color-mix(in srgb, var(--tara-primary) 3%, var(--tara-surface));
    box-shadow: var(--tara-shadow-sm);
}

.ags-compare-card-grid[b-lkjuubkxuj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: .75rem;
    margin-bottom: .9rem;
}

.ags-compare-card[b-lkjuubkxuj],
.ags-compare-store-card[b-lkjuubkxuj] {
    display: grid;
    gap: .3rem;
    padding: .85rem .9rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.ags-compare-card span[b-lkjuubkxuj],
.ags-compare-store-card span[b-lkjuubkxuj] {
    color: var(--tara-text-muted);
    font-size: .73rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.ags-compare-card strong[b-lkjuubkxuj],
.ags-compare-store-card strong[b-lkjuubkxuj] {
    color: var(--tara-text);
    font-size: 1.02rem;
    line-height: 1.3;
}

.ags-compare-card small[b-lkjuubkxuj] {
    color: var(--tara-text-muted);
    font-size: .74rem;
}

.ags-compare-card--success[b-lkjuubkxuj] {
    border-color: color-mix(in srgb, #1d6f42 20%, var(--tara-border));
    background: color-mix(in srgb, #1d6f42 8%, var(--tara-surface));
}

.ags-compare-card--danger[b-lkjuubkxuj] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 22%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
}

.ags-compare-card--neutral[b-lkjuubkxuj] {
    background: var(--tara-surface-raised);
}

.ags-compare-tabs[b-lkjuubkxuj] {
    padding-top: .65rem;
}

.ags-compare-store-grid[b-lkjuubkxuj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .75rem;
}

.ags-history-item[b-lkjuubkxuj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .85rem;
    padding: .8rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
}

.ags-history-item-head[b-lkjuubkxuj] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.ags-history-star[b-lkjuubkxuj] {
    border: 0;
    background: transparent;
    color: var(--tara-text-muted);
    font-size: 1rem;
    line-height: 1;
    padding: 0;
    cursor: pointer;
}

.ags-history-star--active[b-lkjuubkxuj] {
    color: var(--tara-primary-dark);
}

.ags-history-chip-row[b-lkjuubkxuj],
.ags-history-tags[b-lkjuubkxuj] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .2rem;
}

.ags-history-chip[b-lkjuubkxuj],
.ags-history-tag[b-lkjuubkxuj] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: .08rem .55rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tara-primary-dark) 14%, var(--tara-border));
    background: var(--tara-surface);
    color: var(--tara-text);
    font-size: .7rem;
    font-weight: 750;
}

.ags-history-chip--new[b-lkjuubkxuj] {
    color: var(--tara-primary-dark);
}

.ags-history-chip--reviewed[b-lkjuubkxuj] {
    background: color-mix(in srgb, var(--tara-text-muted) 10%, var(--tara-surface));
}

.ags-history-chip--ordered[b-lkjuubkxuj] {
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.ags-history-chip--closed[b-lkjuubkxuj] {
    background: color-mix(in srgb, var(--tara-text) 8%, var(--tara-surface));
}

.ags-checks-row[b-lkjuubkxuj] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    padding: 0 .85rem;
}

.ags-check[b-lkjuubkxuj] {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    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: .86rem;
    font-weight: 550;
    cursor: pointer;
    user-select: none;
}

.ags-check input[b-lkjuubkxuj] {
    width: 15px;
    height: 15px;
    accent-color: var(--tara-primary);
    cursor: pointer;
}

.ags-actions-row[b-lkjuubkxuj] {
    padding: 0;
}

.ags-actions-row--filters[b-lkjuubkxuj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .85rem;
    flex-wrap: wrap;
}

.ags-filter-actions-main[b-lkjuubkxuj],
.ags-filter-actions-secondary[b-lkjuubkxuj],
.ags-quick-presets[b-lkjuubkxuj] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
}

.ags-filter-actions-main[b-lkjuubkxuj] {
    flex: 1 1 320px;
}

.ags-filter-actions-secondary[b-lkjuubkxuj] {
    justify-content: flex-end;
    flex: 1 1 430px;
}

.ags-filter-pill[b-lkjuubkxuj] {
    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;
}

.ags-state[b-lkjuubkxuj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .85rem;
    min-height: 220px;
    color: var(--tara-text-muted);
    text-align: center;
    padding: 1.5rem;
}

.ags-state--loading[b-lkjuubkxuj] {
    flex-direction: row;
    justify-content: flex-start;
    min-height: 88px;
    padding: .9rem 0;
}

.ags-grid-footer[b-lkjuubkxuj] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding-top: .75rem;
}

.ags-grid-footer-meta[b-lkjuubkxuj] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: .55rem .9rem;
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 700;
}

.ags-grid-footer-actions[b-lkjuubkxuj] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .35rem;
}

.ags-page-size-select[b-lkjuubkxuj] {
    min-width: 130px;
}

.ags-tabs[b-lkjuubkxuj] {
    display: inline-flex;
    align-self: flex-start;
    gap: .2rem;
    padding: .25rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: calc(var(--tara-radius-sm) + 4px);
    box-shadow: var(--tara-shadow-sm);
    max-width: 100%;
}

.ags-tab[b-lkjuubkxuj] {
    border: 0;
    background: transparent;
    color: var(--tara-text-muted);
    padding: .58rem .95rem;
    border-radius: var(--tara-radius-sm);
    font-size: .85rem;
    font-weight: 800;
    cursor: pointer;
    transition: background .18s ease, color .18s ease, box-shadow .18s ease;
}

.ags-tab:hover[b-lkjuubkxuj] {
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface-raised));
    color: var(--tara-text);
}

.ags-tab--active[b-lkjuubkxuj] {
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface-raised));
    color: var(--tara-primary-dark);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tara-primary-dark) 28%, var(--tara-border));
}

.ags-group-zone[b-lkjuubkxuj] {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: .65rem .8rem;
    margin-bottom: .75rem;
    border: 1px dashed color-mix(in srgb, var(--tara-text) 16%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface-raised) 78%, var(--tara-bg));
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.ags-grid-toolbar[b-lkjuubkxuj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .9rem;
    margin-bottom: .7rem;
    flex-wrap: wrap;
}

.ags-toolbar-primary[b-lkjuubkxuj] {
    display: grid;
    gap: .5rem;
    min-width: 0;
    flex: 1 1 420px;
}

.ags-meta[b-lkjuubkxuj] {
    display: flex;
    gap: .9rem;
    flex-wrap: wrap;
    color: var(--tara-text-muted);
    font-size: .78rem;
    min-width: 0;
}

.ags-toolbar-chips[b-lkjuubkxuj] {
    display: flex;
    flex-wrap: wrap;
    gap: .42rem;
}

.ags-stat-chip[b-lkjuubkxuj] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: .18rem .62rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tara-primary-dark) 14%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    color: var(--tara-text);
    font-size: .72rem;
    font-weight: 750;
    white-space: nowrap;
}

.ags-stat-chip--metric[b-lkjuubkxuj] {
    color: var(--tara-primary-dark);
}

.ags-toolbar-actions[b-lkjuubkxuj] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
    gap: .55rem;
}

.ags-search-field[b-lkjuubkxuj] {
    width: min(100%, 360px);
}

.ags-toolbar-btn[b-lkjuubkxuj],
.ags-preset-btn[b-lkjuubkxuj] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    color: var(--tara-text);
    min-height: 38px;
    padding: 0 .8rem;
    font-size: .8rem;
    font-weight: 800;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, color .18s ease;
}

.ags-toolbar-btn:hover[b-lkjuubkxuj],
.ags-preset-btn:hover[b-lkjuubkxuj] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 35%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface-raised));
}

.ags-toolbar-btn:disabled[b-lkjuubkxuj],
.ags-preset-btn:disabled[b-lkjuubkxuj] {
    opacity: .55;
    cursor: not-allowed;
}

.ags-toolbar-btn--ghost[b-lkjuubkxuj] {
    background: transparent;
}

.ags-presets-shell[b-lkjuubkxuj] {
    display: grid;
    gap: .6rem;
    padding: 0 .85rem .2rem;
}

.ags-presets-toolbar[b-lkjuubkxuj] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
}

.ags-presets-actions[b-lkjuubkxuj] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
    align-items: center;
}

.ags-preset-chip[b-lkjuubkxuj] {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: .18rem .72rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary-dark) 18%, 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: .75rem;
    font-weight: 800;
    cursor: pointer;
}

.ags-presets-note[b-lkjuubkxuj] {
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 700;
}

.ags-active-filters[b-lkjuubkxuj] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin: .8rem 0;
}

.ags-active-filter-chip[b-lkjuubkxuj] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    min-height: 34px;
    padding: .2rem .72rem;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface);
    color: var(--tara-text);
    cursor: pointer;
}

.ags-active-filter-chip span[b-lkjuubkxuj] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.ags-active-filter-chip strong[b-lkjuubkxuj] {
    font-size: .78rem;
}

.ags-presets-panel[b-lkjuubkxuj] {
    display: grid;
    gap: .7rem;
    padding: .8rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface-raised) 82%, var(--tara-surface));
}

.ags-presets-panel-head[b-lkjuubkxuj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
}

.ags-presets-panel-head span[b-lkjuubkxuj] {
    display: block;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .66rem;
    font-weight: 800;
}

.ags-presets-panel-head strong[b-lkjuubkxuj] {
    color: var(--tara-text);
    font-size: .92rem;
}

.ags-presets-empty[b-lkjuubkxuj] {
    padding: .85rem;
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius-sm);
    color: var(--tara-text-muted);
    font-size: .78rem;
    background: var(--tara-surface);
}

.ags-presets-list[b-lkjuubkxuj] {
    display: grid;
    gap: .5rem;
}

.ags-preset-item[b-lkjuubkxuj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .7rem .75rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.ags-preset-copy[b-lkjuubkxuj] {
    display: grid;
    gap: .16rem;
}

.ags-preset-copy strong[b-lkjuubkxuj] {
    color: var(--tara-text);
    font-size: .88rem;
}

.ags-preset-copy small[b-lkjuubkxuj] {
    color: var(--tara-text-muted);
    font-size: .72rem;
}

.ags-preset-item-actions[b-lkjuubkxuj] {
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.ags-column-panel[b-lkjuubkxuj] {
    display: grid;
    gap: .75rem;
    margin-bottom: .8rem;
    padding: .85rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface-raised) 85%, var(--tara-surface));
}

.ags-column-panel-head[b-lkjuubkxuj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
}

.ags-column-panel-head span[b-lkjuubkxuj] {
    display: block;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .66rem;
    font-weight: 800;
}

.ags-column-panel-head strong[b-lkjuubkxuj] {
    color: var(--tara-text);
    font-size: .92rem;
}

.ags-column-presets[b-lkjuubkxuj] {
    display: flex;
    flex-wrap: wrap;
    gap: .42rem;
}

.ags-preset-btn--reset[b-lkjuubkxuj] {
    color: var(--tara-primary-dark);
}

.ags-column-grid[b-lkjuubkxuj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .5rem;
}

.ags-column-item[b-lkjuubkxuj] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .5rem;
    min-width: 0;
    padding: .52rem .68rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    color: var(--tara-text);
    font-size: .79rem;
    font-weight: 700;
}

.ags-column-item input[b-lkjuubkxuj] {
    width: 15px;
    height: 15px;
    accent-color: var(--tara-primary);
}

.ags-column-item span[b-lkjuubkxuj] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ags-column-item small[b-lkjuubkxuj] {
    color: var(--tara-primary-dark);
    font-size: .68rem;
    font-weight: 800;
}

.ags-column-item--required[b-lkjuubkxuj] {
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
}

.ags-operational-shell[b-lkjuubkxuj] {
    position: sticky;
    top: 0;
    z-index: 6;
    display: grid;
    gap: .7rem;
    margin-bottom: .8rem;
    padding: .85rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
    box-shadow: 0 10px 24px rgba(54, 28, 20, 0.06);
}

.ags-kpi-grid[b-lkjuubkxuj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: .6rem;
    margin-bottom: .8rem;
}

.ags-kpi-card[b-lkjuubkxuj] {
    display: grid;
    gap: .18rem;
    padding: .78rem .82rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

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

.ags-kpi-card strong[b-lkjuubkxuj] {
    color: var(--tara-text);
    font-size: 1rem;
}

.ags-kpi-card small[b-lkjuubkxuj] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 700;
}

.ags-kpi-card--status[b-lkjuubkxuj] {
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
}

.ags-operational-summary[b-lkjuubkxuj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: .55rem;
}

.ags-operational-card[b-lkjuubkxuj] {
    display: grid;
    gap: .18rem;
    padding: .7rem .8rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.ags-operational-card span[b-lkjuubkxuj],
.ags-operational-label[b-lkjuubkxuj] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .66rem;
    font-weight: 800;
}

.ags-operational-card strong[b-lkjuubkxuj] {
    color: var(--tara-text);
    font-size: 1rem;
}

.ags-operational-actions[b-lkjuubkxuj] {
    display: grid;
    gap: .55rem;
}

.ags-operational-group[b-lkjuubkxuj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
}

.ags-dashboard-panel[b-lkjuubkxuj] {
    display: grid;
    gap: .9rem;
}

.ags-dashboard-toolbar[b-lkjuubkxuj] {
    display: grid;
    gap: .8rem;
    padding: .9rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: color-mix(in srgb, var(--tara-surface-raised) 84%, var(--tara-surface));
}

.ags-dashboard-toolbar-head[b-lkjuubkxuj],
.ags-dashboard-toolbar-actions[b-lkjuubkxuj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .8rem;
    flex-wrap: wrap;
}

.ags-dashboard-toolbar-head span[b-lkjuubkxuj],
.ags-dashboard-grid-head span[b-lkjuubkxuj] {
    display: block;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .66rem;
    font-weight: 800;
}

.ags-dashboard-toolbar-head strong[b-lkjuubkxuj],
.ags-dashboard-grid-head strong[b-lkjuubkxuj] {
    color: var(--tara-text);
    font-size: .95rem;
}

.ags-dashboard-filter-grid[b-lkjuubkxuj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .65rem;
}

.ags-dashboard-summary[b-lkjuubkxuj] {
    color: var(--tara-text-muted);
    font-size: .76rem;
    font-weight: 700;
}

.ags-dashboard-card-grid[b-lkjuubkxuj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: .7rem;
}

.ags-dashboard-tabs[b-lkjuubkxuj] {
    background: var(--tara-surface);
    border-radius: var(--tara-radius);
}

.ags-dashboard-grid-group[b-lkjuubkxuj],
.ags-dashboard-chart-grid[b-lkjuubkxuj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: .8rem;
    padding-top: .35rem;
}

.ags-dashboard-grid-card[b-lkjuubkxuj],
.ags-dashboard-chart-card[b-lkjuubkxuj],
.ags-dashboard-effectiveness-card[b-lkjuubkxuj] {
    display: grid;
    gap: .65rem;
    padding: .85rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.ags-dashboard-grid-head[b-lkjuubkxuj] {
    display: grid;
    gap: .12rem;
}

.ags-dashboard-effectiveness-grid[b-lkjuubkxuj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .8rem;
    padding-top: .35rem;
}

.ags-dashboard-effectiveness-card span[b-lkjuubkxuj] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .68rem;
    font-weight: 800;
}

.ags-dashboard-effectiveness-card strong[b-lkjuubkxuj] {
    color: var(--tara-text);
    font-size: 1.08rem;
}

.ags-dashboard-effectiveness-card small[b-lkjuubkxuj] {
    color: var(--tara-text-muted);
    font-size: .75rem;
    font-weight: 700;
}

.ags-preset-btn--active[b-lkjuubkxuj] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 46%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface-raised));
    color: var(--tara-primary-dark);
}

.ags-grid-shell[b-lkjuubkxuj] {
    min-width: 0;
    overflow: hidden;
}

.ags-table-wrap[b-lkjuubkxuj] {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: auto;
    max-height: clamp(420px, calc(100vh - 380px), 820px);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    scrollbar-gutter: stable both-edges;
}

.ags-table-wrap[b-lkjuubkxuj]::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

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

.ags-table-wrap[b-lkjuubkxuj]::-webkit-scrollbar-track {
    background: var(--tara-surface-raised);
}

.ags-table[b-lkjuubkxuj] {
    border-collapse: separate;
    border-spacing: 0;
    min-width: max-content;
    width: 100%;
    font-size: .78rem;
}

.ags-th[b-lkjuubkxuj] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: color-mix(in srgb, var(--tara-surface-raised) 88%, var(--tara-surface));
    color: var(--tara-text-muted);
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .03em;
    padding: .42rem .58rem;
    border-right: 1px solid color-mix(in srgb, var(--tara-text) 12%, var(--tara-border));
    border-bottom: 1.5px solid color-mix(in srgb, var(--tara-text) 20%, var(--tara-border));
    white-space: nowrap;
    text-align: left;
}

.ags-th--sticky-op[b-lkjuubkxuj],
.ags-td--sticky-op[b-lkjuubkxuj] {
    position: sticky;
    z-index: 5;
}

.ags-th--sticky-op[b-lkjuubkxuj] {
    background: var(--tara-th-bg);
}

.ags-td--sticky-op[b-lkjuubkxuj] {
    background: var(--tara-surface);
}

.ags-td--select[b-lkjuubkxuj] {
    text-align: center;
}

.ags-inline-guidance[b-lkjuubkxuj] {
    display: grid;
    gap: .22rem;
    margin-top: .3rem;
}

.ags-inline-flag[b-lkjuubkxuj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: .08rem .38rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tara-primary-dark) 20%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-size: .61rem;
    font-weight: 850;
    line-height: 1.2;
}

.ags-inline-action[b-lkjuubkxuj] {
    border: 0;
    background: transparent;
    color: var(--tara-primary-dark);
    font-size: .63rem;
    font-weight: 850;
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
}

.ags-inline-action:disabled[b-lkjuubkxuj] {
    color: var(--tara-text-muted);
    text-decoration: none;
    cursor: default;
}

.ags-th--sticky[b-lkjuubkxuj] {
    z-index: 4;
    background: color-mix(in srgb, var(--tara-surface-raised) 92%, var(--tara-surface));
}

.ags-td[b-lkjuubkxuj] {
    padding: .32rem .58rem;
    border-right: 1px solid color-mix(in srgb, var(--tara-text) 10%, var(--tara-border));
    border-bottom: 1px solid color-mix(in srgb, var(--tara-text) 10%, var(--tara-border));
    white-space: nowrap;
    vertical-align: middle;
    background: inherit;
    color: var(--tara-text);
}

.ags-td--sticky[b-lkjuubkxuj] {
    position: sticky;
    z-index: 1;
    background: var(--tara-surface);
    box-shadow: 1px 0 0 color-mix(in srgb, var(--tara-text) 8%, var(--tara-border));
}

.ags-td--num[b-lkjuubkxuj] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.ags-tr:nth-child(even) .ags-td[b-lkjuubkxuj] {
    background: color-mix(in srgb, var(--tara-surface-raised) 78%, var(--tara-bg));
}

.ags-tr:nth-child(even) .ags-td--sticky[b-lkjuubkxuj] {
    background: color-mix(in srgb, var(--tara-surface-raised) 78%, var(--tara-bg));
}

.ags-tr:hover .ags-td[b-lkjuubkxuj] {
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface-raised)) !important;
}

.ags-tr:hover .ags-td--sticky[b-lkjuubkxuj] {
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface-raised)) !important;
}

.ags-tfoot-row .ags-td[b-lkjuubkxuj] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    background: color-mix(in srgb, var(--tara-primary) 9%, var(--tara-surface-raised));
    font-weight: 800;
}

.ags-tfoot-row .ags-td--sticky[b-lkjuubkxuj] {
    z-index: 3;
    background: color-mix(in srgb, var(--tara-primary) 11%, var(--tara-surface-raised));
}

.ags-td--footer[b-lkjuubkxuj] {
    color: var(--tara-primary-dark);
}

.ags-td--actions[b-lkjuubkxuj],
.ags-td--input[b-lkjuubkxuj] {
    text-align: center;
}

.ags-td--input-inline[b-lkjuubkxuj] {
    padding: .28rem;
    text-align: center;
}

.ags-inline-input[b-lkjuubkxuj] {
    width: 100%;
    min-height: 34px;
    padding: .28rem .45rem;
    border: 1px solid var(--tara-border);
    border-radius: 10px;
    background: var(--tara-surface);
    color: var(--tara-text);
    font: inherit;
    text-align: right;
}

.ags-inline-input:focus[b-lkjuubkxuj] {
    outline: none;
    border-color: var(--tara-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 20%, transparent);
}

.ags-inline-input--strong[b-lkjuubkxuj] {
    font-weight: 800;
    color: var(--tara-primary-dark);
}

.ags-inline-warning[b-lkjuubkxuj] {
    display: block;
    margin-top: .24rem;
    color: var(--tara-primary-dark);
    font-size: .64rem;
    font-weight: 800;
    text-align: left;
}

.ags-inline-alert[b-lkjuubkxuj] {
    margin-top: .65rem;
}

.ags-empty-cell[b-lkjuubkxuj] {
    padding: 1rem;
    text-align: center;
    color: var(--tara-text-muted);
    background: color-mix(in srgb, var(--tara-surface-raised) 70%, var(--tara-bg));
}

.ags-pedido-panel[b-lkjuubkxuj] {
    display: grid;
    gap: .85rem;
}

.ags-pedido-grid[b-lkjuubkxuj] {
    display: grid;
    gap: .85rem;
}

.ags-table-wrap--pedido[b-lkjuubkxuj] {
    max-height: min(48vh, 520px);
}

.ags-pedido-actions[b-lkjuubkxuj] {
    display: flex;
    justify-content: flex-end;
}

.ags-source-chip[b-lkjuubkxuj] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: .08rem .5rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: var(--tara-surface-raised);
    color: var(--tara-text);
    font-size: .68rem;
    font-weight: 800;
}

.ags-source-chip--inline[b-lkjuubkxuj] {
    color: var(--tara-primary-dark);
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
}

.ags-source-chip--modal[b-lkjuubkxuj] {
    color: color-mix(in srgb, var(--tara-text) 78%, var(--tara-primary-dark));
}

.ags-source-chip--manual[b-lkjuubkxuj] {
    color: #81511c;
    background: color-mix(in srgb, #d89a3b 14%, var(--tara-surface));
}

.ags-export-chip-list[b-lkjuubkxuj] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.ags-save-summary[b-lkjuubkxuj] {
    display: grid;
    gap: .45rem;
    margin-top: .55rem;
}

.ags-save-summary-item[b-lkjuubkxuj] {
    display: grid;
    gap: .08rem;
    padding: .58rem .72rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
}

.ags-save-summary-item span[b-lkjuubkxuj],
.ags-save-summary-item small[b-lkjuubkxuj] {
    color: var(--tara-text-muted);
}

.ags-save-summary-item strong[b-lkjuubkxuj] {
    color: var(--tara-text);
    font-size: .92rem;
}

.ags-dialog-copy[b-lkjuubkxuj] {
    display: grid;
    gap: .45rem;
}

.ags-history-form-grid[b-lkjuubkxuj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem .75rem;
    align-items: start;
}

.ags-pedido-modal[b-lkjuubkxuj] {
    width: min(1320px, 100%);
    max-height: min(92vh, 980px);
    overflow: auto;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-lg, 0 22px 50px rgba(0, 0, 0, .18));
}

.ags-pedido-modal-body[b-lkjuubkxuj] {
    display: grid;
    gap: .9rem;
    padding: 1rem;
}

.ags-pedido-topbar[b-lkjuubkxuj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(180px, .9fr)) auto auto;
    gap: .75rem;
    align-items: center;
}

.ags-pedido-modal-section[b-lkjuubkxuj] {
    display: grid;
    gap: .65rem;
}

.ags-table-wrap--pedido-sugerido[b-lkjuubkxuj] {
    max-height: min(34vh, 360px);
}

.ags-real-field[b-lkjuubkxuj] {
    min-width: 88px;
}

.ags-pedido-modal-actions[b-lkjuubkxuj] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
}

.ags-image-backdrop[b-lkjuubkxuj] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: color-mix(in srgb, var(--tara-text) 26%, transparent);
    backdrop-filter: blur(2px);
}

.ags-image-modal[b-lkjuubkxuj] {
    width: min(960px, 100%);
    max-height: min(88vh, 900px);
    overflow: auto;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-lg, 0 22px 50px rgba(0, 0, 0, .18));
}

.ags-image-header[b-lkjuubkxuj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .8rem;
    padding: .95rem 1rem .75rem;
    border-bottom: 1px solid var(--tara-border);
}

.ags-image-header span[b-lkjuubkxuj],
.ags-image-meta-item span[b-lkjuubkxuj] {
    display: block;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .68rem;
    font-weight: 800;
}

.ags-image-header h3[b-lkjuubkxuj] {
    margin: .15rem 0 0;
    color: var(--tara-text);
    font-size: 1.1rem;
    font-weight: 900;
}

.ags-image-body[b-lkjuubkxuj] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(240px, .75fr);
    gap: 1rem;
    padding: 1rem;
}

.ags-image-preview-shell[b-lkjuubkxuj] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 320px;
    padding: .9rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface-raised) 80%, var(--tara-bg));
}

.ags-image-preview[b-lkjuubkxuj] {
    display: block;
    max-width: 100%;
    max-height: min(68vh, 640px);
    object-fit: contain;
    border-radius: var(--tara-radius-sm);
}

.ags-image-placeholder[b-lkjuubkxuj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    text-align: center;
    color: var(--tara-text-muted);
    min-height: 240px;
    width: 100%;
}

.ags-image-placeholder--empty strong[b-lkjuubkxuj] {
    color: var(--tara-text);
    font-size: .95rem;
}

.ags-image-meta[b-lkjuubkxuj] {
    display: grid;
    align-content: start;
    gap: .7rem;
}

.ags-image-meta-item[b-lkjuubkxuj] {
    display: grid;
    gap: .18rem;
    padding: .72rem .8rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
}

.ags-image-meta-item strong[b-lkjuubkxuj] {
    color: var(--tara-text);
    font-size: .92rem;
    font-weight: 800;
    word-break: break-word;
}

[b-lkjuubkxuj] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-lkjuubkxuj] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-lkjuubkxuj] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

[b-lkjuubkxuj] .tara-filter-select .mud-input-control,
[b-lkjuubkxuj] .tara-filter-select .mud-input-slot,
[b-lkjuubkxuj] .tara-filter-select .mud-input-root {
    min-width: 0;
}

@media (max-width: 1440px) {
    .ags-filter-grid--primary[b-lkjuubkxuj] {
        grid-template-columns: minmax(280px, 1.2fr) minmax(220px, 1fr) minmax(190px, .9fr);
    }

    .ags-filter-grid--secondary[b-lkjuubkxuj] {
        grid-template-columns: repeat(4, minmax(160px, 1fr));
    }
}

@media (max-width: 1199px) {
    .ags-panel[b-lkjuubkxuj] {
        padding: .8rem;
    }

    .ags-filter-grid--primary[b-lkjuubkxuj],
    .ags-filter-grid--secondary[b-lkjuubkxuj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ags-store-compact-head[b-lkjuubkxuj],
    .ags-store-picker-toolbar[b-lkjuubkxuj],
    .ags-grid-toolbar[b-lkjuubkxuj] {
        flex-direction: column;
        align-items: stretch;
    }

    .ags-presets-toolbar[b-lkjuubkxuj],
    .ags-preset-item[b-lkjuubkxuj] {
        flex-direction: column;
        align-items: stretch;
    }

    .ags-history-compare-head[b-lkjuubkxuj],
    .ags-history-compare-row[b-lkjuubkxuj] {
        grid-template-columns: 1fr;
    }

    .ags-history-item[b-lkjuubkxuj] {
        flex-direction: column;
    }

    .ags-kpi-grid[b-lkjuubkxuj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ags-search-field[b-lkjuubkxuj] {
        width: 100%;
    }

    .ags-toolbar-actions[b-lkjuubkxuj],
    .ags-grid-footer-actions[b-lkjuubkxuj] {
        justify-content: flex-start;
    }

    .ags-operational-group[b-lkjuubkxuj] {
        align-items: flex-start;
    }

    .ags-pedido-topbar[b-lkjuubkxuj] {
        grid-template-columns: 1fr 1fr;
    }

    .ags-store-list[b-lkjuubkxuj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 899px) {
    .ags-mobile-section[b-lkjuubkxuj] {
        padding: .62rem .68rem;
    }

    .ags-mobile-summary[b-lkjuubkxuj] {
        gap: .65rem;
    }

    .ags-tabs[b-lkjuubkxuj] {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ags-tab[b-lkjuubkxuj] {
        text-align: center;
    }

    .ags-filter-grid--primary[b-lkjuubkxuj],
    .ags-filter-grid--secondary[b-lkjuubkxuj],
    .ags-store-list[b-lkjuubkxuj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ags-checks-row[b-lkjuubkxuj] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ags-column-grid[b-lkjuubkxuj] {
        grid-template-columns: 1fr;
    }

    .ags-history-form-grid[b-lkjuubkxuj] {
        grid-template-columns: 1fr;
    }

    .ags-kpi-grid[b-lkjuubkxuj] {
        grid-template-columns: 1fr;
    }

    .ags-operational-summary[b-lkjuubkxuj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ags-operational-group[b-lkjuubkxuj] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .ags-pedido-actions[b-lkjuubkxuj] {
        justify-content: stretch;
    }

    .ags-pedido-actions > *[b-lkjuubkxuj] {
        width: 100%;
    }

    .ags-image-body[b-lkjuubkxuj] {
        grid-template-columns: 1fr;
    }

    .ags-image-preview-shell[b-lkjuubkxuj] {
        min-height: 260px;
    }

    .ags-pedido-topbar[b-lkjuubkxuj] {
        grid-template-columns: 1fr;
    }

    .ags-pedido-modal-actions[b-lkjuubkxuj] {
        flex-direction: column-reverse;
    }

    .ags-pedido-modal-actions > *[b-lkjuubkxuj] {
        width: 100%;
    }

    .ags-primary-actions[b-lkjuubkxuj],
    .ags-filter-actions-secondary[b-lkjuubkxuj],
    .ags-quick-presets[b-lkjuubkxuj] {
        justify-content: flex-start;
    }
}

@media (max-width: 599px) {
    .ags-filter-grid--primary[b-lkjuubkxuj],
    .ags-filter-grid--secondary[b-lkjuubkxuj],
    .ags-store-list[b-lkjuubkxuj],
    .ags-checks-row[b-lkjuubkxuj] {
        grid-template-columns: 1fr;
    }

    .ags-mobile-section[b-lkjuubkxuj] {
        padding: .58rem .62rem;
    }

    .ags-mobile-summary[b-lkjuubkxuj] {
        align-items: flex-start;
    }

    .ags-mobile-summary-copy small[b-lkjuubkxuj] {
        line-height: 1.35;
    }

    .ags-primary-actions[b-lkjuubkxuj] {
        flex-direction: column;
        align-items: stretch;
    }

    .ags-primary-actions > *[b-lkjuubkxuj] {
        width: 100%;
    }

    .ags-filter-actions-secondary[b-lkjuubkxuj] {
        display: grid;
        grid-template-columns: 1fr;
        justify-content: stretch;
    }

    .ags-filter-actions-secondary > *[b-lkjuubkxuj] {
        width: 100%;
    }

    .ags-quick-presets[b-lkjuubkxuj] {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 430px) {
    .ags-header h1[b-lkjuubkxuj] {
        font-size: 1.28rem;
    }

    .ags-group-zone[b-lkjuubkxuj] {
        padding: .58rem .7rem;
        font-size: .76rem;
    }

    .ags-checks-row[b-lkjuubkxuj] {
        grid-template-columns: 1fr;
    }

    .ags-operational-summary[b-lkjuubkxuj] {
        grid-template-columns: 1fr;
    }

    .ags-store-actions[b-lkjuubkxuj] {
        justify-content: flex-start;
    }

    .ags-store-preview[b-lkjuubkxuj] {
        flex-direction: column;
        align-items: flex-start;
    }

    .ags-store-trigger[b-lkjuubkxuj] {
        width: 100%;
    }

    .ags-presets-actions[b-lkjuubkxuj],
    .ags-preset-item-actions[b-lkjuubkxuj] {
        justify-content: flex-start;
    }

    .ags-history-view-chips[b-lkjuubkxuj],
    .ags-history-compare-bar[b-lkjuubkxuj],
    .ags-history-chip-row[b-lkjuubkxuj],
    .ags-history-tags[b-lkjuubkxuj] {
        justify-content: flex-start;
    }

    .ags-store-item[b-lkjuubkxuj] {
        grid-template-columns: auto 1fr;
    }

    .ags-store-item small[b-lkjuubkxuj] {
        grid-column: 2;
    }

    .ags-image-backdrop[b-lkjuubkxuj] {
        padding: .6rem;
    }

    .ags-image-header[b-lkjuubkxuj],
    .ags-image-body[b-lkjuubkxuj],
    .ags-pedido-modal-body[b-lkjuubkxuj] {
        padding: .8rem;
    }

    .ags-real-field[b-lkjuubkxuj] {
        min-width: 74px;
    }

    .ags-toolbar-chips[b-lkjuubkxuj],
    .ags-column-presets[b-lkjuubkxuj] {
        gap: .35rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresCampeones.razor.rz.scp.css */
.tara-cam-page[b-5ma2d4he0d] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

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

.tara-cam-header span[b-5ma2d4he0d],
.tara-cam-section-head span[b-5ma2d4he0d] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-cam-header h1[b-5ma2d4he0d] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-cam-header p[b-5ma2d4he0d],
.tara-cam-section-head p[b-5ma2d4he0d] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-cam-panel[b-5ma2d4he0d] {
    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-5ma2d4he0d] {
    border-radius: var(--tara-radius-sm);
}

.tara-cam-results[b-5ma2d4he0d] {
    padding: .85rem;
}

.tara-cam-status[b-5ma2d4he0d],
.tara-cam-filter-meta[b-5ma2d4he0d] {
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-cam-status[b-5ma2d4he0d] {
    padding: .85rem .85rem 0;
}

.tara-cam-filter-grid[b-5ma2d4he0d] {
    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-5ma2d4he0d] {
    min-width: 0;
}

.tara-cam-field[b-5ma2d4he0d] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

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

.tara-cam-field input[b-5ma2d4he0d] {
    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 input:hover[b-5ma2d4he0d],
.tara-cam-field input:focus[b-5ma2d4he0d] {
    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);
}

[b-5ma2d4he0d](.tara-cam-mud-select .mud-input-control) {
    margin-top: 0;
}

[b-5ma2d4he0d](.tara-cam-mud-select .mud-input-outlined) {
    min-height: 38px;
    background: var(--tara-surface);
    border-radius: var(--tara-radius-sm);
}

[b-5ma2d4he0d](.tara-cam-mud-select .mud-input-outlined-border) {
    border-color: var(--tara-border);
}

[b-5ma2d4he0d](.tara-cam-mud-select .mud-input.mud-input-focused .mud-input-outlined-border) {
    border-color: var(--tara-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-cam-search-btn[b-5ma2d4he0d] {
    min-height: 38px;
    align-self: end;
}

.tara-cam-filter-meta[b-5ma2d4he0d] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: .55rem .85rem .85rem;
}

.tara-cam-filter-summary[b-5ma2d4he0d] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    min-width: 0;
}

.tara-cam-filter-summary span[b-5ma2d4he0d] {
    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-5ma2d4he0d] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-cam-section-head h2[b-5ma2d4he0d] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.06rem;
    font-weight: 900;
}

.tara-cam-export-actions[b-5ma2d4he0d],
.tara-cam-result-tools[b-5ma2d4he0d] {
    display: flex;
    align-items: end;
    gap: .45rem;
    flex-wrap: wrap;
}

.tara-cam-result-tools[b-5ma2d4he0d] {
    margin-bottom: .7rem;
}

.tara-cam-result-tools .tara-cam-field:first-child[b-5ma2d4he0d] {
    flex: 1 1 320px;
}

.tara-cam-result-tools .tara-cam-field:last-child[b-5ma2d4he0d] {
    flex: 0 1 220px;
}

.tara-cam-list[b-5ma2d4he0d] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    overflow: hidden;
}

.tara-cam-list-head[b-5ma2d4he0d],
.tara-cam-row[b-5ma2d4he0d] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 170px;
    gap: .55rem;
    align-items: center;
}

.tara-cam-list-head[b-5ma2d4he0d] {
    padding: .55rem .7rem;
    color: var(--tara-th-text);
    background: var(--tara-th-bg);
    font-size: .75rem;
    font-weight: 900;
}

.tara-cam-row[b-5ma2d4he0d] {
    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-5ma2d4he0d] {
    background: var(--tara-row-even);
}

.tara-cam-row:hover[b-5ma2d4he0d] {
    background: var(--tara-row-hover);
}

.tara-cam-rank[b-5ma2d4he0d] {
    color: var(--tara-primary-dark);
    font-weight: 900;
    text-align: center;
}

.tara-cam-row-main[b-5ma2d4he0d],
.tara-cam-row-metric[b-5ma2d4he0d] {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.tara-cam-row-main strong[b-5ma2d4he0d],
.tara-cam-row-metric strong[b-5ma2d4he0d] {
    color: var(--tara-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-cam-row-main small[b-5ma2d4he0d],
.tara-cam-row-metric small[b-5ma2d4he0d] {
    color: var(--tara-text-muted);
    font-size: .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-cam-row-metric[b-5ma2d4he0d] {
    text-align: right;
}

.tara-cam-row-stats[b-5ma2d4he0d] {
    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-5ma2d4he0d] {
    display: flex;
    justify-content: space-between;
    gap: .65rem;
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-cam-row-stats strong[b-5ma2d4he0d] {
    color: var(--tara-text);
}

@media (max-width: 1020px) {
    .tara-cam-filter-grid[b-5ma2d4he0d] {
        grid-template-columns: 1fr 1fr;
    }

    .tara-cam-search-btn[b-5ma2d4he0d] {
        width: 100%;
    }
}

@media (max-width: 760px) {
    .tara-cam-header[b-5ma2d4he0d],
    .tara-cam-section-head[b-5ma2d4he0d] {
        flex-direction: column;
    }

    .tara-cam-filter-grid[b-5ma2d4he0d],
    .tara-cam-result-tools[b-5ma2d4he0d] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .tara-cam-list-head[b-5ma2d4he0d] {
        display: none;
    }

    .tara-cam-row[b-5ma2d4he0d] {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .tara-cam-row-metric[b-5ma2d4he0d] {
        grid-column: 2;
        text-align: left;
    }

    .tara-cam-row-stats[b-5ma2d4he0d] {
        grid-template-columns: 1fr;
        padding-left: .7rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresCampeonesPorTipo.razor.rz.scp.css */
.tara-cpt-page[b-n7tifgmjvf] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

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

.tara-cpt-header span[b-n7tifgmjvf],
.tara-cpt-section-head span[b-n7tifgmjvf],
.tara-cpt-dialog header span[b-n7tifgmjvf] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-cpt-header h1[b-n7tifgmjvf] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-cpt-header p[b-n7tifgmjvf],
.tara-cpt-section-head p[b-n7tifgmjvf] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-cpt-panel[b-n7tifgmjvf] {
    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-n7tifgmjvf] {
    padding: .8rem;
}

.tara-cpt-status[b-n7tifgmjvf],
.tara-cpt-filter-meta[b-n7tifgmjvf] {
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-cpt-filter-grid[b-n7tifgmjvf] {
    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-n7tifgmjvf] {
    min-width: 0;
}

.tara-cpt-field--catalogo[b-n7tifgmjvf] {
    min-width: 180px;
}

.tara-cpt-field[b-n7tifgmjvf] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

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

.tara-cpt-field select[b-n7tifgmjvf],
.tara-cpt-field input[b-n7tifgmjvf] {
    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-n7tifgmjvf],
.tara-cpt-field input:hover[b-n7tifgmjvf],
.tara-cpt-field select:focus[b-n7tifgmjvf],
.tara-cpt-field input:focus[b-n7tifgmjvf] {
    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);
}

[b-n7tifgmjvf](.tara-cpt-mud-select .mud-input-control) {
    margin-top: 0;
}

[b-n7tifgmjvf](.tara-cpt-mud-select .mud-input-outlined) {
    min-height: 38px;
    background: var(--tara-surface);
    border-radius: var(--tara-radius-sm);
}

[b-n7tifgmjvf](.tara-cpt-mud-select .mud-input-outlined-border) {
    border-color: var(--tara-border);
}

[b-n7tifgmjvf](.tara-cpt-mud-select .mud-input.mud-input-focused .mud-input-outlined-border) {
    border-color: var(--tara-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-cpt-store-btn[b-n7tifgmjvf] {
    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-n7tifgmjvf] {
    opacity: .55;
    cursor: not-allowed;
}

.tara-cpt-search-btn[b-n7tifgmjvf] {
    min-height: 38px;
    align-self: end;
}

.tara-cpt-filter-meta[b-n7tifgmjvf] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding-top: .55rem;
}

.tara-cpt-content[b-n7tifgmjvf] {
    display: grid;
    grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr);
    gap: .85rem;
    align-items: start;
}

.tara-cpt-chart[b-n7tifgmjvf],
.tara-cpt-results[b-n7tifgmjvf] {
    padding: .85rem;
}

.tara-cpt-section-head[b-n7tifgmjvf] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-cpt-section-head h2[b-n7tifgmjvf] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.06rem;
    font-weight: 900;
}

.tara-cpt-export-actions[b-n7tifgmjvf] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tara-cpt-bars[b-n7tifgmjvf] {
    display: grid;
    gap: .72rem;
}

.tara-cpt-bar-row[b-n7tifgmjvf] {
    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-n7tifgmjvf .32s ease-out both;
    animation-delay: var(--tara-cpt-bar-delay, 0ms);
    transition: var(--tara-transition);
}

.tara-cpt-bar-row:hover[b-n7tifgmjvf] {
    background: var(--tara-row-hover);
}

.tara-cpt-bar-label[b-n7tifgmjvf] {
    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-n7tifgmjvf] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tara-cpt-bar-rank[b-n7tifgmjvf] {
    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-n7tifgmjvf] {
    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-n7tifgmjvf] {
    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-n7tifgmjvf .46s ease-out both;
    animation-delay: var(--tara-cpt-bar-delay, 0ms);
}

.tara-cpt-bar-value[b-n7tifgmjvf] {
    color: var(--tara-text);
    font-weight: 900;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

@keyframes tara-cpt-bar-in-b-n7tifgmjvf {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes tara-cpt-bar-fill-b-n7tifgmjvf {
    from {
        transform: scaleX(.18);
    }

    to {
        transform: scaleX(1);
    }
}

.tara-cpt-result-tools[b-n7tifgmjvf] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(170px, .35fr);
    gap: .65rem;
    margin-bottom: .7rem;
}

.tara-cpt-list[b-n7tifgmjvf] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    overflow: hidden;
}

.tara-cpt-row-wrap[b-n7tifgmjvf] {
    display: contents;
}

.tara-cpt-list-head[b-n7tifgmjvf],
.tara-cpt-row[b-n7tifgmjvf] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) minmax(120px, 150px) auto;
    gap: .55rem;
    align-items: center;
}

.tara-cpt-list-head[b-n7tifgmjvf] {
    padding: .55rem .7rem;
    color: var(--tara-th-text);
    background: var(--tara-th-bg);
    font-size: .75rem;
    font-weight: 900;
}

.tara-cpt-row[b-n7tifgmjvf] {
    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--even[b-n7tifgmjvf] {
    background: var(--tara-row-even);
}

.tara-cpt-row:hover[b-n7tifgmjvf],
.tara-cpt-row:focus-visible[b-n7tifgmjvf],
.tara-cpt-row--expanded[b-n7tifgmjvf] {
    background: var(--tara-row-hover);
    outline: none;
}

.tara-cpt-rank[b-n7tifgmjvf] {
    color: var(--tara-primary-dark);
    font-weight: 900;
    text-align: center;
}

.tara-cpt-row-main[b-n7tifgmjvf],
.tara-cpt-row-metric[b-n7tifgmjvf] {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.tara-cpt-row-main strong[b-n7tifgmjvf] {
    overflow: hidden;
    color: var(--tara-text);
    font-size: .9rem;
    font-weight: 900;
    text-overflow: ellipsis;
}

.tara-cpt-row-main small[b-n7tifgmjvf],
.tara-cpt-row-metric small[b-n7tifgmjvf] {
    color: var(--tara-text-muted);
    font-size: .74rem;
}

.tara-cpt-row-metric[b-n7tifgmjvf] {
    justify-items: end;
}

.tara-cpt-row-metric strong[b-n7tifgmjvf] {
    font-weight: 900;
}

.tara-cpt-row-details[b-n7tifgmjvf] {
    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-n7tifgmjvf] {
    display: grid;
    grid-template-columns: minmax(110px, .4fr) minmax(0, 1fr);
    gap: .65rem;
    font-size: .78rem;
}

.tara-cpt-row-details span[b-n7tifgmjvf] {
    color: var(--tara-text-muted);
}

.tara-cpt-row-details strong[b-n7tifgmjvf] {
    color: var(--tara-text);
    text-align: right;
}

.tara-cpt-detail-btn[b-n7tifgmjvf] {
    justify-self: end;
    min-height: 34px;
}

.tara-cpt-detail-btn-wrap[b-n7tifgmjvf] {
    justify-self: end;
}

.tara-cpt-state[b-n7tifgmjvf] {
    min-height: 220px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .65rem;
    color: var(--tara-text-muted);
}

.tara-cpt-state--compact[b-n7tifgmjvf] {
    min-height: 190px;
}

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

.tara-cpt-dialog-backdrop[b-n7tifgmjvf] {
    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-n7tifgmjvf] {
    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-n7tifgmjvf] {
    width: min(980px, 100%);
}

.tara-cpt-dialog header[b-n7tifgmjvf],
.tara-cpt-dialog footer[b-n7tifgmjvf],
.tara-cpt-dialog-actions[b-n7tifgmjvf] {
    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-n7tifgmjvf] {
    justify-content: flex-end;
    border-top: 1px solid var(--tara-border);
    border-bottom: 0;
}

.tara-cpt-dialog h3[b-n7tifgmjvf] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 900;
}

.tara-cpt-store-list[b-n7tifgmjvf] {
    overflow: auto;
    padding: .45rem;
}

.tara-cpt-store-list label[b-n7tifgmjvf] {
    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-n7tifgmjvf] {
    background: var(--tara-row-hover);
}

@media (max-width: 1180px) {
    .tara-cpt-filter-grid[b-n7tifgmjvf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-cpt-content[b-n7tifgmjvf] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .tara-cpt-header[b-n7tifgmjvf],
    .tara-cpt-section-head[b-n7tifgmjvf],
    .tara-cpt-result-tools[b-n7tifgmjvf],
    .tara-cpt-filter-grid[b-n7tifgmjvf] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    .tara-cpt-list-head[b-n7tifgmjvf],
    .tara-cpt-row[b-n7tifgmjvf] {
        grid-template-columns: 34px minmax(0, 1fr) 112px auto;
    }

    .tara-cpt-bar-row[b-n7tifgmjvf] {
        grid-template-columns: 1fr;
        gap: .42rem;
    }

    .tara-cpt-row[b-n7tifgmjvf] {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: .45rem .7rem;
    }

    .tara-cpt-row-metric[b-n7tifgmjvf] {
        justify-items: start;
    }

    .tara-cpt-detail-btn[b-n7tifgmjvf] {
        grid-column: 1 / -1;
        justify-self: stretch;
    }

    .tara-cpt-detail-btn-wrap[b-n7tifgmjvf] {
        grid-column: 1 / -1;
    }

    .tara-cpt-row-details[b-n7tifgmjvf] {
        padding-left: .8rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresCampeonesPorTipoDetalleDialog.razor.rz.scp.css */
[b-22uq9hkeva] .tara-cpt-detail-dialog {
    width: min(1180px, 97vw);
}

[b-22uq9hkeva] .tara-cpt-detail-dialog .mud-dialog-title {
    padding: .95rem 1rem .75rem;
    border-bottom: 1px solid var(--tara-border);
    background: var(--tara-surface);
}

[b-22uq9hkeva] .tara-cpt-detail-dialog .mud-dialog-content {
    padding: 1rem;
    background: var(--tara-bg);
}

[b-22uq9hkeva] .tara-cpt-detail-dialog .mud-dialog-actions {
    padding: .85rem 1rem 1rem;
    border-top: 1px solid var(--tara-border);
    background: var(--tara-surface);
}

.tara-cpt-detail-title[b-22uq9hkeva] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.tara-cpt-detail-title span[b-22uq9hkeva] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-cpt-detail-title h2[b-22uq9hkeva] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.05rem;
    font-weight: 900;
}

.tara-cpt-detail-title p[b-22uq9hkeva] {
    margin: .15rem 0 0;
    color: var(--tara-text-muted);
}

.tara-cpt-detail-metric[b-22uq9hkeva] {
    min-width: 150px;
    display: grid;
    gap: .12rem;
    padding: .7rem .8rem;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    text-align: right;
}

.tara-cpt-detail-metric small[b-22uq9hkeva] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 800;
}

.tara-cpt-detail-metric strong[b-22uq9hkeva] {
    color: var(--tara-primary-dark);
    font-size: 1rem;
    font-weight: 900;
}

.tara-cpt-detail-tools[b-22uq9hkeva] {
    display: flex;
    justify-content: space-between;
    gap: .8rem;
    align-items: end;
    margin-bottom: .85rem;
}

.tara-cpt-detail-search[b-22uq9hkeva] {
    min-width: min(320px, 100%);
    display: grid;
    gap: .25rem;
}

.tara-cpt-detail-search span[b-22uq9hkeva],
.tara-cpt-detail-stats[b-22uq9hkeva] {
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-cpt-detail-search input[b-22uq9hkeva] {
    width: 100%;
    min-height: 38px;
    padding: 0 .8rem;
    color: var(--tara-text);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    outline: none;
}

.tara-cpt-detail-search input:focus[b-22uq9hkeva],
.tara-cpt-detail-search input:hover[b-22uq9hkeva] {
    border-color: var(--tara-primary-dark);
}

.tara-cpt-detail-table-shell[b-22uq9hkeva] {
    overflow: auto;
    max-height: min(70vh, 720px);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
}

.tara-cpt-detail-table[b-22uq9hkeva] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    color: var(--tara-text);
    font-size: .82rem;
}

.tara-cpt-detail-table th[b-22uq9hkeva],
.tara-cpt-detail-table td[b-22uq9hkeva] {
    padding: .52rem .6rem;
    border-bottom: 1px solid var(--tara-border);
    vertical-align: top;
}

.tara-cpt-detail-table th[b-22uq9hkeva] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    text-align: left;
}

.tara-cpt-detail-table tbody tr:nth-child(even) td[b-22uq9hkeva] {
    background: var(--tara-row-even);
}

.tara-cpt-detail-table tbody tr:hover td[b-22uq9hkeva] {
    background: var(--tara-row-hover);
}

.tara-cpt-detail-table tfoot td[b-22uq9hkeva] {
    position: sticky;
    bottom: 0;
    background: var(--tara-surface-raised);
    font-weight: 900;
}

.tara-cpt-detail-sort[b-22uq9hkeva] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .55rem;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    font: inherit;
    cursor: pointer;
    text-align: left;
}

.tara-cpt-detail-sort small[b-22uq9hkeva] {
    color: var(--tara-text-muted);
    font-size: .75rem;
}

.tara-cpt-detail-cell-number[b-22uq9hkeva] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.tara-cpt-detail-empty[b-22uq9hkeva] {
    min-height: 220px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .65rem;
    color: var(--tara-text-muted);
    background: var(--tara-surface);
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius);
}

@media (max-width: 760px) {
    .tara-cpt-detail-title[b-22uq9hkeva],
    .tara-cpt-detail-tools[b-22uq9hkeva] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-cpt-detail-metric[b-22uq9hkeva] {
        width: 100%;
        text-align: left;
    }

    .tara-cpt-detail-search[b-22uq9hkeva] {
        min-width: 0;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresContribucion.razor.rz.scp.css */
.tara-con-page[b-3k5x4u5j0n] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

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

.tara-con-header span[b-3k5x4u5j0n],
.tara-con-section-head span[b-3k5x4u5j0n] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-con-header h1[b-3k5x4u5j0n] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-con-header p[b-3k5x4u5j0n],
.tara-con-section-head p[b-3k5x4u5j0n] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-con-panel[b-3k5x4u5j0n] {
    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-3k5x4u5j0n] {
    border-radius: var(--tara-radius-sm);
}

.tara-con-results[b-3k5x4u5j0n] {
    padding: .85rem;
}

.tara-con-status[b-3k5x4u5j0n],
.tara-con-filter-meta[b-3k5x4u5j0n] {
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-con-status[b-3k5x4u5j0n] {
    padding: .85rem .85rem 0;
}

.tara-con-filter-grid[b-3k5x4u5j0n] {
    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-3k5x4u5j0n] {
    min-width: 0;
}

.tara-con-field[b-3k5x4u5j0n] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

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

.tara-con-field input[b-3k5x4u5j0n] {
    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 input:hover[b-3k5x4u5j0n],
.tara-con-field input:focus[b-3k5x4u5j0n] {
    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);
}

[b-3k5x4u5j0n](.tara-con-mud-select .mud-input-control) {
    margin-top: 0;
}

[b-3k5x4u5j0n](.tara-con-mud-select .mud-input-outlined) {
    min-height: 38px;
    background: var(--tara-surface);
    border-radius: var(--tara-radius-sm);
}

[b-3k5x4u5j0n](.tara-con-mud-select .mud-input-outlined-border) {
    border-color: var(--tara-border);
}

[b-3k5x4u5j0n](.tara-con-mud-select .mud-input.mud-input-focused .mud-input-outlined-border) {
    border-color: var(--tara-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-con-store-btn[b-3k5x4u5j0n],
.tara-con-check[b-3k5x4u5j0n] {
    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-3k5x4u5j0n] {
    cursor: pointer;
}

.tara-con-store-btn:disabled[b-3k5x4u5j0n] {
    opacity: .55;
    cursor: not-allowed;
}

.tara-con-check input[b-3k5x4u5j0n] {
    width: 16px;
    height: 16px;
    accent-color: var(--tara-primary);
}

.tara-con-search-btn[b-3k5x4u5j0n] {
    min-height: 38px;
    align-self: end;
}

.tara-con-filter-meta[b-3k5x4u5j0n] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: .55rem .85rem .85rem;
}

.tara-con-filter-summary[b-3k5x4u5j0n] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    min-width: 0;
}

.tara-con-filter-summary span[b-3k5x4u5j0n] {
    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-3k5x4u5j0n] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-con-section-head h2[b-3k5x4u5j0n] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 900;
}

.tara-con-export-actions[b-3k5x4u5j0n],
.tara-con-result-tools[b-3k5x4u5j0n] {
    display: flex;
    align-items: end;
    gap: .5rem;
    flex-wrap: wrap;
}

.tara-con-result-tools[b-3k5x4u5j0n] {
    margin-bottom: .65rem;
}

.tara-con-search-field[b-3k5x4u5j0n] {
    flex: 1 1 320px;
}

.tara-con-table-scroll[b-3k5x4u5j0n],
.tara-con-dialog-table-scroll[b-3k5x4u5j0n] {
    width: 100%;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
}

.tara-con-table[b-3k5x4u5j0n],
.tara-con-dialog-table[b-3k5x4u5j0n] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    background: var(--tara-surface);
    color: var(--tara-text);
    font-size: .86rem;
}

.tara-con-table th[b-3k5x4u5j0n],
.tara-con-table td[b-3k5x4u5j0n],
.tara-con-dialog-table th[b-3k5x4u5j0n],
.tara-con-dialog-table td[b-3k5x4u5j0n] {
    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-3k5x4u5j0n],
.tara-con-dialog-table th[b-3k5x4u5j0n] {
    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-3k5x4u5j0n],
.tara-con-dialog-table tbody tr:nth-child(odd)[b-3k5x4u5j0n] {
    background: var(--tara-row-odd);
}

.tara-con-table tbody tr:nth-child(even)[b-3k5x4u5j0n],
.tara-con-dialog-table tbody tr:nth-child(even)[b-3k5x4u5j0n] {
    background: var(--tara-row-even);
}

.tara-con-table tbody tr:hover[b-3k5x4u5j0n],
.tara-con-dialog-table tbody tr:hover[b-3k5x4u5j0n] {
    background: var(--tara-row-hover);
}

.tara-con-table .num[b-3k5x4u5j0n] {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.tara-con-table .strong[b-3k5x4u5j0n] {
    font-weight: 850;
}

.tara-con-table .rank[b-3k5x4u5j0n] {
    width: 48px;
    color: var(--tara-primary-dark);
    font-weight: 900;
    text-align: center;
}

.tara-con-table .product[b-3k5x4u5j0n] {
    min-width: 260px;
}

.tara-con-table .barcode[b-3k5x4u5j0n] {
    white-space: nowrap;
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-con-table .actions[b-3k5x4u5j0n] {
    min-width: 150px;
    white-space: nowrap;
}

.tara-con-table .actions button[b-3k5x4u5j0n] {
    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-3k5x4u5j0n] {
    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-3k5x4u5j0n] {
    opacity: .4;
    cursor: not-allowed;
}

.tara-con-store-list[b-3k5x4u5j0n] {
    display: grid;
    gap: .35rem;
    overflow: auto;
    padding: .9rem;
}

.tara-con-store-list label[b-3k5x4u5j0n] {
    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-3k5x4u5j0n] {
    accent-color: var(--tara-primary);
}

.tara-con-dialog-table-scroll[b-3k5x4u5j0n] {
    margin: .9rem;
}

.tara-con-dialog-table[b-3k5x4u5j0n] {
    min-width: 720px;
}

.tara-con-image-preview[b-3k5x4u5j0n] {
    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-3k5x4u5j0n] {
        grid-template-columns: repeat(4, minmax(150px, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-con-header[b-3k5x4u5j0n],
    .tara-con-section-head[b-3k5x4u5j0n] {
        flex-direction: column;
    }

    .tara-con-filter-grid[b-3k5x4u5j0n] {
        grid-template-columns: 1fr;
    }

    .tara-con-store-btn[b-3k5x4u5j0n],
    .tara-con-check[b-3k5x4u5j0n],
    .tara-con-search-btn[b-3k5x4u5j0n] {
        width: 100%;
    }

    .tara-con-table[b-3k5x4u5j0n],
    .tara-con-dialog-table[b-3k5x4u5j0n] {
        min-width: 920px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresCorteCajaAuditoria.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════
   IndicadoresCorteCajaAuditoria.razor.css
   Auditoría de corte de caja — Indicadores
   ════════════════════════════════════════════════════════════════════════== */

/* ── Pills de resumen en filtro colapsado (CSS isolation: sí aplica a SummaryContent) ── */

.tara-filter-pill[b-cv2rirexax] {
    display: inline-flex;
    align-items: center;
    padding: .18rem .55rem;
    background: var(--mud-palette-background-grey, #f5f5f5);
    border: 1px solid var(--tara-divider, #e0e0e0);
    border-radius: 100px;
    font-size: .72rem;
    font-weight: 500;
    color: var(--tara-text-primary, #212121);
    white-space: nowrap;
}

/* ── Eyebrow del header ──────────────────────────────────────────────────── */

.tara-eyebrow[b-cv2rirexax] {
    display: block;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--tara-text-secondary, #757575);
    margin-bottom: 0.1rem;
}

/* ── Página ─────────────────────────────────────────────────────────────── */

.audi-page[b-cv2rirexax] {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 0;
}

.audi-state[b-cv2rirexax] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: var(--tara-text-secondary);
}

/* ── Cabecera ────────────────────────────────────────────────────────────── */

.audi-header[b-cv2rirexax] {
    padding: 1rem 1.5rem 0.75rem;
    border-bottom: 1px solid var(--tara-divider);
}

.audi-header h1[b-cv2rirexax] {
    font-size: 1.35rem;
    font-weight: 700;
    margin: 0.15rem 0 0.25rem;
    color: var(--tara-text-primary);
}

.audi-header p[b-cv2rirexax] {
    font-size: 0.8rem;
    color: var(--tara-text-secondary);
    margin: 0;
}

/* ── Filtros ─────────────────────────────────────────────────────────────── */

.audi-filters[b-cv2rirexax] {
    margin: 0.75rem 1.5rem;
}

.audi-filters-grid[b-cv2rirexax] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: flex-end;
    padding: 0.75rem 0 0.5rem;
}

.audi-tienda-select[b-cv2rirexax] {
    min-width: 180px;
}

.audi-generar-btn[b-cv2rirexax] {
    flex-shrink: 0;
}

/* ── KPIs ────────────────────────────────────────────────────────────────── */

.audi-kpis[b-cv2rirexax] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0 1.5rem 0.75rem;
}

.audi-kpi[b-cv2rirexax] {
    display: flex;
    flex-direction: column;
    background: var(--tara-surface-secondary, var(--mud-palette-background-grey));
    border-radius: 8px;
    padding: 0.5rem 1rem;
    min-width: 120px;
    flex: 1;
    border: 1px solid var(--tara-divider);
}

.audi-kpi--accent[b-cv2rirexax] {
    background: var(--mud-palette-success-lighten);
    border-color: var(--mud-palette-success);
}

.audi-kpi--red[b-cv2rirexax] {
    background: var(--mud-palette-error-lighten, #fce4e4);
    border-color: var(--mud-palette-error);
}

.audi-kpi-label[b-cv2rirexax] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--tara-text-secondary);
    margin-bottom: 0.2rem;
}

.audi-kpi-value[b-cv2rirexax] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--tara-text-primary);
}

.audi-kpi--neg .audi-kpi-value[b-cv2rirexax] {
    color: var(--mud-palette-error);
}

/* ── Cuerpo: sidebar + contenido ─────────────────────────────────────────── */

.audi-body[b-cv2rirexax] {
    display: flex;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ── Nav lateral ─────────────────────────────────────────────────────────── */

.audi-nav[b-cv2rirexax] {
    display: flex;
    flex-direction: column;
    width: 175px;
    flex-shrink: 0;
    border-right: 1px solid var(--tara-divider);
    overflow-y: auto;
    padding: 0.5rem 0;
    gap: 0.125rem;
}

.audi-nav-btn[b-cv2rirexax] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1rem;
    border: none;
    background: transparent;
    text-align: left;
    cursor: pointer;
    border-radius: 0 8px 8px 0;
    margin-right: 0.5rem;
    transition: background 0.15s;
    color: var(--tara-text-secondary);
    font-size: 0.82rem;
    font-weight: 500;
    position: relative;
}

.audi-nav-btn:hover[b-cv2rirexax] {
    background: var(--tara-hover-bg, rgba(0,0,0,.05));
    color: var(--tara-text-primary);
}

.audi-nav-btn--active[b-cv2rirexax] {
    background: var(--tara-primary, #cc0000);
    color: #fff;
    font-weight: 700;
}

.audi-nav-btn--active .audi-nav-badge[b-cv2rirexax] {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.45);
}

.audi-nav-icon[b-cv2rirexax] {
    flex-shrink: 0;
    opacity: 0.8;
}

.audi-nav-label[b-cv2rirexax] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.audi-nav-badge[b-cv2rirexax] {
    background: var(--mud-palette-error);
    color: #fff;
    border-radius: 10px;
    padding: 0.1rem 0.45rem;
    font-size: 0.68rem;
    font-weight: 700;
    flex-shrink: 0;
}

.audi-nav-group-label[b-cv2rirexax] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--tara-text-secondary, #9e9e9e);
    padding: 0.6rem 1rem 0.2rem;
    white-space: nowrap;
    pointer-events: none;
}

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

.audi-content[b-cv2rirexax] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem 1.5rem;
    min-width: 0;
}

.audi-tabla-section[b-cv2rirexax] {
    margin-bottom: 1.5rem;
}

.audi-subtitulo[b-cv2rirexax] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--tara-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin: 0 0 0.5rem;
}

/* ── Tabla ───────────────────────────────────────────────────────────────── */

.audi-table-scroll[b-cv2rirexax] {
    overflow-x: auto;
    overflow-y: auto;
    max-height: clamp(420px, calc(100vh - 430px), 680px);
    -webkit-overflow-scrolling: touch;
}

.audi-table-scroll[b-cv2rirexax]::-webkit-scrollbar { height: 6px; width: 6px; }
.audi-table-scroll[b-cv2rirexax]::-webkit-scrollbar-track { background: var(--tara-surface-secondary, #f5f5f5); }
.audi-table-scroll[b-cv2rirexax]::-webkit-scrollbar-thumb { background: var(--tara-border, #e0e0e0); border-radius: 3px; }
.audi-table-scroll[b-cv2rirexax]::-webkit-scrollbar-thumb:hover { background: var(--tara-primary, #cc0000); }

.audi-table[b-cv2rirexax] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.audi-table th[b-cv2rirexax] {
    background: var(--tara-surface-secondary, var(--mud-palette-background-grey));
    text-align: left;
    padding: 0.45rem 0.75rem;
    font-weight: 700;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--tara-text-secondary);
    border-bottom: 2px solid color-mix(in srgb, var(--tara-primary) 35%, var(--tara-divider));
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 2;
}

.audi-table td[b-cv2rirexax] {
    padding: 0.4rem 0.75rem;
    border-bottom: 1px solid var(--tara-divider);
    color: var(--tara-text-primary);
    white-space: nowrap;
}

/* ── Zebra rows ───────────────────────────────────────────────────────────── */

.audi-table tbody tr:nth-child(odd) td[b-cv2rirexax] {
    background: var(--tara-row-odd, #FFFFFF);
}

.audi-table tbody tr:nth-child(even) td[b-cv2rirexax] {
    background: var(--tara-row-even, #FDF8F5);
}

[data-theme="dark"] .audi-table tbody tr:nth-child(odd) td[b-cv2rirexax] {
    background: var(--tara-row-odd, #1A1A27);
}

[data-theme="dark"] .audi-table tbody tr:nth-child(even) td[b-cv2rirexax] {
    background: var(--tara-row-even, #1E2330);
}

.audi-table tbody tr:hover td[b-cv2rirexax] {
    background: var(--tara-row-hover, rgba(204, 0, 0, 0.06)) !important;
}

/* ── Retiros: resumen encabezado ──────────────────────────────────────────── */

.audi-retiros-summary[b-cv2rirexax] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 0.75rem;
    background: var(--tara-surface-secondary, var(--mud-palette-background-grey));
    border-radius: 6px;
    margin-bottom: 0.75rem;
    font-size: 0.85rem;
    color: var(--tara-text-secondary);
}

.audi-retiros-summary strong[b-cv2rirexax] {
    color: var(--tara-text-primary);
    font-size: 1rem;
}

/* ── KPI total — primer KPI, acento especial (rojo Tarahumara, nunca azul) ── */

.audi-kpi--total[b-cv2rirexax] {
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface, #FFFFFF));
    border-color: color-mix(in srgb, var(--tara-primary) 45%, transparent);
}

/* ── KPI nota de limitación de fecha ─────────────────────────────────────── */

.audi-kpi-note[b-cv2rirexax] {
    padding: 0 1.5rem 0.5rem;
    font-size: 0.72rem;
    color: var(--tara-text-secondary, #9e9e9e);
    margin: 0;
    font-style: italic;
}

/* ── KPI valor negativo (Gastos, Retiros) ────────────────────────────────── */

.audi-kpi-value--neg[b-cv2rirexax] {
    color: var(--mud-palette-error, #d32f2f);
}

/* ── Vista activa: encabezado de panel ───────────────────────────────────── */

.audi-view-header[b-cv2rirexax] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--tara-divider, #e0e0e0);
}

.audi-view-header-icon[b-cv2rirexax] {
    color: var(--mud-palette-error, #d32f2f);
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.audi-view-title[b-cv2rirexax] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--tara-text-primary, #212121);
    margin: 0 0 0.1rem;
}

.audi-view-desc[b-cv2rirexax] {
    font-size: 0.76rem;
    color: var(--tara-text-secondary, #757575);
    margin: 0;
}

/* ── Scroll hint (solo visible en mobile) ────────────────────────────────── */

.audi-scroll-hint[b-cv2rirexax] {
    display: none;
}

/* ── Expand button (solo visible en mobile) ──────────────────────────────── */

.audi-mobile-expand-btn[b-cv2rirexax] {
    display: none;
}

/* ── Mobile ──────────────────────────────────────────────────────────────── */

@media (max-width: 700px) {
    .audi-body[b-cv2rirexax] {
        flex-direction: column;
        overflow: visible;
    }

    .audi-nav[b-cv2rirexax] {
        width: 100%;
        flex-direction: row;
        border-right: none;
        border-bottom: 1px solid var(--tara-divider);
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0.25rem 0.5rem;
        gap: 0.25rem;
        flex-wrap: nowrap;
    }

    .audi-nav-btn[b-cv2rirexax] {
        border-radius: 20px;
        margin: 0;
        padding: 0.35rem 0.75rem;
        min-height: 44px;
        white-space: nowrap;
        flex-shrink: 0;
    }

    .audi-nav-btn--active[b-cv2rirexax] {
        border-radius: 20px;
    }

    .audi-nav-group-label[b-cv2rirexax] {
        display: none;
    }

    .audi-content[b-cv2rirexax] {
        padding: 0.75rem 1rem;
    }

    .audi-kpis[b-cv2rirexax] {
        padding: 0 1rem 0.75rem;
    }

    .audi-filters[b-cv2rirexax] {
        margin: 0.5rem 1rem;
    }

    .audi-header[b-cv2rirexax] {
        padding: 0.75rem 1rem 0.5rem;
    }

    .audi-kpi[b-cv2rirexax] {
        min-width: 100px;
    }

    .audi-scroll-hint[b-cv2rirexax] {
        display: block;
        text-align: center;
        font-size: 0.72rem;
        color: var(--tara-text-secondary, #9e9e9e);
        padding: 0.2rem 0 0;
        letter-spacing: 0.04em;
    }

    .audi-mobile-expand-btn[b-cv2rirexax] {
        display: flex;
        justify-content: center;
        margin-top: 0.6rem;
    }

    .audi-mobile-expand-btn button[b-cv2rirexax] {
        background: transparent;
        border: 1px solid var(--mud-palette-error, #d32f2f);
        color: var(--mud-palette-error, #d32f2f);
        border-radius: 20px;
        padding: 0.45rem 1.1rem;
        font-size: 0.78rem;
        font-weight: 600;
        cursor: pointer;
        min-height: 44px;
    }

    .audi-table-compact th:nth-child(n+5)[b-cv2rirexax],
    .audi-table-compact td:nth-child(n+5)[b-cv2rirexax] {
        display: none;
    }

    .audi-view-header[b-cv2rirexax] {
        margin-bottom: 0.75rem;
    }

    .audi-kpi-note[b-cv2rirexax] {
        padding: 0 1rem 0.5rem;
    }

    .audi-view-toolbar[b-cv2rirexax] {
        flex-direction: column;
        align-items: stretch;
    }

    .audi-search-wrap[b-cv2rirexax] {
        width: 100%;
    }

    .audi-toolbar-right[b-cv2rirexax] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

/* ── Cabecera: fila con botón regresar ───────────────────────────────────── */

.audi-header-row[b-cv2rirexax] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tara-back-btn.mud-button-root[b-cv2rirexax] {
    flex-shrink: 0;
}

/* ── Toolbar de búsqueda por vista ──────────────────────────────────────── */

.audi-view-toolbar[b-cv2rirexax] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.6rem;
    flex-wrap: wrap;
}

.audi-search-wrap[b-cv2rirexax] {
    flex: 1;
    min-width: 180px;
}

.audi-toolbar-right[b-cv2rirexax] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-shrink: 0;
}

.audi-count-chip[b-cv2rirexax] {
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.6rem;
    background: var(--tara-surface-secondary, var(--mud-palette-background-grey));
    border: 1px solid var(--tara-divider);
    border-radius: 100px;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--tara-text-secondary);
    white-space: nowrap;
}

.audi-clear-search[b-cv2rirexax] {
    appearance: none;
    border: none;
    background: transparent;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--mud-palette-error, #d32f2f);
    cursor: pointer;
    padding: 0.18rem 0.4rem;
    border-radius: 4px;
    transition: background 0.12s;
}

.audi-clear-search:hover[b-cv2rirexax] {
    background: var(--mud-palette-error-lighten, #fce4e4);
}

/* ── Botón Reintentar ────────────────────────────────────────────────────── */

.audi-retry-wrap[b-cv2rirexax] {
    display: flex;
    justify-content: center;
    padding: 0.6rem 0 0.2rem;
}

/* ── ErrorBoundary ───────────────────────────────────────────────────────── */

.audi-error-boundary[b-cv2rirexax] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 2.5rem 1.5rem;
    text-align: center;
    color: var(--tara-text-secondary);
    font-size: 0.88rem;
}

/* ── Selector de columnas ────────────────────────────────────────────────── */

.audi-col-selector[b-cv2rirexax] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    padding: 0.5rem 0.75rem;
    background: var(--tara-surface-secondary, #fafafa);
    border: 1px solid var(--tara-divider);
    border-radius: 8px;
    margin-bottom: 0.5rem;
}

.audi-col-check[b-cv2rirexax] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.74rem;
    font-weight: 600;
    color: var(--tara-text-secondary);
    cursor: pointer;
    padding: 0.18rem 0.5rem;
    border-radius: 4px;
    border: 1px solid var(--tara-divider);
    background: var(--tara-surface);
    transition: background 0.12s, border-color 0.12s;
    user-select: none;
    white-space: nowrap;
}

.audi-col-check:hover[b-cv2rirexax] {
    border-color: color-mix(in srgb, var(--tara-primary) 50%, transparent);
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
}

.audi-col-check input[type="checkbox"][b-cv2rirexax] {
    width: 13px;
    height: 13px;
    accent-color: var(--tara-primary);
    cursor: pointer;
    margin: 0;
}

/* ══════════════════════════════════════════════════════════════════════════
   FOOTER PAGINADOR — copiado del patrón ProductosReporte (clases compartidas)
   ══════════════════════════════════════════════════════════════════════════ */

.tara-grid-footer[b-cv2rirexax] {
    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;
    border-radius: 0 0 12px 12px;
    font-size:     .78rem;
    color:         var(--tara-text-muted);
    flex-wrap:     wrap;
    user-select:   none;
    margin-bottom: .55rem;
}

.tara-grid-footer-range[b-cv2rirexax] {
    flex:        0 0 auto;
    white-space: nowrap;
    font-weight: 600;
}

.tara-grid-page-size[b-cv2rirexax] {
    display:     flex;
    align-items: center;
    gap:         .22rem;
}

.tara-grid-page-size-label[b-cv2rirexax] {
    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-cv2rirexax] {
    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-cv2rirexax] {
    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-cv2rirexax] {
    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-cv2rirexax] {
    display:     flex;
    align-items: center;
    gap:         .28rem;
    margin-left: auto;
}

.tara-grid-footer-page[b-cv2rirexax] {
    font-size:    .74rem;
    font-weight:  600;
    color:        var(--tara-text-muted);
    white-space:  nowrap;
    margin-right: .15rem;
}

.tara-grid-nav-btn[b-cv2rirexax] {
    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-cv2rirexax] {
    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-cv2rirexax] {
    opacity: .35;
    cursor:  not-allowed;
}

[data-theme="dark"] .tara-grid-footer[b-cv2rirexax] {
    background: color-mix(in srgb, var(--tara-surface-raised) 40%, var(--tara-surface));
}

@media (max-width: 640px) {
    .tara-grid-footer[b-cv2rirexax] {
        gap:     .55rem;
        padding: .5rem .65rem;
        row-gap: .4rem;
    }

    .tara-grid-footer-range[b-cv2rirexax] {
        order: 1;
        width: 100%;
        flex:  0 0 100%;
    }

    .tara-grid-page-size[b-cv2rirexax] {
        order: 2;
        flex:  0 0 auto;
    }

    .tara-grid-page-nav[b-cv2rirexax] {
        order:       3;
        margin-left: auto;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresEspecialesConcentradoProveedor.razor.rz.scp.css */
.tara-cp-page[b-lnl51ghijz] {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
    min-height: calc(100vh - 4rem);
    background: var(--tara-bg);
    color: var(--tara-text);
}

.tara-cp-header[b-lnl51ghijz] {
    margin-bottom: .25rem;
}

.tara-cp-header span[b-lnl51ghijz] {
    display: block;
    color: var(--tara-primary-dark);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-cp-header h1[b-lnl51ghijz] {
    margin: .15rem 0 0;
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-cp-header p[b-lnl51ghijz] {
    margin: .35rem 0 0;
    color: var(--tara-text-muted);
}

.tara-cp-filters-grid[b-lnl51ghijz] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: .9rem 1rem;
    align-items: start;
}

[b-lnl51ghijz] .tara-cp-filter-validation {
    margin-bottom: 1rem;
}

.tara-cp-filters[b-lnl51ghijz] {
    position: relative;
    isolation: isolate;
}

[b-lnl51ghijz] .tara-cp-filters.tara-fa-card {
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--tara-border) 78%, transparent);
    border-radius: var(--tara-radius-lg);
    box-shadow: 0 14px 34px color-mix(in srgb, var(--tara-text) 7%, transparent);
}

[b-lnl51ghijz] .tara-cp-filters.tara-fa-card::after {
    content: "";
    position: absolute;
    top: .65rem;
    right: .8rem;
    width: 8rem;
    height: 8rem;
    z-index: -1;
    opacity: .08;
    background:
        linear-gradient(135deg, transparent 0 42%, var(--tara-primary) 42% 46%, transparent 46%),
        linear-gradient(45deg, transparent 0 52%, var(--tara-primary) 52% 55%, transparent 55%);
    transform: rotate(-8deg);
    pointer-events: none;
}

[b-lnl51ghijz] .tara-cp-filters.tara-fa-card--open {
    border-color: color-mix(in srgb, var(--tara-primary) 13%, var(--tara-border));
}

[b-lnl51ghijz] .tara-cp-filters .tara-fa-header {
    min-height: 4.55rem;
    padding: 1.05rem 1.25rem;
    background: color-mix(in srgb, var(--tara-surface) 86%, var(--tara-surface-raised));
}

[b-lnl51ghijz] .tara-cp-filters.tara-fa-card--open .tara-fa-header {
    background: color-mix(in srgb, var(--tara-surface-raised) 64%, var(--tara-surface));
    border-bottom-color: color-mix(in srgb, var(--tara-border) 72%, transparent);
}

[b-lnl51ghijz] .tara-cp-filters .tara-fa-header:hover {
    background: color-mix(in srgb, var(--tara-surface-raised) 76%, var(--tara-surface));
}

[b-lnl51ghijz] .tara-cp-filters .tara-fa-header-left {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .12rem .7rem;
    align-items: center;
}

[b-lnl51ghijz] .tara-cp-filters .tara-fa-icon {
    grid-row: 1 / span 2;
    width: 2.15rem;
    height: 2.15rem;
    padding: .5rem;
    color: var(--tara-primary-dark);
    background: var(--tara-primary-subtle);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-radius: 999px;
    opacity: 1;
}

[b-lnl51ghijz] .tara-cp-filters .tara-fa-title {
    color: var(--tara-text);
    font-size: .95rem;
    font-weight: 900;
    letter-spacing: -.01em;
    text-transform: none;
}

[b-lnl51ghijz] .tara-cp-filters .tara-fa-title::after {
    content: "Seleccione proveedor, periodo y filtros comerciales.";
    display: block;
    margin-top: .2rem;
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25;
}

[b-lnl51ghijz] .tara-cp-filters.tara-fa-card:not(.tara-fa-card--open) .tara-fa-title::after {
    display: none;
}

[b-lnl51ghijz] .tara-cp-filters .tara-fa-body-inner {
    padding: 1.15rem 1.25rem 1.25rem;
}

[b-lnl51ghijz] .tara-cp-filters.tara-fa-card:not(.tara-fa-card--open) .tara-fa-body-inner {
    padding-block: 0;
}

.tara-cp-filter-group[b-lnl51ghijz] {
    display: grid;
    gap: .62rem;
    align-content: end;
    min-width: 0;
}

.tara-cp-filter-group-provider[b-lnl51ghijz] {
    grid-column: 1 / 4;
    grid-row: 1;
}

.tara-cp-filter-group-period[b-lnl51ghijz] {
    grid-column: 4 / 7;
    grid-row: 1;
}

.tara-cp-filter-group-store[b-lnl51ghijz] {
    grid-column: 7 / 9;
    grid-row: 1;
}

.tara-cp-filter-group-classification[b-lnl51ghijz] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tara-cp-filter-group-search[b-lnl51ghijz] {
    grid-column: 9 / 11;
    grid-row: 1;
}

.tara-cp-filter-group-options[b-lnl51ghijz] {
    align-content: start;
}

.tara-cp-more-filters[b-lnl51ghijz] {
    grid-column: 1 / 13;
    grid-row: 2;
    display: grid;
    gap: .65rem;
}

.tara-cp-more-filters-toggle[b-lnl51ghijz],
.tara-cp-period-summary button[b-lnl51ghijz] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    min-height: 44px;
    color: var(--tara-primary-dark);
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.tara-cp-more-filters-toggle[b-lnl51ghijz] {
    width: 100%;
    padding: .55rem .75rem;
}

.tara-cp-more-filters-body[b-lnl51ghijz] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(15rem, 1fr);
    gap: 1rem;
    padding: .8rem;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
}

.tara-cp-more-filters-body[hidden][b-lnl51ghijz],
.tara-cp-period-editor[hidden][b-lnl51ghijz] {
    display: none;
}

.tara-cp-period-summary[b-lnl51ghijz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    min-height: 44px;
    padding-left: .75rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
}

.tara-cp-period-summary strong[b-lnl51ghijz] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-cp-period-summary button[b-lnl51ghijz] {
    align-self: stretch;
    padding: .45rem .7rem;
    border-width: 0 0 0 1px;
    border-radius: 0 var(--tara-radius-sm) var(--tara-radius-sm) 0;
}

.tara-cp-period-editor[b-lnl51ghijz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    padding: .75rem;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
}

.tara-cp-filter-label[b-lnl51ghijz] {
    grid-column: 1 / -1;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--tara-text-muted);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .075em;
    line-height: 1;
    text-transform: uppercase;
}

.tara-cp-filter-label[b-lnl51ghijz]::before {
    content: "";
    width: .42rem;
    height: .42rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 58%, var(--tara-border));
}

.tara-cp-switches[b-lnl51ghijz],
.tara-cp-actions[b-lnl51ghijz] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    align-items: center;
}

.tara-cp-actions[b-lnl51ghijz] {
    grid-column: 11 / 13;
    grid-row: 1;
    justify-content: flex-end;
}

.tara-cp-filter-label-spacer[b-lnl51ghijz] {
    flex-basis: 100%;
    visibility: hidden;
}

[b-lnl51ghijz] .tara-cp-filters .tara-filter-select {
    width: 100%;
    min-width: 0;
}

.tara-cp-summary-chips[b-lnl51ghijz] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    align-items: center;
}

.tara-cp-summary-chip[b-lnl51ghijz] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    max-width: min(36ch, 100%);
    padding: .26rem .58rem;
    color: var(--tara-text);
    background: color-mix(in srgb, var(--tara-surface) 86%, var(--tara-surface-raised));
    border: 1px solid color-mix(in srgb, var(--tara-border) 82%, transparent);
    border-radius: 999px;
    box-shadow: 0 1px 0 color-mix(in srgb, var(--tara-text) 3%, transparent);
}

.tara-cp-summary-chip small[b-lnl51ghijz] {
    color: var(--tara-text-muted);
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.tara-cp-summary-chip strong[b-lnl51ghijz] {
    min-width: 0;
    overflow: hidden;
    color: var(--tara-text);
    font-size: .76rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-cp-summary-chip-count[b-lnl51ghijz] {
    color: var(--tara-primary-dark);
    background: var(--tara-primary-subtle);
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
}

.tara-cp-summary-chip-count strong[b-lnl51ghijz] {
    color: inherit;
}

[b-lnl51ghijz] .tara-cp-filters .tara-filter-select .mud-input-root {
    background: var(--tara-surface);
    transition: background-color .15s ease, box-shadow .15s ease;
}

[b-lnl51ghijz] .tara-cp-filters .tara-filter-select .mud-input-outlined-border {
    border-color: color-mix(in srgb, var(--tara-border) 88%, transparent);
}

[b-lnl51ghijz] .tara-cp-filters .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-lnl51ghijz] .tara-cp-filters .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-lnl51ghijz] .tara-cp-filters .tara-filter-select .mud-input-outlined.mud-input-focused {
    box-shadow: 0 0 0 3px var(--tara-primary-subtle);
}

[b-lnl51ghijz] .tara-cp-filters .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 600;
}

[b-lnl51ghijz] .tara-cp-filters .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

[b-lnl51ghijz] .tara-cp-filters .mud-input-adornment,
[b-lnl51ghijz] .tara-cp-filters .mud-input-adornment .mud-icon-root {
    color: var(--tara-text-muted);
}

.tara-cp-switches[b-lnl51ghijz] {
    min-height: 2.35rem;
    padding-top: .1rem;
}

[b-lnl51ghijz] .tara-cp-switches .mud-checkbox {
    margin: 0;
}

[b-lnl51ghijz] .tara-cp-switches .mud-typography {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 650;
}

.tara-cp-quick-ranges[b-lnl51ghijz] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .2rem .42rem;
    min-width: 0;
    padding-top: .08rem;
}

.tara-cp-quick-ranges-label[b-lnl51ghijz] {
    margin-right: .2rem;
    color: var(--tara-text-muted);
    font-size: .7rem;
    font-weight: 750;
    letter-spacing: .02em;
    white-space: nowrap;
}

.tara-cp-quick-range-action[b-lnl51ghijz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: .35rem .48rem;
    border: 0;
    border-radius: var(--tara-radius-sm);
    background: transparent;
    color: var(--tara-text-muted);
    font: inherit;
    font-size: .75rem;
    font-weight: 650;
    line-height: 1.2;
    text-decoration: none;
    text-underline-offset: 3px;
    cursor: pointer;
    transition: color .16s ease, background-color .16s ease, text-decoration-color .16s ease;
}

.tara-cp-quick-range-action:hover[b-lnl51ghijz] {
    color: var(--tara-primary-dark);
    background: color-mix(in srgb, var(--tara-primary-subtle) 72%, transparent);
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, var(--tara-primary-dark) 54%, transparent);
}

.tara-cp-quick-range-action:focus-visible[b-lnl51ghijz] {
    color: var(--tara-primary-dark);
    outline: 2px solid color-mix(in srgb, var(--tara-primary) 30%, transparent);
    outline-offset: 2px;
}

.tara-cp-quick-range-action--active[b-lnl51ghijz],
.tara-cp-quick-range-action--active:hover[b-lnl51ghijz] {
    color: var(--tara-primary-dark);
    font-weight: 800;
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, var(--tara-primary-dark) 42%, transparent);
}

.tara-cp-quick-range-separator[b-lnl51ghijz] {
    color: color-mix(in srgb, var(--tara-text-muted) 64%, transparent);
    font-size: .76rem;
    user-select: none;
}

[b-lnl51ghijz] .tara-cp-actions .mud-button-root {
    min-height: 44px;
    padding-inline: 1.2rem;
    border-radius: 999px;
    font-weight: 900;
    letter-spacing: .01em;
    box-shadow: 0 10px 20px color-mix(in srgb, var(--tara-primary) 16%, transparent);
    transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

[b-lnl51ghijz] .tara-cp-reset-btn.mud-button-root {
    min-width: 44px;
    box-shadow: none;
}

[b-lnl51ghijz] .tara-cp-actions .mud-button-root:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 14px 26px color-mix(in srgb, var(--tara-primary) 20%, transparent);
}

[b-lnl51ghijz] .tara-cp-actions .mud-button-root:disabled {
    box-shadow: none;
    filter: saturate(.65);
}

.tara-cp-grid-card[b-lnl51ghijz],
.tara-cp-empty[b-lnl51ghijz] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
}

.tara-cp-grid-card[b-lnl51ghijz] {
    overflow: hidden;
    box-shadow: var(--tara-shadow-sm);
}

.tara-cp-updating[b-lnl51ghijz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    min-height: 44px;
    padding: .5rem 1rem;
    color: var(--tara-primary-dark);
    background: var(--tara-primary-subtle);
    border-bottom: 1px solid var(--tara-border);
    font-weight: 800;
}

.tara-cp-grid-head[b-lnl51ghijz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.25rem;
    padding: 1.18rem 1.35rem 1.05rem;
    border-bottom: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface-raised) 64%, var(--tara-surface));
}

.tara-cp-grid-head h2[b-lnl51ghijz] {
    margin: 0;
    font-size: 1.18rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-cp-grid-head p[b-lnl51ghijz] {
    margin: .28rem 0 0;
    color: var(--tara-text-muted);
    font-size: .82rem;
    line-height: 1.45;
}

.tara-cp-grid-head span[b-lnl51ghijz] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    white-space: nowrap;
}

.tara-cp-grid-status[b-lnl51ghijz] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .45rem;
    align-items: center;
    margin-top: .45rem;
}

.tara-cp-grid-status strong[b-lnl51ghijz] {
    color: var(--tara-text);
}

.tara-cp-grid-actions[b-lnl51ghijz] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

[b-lnl51ghijz] .tara-cp-collapse-all.mud-button-root,
[b-lnl51ghijz] .tara-cp-export-btn.mud-button-root {
    min-width: 44px;
    min-height: 44px;
}

[b-lnl51ghijz] .tara-cp-export-btn .mud-button-label {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}

.tara-cp-table-wrap[b-lnl51ghijz] {
    max-height: clamp(500px, calc(100vh - 300px), 820px);
    overflow: auto;
}

.tara-cp-table[b-lnl51ghijz] {
    width: 100%;
    min-width: 1220px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: .84rem;
}

.tara-cp-table th[b-lnl51ghijz] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    text-align: right;
    padding: .68rem .72rem;
    font-size: .69rem;
    text-transform: uppercase;
    letter-spacing: .055em;
    border-bottom: 1px solid var(--tara-border);
    white-space: nowrap;
}

.tara-cp-table thead tr:first-child th[b-lnl51ghijz] {
    top: 0;
    z-index: 4;
    padding-top: .88rem;
    padding-bottom: .82rem;
    background: color-mix(in srgb, var(--tara-th-bg) 74%, var(--tara-surface-raised));
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .075em;
}

.tara-cp-table thead tr:nth-child(2) th[b-lnl51ghijz] {
    top: 47px;
    z-index: 3;
    padding-top: .64rem;
    padding-bottom: .68rem;
    font-size: .68rem;
    font-weight: 750;
    text-transform: none;
    letter-spacing: 0;
}

.tara-cp-table th:first-child[b-lnl51ghijz] {
    text-align: left;
}

.tara-cp-table .tara-cp-dimension-col[b-lnl51ghijz],
.tara-cp-table td:first-child[b-lnl51ghijz] {
    position: sticky;
    left: 0;
    z-index: 5;
    box-shadow: 1px 0 0 var(--tara-border);
}

.tara-cp-table .tara-cp-colgroup[b-lnl51ghijz] {
    text-align: center;
    border-left: 1px solid color-mix(in srgb, var(--tara-border) 82%, var(--tara-text-muted));
}

.tara-cp-table thead tr:nth-child(2) th:nth-child(1)[b-lnl51ghijz],
.tara-cp-table thead tr:nth-child(2) th:nth-child(4)[b-lnl51ghijz],
.tara-cp-table thead tr:nth-child(2) th:nth-child(9)[b-lnl51ghijz],
.tara-cp-table tbody td:nth-child(2)[b-lnl51ghijz],
.tara-cp-table tbody td:nth-child(5)[b-lnl51ghijz],
.tara-cp-table tbody td:nth-child(10)[b-lnl51ghijz] {
    border-left: 1px solid color-mix(in srgb, var(--tara-border) 82%, var(--tara-text-muted));
}

.tara-cp-table thead tr:nth-child(2) th:nth-child(4)[b-lnl51ghijz],
.tara-cp-table thead tr:nth-child(2) th:nth-child(9)[b-lnl51ghijz],
.tara-cp-table tbody td:nth-child(5)[b-lnl51ghijz],
.tara-cp-table tbody td:nth-child(10)[b-lnl51ghijz] {
    padding-left: 1.22rem;
}

.tara-cp-table thead tr:nth-child(2) th:nth-child(3)[b-lnl51ghijz],
.tara-cp-table thead tr:nth-child(2) th:nth-child(8)[b-lnl51ghijz],
.tara-cp-table tbody td:nth-child(4)[b-lnl51ghijz],
.tara-cp-table tbody td:nth-child(9)[b-lnl51ghijz] {
    padding-right: 1.22rem;
}

.tara-cp-table td[b-lnl51ghijz] {
    padding: .58rem .72rem;
    text-align: right;
    border-bottom: 1px solid var(--tara-border-subtle);
    background: var(--tara-row-odd);
    white-space: nowrap;
}

.tara-cp-table tr:nth-child(even) td[b-lnl51ghijz] {
    background: var(--tara-row-even);
}

.tara-cp-table tr:hover td[b-lnl51ghijz] {
    background: var(--tara-row-hover);
}

.tara-cp-table td:first-child[b-lnl51ghijz] {
    text-align: left;
    min-width: 280px;
    background: inherit;
}

.tara-cp-table button[b-lnl51ghijz] {
    border: 0;
    background: transparent;
    color: inherit;
    font-weight: 800;
    cursor: pointer;
    padding: .15rem .25rem;
    border-radius: var(--tara-radius-sm);
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 3px;
    transition: color .16s ease, background-color .16s ease, text-decoration-color .16s ease;
}

.tara-cp-table .tara-cp-metric-action[b-lnl51ghijz],
.tara-cp-mobile-metrics .tara-cp-metric-action[b-lnl51ghijz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
}

.tara-cp-table button:hover[b-lnl51ghijz],
.tara-cp-table button:focus-visible[b-lnl51ghijz],
.tara-cp-mobile-metrics button:hover[b-lnl51ghijz],
.tara-cp-mobile-metrics button:focus-visible[b-lnl51ghijz] {
    background: var(--tara-primary-subtle);
    text-decoration-color: currentColor;
    outline: 2px solid color-mix(in srgb, var(--tara-primary) 24%, transparent);
    outline-offset: 2px;
}

.tara-cp-num[b-lnl51ghijz] {
    color: var(--tara-text);
    font-weight: 850;
    font-variant-numeric: tabular-nums;
}

.tara-cp-num-compras[b-lnl51ghijz] {
    color: var(--tara-text);
}

.tara-cp-num-ventas[b-lnl51ghijz] {
    color: color-mix(in srgb, var(--tara-text) 88%, var(--tara-text-muted));
}

.tara-cp-num-existencia[b-lnl51ghijz] {
    color: var(--tara-text);
}

.tara-cp-num-positive[b-lnl51ghijz] {
    color: var(--mud-palette-success);
}

.tara-cp-num-negative[b-lnl51ghijz] {
    color: var(--tara-primary-dark);
}

.tara-cp-node[b-lnl51ghijz] {
    display: flex;
    align-items: center;
    gap: .35rem .5rem;
    flex-wrap: nowrap;
    min-width: 0;
    position: relative;
}

.tara-cp-node-toggle[b-lnl51ghijz] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
    width: 100%;
    min-width: 44px;
    min-height: 44px;
    margin: -.35rem 0;
    padding: .35rem 0;
    border: 0;
    border-radius: var(--tara-radius-sm);
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.tara-cp-table .tara-cp-node-toggle[b-lnl51ghijz] {
    padding: .35rem 0;
    font-weight: inherit;
    text-decoration: none;
}

.tara-cp-node-toggle:hover[b-lnl51ghijz],
.tara-cp-node-toggle:focus-visible[b-lnl51ghijz] {
    color: var(--tara-primary-dark);
    background: var(--tara-primary-subtle);
    outline: 2px solid color-mix(in srgb, var(--tara-primary) 24%, transparent);
    outline-offset: 2px;
}

.tara-cp-node-toggle .tara-cp-node-title[b-lnl51ghijz] {
    flex: 1;
}

.tara-cp-node-feedback[b-lnl51ghijz] {
    min-width: 0;
    margin-left: 2.75rem;
    color: var(--tara-text-muted);
    font-size: .78rem;
    line-height: 1.4;
}

.tara-cp-node-feedback:empty[b-lnl51ghijz] {
    display: none;
}

.tara-cp-node-error[b-lnl51ghijz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .45rem .55rem;
    color: var(--tara-primary-dark);
    background: var(--tara-primary-subtle);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
}

.tara-cp-retry-btn[b-lnl51ghijz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: .35rem .65rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    color: var(--tara-primary-dark);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.tara-cp-retry-btn:hover[b-lnl51ghijz],
.tara-cp-retry-btn:focus-visible[b-lnl51ghijz] {
    background: var(--tara-surface-raised);
    outline: 2px solid color-mix(in srgb, var(--tara-primary) 24%, transparent);
    outline-offset: 2px;
}

.tara-cp-node-title[b-lnl51ghijz] {
    font-weight: 750;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-cp-node-meta[b-lnl51ghijz] {
    flex-basis: 100%;
    margin-left: 2.6rem;
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 650;
    letter-spacing: .01em;
}

.tara-cp-node-spacer[b-lnl51ghijz] {
    width: 34px;
    display: inline-block;
}

.tara-cp-node-loading[b-lnl51ghijz] {
    width: .9rem;
    height: .9rem;
    margin-left: .15rem;
    border: 2px solid color-mix(in srgb, var(--tara-border) 82%, transparent);
    border-top-color: var(--tara-primary-dark);
    border-radius: 999px;
    animation: tara-cp-spin-b-lnl51ghijz .72s linear infinite;
}

@keyframes tara-cp-spin-b-lnl51ghijz {
    to {
        transform: rotate(360deg);
    }
}

.tara-cp-row-child .tara-cp-node[b-lnl51ghijz] {
    padding-left: 1.35rem;
}

.tara-cp-row-sublinea .tara-cp-node[b-lnl51ghijz] {
    padding-left: 2.15rem;
}

.tara-cp-row-classification .tara-cp-node[b-lnl51ghijz] {
    padding-left: 2.95rem;
}

.tara-cp-row-product .tara-cp-node[b-lnl51ghijz] {
    padding-left: 3.75rem;
}

.tara-cp-row-product td[b-lnl51ghijz] {
    padding-top: .52rem;
    padding-bottom: .52rem;
    color: var(--tara-text);
}

.tara-cp-row-product .tara-cp-node-title[b-lnl51ghijz] {
    font-weight: 650;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tara-cp-product-link[b-lnl51ghijz] {
    max-width: 100%;
    margin: 0 -.25rem;
    padding: .15rem .25rem;
    overflow: hidden;
    color: inherit;
    font: inherit;
    text-align: left;
    text-overflow: ellipsis;
    text-decoration: none !important;
    white-space: normal;
    cursor: pointer;
}

.tara-cp-product-link:hover[b-lnl51ghijz],
.tara-cp-product-link:focus-visible[b-lnl51ghijz] {
    color: var(--tara-primary-dark);
    background: var(--tara-primary-subtle);
    outline: 2px solid color-mix(in srgb, var(--tara-primary) 24%, transparent);
    outline-offset: 2px;
}

.tara-cp-row-product .tara-cp-node-meta[b-lnl51ghijz] {
    margin-left: 0;
}

.tara-cp-row-parent td[b-lnl51ghijz] {
    padding-top: .82rem;
    padding-bottom: .8rem;
    background: color-mix(in srgb, var(--tara-surface-raised) 58%, var(--tara-row-odd)) !important;
    font-weight: 900;
}

.tara-cp-row-parent .tara-cp-node span[b-lnl51ghijz] {
    letter-spacing: -.015em;
}

.tara-cp-table tr:nth-child(even).tara-cp-row-parent td[b-lnl51ghijz] {
    background: color-mix(in srgb, var(--tara-surface-raised) 58%, var(--tara-row-even)) !important;
}

.tara-cp-row-child td[b-lnl51ghijz] {
    padding-top: .7rem;
    padding-bottom: .68rem;
    color: var(--tara-text);
}

.tara-cp-row-child .tara-cp-node-title[b-lnl51ghijz] {
    font-weight: 800;
}

.tara-cp-row-sublinea td[b-lnl51ghijz] {
    padding-top: .64rem;
    padding-bottom: .62rem;
    background: color-mix(in srgb, var(--tara-surface-raised) 28%, var(--tara-row-odd)) !important;
}

.tara-cp-row-sublinea .tara-cp-node-title[b-lnl51ghijz] {
    font-weight: 750;
}

.tara-cp-row-classification td[b-lnl51ghijz] {
    padding-top: .58rem;
    padding-bottom: .56rem;
    background: color-mix(in srgb, var(--tara-primary-subtle) 32%, var(--tara-row-odd)) !important;
}

.tara-cp-row-classification .tara-cp-node-title[b-lnl51ghijz] {
    font-weight: 720;
}

.tara-cp-table tr:nth-child(even).tara-cp-row-classification td[b-lnl51ghijz] {
    background: color-mix(in srgb, var(--tara-primary-subtle) 32%, var(--tara-row-even)) !important;
}

.tara-cp-table tr:nth-child(even).tara-cp-row-sublinea td[b-lnl51ghijz] {
    background: color-mix(in srgb, var(--tara-surface-raised) 28%, var(--tara-row-even)) !important;
}

.tara-cp-row-child .tara-cp-node[b-lnl51ghijz]::before,
.tara-cp-row-sublinea .tara-cp-node[b-lnl51ghijz]::before,
.tara-cp-row-classification .tara-cp-node[b-lnl51ghijz]::before,
.tara-cp-row-product .tara-cp-node[b-lnl51ghijz]::before {
    content: "";
    position: absolute;
    top: -.7rem;
    bottom: -.7rem;
    width: 1px;
    background: color-mix(in srgb, var(--tara-border) 76%, transparent);
    pointer-events: none;
}

.tara-cp-row-child .tara-cp-node[b-lnl51ghijz]::before {
    left: 1.13rem;
}

.tara-cp-row-sublinea .tara-cp-node[b-lnl51ghijz]::before {
    left: 2.38rem;
}

.tara-cp-row-classification .tara-cp-node[b-lnl51ghijz]::before {
    left: 3.64rem;
}

.tara-cp-row-product .tara-cp-node[b-lnl51ghijz]::before {
    left: 4.79rem;
}

.tara-cp-total-row td[b-lnl51ghijz] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    padding-top: .98rem;
    padding-bottom: .98rem;
    background: color-mix(in srgb, var(--tara-surface-raised) 84%, var(--tara-surface)) !important;
    border-top: 2px solid color-mix(in srgb, var(--tara-primary-dark) 24%, var(--tara-border));
    border-bottom: 0;
    box-shadow: 0 -5px 12px color-mix(in srgb, var(--tara-text) 5%, transparent);
    font-weight: 900;
}

.tara-cp-total-row td:first-child[b-lnl51ghijz] {
    z-index: 6;
}

.tara-cp-mobile-report[b-lnl51ghijz] {
    display: none;
}

.tara-cp-mobile-group-toggle[b-lnl51ghijz] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .6rem;
    align-items: center;
}

.tara-cp-mobile-group-copy[b-lnl51ghijz],
.tara-cp-mobile-group-summary[b-lnl51ghijz] {
    display: grid;
    gap: .1rem;
    min-width: 0;
}

.tara-cp-mobile-group-copy[b-lnl51ghijz] {
    text-align: left;
}

.tara-cp-mobile-group-copy small[b-lnl51ghijz],
.tara-cp-mobile-group-summary small[b-lnl51ghijz] {
    color: var(--tara-text-muted);
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.tara-cp-mobile-group-summary[b-lnl51ghijz] {
    text-align: right;
}

.tara-cp-mobile-group-summary strong[b-lnl51ghijz] {
    color: var(--tara-text);
    font-size: .8rem;
    white-space: nowrap;
}

.tara-cp-breadcrumb[b-lnl51ghijz] {
    overflow: hidden;
    margin-bottom: .45rem;
    color: var(--tara-text-muted);
    font-size: .68rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-cp-mobile-product-head[b-lnl51ghijz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.tara-cp-mobile-product-head > div[b-lnl51ghijz] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.tara-cp-mobile-product-head strong[b-lnl51ghijz] {
    overflow-wrap: anywhere;
}

.tara-cp-mobile-product-head span[b-lnl51ghijz] {
    color: var(--tara-text-muted);
    font-size: .75rem;
}

.tara-cp-mobile-product-head .tara-cp-product-link[b-lnl51ghijz] {
    flex: 0 0 auto;
    min-width: 44px;
    min-height: 44px;
    padding: .35rem .55rem;
}

.tara-cp-more-metrics-toggle[b-lnl51ghijz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    width: 100%;
    min-height: 44px;
    padding: .5rem .8rem;
    color: var(--tara-primary-dark);
    background: var(--tara-surface-raised);
    border: 0;
    border-top: 1px solid var(--tara-border);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.tara-cp-more-metrics[b-lnl51ghijz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    padding: .75rem .8rem;
    background: var(--tara-surface-raised);
    border-top: 1px solid var(--tara-border);
}

.tara-cp-more-metrics[hidden][b-lnl51ghijz] {
    display: none;
}

.tara-cp-more-metrics div[b-lnl51ghijz] {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.tara-cp-more-metrics small[b-lnl51ghijz] {
    color: var(--tara-text-muted);
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-cp-more-metrics strong[b-lnl51ghijz] {
    color: var(--tara-text);
    overflow-wrap: anywhere;
}

.tara-cp-load-more[b-lnl51ghijz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .55rem;
    padding: 1rem;
    border-top: 1px solid var(--tara-border);
}

.tara-cp-load-more span[b-lnl51ghijz] {
    color: var(--tara-primary-dark);
    font-size: .82rem;
    font-weight: 700;
}

[b-lnl51ghijz] .tara-cp-load-more .mud-button-root {
    min-width: 44px;
    min-height: 44px;
}

.tara-cp-empty[b-lnl51ghijz] {
    padding: 2rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-cp-empty-results[b-lnl51ghijz] {
    display: grid;
    justify-items: center;
    gap: .65rem;
}

.tara-cp-empty-results h3[b-lnl51ghijz],
.tara-cp-empty-results p[b-lnl51ghijz] {
    margin: 0;
}

.tara-cp-empty-results h3[b-lnl51ghijz] {
    color: var(--tara-text);
}

.tara-cp-empty-results p[b-lnl51ghijz] {
    max-width: 70ch;
}

.tara-cp-empty-actions[b-lnl51ghijz] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .65rem;
    margin-top: .35rem;
}

[b-lnl51ghijz] .tara-cp-empty-actions .mud-button-root {
    min-width: 44px;
    min-height: 44px;
}

.tara-cp-empty-first[b-lnl51ghijz] {
    min-height: 170px;
    display: grid;
    place-items: center;
}

.tara-cp-state[b-lnl51ghijz] {
    padding: 2rem;
    color: var(--tara-text-muted);
}

.tara-cp-dialog-backdrop[b-lnl51ghijz] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    background: color-mix(in srgb, var(--tara-text) 42%, transparent);
}

.tara-cp-dialog[b-lnl51ghijz] {
    position: fixed;
    z-index: 1201;
    inset: 5vh 4vw;
    display: flex;
    flex-direction: column;
    gap: .8rem;
    padding: 1rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-lg);
    box-shadow: var(--tara-shadow-lg);
    overflow: hidden;
}

.tara-cp-dialog-head[b-lnl51ghijz] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.tara-cp-dialog-head h3[b-lnl51ghijz] {
    margin: 0;
    font-weight: 900;
}

.tara-cp-dialog-head p[b-lnl51ghijz] {
    margin: .25rem 0 0;
    color: var(--tara-text-muted);
}

.tara-cp-dialog-error[b-lnl51ghijz] {
    display: grid;
    justify-items: center;
    align-content: center;
    gap: .85rem;
    min-height: 180px;
    padding: 1.25rem;
    color: var(--tara-text);
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    text-align: center;
}

.tara-cp-dialog-error p[b-lnl51ghijz] {
    max-width: 52ch;
    margin: 0;
    color: var(--tara-text-muted);
}

[b-lnl51ghijz] .tara-cp-dialog-retry.mud-button-root {
    min-width: 44px;
    min-height: 44px;
}

@media (max-width: 1280px) {
    .tara-cp-filters-grid[b-lnl51ghijz] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .tara-cp-filter-group-provider[b-lnl51ghijz] {
        grid-column: 1 / 2;
        grid-row: 1;
    }

    .tara-cp-filter-group-period[b-lnl51ghijz] {
        grid-column: 2 / 3;
        grid-row: 1;
    }

    .tara-cp-filter-group-store[b-lnl51ghijz] {
        grid-column: 3 / 4;
        grid-row: 1;
    }

    .tara-cp-filter-group-search[b-lnl51ghijz] {
        grid-column: 4 / 5;
        grid-row: 1;
    }

    .tara-cp-more-filters[b-lnl51ghijz] {
        grid-column: 1 / 5;
        grid-row: 2;
    }

    .tara-cp-actions[b-lnl51ghijz] {
        grid-column: 3 / 5;
        grid-row: 3;
    }

    .tara-cp-more-filters-body .tara-cp-filter-group-classification[b-lnl51ghijz],
    .tara-cp-more-filters-body .tara-cp-filter-group-options[b-lnl51ghijz] {
        grid-column: auto;
        grid-row: auto;
    }
}

@media (max-width: 1023px) {
    .tara-cp-filters-grid[b-lnl51ghijz] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .tara-cp-filter-group[b-lnl51ghijz],
    .tara-cp-filter-group-provider[b-lnl51ghijz],
    .tara-cp-filter-group-period[b-lnl51ghijz],
    .tara-cp-filter-group-store[b-lnl51ghijz],
    .tara-cp-filter-group-classification[b-lnl51ghijz],
    .tara-cp-filter-group-search[b-lnl51ghijz],
    .tara-cp-filter-group-options[b-lnl51ghijz],
    .tara-cp-more-filters[b-lnl51ghijz],
    .tara-cp-actions[b-lnl51ghijz] {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .tara-cp-filter-group-period[b-lnl51ghijz],
    .tara-cp-filter-group-classification[b-lnl51ghijz] {
        grid-template-columns: 1fr;
    }

    .tara-cp-more-filters-body[b-lnl51ghijz],
    .tara-cp-period-editor[b-lnl51ghijz] {
        grid-template-columns: 1fr;
    }

    [b-lnl51ghijz] .tara-cp-filters .tara-fa-header {
        min-height: 4.25rem;
        padding: .95rem 1rem;
    }

    [b-lnl51ghijz] .tara-cp-filters .tara-fa-body-inner {
        padding: 1rem;
    }

    .tara-cp-filter-label[b-lnl51ghijz] {
        margin-top: .15rem;
    }

    .tara-cp-filter-label-spacer[b-lnl51ghijz] {
        display: none;
    }

    [b-lnl51ghijz] .tara-cp-filters .tara-filter-select .mud-input-root,
    [b-lnl51ghijz] .tara-cp-actions .mud-button-root {
        min-height: 44px;
    }

    .tara-cp-quick-ranges[b-lnl51ghijz] {
        gap: .18rem .34rem;
        padding-top: .12rem;
    }

    .tara-cp-grid-head[b-lnl51ghijz] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-cp-grid-actions[b-lnl51ghijz] {
        justify-content: space-between;
    }

    .tara-cp-table-wrap[b-lnl51ghijz] {
        display: none;
    }

    .tara-cp-mobile-report[b-lnl51ghijz] {
        display: grid;
        gap: .7rem;
        padding: .8rem;
    }

    .tara-cp-mobile-row[b-lnl51ghijz] {
        background: var(--tara-surface);
        border: 1px solid var(--tara-border);
        border-radius: var(--tara-radius);
        box-shadow: var(--tara-shadow-sm);
        overflow: hidden;
    }

    .tara-cp-mobile-row.tara-cp-row-parent[b-lnl51ghijz] {
        background: color-mix(in srgb, var(--tara-surface-raised) 65%, var(--tara-surface));
    }

    .tara-cp-mobile-row.tara-cp-row-child[b-lnl51ghijz] {
        margin-left: .8rem;
    }

    .tara-cp-mobile-row.tara-cp-row-sublinea[b-lnl51ghijz] {
        margin-left: 1.05rem;
    }

    .tara-cp-mobile-row.tara-cp-row-classification[b-lnl51ghijz] {
        margin-left: 1.15rem;
    }

    .tara-cp-mobile-row.tara-cp-row-product[b-lnl51ghijz] {
        margin-left: 1.25rem;
        border-style: solid;
        background: var(--tara-surface);
    }

    .tara-cp-mobile-row.tara-cp-row-product .tara-cp-node[b-lnl51ghijz] {
        padding-left: 0;
    }

    .tara-cp-mobile-row .tara-cp-node[b-lnl51ghijz]::before {
        display: none;
    }

    .tara-cp-mobile-row .tara-cp-node-meta[b-lnl51ghijz] {
        margin-left: 0;
        font-size: .72rem;
    }

    .tara-cp-mobile-node[b-lnl51ghijz] {
        padding: .68rem .8rem .5rem;
        border-bottom: 1px solid var(--tara-border-subtle);
    }

    .tara-cp-mobile-metrics[b-lnl51ghijz] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .55rem;
        padding: .62rem .8rem .72rem;
    }

    .tara-cp-mobile-metrics div[b-lnl51ghijz] {
        display: grid;
        gap: .15rem;
        min-width: 0;
    }

    .tara-cp-mobile-metrics small[b-lnl51ghijz] {
        color: var(--tara-text-muted);
        font-size: .68rem;
        font-weight: 800;
        letter-spacing: .045em;
        text-transform: uppercase;
    }

    .tara-cp-mobile-metrics button[b-lnl51ghijz],
    .tara-cp-mobile-metrics strong[b-lnl51ghijz] {
        width: fit-content;
        max-width: 100%;
        border: 0;
        background: transparent;
        color: inherit;
        font: inherit;
        font-weight: 900;
        line-height: 1.2;
        text-align: left;
        cursor: pointer;
        padding: .12rem .2rem;
        border-radius: var(--tara-radius-sm);
        overflow-wrap: anywhere;
        text-decoration: underline;
        text-decoration-color: transparent;
        text-underline-offset: 3px;
    }

    .tara-cp-mobile-metrics strong[b-lnl51ghijz] {
        color: var(--tara-text);
        cursor: default;
        text-decoration: none;
    }

    .tara-cp-node-error[b-lnl51ghijz] {
        align-items: stretch;
        flex-direction: column;
    }

    .tara-cp-retry-btn[b-lnl51ghijz] {
        width: 100%;
    }

    .tara-cp-total-row[b-lnl51ghijz] {
        border-top: 2px solid color-mix(in srgb, var(--tara-primary-dark) 24%, var(--tara-border));
        background: color-mix(in srgb, var(--tara-surface-raised) 84%, var(--tara-surface));
    }

    .tara-cp-actions[b-lnl51ghijz] {
        justify-content: stretch;
    }

    .tara-cp-actions[b-lnl51ghijz]  .mud-button-root {
        width: 100%;
    }

    .tara-cp-dialog[b-lnl51ghijz] {
        inset: 1rem;
    }
}

@media (min-width: 681px) and (max-width: 1023px) {
    .tara-cp-filters-grid[b-lnl51ghijz] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .tara-cp-filter-group-provider[b-lnl51ghijz] {
        grid-column: 1 / 2;
        grid-row: 1;
    }

    .tara-cp-filter-group-period[b-lnl51ghijz] {
        grid-column: 2 / 3;
        grid-row: 1;
    }

    .tara-cp-filter-group-store[b-lnl51ghijz] {
        grid-column: 3 / 4;
        grid-row: 1;
    }

    .tara-cp-filter-group-search[b-lnl51ghijz] {
        grid-column: 4 / 5;
        grid-row: 1;
    }

    .tara-cp-more-filters[b-lnl51ghijz] {
        grid-column: 1 / 5;
        grid-row: 2;
    }

    .tara-cp-more-filters-body[b-lnl51ghijz] {
        grid-template-columns: minmax(0, 2fr) minmax(15rem, 1fr);
    }

    .tara-cp-more-filters-body .tara-cp-filter-group-classification[b-lnl51ghijz] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .tara-cp-period-editor[b-lnl51ghijz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-cp-actions[b-lnl51ghijz] {
        grid-column: 3 / 5;
        grid-row: 3;
        justify-content: flex-end;
    }

    .tara-cp-actions[b-lnl51ghijz]  .mud-button-root {
        width: auto;
    }

    .tara-cp-mobile-metrics[b-lnl51ghijz] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .tara-cp-more-metrics[b-lnl51ghijz] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresEspecialesDesgloseVentas.razor.rz.scp.css */
.tara-des-page[b-3zlhx3qb1b] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

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

.tara-des-header span[b-3zlhx3qb1b] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-des-header h1[b-3zlhx3qb1b] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-des-header p[b-3zlhx3qb1b] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-des-panel[b-3zlhx3qb1b] {
    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-3zlhx3qb1b] {
    border-radius: var(--tara-radius-sm);
}

.tara-des-results[b-3zlhx3qb1b] {
    padding: .85rem;
}

.tara-des-filter-grid[b-3zlhx3qb1b] {
    display: grid;
    grid-template-columns: minmax(320px, .6fr) minmax(260px, .4fr) auto;
    gap: .6rem;
    align-items: end;
    padding: .85rem;
}

.tara-des-date-range[b-3zlhx3qb1b],
.tara-des-store-select[b-3zlhx3qb1b] {
    min-width: 0;
}

.tara-des-actions[b-3zlhx3qb1b] {
    align-self: end;
}

.tara-des-filter-meta[b-3zlhx3qb1b] {
    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-3zlhx3qb1b] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .68rem;
    font-weight: 900;
}

.tara-des-filter-summary-text[b-3zlhx3qb1b] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 750;
}

[b-3zlhx3qb1b] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-3zlhx3qb1b] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-3zlhx3qb1b] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-3zlhx3qb1b] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

.tara-des-toolbar[b-3zlhx3qb1b] {
    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-3zlhx3qb1b] {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: .45rem;
}

.tara-des-field[b-3zlhx3qb1b] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

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

.tara-des-field input[b-3zlhx3qb1b] {
    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-3zlhx3qb1b],
.tara-des-field input:focus[b-3zlhx3qb1b] {
    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-3zlhx3qb1b] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    text-align: right;
    padding-bottom: .5rem;
}

.tara-des-toolbar--no-search .tara-des-status[b-3zlhx3qb1b] {
    text-align: left;
    padding-bottom: 0;
}

.tara-des-table-scroll[b-3zlhx3qb1b] {
    max-width: 100%;
    max-height: clamp(400px, calc(100vh - 355px), 720px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-des-table[b-3zlhx3qb1b] {
    min-width: 1640px;
    width: max-content;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tara-text);
    font-size: .84rem;
}

.tara-des-table th[b-3zlhx3qb1b],
.tara-des-table td[b-3zlhx3qb1b] {
    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-3zlhx3qb1b] {
    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-sort-button[b-3zlhx3qb1b] {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: inherit;
    gap: .25rem;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    font: inherit;
    font-weight: 900;
    cursor: pointer;
    text-align: inherit;
}

.tara-des-sort-button span[b-3zlhx3qb1b] {
    min-width: .75rem;
    color: var(--tara-primary-dark);
    font-size: .78rem;
}

.tara-des-sort-button:hover[b-3zlhx3qb1b],
.tara-des-sort-active[b-3zlhx3qb1b] {
    color: var(--tara-primary-dark);
}

.tara-des-table tbody tr:nth-child(odd) td[b-3zlhx3qb1b] {
    background: var(--tara-row-odd);
}

.tara-des-table tbody tr:nth-child(even) td[b-3zlhx3qb1b] {
    background: var(--tara-row-even);
}

.tara-des-table tbody tr:hover td[b-3zlhx3qb1b] {
    background: var(--tara-row-hover);
}

.tara-des-col-date[b-3zlhx3qb1b] {
    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-3zlhx3qb1b] {
    z-index: 4;
}

.tara-des-col-date strong[b-3zlhx3qb1b] {
    font-weight: 900;
}

.tara-des-col-total[b-3zlhx3qb1b] {
    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-3zlhx3qb1b] {
    z-index: 4;
}

.tara-des-table tbody td.tara-des-col-total[b-3zlhx3qb1b],
.tara-des-table tbody tr:hover td.tara-des-col-total[b-3zlhx3qb1b] {
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface)) !important;
}

.tara-des-table tfoot td[b-3zlhx3qb1b] {
    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-3zlhx3qb1b],
.tara-des-table tfoot .tara-des-col-total[b-3zlhx3qb1b] {
    z-index: 3;
}

.tara-des-state[b-3zlhx3qb1b] {
    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-3zlhx3qb1b] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .tara-des-header[b-3zlhx3qb1b] {
        align-items: stretch;
        flex-direction: column;
    }

    .tara-des-toolbar[b-3zlhx3qb1b] {
        grid-template-columns: 1fr;
    }

    .tara-des-status[b-3zlhx3qb1b] {
        text-align: left;
        padding-bottom: 0;
    }

    .tara-des-table-scroll[b-3zlhx3qb1b] {
        max-height: 62vh;
    }

    .tara-des-table[b-3zlhx3qb1b] {
        min-width: 1500px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresEspecialesMovimientos.razor.rz.scp.css */
.tara-mov-page[b-jyre5w5szb] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

.tara-mov-header[b-jyre5w5szb] {
    display: flex;
    align-items: baseline;
    gap: .6rem;
    flex-wrap: wrap;
}

.tara-mov-header-info[b-jyre5w5szb] {
    display: flex;
    align-items: baseline;
    gap: .45rem;
    flex-shrink: 0;
}

.tara-mov-header span[b-jyre5w5szb] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .68rem;
    font-weight: 800;
}

.tara-mov-header h1[b-jyre5w5szb] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.08rem;
    font-weight: 900;
    letter-spacing: -.02em;
}

.tara-mov-header-sub[b-jyre5w5szb] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .76rem;
    font-weight: 400;
}

.tara-mov-panel[b-jyre5w5szb] {
    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-jyre5w5szb] {
    border-radius: var(--tara-radius-sm);
}

.tara-mov-warning-text[b-jyre5w5szb] {
    white-space: pre-line;
}

/* ── Panel diagnóstico discreto (dentro de resultados, colapsado por default) ── */
.tara-mov-diag-bar[b-jyre5w5szb] {
    margin-top: .65rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-text-muted) 4%, var(--tara-surface));
    overflow: hidden;
}

.tara-mov-diag-toggle[b-jyre5w5szb] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .42rem .75rem;
    border: 0;
    background: transparent;
    color: var(--tara-text-muted);
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.tara-mov-diag-toggle:hover[b-jyre5w5szb] {
    color: var(--tara-text);
    background: color-mix(in srgb, var(--tara-text-muted) 6%, var(--tara-surface));
}

.tara-mov-diag-title[b-jyre5w5szb] {
    font-size: .7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.tara-mov-diag-chevron[b-jyre5w5szb] {
    margin-left: auto;
    font-size: .7rem;
    transition: transform .18s ease;
    flex-shrink: 0;
}

.tara-mov-diag-chevron--open[b-jyre5w5szb] {
    transform: rotate(180deg);
}

.tara-mov-diag-bar .tara-mov-diagnostic-grid[b-jyre5w5szb] {
    padding: .6rem .75rem .75rem;
    border-top: 1px solid var(--tara-border-subtle);
}

.tara-mov-diagnostic-grid[b-jyre5w5szb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .6rem;
    margin-top: .7rem;
}

.tara-mov-diagnostic-item[b-jyre5w5szb] {
    display: grid;
    gap: .18rem;
    padding: .65rem .75rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-mov-diagnostic-item span[b-jyre5w5szb] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .66rem;
    font-weight: 800;
}

.tara-mov-diagnostic-item strong[b-jyre5w5szb] {
    color: var(--tara-text);
    font-size: .9rem;
    font-weight: 800;
}

.tara-mov-diagnostic-item--wide[b-jyre5w5szb] {
    grid-column: 1 / -1;
}

.tara-mov-diagnostic-sql[b-jyre5w5szb] {
    margin-top: .8rem;
    padding: .75rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-mov-diagnostic-sql-header[b-jyre5w5szb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    margin-bottom: .55rem;
}

.tara-mov-diagnostic-sql-header span[b-jyre5w5szb] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .7rem;
    font-weight: 900;
}

.tara-mov-diagnostic-sql pre[b-jyre5w5szb] {
    margin: 0;
    overflow-x: auto;
    white-space: pre-wrap;
    color: var(--tara-text);
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    padding: .7rem .8rem;
    font-size: .78rem;
    line-height: 1.45;
}

.tara-mov-legacy-note[b-jyre5w5szb] {
    font-size: .82rem;
}

.tara-mov-results[b-jyre5w5szb] {
    padding: .55rem .85rem .85rem;
}

.tara-mov-filter-row[b-jyre5w5szb] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .48rem .75rem .52rem;
    flex-wrap: wrap;
}

.tara-mov-filter-actions[b-jyre5w5szb] {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-shrink: 0;
}

/* ── Altura uniforme: botones = 36px, igual que MudBlazor Dense Outlined ──
   ::deep penetra IndicadoresExportActions (componente hijo).
   Solo afecta botones dentro de .tara-mov-filter-actions. */
.tara-mov-filter-actions[b-jyre5w5szb]  .mud-button-root {
    height:         36px          !important;
    min-height:     36px          !important;
    border-radius:  var(--tara-radius-sm) !important;
    font-weight:    700           !important;
    letter-spacing: .03em         !important;
    white-space:    nowrap        !important;
}

/* Forzar misma altura en las entradas MudBlazor para alineación perfecta */
[b-jyre5w5szb] .tara-mov-select .mud-input-root-outlined,
[b-jyre5w5szb] .tara-mov-store-select .mud-input-root-outlined {
    min-height: 36px !important;
    height:     36px !important;
}

.tara-mov-filter-meta[b-jyre5w5szb] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: 0 .85rem .45rem;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-mov-filter-summary-label[b-jyre5w5szb] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .68rem;
    font-weight: 900;
}

.tara-mov-filter-summary-text[b-jyre5w5szb] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 750;
}

.tara-mov-select[b-jyre5w5szb] {
    flex: 0 0 96px;
    min-width: 0;
}

.tara-mov-store-select[b-jyre5w5szb] {
    flex: 1 1 180px;
    max-width: 280px;
    min-width: 0;
}

[b-jyre5w5szb] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-jyre5w5szb] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-jyre5w5szb] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-jyre5w5szb] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

.tara-mov-toolbar[b-jyre5w5szb] {
    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-jyre5w5szb] {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: .45rem;
}

.tara-mov-field[b-jyre5w5szb] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

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

.tara-mov-field input[b-jyre5w5szb] {
    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-jyre5w5szb],
.tara-mov-field input:focus[b-jyre5w5szb] {
    border-color: var(--tara-primary-dark);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-mov-bridge[b-jyre5w5szb] {
    margin: .9rem 0 .2rem;
    padding: .8rem 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-md, 10px);
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
}

.tara-mov-bridge-title[b-jyre5w5szb] {
    font-weight: 800;
    font-size: .82rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--tara-text);
    margin-bottom: .6rem;
}

.tara-mov-bridge-title span[b-jyre5w5szb] {
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    color: var(--tara-text-muted);
    font-size: .74rem;
}

.tara-mov-bridge-flow[b-jyre5w5szb] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: .4rem .55rem;
}

.tara-mov-bridge-node[b-jyre5w5szb],
.tara-mov-bridge-step[b-jyre5w5szb] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    padding: .4rem .65rem;
    border-radius: var(--tara-radius-sm, 8px);
    min-width: 120px;
}

.tara-mov-bridge-node[b-jyre5w5szb] {
    background: var(--tara-surface);
    border: 1.5px solid var(--tara-primary);
}

.tara-mov-bridge-node--end[b-jyre5w5szb] {
    border-color: var(--tara-success, #1D6F42);
}

.tara-mov-bridge-step[b-jyre5w5szb] {
    background: color-mix(in srgb, var(--tara-text-muted) 8%, var(--tara-surface));
    justify-content: center;
}

.tara-mov-bridge-step--add span:last-child[b-jyre5w5szb] { color: var(--tara-success, #1D6F42); }
.tara-mov-bridge-step--sub span:last-child[b-jyre5w5szb] { color: var(--tara-error, #b3261e); }

.tara-mov-bridge-label[b-jyre5w5szb] {
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 700;
    color: var(--tara-text-muted);
}

.tara-mov-bridge-val[b-jyre5w5szb] {
    font-size: 1rem;
    font-weight: 800;
    color: var(--tara-text);
}

.tara-mov-bridge-step span:first-child[b-jyre5w5szb] {
    font-size: .72rem;
    color: var(--tara-text-muted);
    font-weight: 700;
}

.tara-mov-bridge-step span:last-child[b-jyre5w5szb] {
    font-size: .9rem;
    font-weight: 800;
}

.tara-mov-bridge-note[b-jyre5w5szb] {
    margin-top: .55rem;
    font-size: .72rem;
    color: var(--tara-text-muted);
    font-style: italic;
}

.tara-mov-cell-clickable[b-jyre5w5szb] {
    cursor: pointer;
    text-decoration: underline dotted color-mix(in srgb, var(--tara-primary) 55%, transparent);
    text-underline-offset: 3px;
    transition: background .12s ease;
}

.tara-mov-cell-clickable:hover[b-jyre5w5szb] {
    background: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-mov-section-row td[b-jyre5w5szb] {
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    border-top: 2px solid var(--tara-border);
    padding: .45rem .7rem;
    position: sticky;
    left: 0;
}

.tara-mov-section-name[b-jyre5w5szb] {
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: .78rem;
    color: var(--tara-text);
}

.tara-mov-section-row--diag td[b-jyre5w5szb] {
    background: color-mix(in srgb, var(--tara-text-muted) 12%, var(--tara-surface));
}

.tara-mov-section-toggle[b-jyre5w5szb] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: .78rem;
    color: var(--tara-text);
}

.tara-mov-section-hint[b-jyre5w5szb] {
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    font-size: .72rem;
    color: var(--tara-text-muted);
}

.tara-mov-section-chevron[b-jyre5w5szb] {
    display: inline-block;
    transition: transform .15s ease;
    transform: rotate(-90deg);
}

.tara-mov-section-chevron--open[b-jyre5w5szb] {
    transform: rotate(0deg);
}

.tara-mov-status-row[b-jyre5w5szb] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
    min-width: 0;
}

.tara-mov-monthsfilter[b-jyre5w5szb] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.tara-mov-monthsfilter input[b-jyre5w5szb] {
    width: 16px;
    height: 16px;
    accent-color: var(--tara-primary);
    cursor: pointer;
    margin: 0;
}

.tara-mov-monthsfilter span[b-jyre5w5szb] {
    color: var(--tara-text-muted);
    font-size: .8rem;
    font-weight: 600;
}

.tara-mov-status[b-jyre5w5szb] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    text-align: right;
    padding-bottom: .5rem;
}

.tara-mov-toolbar--no-search .tara-mov-status[b-jyre5w5szb] {
    text-align: left;
    padding-bottom: 0;
}

.tara-mov-table-scroll[b-jyre5w5szb] {
    max-width: 100%;
    max-height: clamp(440px, calc(100vh - 220px), 920px);
    overflow: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-mov-total-note[b-jyre5w5szb] {
    margin-top: .45rem;
    color: var(--tara-text-muted);
    font-size: .76rem;
    font-style: italic;
}

.tara-mov-table[b-jyre5w5szb] {
    min-width: 1240px;
    width: max-content;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tara-text);
    font-size: .84rem;
}

.tara-mov-table th[b-jyre5w5szb],
.tara-mov-table td[b-jyre5w5szb] {
    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-jyre5w5szb] {
    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-jyre5w5szb] {
    background: var(--tara-row-odd);
}

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

.tara-mov-table tbody tr:hover td[b-jyre5w5szb] {
    background: var(--tara-row-hover);
}

.tara-mov-row-pending td[b-jyre5w5szb] {
    color: var(--tara-text-muted);
}

.tara-mov-col-concepto[b-jyre5w5szb] {
    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-jyre5w5szb] {
    z-index: 4;
}

.tara-mov-col-concepto strong[b-jyre5w5szb] {
    font-weight: 900;
}

.tara-mov-col-total[b-jyre5w5szb] {
    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-jyre5w5szb] {
    z-index: 4;
}

.tara-mov-table tbody td.tara-mov-col-total[b-jyre5w5szb],
.tara-mov-table tbody tr:hover td.tara-mov-col-total[b-jyre5w5szb] {
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface)) !important;
}

.tara-mov-formas-total-row td[b-jyre5w5szb],
.tara-mov-table tbody tr.tara-mov-formas-total-row:hover td[b-jyre5w5szb] {
    border-top: 2px solid color-mix(in srgb, var(--tara-primary-dark) 24%, var(--tara-border));
    border-bottom: 0;
    background: color-mix(in srgb, var(--tara-surface-raised) 84%, var(--tara-surface)) !important;
    font-weight: 900;
}

.tara-mov-formas-total-row .tara-mov-col-concepto[b-jyre5w5szb],
.tara-mov-formas-total-row .tara-mov-col-total[b-jyre5w5szb] {
    z-index: 3;
}

.tara-mov-table tfoot td[b-jyre5w5szb] {
    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-jyre5w5szb],
.tara-mov-table tfoot .tara-mov-col-total[b-jyre5w5szb] {
    z-index: 3;
}

.tara-mov-state[b-jyre5w5szb] {
    min-height: 280px;
    display: grid;
    place-items: center;
    color: var(--tara-text-muted);
    text-align: center;
}

/* ── Tablet (600-760px): Año+Tienda en primera fila, botones en segunda ── */
/* Se logra por flex-wrap natural: max-width en Tienda fuerza el salto      */

/* ── Móvil puro (<500px): todo apilado verticalmente ─────────────────── */
@media (max-width: 499px) {
    .tara-mov-filter-row[b-jyre5w5szb] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-mov-select[b-jyre5w5szb] {
        flex: none;
        width: 100%;
    }

    .tara-mov-store-select[b-jyre5w5szb] {
        flex: none;
        max-width: none;
        width: 100%;
    }

    .tara-mov-filter-actions[b-jyre5w5szb] {
        width: 100%;
    }
}

@media (max-width: 760px) {
    .tara-mov-header[b-jyre5w5szb] {
        flex-direction: column;
        align-items: flex-start;
        gap: .2rem;
    }

    .tara-mov-toolbar[b-jyre5w5szb] {
        grid-template-columns: 1fr;
    }

    .tara-mov-status[b-jyre5w5szb] {
        text-align: left;
        padding-bottom: 0;
    }

    .tara-mov-table-scroll[b-jyre5w5szb] {
        max-height: 62vh;
    }

    .tara-mov-table[b-jyre5w5szb] {
        min-width: 1060px;
    }
}

/* ── Resumen visual (KPIs + gráfica) ──────────────────────────────────────── */

.tara-mov-summary[b-jyre5w5szb] {
    padding: .42rem .85rem .5rem;
    display: grid;
    gap: .38rem;
}

/* KPIs */
.tara-mov-kpis[b-jyre5w5szb] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .6rem;
}

.tara-mov-kpi[b-jyre5w5szb] {
    display: flex;
    flex-direction: column;
    gap: .08rem;
    padding: .26rem .55rem;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
}

.tara-mov-kpi--accent[b-jyre5w5szb] {
    border-color: color-mix(in srgb, var(--tara-success) 35%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-success) 5%, var(--tara-surface));
}

.tara-mov-kpi-label[b-jyre5w5szb] {
    font-size: .67rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--tara-text-muted);
    line-height: 1;
}

.tara-mov-kpi-value[b-jyre5w5szb] {
    font-size: .97rem;
    font-weight: 900;
    letter-spacing: -.03em;
    color: var(--tara-text);
    line-height: 1.1;
}

/* Gráfica vertical por mes */
.tara-mov-chart-section[b-jyre5w5szb] {
    display: flex;
    flex-direction: column;
    gap: .28rem;
}

/* toggle colapsable */
.tara-mov-chart-toggle[b-jyre5w5szb] {
    all: unset;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: .65rem;
    flex-wrap: wrap;
    cursor: pointer;
    width: 100%;
    padding: .1rem 0;
    border-radius: var(--tara-radius-sm);
}

.tara-mov-chart-toggle:hover .tara-mov-chart-title[b-jyre5w5szb] {
    color: var(--tara-text);
}

.tara-mov-chart-chevron[b-jyre5w5szb] {
    margin-left: auto;
    font-size: .7rem;
    color: var(--tara-text-muted);
    transition: transform .2s ease;
    flex-shrink: 0;
    line-height: 1;
    user-select: none;
}

.tara-mov-chart-chevron--open[b-jyre5w5szb] {
    transform: rotate(-180deg);
}

.tara-mov-chart-hdr[b-jyre5w5szb] {
    display: flex;
    align-items: center;
    gap: .85rem;
    flex-wrap: wrap;
}

.tara-mov-chart-title[b-jyre5w5szb] {
    font-size: .69rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--tara-text-muted);
}

.tara-mov-chart-legend[b-jyre5w5szb] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .7rem;
    color: var(--tara-text-muted);
}

.tara-mov-legend-dot[b-jyre5w5szb] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.tara-mov-legend-dot--r[b-jyre5w5szb] { background: var(--tara-primary); }
.tara-mov-legend-dot--m[b-jyre5w5szb] { background: var(--tara-success); }

.tara-mov-chart-nodata[b-jyre5w5szb] {
    margin: 0;
    padding: .15rem 0 .05rem;
    font-size: .72rem;
    color: var(--tara-text-muted);
    font-style: italic;
}

/* ── Dashboard mensual ejecutivo ─────────────────────────────────────── */

/* Grid auto-fill: ocupa todo el ancho con cards iguales */
.tara-mov-mc-grid[b-jyre5w5szb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 8px;
    padding: 4px 0 8px;
}

/* Card base */
.tara-mov-mc-card[b-jyre5w5szb] {
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    padding: 10px 11px 9px;
    display: flex;
    flex-direction: column;
    min-height: 104px;
}

/* Card sin actividad: fondo ligeramente más apagado */
.tara-mov-mc-card--inactive[b-jyre5w5szb] {
    background: color-mix(in srgb, var(--tara-border) 6%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-border) 50%, transparent);
}

/* Nombre del mes */
.tara-mov-mc-name[b-jyre5w5szb] {
    font-size: .58rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--tara-text-muted);
    margin-bottom: 8px;
    line-height: 1;
}

/* Texto "Sin actividad" */
.tara-mov-mc-inactive[b-jyre5w5szb] {
    font-size: .64rem;
    color: var(--tara-text-muted);
    font-style: italic;
    margin-top: auto;
    margin-bottom: auto;
}

/* Etiqueta "Venta Neta" */
.tara-mov-mc-vn-label[b-jyre5w5szb] {
    font-size: .58rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: color-mix(in srgb, var(--tara-primary) 65%, var(--tara-text-muted));
    line-height: 1;
    margin-bottom: 2px;
}

/* Valor principal de Venta Neta */
.tara-mov-mc-vn-value[b-jyre5w5szb] {
    font-size: .9rem;
    font-weight: 900;
    letter-spacing: -.025em;
    color: var(--tara-primary);
    line-height: 1.1;
    margin-bottom: 7px;
}

/* Barra de proporción (solo VN, full-width de la card) */
.tara-mov-mc-bar-track[b-jyre5w5szb] {
    height: 4px;
    background: color-mix(in srgb, var(--tara-border) 65%, transparent);
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 8px;
}

.tara-mov-mc-bar-fill[b-jyre5w5szb] {
    height: 100%;
    background: color-mix(in srgb, var(--tara-primary) 72%, transparent);
    border-radius: 2px;
    transition: width .3s ease;
}

/* Fila Utilidad: label + valor inline */
.tara-mov-mc-ub[b-jyre5w5szb] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 4px;
    margin-bottom: 7px;
    line-height: 1;
}

.tara-mov-mc-ub-label[b-jyre5w5szb] {
    font-size: .57rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: color-mix(in srgb, var(--tara-success) 70%, var(--tara-text-muted));
}

.tara-mov-mc-ub-value[b-jyre5w5szb] {
    font-size: .66rem;
    font-weight: 700;
    color: var(--tara-success);
    white-space: nowrap;
}

/* Chip de Margen % — protagonista */
.tara-mov-mc-margin[b-jyre5w5szb] {
    font-size: .62rem;
    font-weight: 700;
    color: color-mix(in srgb, var(--tara-success) 80%, var(--tara-text));
    background: color-mix(in srgb, var(--tara-success) 8%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-success) 30%, var(--tara-border));
    border-radius: calc(var(--tara-radius-sm) - 2px);
    padding: 2px 6px;
    text-align: center;
    line-height: 1.4;
    margin-top: auto;
    letter-spacing: .01em;
}

.tara-mov-mc-margin strong[b-jyre5w5szb] {
    font-weight: 900;
    font-size: .68rem;
}

/* Responsive KPIs */
@media (max-width: 960px) {
    .tara-mov-kpis[b-jyre5w5szb] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 600px) {
    .tara-mov-kpis[b-jyre5w5szb] {
        grid-template-columns: repeat(2, 1fr);
    }

    .tara-mov-chart-legend[b-jyre5w5szb] {
        gap: .38rem;
        font-size: .65rem;
    }

    /* Móvil: 2 columnas fijas */
    .tara-mov-mc-grid[b-jyre5w5szb] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresExistenciasPorTipo.razor.rz.scp.css */
.tara-ept-page[b-qeoesxsi5d] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

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

.tara-ept-header span[b-qeoesxsi5d],
.tara-ept-section-head span[b-qeoesxsi5d],
.tara-ept-dialog header span[b-qeoesxsi5d] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-ept-header h1[b-qeoesxsi5d] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-ept-header p[b-qeoesxsi5d],
.tara-ept-section-head p[b-qeoesxsi5d] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-ept-panel[b-qeoesxsi5d] {
    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-qeoesxsi5d] {
    border-radius: var(--tara-radius-sm);
}

.tara-ept-results[b-qeoesxsi5d] {
    padding: .85rem;
}

.tara-ept-status[b-qeoesxsi5d],
.tara-ept-filter-meta[b-qeoesxsi5d] {
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-ept-status[b-qeoesxsi5d] {
    padding: .85rem .85rem 0;
}

.tara-ept-filter-grid[b-qeoesxsi5d] {
    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-qeoesxsi5d] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

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

.tara-ept-field input[b-qeoesxsi5d] {
    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 input:hover[b-qeoesxsi5d],
.tara-ept-field input:focus[b-qeoesxsi5d] {
    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);
}

[b-qeoesxsi5d](.tara-ept-mud-select .mud-input-control) {
    margin-top: 0;
}

[b-qeoesxsi5d](.tara-ept-mud-select .mud-input-outlined) {
    min-height: 38px;
    background: var(--tara-surface);
    border-radius: var(--tara-radius-sm);
}

[b-qeoesxsi5d](.tara-ept-mud-select .mud-input-outlined-border) {
    border-color: var(--tara-border);
}

[b-qeoesxsi5d](.tara-ept-mud-select .mud-input.mud-input-focused .mud-input-outlined-border) {
    border-color: var(--tara-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-ept-filter-btn[b-qeoesxsi5d] {
    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-qeoesxsi5d] {
    opacity: .55;
    cursor: not-allowed;
}

.tara-ept-search-btn[b-qeoesxsi5d] {
    min-height: 38px;
    align-self: end;
}

.tara-ept-filter-meta[b-qeoesxsi5d] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: .55rem .85rem .85rem;
}

.tara-ept-filter-pill[b-qeoesxsi5d] {
    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-qeoesxsi5d] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 520px);
    gap: .75rem;
    align-items: end;
    margin-bottom: .7rem;
}

.tara-ept-section-head h2[b-qeoesxsi5d] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.06rem;
    font-weight: 900;
}

.tara-ept-result-tools[b-qeoesxsi5d] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    gap: .55rem;
    align-items: end;
}

.tara-ept-export-actions[b-qeoesxsi5d] {
    align-self: end;
}

.tara-ept-results-table-scroll[b-qeoesxsi5d] {
    max-height: clamp(380px, calc(100vh - 360px), 700px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

.tara-ept-results-table[b-qeoesxsi5d] {
    min-width: 1040px;
}

.tara-ept-col-rank[b-qeoesxsi5d] {
    width: 54px;
    min-width: 54px;
    text-align: center !important;
    color: var(--tara-primary-dark);
    font-weight: 900;
}

.tara-ept-col-name[b-qeoesxsi5d] {
    min-width: 260px;
    text-align: left !important;
}

.tara-ept-col-name strong[b-qeoesxsi5d] {
    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-qeoesxsi5d] {
    width: 74px;
    min-width: 74px;
    text-align: center !important;
}

.tara-ept-results-table[b-qeoesxsi5d]  .mud-icon-button {
    color: var(--tara-text-muted);
    border-color: var(--tara-border);
}

.tara-ept-results-table[b-qeoesxsi5d]  .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-qeoesxsi5d] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    max-width: 100%;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
}

.tara-ept-table[b-qeoesxsi5d] {
    width: 100%;
    min-width: 920px;
    border-collapse: collapse;
    background: var(--tara-surface);
    color: var(--tara-text);
}

.tara-ept-table th[b-qeoesxsi5d],
.tara-ept-table td[b-qeoesxsi5d] {
    padding: .48rem .6rem;
    border: 1px solid var(--tara-border);
    white-space: nowrap;
}

.tara-ept-table th[b-qeoesxsi5d] {
    color: var(--tara-th-text);
    background: var(--tara-th-bg);
    font-size: .76rem;
    font-weight: 900;
}

.tara-ept-sort-button[b-qeoesxsi5d] {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: inherit;
    gap: .25rem;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    font: inherit;
    font-weight: 900;
    cursor: pointer;
    text-align: inherit;
}

.tara-ept-sort-button span[b-qeoesxsi5d] {
    min-width: .75rem;
    color: var(--tara-primary-dark);
    font-size: .78rem;
}

.tara-ept-sort-button:hover[b-qeoesxsi5d],
.tara-ept-sort-active[b-qeoesxsi5d] {
    color: var(--tara-primary-dark);
}

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

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

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

.tara-ept-cell-number[b-qeoesxsi5d] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.tara-ept-state[b-qeoesxsi5d] {
    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-qeoesxsi5d] {
    min-height: 220px;
}

.tara-ept-state[b-qeoesxsi5d]  .mud-icon-root {
    color: var(--tara-text-muted);
}

.tara-ept-dialog-backdrop[b-qeoesxsi5d] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(0, 0, 0, .42);
}

.tara-ept-dialog[b-qeoesxsi5d] {
    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-qeoesxsi5d] {
    width: min(1120px, 100%);
}

.tara-ept-dialog header[b-qeoesxsi5d],
.tara-ept-dialog footer[b-qeoesxsi5d],
.tara-ept-dialog-actions[b-qeoesxsi5d] {
    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-qeoesxsi5d] {
    border-top: 1px solid var(--tara-border-subtle);
    border-bottom: 0;
    justify-content: flex-end;
}

.tara-ept-dialog h3[b-qeoesxsi5d] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.02rem;
    font-weight: 900;
}

.tara-ept-check-list[b-qeoesxsi5d] {
    overflow: auto;
    padding: .65rem .85rem;
    display: grid;
    gap: .35rem;
}

.tara-ept-check-list label[b-qeoesxsi5d] {
    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-qeoesxsi5d] {
        grid-template-columns: 1fr 1fr;
    }

    .tara-ept-search-btn[b-qeoesxsi5d],
    .tara-ept-filter-btn[b-qeoesxsi5d] {
        width: 100%;
    }
}

@media (max-width: 760px) {
    .tara-ept-header[b-qeoesxsi5d],
    .tara-ept-section-head[b-qeoesxsi5d] {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .tara-ept-filter-grid[b-qeoesxsi5d] {
        grid-template-columns: 1fr;
    }

    .tara-ept-results-table-scroll[b-qeoesxsi5d] {
        max-height: 62vh;
        -webkit-overflow-scrolling: touch;
    }

    .tara-ept-results-table[b-qeoesxsi5d] {
        min-width: 1040px;
    }

    .tara-ept-result-tools[b-qeoesxsi5d] {
        grid-template-columns: 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresOptimizador.razor.rz.scp.css */
.tara-opt-page[b-w5igbpkauh] {
    display: grid;
    gap: 1rem;
    background: var(--tara-bg);
    min-width: 0;
}

.tara-opt-header[b-w5igbpkauh],
.tara-opt-panel[b-w5igbpkauh],
.tara-opt-detail-panel[b-w5igbpkauh] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
    min-width: 0;
}

.tara-opt-header[b-w5igbpkauh] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding: 1rem 1.1rem .95rem;
}

.tara-opt-header-copy[b-w5igbpkauh] {
    display: grid;
    gap: .28rem;
}

.tara-opt-header-copy p[b-w5igbpkauh] {
    margin: 0;
    max-width: 56rem;
    color: var(--tara-text-muted);
}

.tara-opt-header-actions[b-w5igbpkauh] {
    display: flex;
    gap: .65rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tara-opt-quick-actions[b-w5igbpkauh] {
    padding: .55rem .9rem;
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-opt-quick-actions__grid[b-w5igbpkauh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .55rem;
}

.tara-opt-quick-btn[b-w5igbpkauh] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: .55rem;
    min-height: 38px;
    padding: .45rem .8rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
    color: var(--tara-text);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--tara-border) 75%, transparent);
    cursor: pointer;
    transition: transform .12s ease, border-color .12s ease, background .12s ease, box-shadow .12s ease, color .12s ease;
}

.tara-opt-quick-btn:hover:not(:disabled)[b-w5igbpkauh],
.tara-opt-quick-btn:focus-visible[b-w5igbpkauh] {
    border-color: color-mix(in srgb, var(--tara-primary) 32%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    color: var(--tara-primary-dark);
    box-shadow: 0 6px 18px -16px color-mix(in srgb, var(--tara-primary) 58%, transparent);
    transform: translateY(-1px);
    outline: none;
}

.tara-opt-quick-btn:disabled[b-w5igbpkauh] {
    cursor: not-allowed;
    opacity: .7;
}

.tara-opt-quick-btn--emphasis[b-w5igbpkauh] {
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
}

.tara-opt-quick-btn__icon[b-w5igbpkauh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--tara-surface) 82%, var(--tara-primary) 18%);
    color: inherit;
    flex: 0 0 auto;
}

.tara-opt-quick-btn--emphasis .tara-opt-quick-btn__icon[b-w5igbpkauh] {
    background: color-mix(in srgb, var(--tara-primary) 14%, var(--tara-surface));
}

.tara-opt-quick-btn__label[b-w5igbpkauh] {
    text-align: left;
    font-size: .74rem;
    line-height: 1.15;
    font-weight: 700;
    white-space: nowrap;
}

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

.tara-opt-filter-shell[b-w5igbpkauh] {
    display: grid;
    gap: 1rem;
}

.tara-opt-main-filters[b-w5igbpkauh] {
    display: grid;
    grid-template-columns: minmax(320px, 1.1fr) minmax(220px, 1fr) minmax(220px, 1fr) auto;
    gap: .8rem;
    align-items: end;
}

.tara-opt-date-pair[b-w5igbpkauh],
.tara-opt-filter-field[b-w5igbpkauh],
.tara-opt-filter-action[b-w5igbpkauh] {
    min-width: 0;
}

.tara-opt-date-pair[b-w5igbpkauh] {
    display: grid;
    min-width: 0;
}

.tara-opt-filter-field[b-w5igbpkauh] {
    display: grid;
    align-self: stretch;
    min-width: 0;
}

.tara-opt-filter-field--dates[b-w5igbpkauh]  .tara-opt-date-range {
    grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr);
    gap: .7rem;
}

.tara-opt-filter-field--dates[b-w5igbpkauh]  .tara-ind-date-picker,
.tara-opt-filter-field--dates[b-w5igbpkauh]  .mud-input-control,
.tara-opt-filter-field--dates[b-w5igbpkauh]  .mud-input-slot,
.tara-opt-filter-field--dates[b-w5igbpkauh]  input,
.tara-opt-filter-field--stores[b-w5igbpkauh]  .tara-msl-trigger,
.tara-opt-filter-field--brands[b-w5igbpkauh]  .tara-msl-trigger {
    min-width: 0;
}

.tara-opt-filter-action[b-w5igbpkauh] {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    align-self: end;
}

.tara-opt-search-btn[b-w5igbpkauh] {
    width: 148px;
    min-width: 148px;
    min-height: 42px;
}

.tara-opt-advanced-shell[b-w5igbpkauh] {
    display: grid;
    gap: .8rem;
    padding-top: .2rem;
    border-top: 1px solid color-mix(in srgb, var(--tara-border) 86%, var(--tara-primary) 14%);
}

.tara-opt-advanced-toggle[b-w5igbpkauh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    width: 100%;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
    color: var(--tara-text);
    padding: .72rem .85rem;
    text-align: left;
    cursor: pointer;
}

.tara-opt-advanced-label[b-w5igbpkauh],
.tara-opt-advanced-count[b-w5igbpkauh] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    font-size: .86rem;
    font-weight: 700;
}

.tara-opt-advanced-count[b-w5igbpkauh] {
    color: var(--tara-primary-dark);
}

.tara-opt-advanced-count--muted[b-w5igbpkauh] {
    color: var(--tara-text-muted);
    font-weight: 600;
}

.tara-opt-advanced-grid[b-w5igbpkauh] {
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    align-items: start;
}

.tara-opt-check[b-w5igbpkauh] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-height: 42px;
    padding: .72rem .85rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    color: var(--tara-text);
    background: var(--tara-surface);
}

.tara-opt-filter-summary[b-w5igbpkauh],
.tara-opt-search-summary[b-w5igbpkauh] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.tara-opt-filter-summary span[b-w5igbpkauh],
.tara-opt-search-summary span[b-w5igbpkauh],
.tara-opt-dep-badge[b-w5igbpkauh] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .34rem .62rem;
    border-radius: 999px;
    background: var(--tara-row-even);
    color: var(--tara-text-muted);
    border: 1px solid var(--tara-border);
    font-size: .8rem;
    font-weight: 600;
}

.tara-opt-panel[b-w5igbpkauh] {
    padding: .95rem;
    overflow: hidden;
    display: grid;
    gap: .9rem;
}

.tara-opt-panel-head[b-w5igbpkauh],
.tara-opt-detail-header[b-w5igbpkauh] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.tara-opt-panel-head h2[b-w5igbpkauh],
.tara-opt-detail-header h2[b-w5igbpkauh],
.tara-opt-resumen-tallas h3[b-w5igbpkauh] {
    margin: 0;
    color: var(--tara-text);
}

.tara-opt-panel-head p[b-w5igbpkauh],
.tara-opt-detail-header p[b-w5igbpkauh],
.tara-opt-detail-eyebrow[b-w5igbpkauh],
.tara-opt-resumen-tallas header span[b-w5igbpkauh] {
    margin: 0;
    color: var(--tara-text-muted);
}

.tara-opt-detail-eyebrow[b-w5igbpkauh] {
    display: block;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-opt-dep-badges[b-w5igbpkauh],
.tara-opt-detail-actions[b-w5igbpkauh] {
    display: flex;
    gap: .65rem;
    flex-wrap: wrap;
    align-items: center;
}

.tara-opt-query-summary[b-w5igbpkauh] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.tara-opt-summary-card[b-w5igbpkauh] {
    display: grid;
    gap: .22rem;
    padding: .82rem .9rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: var(--tara-bg);
}

.tara-opt-summary-card--emphasis[b-w5igbpkauh] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 28%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
}

.tara-opt-summary-card span[b-w5igbpkauh] {
    color: var(--tara-text-muted);
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.tara-opt-summary-card strong[b-w5igbpkauh] {
    color: var(--tara-text);
    font-size: 1.08rem;
}

.tara-opt-report-state[b-w5igbpkauh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: var(--tara-radius);
    border: 1px solid var(--tara-border);
    background: var(--tara-bg);
}

.tara-opt-report-state--error[b-w5igbpkauh] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 25%, var(--tara-border));
}

.tara-opt-report-state-copy[b-w5igbpkauh] {
    display: grid;
    gap: .26rem;
}

.tara-opt-report-state-copy strong[b-w5igbpkauh] {
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-opt-report-state-copy p[b-w5igbpkauh] {
    margin: 0;
    color: var(--tara-text-muted);
}

.tara-opt-report-skeleton[b-w5igbpkauh] {
    display: grid;
    gap: .45rem;
    min-width: min(220px, 32vw);
}

.tara-opt-report-skeleton span[b-w5igbpkauh] {
    display: block;
    height: 12px;
    border-radius: 999px;
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--tara-border) 82%, var(--tara-surface)) 0%,
        color-mix(in srgb, var(--tara-surface-raised) 70%, var(--tara-surface)) 50%,
        color-mix(in srgb, var(--tara-border) 82%, var(--tara-surface)) 100%);
    background-size: 220% 100%;
    animation: tara-opt-skeleton-b-w5igbpkauh 1.35s ease-in-out infinite;
}

.tara-opt-report-skeleton span:nth-child(2)[b-w5igbpkauh] {
    width: 82%;
}

.tara-opt-report-skeleton span:nth-child(3)[b-w5igbpkauh] {
    width: 68%;
}

.tara-opt-empty[b-w5igbpkauh] {
    display: grid;
    place-items: center;
    gap: .55rem;
    min-height: 220px;
    padding: 1.5rem;
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius);
    color: var(--tara-text-muted);
    background: var(--tara-bg);
    text-align: center;
}

.tara-opt-empty strong[b-w5igbpkauh] {
    color: var(--tara-text);
}

.tara-opt-detail-panel[b-w5igbpkauh] {
    margin-top: .2rem;
    padding: .95rem;
    display: grid;
    gap: .9rem;
}

.tara-opt-detail-collapsed[b-w5igbpkauh] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: .9rem 1rem;
    border-radius: var(--tara-radius);
    border: 1px solid var(--tara-border);
    background: var(--tara-bg);
}

.tara-opt-detail-collapsed strong[b-w5igbpkauh] {
    color: var(--tara-text);
    display: block;
    margin-top: .15rem;
}

.tara-opt-detail-collapsed p[b-w5igbpkauh] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
}

.tara-opt-detail-shell[b-w5igbpkauh] {
    display: grid;
    gap: 1rem;
}

.tara-opt-detail-grid[b-w5igbpkauh] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(220px, 260px) 1fr;
}

.tara-opt-detail-media[b-w5igbpkauh],
.tara-opt-detail-meta[b-w5igbpkauh],
.tara-opt-resumen-tallas[b-w5igbpkauh] {
    background: var(--tara-bg);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    padding: 1rem;
}

.tara-opt-detail-media img[b-w5igbpkauh] {
    width: 100%;
    max-width: 240px;
    max-height: 240px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.tara-opt-detail-noimg[b-w5igbpkauh] {
    min-height: 180px;
    display: grid;
    place-items: center;
    gap: .5rem;
    color: var(--tara-text-muted);
}

.tara-opt-detail-meta[b-w5igbpkauh] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.tara-opt-detail-fact[b-w5igbpkauh] {
    display: grid;
    gap: .22rem;
}

.tara-opt-detail-fact span[b-w5igbpkauh] {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-opt-resumen-tallas[b-w5igbpkauh] {
    display: grid;
    gap: .85rem;
}

.tara-opt-resumen-table-wrap[b-w5igbpkauh] {
    overflow-x: auto;
}

.tara-opt-resumen-table[b-w5igbpkauh] {
    width: 100%;
    border-collapse: collapse;
    min-width: 640px;
}

.tara-opt-resumen-table th[b-w5igbpkauh],
.tara-opt-resumen-table td[b-w5igbpkauh] {
    padding: .7rem .8rem;
    border-bottom: 1px solid var(--tara-border);
    text-align: right;
}

.tara-opt-resumen-table thead th[b-w5igbpkauh] {
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
}

.tara-opt-resumen-table th:first-child[b-w5igbpkauh],
.tara-opt-resumen-table td:first-child[b-w5igbpkauh] {
    text-align: left;
    position: sticky;
    left: 0;
    background: var(--tara-surface);
}

.tara-opt-chip[b-w5igbpkauh] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .2rem .65rem;
    font-weight: 700;
    font-size: .82rem;
    border: 1px solid transparent;
}

.tara-opt-chip--critical[b-w5igbpkauh] {
    color: var(--tara-primary-dark);
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 26%, var(--tara-surface));
}

.tara-opt-chip--low[b-w5igbpkauh] {
    color: color-mix(in srgb, var(--tara-primary-dark) 58%, var(--tara-text));
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface-raised));
    border-color: color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
}

.tara-opt-chip--medium[b-w5igbpkauh] {
    color: color-mix(in srgb, var(--tara-text) 78%, var(--tara-primary-dark));
    background: color-mix(in srgb, var(--tara-surface-raised) 86%, var(--tara-primary) 14%);
    border-color: color-mix(in srgb, var(--tara-primary-dark) 14%, var(--tara-border));
}

.tara-opt-chip--high[b-w5igbpkauh] {
    color: var(--tara-text);
    background: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary-dark) 22%, var(--tara-border));
}

.tara-opt-chip--optimal[b-w5igbpkauh] {
    color: var(--tara-text);
    background: color-mix(in srgb, var(--tara-primary) 16%, var(--tara-surface-raised));
    border-color: color-mix(in srgb, var(--tara-primary-dark) 28%, var(--tara-border));
}

.tara-opt-chip--warn[b-w5igbpkauh] {
    color: color-mix(in srgb, var(--tara-primary-dark) 80%, var(--tara-text));
    background: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary-dark) 24%, var(--tara-border));
}

.tara-opt-chip--success[b-w5igbpkauh] {
    color: var(--tara-text);
    background: color-mix(in srgb, var(--tara-primary) 9%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary-dark) 18%, var(--tara-border));
}

.tara-opt-chip--style[b-w5igbpkauh] {
    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-dark) 22%, var(--tara-border));
}

[b-w5igbpkauh] .tara-opt-cell {
    transition: background-color .14s ease, color .14s ease, font-weight .14s ease;
}

[b-w5igbpkauh] .tara-opt-cell--left {
    --tdg-cell-align: left;
}

[b-w5igbpkauh] .tara-opt-cell--center {
    --tdg-cell-align: center;
}

[b-w5igbpkauh] .tara-opt-cell--right {
    --tdg-cell-align: right;
}

[b-w5igbpkauh] .tara-opt-cell--weight-700 {
    --tdg-cell-weight: 700;
}

[b-w5igbpkauh] .tara-opt-cell--mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: .01em;
}

[b-w5igbpkauh] .tara-opt-cell--muted,
[b-w5igbpkauh] .tara-opt-cell--neutral {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-surface-raised) 88%, var(--tara-surface));
    --tdg-cell-color: var(--tara-text-muted);
}

[b-w5igbpkauh] .tara-opt-cell--critical {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-danger) 12%, var(--tara-surface));
    --tdg-cell-color: color-mix(in srgb, var(--tara-danger) 72%, var(--tara-text));
}

[b-w5igbpkauh] .tara-opt-cell--warn {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-warning) 13%, var(--tara-surface));
    --tdg-cell-color: color-mix(in srgb, var(--tara-warning) 80%, var(--tara-text));
}

[b-w5igbpkauh] .tara-opt-cell--money {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-warning) 10%, var(--tara-surface));
    --tdg-cell-color: color-mix(in srgb, var(--tara-warning) 74%, var(--tara-text));
}

[b-w5igbpkauh] .tara-opt-cell--positive {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-success) 11%, var(--tara-surface));
    --tdg-cell-color: color-mix(in srgb, var(--tara-success) 70%, var(--tara-text));
}

[b-w5igbpkauh] .tara-opt-cell--strong {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-success) 16%, var(--tara-surface));
    --tdg-cell-color: color-mix(in srgb, var(--tara-success) 82%, var(--tara-text));
}

[b-w5igbpkauh] .tara-opt-cell--optimal {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-warning) 18%, var(--tara-surface));
    --tdg-cell-color: color-mix(in srgb, var(--tara-text) 85%, var(--tara-primary-dark));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tara-warning) 40%, var(--tara-border));
}

[b-w5igbpkauh] .tara-opt-cell--danger-1 {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-danger) 10%, var(--tara-surface));
    --tdg-cell-color: color-mix(in srgb, var(--tara-danger) 68%, var(--tara-text));
}

[b-w5igbpkauh] .tara-opt-cell--danger-2 {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-danger) 16%, var(--tara-surface));
    --tdg-cell-color: color-mix(in srgb, var(--tara-danger) 74%, var(--tara-text));
}

[b-w5igbpkauh] .tara-opt-cell--danger-3 {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-danger) 22%, var(--tara-surface));
    --tdg-cell-color: color-mix(in srgb, var(--tara-danger) 82%, var(--tara-text));
}

[b-w5igbpkauh] .tara-opt-cell--danger-4 {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-danger) 28%, var(--tara-surface));
    --tdg-cell-color: color-mix(in srgb, var(--tara-danger) 94%, var(--tara-text));
}

[b-w5igbpkauh] .tara-opt-cell--pending-1 {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-warning) 10%, var(--tara-surface));
    --tdg-cell-color: color-mix(in srgb, var(--tara-warning) 66%, var(--tara-text));
}

[b-w5igbpkauh] .tara-opt-cell--pending-2 {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-warning) 15%, var(--tara-surface));
    --tdg-cell-color: color-mix(in srgb, var(--tara-warning) 76%, var(--tara-text));
}

[b-w5igbpkauh] .tara-opt-cell--pending-3 {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-warning) 21%, var(--tara-surface));
    --tdg-cell-color: color-mix(in srgb, var(--tara-warning) 84%, var(--tara-text));
}

[b-w5igbpkauh] .tara-opt-cell--pending-4 {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-warning) 27%, var(--tara-surface));
    --tdg-cell-color: color-mix(in srgb, var(--tara-warning) 90%, var(--tara-text));
}

[b-w5igbpkauh] .tara-opt-cell--buy-1 {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-success) 10%, var(--tara-surface));
    --tdg-cell-color: color-mix(in srgb, var(--tara-success) 66%, var(--tara-text));
}

[b-w5igbpkauh] .tara-opt-cell--buy-2 {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-success) 15%, var(--tara-surface));
    --tdg-cell-color: color-mix(in srgb, var(--tara-success) 74%, var(--tara-text));
}

[b-w5igbpkauh] .tara-opt-cell--buy-3 {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-success) 21%, var(--tara-surface));
    --tdg-cell-color: color-mix(in srgb, var(--tara-success) 82%, var(--tara-text));
}

[b-w5igbpkauh] .tara-opt-cell--buy-4 {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-success) 28%, var(--tara-surface));
    --tdg-cell-color: color-mix(in srgb, var(--tara-success) 94%, var(--tara-text));
}

[b-w5igbpkauh] .tara-opt-cell--identity {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-success) 12%, var(--tara-surface));
    --tdg-cell-color: color-mix(in srgb, var(--tara-success) 82%, var(--tara-text));
}

[b-w5igbpkauh] .tara-opt-cell--descriptor-warm {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-warning) 8%, var(--tara-surface));
    --tdg-cell-color: color-mix(in srgb, var(--tara-warning) 74%, var(--tara-text));
}

[b-w5igbpkauh] .tara-opt-cell--descriptor-muted {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-surface-raised) 90%, var(--tara-surface));
    --tdg-cell-color: color-mix(in srgb, var(--tara-text-muted) 92%, var(--tara-text));
}

[b-w5igbpkauh] .tara-opt-cell--descriptor-brand {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    --tdg-cell-color: var(--tara-primary-dark);
}

[b-w5igbpkauh] .tara-opt-cell--descriptor-soft {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-surface-raised) 78%, var(--tara-primary) 6%);
    --tdg-cell-color: var(--tara-text);
}

[b-w5igbpkauh] .tara-opt-cell--descriptor-neutral {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-surface-raised) 92%, var(--tara-surface));
    --tdg-cell-color: var(--tara-text);
}

[b-w5igbpkauh] .tara-opt-cell--descriptor-note {
    --tdg-cell-bg: color-mix(in srgb, var(--tara-warning) 6%, var(--tara-surface));
    --tdg-cell-color: var(--tara-text-muted);
    font-style: italic;
}

.tara-opt-style-link[b-w5igbpkauh] {
    appearance: none;
    border: none;
    background: transparent;
    padding: 0;
    max-width: 100%;
    cursor: pointer;
}

.tara-opt-style-link:disabled[b-w5igbpkauh] {
    cursor: progress;
}

.tara-opt-style-link:focus-visible[b-w5igbpkauh] {
    outline: 2px solid color-mix(in srgb, var(--tara-primary) 48%, white);
    outline-offset: 3px;
    border-radius: 999px;
}

.tara-opt-style-link__chip[b-w5igbpkauh] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    max-width: 100%;
    transition: transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}

.tara-opt-style-link:hover:not(:disabled) .tara-opt-style-link__chip[b-w5igbpkauh],
.tara-opt-style-link:focus-visible .tara-opt-style-link__chip[b-w5igbpkauh] {
    background: color-mix(in srgb, var(--tara-primary) 14%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 34%, var(--tara-border));
    box-shadow: 0 6px 18px -18px color-mix(in srgb, var(--tara-primary) 70%, transparent);
    transform: translateY(-1px);
}

.tara-opt-style-link__text[b-w5igbpkauh] {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-opt-style-link__spinner[b-w5igbpkauh] {
    flex: 0 0 auto;
}

.tara-opt-chip--muted[b-w5igbpkauh] {
    color: var(--tara-text-muted);
    background: var(--tara-row-even);
    border-color: var(--tara-border);
}

[b-w5igbpkauh] .tara-opt-header-actions .mud-button-root,
[b-w5igbpkauh] .tara-opt-header-actions .mud-menu-button-hidden {
    min-height: 40px;
    border-radius: 999px;
}

[b-w5igbpkauh] .tara-opt-page .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-w5igbpkauh] .tara-opt-page .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-w5igbpkauh] .tara-opt-page .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-w5igbpkauh] .tara-opt-page .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

@keyframes tara-opt-skeleton-b-w5igbpkauh {
    from {
        background-position: 100% 0;
    }
    to {
        background-position: -100% 0;
    }
}

@media (max-width: 1260px) {
    .tara-opt-main-filters[b-w5igbpkauh] {
        grid-template-columns: repeat(2, minmax(240px, 1fr));
    }

    .tara-opt-date-pair[b-w5igbpkauh] {
        grid-column: 1 / -1;
    }

    .tara-opt-filter-action[b-w5igbpkauh] {
        justify-self: end;
    }

    .tara-opt-advanced-grid[b-w5igbpkauh] {
        grid-template-columns: repeat(3, minmax(180px, 1fr));
    }
}

@media (max-width: 960px) {
    .tara-opt-header[b-w5igbpkauh],
    .tara-opt-panel-head[b-w5igbpkauh],
    .tara-opt-detail-header[b-w5igbpkauh],
    .tara-opt-detail-grid[b-w5igbpkauh],
    .tara-opt-detail-collapsed[b-w5igbpkauh],
    .tara-opt-report-state[b-w5igbpkauh] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .tara-opt-header-actions[b-w5igbpkauh],
    .tara-opt-detail-actions[b-w5igbpkauh] {
        justify-content: flex-start;
    }

    .tara-opt-advanced-grid[b-w5igbpkauh] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-opt-header[b-w5igbpkauh],
    .tara-opt-panel[b-w5igbpkauh],
    .tara-opt-detail-panel[b-w5igbpkauh] {
        padding: .85rem;
    }

    .tara-opt-main-filters[b-w5igbpkauh],
    .tara-opt-advanced-grid[b-w5igbpkauh],
    .tara-opt-query-summary[b-w5igbpkauh] {
        grid-template-columns: 1fr;
    }

    .tara-opt-filter-field--dates[b-w5igbpkauh]  .tara-opt-date-range {
        grid-template-columns: 1fr;
    }

    .tara-opt-quick-actions[b-w5igbpkauh] {
        padding: .5rem .7rem;
    }

    .tara-opt-quick-actions__grid[b-w5igbpkauh] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .5rem;
    }

    .tara-opt-quick-btn[b-w5igbpkauh] {
        width: 100%;
        min-height: 38px;
        padding: .42rem .68rem;
    }

    .tara-opt-quick-btn__label[b-w5igbpkauh] {
        font-size: .72rem;
        white-space: normal;
    }

    .tara-opt-search-btn[b-w5igbpkauh] {
        width: 100%;
        min-width: 100%;
        min-height: 42px;
    }

    .tara-opt-filter-action[b-w5igbpkauh] {
        width: 100%;
        justify-content: stretch;
        justify-self: stretch;
    }

    .tara-opt-advanced-toggle[b-w5igbpkauh] {
        align-items: flex-start;
        flex-direction: column;
    }

    .tara-opt-detail-meta[b-w5igbpkauh] {
        grid-template-columns: 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresOptimizadorFichaDialog.razor.rz.scp.css */
.tara-opt-ficha-shell[b-d6xnvfoarr] {
    display: grid;
    gap: 1rem;
}

.tara-opt-ficha-header[b-d6xnvfoarr] {
    padding-bottom: .85rem;
    border-bottom: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
}

.tara-opt-ficha-header h2[b-d6xnvfoarr],
.tara-opt-ficha-table h3[b-d6xnvfoarr] {
    margin: 0;
    color: var(--tara-text);
}

.tara-opt-ficha-header p[b-d6xnvfoarr],
.tara-opt-ficha-eyebrow[b-d6xnvfoarr] {
    margin: 0;
    color: var(--tara-text-muted);
}

.tara-opt-ficha-eyebrow[b-d6xnvfoarr] {
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-opt-ficha-body[b-d6xnvfoarr] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(180px, 240px) 1fr;
}

.tara-opt-ficha-media[b-d6xnvfoarr],
.tara-opt-ficha-grid[b-d6xnvfoarr],
.tara-opt-ficha-table[b-d6xnvfoarr] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    padding: 1rem;
}

.tara-opt-ficha-media img[b-d6xnvfoarr] {
    width: 100%;
    max-width: 220px;
    max-height: 220px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.tara-opt-ficha-noimg[b-d6xnvfoarr] {
    min-height: 180px;
    display: grid;
    place-items: center;
    gap: .5rem;
    color: var(--tara-text-muted);
}

.tara-opt-ficha-grid[b-d6xnvfoarr] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.tara-opt-ficha-item[b-d6xnvfoarr] {
    display: grid;
    gap: .25rem;
}

.tara-opt-ficha-item span[b-d6xnvfoarr] {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-opt-ficha-table table[b-d6xnvfoarr] {
    width: 100%;
    border-collapse: collapse;
}

.tara-opt-ficha-table th[b-d6xnvfoarr],
.tara-opt-ficha-table td[b-d6xnvfoarr] {
    padding: .55rem .7rem;
    border-bottom: 1px solid var(--tara-border);
    text-align: left;
    vertical-align: top;
}

.tara-opt-ficha-table th[b-d6xnvfoarr] {
    width: 35%;
    color: var(--tara-text-muted);
    font-weight: 600;
}

@media (max-width: 880px) {
    .tara-opt-ficha-body[b-d6xnvfoarr] {
        grid-template-columns: 1fr;
    }
}

[b-d6xnvfoarr] .tara-opt-ficha-dialog {
    background: var(--tara-bg);
}

[b-d6xnvfoarr] .tara-opt-ficha-dialog .mud-dialog-content,
[b-d6xnvfoarr] .tara-opt-ficha-dialog .mud-dialog-actions {
    background: var(--tara-bg);
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresOptimizadorFotoDialog.razor.rz.scp.css */
.tara-opt-foto-title[b-qy5big89om] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.tara-opt-foto-title strong[b-qy5big89om] {
    display: block;
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-opt-foto-title p[b-qy5big89om] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .84rem;
}

.tara-opt-foto-stage[b-qy5big89om] {
    display: grid;
    place-items: center;
    min-height: min(72vh, 680px);
    padding: 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: linear-gradient(180deg, var(--tara-surface) 0%, var(--tara-row-even) 100%);
}

.tara-opt-foto-image[b-qy5big89om] {
    display: block;
    max-width: 100%;
    max-height: min(68vh, 620px);
    object-fit: contain;
}

.tara-opt-foto-empty[b-qy5big89om] {
    display: grid;
    gap: .6rem;
    place-items: center;
    min-height: 220px;
    padding: 1rem;
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius);
    color: var(--tara-text-muted);
    background: var(--tara-bg);
    text-align: center;
}

.tara-opt-foto-empty strong[b-qy5big89om] {
    color: var(--tara-text);
}

[b-qy5big89om] .tara-opt-foto-dialog .mud-dialog-content,
[b-qy5big89om] .tara-opt-foto-dialog .mud-dialog-actions {
    background: var(--tara-bg);
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresOptimizadorGridPhotoCell.razor.rz.scp.css */
.tara-opt-grid-photo-btn[b-b81wg66q63] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}

.tara-opt-grid-photo-frame[b-b81wg66q63] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    border: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface) 86%, var(--tara-bg) 14%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: var(--tara-shadow-xs, 0 1px 2px rgba(15, 23, 42, 0.08));
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.tara-opt-grid-photo-btn:hover .tara-opt-grid-photo-frame[b-b81wg66q63],
.tara-opt-grid-photo-btn:focus-visible .tara-opt-grid-photo-frame[b-b81wg66q63] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 32%, var(--tara-border));
    box-shadow: var(--tara-shadow-sm);
    transform: translateY(-1px);
}

.tara-opt-grid-photo-image[b-b81wg66q63] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0.18rem;
    background: var(--tara-surface);
}

.tara-opt-grid-photo-placeholder[b-b81wg66q63] {
    color: var(--tara-text-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tara-opt-grid-photo-spinner[b-b81wg66q63] {
    transform: scale(.7);
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresOptimizadorGridStyleCell.razor.rz.scp.css */
.tara-opt-style-link[b-jums2o0jqn] {
    appearance: none;
    border: none;
    background: transparent;
    padding: 0;
    max-width: 100%;
    cursor: pointer;
}

.tara-opt-style-link:disabled[b-jums2o0jqn] {
    cursor: progress;
}

.tara-opt-style-link:focus-visible[b-jums2o0jqn] {
    outline: 2px solid color-mix(in srgb, var(--tara-primary) 48%, white);
    outline-offset: 3px;
    border-radius: 999px;
}

.tara-opt-chip[b-jums2o0jqn] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .2rem .65rem;
    font-weight: 700;
    font-size: .82rem;
    border: 1px solid transparent;
}

.tara-opt-chip--style[b-jums2o0jqn] {
    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-dark) 22%, var(--tara-border));
}

.tara-opt-style-link__chip[b-jums2o0jqn] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    max-width: 100%;
    transition: transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}

.tara-opt-style-link:hover:not(:disabled) .tara-opt-style-link__chip[b-jums2o0jqn],
.tara-opt-style-link:focus-visible .tara-opt-style-link__chip[b-jums2o0jqn] {
    background: color-mix(in srgb, var(--tara-primary) 14%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 34%, var(--tara-border));
    box-shadow: 0 6px 18px -18px color-mix(in srgb, var(--tara-primary) 70%, transparent);
    transform: translateY(-1px);
}

.tara-opt-style-link__text[b-jums2o0jqn] {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-opt-style-link__spinner[b-jums2o0jqn] {
    flex: 0 0 auto;
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresOptimizadorProductoDialog.razor.rz.scp.css */
.tara-opt-product-dialog[b-gehbnzrqnl] {
    width: min(1180px, calc(100vw - 2rem));
    max-width: 100%;
}

.tara-opt-product-dialog__title[b-gehbnzrqnl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.tara-opt-product-dialog__title strong[b-gehbnzrqnl] {
    display: block;
    color: var(--tara-text);
    font-size: 1.3rem;
    line-height: 1.2;
}

.tara-opt-product-dialog__title p[b-gehbnzrqnl] {
    margin: .22rem 0 0;
    color: var(--tara-text-muted);
}

.tara-opt-product-dialog__eyebrow[b-gehbnzrqnl] {
    display: inline-flex;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

.tara-opt-product-dialog__body[b-gehbnzrqnl] {
    display: grid;
    gap: 1rem;
}

.tara-opt-product-dialog__hero[b-gehbnzrqnl],
.tara-opt-product-dialog__meta[b-gehbnzrqnl],
.tara-opt-product-dialog__actions[b-gehbnzrqnl],
.tara-opt-product-dialog__sizes[b-gehbnzrqnl] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-bg);
}

.tara-opt-product-dialog__hero[b-gehbnzrqnl] {
    display: grid;
    grid-template-columns: minmax(220px, 260px) 1fr;
    gap: 1rem;
    padding: 1rem;
}

.tara-opt-product-dialog__photo-btn[b-gehbnzrqnl] {
    width: 100%;
    min-height: 240px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.tara-opt-product-dialog__photo-btn:disabled[b-gehbnzrqnl] {
    cursor: default;
}

.tara-opt-product-dialog__photo-btn:not(:disabled):hover[b-gehbnzrqnl],
.tara-opt-product-dialog__photo-btn:not(:disabled):focus-visible[b-gehbnzrqnl] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 30%, var(--tara-border));
    box-shadow: var(--tara-shadow-sm);
    transform: translateY(-1px);
}

.tara-opt-product-dialog__photo[b-gehbnzrqnl] {
    width: 100%;
    max-width: 240px;
    max-height: 240px;
    object-fit: contain;
}

.tara-opt-product-dialog__photo-empty[b-gehbnzrqnl] {
    display: grid;
    place-items: center;
    gap: .55rem;
    color: var(--tara-text-muted);
    min-height: 180px;
}

.tara-opt-product-dialog__identity[b-gehbnzrqnl] {
    display: grid;
    gap: .8rem;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    align-content: start;
}

.tara-opt-product-dialog__identity-card[b-gehbnzrqnl],
.tara-opt-product-dialog__fact[b-gehbnzrqnl] {
    display: grid;
    gap: .22rem;
    padding: .85rem .9rem;
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-opt-product-dialog__identity-card span[b-gehbnzrqnl],
.tara-opt-product-dialog__fact span[b-gehbnzrqnl] {
    color: var(--tara-text-muted);
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.tara-opt-product-dialog__identity-card strong[b-gehbnzrqnl],
.tara-opt-product-dialog__fact strong[b-gehbnzrqnl] {
    color: var(--tara-text);
    font-size: .96rem;
}

.tara-opt-product-dialog__meta[b-gehbnzrqnl] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    padding: 1rem;
}

.tara-opt-product-dialog__actions[b-gehbnzrqnl] {
    display: flex;
    gap: .7rem;
    flex-wrap: wrap;
    padding: .95rem 1rem;
}

.tara-opt-product-dialog__sizes[b-gehbnzrqnl] {
    display: grid;
    gap: .8rem;
    padding: 1rem;
}

.tara-opt-product-dialog__sizes header strong[b-gehbnzrqnl] {
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-opt-product-dialog__sizes-wrap[b-gehbnzrqnl] {
    overflow-x: auto;
}

.tara-opt-product-dialog__sizes-table[b-gehbnzrqnl] {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
}

.tara-opt-product-dialog__sizes-table th[b-gehbnzrqnl],
.tara-opt-product-dialog__sizes-table td[b-gehbnzrqnl] {
    padding: .7rem .8rem;
    border-bottom: 1px solid var(--tara-border);
    text-align: right;
    white-space: nowrap;
}

.tara-opt-product-dialog__sizes-table thead th[b-gehbnzrqnl] {
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    font-size: .76rem;
    letter-spacing: .04em;
}

.tara-opt-product-dialog__sizes-table th:first-child[b-gehbnzrqnl],
.tara-opt-product-dialog__sizes-table td:first-child[b-gehbnzrqnl] {
    position: sticky;
    left: 0;
    text-align: left;
    background: var(--tara-surface);
}

@media (max-width: 960px) {
    .tara-opt-product-dialog[b-gehbnzrqnl] {
        width: min(100vw - 1rem, 1000px);
    }

    .tara-opt-product-dialog__hero[b-gehbnzrqnl] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .tara-opt-product-dialog[b-gehbnzrqnl] {
        width: calc(100vw - .35rem);
    }

    .tara-opt-product-dialog__meta[b-gehbnzrqnl],
    .tara-opt-product-dialog__identity[b-gehbnzrqnl] {
        grid-template-columns: 1fr;
    }

    .tara-opt-product-dialog__actions[b-gehbnzrqnl] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .tara-opt-product-dialog__photo-btn[b-gehbnzrqnl] {
        min-height: 220px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresOptimizadorPropuestaDialog.razor.rz.scp.css */
.tara-opt-prop-shell[b-g4t39ksa58] {
    display: grid;
    gap: 1rem;
}

.tara-opt-prop-header[b-g4t39ksa58] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding: .15rem 0 .85rem;
    border-bottom: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
}

.tara-opt-prop-header h2[b-g4t39ksa58],
.tara-opt-prop-results-head h3[b-g4t39ksa58] {
    margin: 0;
    color: var(--tara-text);
}

.tara-opt-prop-header p[b-g4t39ksa58],
.tara-opt-prop-results-head p[b-g4t39ksa58],
.tara-opt-prop-eyebrow[b-g4t39ksa58] {
    margin: 0;
    color: var(--tara-text-muted);
}

.tara-opt-prop-eyebrow[b-g4t39ksa58] {
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-opt-prop-summary[b-g4t39ksa58] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.tara-opt-prop-summary span[b-g4t39ksa58] {
    display: inline-flex;
    align-items: center;
    padding: .3rem .62rem;
    border-radius: 999px;
    background: var(--tara-row-even);
    color: var(--tara-text-muted);
    border: 1px solid var(--tara-border);
    font-size: .8rem;
    font-weight: 600;
}

.tara-opt-prop-filter-grid[b-g4t39ksa58] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: .9rem;
}

.tara-opt-prop-filter-card[b-g4t39ksa58] {
    grid-column: span 3;
    display: grid;
    gap: .55rem;
    min-width: 0;
    padding: .85rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
    box-shadow: var(--tara-shadow-sm);
}

.tara-opt-prop-filter-card--store[b-g4t39ksa58],
.tara-opt-prop-filter-card--dates[b-g4t39ksa58] {
    grid-column: span 3;
}

.tara-opt-prop-filter-card--criteria[b-g4t39ksa58] {
    grid-column: span 9;
}

.tara-opt-prop-filter-card-head[b-g4t39ksa58] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-opt-prop-filter-kicker[b-g4t39ksa58] {
    color: var(--tara-text);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-opt-prop-filter-hint[b-g4t39ksa58] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .79rem;
    line-height: 1.35;
}

.tara-opt-prop-store-lookup[b-g4t39ksa58],
.tara-opt-prop-autocomplete[b-g4t39ksa58] {
    min-width: 0;
}

.tara-opt-prop-flag-list[b-g4t39ksa58] {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.tara-opt-prop-filter-actions[b-g4t39ksa58] {
    grid-column: span 3;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-self: stretch;
}

.tara-opt-prop-export-wrap[b-g4t39ksa58] {
    display: inline-flex;
}

.tara-opt-prop-search-btn[b-g4t39ksa58] {
    min-width: 132px;
}

.tara-opt-prop-results[b-g4t39ksa58] {
    display: grid;
    gap: 1rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
    padding: 1rem;
}

.tara-opt-prop-results-head[b-g4t39ksa58] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.tara-opt-prop-count-chip[b-g4t39ksa58] {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: .35rem .7rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: var(--tara-row-even);
    color: var(--tara-text-muted);
    font-size: .8rem;
    font-weight: 700;
}

.tara-opt-prop-toolbar[b-g4t39ksa58] {
    display: flex;
    gap: .85rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tara-opt-prop-search[b-g4t39ksa58] {
    flex: 1 1 340px;
    min-width: min(100%, 320px);
}

.tara-opt-prop-toolbar-actions[b-g4t39ksa58] {
    display: flex;
    gap: .65rem;
    align-items: center;
    flex-wrap: wrap;
}

.tara-opt-prop-products[b-g4t39ksa58] {
    display: grid;
    gap: 1rem;
}

.tara-opt-prop-card[b-g4t39ksa58] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: color-mix(in srgb, var(--tara-surface) 86%, var(--tara-bg));
    box-shadow: var(--tara-shadow-sm);
}

.tara-opt-prop-card-media[b-g4t39ksa58] {
    display: grid;
    gap: .65rem;
    align-content: start;
}

.tara-opt-prop-card-image-button[b-g4t39ksa58] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 112px;
    height: 112px;
    padding: .45rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: linear-gradient(180deg, var(--tara-surface) 0%, var(--tara-row-even) 100%);
    box-shadow: var(--tara-shadow-sm);
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.tara-opt-prop-card-image-button:hover[b-g4t39ksa58] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border));
    box-shadow: var(--tara-shadow);
}

.tara-opt-prop-card-image-button:focus-visible[b-g4t39ksa58] {
    outline: 2px solid color-mix(in srgb, var(--tara-primary) 45%, transparent);
    outline-offset: 2px;
}

.tara-opt-prop-card-image[b-g4t39ksa58],
.tara-opt-prop-card-placeholder[b-g4t39ksa58] {
    width: 100%;
    height: 100%;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
}

.tara-opt-prop-card-image[b-g4t39ksa58] {
    display: block;
    object-fit: contain;
    padding: .35rem;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tara-border) 55%, transparent);
}

.tara-opt-prop-card-placeholder[b-g4t39ksa58] {
    display: grid;
    place-items: center;
    color: var(--tara-text-muted);
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    background: color-mix(in srgb, var(--tara-bg) 86%, white);
}

.tara-opt-prop-card-store[b-g4t39ksa58] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: .28rem .55rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: var(--tara-row-even);
    color: var(--tara-text);
    font-size: .78rem;
    font-weight: 700;
    text-align: center;
}

.tara-opt-prop-card-main[b-g4t39ksa58] {
    display: grid;
    gap: .9rem;
    min-width: 0;
}

.tara-opt-prop-card-head[b-g4t39ksa58] {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.tara-opt-prop-card-copy[b-g4t39ksa58] {
    display: grid;
    gap: .25rem;
    min-width: min(100%, 260px);
    flex: 1 1 320px;
}

.tara-opt-prop-card-copy strong[b-g4t39ksa58] {
    color: var(--tara-text);
    font-size: 1rem;
    line-height: 1.2;
    word-break: break-word;
}

.tara-opt-prop-card-copy p[b-g4t39ksa58] {
    color: var(--tara-text-muted);
    font-size: .88rem;
    line-height: 1.3;
    margin: 0;
}

.tara-opt-prop-card-meta[b-g4t39ksa58] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    justify-content: flex-end;
    flex: 1 1 320px;
}

.tara-opt-prop-card-meta span[b-g4t39ksa58] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: .3rem .58rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: var(--tara-bg);
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 600;
}

.tara-opt-prop-curve-state[b-g4t39ksa58] {
    font-weight: 800;
}

.tara-opt-prop-curve-state--missing[b-g4t39ksa58] {
    background: color-mix(in srgb, var(--tara-text-muted) 10%, var(--tara-surface));
    color: var(--tara-text-muted);
}

.tara-opt-prop-curve-state--partial[b-g4t39ksa58] {
    background: color-mix(in srgb, var(--tara-warning) 10%, var(--tara-surface));
    color: color-mix(in srgb, var(--tara-warning) 75%, var(--tara-text));
}

.tara-opt-prop-curve-state--ok[b-g4t39ksa58] {
    background: color-mix(in srgb, var(--tara-info) 10%, var(--tara-surface));
    color: color-mix(in srgb, var(--tara-info) 70%, var(--tara-text));
}

.tara-opt-prop-matrix-wrap[b-g4t39ksa58] {
    overflow-x: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-opt-prop-matrix[b-g4t39ksa58] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

.tara-opt-prop-matrix thead th[b-g4t39ksa58] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: .65rem .55rem;
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    border-bottom: 1px solid var(--tara-border);
    font-size: .78rem;
    font-weight: 800;
    text-align: center;
    white-space: nowrap;
}

.tara-opt-prop-matrix thead th:first-child[b-g4t39ksa58] {
    text-align: left;
    min-width: 120px;
}

.tara-opt-prop-matrix tbody th[b-g4t39ksa58],
.tara-opt-prop-matrix tbody td[b-g4t39ksa58] {
    padding: .62rem .55rem;
    border-bottom: 1px solid color-mix(in srgb, var(--tara-border) 72%, transparent);
    font-variant-numeric: tabular-nums;
}

.tara-opt-prop-matrix tbody th[b-g4t39ksa58] {
    text-align: left;
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 800;
    white-space: nowrap;
}

.tara-opt-prop-matrix tbody td[b-g4t39ksa58] {
    text-align: center;
    color: var(--tara-text);
    font-size: .82rem;
    min-width: 54px;
}

.tara-opt-prop-matrix-row--curve[b-g4t39ksa58] {
    background: color-mix(in srgb, var(--tara-info) 8%, var(--tara-surface));
}

.tara-opt-prop-matrix-row--sold[b-g4t39ksa58] {
    background: color-mix(in srgb, var(--tara-success) 7%, var(--tara-surface));
}

.tara-opt-prop-matrix-row--stock[b-g4t39ksa58] {
    background: color-mix(in srgb, var(--tara-info) 6%, var(--tara-surface));
}

.tara-opt-prop-matrix-row--transit[b-g4t39ksa58] {
    background: color-mix(in srgb, var(--tara-info) 12%, var(--tara-surface));
}

.tara-opt-prop-matrix-row--orders[b-g4t39ksa58] {
    background: color-mix(in srgb, var(--tara-warning) 7%, var(--tara-surface));
}

.tara-opt-prop-matrix-row--request[b-g4t39ksa58] {
    background: color-mix(in srgb, var(--tara-primary-dark) 5%, var(--tara-surface));
}

.tara-opt-prop-matrix-value--request[b-g4t39ksa58] {
    color: var(--tara-primary-dark);
    font-weight: 800;
}

.tara-opt-prop-matrix-total[b-g4t39ksa58] {
    font-weight: 800;
    background: color-mix(in srgb, var(--tara-bg) 80%, white);
}

.tara-opt-prop-footer[b-g4t39ksa58] {
    display: flex;
    gap: .85rem;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-top: .25rem;
}

.tara-opt-prop-footer-range[b-g4t39ksa58] {
    color: var(--tara-text-muted);
    font-size: .82rem;
    font-weight: 600;
}

.tara-opt-prop-page-size[b-g4t39ksa58],
.tara-opt-prop-page-nav[b-g4t39ksa58] {
    display: flex;
    gap: .45rem;
    align-items: center;
    flex-wrap: wrap;
}

.tara-opt-prop-page-size span[b-g4t39ksa58],
.tara-opt-prop-page-nav span[b-g4t39ksa58] {
    color: var(--tara-text-muted);
    font-size: .8rem;
    font-weight: 600;
}

.tara-opt-prop-page-chip[b-g4t39ksa58],
.tara-opt-prop-nav-btn[b-g4t39ksa58] {
    min-width: 34px;
    min-height: 32px;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: var(--tara-surface);
    color: var(--tara-text);
    font-size: .8rem;
    font-weight: 700;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.tara-opt-prop-page-chip--active[b-g4t39ksa58] {
    border-color: var(--tara-primary-dark);
    background: color-mix(in srgb, var(--tara-primary) 14%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-opt-prop-nav-btn:disabled[b-g4t39ksa58] {
    opacity: .45;
    cursor: default;
}

.tara-opt-prop-empty[b-g4t39ksa58] {
    display: grid;
    gap: .5rem;
    place-items: center;
    padding: 2rem 1rem;
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius);
    color: var(--tara-text-muted);
    background: var(--tara-bg);
    text-align: center;
}

.tara-opt-prop-empty strong[b-g4t39ksa58] {
    color: var(--tara-text);
}

[b-g4t39ksa58] .tara-opt-prop-dialog {
    background: var(--tara-bg);
}

[b-g4t39ksa58] .tara-opt-prop-dialog .mud-dialog-content,
[b-g4t39ksa58] .tara-opt-prop-dialog .mud-dialog-actions {
    background: var(--tara-bg);
}

[b-g4t39ksa58] .tara-opt-prop-dialog .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-g4t39ksa58] .tara-opt-prop-dialog .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-g4t39ksa58] .tara-opt-prop-dialog .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-g4t39ksa58] .tara-opt-prop-dialog .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

@media (max-width: 900px) {
    .tara-opt-prop-filter-card[b-g4t39ksa58],
    .tara-opt-prop-filter-card--store[b-g4t39ksa58],
    .tara-opt-prop-filter-card--dates[b-g4t39ksa58],
    .tara-opt-prop-filter-card--criteria[b-g4t39ksa58],
    .tara-opt-prop-filter-actions[b-g4t39ksa58] {
        grid-column: span 6;
    }

    .tara-opt-prop-card[b-g4t39ksa58] {
        grid-template-columns: 1fr;
    }

    .tara-opt-prop-card-media[b-g4t39ksa58] {
        grid-template-columns: 112px 1fr;
        align-items: center;
    }
}

@media (max-width: 760px) {
    .tara-opt-prop-header[b-g4t39ksa58],
    .tara-opt-prop-results-head[b-g4t39ksa58],
    .tara-opt-prop-card-head[b-g4t39ksa58],
    .tara-opt-prop-toolbar[b-g4t39ksa58],
    .tara-opt-prop-footer[b-g4t39ksa58] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-opt-prop-filter-grid[b-g4t39ksa58] {
        grid-template-columns: 1fr;
    }

    .tara-opt-prop-filter-card[b-g4t39ksa58],
    .tara-opt-prop-filter-card--store[b-g4t39ksa58],
    .tara-opt-prop-filter-card--dates[b-g4t39ksa58],
    .tara-opt-prop-filter-card--criteria[b-g4t39ksa58],
    .tara-opt-prop-filter-actions[b-g4t39ksa58] {
        grid-column: auto;
    }

    .tara-opt-prop-results[b-g4t39ksa58] {
        padding: .85rem;
    }

    .tara-opt-prop-card-meta[b-g4t39ksa58] {
        justify-content: flex-start;
    }

    .tara-opt-prop-card-media[b-g4t39ksa58] {
        grid-template-columns: 1fr;
        justify-items: start;
    }

    .tara-opt-prop-flag-list[b-g4t39ksa58],
    .tara-opt-prop-filter-card-head[b-g4t39ksa58] {
        align-items: flex-start;
    }

    .tara-opt-prop-filter-actions[b-g4t39ksa58] {
        justify-content: stretch;
    }

    .tara-opt-prop-search-btn[b-g4t39ksa58] {
        width: 100%;
    }

    .tara-opt-prop-search[b-g4t39ksa58] {
        min-width: 100%;
    }

    .tara-opt-prop-matrix[b-g4t39ksa58] {
        min-width: 640px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresOptimizadorTablaDialog.razor.rz.scp.css */
.tara-opt-dialog-shell[b-g1abmnk662] {
    display: grid;
    gap: 1rem;
}

.tara-opt-dialog-header[b-g1abmnk662] {
    padding-bottom: .85rem;
    border-bottom: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
}

.tara-opt-dialog-header h2[b-g1abmnk662] {
    margin: 0;
    color: var(--tara-text);
}

.tara-opt-dialog-header p[b-g1abmnk662],
.tara-opt-dialog-eyebrow[b-g1abmnk662] {
    margin: 0;
    color: var(--tara-text-muted);
}

.tara-opt-dialog-eyebrow[b-g1abmnk662] {
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-opt-dialog-empty[b-g1abmnk662] {
    display: grid;
    gap: .5rem;
    place-items: center;
    padding: 2rem 1rem;
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius);
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-opt-dialog-image-wrap[b-g1abmnk662] {
    display: grid;
    place-items: center;
    min-height: 52px;
}

.tara-opt-dialog-image[b-g1abmnk662] {
    width: 44px;
    height: 44px;
    object-fit: contain;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    padding: .15rem;
}

[b-g1abmnk662] .tara-opt-dialog {
    background: var(--tara-bg);
}

[b-g1abmnk662] .tara-opt-dialog .mud-dialog-content,
[b-g1abmnk662] .tara-opt-dialog .mud-dialog-actions {
    background: var(--tara-bg);
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresPlaceholder.razor.rz.scp.css */
.tara-ind-page[b-y98f0ivr0t] {
    min-height: calc(100vh - 96px);
    padding: 24px;
    background: var(--tara-bg);
}

.tara-ind-card[b-y98f0ivr0t] {
    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-y98f0ivr0t] {
    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-y98f0ivr0t]  .mud-icon-root {
    font-size: 32px;
}

.tara-ind-content[b-y98f0ivr0t] {
    min-width: 0;
}

.tara-ind-eyebrow[b-y98f0ivr0t] {
    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-y98f0ivr0t] {
    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-y98f0ivr0t] {
    margin: 8px 0 0;
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-ind-meta[b-y98f0ivr0t] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0;
}

.tara-ind-meta span[b-y98f0ivr0t] {
    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-y98f0ivr0t] {
    margin-top: 8px;
}

.tara-ind-loading[b-y98f0ivr0t] {
    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-y98f0ivr0t]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 42px;
}

@media (max-width: 640px) {
    .tara-ind-page[b-y98f0ivr0t] {
        padding: 14px;
    }

    .tara-ind-card[b-y98f0ivr0t] {
        grid-template-columns: 1fr;
        margin-top: 12px;
        padding: 18px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresRadiografia.razor.rz.scp.css */
.tara-radio-page[b-lo8wheg7i6] {
    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-lo8wheg7i6],
.tara-radio-state-card[b-lo8wheg7i6] {
    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-lo8wheg7i6] {
    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-lo8wheg7i6],
.tara-radio-loading .mud-icon-root[b-lo8wheg7i6] {
    color: var(--tara-text-muted);
    font-size: 2rem;
}

.tara-radio-loading-note[b-lo8wheg7i6] {
    display: block;
    max-width: 520px;
    color: var(--tara-text-muted);
    font-size: .86rem;
    line-height: 1.35;
}

.tara-radio-header[b-lo8wheg7i6] {
    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-lo8wheg7i6] {
    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-lo8wheg7i6] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.1;
}

.tara-radio-header p[b-lo8wheg7i6] {
    margin: 4px 0 0;
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-radio-actions[b-lo8wheg7i6] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.tara-radio-toolbar[b-lo8wheg7i6] {
    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-lo8wheg7i6] {
    display: flex;
    align-items: end;
    gap: 10px;
    flex-wrap: wrap;
}

.tara-radio-period span[b-lo8wheg7i6],
.tara-radio-period small[b-lo8wheg7i6],
.tara-radio-muted[b-lo8wheg7i6] {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-radio-period strong[b-lo8wheg7i6] {
    color: var(--tara-text);
    font-size: .98rem;
}

.tara-radio-period-select[b-lo8wheg7i6] {
    display: grid;
    gap: 2px;
}

[b-lo8wheg7i6] .tara-radio-mud-select .mud-input-control {
    margin-top: 0;
}

[b-lo8wheg7i6] .tara-radio-mud-select .mud-input-outlined {
    min-height: 36px;
    background: var(--tara-surface);
    border-radius: var(--tara-radius-sm);
}

[b-lo8wheg7i6] .tara-radio-mud-select .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--tara-border);
}

[b-lo8wheg7i6] .tara-radio-mud-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-lo8wheg7i6] .tara-radio-mud-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-lo8wheg7i6] .tara-radio-mud-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

.tara-radio-custom-period[b-lo8wheg7i6] {
    display: flex;
    align-items: end;
    gap: 8px;
    flex-wrap: wrap;
}

.tara-radio-date-range[b-lo8wheg7i6] {
    min-width: min(430px, 100%);
}

[b-lo8wheg7i6] .tara-radio-date-range .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--tara-border);
}

[b-lo8wheg7i6] .tara-radio-date-range .mud-input-outlined:hover .mud-input-outlined-border,
[b-lo8wheg7i6] .tara-radio-date-range .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-lo8wheg7i6] .tara-radio-date-range .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

.tara-radio-custom-period button[b-lo8wheg7i6] {
    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-lo8wheg7i6] {
    opacity: .65;
    cursor: not-allowed;
}

.tara-radio-scope[b-lo8wheg7i6] {
    position: relative;
}

.tara-radio-scope-btn[b-lo8wheg7i6] {
    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-lo8wheg7i6] {
    border-color: var(--tara-primary);
    background: var(--tara-row-hover);
}

.tara-radio-scope-panel[b-lo8wheg7i6] {
    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-lo8wheg7i6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.tara-radio-scope-head strong[b-lo8wheg7i6] {
    color: var(--tara-text);
    font-size: .9rem;
}

.tara-radio-scope-head button[b-lo8wheg7i6] {
    border: 0;
    background: transparent;
    color: var(--tara-primary);
    font-size: .8rem;
    font-weight: 800;
    cursor: pointer;
}

.tara-radio-sucursal-list[b-lo8wheg7i6] {
    display: grid;
    gap: 6px;
}

.tara-radio-check-row[b-lo8wheg7i6] {
    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-lo8wheg7i6] {
    background: var(--tara-row-hover);
}

.tara-radio-check-row input[b-lo8wheg7i6] {
    accent-color: var(--tara-primary);
}

.tara-radio-alert[b-lo8wheg7i6] {
    margin-bottom: 14px;
}

.tara-radio-foco[b-lo8wheg7i6] {
    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-lo8wheg7i6] {
    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-lo8wheg7i6] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.18rem, 1.8vw, 1.55rem);
}

.tara-radio-foco p[b-lo8wheg7i6] {
    margin: 5px 0 0;
    color: var(--tara-text-muted);
    line-height: 1.42;
}

.tara-radio-foco > span[b-lo8wheg7i6] {
    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-lo8wheg7i6] {
    border-left-color: var(--tara-primary-dark);
}

.tara-radio-foco--alerta[b-lo8wheg7i6],
.tara-radio-foco--atencion[b-lo8wheg7i6] {
    border-left-color: var(--tara-primary);
}

.tara-radio-metrics[b-lo8wheg7i6] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.tara-radio-metric[b-lo8wheg7i6] {
    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-lo8wheg7i6],
.tara-radio-metric small[b-lo8wheg7i6] {
    display: block;
    color: var(--tara-text-muted);
    font-size: .74rem;
}

.tara-radio-metric span[b-lo8wheg7i6] {
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-radio-metric strong[b-lo8wheg7i6] {
    display: block;
    margin: 5px 0 2px;
    color: var(--tara-text);
    font-size: 1.25rem;
    line-height: 1;
}

.tara-radio-grid[b-lo8wheg7i6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.tara-radio-page[b-lo8wheg7i6]  .tara-radio-panel,
.tara-radio-store-summary[b-lo8wheg7i6] {
    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-lo8wheg7i6] {
    grid-column: 1 / -1;
}

.tara-radio-page[b-lo8wheg7i6]  .tara-radio-panel-title,
.tara-radio-panel-title[b-lo8wheg7i6] {
    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-lo8wheg7i6]  .tara-radio-panel-title span,
.tara-radio-panel-title span[b-lo8wheg7i6] {
    color: var(--tara-primary);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.tara-radio-page[b-lo8wheg7i6]  .tara-radio-panel-title small,
.tara-radio-panel-title small[b-lo8wheg7i6] {
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-radio-empty[b-lo8wheg7i6] {
    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-lo8wheg7i6],
.tara-radio-page[b-lo8wheg7i6]  .tara-radio-card-list {
    display: grid;
    gap: 8px;
}

.tara-radio-alert-row[b-lo8wheg7i6],
.tara-radio-page[b-lo8wheg7i6]  .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-lo8wheg7i6],
.tara-radio-page[b-lo8wheg7i6]  .tara-radio-item strong {
    color: var(--tara-text);
    font-size: .94rem;
}

.tara-radio-alert-row p[b-lo8wheg7i6],
.tara-radio-page[b-lo8wheg7i6]  .tara-radio-item p {
    margin: 3px 0 0;
    color: var(--tara-text-muted);
    font-size: .84rem;
    line-height: 1.35;
}

.tara-radio-page[b-lo8wheg7i6]  .tara-radio-item span {
    display: block;
    margin-top: 2px;
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-radio-alert-row > span[b-lo8wheg7i6],
.tara-radio-page[b-lo8wheg7i6]  .tara-radio-item aside {
    min-width: 72px;
    text-align: right;
}

.tara-radio-alert-row > span[b-lo8wheg7i6],
.tara-radio-page[b-lo8wheg7i6]  .tara-radio-item aside strong {
    color: var(--tara-primary-dark);
    font-weight: 900;
}

.tara-radio-page[b-lo8wheg7i6]  .tara-radio-item aside span {
    font-size: .76rem;
}

.tara-radio-store-summary[b-lo8wheg7i6] {
    margin-top: 14px;
}

.tara-radio-inline-loading[b-lo8wheg7i6] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--tara-text-muted);
}

.tara-radio-table-scroll[b-lo8wheg7i6] {
    overflow-x: auto;
    max-width: 100%;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
}

.tara-radio-table[b-lo8wheg7i6] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    background: var(--tara-surface);
}

.tara-radio-table th[b-lo8wheg7i6],
.tara-radio-table td[b-lo8wheg7i6] {
    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-lo8wheg7i6] {
    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-lo8wheg7i6],
.tara-radio-table td:nth-child(2)[b-lo8wheg7i6] {
    text-align: left;
}

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

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

@media (max-width: 1180px) {
    .tara-radio-metrics[b-lo8wheg7i6] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .tara-radio-page[b-lo8wheg7i6] {
        padding: 16px 12px 28px;
    }

    .tara-radio-header[b-lo8wheg7i6],
    .tara-radio-toolbar[b-lo8wheg7i6],
    .tara-radio-foco[b-lo8wheg7i6] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    .tara-radio-actions[b-lo8wheg7i6] {
        justify-content: flex-end;
    }

    .tara-radio-scope-panel[b-lo8wheg7i6] {
        left: 0;
        right: auto;
    }

    .tara-radio-metrics[b-lo8wheg7i6],
    .tara-radio-grid[b-lo8wheg7i6] {
        grid-template-columns: 1fr;
    }

    .tara-radio-foco-label[b-lo8wheg7i6] {
        min-width: 54px;
        min-height: 54px;
    }
}

@media (max-width: 560px) {
    .tara-radio-metrics[b-lo8wheg7i6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-radio-alert-row[b-lo8wheg7i6],
    .tara-radio-page[b-lo8wheg7i6]  .tara-radio-item {
        grid-template-columns: 1fr;
    }

    .tara-radio-alert-row > span[b-lo8wheg7i6],
    .tara-radio-page[b-lo8wheg7i6]  .tara-radio-item aside {
        text-align: left;
    }
}

/* ── Cierre premium Radiografía ─────────────────────────────────────────── */
.tara-radio-scope-actions[b-lo8wheg7i6] {
    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-lo8wheg7i6] {
    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-lo8wheg7i6] {
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    color: var(--tara-text-muted);
}

.tara-radio-scope-apply[b-lo8wheg7i6] {
    border: 1px solid var(--tara-primary-dark);
    background: var(--tara-primary-dark);
    color: var(--tara-text-inverse);
}

.tara-radio-metric[b-lo8wheg7i6] {
    position: relative;
    overflow: hidden;
    padding: 13px 14px;
    border-left: 4px solid var(--tara-border);
}

.tara-radio-metric[b-lo8wheg7i6]::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-lo8wheg7i6] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.tara-radio-metric-top .mud-icon-root[b-lo8wheg7i6] {
    color: var(--metric-accent, var(--tara-primary));
    opacity: .9;
}

.tara-radio-metric strong[b-lo8wheg7i6],
.tara-radio-metric small[b-lo8wheg7i6] {
    position: relative;
    z-index: 1;
}

.tara-radio-metric strong[b-lo8wheg7i6] {
    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-lo8wheg7i6] {
    --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-lo8wheg7i6] {
    --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-lo8wheg7i6] {
    --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-lo8wheg7i6] {
    --metric-accent: var(--tara-primary-dark);
    --metric-accent-strong: var(--tara-text);
}

.tara-radio-metric--existencia[b-lo8wheg7i6] {
    --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-lo8wheg7i6] {
    --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-lo8wheg7i6] {
    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-lo8wheg7i6] {
    --alert-accent: var(--tara-danger);
}

.tara-radio-alert-row--atencion[b-lo8wheg7i6] {
    --alert-accent: var(--tara-warning);
}

.tara-radio-alert-row--estable[b-lo8wheg7i6] {
    --alert-accent: var(--tara-success);
}

.tara-radio-alert-row > span[b-lo8wheg7i6] {
    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-lo8wheg7i6]  .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-lo8wheg7i6]  .tara-radio-item--critico,
.tara-radio-page[b-lo8wheg7i6]  .tara-radio-item--reponer {
    --item-accent: var(--tara-danger);
}

.tara-radio-page[b-lo8wheg7i6]  .tara-radio-item--alerta,
.tara-radio-page[b-lo8wheg7i6]  .tara-radio-item--atencion,
.tara-radio-page[b-lo8wheg7i6]  .tara-radio-item--mover,
.tara-radio-page[b-lo8wheg7i6]  .tara-radio-item--impulsar {
    --item-accent: var(--tara-warning);
}

.tara-radio-page[b-lo8wheg7i6]  .tara-radio-item--estable,
.tara-radio-page[b-lo8wheg7i6]  .tara-radio-item--rentable,
.tara-radio-page[b-lo8wheg7i6]  .tara-radio-item--top-venta {
    --item-accent: var(--tara-success);
}

.tara-radio-page[b-lo8wheg7i6]  .tara-radio-item-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.tara-radio-page[b-lo8wheg7i6]  .tara-radio-item-heading strong {
    font-size: 1rem;
    line-height: 1.15;
}

.tara-radio-page[b-lo8wheg7i6]  .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-lo8wheg7i6]  .tara-radio-item-subtitle {
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 700;
}

.tara-radio-page[b-lo8wheg7i6]  .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-lo8wheg7i6]  .tara-radio-item aside span {
    color: var(--tara-text-muted);
    font-weight: 700;
}

/* ── Interactividad Radiografía ─────────────────────────────────────────── */
.tara-radio-action-card[b-lo8wheg7i6],
.tara-radio-page[b-lo8wheg7i6]  .tara-radio-action-card {
    width: 100%;
    appearance: none;
    font: inherit;
    text-align: left;
    color: inherit;
}

.tara-radio-clickable[b-lo8wheg7i6],
.tara-radio-page[b-lo8wheg7i6]  .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-lo8wheg7i6],
.tara-radio-page[b-lo8wheg7i6]  .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-lo8wheg7i6]::before,
.tara-radio-page[b-lo8wheg7i6]  .tara-radio-item:hover::before {
    opacity: 1;
}

.tara-radio-clickable:focus-visible[b-lo8wheg7i6],
.tara-radio-page[b-lo8wheg7i6]  .tara-radio-item:focus-visible {
    outline: 2px solid var(--tara-primary);
    outline-offset: 2px;
}

.tara-radio-clickable[b-lo8wheg7i6]::before,
.tara-radio-page[b-lo8wheg7i6]  .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-lo8wheg7i6],
.tara-radio-metric.tara-radio-clickable[b-lo8wheg7i6],
.tara-radio-alert-row.tara-radio-clickable[b-lo8wheg7i6] {
    position: relative;
}

.tara-radio-metric.tara-radio-clickable[b-lo8wheg7i6]::before,
.tara-radio-alert-row.tara-radio-clickable[b-lo8wheg7i6]::before {
    top: 8px;
    right: 8px;
}

.tara-radio-foco.tara-radio-clickable[b-lo8wheg7i6]::before {
    top: 12px;
    right: 12px;
}

.tara-radio-modal-backdrop[b-lo8wheg7i6] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(17, 24, 39, .42);
}

.tara-radio-modal[b-lo8wheg7i6] {
    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-lo8wheg7i6] {
    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-lo8wheg7i6] {
    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-lo8wheg7i6] {
    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-lo8wheg7i6] {
    margin: 8px 0 0;
    color: rgba(255,255,255,.86);
    line-height: 1.38;
}

.tara-radio-modal-value[b-lo8wheg7i6] {
    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-lo8wheg7i6],
.tara-radio-modal-value strong[b-lo8wheg7i6] {
    display: block;
}

.tara-radio-modal-value small[b-lo8wheg7i6] {
    color: rgba(255,255,255,.74);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-radio-modal-value strong[b-lo8wheg7i6] {
    margin-top: 5px;
    color: var(--tara-text-inverse);
    font-size: 1.35rem;
}

.tara-radio-modal-body[b-lo8wheg7i6] {
    display: grid;
    gap: 10px;
    padding: 14px;
}

.tara-radio-modal-body article[b-lo8wheg7i6] {
    padding: 12px;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
}

.tara-radio-modal-body h3[b-lo8wheg7i6] {
    margin: 0 0 6px;
    color: var(--tara-text);
    font-size: .92rem;
}

.tara-radio-modal-body p[b-lo8wheg7i6] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.42;
}

.tara-radio-pending-report dl[b-lo8wheg7i6] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 6px 12px;
    margin: 10px 0 0;
}

.tara-radio-pending-report dt[b-lo8wheg7i6] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.tara-radio-pending-report dd[b-lo8wheg7i6] {
    margin: 0;
    color: var(--tara-text);
    overflow-wrap: anywhere;
}

.tara-radio-modal-actions[b-lo8wheg7i6] {
    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-lo8wheg7i6] {
    min-height: 36px;
    padding: 0 14px;
    border-radius: var(--tara-radius-sm);
    font-weight: 900;
    cursor: pointer;
}

.tara-radio-modal-close[b-lo8wheg7i6] {
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    color: var(--tara-text);
}

.tara-radio-modal-action[b-lo8wheg7i6] {
    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-lo8wheg7i6] {
        padding: 10px;
        align-items: end;
    }

    .tara-radio-modal[b-lo8wheg7i6] {
        max-height: 92vh;
        border-radius: var(--tara-radius) var(--tara-radius) 0 0;
    }

    .tara-radio-modal-hero[b-lo8wheg7i6] {
        border-radius: var(--tara-radius) var(--tara-radius) 0 0;
    }

    .tara-radio-modal-actions[b-lo8wheg7i6] {
        flex-direction: column;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresReportesBasicoOperaciones.razor.rz.scp.css */
.tara-basico-page[b-2mwesrpyrg] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

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

.tara-basico-header span[b-2mwesrpyrg] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-basico-header h1[b-2mwesrpyrg] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-basico-header p[b-2mwesrpyrg] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-basico-panel[b-2mwesrpyrg] {
    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-2mwesrpyrg] {
    border-radius: var(--tara-radius-sm);
}

.tara-basico-results[b-2mwesrpyrg] {
    padding: .85rem;
}

.tara-basico-empty-state[b-2mwesrpyrg] {
    display: grid;
    place-items: center;
    gap: .45rem;
    min-height: 220px;
    padding: 1.4rem;
    text-align: center;
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-bg);
}

.tara-basico-empty-state__eyebrow[b-2mwesrpyrg] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-basico-empty-state strong[b-2mwesrpyrg] {
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-basico-empty-state p[b-2mwesrpyrg] {
    margin: 0;
    max-width: 520px;
    color: var(--tara-text-muted);
}

.tara-basico-filter-grid[b-2mwesrpyrg] {
    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-2mwesrpyrg] {
    min-width: 0;
}

.tara-basico-field[b-2mwesrpyrg] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

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

.tara-basico-field input[b-2mwesrpyrg] {
    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-2mwesrpyrg],
.tara-basico-field input:focus[b-2mwesrpyrg] {
    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-2mwesrpyrg] {
    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-2mwesrpyrg] {
    width: 16px;
    height: 16px;
    accent-color: var(--tara-primary);
}

.tara-basico-actions[b-2mwesrpyrg] {
    align-self: end;
}

.tara-basico-filter-meta[b-2mwesrpyrg] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: 0 .85rem .85rem;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-basico-filter-pill[b-2mwesrpyrg] {
    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-2mwesrpyrg] {
    display: grid;
    grid-template-columns: minmax(220px, 360px) minmax(0, 1fr);
    align-items: end;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-basico-status[b-2mwesrpyrg] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    text-align: right;
    padding-bottom: .5rem;
}

.tara-basico-table-scroll[b-2mwesrpyrg] {
    max-width: 100%;
    max-height: clamp(400px, calc(100vh - 355px), 720px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-basico-table[b-2mwesrpyrg] {
    min-width: 980px;
    width: max-content;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tara-text);
    font-size: .84rem;
}

.tara-basico-table th[b-2mwesrpyrg],
.tara-basico-table td[b-2mwesrpyrg] {
    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-2mwesrpyrg] {
    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-2mwesrpyrg] {
    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-2mwesrpyrg] {
    background: var(--tara-row-odd);
}

.tara-basico-table tbody tr:nth-child(even) td[b-2mwesrpyrg] {
    background: var(--tara-row-even);
}

.tara-basico-table tbody tr:hover td[b-2mwesrpyrg] {
    background: var(--tara-row-hover);
}

.tara-basico-col-description[b-2mwesrpyrg] {
    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-2mwesrpyrg] {
    z-index: 4;
}

.tara-basico-col-description strong[b-2mwesrpyrg] {
    font-weight: 900;
}

.tara-basico-col-total[b-2mwesrpyrg] {
    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-2mwesrpyrg] {
    z-index: 4;
}

.tara-basico-table tbody td.tara-basico-col-total[b-2mwesrpyrg],
.tara-basico-table tbody tr:hover td.tara-basico-col-total[b-2mwesrpyrg] {
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface)) !important;
}

.tara-basico-sort-active button[b-2mwesrpyrg] {
    color: var(--tara-primary-dark) !important;
}

.tara-basico-state[b-2mwesrpyrg] {
    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-2mwesrpyrg] {
    min-height: 260px;
}

.tara-basico-state[b-2mwesrpyrg]  .mud-icon-root {
    color: var(--tara-text-muted);
}

@media (max-width: 1180px) {
    .tara-basico-filter-grid[b-2mwesrpyrg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-basico-header[b-2mwesrpyrg] {
        align-items: stretch;
        flex-direction: column;
    }

    .tara-basico-filter-grid[b-2mwesrpyrg],
    .tara-basico-toolbar[b-2mwesrpyrg] {
        grid-template-columns: 1fr;
    }

    .tara-basico-status[b-2mwesrpyrg] {
        text-align: left;
        padding-bottom: 0;
    }

    .tara-basico-table-scroll[b-2mwesrpyrg] {
        max-height: 62vh;
    }

    .tara-basico-table[b-2mwesrpyrg] {
        min-width: 920px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresReportesInteligentes.razor.rz.scp.css */
.tara-ri-page[b-9es4ipkg9o] {
    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-9es4ipkg9o],
.tara-ri-state[b-9es4ipkg9o] {
    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-9es4ipkg9o],
.tara-ri-state .mud-icon-root[b-9es4ipkg9o] {
    color: var(--tara-text-muted);
    font-size: 2rem;
}

.tara-ri-header[b-9es4ipkg9o] {
    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-9es4ipkg9o] {
    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-9es4ipkg9o] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.1;
}

.tara-ri-header p[b-9es4ipkg9o] {
    margin: 4px 0 0;
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-ri-actions[b-9es4ipkg9o] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.tara-ri-period[b-9es4ipkg9o] {
    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;
}

[b-9es4ipkg9o] .tara-ri-mud-select .mud-input-control {
    margin-top: 0;
}

[b-9es4ipkg9o] .tara-ri-mud-select .mud-input-outlined {
    min-height: 32px;
    background: var(--tara-surface);
    border-radius: var(--tara-radius-sm);
}

[b-9es4ipkg9o] .tara-ri-mud-select .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--tara-border);
}

[b-9es4ipkg9o] .tara-ri-mud-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-9es4ipkg9o] .tara-ri-mud-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-9es4ipkg9o] .tara-ri-mud-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

.tara-ri-intro[b-9es4ipkg9o],
.tara-ri-detail[b-9es4ipkg9o],
.tara-ri-report[b-9es4ipkg9o] {
    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-9es4ipkg9o] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
    padding: 14px;
}

.tara-ri-intro strong[b-9es4ipkg9o] {
    color: var(--tara-text);
}

.tara-ri-intro p[b-9es4ipkg9o],
.tara-ri-intro small[b-9es4ipkg9o] {
    margin: 4px 0 0;
    color: var(--tara-text-muted);
}

.tara-ri-intro small[b-9es4ipkg9o] {
    flex: 0 0 auto;
    font-size: .78rem;
    font-weight: 800;
}

.tara-ri-alert[b-9es4ipkg9o] {
    margin-bottom: 14px;
}

.tara-ri-catalog[b-9es4ipkg9o] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.tara-ri-report[b-9es4ipkg9o] {
    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-9es4ipkg9o],
.tara-ri-report:focus-visible[b-9es4ipkg9o],
.tara-ri-report--active[b-9es4ipkg9o] {
    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-9es4ipkg9o] {
    outline: 2px solid var(--tara-primary);
    outline-offset: 2px;
}

.tara-ri-report .mud-icon-root[b-9es4ipkg9o] {
    color: var(--report-accent, var(--tara-primary-dark));
}

.tara-ri-report span[b-9es4ipkg9o] {
    display: block;
    margin-top: 10px;
    color: var(--tara-text);
    font-size: .98rem;
    font-weight: 900;
}

.tara-ri-report p[b-9es4ipkg9o] {
    margin: 5px 0 0;
    color: var(--tara-text-muted);
    font-size: .8rem;
    line-height: 1.35;
}

.tara-ri-report--ventas[b-9es4ipkg9o],
.tara-ri-report--existencia[b-9es4ipkg9o],
.tara-ri-report--nuevo[b-9es4ipkg9o] {
    --report-accent: var(--tara-primary-dark);
}

.tara-ri-report--utilidad[b-9es4ipkg9o],
.tara-ri-report--fragil[b-9es4ipkg9o] {
    --report-accent: var(--tara-success);
}

.tara-ri-report--descuento[b-9es4ipkg9o],
.tara-ri-report--lento[b-9es4ipkg9o] {
    --report-accent: var(--tara-warning);
}

.tara-ri-report--alerta[b-9es4ipkg9o] {
    --report-accent: var(--tara-danger);
}

.tara-ri-detail[b-9es4ipkg9o] {
    overflow: hidden;
}

.tara-ri-detail-head[b-9es4ipkg9o] {
    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-9es4ipkg9o] {
    color: var(--tara-primary);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.tara-ri-detail-head h2[b-9es4ipkg9o] {
    margin: 3px 0 0;
    color: var(--tara-text);
    font-size: 1.25rem;
}

.tara-ri-detail-head p[b-9es4ipkg9o] {
    margin: 4px 0 0;
    color: var(--tara-text-muted);
}

.tara-ri-detail-meta[b-9es4ipkg9o] {
    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-9es4ipkg9o],
.tara-ri-detail-meta small[b-9es4ipkg9o] {
    display: block;
}

.tara-ri-detail-meta strong[b-9es4ipkg9o] {
    color: var(--tara-primary-dark);
    font-size: 1.25rem;
}

.tara-ri-detail-meta small[b-9es4ipkg9o] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
}

.tara-ri-state--compact[b-9es4ipkg9o] {
    min-height: 180px;
}

.tara-ri-table-scroll[b-9es4ipkg9o] {
    overflow: auto;
    max-width: 100%;
}

.tara-ri-table[b-9es4ipkg9o] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    background: var(--tara-surface);
    font-size: .82rem;
}

.tara-ri-table th[b-9es4ipkg9o],
.tara-ri-table td[b-9es4ipkg9o] {
    padding: 8px 10px;
    border: 1px solid var(--tara-border);
    white-space: nowrap;
    vertical-align: middle;
}

.tara-ri-table th[b-9es4ipkg9o] {
    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-9es4ipkg9o] {
    background: var(--tara-row-odd);
}

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

.tara-ri-table tbody tr:hover[b-9es4ipkg9o] {
    background: var(--tara-row-hover);
}

.tara-ri-cell-money[b-9es4ipkg9o],
.tara-ri-cell-number[b-9es4ipkg9o] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
}

@media (max-width: 1180px) {
    .tara-ri-catalog[b-9es4ipkg9o] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-ri-page[b-9es4ipkg9o] {
        padding: 16px 12px 24px;
    }

    .tara-ri-header[b-9es4ipkg9o],
    .tara-ri-intro[b-9es4ipkg9o],
    .tara-ri-detail-head[b-9es4ipkg9o] {
        flex-direction: column;
    }

    .tara-ri-actions[b-9es4ipkg9o] {
        width: 100%;
        justify-content: space-between;
    }

    .tara-ri-catalog[b-9es4ipkg9o] {
        grid-template-columns: 1fr;
    }

    .tara-ri-report[b-9es4ipkg9o] {
        min-height: 112px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresTesoreriaReporte.razor.rz.scp.css */
.tara-tes-page[b-0rgk9msg2c] {
    min-height: 100%;
    padding: 1.15rem;
    background: var(--tara-bg);
    color: var(--tara-text);
}

.tara-tes-header[b-0rgk9msg2c] {
    margin-bottom: .85rem;
}

.tara-tes-alert[b-0rgk9msg2c] {
    margin-bottom: .75rem;
}

.tara-tes-filter-grid[b-0rgk9msg2c] {
    display: grid;
    grid-template-columns: minmax(260px, 1.15fr) minmax(240px, 1fr) minmax(190px, auto) minmax(220px, auto);
    gap: .75rem;
    align-items: center;
}

.tara-tes-filter-summary-label[b-0rgk9msg2c] {
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    color: var(--tara-primary-dark);
    text-transform: uppercase;
}

.tara-tes-filter-summary-text[b-0rgk9msg2c],
.tara-tes-filter-meta[b-0rgk9msg2c],
.tara-tes-status[b-0rgk9msg2c] {
    color: var(--tara-text-muted);
    font-size: .83rem;
}

.tara-tes-filter-meta[b-0rgk9msg2c] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    margin-top: .45rem;
}

.tara-tes-panel[b-0rgk9msg2c] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-tes-results[b-0rgk9msg2c] {
    margin-top: .85rem;
    overflow: hidden;
}

.tara-tes-toolbar[b-0rgk9msg2c] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: .85rem;
    padding: .8rem .9rem;
    border-bottom: 1px solid var(--tara-border);
    background: var(--tara-surface-muted);
}

.tara-tes-toolbar--no-search[b-0rgk9msg2c] {
    justify-content: flex-end;
}

.tara-tes-field[b-0rgk9msg2c] {
    display: grid;
    gap: .25rem;
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.tara-tes-field input[b-0rgk9msg2c] {
    min-height: 36px;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding: .35rem .6rem;
    background: var(--tara-surface);
    color: var(--tara-text);
    text-transform: none;
    letter-spacing: 0;
    font-weight: 500;
}

.tara-tes-field input:focus[b-0rgk9msg2c] {
    outline: 2px solid color-mix(in srgb, var(--tara-primary) 28%, transparent);
    border-color: var(--tara-primary);
}

.tara-tes-table-scroll[b-0rgk9msg2c] {
    max-height: clamp(430px, calc(100vh - 370px), 730px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

.tara-tes-table[b-0rgk9msg2c] {
    width: 100%;
    min-width: 980px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: .84rem;
}

.tara-tes-table th[b-0rgk9msg2c] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    border-bottom: 1px solid var(--tara-border);
    padding: .58rem .7rem;
    text-align: right;
    white-space: nowrap;
}

.tara-tes-sort-button[b-0rgk9msg2c] {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: inherit;
    gap: .25rem;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    font: inherit;
    font-weight: 900;
    cursor: pointer;
    text-align: inherit;
}

.tara-tes-sort-button span[b-0rgk9msg2c] {
    min-width: .75rem;
    color: var(--tara-primary-dark);
    font-size: .78rem;
}

.tara-tes-sort-button:hover[b-0rgk9msg2c],
.tara-tes-sort-active[b-0rgk9msg2c] {
    color: var(--tara-primary-dark);
}

.tara-tes-table th.tara-tes-col-text[b-0rgk9msg2c],
.tara-tes-table td.tara-tes-col-text[b-0rgk9msg2c] {
    text-align: left;
}

.tara-tes-table td[b-0rgk9msg2c] {
    padding: .52rem .7rem;
    border-bottom: 1px solid var(--tara-border-soft);
    text-align: right;
    white-space: nowrap;
}

.tara-tes-table tbody tr:nth-child(odd) td[b-0rgk9msg2c] {
    background: var(--tara-row-odd);
}

.tara-tes-table tbody tr:nth-child(even) td[b-0rgk9msg2c] {
    background: var(--tara-row-even);
}

.tara-tes-table tbody tr:hover td[b-0rgk9msg2c] {
    background: var(--tara-row-hover);
}

.tara-tes-table tfoot td[b-0rgk9msg2c] {
    position: sticky;
    bottom: 0;
    background: var(--tara-surface-muted);
    border-top: 2px solid var(--tara-border);
    font-weight: 800;
}

.tara-tes-col-text:first-child[b-0rgk9msg2c] {
    position: sticky;
    left: 0;
    z-index: 1;
    box-shadow: 1px 0 0 var(--tara-border);
}

.tara-tes-table th.tara-tes-col-text:first-child[b-0rgk9msg2c] {
    z-index: 3;
}

@media (max-width: 900px) {
    .tara-tes-page[b-0rgk9msg2c] {
        padding: .75rem;
    }

    .tara-tes-filter-grid[b-0rgk9msg2c] {
        grid-template-columns: 1fr;
    }

    .tara-tes-toolbar[b-0rgk9msg2c] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresTicketsDetalleFma.razor.rz.scp.css */
.tara-tdf-page[b-de4qwboenm] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

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

.tara-tdf-header span[b-de4qwboenm] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-tdf-header h1[b-de4qwboenm] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-tdf-header p[b-de4qwboenm] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

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

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

.tara-tdf-filter-grid[b-de4qwboenm] {
    display: grid;
    grid-template-columns: minmax(280px, 1.2fr) minmax(260px, 1fr) auto;
    gap: .65rem;
    align-items: end;
    padding: .85rem;
}

.tara-tdf-date-range[b-de4qwboenm],
.tara-tdf-store-select[b-de4qwboenm] {
    min-width: 0;
}

.tara-tdf-search-btn[b-de4qwboenm] {
    min-height: 40px;
    font-weight: 800;
}

.tara-tdf-filter-meta[b-de4qwboenm] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: 0 .85rem .85rem;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-tdf-results[b-de4qwboenm] {
    padding: .85rem;
}

.tara-tdf-status[b-de4qwboenm] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: .7rem;
    color: var(--tara-text-muted);
    font-size: .84rem;
}

@media (max-width: 980px) {
    .tara-tdf-filter-grid[b-de4qwboenm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-tdf-search-btn[b-de4qwboenm] {
        width: 100%;
    }
}

@media (max-width: 720px) {
    .tara-tdf-header[b-de4qwboenm] {
        flex-direction: column;
    }

    .tara-tdf-filter-grid[b-de4qwboenm] {
        grid-template-columns: 1fr;
    }

    .tara-tdf-status[b-de4qwboenm] {
        justify-content: flex-start;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresVentasAnualesPorSucursal.razor.rz.scp.css */
.tara-anuales-page[b-aslta24adu] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

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

.tara-anuales-header span[b-aslta24adu] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-anuales-header h1[b-aslta24adu] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-anuales-header p[b-aslta24adu] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-anuales-panel[b-aslta24adu] {
    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-aslta24adu] {
    border-radius: var(--tara-radius-sm);
}

.tara-anuales-results[b-aslta24adu] {
    padding: .85rem;
}

.tara-anuales-filter-grid[b-aslta24adu] {
    display: grid;
    grid-template-columns: minmax(290px, .72fr) auto;
    gap: .6rem;
    align-items: end;
    padding: .85rem;
}

.tara-anuales-date-range[b-aslta24adu] {
    min-width: 0;
}

.tara-anuales-filter-note[b-aslta24adu] {
    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-aslta24adu] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .66rem;
    font-weight: 900;
}

.tara-anuales-filter-note strong[b-aslta24adu] {
    color: var(--tara-text);
    font-size: .88rem;
    font-weight: 850;
}

.tara-anuales-actions[b-aslta24adu] {
    align-self: end;
}

.tara-anuales-filter-meta[b-aslta24adu] {
    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-aslta24adu] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .68rem;
    font-weight: 900;
}

.tara-anuales-filter-summary-text[b-aslta24adu] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 750;
}

.tara-anuales-field[b-aslta24adu] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

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

.tara-anuales-field input[b-aslta24adu] {
    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-aslta24adu],
.tara-anuales-field input:focus[b-aslta24adu] {
    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-aslta24adu] {
    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-aslta24adu] {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: .45rem;
}

.tara-anuales-status[b-aslta24adu] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    text-align: right;
    padding-bottom: .5rem;
}

.tara-anuales-toolbar--no-search .tara-anuales-status[b-aslta24adu] {
    text-align: left;
    padding-bottom: 0;
}

.tara-anuales-table-scroll[b-aslta24adu] {
    max-width: 100%;
    max-height: clamp(400px, calc(100vh - 355px), 720px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-anuales-table[b-aslta24adu] {
    min-width: 920px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tara-text);
    font-size: .84rem;
}

.tara-anuales-table th[b-aslta24adu],
.tara-anuales-table td[b-aslta24adu] {
    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-aslta24adu] {
    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-aslta24adu] {
    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-aslta24adu] {
    background: var(--tara-row-odd);
}

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

.tara-anuales-table tbody tr:hover td[b-aslta24adu] {
    background: var(--tara-row-hover);
}

.tara-anuales-col-rank[b-aslta24adu] {
    min-width: 52px !important;
    width: 52px;
    text-align: center !important;
    color: var(--tara-text-muted);
    font-weight: 800;
}

.tara-anuales-col-store[b-aslta24adu] {
    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-aslta24adu] {
    z-index: 4;
}

.tara-anuales-col-store strong[b-aslta24adu] {
    font-weight: 900;
}

.tara-anuales-sort-active button[b-aslta24adu] {
    color: var(--tara-primary-dark) !important;
}

.tara-anuales-table tfoot td[b-aslta24adu] {
    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-aslta24adu],
.tara-anuales-table tfoot td:nth-child(2)[b-aslta24adu] {
    color: var(--tara-primary-dark);
}

.tara-anuales-table tfoot .tara-anuales-col-store[b-aslta24adu] {
    z-index: 3;
}

.tara-anuales-state[b-aslta24adu] {
    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-aslta24adu]  .mud-icon-root {
    color: var(--tara-text-muted);
}

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

    .tara-anuales-filter-grid[b-aslta24adu],
    .tara-anuales-toolbar[b-aslta24adu] {
        grid-template-columns: 1fr;
    }

    .tara-anuales-status[b-aslta24adu] {
        text-align: left;
        padding-bottom: 0;
    }

    .tara-anuales-table-scroll[b-aslta24adu] {
        max-height: 62vh;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresVentasConAccesorios.razor.rz.scp.css */
.tara-acc-page[b-0gyegt5kh4] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

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

.tara-acc-header span[b-0gyegt5kh4] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-acc-header h1[b-0gyegt5kh4] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-acc-header p[b-0gyegt5kh4] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-acc-panel[b-0gyegt5kh4] {
    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-0gyegt5kh4] {
    border-radius: var(--tara-radius-sm);
}

.tara-acc-results[b-0gyegt5kh4] {
    padding: .85rem;
}

.tara-acc-filter-grid[b-0gyegt5kh4] {
    display: grid;
    grid-template-columns: minmax(290px, .7fr) minmax(260px, .8fr) auto;
    gap: .6rem;
    align-items: end;
    padding: .85rem;
}

.tara-acc-date-range[b-0gyegt5kh4] {
    min-width: 0;
}

.tara-acc-field[b-0gyegt5kh4] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

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

.tara-acc-field input[b-0gyegt5kh4] {
    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-0gyegt5kh4],
.tara-acc-field input:focus[b-0gyegt5kh4] {
    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-0gyegt5kh4] {
    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-0gyegt5kh4] {
    width: 16px;
    height: 16px;
    accent-color: var(--tara-primary);
}

.tara-acc-actions[b-0gyegt5kh4] {
    align-self: end;
}

.tara-acc-filter-meta[b-0gyegt5kh4] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: 0 .85rem .85rem;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-acc-filter-pill[b-0gyegt5kh4] {
    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-0gyegt5kh4] {
    display: grid;
    grid-template-columns: minmax(220px, 360px) minmax(0, 1fr);
    align-items: end;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-acc-status[b-0gyegt5kh4] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    text-align: right;
    padding-bottom: .5rem;
}

.tara-acc-table-scroll[b-0gyegt5kh4] {
    max-width: 100%;
    max-height: clamp(400px, calc(100vh - 355px), 720px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-acc-table[b-0gyegt5kh4] {
    min-width: 1120px;
    width: max-content;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tara-text);
    font-size: .84rem;
}

.tara-acc-table th[b-0gyegt5kh4],
.tara-acc-table td[b-0gyegt5kh4] {
    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-0gyegt5kh4] {
    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-0gyegt5kh4] {
    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-0gyegt5kh4] {
    background: var(--tara-row-odd);
}

.tara-acc-table tbody tr:nth-child(even) td[b-0gyegt5kh4] {
    background: var(--tara-row-even);
}

.tara-acc-table tbody tr:hover td[b-0gyegt5kh4] {
    background: var(--tara-row-hover);
}

.tara-acc-col-store[b-0gyegt5kh4] {
    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-0gyegt5kh4] {
    z-index: 4;
}

.tara-acc-col-store strong[b-0gyegt5kh4] {
    font-weight: 900;
}

.tara-acc-col-total[b-0gyegt5kh4] {
    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-0gyegt5kh4] {
    z-index: 4;
}

.tara-acc-table tbody td.tara-acc-col-total[b-0gyegt5kh4],
.tara-acc-table tbody tr:hover td.tara-acc-col-total[b-0gyegt5kh4] {
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface)) !important;
}

.tara-acc-sort-active button[b-0gyegt5kh4] {
    color: var(--tara-primary-dark) !important;
}

.tara-acc-state[b-0gyegt5kh4] {
    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-0gyegt5kh4] {
    min-height: 260px;
}

.tara-acc-state[b-0gyegt5kh4]  .mud-icon-root {
    color: var(--tara-text-muted);
}

@media (max-width: 1180px) {
    .tara-acc-filter-grid[b-0gyegt5kh4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-acc-header[b-0gyegt5kh4] {
        align-items: stretch;
        flex-direction: column;
    }

    .tara-acc-filter-grid[b-0gyegt5kh4],
    .tara-acc-toolbar[b-0gyegt5kh4] {
        grid-template-columns: 1fr;
    }

    .tara-acc-status[b-0gyegt5kh4] {
        text-align: left;
        padding-bottom: 0;
    }

    .tara-acc-table-scroll[b-0gyegt5kh4] {
        max-height: 62vh;
    }

    .tara-acc-table[b-0gyegt5kh4] {
        min-width: 920px;
    }
}


.tara-acc-col-rank[b-0gyegt5kh4] {
    min-width: 52px !important;
    width: 52px;
    text-align: center !important;
    color: var(--tara-text-muted);
    font-weight: 800;
}

.tara-acc-store-select[b-0gyegt5kh4] {
    min-width: 0;
}

.tara-acc-table tfoot td[b-0gyegt5kh4] {
    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-0gyegt5kh4] {
    z-index: 3;
}

.tara-acc-filter-summary-label[b-0gyegt5kh4] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .68rem;
    font-weight: 900;
}

.tara-acc-filter-summary-text[b-0gyegt5kh4] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 750;
}

.tara-acc-toolbar--no-search[b-0gyegt5kh4] {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: .45rem;
}

.tara-acc-toolbar--no-search .tara-acc-status[b-0gyegt5kh4] {
    text-align: left;
    padding-bottom: 0;
}

.tara-acc-table tfoot td[b-0gyegt5kh4] {
    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-0gyegt5kh4],
.tara-acc-table tfoot td:nth-child(2)[b-0gyegt5kh4] {
    color: var(--tara-primary-dark);
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresVentasPorHoraGlobal.razor.rz.scp.css */
.tara-horaglobal-page[b-ukekg25voo] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

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

.tara-horaglobal-header span[b-ukekg25voo] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-horaglobal-header h1[b-ukekg25voo] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-horaglobal-header p[b-ukekg25voo] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-horaglobal-panel[b-ukekg25voo] {
    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-ukekg25voo] {
    border-radius: var(--tara-radius-sm);
}

.tara-horaglobal-results[b-ukekg25voo] {
    padding: .85rem;
}

.tara-horaglobal-kpis[b-ukekg25voo] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .65rem;
    margin-bottom: .85rem;
}

.tara-horaglobal-kpi[b-ukekg25voo] {
    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-ukekg25voo] {
    display: block;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .64rem;
    font-weight: 850;
}

.tara-horaglobal-kpi strong[b-ukekg25voo] {
    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-ukekg25voo] {
    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-ukekg25voo] {
    color: var(--tara-primary-dark);
}

.tara-horaglobal-chart-shell[b-ukekg25voo] {
    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-ukekg25voo] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-horaglobal-chart-head span[b-ukekg25voo] {
    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-ukekg25voo] {
    color: var(--tara-text);
    font-size: .96rem;
    font-weight: 900;
}

.tara-horaglobal-metric-toggle[b-ukekg25voo] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: .25rem;
    justify-content: flex-end;
}

.tara-horaglobal-metric-btn[b-ukekg25voo] {
    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-ukekg25voo],
.tara-horaglobal-metric-btn:focus-visible[b-ukekg25voo] {
    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-ukekg25voo] {
    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-ukekg25voo] {
    display: grid;
    gap: .42rem;
}

.tara-horaglobal-bar-row[b-ukekg25voo] {
    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-ukekg25voo] {
    background: color-mix(in srgb, var(--tara-primary) 4%, transparent);
}

.tara-horaglobal-bar-label[b-ukekg25voo] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-horaglobal-bar-track[b-ukekg25voo] {
    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-ukekg25voo] {
    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-ukekg25voo .38s ease-out both;
}

.tara-horaglobal-bar-row--peak .tara-horaglobal-bar[b-ukekg25voo] {
    background: var(--tara-primary-dark);
}

.tara-horaglobal-bar-row--peak .tara-horaglobal-bar-label[b-ukekg25voo],
.tara-horaglobal-bar-row--peak .tara-horaglobal-bar-value[b-ukekg25voo] {
    color: var(--tara-primary-dark);
}

.tara-horaglobal-bar-value[b-ukekg25voo] {
    color: var(--tara-text);
    font-size: .8rem;
    font-weight: 900;
    text-align: right;
    white-space: nowrap;
}

@keyframes tara-horaglobal-bar-in-b-ukekg25voo {
    from {
        width: 0;
        opacity: .45;
    }
    to {
        width: var(--bar-width);
        opacity: 1;
    }
}

.tara-horaglobal-filter-grid[b-ukekg25voo] {
    display: grid;
    grid-template-columns: minmax(290px, .72fr) auto;
    gap: .6rem;
    align-items: end;
    padding: .85rem;
}

.tara-horaglobal-date-range[b-ukekg25voo] {
    min-width: 0;
}

.tara-horaglobal-actions[b-ukekg25voo] {
    align-self: end;
}

.tara-horaglobal-filter-meta[b-ukekg25voo] {
    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-ukekg25voo] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .68rem;
    font-weight: 900;
}

.tara-horaglobal-filter-summary-text[b-ukekg25voo] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 750;
}

.tara-horaglobal-field[b-ukekg25voo] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

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

.tara-horaglobal-field input[b-ukekg25voo] {
    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-ukekg25voo],
.tara-horaglobal-field input:focus[b-ukekg25voo] {
    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-ukekg25voo] {
    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-ukekg25voo] {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: .45rem;
}

.tara-horaglobal-status[b-ukekg25voo] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    text-align: right;
    padding-bottom: .5rem;
}

.tara-horaglobal-toolbar--no-search .tara-horaglobal-status[b-ukekg25voo] {
    text-align: left;
    padding-bottom: 0;
}

.tara-horaglobal-table-scroll[b-ukekg25voo] {
    max-width: 100%;
    max-height: clamp(400px, calc(100vh - 355px), 720px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-horaglobal-table[b-ukekg25voo] {
    min-width: 1080px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tara-text);
    font-size: .84rem;
}

.tara-horaglobal-table th[b-ukekg25voo],
.tara-horaglobal-table td[b-ukekg25voo] {
    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-ukekg25voo] {
    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-ukekg25voo] {
    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-ukekg25voo] {
    background: var(--tara-row-odd);
}

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

.tara-horaglobal-table tbody tr:hover td[b-ukekg25voo] {
    background: var(--tara-row-hover);
}

.tara-horaglobal-col-rank[b-ukekg25voo] {
    min-width: 52px !important;
    width: 52px;
    text-align: center !important;
    color: var(--tara-text-muted);
    font-weight: 800;
}

.tara-horaglobal-col-hour[b-ukekg25voo] {
    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-ukekg25voo] {
    z-index: 4;
}

.tara-horaglobal-col-hour strong[b-ukekg25voo] {
    font-weight: 900;
}

.tara-horaglobal-sort-active button[b-ukekg25voo] {
    color: var(--tara-primary-dark) !important;
}

.tara-horaglobal-table tfoot td[b-ukekg25voo] {
    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-ukekg25voo],
.tara-horaglobal-table tfoot td:nth-child(2)[b-ukekg25voo] {
    color: var(--tara-primary-dark);
}

.tara-horaglobal-table tfoot .tara-horaglobal-col-hour[b-ukekg25voo] {
    z-index: 3;
}

.tara-horaglobal-state[b-ukekg25voo] {
    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-ukekg25voo]  .mud-icon-root {
    color: var(--tara-text-muted);
}

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

    .tara-horaglobal-filter-grid[b-ukekg25voo],
    .tara-horaglobal-toolbar[b-ukekg25voo] {
        grid-template-columns: 1fr;
    }

    .tara-horaglobal-status[b-ukekg25voo] {
        text-align: left;
        padding-bottom: 0;
    }

    .tara-horaglobal-table-scroll[b-ukekg25voo] {
        max-height: 62vh;
    }

    .tara-horaglobal-kpis[b-ukekg25voo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-horaglobal-chart-head[b-ukekg25voo] {
        flex-direction: column;
    }

    .tara-horaglobal-metric-toggle[b-ukekg25voo] {
        justify-content: flex-start;
    }

    .tara-horaglobal-bar-row[b-ukekg25voo] {
        grid-template-columns: minmax(78px, 96px) minmax(110px, 1fr) minmax(78px, auto);
        gap: .45rem;
    }

    .tara-horaglobal-bar-value[b-ukekg25voo] {
        font-size: .74rem;
    }
}

@media (max-width: 1180px) {
    .tara-horaglobal-kpis[b-ukekg25voo] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-horaglobal-kpis[b-ukekg25voo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresVentasPorHoraSucursales.razor.rz.scp.css */
.tara-horasuc-page[b-4qfzmu1sg2] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

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

.tara-horasuc-header span[b-4qfzmu1sg2] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-horasuc-header h1[b-4qfzmu1sg2] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-horasuc-header p[b-4qfzmu1sg2] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-horasuc-panel[b-4qfzmu1sg2] {
    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-4qfzmu1sg2] {
    border-radius: var(--tara-radius-sm);
}

.tara-horasuc-results[b-4qfzmu1sg2] {
    padding: .85rem;
}

.tara-horasuc-kpis[b-4qfzmu1sg2] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .65rem;
    margin-bottom: .85rem;
}

.tara-horasuc-kpi[b-4qfzmu1sg2] {
    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-4qfzmu1sg2] {
    display: block;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .64rem;
    font-weight: 850;
}

.tara-horasuc-kpi strong[b-4qfzmu1sg2] {
    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-4qfzmu1sg2] {
    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-4qfzmu1sg2] {
    color: var(--tara-primary-dark);
}

.tara-horasuc-analysis-bar[b-4qfzmu1sg2] {
    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-4qfzmu1sg2] {
    min-width: 0;
}

.tara-horasuc-analysis-summary[b-4qfzmu1sg2] {
    display: grid;
    gap: .12rem;
    justify-items: end;
    color: var(--tara-text);
}

.tara-horasuc-analysis-summary span[b-4qfzmu1sg2] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .64rem;
    font-weight: 850;
}

.tara-horasuc-analysis-summary strong[b-4qfzmu1sg2] {
    color: var(--tara-primary-dark);
    font-size: .88rem;
    font-weight: 900;
    text-align: right;
}

.tara-horasuc-store-analysis[b-4qfzmu1sg2]  .mud-input-control {
    margin-top: 0;
}

.tara-horasuc-store-analysis[b-4qfzmu1sg2]  .mud-input-root {
    min-height: 38px;
}

.tara-horasuc-store-analysis[b-4qfzmu1sg2]  .mud-input-outlined-border {
    border-color: var(--tara-border);
}

.tara-horasuc-store-analysis[b-4qfzmu1sg2]  .mud-input-root:hover .mud-input-outlined-border,
.tara-horasuc-store-analysis[b-4qfzmu1sg2]  .mud-input-root.mud-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark);
}

.tara-horasuc-chart-shell[b-4qfzmu1sg2] {
    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-4qfzmu1sg2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-horasuc-chart-head span[b-4qfzmu1sg2] {
    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-4qfzmu1sg2] {
    color: var(--tara-text);
    font-size: .96rem;
    font-weight: 900;
}

.tara-horasuc-metric-toggle[b-4qfzmu1sg2] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: .25rem;
    justify-content: flex-end;
}

.tara-horasuc-metric-btn[b-4qfzmu1sg2] {
    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-4qfzmu1sg2],
.tara-horasuc-metric-btn:focus-visible[b-4qfzmu1sg2] {
    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-4qfzmu1sg2] {
    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-4qfzmu1sg2] {
    display: grid;
    gap: .42rem;
}

.tara-horasuc-bar-row[b-4qfzmu1sg2] {
    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-4qfzmu1sg2] {
    background: color-mix(in srgb, var(--tara-primary) 4%, transparent);
}

.tara-horasuc-bar-label[b-4qfzmu1sg2] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-horasuc-bar-track[b-4qfzmu1sg2] {
    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-4qfzmu1sg2] {
    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-4qfzmu1sg2 .38s ease-out both;
}

.tara-horasuc-bar-row--peak .tara-horasuc-bar[b-4qfzmu1sg2] {
    background: var(--tara-primary-dark);
}

.tara-horasuc-bar-row--peak .tara-horasuc-bar-label[b-4qfzmu1sg2],
.tara-horasuc-bar-row--peak .tara-horasuc-bar-value[b-4qfzmu1sg2] {
    color: var(--tara-primary-dark);
}

.tara-horasuc-bar-value[b-4qfzmu1sg2] {
    color: var(--tara-text);
    font-size: .8rem;
    font-weight: 900;
    text-align: right;
    white-space: nowrap;
}

@keyframes tara-horasuc-bar-in-b-4qfzmu1sg2 {
    from {
        width: 0;
        opacity: .45;
    }
    to {
        width: var(--bar-width);
        opacity: 1;
    }
}

.tara-horasuc-filter-grid[b-4qfzmu1sg2] {
    display: grid;
    grid-template-columns: minmax(290px, .72fr) auto;
    gap: .6rem;
    align-items: end;
    padding: .85rem;
}

.tara-horasuc-date-range[b-4qfzmu1sg2] {
    min-width: 0;
}

.tara-horasuc-actions[b-4qfzmu1sg2] {
    align-self: end;
}

.tara-horasuc-filter-meta[b-4qfzmu1sg2] {
    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-4qfzmu1sg2] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .68rem;
    font-weight: 900;
}

.tara-horasuc-filter-summary-text[b-4qfzmu1sg2] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 750;
}

.tara-horasuc-field[b-4qfzmu1sg2] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

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

.tara-horasuc-field input[b-4qfzmu1sg2] {
    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-4qfzmu1sg2],
.tara-horasuc-field input:focus[b-4qfzmu1sg2] {
    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-4qfzmu1sg2] {
    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-4qfzmu1sg2] {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: .45rem;
}

.tara-horasuc-status[b-4qfzmu1sg2] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    text-align: right;
    padding-bottom: .5rem;
}

.tara-horasuc-toolbar--no-search .tara-horasuc-status[b-4qfzmu1sg2] {
    text-align: left;
    padding-bottom: 0;
}

.tara-horasuc-table-scroll[b-4qfzmu1sg2] {
    max-width: 100%;
    max-height: clamp(400px, calc(100vh - 355px), 720px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-horasuc-table[b-4qfzmu1sg2] {
    min-width: 1220px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tara-text);
    font-size: .84rem;
}

.tara-horasuc-table th[b-4qfzmu1sg2],
.tara-horasuc-table td[b-4qfzmu1sg2] {
    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-4qfzmu1sg2] {
    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-4qfzmu1sg2] {
    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-4qfzmu1sg2] {
    background: var(--tara-row-odd);
}

.tara-horasuc-table tbody tr:nth-child(even) td[b-4qfzmu1sg2] {
    background: var(--tara-row-even);
}

.tara-horasuc-table tbody tr:hover td[b-4qfzmu1sg2] {
    background: var(--tara-row-hover);
}

.tara-horasuc-col-rank[b-4qfzmu1sg2] {
    min-width: 52px !important;
    width: 52px;
    text-align: center !important;
    color: var(--tara-text-muted);
    font-weight: 800;
}

.tara-horasuc-col-store[b-4qfzmu1sg2] {
    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-4qfzmu1sg2] {
    z-index: 4;
}

.tara-horasuc-col-store strong[b-4qfzmu1sg2] {
    font-weight: 900;
}

.tara-horasuc-col-hour[b-4qfzmu1sg2] {
    min-width: 150px !important;
    text-align: left !important;
}

.tara-horasuc-col-hour strong[b-4qfzmu1sg2] {
    font-weight: 900;
}

.tara-horasuc-sort-active button[b-4qfzmu1sg2] {
    color: var(--tara-primary-dark) !important;
}

.tara-horasuc-table tfoot td[b-4qfzmu1sg2] {
    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-4qfzmu1sg2],
.tara-horasuc-table tfoot td:nth-child(2)[b-4qfzmu1sg2],
.tara-horasuc-table tfoot td:nth-child(3)[b-4qfzmu1sg2] {
    color: var(--tara-primary-dark);
}

.tara-horasuc-table tfoot .tara-horasuc-col-store[b-4qfzmu1sg2] {
    z-index: 3;
}

.tara-horasuc-state[b-4qfzmu1sg2] {
    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-4qfzmu1sg2]  .mud-icon-root {
    color: var(--tara-text-muted);
}

@media (max-width: 760px) {
    .tara-horasuc-header[b-4qfzmu1sg2] {
        align-items: stretch;
        flex-direction: column;
    }

    .tara-horasuc-filter-grid[b-4qfzmu1sg2],
    .tara-horasuc-toolbar[b-4qfzmu1sg2] {
        grid-template-columns: 1fr;
    }

    .tara-horasuc-status[b-4qfzmu1sg2] {
        text-align: left;
        padding-bottom: 0;
    }

    .tara-horasuc-table-scroll[b-4qfzmu1sg2] {
        max-height: 62vh;
    }

    .tara-horasuc-kpis[b-4qfzmu1sg2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-horasuc-chart-head[b-4qfzmu1sg2] {
        flex-direction: column;
    }

    .tara-horasuc-analysis-bar[b-4qfzmu1sg2] {
        grid-template-columns: 1fr;
    }

    .tara-horasuc-analysis-summary[b-4qfzmu1sg2] {
        justify-items: start;
    }

    .tara-horasuc-analysis-summary strong[b-4qfzmu1sg2] {
        text-align: left;
    }

    .tara-horasuc-metric-toggle[b-4qfzmu1sg2] {
        justify-content: flex-start;
    }

    .tara-horasuc-bar-row[b-4qfzmu1sg2] {
        grid-template-columns: minmax(78px, 96px) minmax(110px, 1fr) minmax(78px, auto);
        gap: .45rem;
    }

    .tara-horasuc-bar-value[b-4qfzmu1sg2] {
        font-size: .74rem;
    }
}

@media (max-width: 1180px) {
    .tara-horasuc-kpis[b-4qfzmu1sg2] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .tara-horasuc-kpis[b-4qfzmu1sg2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresVentasPorSucursal.razor.rz.scp.css */
.tara-ventas-page[b-hdxpnpd9w6] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

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

.tara-ventas-header span[b-hdxpnpd9w6] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-ventas-header h1[b-hdxpnpd9w6] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-ventas-header p[b-hdxpnpd9w6] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-ventas-panel[b-hdxpnpd9w6] {
    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-hdxpnpd9w6] {
    border-radius: var(--tara-radius-sm);
}

.tara-ventas-results[b-hdxpnpd9w6] {
    padding: .85rem;
}

.tara-ventas-filter-grid[b-hdxpnpd9w6] {
    display: grid;
    grid-template-columns: minmax(290px, .7fr) minmax(260px, .8fr) auto;
    gap: .6rem;
    align-items: end;
    padding: .85rem;
}

.tara-ventas-date-range[b-hdxpnpd9w6] {
    min-width: 0;
}

.tara-ventas-field[b-hdxpnpd9w6] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

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

.tara-ventas-field input[b-hdxpnpd9w6] {
    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-hdxpnpd9w6],
.tara-ventas-field input:focus[b-hdxpnpd9w6] {
    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-hdxpnpd9w6] {
    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-hdxpnpd9w6] {
    width: 16px;
    height: 16px;
    accent-color: var(--tara-primary);
}

.tara-ventas-actions[b-hdxpnpd9w6] {
    align-self: end;
}

.tara-ventas-filter-meta[b-hdxpnpd9w6] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: 0 .85rem .85rem;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-ventas-filter-pill[b-hdxpnpd9w6] {
    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-hdxpnpd9w6] {
    display: grid;
    grid-template-columns: minmax(220px, 360px) minmax(0, 1fr);
    align-items: end;
    gap: .75rem;
    margin-bottom: .7rem;
}

.tara-ventas-status[b-hdxpnpd9w6] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    text-align: right;
    padding-bottom: .5rem;
}

.tara-ventas-table-scroll[b-hdxpnpd9w6] {
    max-width: 100%;
    max-height: clamp(400px, calc(100vh - 355px), 720px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-ventas-table[b-hdxpnpd9w6] {
    min-width: 1120px;
    width: max-content;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tara-text);
    font-size: .84rem;
}

.tara-ventas-table th[b-hdxpnpd9w6],
.tara-ventas-table td[b-hdxpnpd9w6] {
    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-hdxpnpd9w6] {
    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-hdxpnpd9w6] {
    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-hdxpnpd9w6] {
    background: var(--tara-row-odd);
}

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

.tara-ventas-table tbody tr:hover td[b-hdxpnpd9w6] {
    background: var(--tara-row-hover);
}

.tara-ventas-col-store[b-hdxpnpd9w6] {
    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-hdxpnpd9w6] {
    z-index: 4;
}

.tara-ventas-col-store strong[b-hdxpnpd9w6] {
    font-weight: 900;
}

.tara-ventas-col-total[b-hdxpnpd9w6] {
    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-hdxpnpd9w6] {
    z-index: 4;
}

.tara-ventas-table tbody td.tara-ventas-col-total[b-hdxpnpd9w6],
.tara-ventas-table tbody tr:hover td.tara-ventas-col-total[b-hdxpnpd9w6] {
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface)) !important;
}

.tara-ventas-sort-active button[b-hdxpnpd9w6] {
    color: var(--tara-primary-dark) !important;
}

.tara-ventas-state[b-hdxpnpd9w6] {
    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-hdxpnpd9w6] {
    min-height: 260px;
}

.tara-ventas-state[b-hdxpnpd9w6]  .mud-icon-root {
    color: var(--tara-text-muted);
}

@media (max-width: 1180px) {
    .tara-ventas-filter-grid[b-hdxpnpd9w6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

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

    .tara-ventas-filter-grid[b-hdxpnpd9w6],
    .tara-ventas-toolbar[b-hdxpnpd9w6] {
        grid-template-columns: 1fr;
    }

    .tara-ventas-status[b-hdxpnpd9w6] {
        text-align: left;
        padding-bottom: 0;
    }

    .tara-ventas-table-scroll[b-hdxpnpd9w6] {
        max-height: 62vh;
    }

    .tara-ventas-table[b-hdxpnpd9w6] {
        min-width: 920px;
    }
}


.tara-ventas-col-rank[b-hdxpnpd9w6] {
    min-width: 52px !important;
    width: 52px;
    text-align: center !important;
    color: var(--tara-text-muted);
    font-weight: 800;
}

.tara-ventas-store-select[b-hdxpnpd9w6] {
    min-width: 0;
}

.tara-ventas-table tfoot td[b-hdxpnpd9w6] {
    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-hdxpnpd9w6] {
    z-index: 3;
}

.tara-ventas-filter-summary-label[b-hdxpnpd9w6] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .68rem;
    font-weight: 900;
}

.tara-ventas-filter-summary-text[b-hdxpnpd9w6] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 750;
}

.tara-ventas-toolbar--no-search[b-hdxpnpd9w6] {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: .45rem;
}

.tara-ventas-toolbar--no-search .tara-ventas-status[b-hdxpnpd9w6] {
    text-align: left;
    padding-bottom: 0;
}

.tara-ventas-table tfoot td[b-hdxpnpd9w6] {
    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-hdxpnpd9w6],
.tara-ventas-table tfoot td:nth-child(2)[b-hdxpnpd9w6] {
    color: var(--tara-primary-dark);
}

/* ── Resumen visual ──────────────────────────────────────────────────────── */

.tara-ventas-summary[b-hdxpnpd9w6] {
    padding: .85rem 1rem;
    display: grid;
    gap: .85rem;
}

/* KPIs */
.tara-vs-kpis[b-hdxpnpd9w6] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .6rem;
}

@media (max-width: 900px) {
    .tara-vs-kpis[b-hdxpnpd9w6] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 520px) {
    .tara-vs-kpis[b-hdxpnpd9w6] { grid-template-columns: 1fr; }
}

.tara-vs-kpi[b-hdxpnpd9w6] {
    display: flex;
    flex-direction: column;
    gap: .12rem;
    padding: .58rem .75rem;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
}

.tara-vs-kpi--leader[b-hdxpnpd9w6] {
    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-vs-kpi-label[b-hdxpnpd9w6] {
    font-size: .67rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--tara-text-muted);
    line-height: 1;
}

.tara-vs-kpi-value[b-hdxpnpd9w6] {
    font-size: 1.3rem;
    font-weight: 900;
    letter-spacing: -.03em;
    color: var(--tara-text);
    line-height: 1.1;
}

.tara-vs-kpi-value--name[b-hdxpnpd9w6] {
    font-size: .92rem;
    letter-spacing: -.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tara-vs-kpi-sub[b-hdxpnpd9w6] {
    font-size: .7rem;
    color: var(--tara-text-muted);
    font-weight: 500;
}

/* Gráfica horizontal */
.tara-vs-chart-wrap[b-hdxpnpd9w6] {
    display: flex;
    flex-direction: column;
    gap: .38rem;
}

.tara-vs-chart-title[b-hdxpnpd9w6] {
    font-size: .69rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--tara-text-muted);
}

.tara-vs-chart[b-hdxpnpd9w6] {
    display: flex;
    flex-direction: column;
    gap: .22rem;
}

.tara-vs-bar-row[b-hdxpnpd9w6] {
    display: grid;
    grid-template-columns: 10rem 1fr 3.5rem;
    align-items: center;
    gap: .5rem;
    min-height: 1.45rem;
}

@media (max-width: 640px) {
    .tara-vs-bar-row[b-hdxpnpd9w6] { grid-template-columns: 6rem 1fr 3rem; }
}

.tara-vs-bar-label[b-hdxpnpd9w6] {
    font-size: .74rem;
    font-weight: 600;
    color: var(--tara-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    padding-right: .25rem;
}

.tara-vs-bar-track[b-hdxpnpd9w6] {
    height: 10px;
    background: var(--tara-border-subtle);
    border-radius: 999px;
    overflow: hidden;
}

.tara-vs-bar-fill[b-hdxpnpd9w6] {
    height: 100%;
    background: color-mix(in srgb, var(--tara-primary) 70%, var(--tara-primary-dark));
    border-radius: 999px;
    transition: width .35s ease;
    min-width: 2px;
}

.tara-vs-bar-val[b-hdxpnpd9w6] {
    font-size: .72rem;
    font-weight: 700;
    color: var(--tara-text-muted);
    font-variant-numeric: tabular-nums;
    text-align: right;
}

/* Insight */
.tara-vs-insight[b-hdxpnpd9w6] {
    margin: 0;
    font-size: .78rem;
    color: var(--tara-text-muted);
    font-style: italic;
    line-height: 1.5;
    padding-top: .1rem;
    border-top: 1px solid var(--tara-border-subtle);
    padding-top: .5rem;
}

.tara-ventas-cell-clickable[b-hdxpnpd9w6] {
    cursor: pointer;
    text-decoration: underline dotted color-mix(in srgb, var(--tara-primary) 55%, transparent);
    text-underline-offset: 3px;
    transition: background .12s ease;
    color: var(--tara-primary-dark);
}

.tara-ventas-cell-clickable:hover[b-hdxpnpd9w6] {
    background: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-surface)) !important;
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresVentasPorTrimestre.razor.rz.scp.css */
.tara-trimestre-page[b-gy0azydxb1] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

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

.tara-trimestre-header span[b-gy0azydxb1] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-trimestre-header h1[b-gy0azydxb1] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-trimestre-header p[b-gy0azydxb1] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-trimestre-panel[b-gy0azydxb1] {
    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-gy0azydxb1] {
    border-radius: var(--tara-radius-sm);
}

.tara-trimestre-results[b-gy0azydxb1] {
    padding: .85rem;
}

.tara-trimestre-filter-grid[b-gy0azydxb1] {
    display: grid;
    grid-template-columns: minmax(290px, .72fr) auto;
    gap: .6rem;
    align-items: end;
    padding: .85rem;
}

.tara-trimestre-date-range[b-gy0azydxb1] {
    min-width: 0;
}

.tara-trimestre-filter-note[b-gy0azydxb1] {
    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-gy0azydxb1] {
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .66rem;
    font-weight: 900;
}

.tara-trimestre-filter-note strong[b-gy0azydxb1] {
    color: var(--tara-text);
    font-size: .88rem;
    font-weight: 850;
}

.tara-trimestre-actions[b-gy0azydxb1] {
    align-self: end;
}

.tara-trimestre-filter-meta[b-gy0azydxb1] {
    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-gy0azydxb1] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .68rem;
    font-weight: 900;
}

.tara-trimestre-filter-summary-text[b-gy0azydxb1] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 750;
}

.tara-trimestre-field[b-gy0azydxb1] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

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

.tara-trimestre-field input[b-gy0azydxb1] {
    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-gy0azydxb1],
.tara-trimestre-field input:focus[b-gy0azydxb1] {
    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-gy0azydxb1] {
    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-gy0azydxb1] {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: .45rem;
}

.tara-trimestre-status[b-gy0azydxb1] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    text-align: right;
    padding-bottom: .5rem;
}

.tara-trimestre-toolbar--no-search .tara-trimestre-status[b-gy0azydxb1] {
    text-align: left;
    padding-bottom: 0;
}

.tara-trimestre-table-scroll[b-gy0azydxb1] {
    max-width: 100%;
    max-height: clamp(400px, calc(100vh - 355px), 720px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-trimestre-table[b-gy0azydxb1] {
    min-width: 920px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tara-text);
    font-size: .84rem;
}

.tara-trimestre-table th[b-gy0azydxb1],
.tara-trimestre-table td[b-gy0azydxb1] {
    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-gy0azydxb1] {
    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-gy0azydxb1] {
    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-gy0azydxb1] {
    background: var(--tara-row-odd);
}

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

.tara-trimestre-table tbody tr:hover td[b-gy0azydxb1] {
    background: var(--tara-row-hover);
}

.tara-trimestre-col-rank[b-gy0azydxb1] {
    min-width: 52px !important;
    width: 52px;
    text-align: center !important;
    color: var(--tara-text-muted);
    font-weight: 800;
}

.tara-trimestre-col-store[b-gy0azydxb1] {
    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-gy0azydxb1] {
    z-index: 4;
}

.tara-trimestre-col-store strong[b-gy0azydxb1] {
    font-weight: 900;
}

.tara-trimestre-sort-active button[b-gy0azydxb1] {
    color: var(--tara-primary-dark) !important;
}

.tara-trimestre-table tfoot td[b-gy0azydxb1] {
    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-gy0azydxb1],
.tara-trimestre-table tfoot td:nth-child(2)[b-gy0azydxb1] {
    color: var(--tara-primary-dark);
}

.tara-trimestre-table tfoot .tara-trimestre-col-store[b-gy0azydxb1] {
    z-index: 3;
}

.tara-trimestre-state[b-gy0azydxb1] {
    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-gy0azydxb1]  .mud-icon-root {
    color: var(--tara-text-muted);
}

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

    .tara-trimestre-filter-grid[b-gy0azydxb1],
    .tara-trimestre-toolbar[b-gy0azydxb1] {
        grid-template-columns: 1fr;
    }

    .tara-trimestre-status[b-gy0azydxb1] {
        text-align: left;
        padding-bottom: 0;
    }

    .tara-trimestre-table-scroll[b-gy0azydxb1] {
        max-height: 62vh;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/IndicadoresVentasPromedioTicket.razor.rz.scp.css */
.tara-promticket-page[b-mgo5zknsjs] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

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

.tara-promticket-header span[b-mgo5zknsjs] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-promticket-header h1[b-mgo5zknsjs] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-promticket-header p[b-mgo5zknsjs] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-promticket-panel[b-mgo5zknsjs] {
    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-mgo5zknsjs] {
    border-radius: var(--tara-radius-sm);
}

.tara-promticket-results[b-mgo5zknsjs] {
    padding: .85rem;
}

.tara-promticket-filter-grid[b-mgo5zknsjs] {
    display: grid;
    grid-template-columns: minmax(290px, .72fr) auto;
    gap: .6rem;
    align-items: end;
    padding: .85rem;
}

.tara-promticket-date-range[b-mgo5zknsjs] {
    min-width: 0;
}

.tara-promticket-actions[b-mgo5zknsjs] {
    align-self: end;
}

.tara-promticket-filter-meta[b-mgo5zknsjs] {
    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-mgo5zknsjs] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .68rem;
    font-weight: 900;
}

.tara-promticket-filter-summary-text[b-mgo5zknsjs] {
    color: var(--tara-text);
    font-size: .82rem;
    font-weight: 750;
}

.tara-promticket-field[b-mgo5zknsjs] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

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

.tara-promticket-field input[b-mgo5zknsjs] {
    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-mgo5zknsjs],
.tara-promticket-field input:focus[b-mgo5zknsjs] {
    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-mgo5zknsjs] {
    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-mgo5zknsjs] {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: .45rem;
}

.tara-promticket-status[b-mgo5zknsjs] {
    color: var(--tara-text-muted);
    font-size: .84rem;
    text-align: right;
    padding-bottom: .5rem;
}

.tara-promticket-toolbar--no-search .tara-promticket-status[b-mgo5zknsjs] {
    text-align: left;
    padding-bottom: 0;
}

.tara-promticket-table-scroll[b-mgo5zknsjs] {
    max-width: 100%;
    max-height: clamp(400px, calc(100vh - 355px), 720px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-promticket-table[b-mgo5zknsjs] {
    min-width: 920px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tara-text);
    font-size: .84rem;
}

.tara-promticket-table th[b-mgo5zknsjs],
.tara-promticket-table td[b-mgo5zknsjs] {
    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-mgo5zknsjs] {
    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-mgo5zknsjs] {
    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-mgo5zknsjs] {
    background: var(--tara-row-odd);
}

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

.tara-promticket-table tbody tr:hover td[b-mgo5zknsjs] {
    background: var(--tara-row-hover);
}

.tara-promticket-col-rank[b-mgo5zknsjs] {
    min-width: 52px !important;
    width: 52px;
    text-align: center !important;
    color: var(--tara-text-muted);
    font-weight: 800;
}

.tara-promticket-col-store[b-mgo5zknsjs] {
    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-mgo5zknsjs] {
    z-index: 4;
}

.tara-promticket-col-store strong[b-mgo5zknsjs] {
    font-weight: 900;
}

.tara-promticket-sort-active button[b-mgo5zknsjs] {
    color: var(--tara-primary-dark) !important;
}

.tara-promticket-table tfoot td[b-mgo5zknsjs] {
    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-mgo5zknsjs],
.tara-promticket-table tfoot td:nth-child(2)[b-mgo5zknsjs] {
    color: var(--tara-primary-dark);
}

.tara-promticket-table tfoot .tara-promticket-col-store[b-mgo5zknsjs] {
    z-index: 3;
}

.tara-promticket-state[b-mgo5zknsjs] {
    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-mgo5zknsjs]  .mud-icon-root {
    color: var(--tara-text-muted);
}

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

    .tara-promticket-filter-grid[b-mgo5zknsjs],
    .tara-promticket-toolbar[b-mgo5zknsjs] {
        grid-template-columns: 1fr;
    }

    .tara-promticket-status[b-mgo5zknsjs] {
        text-align: left;
        padding-bottom: 0;
    }

    .tara-promticket-table-scroll[b-mgo5zknsjs] {
        max-height: 62vh;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/InventariosHistoricos.razor.rz.scp.css */
/* ── Wrapper de página ─────────────────────────────────────────────────────── */
.ihis-page[b-o2a7qs96k5] {
    padding: 1.1rem 1.25rem 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* ── Header ────────────────────────────────────────────────────────────────── */
.ihis-header h1[b-o2a7qs96k5] {
    font-size: 1.45rem;
    font-weight: 900;
    letter-spacing: -.02em;
    margin: .15rem 0 .25rem;
    color: var(--tara-text);
}
.ihis-header p[b-o2a7qs96k5] {
    font-size: .82rem;
    color: var(--tara-text-muted);
    margin: 0;
}

/* ── Alertas ───────────────────────────────────────────────────────────────── */
.ihis-alert[b-o2a7qs96k5],
.ihis-tab-alert[b-o2a7qs96k5] {
    margin-bottom: .75rem;
}

/* ── Filtros ────────────────────────────────────────────────────────────────── */
.ihis-filters-grid[b-o2a7qs96k5] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    align-items: flex-end;
    padding: .5rem 0;
}
.ihis-filters-grid > *[b-o2a7qs96k5] {
    flex: 1 1 160px;
    min-width: 130px;
    max-width: 260px;
}
.ihis-checkbox[b-o2a7qs96k5] {
    flex: 0 0 auto !important;
    align-self: center;
}
.ihis-filter-actions[b-o2a7qs96k5] {
    display: flex;
    gap: .5rem;
    align-items: center;
    flex: 0 0 auto !important;
}

/* ── Tabs ──────────────────────────────────────────────────────────────────── */
.ihis-tabs-container[b-o2a7qs96k5] {
    margin-top: .75rem;
}
.ihis-tab-panel[b-o2a7qs96k5] {
    padding: .75rem 0 0;
}

/* ── Estado de carga dentro de tab ─────────────────────────────────────────── */
.ihis-loading[b-o2a7qs96k5] {
    display: flex;
    justify-content: center;
    padding: 2rem;
}

/* ── KPIs ──────────────────────────────────────────────────────────────────── */
.ihis-kpis[b-o2a7qs96k5] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-bottom: .85rem;
}
.ihis-kpi[b-o2a7qs96k5] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: 10px;
    padding: .45rem .85rem;
    min-width: 110px;
}
.ihis-kpi--accent[b-o2a7qs96k5] {
    border-left: 3px solid var(--tara-primary);
}
.ihis-kpi--muted[b-o2a7qs96k5] {
    opacity: .8;
}
.ihis-kpi-label[b-o2a7qs96k5] {
    display: block;
    font-size: .72rem;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: .15rem;
}
.ihis-kpi-value[b-o2a7qs96k5] {
    display: block;
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--tara-text);
    letter-spacing: -.01em;
}
.ihis-kpi-value--sm[b-o2a7qs96k5] {
    font-size: .78rem;
    font-weight: 600;
}

/* ── Resumen en SummarySlot ────────────────────────────────────────────────── */
.ihis-summary-text[b-o2a7qs96k5] {
    font-size: .78rem;
    color: var(--tara-text-muted);
    padding: .2rem .1rem;
}

/* ── Empty state ────────────────────────────────────────────────────────────── */
.ihis-empty-state[b-o2a7qs96k5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    color: var(--tara-text-muted);
    text-align: center;
}
.ihis-empty-state p[b-o2a7qs96k5] {
    font-size: .9rem;
    margin: .5rem 0 0;
}

/* ── Estado fallback ────────────────────────────────────────────────────────── */
.ihis-state[b-o2a7qs96k5] {
    padding: 2rem;
    text-align: center;
    color: var(--tara-text-muted);
}

/* ── Estado del módulo (onboarding / diagnóstico) ───────────────────────────── */
.ihis-estado-loading[b-o2a7qs96k5] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: 1.25rem 0;
    color: var(--tara-text-muted);
    font-size: .85rem;
}

/* ── Card de preparación (bloqueante) ───────────────────────────────────────── */
.ihis-prep-card[b-o2a7qs96k5] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    padding: 1.75rem 2rem;
    margin: .5rem 0 1.25rem;
    max-width: 560px;
}

.ihis-prep-header[b-o2a7qs96k5] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.ihis-prep-icon[b-o2a7qs96k5] {
    font-size: 2rem !important;
    width: 2rem !important;
    height: 2rem !important;
    color: var(--tara-primary);
    flex-shrink: 0;
    margin-top: .1rem;
}

.ihis-prep-titulo[b-o2a7qs96k5] {
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: -.015em;
    color: var(--tara-text);
    margin: 0 0 .2rem;
    line-height: 1.3;
}

.ihis-prep-subtitulo[b-o2a7qs96k5] {
    font-size: .83rem;
    color: var(--tara-text-muted);
    margin: 0;
    line-height: 1.45;
}

.ihis-prep-pasos[b-o2a7qs96k5] {
    list-style: none;
    margin: 0 0 1.1rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.ihis-prep-pasos li[b-o2a7qs96k5] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .85rem;
    color: var(--tara-text);
}

.ihis-prep-check[b-o2a7qs96k5] {
    font-size: 1rem !important;
    width: 1rem !important;
    height: 1rem !important;
    color: var(--tara-text-muted);
    flex-shrink: 0;
}

.ihis-prep-tiempo[b-o2a7qs96k5] {
    font-size: .78rem;
    color: var(--tara-text-muted);
    margin: 0 0 1.25rem;
}

.ihis-prep-btn[b-o2a7qs96k5] {
    width: 100%;
}

/* ── Metadata LISTO ─────────────────────────────────────────────────────────── */
.ihis-listo-meta[b-o2a7qs96k5] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .35rem .75rem;
    padding: .55rem .75rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    margin-bottom: .75rem;
    font-size: .82rem;
    color: var(--tara-text-muted);
}

.ihis-listo-item[b-o2a7qs96k5] {
    display: flex;
    align-items: center;
    gap: .3rem;
}

.ihis-listo-item strong[b-o2a7qs96k5] {
    color: var(--tara-text);
    font-weight: 600;
}

.ihis-listo-sep[b-o2a7qs96k5] {
    color: var(--tara-border);
}

.ihis-listo-ico[b-o2a7qs96k5] {
    font-size: .95rem !important;
    width: .95rem !important;
    height: .95rem !important;
    color: var(--tara-text-muted);
}

/* ── Banner nightly ─────────────────────────────────────────────────────────── */
.ihis-nightly-banner[b-o2a7qs96k5] {
    display: flex;
    align-items: center;
    gap: .6rem;
    background: color-mix(in srgb, var(--tara-warning, #f59e0b) 8%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-warning, #f59e0b) 30%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    padding: .6rem .9rem;
    margin-bottom: .75rem;
    font-size: .82rem;
    color: var(--tara-text);
    line-height: 1.45;
}

.ihis-nightly-icon[b-o2a7qs96k5] {
    font-size: 1.1rem !important;
    width: 1.1rem !important;
    height: 1.1rem !important;
    color: color-mix(in srgb, var(--tara-warning, #f59e0b) 80%, var(--tara-text));
    flex-shrink: 0;
}

/* ── Panel de confirmación ──────────────────────────────────────────────────── */
.ihis-confirm-panel[b-o2a7qs96k5] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.ihis-confirm-field[b-o2a7qs96k5] {
    width: 100%;
}

.ihis-confirm-label[b-o2a7qs96k5] {
    font-size: .82rem;
    color: var(--tara-text-muted);
    margin: 0;
    line-height: 1.45;
}

.ihis-confirm-label strong[b-o2a7qs96k5] {
    color: var(--tara-text);
    font-family: monospace;
    font-size: .85em;
}

.ihis-confirm-actions[b-o2a7qs96k5] {
    display: flex;
    align-items: center;
    gap: .65rem;
    flex-wrap: wrap;
}

.ihis-confirm-btn-ok[b-o2a7qs96k5] {
    flex: 1 1 auto;
}

/* ── Panel de progreso ──────────────────────────────────────────────────────── */
.ihis-progress-panel[b-o2a7qs96k5] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
    margin: .25rem 0 1rem;
}

.ihis-progress-status[b-o2a7qs96k5] {
    display: flex;
    align-items: center;
    gap: .65rem;
    flex-wrap: wrap;
}

.ihis-progress-estado[b-o2a7qs96k5] {
    display: inline-block;
    padding: .2rem .65rem;
    border-radius: 99px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ihis-estado--pending[b-o2a7qs96k5] {
    background: color-mix(in srgb, var(--tara-border) 40%, var(--tara-surface));
    color: var(--tara-text-muted);
}

.ihis-estado--proceso[b-o2a7qs96k5] {
    background: color-mix(in srgb, #3b82f6 15%, var(--tara-surface));
    color: #3b82f6;
}

.ihis-estado--ok[b-o2a7qs96k5] {
    background: color-mix(in srgb, #22c55e 15%, var(--tara-surface));
    color: #15803d;
}

.ihis-estado--error[b-o2a7qs96k5] {
    background: color-mix(in srgb, var(--tara-primary) 15%, var(--tara-surface));
    color: var(--tara-primary);
}

.ihis-estado--cancel[b-o2a7qs96k5] {
    background: color-mix(in srgb, var(--tara-warning, #f59e0b) 15%, var(--tara-surface));
    color: color-mix(in srgb, var(--tara-warning, #f59e0b) 80%, var(--tara-text));
}

.ihis-progress-elapsed[b-o2a7qs96k5] {
    font-size: .78rem;
    color: var(--tara-text-muted);
}

.ihis-progress-fase[b-o2a7qs96k5] {
    font-size: .85rem;
    color: var(--tara-text);
    font-weight: 600;
    margin: 0;
}

.ihis-progress-bar[b-o2a7qs96k5] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.ihis-progress-bar > :first-child[b-o2a7qs96k5] {
    flex: 1;
}

.ihis-progress-pct[b-o2a7qs96k5] {
    font-size: .78rem;
    color: var(--tara-text-muted);
    min-width: 2.5rem;
    text-align: right;
}

.ihis-prep-alert[b-o2a7qs96k5] {
    margin-top: .25rem;
}

.ihis-prep-btn-sm[b-o2a7qs96k5] {
    margin-top: .25rem;
}

/* ── Responsive ─────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
    .ihis-filters-grid > *[b-o2a7qs96k5] {
        flex: 1 1 100%;
        max-width: 100%;
    }
    .ihis-filter-actions[b-o2a7qs96k5] {
        width: 100%;
    }
    .ihis-page[b-o2a7qs96k5] {
        padding: .75rem .75rem 2rem;
    }
    .ihis-kpi[b-o2a7qs96k5] {
        min-width: 80px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Indicadores/MovimientosDetalleDialog.razor.rz.scp.css */
.tara-movdet-shell[b-blhsnpfe38] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
    min-width: min(92vw, 980px);
}

.tara-movdet-busy[b-blhsnpfe38],
.tara-movdet-empty[b-blhsnpfe38] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    padding: 2rem 1rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-movdet-header h2[b-blhsnpfe38] {
    margin: .1rem 0 .15rem;
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--tara-text);
}

.tara-movdet-header p[b-blhsnpfe38] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .85rem;
}

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

.tara-movdet-valid[b-blhsnpfe38] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem 1.2rem;
    padding: .6rem .8rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm, 8px);
    background: var(--tara-surface);
}

.tara-movdet-valid-item[b-blhsnpfe38] {
    display: flex;
    flex-direction: column;
}

.tara-movdet-valid-item span[b-blhsnpfe38] {
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--tara-text-muted);
    font-weight: 700;
}

.tara-movdet-valid-item strong[b-blhsnpfe38] {
    font-size: 1rem;
    font-weight: 800;
    color: var(--tara-text);
}

.tara-movdet-state[b-blhsnpfe38] {
    margin-left: auto;
    padding: .3rem .7rem;
    border-radius: 999px;
    font-weight: 800;
    font-size: .82rem;
}

.tara-movdet-state--ok[b-blhsnpfe38] {
    background: color-mix(in srgb, var(--tara-success, #1D6F42) 16%, transparent);
    color: var(--tara-success, #1D6F42);
}

.tara-movdet-state--warn[b-blhsnpfe38] {
    background: color-mix(in srgb, var(--tara-error, #b3261e) 16%, transparent);
    color: var(--tara-error, #b3261e);
}

.tara-movdet-origen[b-blhsnpfe38] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .85rem;
    color: var(--tara-text);
}

.tara-movdet-origen-label[b-blhsnpfe38] {
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: .68rem;
    font-weight: 800;
    color: var(--tara-text-muted);
}

.tara-movdet-tecnico-toggle[b-blhsnpfe38] {
    margin-left: .4rem;
    background: none;
    border: none;
    color: var(--tara-primary-dark);
    cursor: pointer;
    font-size: .78rem;
    font-weight: 700;
    text-decoration: underline;
}

.tara-movdet-tecnico[b-blhsnpfe38] {
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius-sm, 8px);
    padding: .5rem .7rem;
    font-size: .78rem;
    color: var(--tara-text-muted);
}

.tara-movdet-tecnico pre[b-blhsnpfe38] {
    white-space: pre-wrap;
    margin: .35rem 0 0;
    font-size: .72rem;
}

.tara-movdet-explic[b-blhsnpfe38] {
    margin: 0;
    color: var(--tara-text);
    font-size: .9rem;
}

.tara-movdet-formula[b-blhsnpfe38] {
    padding: .6rem .8rem;
    border-radius: var(--tara-radius-sm, 8px);
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    border: 1px solid var(--tara-border);
    font-weight: 800;
    color: var(--tara-text);
}

.tara-movdet-comp-label[b-blhsnpfe38] {
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: .68rem;
    font-weight: 800;
    color: var(--tara-text-muted);
}

.tara-movdet-comps[b-blhsnpfe38] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.tara-movdet-comp[b-blhsnpfe38] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 160px;
    padding: .5rem .75rem;
    border: 1.5px solid var(--tara-primary);
    border-radius: var(--tara-radius-sm, 8px);
    background: var(--tara-surface);
    cursor: pointer;
    text-align: left;
    transition: background .12s ease;
}

.tara-movdet-comp:hover[b-blhsnpfe38] {
    background: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-surface));
}

.tara-movdet-comp span[b-blhsnpfe38] {
    font-size: .72rem;
    color: var(--tara-text-muted);
    font-weight: 700;
}

.tara-movdet-comp strong[b-blhsnpfe38] {
    font-size: 1rem;
    font-weight: 800;
    color: var(--tara-text);
}

.tara-movdet-derivado[b-blhsnpfe38] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

.tara-movdet-totales[b-blhsnpfe38] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.4rem;
    padding: .55rem .8rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm, 8px);
    background: var(--tara-surface);
}

.tara-movdet-total[b-blhsnpfe38] {
    display: flex;
    flex-direction: column;
}

.tara-movdet-total span[b-blhsnpfe38] {
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--tara-text-muted);
    font-weight: 700;
}

.tara-movdet-total strong[b-blhsnpfe38] {
    font-size: 1rem;
    font-weight: 800;
    color: var(--tara-text);
}

.tara-movdet-crumbs[b-blhsnpfe38] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .35rem;
    padding-bottom: .2rem;
    border-bottom: 1px solid var(--tara-border);
    font-size: .82rem;
}

.tara-movdet-crumb[b-blhsnpfe38] {
    color: var(--tara-text-muted);
}

.tara-movdet-crumb--current[b-blhsnpfe38] {
    color: var(--tara-text);
    font-weight: 800;
}

.tara-movdet-crumb-sep[b-blhsnpfe38] {
    color: var(--tara-text-muted);
}

.tara-movdet-volver[b-blhsnpfe38] {
    margin-left: auto;
    background: none;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    padding: .2rem .7rem;
    cursor: pointer;
    font-weight: 700;
    font-size: .78rem;
    color: var(--tara-primary-dark);
}

.tara-movdet-volver:hover[b-blhsnpfe38] {
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
}

.tara-movdet-comp-name[b-blhsnpfe38] { font-size: .72rem; color: var(--tara-text-muted); font-weight: 700; }
.tara-movdet-comp-val[b-blhsnpfe38] { font-size: 1rem; font-weight: 800; color: var(--tara-text); }

.tara-movdet-comp-link[b-blhsnpfe38] {
    margin-top: .25rem;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: var(--tara-primary-dark);
    font-weight: 700;
    font-size: .78rem;
    text-decoration: underline;
    text-align: left;
}

/* ── Chip de descuento activo ────────────────────────────────────────────────── */
/* ::deep penetra el scope de TarahumaraDynamicGrid (componente hijo) */
[b-blhsnpfe38] .tara-movdet-chip-dscto {
    display:        inline-block;
    padding:        .1rem .42rem;
    border-radius:  999px;
    font-size:      .78rem;
    font-weight:    700;
    background:     color-mix(in srgb, var(--tara-danger) 8%, var(--tara-surface));
    color:          var(--tara-danger);
    border:         1px solid color-mix(in srgb, var(--tara-danger) 22%, var(--tara-border));
    letter-spacing: .01em;
    white-space:    nowrap;
}

[data-theme="dark"][b-blhsnpfe38]  .tara-movdet-chip-dscto {
    background: color-mix(in srgb, var(--tara-danger) 12%, #1A1A27);
    border-color: color-mix(in srgb, var(--tara-danger) 28%, #333);
}
/* _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-2e8txewxap] {
    /* 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-2e8txewxap {
    from { opacity: 0; transform: translateX(-18px); }
    to   { opacity: 1; transform: translateX(0); }
}
@keyframes t-fade-in-up-b-2e8txewxap {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}
[b-2e8txewxap] .login-hero  { animation: t-fade-in-left-b-2e8txewxap 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-2e8txewxap] .login-card  { animation: none; opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
    [b-2e8txewxap] .login-hero { animation: none !important; }
}

/* ============ HERO (izquierda) ============ */
[b-2e8txewxap] .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-2e8txewxap] .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-2e8txewxap] .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-2e8txewxap] .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-2e8txewxap] .brand {
    display: flex;
    align-items: center;
}

[b-2e8txewxap] .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-2e8txewxap] .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-2e8txewxap] .hero-footer {
    margin-top: auto;
    font-size: 0.8rem;
    color: rgba(255,255,255,0.65);
    display: flex;
    gap: 10px;
    align-items: center;
}
[b-2e8txewxap] .hero-footer .sep { opacity: 0.6; }

/* ============ PANEL (derecha) ============ */
[b-2e8txewxap] .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-2e8txewxap] .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-2e8txewxap] .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-2e8txewxap] .card-head { margin-bottom: 28px; }
[b-2e8txewxap] .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-2e8txewxap] .card-head h2 {
    font-size: 1.65rem;
    font-weight: 700;
    color: var(--t-ink);
    margin: 0 0 6px 0;
    letter-spacing: -0.4px;
}
[b-2e8txewxap] .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-2e8txewxap] .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-2e8txewxap] .card-exclusivo strong {
    color: var(--t-london);
    font-weight: 700;
    letter-spacing: 0.01em;
}

[b-2e8txewxap] .login-form { display: flex; flex-direction: column; gap: 20px; }

[b-2e8txewxap] .field { display: flex; flex-direction: column; gap: 8px; }
[b-2e8txewxap] .field-row { display: flex; align-items: center; justify-content: space-between; }
[b-2e8txewxap] .field label {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--t-ink);
    letter-spacing: 0.2px;
}
[b-2e8txewxap] .field input[type="text"],
[b-2e8txewxap] .field input[type="password"] {
    height: 48px;
    padding: 0 14px;
    border-radius: 11px;
    border: 1px solid #d1d5db;
    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-2e8txewxap] .field input:hover { border-color: #9ca3af; }
[b-2e8txewxap] .field input::placeholder { color: #b8b0a8; }
[b-2e8txewxap] .field input:focus {
    border-color: var(--t-red);
    box-shadow: none;
    outline: none;
}

[b-2e8txewxap] .link-muted {
    font-size: 0.82rem;
    color: #6b7280;
    text-decoration: none;
    font-weight: 500;
}
[b-2e8txewxap] .link-muted:hover { color: var(--t-red); text-decoration: underline; }

[b-2e8txewxap] .field-inline { display: flex; align-items: center; justify-content: space-between; }
[b-2e8txewxap] .check { display: inline-flex; align-items: center; gap: 10px; cursor: pointer; user-select: none; font-size: 0.88rem; color: var(--t-ink); }
[b-2e8txewxap] .check input { width: 16px; height: 16px; accent-color: var(--t-red); }

[b-2e8txewxap] .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-2e8txewxap] .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-2e8txewxap] .btn-primary-tarahumara:active:not([disabled]) { transform: translateY(1px); }
[b-2e8txewxap] .btn-primary-tarahumara[disabled] { opacity: .75; cursor: progress; }
[b-2e8txewxap] .btn-primary-tarahumara > span,
[b-2e8txewxap] .btn-primary-tarahumara > svg { color: #fff; position: relative; z-index: 1; }

[b-2e8txewxap] .spinner {
    width: 16px; height: 16px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.4);
    border-top-color: #fff;
    animation: spin-b-2e8txewxap .8s linear infinite;
}
@keyframes spin-b-2e8txewxap { to { transform: rotate(360deg); } }

[b-2e8txewxap] .divider {
    text-align: center;
    position: relative;
    margin: 6px 0 0;
    color: var(--t-muted);
    font-size: 0.8rem;
}
[b-2e8txewxap] .divider::before, [b-2e8txewxap] .divider::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 42%;
    height: 1px;
    background: var(--t-line);
}
[b-2e8txewxap] .divider::before { left: 0; }
[b-2e8txewxap] .divider::after { right: 0; }
[b-2e8txewxap] .divider span { background: var(--tara-surface); padding: 0 10px; }

[b-2e8txewxap] .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-2e8txewxap] .btn-ghost:hover { border-color: #9ca3af; background: #f9fafb; }

/* Variante mailto: enlace que se ve como botón, con icono + correo visible */
[b-2e8txewxap] .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-2e8txewxap] .btn-ghost--mail svg {
    flex-shrink: 0;
    color: #4b5563;
    opacity: 0.85;
}
[b-2e8txewxap] .btn-ghost-mail {
    font-family: ui-monospace, 'SFMono-Regular', Consolas, monospace;
    font-size: 0.78rem;
    font-weight: 500;
    color: #4b5563;
    letter-spacing: 0.01em;
}
[b-2e8txewxap] .btn-ghost--mail:hover .btn-ghost-mail { color: #1f2937; }

[b-2e8txewxap] .alert-soft {
    background: var(--t-rio);
    color: var(--t-london);
    border: 1px solid #f3c9b3;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 0.88rem;
}

[b-2e8txewxap] .login-progress-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--tara-primary) 4%, #fff) 0%, var(--tara-surface) 100%);
    box-shadow: 0 10px 24px -18px rgba(204, 0, 0, 0.28);
}

[b-2e8txewxap] .login-progress-head {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

[b-2e8txewxap] .login-progress-head strong {
    color: var(--tara-text);
    font-size: 0.9rem;
}

[b-2e8txewxap] .login-progress-head span {
    color: var(--tara-text-muted);
    font-size: 0.82rem;
    line-height: 1.45;
}

[b-2e8txewxap] .login-progress-bar {
    width: 100%;
    height: 8px;
    border-radius: 999px;
    overflow: hidden;
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-bg));
}

[b-2e8txewxap] .login-progress-bar > span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--tara-primary-dark) 0%, var(--tara-primary) 60%, #ea6f5d 100%);
    transition: width .35s ease;
}

[b-2e8txewxap] .login-progress-steps {
    display: grid;
    gap: 8px;
}

[b-2e8txewxap] .login-progress-step {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--tara-text-muted);
    font-size: 0.82rem;
}

[b-2e8txewxap] .login-progress-step-index {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    font-size: 0.74rem;
    font-weight: 700;
    color: inherit;
    flex-shrink: 0;
}

[b-2e8txewxap] .login-progress-step.is-active {
    color: var(--tara-text);
    font-weight: 600;
}

[b-2e8txewxap] .login-progress-step.is-active .login-progress-step-index {
    border-color: var(--tara-primary);
    background: color-mix(in srgb, var(--tara-primary) 12%, #fff);
    color: var(--tara-primary-dark);
}

[b-2e8txewxap] .login-progress-step.is-complete {
    color: var(--tara-text);
}

[b-2e8txewxap] .login-progress-step.is-complete .login-progress-step-index {
    border-color: var(--tara-primary-dark);
    background: var(--tara-primary-dark);
    color: #fff;
}

[b-2e8txewxap] .login-progress-note {
    border-radius: 10px;
    padding: 10px 12px;
    background: color-mix(in srgb, #ea6f5d 10%, #fff);
    border: 1px solid color-mix(in srgb, #ea6f5d 28%, var(--tara-border));
    color: var(--tara-primary-dark);
    font-size: 0.82rem;
    line-height: 1.45;
}

/* ============ 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-2e8txewxap] .field.is-error input[type="text"],
[b-2e8txewxap] .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-2e8txewxap] .field.is-success input[type="text"],
[b-2e8txewxap] .field.is-success input[type="password"] {
    border-color: #2e7d32;
    background: #f6fbf6;
    box-shadow: 0 0 0 4px rgba(46, 125, 50, 0.10);
}

[b-2e8txewxap] .field-hint {
    font-size: 0.78rem;
    color: var(--t-muted);
    margin-top: 2px;
}
[b-2e8txewxap] .field-error {
    font-size: 0.78rem;
    color: var(--t-red);
    margin-top: 2px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
[b-2e8txewxap] .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-2e8txewxap] .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-2e8txewxap] .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-2e8txewxap] .alert-error strong,
[b-2e8txewxap] .alert-success strong { font-weight: 600; }

[b-2e8txewxap] .btn-primary-tarahumara.is-loading {
    pointer-events: none;
    filter: saturate(0.95);
}

[b-2e8txewxap] .card-foot {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid var(--t-line);
    text-align: center;
}
[b-2e8txewxap] .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-2e8txewxap] { grid-template-columns: 44fr 56fr; }
    [b-2e8txewxap] .hero-content { padding: 64px 72px; }
    [b-2e8txewxap] .login-card { max-width: 500px; }
    [b-2e8txewxap] .brand-lockup { height: 64px; max-width: 420px; }
    [b-2e8txewxap] .hero-tagline { font-size: 1.2rem; }
}

@media (max-width: 1180px) {
    /* Sin ::deep en .login-page: ajuste 50/50 en pantallas medianas. */
    .login-page[b-2e8txewxap] { grid-template-columns: 50fr 50fr; }
    [b-2e8txewxap] .login-panel { padding: 32px 24px; }
    [b-2e8txewxap] .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-2e8txewxap] .login-panel { padding: 24px 24px; }
    [b-2e8txewxap] .login-card { padding: 28px 30px 20px; }
    [b-2e8txewxap] .card-head { margin-bottom: 16px; }
    [b-2e8txewxap] .card-head h2 { font-size: 1.4rem; }
    [b-2e8txewxap] .card-head p { font-size: 0.88rem; }
    [b-2e8txewxap] .card-lockup { height: 36px; margin-bottom: 10px; }
    [b-2e8txewxap] .card-eyebrow { margin-bottom: 10px; }
    [b-2e8txewxap] .login-form { gap: 14px; }
    [b-2e8txewxap] .field input[type="text"],
    [b-2e8txewxap] .field input[type="password"] { height: 44px; }
    [b-2e8txewxap] .btn-primary-tarahumara { height: 48px; margin-top: 2px; }
    [b-2e8txewxap] .btn-ghost { height: 42px; }
    [b-2e8txewxap] .card-foot { margin-top: 14px; padding-top: 12px; }
    [b-2e8txewxap] .login-progress-card { gap: 10px; padding: 12px 14px; }
}

@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-2e8txewxap] {
        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-2e8txewxap] {
        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-2e8txewxap] {
        border-color: rgba(255, 255, 255, 0.85);
        color:        #ffffff;
    }
    [b-2e8txewxap] .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-2e8txewxap] .hero-tagline { display: none; }
    [b-2e8txewxap] .hero-footer { display: none; }
    [b-2e8txewxap] .brand-lockup { height: 38px; max-width: 240px; }
    [b-2e8txewxap] .login-panel { padding: 24px 18px 36px; overflow-y: visible; }
    [b-2e8txewxap] .login-card { padding: 28px 22px; border-radius: 18px; }
    [b-2e8txewxap] .card-lockup { height: 38px; max-width: 220px; }
}

@media (max-width: 480px) {
    [b-2e8txewxap] .hero-content { padding: 18px 18px; }
    [b-2e8txewxap] .brand-lockup { height: 32px; max-width: 200px; }
    [b-2e8txewxap] .card-head { margin-bottom: 20px; }
    [b-2e8txewxap] .card-head h2 { font-size: 1.3rem; }
    [b-2e8txewxap] .card-lockup { height: 34px; max-width: 200px; margin-bottom: 10px; }
    [b-2e8txewxap] .card-eyebrow { margin-bottom: 10px; }
    [b-2e8txewxap] .login-card { padding: 24px 18px; }
    [b-2e8txewxap] .login-form { gap: 16px; }
}
/* _content/Raramuri.blzr/Components/Pages/Operacion/OperacionAsistencia.razor.rz.scp.css */
.tara-as-loading[b-ghiixw7mqi],
.tara-as-no-contexto[b-ghiixw7mqi],
.tara-as-empty-state[b-ghiixw7mqi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 50vh;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-as-no-contexto[b-ghiixw7mqi],
.tara-as-empty-state[b-ghiixw7mqi] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    padding: 2rem;
    box-shadow: var(--tara-shadow);
}

.tara-as-no-contexto-icon[b-ghiixw7mqi] {
    width: 4rem;
    height: 4rem;
    display: grid;
    place-items: center;
    border-radius: 1.25rem;
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-size: 1.8rem;
}

.tara-as-page[b-ghiixw7mqi] {
    display: grid;
    gap: 1.15rem;
    color: var(--tara-text);
}

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

.tara-as-header-copy h1[b-ghiixw7mqi] {
    margin: .2rem 0;
}

.tara-as-header-copy p[b-ghiixw7mqi],
.tara-as-header-copy span[b-ghiixw7mqi] {
    color: var(--tara-text-muted);
}

.tara-as-header-copy span[b-ghiixw7mqi] {
    text-transform: uppercase;
    font-size: .78rem;
    letter-spacing: .08em;
    color: var(--tara-primary-dark);
    font-weight: 800;
}

.tara-as-context-band[b-ghiixw7mqi] {
    display: flex;
    align-items: center;
    gap: .55rem;
    flex-wrap: wrap;
    padding: .8rem 1rem;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-as-context-value[b-ghiixw7mqi] {
    font-weight: 700;
}

.tara-as-context-sep[b-ghiixw7mqi] {
    color: var(--tara-text-muted);
}

.tara-as-feedback[b-ghiixw7mqi] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .85rem 1rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-as-feedback--success[b-ghiixw7mqi] {
    border-color: color-mix(in srgb, var(--tara-success) 30%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-success) 8%, var(--tara-surface));
}

.tara-as-feedback--error[b-ghiixw7mqi] {
    border-color: color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
}

.tara-as-card[b-ghiixw7mqi],
.tara-as-grid-card[b-ghiixw7mqi] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow);
    padding: 1.15rem;
}

.tara-as-card-head[b-ghiixw7mqi] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.tara-as-card-head h2[b-ghiixw7mqi] {
    margin: .1rem 0 0;
    font-size: 1.25rem;
}

.tara-as-kicker[b-ghiixw7mqi] {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .74rem;
    color: var(--tara-primary-dark);
    font-weight: 800;
}

.tara-as-form-grid[b-ghiixw7mqi] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(220px, .9fr);
    gap: .85rem;
}

.tara-as-status-inline[b-ghiixw7mqi] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .9rem;
    color: var(--tara-text-muted);
    font-size: .92rem;
}

.tara-as-register-btn[b-ghiixw7mqi] {
    margin-top: .95rem;
    min-height: 3.4rem;
    font-weight: 800;
}

.tara-as-register-footer[b-ghiixw7mqi] {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.tara-as-register-hint[b-ghiixw7mqi] {
    color: var(--tara-text-muted);
    font-size: .9rem;
}

.tara-as-kpi-grid[b-ghiixw7mqi] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}

.tara-as-kpi-card[b-ghiixw7mqi] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
    padding: 1rem 1.1rem;
    display: grid;
    gap: .2rem;
}

.tara-as-kpi-card span[b-ghiixw7mqi],
.tara-as-kpi-card small[b-ghiixw7mqi] {
    color: var(--tara-text-muted);
}

.tara-as-kpi-card strong[b-ghiixw7mqi] {
    font-size: 1.9rem;
    line-height: 1;
}

.tara-as-history-shell[b-ghiixw7mqi] {
    display: grid;
    gap: .9rem;
}

.tara-as-filter-grid[b-ghiixw7mqi] {
    display: grid;
    grid-template-columns: minmax(220px, 320px) minmax(220px, 1fr) auto;
    gap: .85rem;
    align-items: center;
}

.tara-as-grid-state[b-ghiixw7mqi],
.tara-as-grid-summary[b-ghiixw7mqi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    color: var(--tara-text-muted);
    font-size: .92rem;
    margin-bottom: .9rem;
}

.tara-as-summary-pill[b-ghiixw7mqi] {
    display: inline-flex;
    align-items: center;
    padding: .28rem .7rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-weight: 700;
}

.tara-as-loading--compact[b-ghiixw7mqi] {
    min-height: 14rem;
}

[b-ghiixw7mqi] .tara-as-employee-input .mud-input-outlined:hover .mud-input-outlined-border,
[b-ghiixw7mqi] .tara-as-employee-input .mud-input-outlined.mud-input-focused .mud-input-outlined-border,
[b-ghiixw7mqi] .tara-as-password-input .mud-input-outlined:hover .mud-input-outlined-border,
[b-ghiixw7mqi] .tara-as-password-input .mud-input-outlined.mud-input-focused .mud-input-outlined-border,
[b-ghiixw7mqi] .tara-as-date-picker .mud-input-outlined:hover .mud-input-outlined-border,
[b-ghiixw7mqi] .tara-as-date-picker .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

@media (max-width: 1080px) {
    .tara-as-form-grid[b-ghiixw7mqi],
    .tara-as-kpi-grid[b-ghiixw7mqi],
    .tara-as-filter-grid[b-ghiixw7mqi] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .tara-as-header[b-ghiixw7mqi],
    .tara-as-register-footer[b-ghiixw7mqi],
    .tara-as-status-inline[b-ghiixw7mqi],
    .tara-as-grid-state[b-ghiixw7mqi],
    .tara-as-grid-summary[b-ghiixw7mqi] {
        align-items: flex-start;
        flex-direction: column;
    }

    .tara-as-card[b-ghiixw7mqi],
    .tara-as-grid-card[b-ghiixw7mqi] {
        padding: 1rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Productos.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   Productos — submenú contenedor
   Paleta Tarahumara: rojo #CC0000, crema #f5f1ed
   ═══════════════════════════════════════════════════════ */

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

.prod-loading[b-mhrzmp45qz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    gap: 1rem;
    color: #6b7280;
    font-size: .95rem;
}

@keyframes spin-b-mhrzmp45qz { to { transform: rotate(360deg); } }

.loading-ring[b-mhrzmp45qz] {
    width: 36px;
    height: 36px;
    border: 3px solid #e8e2dc;
    border-top-color: #CC0000;
    border-radius: 50%;
    animation: spin-b-mhrzmp45qz .75s linear infinite;
}

/* ── Encabezado de módulo ────────────────────────────── */

.prod-module-header[b-mhrzmp45qz] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.75rem;
}

.prod-back-btn[b-mhrzmp45qz] {
    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-mhrzmp45qz] {
    background: #f5f1ed;
    border-color: #CC0000;
    color: #CC0000;
}

.prod-module-title h1[b-mhrzmp45qz] {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.2;
}

.prod-module-title span[b-mhrzmp45qz] {
    font-size: .8rem;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 500;
}

/* ── Grid de subopciones ─────────────────────────────── */

.prod-grid[b-mhrzmp45qz] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

/* ── Card horizontal (fila) ──────────────────────────── */

@keyframes prodCardIn-b-mhrzmp45qz {
    from { opacity: 0; transform: translateX(-10px); }
    to   { opacity: 1; transform: translateX(0); }
}

.prod-card[b-mhrzmp45qz] {
    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-mhrzmp45qz 220ms ease both;

    /* reset botón */
    font-family: inherit;
    color: inherit;
    width: 100%;
}

.prod-card:hover[b-mhrzmp45qz] {
    box-shadow: 0 4px 14px rgba(0, 0, 0, .09);
    border-color: #CC0000;
    transform: translateX(2px);
}

.prod-card:active[b-mhrzmp45qz] {
    transform: scale(.99);
    transition-duration: .06s;
}

.prod-card:focus-visible[b-mhrzmp45qz] {
    outline: 2px solid #CC0000;
    outline-offset: 2px;
}

/* ── Ícono ────────────────────────────────────────────── */

.prod-card-icon[b-mhrzmp45qz] {
    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-mhrzmp45qz] {
    filter: brightness(.9);
}

/* ── Texto ────────────────────────────────────────────── */

.prod-card-body[b-mhrzmp45qz] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
}

.prod-card-title[b-mhrzmp45qz] {
    font-size: .9rem;
    font-weight: 600;
    color: #1a1a1a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.prod-card-sub[b-mhrzmp45qz] {
    font-size: .75rem;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Flecha ───────────────────────────────────────────── */

.prod-card-arrow[b-mhrzmp45qz] {
    color: #d1d5db;
    flex-shrink: 0;
    transition: color .15s, transform .15s;
}

.prod-card:hover .prod-card-arrow[b-mhrzmp45qz] {
    color: #CC0000;
    transform: translateX(3px);
}

/* ── Toast placeholder ───────────────────────────────── */

.prod-prep-toast[b-mhrzmp45qz] {
    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-mhrzmp45qz .2s ease;
}

@keyframes toastIn-b-mhrzmp45qz {
    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-mhrzmp45qz] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .65rem;
    }

    .prod-card:hover[b-mhrzmp45qz] {
        transform: translateY(-1px) translateX(0);
    }
}

@media (min-width: 1024px) {
    .prod-grid[b-mhrzmp45qz] {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Pages/ProductosAbc.razor.rz.scp.css */
/* ── Layout base ──────────────────────────────────────────────────────────── */

.abc-loading[b-1vp39y2y62] {
    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-1vp39y2y62] {
    /* 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-1vp39y2y62] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

.abc-back-btn[b-1vp39y2y62] {
    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-1vp39y2y62] {
    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-1vp39y2y62] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.abc-page-title h1[b-1vp39y2y62] {
    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-1vp39y2y62] {
    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-1vp39y2y62] {
    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-1vp39y2y62] {
    background: rgba(22, 163, 74, 0.13);
    color: var(--tara-success);
}

.abc-modo-chip--editar[b-1vp39y2y62] {
    /* 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-1vp39y2y62] {
    background: rgba(217, 119, 6, 0.13);
    color: var(--tara-warning);
}

.abc-draft-badge[b-1vp39y2y62] {
    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;
}

/* ── Producto seleccionado ────────────────────────────────────────────────── */

.abc-product-loaded[b-1vp39y2y62] {
    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-1vp39y2y62] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.abc-pl-top[b-1vp39y2y62] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.abc-pl-estilo[b-1vp39y2y62] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--tara-text);
    letter-spacing: -0.2px;
}

.abc-pl-desc[b-1vp39y2y62] {
    font-size: 0.82rem;
    color: var(--tara-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.abc-pl-meta[b-1vp39y2y62] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 2px;
}

.abc-pl-barcode[b-1vp39y2y62] {
    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-1vp39y2y62] {
    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-1vp39y2y62] {
    flex: 1;
}

.abc-clone-notice[b-1vp39y2y62] {
    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-1vp39y2y62] {
    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-1vp39y2y62] {
    flex: 1;
}

/* ── Barra de pasos ───────────────────────────────────────────────────────── */

.abc-steps-bar[b-1vp39y2y62] {
    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;
    scrollbar-width: thin;
    scroll-snap-type: x proximity;
}

/* Stepper horizontal compacto: número + label en fila (no columna).
   Reduce la altura total del stepper de ~70px a ~36px. */
.abc-step-btn[b-1vp39y2y62] {
    flex: 1 1 0;
    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;
    scroll-snap-align: start;
}

.abc-step-btn:hover:not(:disabled)[b-1vp39y2y62] {
    background: var(--tara-surface-raised);
    color: var(--tara-text);
}

.abc-step-btn:disabled[b-1vp39y2y62] {
    opacity: 0.38;
    cursor: not-allowed;
}

.abc-step-btn.abc-step--active[b-1vp39y2y62] {
    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-1vp39y2y62] {
    color: var(--tara-success);
}

.abc-step-num[b-1vp39y2y62] {
    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-1vp39y2y62] {
    background: var(--tara-primary);
    border-color: var(--tara-primary-dark);
    color: var(--tara-text-inverse);
}

.abc-step--done .abc-step-num[b-1vp39y2y62] {
    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-1vp39y2y62] {
    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-1vp39y2y62] {
    animation: abc-fade-in-b-1vp39y2y62 0.18s ease;
}

.abc-step-hidden[b-1vp39y2y62] {
    display: none !important;
}

.abc-step-active[b-1vp39y2y62] {
    display: block;
}

@keyframes abc-fade-in-b-1vp39y2y62 {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Card de paso ─────────────────────────────────────────────────────────── */

.abc-card[b-1vp39y2y62] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    padding: 10px 12px;
    margin-bottom: 6px;
    box-shadow: var(--tara-shadow-sm);
}

.abc-card-title[b-1vp39y2y62] {
    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: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--tara-border-subtle);
}

/* ── Grid de formulario ───────────────────────────────────────────────────── */

.abc-form-grid[b-1vp39y2y62] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px 10px;
    align-items: start;
}

.abc-form-grid--basicos[b-1vp39y2y62] {
    grid-template-columns: minmax(170px, .82fr) repeat(3, minmax(0, 1fr));
    row-gap: 6px;
}

.abc-basics-grid[b-1vp39y2y62] {
    --abc-control-height: 44px;
    --abc-action-width: 40px;
}

.abc-form-grid > *[b-1vp39y2y62] {
    min-width: 0;
}

.abc-field-full[b-1vp39y2y62] {
    grid-column: 1 / -1;
}

.abc-field-span-2[b-1vp39y2y62] {
    grid-column: span 2;
}

.abc-basicos-cell[b-1vp39y2y62] {
    min-width: 0;
}

.abc-basicos-cell--span-2[b-1vp39y2y62] {
    grid-column: span 2;
}

.abc-field-control[b-1vp39y2y62] {
    min-width: 0;
}

.abc-form-grid--basicos .abc-field-combo-row[b-1vp39y2y62],
.abc-form-grid--catalogos .abc-field-combo-row[b-1vp39y2y62] {
    align-items: stretch;
}

.abc-catalog-combo-action[b-1vp39y2y62] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 8px;
    align-items: stretch;
    min-width: 0;
}

.abc-catalog-combo-control[b-1vp39y2y62] {
    min-width: 0;
}

[b-1vp39y2y62] .abc-catalog-combo-action .mud-input-control {
    margin: 0 !important;
}

[b-1vp39y2y62] .abc-catalog-combo-action .abc-catalog-add-btn.mud-button-root {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: stretch !important;
}

[b-1vp39y2y62] .abc-catalog-combo-action .abc-catalog-add-btn .mud-button-label {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

[b-1vp39y2y62] .abc-basics-grid .mud-input-control {
    margin: 0 !important;
}

[b-1vp39y2y62] .abc-basics-grid .mud-input {
    margin-top: 0 !important;
}

[b-1vp39y2y62] .abc-basics-grid .mud-input-root {
    min-height: var(--abc-control-height);
    height: var(--abc-control-height);
    align-items: center;
}

[b-1vp39y2y62] .abc-basics-grid .mud-input-slot {
    min-height: var(--abc-control-height);
    height: var(--abc-control-height);
    display: flex;
    align-items: center;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

[b-1vp39y2y62] .abc-basics-grid input {
    height: auto !important;
    line-height: 1.25 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

[b-1vp39y2y62] .abc-basics-grid .mud-input-adornment {
    height: var(--abc-control-height);
    display: flex;
    align-items: center;
}

[b-1vp39y2y62] .abc-basics-grid .mud-icon-button {
    width: 32px;
    height: 32px;
    padding: 4px;
}

[b-1vp39y2y62] .abc-basics-grid .mud-input-outlined .mud-input-outlined-border {
    border-radius: 9px;
}

[b-1vp39y2y62] .abc-basics-grid .mud-input-label-inputcontrol {
    top: 0;
}

@media (max-width: 1100px) {
    .abc-form-grid[b-1vp39y2y62] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .abc-form-grid--basicos[b-1vp39y2y62] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .abc-field-span-2[b-1vp39y2y62] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 620px) {
    .abc-form-grid[b-1vp39y2y62] {
        grid-template-columns: 1fr;
    }

    .abc-form-grid--basicos[b-1vp39y2y62] {
        grid-template-columns: 1fr;
    }
}

.abc-field-combo-row[b-1vp39y2y62] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--abc-action-width);
    align-items: stretch;
    gap: 8px;
    min-width: 0;
}

.abc-field-combo-row > :first-child[b-1vp39y2y62] {
    min-width: 0;
}

.abc-field-action[b-1vp39y2y62] {
    align-items: stretch;
}

.abc-new-action[b-1vp39y2y62] {
    display: inline-flex;
    align-items: stretch;
}

/* ── 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-1vp39y2y62] {
    flex-shrink: 0;
    white-space: nowrap;
}

/* ── MudButton root — acción compacta integrada al combo ─────────────────── */
[b-1vp39y2y62] .abc-add-btn.mud-button-root {
    width:         var(--abc-action-width) !important;
    min-width:    var(--abc-action-width) !important;
    max-width:    var(--abc-action-width) !important;
    height:       var(--abc-control-height) !important;
    min-height:   var(--abc-control-height) !important;
    padding:      0 !important;
    display:      inline-flex !important;
    align-items:  center !important;
    justify-content: center !important;
    line-height:  1 !important;
    border-radius: 9px !important;
    border:        1px solid color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border)) !important;
    background:    color-mix(in srgb, var(--tara-primary-subtle) 55%, var(--tara-surface)) !important;
    color:         var(--tara-primary) !important;
    font-size:     0.78rem !important;
    font-weight:   700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow:    none !important;
    transition:    background-color .15s ease,
                   border-color     .15s ease,
                   color            .15s ease !important;
}

[b-1vp39y2y62] .abc-add-btn .mud-button-label {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

[b-1vp39y2y62] .abc-add-btn.mud-button-root:hover:not([disabled]) {
    background:   color-mix(in srgb, var(--tara-primary-subtle) 75%, var(--tara-surface)) !important;
    border-color: color-mix(in srgb, var(--tara-primary) 45%, var(--tara-border)) !important;
    color:        var(--tara-primary) !important;
}

/* Focus accesible */
[b-1vp39y2y62] .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-1vp39y2y62] .abc-add-btn.mud-button-root[disabled] {
    opacity:    0.38 !important;
    cursor:     not-allowed !important;
    background: var(--tara-surface-raised) !important;
}

[b-1vp39y2y62] .abc-add-btn .mud-icon-root,
[b-1vp39y2y62] .abc-add-btn .mud-svg-icon,
[b-1vp39y2y62] .abc-add-btn svg {
    width: 20px !important;
    height: 20px !important;
    font-size: 20px !important;
    color: var(--tara-primary) !important;
    display: block !important;
    margin: 0 !important;
    line-height: 1 !important;
}

.abc-field-hint[b-1vp39y2y62] {
    font-size: 0.73rem;
    color: var(--tara-text-muted);
    margin-top: 1px;
    padding: 0 2px;
    line-height: 1.15;
}

/* ── Corrida e info ───────────────────────────────────────────────────────── */

.abc-corrida-info[b-1vp39y2y62] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-top: 6px;
    padding: 7px 10px;
    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-summary[b-1vp39y2y62] {
    font-weight: 700;
    color: var(--tara-text);
}

.abc-size-chip-list[b-1vp39y2y62],
.abc-corrida-option-chips[b-1vp39y2y62] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.abc-size-chip[b-1vp39y2y62] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
    color: var(--tara-text);
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1;
}

.abc-corrida-option[b-1vp39y2y62] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 4px 0;
}

.abc-corrida-option-title[b-1vp39y2y62] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--tara-text);
}

.abc-corrida-incompatible[b-1vp39y2y62] {
    background: rgba(220, 38, 38, 0.07);
    border-color: rgba(220, 38, 38, 0.25);
    color: var(--tara-danger);
}

.abc-tallas-preview[b-1vp39y2y62] {
    font-size: 0.75rem;
    color: var(--tara-text-muted);
    word-break: break-all;
}

@media (max-width: 680px) {
    .abc-size-chip-list[b-1vp39y2y62],
    .abc-corrida-option-chips[b-1vp39y2y62] {
        gap: 5px;
    }

    .abc-size-chip[b-1vp39y2y62] {
        min-height: 22px;
        padding: 0 7px;
        font-size: 0.7rem;
    }
}

/* ── Preview de barcode ───────────────────────────────────────────────────── */

.abc-barcode-preview[b-1vp39y2y62] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 10px;
    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-1vp39y2y62] {
    color: var(--tara-text);
    font-size: 0.9rem;
}

/* ── Aviso de campos bloqueados ───────────────────────────────────────────── */

.abc-locked-notice[b-1vp39y2y62] {
    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-1vp39y2y62] {
    margin-top: 12px;
    border-top: 1px solid var(--tara-border-subtle);
    padding-top: 8px;
}

/* ── Divisor de sección ───────────────────────────────────────────────────── */

.abc-section-divider[b-1vp39y2y62] {
    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-1vp39y2y62] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 8px;
}

.abc-image-preview-container[b-1vp39y2y62] {
    position: relative;
    display: inline-block;
}

.abc-image-preview[b-1vp39y2y62] {
    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-1vp39y2y62] {
    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-1vp39y2y62] {
    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-1vp39y2y62] {
    border-color: var(--tara-primary);
    color: var(--tara-primary);
    background: var(--tara-primary-subtle);
}

.abc-image-hint[b-1vp39y2y62] {
    font-size: 0.72rem;
    color: var(--tara-text-muted);
    line-height: 1.4;
}

/* ── Tipo de ficha (rector Fase 2B) ──────────────────────────────────────── */

.abc-tipo-ficha[b-1vp39y2y62] {
    margin: 10px 0 12px;
    padding: 10px 12px;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
}

.abc-tipo-ficha-label[b-1vp39y2y62] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
}

.abc-tipo-ficha-hint[b-1vp39y2y62] {
    font-size: 0.68rem;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    color: var(--tara-text-muted);
    margin-left: 4px;
}

.abc-tipo-ficha-chips[b-1vp39y2y62] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/* ── Badge persistente de tipo de producto ────────────────────────────────── */

.abc-tipo-badge[b-1vp39y2y62] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    margin: 6px 0 2px;
    background: var(--tara-surface-raised);
    border-left: 3px solid var(--tara-primary);
    border-radius: 0 var(--tara-radius-sm) var(--tara-radius-sm) 0;
    font-size: .82rem;
    color: var(--tara-text-muted);
}

.abc-tipo-badge strong[b-1vp39y2y62] {
    font-weight: 600;
    color: var(--tara-text);
    letter-spacing: .04em;
}

.abc-tipo-badge--ropa[b-1vp39y2y62]      { border-color: var(--tara-primary); }
.abc-tipo-badge--calzado[b-1vp39y2y62]   { border-color: var(--tara-success); }
.abc-tipo-badge--accesorio[b-1vp39y2y62] { border-color: var(--tara-warning); }
.abc-tipo-badge--general[b-1vp39y2y62]   { border-color: var(--tara-text-muted); }
.abc-tipo-badge--legacy[b-1vp39y2y62]    { border-color: var(--tara-border); }

.abc-tipo-badge-hint[b-1vp39y2y62] {
    margin-left: auto;
    font-size: .76rem;
    color: var(--tara-text-muted);
    font-style: italic;
}

/* ── Aviso informativo por tipo (Paso 3 y Paso 4) ─────────────────────────── */

.abc-tipo-aviso[b-1vp39y2y62] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 12px;
    margin: 4px 0 6px;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    font-size: .82rem;
    color: var(--tara-text-muted);
    grid-column: 1 / -1;
}

.abc-tipo-aviso--error[b-1vp39y2y62] {
    background: color-mix(in srgb, var(--tara-danger) 8%, transparent);
    border-color: var(--tara-danger);
    color: var(--tara-danger);
}

.abc-tipo-aviso--error .mud-icon-root[b-1vp39y2y62] {
    color: var(--tara-danger) !important;
}

.abc-tipo-derivado[b-1vp39y2y62] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 4px;
    font-size: .78rem;
    color: var(--tara-text-muted);
}

.abc-tipo-derivado .mud-icon-root[b-1vp39y2y62] {
    font-size: .9rem !important;
    color: var(--tara-primary);
}

.abc-tipo-derivado strong[b-1vp39y2y62] {
    color: var(--tara-primary);
    font-weight: 600;
}

.abc-tipo-aviso .mud-icon-root[b-1vp39y2y62] {
    flex-shrink: 0;
    margin-top: 1px;
    color: var(--tara-primary);
    font-size: 1rem !important;
}

/* ── Encabezado unificado de ficha técnica ────────────────────────────────── */

.abc-ficha-tipo-header[b-1vp39y2y62] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 0 4px;
    margin-bottom: 2px;
    border-bottom: 1px solid var(--tara-border);
    font-size: .9rem;
    font-weight: 500;
    color: var(--tara-text-muted);
    grid-column: 1 / -1;
}

.abc-ficha-tipo-header strong[b-1vp39y2y62] {
    color: var(--tara-primary);
    font-weight: 600;
}

/* ── Ficha técnica ROPA (Fase 2B-2B) ─────────────────────────────────────── */

.abc-ficha-info-header[b-1vp39y2y62],
.abc-ficha-ropa-header[b-1vp39y2y62],
.abc-ficha-calzado-header[b-1vp39y2y62],
.abc-ficha-accesorio-header[b-1vp39y2y62] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 14px 0 8px;
    padding-top: 12px;
    border-top: 1px dashed var(--tara-border-subtle);
}

/* ── Opcionales ───────────────────────────────────────────────────────────── */

.abc-opcionales-toggle[b-1vp39y2y62] {
    margin-top: 14px;
    border-top: 1px solid var(--tara-border-subtle);
    padding-top: 8px;
}

/* ── Resumen final ────────────────────────────────────────────────────────── */

.abc-resumen[b-1vp39y2y62] {
    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-1vp39y2y62] {
    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-1vp39y2y62] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 4px 16px;
    align-items: baseline;
}

.abc-ri-label[b-1vp39y2y62] {
    font-size: 0.75rem;
    color: var(--tara-text-muted);
    font-weight: 500;
    white-space: nowrap;
}

.abc-ri-val[b-1vp39y2y62] {
    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-1vp39y2y62] {
    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-1vp39y2y62],
.abc-nav-right[b-1vp39y2y62] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* ── Placeholder cuando no hay producto seleccionado ─────────────────────── */

.abc-wizard-placeholder[b-1vp39y2y62] {
    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-1vp39y2y62] .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--tara-border) !important;
}

[b-1vp39y2y62] .mud-input-outlined:focus-within .mud-input-outlined-border {
    border-color: var(--tara-primary) !important;
}

[b-1vp39y2y62] .mud-input-label {
    color: var(--tara-text-muted) !important;
}

[b-1vp39y2y62] .mud-input-label.mud-input-label-animated.mud-shrink {
    color: var(--tara-primary) !important;
}

[b-1vp39y2y62] .mud-input-outlined.mud-disabled .mud-input-outlined-border {
    border-color: var(--tara-border-subtle) !important;
    opacity: 0.6;
}

[b-1vp39y2y62] .mud-autocomplete .mud-input-outlined:hover .mud-input-outlined-border,
[b-1vp39y2y62] .mud-autocomplete .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-1vp39y2y62] .mud-autocomplete .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark) !important;
}

[b-1vp39y2y62] .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;
}

/* ── Fix: alineación vertical — Dense="true" Outlined en ProductosAbc ────────
   MudAutocomplete con Dense="true" no agrega mud-input-root-margin-dense, por
   lo que div.mud-input-slot hereda padding:18.5px (modo non-Dense). Se normaliza
   a la equivalencia Dense (10.5px) en todas las grillas del componente.
   Cubre: abc-basics-grid, abc-form-grid plano (colores/acabados), abc-catalog.
   Scoped a ProductosAbc vía Blazor CSS isolation — no afecta otros módulos.   */
[b-1vp39y2y62] .abc-form-grid div.mud-input-slot.mud-input-root-outlined {
    padding-top: 10.5px !important;
    padding-bottom: 10.5px !important;
}

[b-1vp39y2y62] .abc-form-grid .mud-input-adornment {
    align-self: center;
}

@media (max-width: 900px) {
    .abc-page-title h1[b-1vp39y2y62] {
        font-size: 1.25rem;
    }

    .abc-step-btn[b-1vp39y2y62] {
        flex: 0 0 auto;
        min-width: 132px;
    }

    .abc-nav-bar[b-1vp39y2y62] {
        align-items: stretch;
        flex-direction: column;
    }

    .abc-nav-left[b-1vp39y2y62],
    .abc-nav-right[b-1vp39y2y62] {
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 680px) {
    .abc-page-header[b-1vp39y2y62] {
        margin-bottom: .85rem;
    }

    .abc-card[b-1vp39y2y62] {
        padding: 12px;
    }

    .abc-search-panel[b-1vp39y2y62] {
        padding: 12px;
    }

    .abc-search-row[b-1vp39y2y62] {
        align-items: stretch;
    }

    .abc-search-input[b-1vp39y2y62] {
        min-width: 0;
        width: 100%;
    }

    .abc-nav-left[b-1vp39y2y62],
    .abc-nav-right[b-1vp39y2y62] {
        flex-direction: column;
        align-items: stretch;
    }

    [b-1vp39y2y62] .abc-nav-left .mud-button-root,
    [b-1vp39y2y62] .abc-nav-right .mud-button-root {
        width: 100%;
    }
}

@media (max-width: 520px) {
    .abc-steps-bar[b-1vp39y2y62] {
        padding: 4px;
    }

    .abc-step-btn[b-1vp39y2y62] {
        min-width: 116px;
        padding-inline: 8px;
    }

    .abc-step-label[b-1vp39y2y62] {
        font-size: .76rem;
    }

    .abc-nav-bar[b-1vp39y2y62] {
        padding: 10px;
    }

    .abc-draft-badge[b-1vp39y2y62] {
        margin-left: 0;
        width: 100%;
        justify-content: center;
    }

    [b-1vp39y2y62] .mud-dialog {
        width: calc(100vw - 1rem) !important;
        margin: .5rem !important;
    }

    [b-1vp39y2y62] .mud-dialog-actions {
        flex-direction: column;
        align-items: stretch;
    }

    [b-1vp39y2y62] .mud-dialog-actions .mud-button-root {
        width: 100%;
    }
}

/* ── Banner: Modo Compatibilidad SAZ Legacy ─────────────────────────────── */

.abc-legacy-banner[b-1vp39y2y62] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-left: 3px solid var(--tara-text-muted);
    border-radius: var(--tara-radius-sm);
    font-size: 0.78rem;
    color: var(--tara-text-muted);
    margin-bottom: 10px;
}
/* _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-m5s2f5390q] {
    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-m5s2f5390q] {
    display:       flex;
    align-items:   center;
    gap:           .85rem;
    margin-bottom: 1.25rem;
}

.cat-back-btn.mud-button-root[b-m5s2f5390q] { flex-shrink: 0; }

.cat-report-title[b-m5s2f5390q] { flex: 1; min-width: 0; }

.cat-report-title h1[b-m5s2f5390q] {
    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-m5s2f5390q] {
    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-m5s2f5390q] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    margin-left: auto;
    flex-shrink: 0;
}

/* ── Filter panel ─────────────────────────────────────────────────────────── */

.cat-filters-panel[b-m5s2f5390q] {
    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-m5s2f5390q] {
    display:     flex;
    gap:         .75rem;
    flex-wrap:   wrap;
    align-items: center;
}

.cat-filters-grid .cat-filter-select[b-m5s2f5390q] {
    min-width: 220px;
    flex:      1;
}

[b-m5s2f5390q] .cat-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-m5s2f5390q] .cat-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-m5s2f5390q] .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-m5s2f5390q] {
    display:     flex;
    gap:         .5rem;
    align-items: center;
    flex-wrap:   wrap;
}

.cat-nuevo-field[b-m5s2f5390q] {
    min-width: 200px;
    max-width: 320px;
    flex:      1;
}

[b-m5s2f5390q] .cat-nuevo-field .mud-input-outlined:hover .mud-input-outlined-border,
[b-m5s2f5390q] .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-m5s2f5390q]  { margin-bottom: 1rem; }
.cat-alert-content[b-m5s2f5390q] {
    display:     flex;
    align-items: center;
    flex-wrap:   wrap;
    gap:         .5rem;
}

/* ── Grid shell (bridge vars) ─────────────────────────────────────────────── */

.cat-grid-shell[b-m5s2f5390q] {
    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-m5s2f5390q] {
    --_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-m5s2f5390q] {
    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-m5s2f5390q] {
    flex:      1;
    min-width: 200px;
    max-width: 400px;
}

[b-m5s2f5390q] .cat-search-field .mud-input-outlined:hover .mud-input-outlined-border,
[b-m5s2f5390q] .cat-search-field .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

.cat-toolbar-actions[b-m5s2f5390q] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    flex-wrap:   wrap;
}

.cat-count-chip[b-m5s2f5390q] {
    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-m5s2f5390q] {
    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-m5s2f5390q] {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.80);
}

[b-m5s2f5390q] .cat-data-grid.mud-table {
    border-radius: 0;
    box-shadow:    none;
}

.cat-table-container[b-m5s2f5390q]::-webkit-scrollbar        { height: 10px; }
.cat-table-container[b-m5s2f5390q]::-webkit-scrollbar-thumb  { background: var(--tara-border); border-radius: 999px; }
.cat-table-container[b-m5s2f5390q]::-webkit-scrollbar-track  { background: var(--tara-surface-raised); }

/* ── Table header ─────────────────────────────────────────────────────────── */

[b-m5s2f5390q] .cat-data-grid .mud-table-head .mud-table-row {
    background: var(--_th-gradient);
}

[b-m5s2f5390q] .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-m5s2f5390q] .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-m5s2f5390q] {
    display:     inline-flex;
    align-items: center;
    gap:         .25rem;
}

.cat-head-title[b-m5s2f5390q] { display: inline-block; white-space: nowrap; }

[b-m5s2f5390q] .cat-filter-btn          { color: var(--_filter-icon) !important; }
[b-m5s2f5390q] .cat-filter-btn--active  { color: var(--tara-primary-dark) !important; }

[b-m5s2f5390q] .cat-data-grid .mud-table-head .mud-icon-root,
[b-m5s2f5390q] .cat-data-grid .mud-table-head .mud-button-root {
    color: var(--_th-icon) !important;
}

[b-m5s2f5390q] .cat-data-grid .mud-table-head .mud-icon-button {
    width:         30px;
    height:        30px;
    margin-left:   .2rem;
    border-radius: 7px;
}

[b-m5s2f5390q] .cat-data-grid .mud-table-head .mud-table-sort-label { gap: .2rem; }

/* Popover filtros por columna */
[b-m5s2f5390q] .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-m5s2f5390q] .cat-excel-popover .mud-input-control,
[b-m5s2f5390q] .cat-excel-popover .mud-select { min-width: 220px; }

.cat-excel-filter[b-m5s2f5390q] {
    width:      280px;
    max-width:  86vw;
    padding:    .5rem .6rem;
    background: var(--tara-surface);
}

.cat-excel-actions[b-m5s2f5390q] {
    display:         flex;
    justify-content: space-between;
    gap:             .35rem;
    margin-bottom:   .35rem;
}

.cat-excel-values[b-m5s2f5390q] {
    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-m5s2f5390q] {
    margin-top:      .45rem;
    display:         flex;
    justify-content: flex-end;
    gap:             .35rem;
}

/* Sort arrows */
[b-m5s2f5390q] .cat-data-grid .mud-table-sort-label:hover { color: var(--tara-primary-dark); }
[b-m5s2f5390q] .cat-data-grid .mud-table-sort-label .mud-table-sort-label-arrow { color: var(--tara-primary-dark) !important; }

/* ── Table body ───────────────────────────────────────────────────────────── */

[b-m5s2f5390q] .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-m5s2f5390q] .cat-data-grid .mud-table-body .mud-table-row.mud-table-row-even .mud-table-cell {
    background: var(--tara-row-even) !important;
}

[b-m5s2f5390q] .cat-data-grid .mud-table-body .mud-table-row.mud-table-row-odd .mud-table-cell {
    background: var(--tara-row-odd);
}

[b-m5s2f5390q] .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-m5s2f5390q] .cat-data-grid .mud-table-loading-progress .mud-progress-linear-bar {
    background-color: var(--tara-primary-dark) !important;
}

/* ── Column widths ────────────────────────────────────────────────────────── */

[b-m5s2f5390q] .cat-th-num {
    width:      70px;
    min-width:  70px;
    text-align: center !important;
}

[b-m5s2f5390q] .cat-th-nombre  { min-width: 180px; }

[b-m5s2f5390q] .cat-th-center {
    min-width:  100px;
    text-align: center !important;
}

[b-m5s2f5390q] .cat-th-right {
    min-width:  90px;
    text-align: right !important;
}

[b-m5s2f5390q] .cat-th-edit {
    width:     50px;
    min-width: 50px;
}

[b-m5s2f5390q] .cat-td-num    { text-align: center !important; font-variant-numeric: tabular-nums; }
[b-m5s2f5390q] .cat-td-nombre { font-weight: 600; }
[b-m5s2f5390q] .cat-td-center { text-align: center !important; }
[b-m5s2f5390q] .cat-td-right  { text-align: right !important; }
[b-m5s2f5390q] .cat-td-mono   { font-variant-numeric: tabular-nums; font-size: .82rem; }
[b-m5s2f5390q] .cat-td-edit   { text-align: center !important; }

/* ── Bool chip (SÍ/NO para Temporadas) ───────────────────────────────────── */

.cat-bool-chip[b-m5s2f5390q] {
    display:        inline-block;
    padding:        .12rem .55rem;
    border-radius:  100px;
    font-size:      .7rem;
    font-weight:    700;
    letter-spacing: .03em;
}

.cat-bool-si[b-m5s2f5390q] {
    background: rgba(22, 163, 74, .12);
    color:      #16A34A;
}

[data-theme="dark"] .cat-bool-si[b-m5s2f5390q] {
    background: rgba(22, 163, 74, .18);
    color:      #4ADE80;
}

.cat-bool-no[b-m5s2f5390q] {
    background: var(--tara-surface-raised);
    color:      var(--tara-text-muted);
}

/* ── Edit icon button ─────────────────────────────────────────────────────── */

.cat-edit-icon-btn[b-m5s2f5390q] {
    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-m5s2f5390q] {
    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-m5s2f5390q] {
    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-m5s2f5390q] {
    margin:      0;
    font-size:   .9375rem;
    font-weight: 500;
    color:       var(--tara-text-muted);
}

.cat-empty-sub[b-m5s2f5390q] {
    margin:    0;
    font-size: .8125rem;
    color:     var(--tara-text-muted);
    opacity:   .75;
}

.cat-loading-row[b-m5s2f5390q] {
    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-m5s2f5390q] {
    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-m5s2f5390q] {
    overflow:   auto;
    max-height: 200px;
    font-size:  .75rem;
}

/* ── Dialog (heredado, sin cambios) ──────────────────────────────────────── */

.cat-dialog-backdrop[b-m5s2f5390q] {
    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-m5s2f5390q] {
    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-m5s2f5390q] {
    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-m5s2f5390q] {
    margin:      0;
    font-size:   1rem;
    font-weight: 700;
    color:       var(--tara-text);
}

.cat-dialog-subtitle[b-m5s2f5390q] {
    margin:    .1rem 0 0;
    font-size: .8rem;
    color:     var(--tara-text-muted);
}

.cat-dialog-close[b-m5s2f5390q] {
    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-m5s2f5390q] {
    background: var(--tara-surface-raised);
}

.cat-dialog-body[b-m5s2f5390q] {
    padding:        1rem 1.1rem;
    display:        flex;
    flex-direction: column;
    gap:            .85rem;
}

.cat-dialog-field[b-m5s2f5390q] {
    display:        flex;
    flex-direction: column;
    gap:            .35rem;
}

.cat-dialog-label[b-m5s2f5390q] {
    font-size:  .8rem;
    font-weight: 600;
    color:      var(--tara-text-muted);
}

.cat-dialog-check[b-m5s2f5390q] {
    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-m5s2f5390q] {
    width:        16px;
    height:       16px;
    accent-color: var(--tara-primary-dark);
    cursor:       pointer;
}

.cat-dialog-error[b-m5s2f5390q] {
    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-m5s2f5390q] {
    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-m5s2f5390q] {
    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-m5s2f5390q]::placeholder { color: var(--tara-text-muted); opacity: .7; }

.cat-input:hover:not(:disabled)[b-m5s2f5390q] { border-color: var(--tara-border); }

.cat-input:focus[b-m5s2f5390q] {
    border-color: var(--tara-primary-dark);
    box-shadow:   0 0 0 3px var(--tara-primary-subtle);
}

.cat-input:disabled[b-m5s2f5390q] { opacity: .65; cursor: not-allowed; }

.cat-btn-guardar[b-m5s2f5390q] {
    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-m5s2f5390q] { background: var(--tara-primary-deeper); }
.cat-btn-guardar:disabled[b-m5s2f5390q]             { opacity: .55; cursor: not-allowed; }
.cat-btn-guardar.is-loading[b-m5s2f5390q]           { pointer-events: none; }

.cat-btn-cancel[b-m5s2f5390q] {
    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-m5s2f5390q] { background: var(--tara-surface-raised); }
.cat-btn-cancel:disabled[b-m5s2f5390q]             { opacity: .55; cursor: not-allowed; }

.cat-spinner[b-m5s2f5390q] {
    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-m5s2f5390q .75s linear infinite;
}

@keyframes cat-spin-b-m5s2f5390q {
    to { transform: rotate(360deg); }
}

/* ── FilterAccordion — pills de resumen ───────────────────────────────────── */

.cat-filter-pill[b-m5s2f5390q] {
    display:      inline-flex;
    align-items:  center;
    padding:      .15rem .55rem;
    border-radius: 9999px;
    background:   color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    color:        var(--tara-primary-dark);
    font-size:    .75rem;
    font-weight:  600;
    border:       1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    margin-left:  .5rem;
}

.cat-filter-count-pill[b-m5s2f5390q] {
    display:      inline-flex;
    align-items:  center;
    padding:      .1rem .4rem;
    border-radius: 9999px;
    background:   var(--tara-surface-raised);
    color:        var(--tara-text-muted);
    font-size:    .72rem;
    font-weight:  500;
    margin-left:  .3rem;
}

/* ── Mobile cards ≤760px ──────────────────────────────────────────────────── */

.cat-card-list[b-m5s2f5390q]    { display: none; }
.cat-card-loading[b-m5s2f5390q] { display: none; }

@media (max-width: 760px) {
    .cat-grid-shell[b-m5s2f5390q] { display: none; }
    .cat-card-list[b-m5s2f5390q]  {
        display:        flex;
        flex-direction: column;
        gap:            .6rem;
        padding-bottom: .25rem;
    }
    .cat-card-loading[b-m5s2f5390q] {
        display:     flex;
        align-items: center;
        gap:         .5rem;
        padding:     1rem;
        color:       var(--tara-text-muted);
        font-size:   .9rem;
    }
}

.cat-card[b-m5s2f5390q] {
    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:            .35rem;
    cursor:         pointer;
    transition:     border-color .12s ease, box-shadow .12s ease;
}

.cat-card:hover[b-m5s2f5390q] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 22%, var(--tara-border));
    box-shadow:   0 2px 10px rgba(0,0,0,.07);
}

.cat-card-num[b-m5s2f5390q] {
    font-size:   .72rem;
    font-weight: 600;
    color:       var(--tara-text-muted);
}

.cat-card-nombre[b-m5s2f5390q] {
    font-size:   .95rem;
    font-weight: 600;
    color:       var(--tara-text);
}

.cat-card-meta[b-m5s2f5390q] {
    display:    flex;
    gap:        .4rem;
    flex-wrap:  wrap;
    margin-top: .1rem;
}

.cat-card-chip[b-m5s2f5390q] {
    font-size:     .7rem;
    padding:       .15rem .45rem;
    border-radius: 9999px;
    background:    var(--tara-surface-raised);
    color:         var(--tara-text-muted);
    border:        1px solid var(--tara-border-subtle);
    font-weight:   500;
}

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

@media (max-width: 640px) {
    .cat-report-title h1[b-m5s2f5390q] { font-size: 1rem; }
    .cat-filters-grid[b-m5s2f5390q]    { flex-direction: column; }
    .cat-nuevo-row[b-m5s2f5390q]       { flex-direction: column; align-items: stretch; }
    .cat-nuevo-field[b-m5s2f5390q]     { max-width: 100%; }
    .cat-search-field[b-m5s2f5390q]    { min-width: 140px; }
}
/* _content/Raramuri.blzr/Components/Pages/ProductosCatalogosExt.razor.rz.scp.css */
/* ── Layout ─────────────────────────────────────────────────────────────── */

.cext-loading[b-sq46q2mqzu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    min-height: 200px;
    color: var(--tara-text-muted);
}

/* ── FilterAccordion pills ───────────────────────────────────────────────── */

.cext-filter-pill[b-sq46q2mqzu] {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    background: var(--tara-primary-subtle);
    color: var(--tara-primary-dark);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
}

/* ── Filtros ─────────────────────────────────────────────────────────────── */

.cext-filters-row[b-sq46q2mqzu] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.cext-filter-select[b-sq46q2mqzu] {
    min-width: 160px;
    max-width: 220px;
}

/* ── Chips de tipo ───────────────────────────────────────────────────────── */

.cext-tipo-chip[b-sq46q2mqzu] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.cext-tipo-ropa[b-sq46q2mqzu]      { background: color-mix(in srgb, var(--tara-info) 12%, transparent); color: var(--tara-info); }
.cext-tipo-calzado[b-sq46q2mqzu]   { background: color-mix(in srgb, var(--tara-danger) 10%, transparent); color: var(--tara-danger); }
.cext-tipo-accesorio[b-sq46q2mqzu] { background: color-mix(in srgb, var(--tara-warning) 12%, transparent); color: var(--tara-warning); }
.cext-tipo-general[b-sq46q2mqzu]   { background: color-mix(in srgb, var(--tara-success) 10%, transparent); color: var(--tara-success); }

/* ── Nombre de catálogo ──────────────────────────────────────────────────── */

.cext-cat-label[b-sq46q2mqzu] {
    font-weight: 500;
}

.cext-cat-num[b-sq46q2mqzu] {
    font-size: 0.75rem;
    color: var(--tara-text-muted);
    margin-left: 4px;
}

/* ── Dialog — grid 2 columnas ────────────────────────────────────────────── */

.cext-dlg-grid[b-sq46q2mqzu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 4px;
}

@media (max-width: 520px) {
    .cext-dlg-grid[b-sq46q2mqzu] {
        grid-template-columns: 1fr;
    }
}

.cext-toggle-field[b-sq46q2mqzu] {
    display: flex;
    align-items: center;
    padding-top: 4px;
}

/* ── Badge sistema ───────────────────────────────────────────────────────── */

.cext-sistema-badge[b-sq46q2mqzu] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--tara-text-muted);
    margin-left: 8px;
    vertical-align: middle;
}

/* ── Mobile cards ≤760px ─────────────────────────────────────────────────── */

.cext-card-list[b-sq46q2mqzu] { display: none; }
.cext-card-loading[b-sq46q2mqzu] { display: none; }

@media (max-width: 760px) {
    .cat-grid-shell[b-sq46q2mqzu] { display: none !important; }
    .cext-card-list[b-sq46q2mqzu] {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 0 0 16px;
    }
    .cext-card-loading[b-sq46q2mqzu] {
        display: flex;
        justify-content: center;
        padding: 24px;
    }
}

.cext-card[b-sq46q2mqzu] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding: 10px 12px;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cext-card:hover[b-sq46q2mqzu] {
    background: var(--tara-surface-raised);
    border-color: color-mix(in srgb, var(--tara-primary) 25%, var(--tara-border));
}

.cext-card-top[b-sq46q2mqzu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

.cext-card-nombre[b-sq46q2mqzu] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--tara-text);
    margin-top: 2px;
}

.cext-card-meta[b-sq46q2mqzu] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 2px;
}

.cext-card-clave[b-sq46q2mqzu] {
    font-family: monospace;
    font-size: 0.72rem;
    padding: 1px 7px;
    border-radius: 4px;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    color: var(--tara-text-muted);
}

.cext-card-cat[b-sq46q2mqzu] {
    font-size: 0.75rem;
    color: var(--tara-text-muted);
}

.cext-card-bool[b-sq46q2mqzu] {
    font-size: 0.7rem;
    font-weight: 700;
    padding: 1px 8px;
    border-radius: 999px;
    text-transform: uppercase;
}

.cext-bool-si[b-sq46q2mqzu]  { background: color-mix(in srgb, var(--tara-success) 12%, transparent); color: var(--tara-success); }
.cext-bool-no[b-sq46q2mqzu]  { background: color-mix(in srgb, var(--tara-text-muted) 10%, transparent); color: var(--tara-text-muted); }

.cext-card-empty[b-sq46q2mqzu] {
    text-align: center;
    color: var(--tara-text-muted);
    padding: 24px;
    font-size: 0.85rem;
}
/* _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-7ef0vz585w] {
    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-7ef0vz585w] {
    display:       flex;
    align-items:   center;
    gap:           .85rem;
    margin-bottom: 1.1rem;
}

.csat-back-btn.mud-button-root[b-7ef0vz585w] { flex-shrink: 0; }

.csat-report-title[b-7ef0vz585w] { flex: 1; min-width: 0; }

.csat-report-title h1[b-7ef0vz585w] {
    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-7ef0vz585w] {
    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-7ef0vz585w] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    margin-left: auto;
    flex-shrink: 0;
}

.csat-export-btn.mud-button-root[b-7ef0vz585w] { height: 30px; font-size: .78rem; }

/* ── Selector de modo (Por Producto / Por Línea) ────────────────────────────── */

.csat-modo-bar[b-7ef0vz585w] {
    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-7ef0vz585w] {
    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-7ef0vz585w] {
    background: var(--tara-surface);
    color:      var(--tara-text);
}

.csat-modo-btn--active[b-7ef0vz585w] {
    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-7ef0vz585w] {
    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-7ef0vz585w] {
    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-7ef0vz585w] {
    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-7ef0vz585w]    { border-color: var(--tara-primary); }
.csat-producto-selector:focus-visible[b-7ef0vz585w] {
    outline:        2px solid var(--tara-primary);
    outline-offset: 2px;
}

.csat-sel-icon[b-7ef0vz585w]  { color: var(--tara-text-muted); flex-shrink: 0; }
.csat-sel-search-icon[b-7ef0vz585w] { color: var(--tara-text-muted); margin-left: auto; flex-shrink: 0; }

.csat-sel-placeholder[b-7ef0vz585w] {
    flex:          1;
    font-size:     .82rem;
    color:         var(--tara-text-muted);
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
}

.csat-sel-valor[b-7ef0vz585w] {
    flex:           1;
    display:        flex;
    flex-direction: column;
    min-width:      0;
    gap:            .05rem;
}

.csat-sel-nombre[b-7ef0vz585w] {
    font-size:     .85rem;
    font-weight:   600;
    color:         var(--tara-text);
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
}

.csat-sel-barcode[b-7ef0vz585w] {
    font-size:   .7rem;
    color:       var(--tara-text-muted);
    font-family: monospace;
}

/* Acciones del toolbar */
.csat-toolbar-actions[b-7ef0vz585w] {
    display:     flex;
    align-items: center;
    gap:         .4rem;
    flex-wrap:   wrap;
    margin-left: auto;
    flex-shrink: 0;
}

.csat-action-btn.mud-icon-button[b-7ef0vz585w]  { padding: .3rem; }
.csat-asignar-btn.mud-button-root[b-7ef0vz585w] { height: 30px; font-size: .78rem; }

.csat-count-chip[b-7ef0vz585w] {
    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-7ef0vz585w] { margin-bottom: .55rem; }
[b-7ef0vz585w] .csat-filter-input { max-width: 460px; }

/* ── Alerts ─────────────────────────────────────────────────────────────────── */

.csat-error-alert[b-7ef0vz585w]  { margin-bottom: 1rem; }
.csat-alert-content[b-7ef0vz585w] {
    display:     flex;
    align-items: center;
    flex-wrap:   wrap;
    gap:         .5rem;
}

/* ── Table container ────────────────────────────────────────────────────────── */

.csat-table-container[b-7ef0vz585w] {
    overflow:      hidden;
    border:        1px solid var(--tara-border-subtle);
    border-radius: 10px;
}

/* ── DataGrid — encabezados ─────────────────────────────────────────────────── */

[b-7ef0vz585w] .csat-data-grid table { border-collapse: collapse; }

[b-7ef0vz585w] .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-7ef0vz585w] .csat-th-barcode { width: 120px; min-width: 100px; }
[b-7ef0vz585w] .csat-th-desc    { min-width: 160px; }
[b-7ef0vz585w] .csat-th-linea   { min-width: 100px; }
[b-7ef0vz585w] .csat-th-clave   { min-width: 130px; }
[b-7ef0vz585w] .csat-th-unidad  { width: 100px; min-width: 85px; }

/* ── DataGrid — celdas ──────────────────────────────────────────────────────── */

[b-7ef0vz585w] .csat-td {
    font-size: .82rem;
    padding:   .35rem .55rem !important;
    color:     var(--tara-text);
}

[b-7ef0vz585w] .csat-td-mono { font-family: monospace; }

/* ── Zebra striping ─────────────────────────────────────────────────────────── */

[b-7ef0vz585w] .csat-data-grid .mud-table-row:nth-child(odd)  td { background: var(--tara-row-odd)  !important; }
[b-7ef0vz585w] .csat-data-grid .mud-table-row:nth-child(even) td { background: var(--tara-row-even) !important; }
[b-7ef0vz585w] .csat-data-grid .mud-table-row:hover           td { background: var(--tara-row-hover) !important; }

/* ── Barcode badge ──────────────────────────────────────────────────────────── */

.csat-barcode-badge[b-7ef0vz585w] {
    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-7ef0vz585w] {
    display:        flex;
    flex-direction: column;
    gap:            .05rem;
}

.csat-desc-nombre[b-7ef0vz585w] {
    font-size:   .82rem;
    font-weight: 600;
    color:       var(--tara-text);
}

.csat-desc-sub[b-7ef0vz585w] {
    font-size: .7rem;
    color:     var(--tara-text-muted);
}

/* ── Claves SAT ─────────────────────────────────────────────────────────────── */

.csat-sat-chip[b-7ef0vz585w] {
    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-7ef0vz585w] {
    font-size:  .75rem;
    color:      var(--tara-text-muted);
    font-style: italic;
}

.csat-unit-badge[b-7ef0vz585w] {
    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-7ef0vz585w] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    padding:         2.5rem 1rem;
    gap:             .5rem;
    text-align:      center;
}

.csat-empty-title[b-7ef0vz585w] {
    margin:      0;
    font-size:   1rem;
    font-weight: 600;
    color:       var(--tara-text);
}

.csat-empty-sub[b-7ef0vz585w] {
    margin:    0;
    font-size: .82rem;
    color:     var(--tara-text-muted);
}

.csat-loading-row[b-7ef0vz585w] {
    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-7ef0vz585w] {
    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-7ef0vz585w] {
    display:     flex;
    align-items: center;
    flex:        1;
    flex-wrap:   wrap;
    gap:         .55rem;
    min-width:   0;
}

.csat-linea-label[b-7ef0vz585w] {
    font-size:   .82rem;
    font-weight: 600;
    color:       var(--tara-text);
    white-space: nowrap;
}

.csat-linea-loading[b-7ef0vz585w] {
    display:     flex;
    align-items: center;
    gap:         .4rem;
    font-size:   .82rem;
    color:       var(--tara-text-muted);
}

.csat-select-native[b-7ef0vz585w] {
    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-7ef0vz585w]    { border-color: var(--tara-primary); }
.csat-select-native:disabled[b-7ef0vz585w] { opacity: .55; cursor: default; }

.csat-solo-faltantes-label[b-7ef0vz585w] {
    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-7ef0vz585w] {
    display:     flex;
    align-items: center;
    gap:         .4rem;
    flex-shrink: 0;
    margin-left: auto;
}

.csat-pendientes-btn.mud-button-root[b-7ef0vz585w] { height: 30px; font-size: .78rem; }

.csat-linea-info[b-7ef0vz585w] {
    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-7ef0vz585w] {
    margin: 0;
    line-height: 1.5;
}

.csat-linea-info strong[b-7ef0vz585w] { color: var(--tara-text); }

/* ── Debug panel ────────────────────────────────────────────────────────────── */

.csat-debug-panel[b-7ef0vz585w] {
    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-7ef0vz585w] {
    overflow:    auto;
    font-size:   .72rem;
    max-height:  200px;
    white-space: pre-wrap;
}

/* ══════════════════════════════════════════════════════════════════════════════
   Dialogs — backdrop y shell común
   ══════════════════════════════════════════════════════════════════════════════ */

.csat-dialog-backdrop[b-7ef0vz585w] {
    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-7ef0vz585w] {
    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-7ef0vz585w]    { max-width: 540px; }
.csat-dialog--asignar[b-7ef0vz585w]   { max-width: 520px; }
.csat-dialog--pendientes[b-7ef0vz585w] { max-width: 560px; }

/* Dialog header */
.csat-dialog-header[b-7ef0vz585w] {
    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-7ef0vz585w] {
    margin:      0;
    font-size:   1rem;
    font-weight: 700;
    color:       var(--tara-text);
}

.csat-dialog-subtitle[b-7ef0vz585w] {
    margin:    .1rem 0 0;
    font-size: .75rem;
    color:     var(--tara-text-muted);
}

.csat-dialog-close[b-7ef0vz585w] {
    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-7ef0vz585w]         { color: var(--tara-text); }
.csat-dialog-close:disabled[b-7ef0vz585w]      { opacity: .45; cursor: default; }

/* Dialog body */
.csat-dialog-body[b-7ef0vz585w] {
    padding:    .75rem 1rem;
    overflow-y: auto;
    flex:       1;
    min-height: 0;
}

.csat-dialog-body--asignar[b-7ef0vz585w] { display: flex; flex-direction: column; gap: .85rem; }

/* Dialog footer */
.csat-dialog-footer[b-7ef0vz585w] {
    display:         flex;
    justify-content: flex-end;
    padding:         .65rem 1rem .85rem;
    border-top:      1px solid var(--tara-border-subtle);
    gap:             .5rem;
}

.csat-btn-cancel[b-7ef0vz585w] {
    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-7ef0vz585w] {
    border-color: var(--tara-text-muted);
    background:   var(--tara-surface-raised);
}

.csat-btn-cancel:disabled[b-7ef0vz585w] { opacity: .45; cursor: default; }

.csat-btn-asignar[b-7ef0vz585w] {
    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-7ef0vz585w]   { opacity: .88; }
.csat-btn-asignar:disabled[b-7ef0vz585w] { opacity: .45; cursor: default; }

/* ── Dialog: Buscar producto ─────────────────────────────────────────────────── */

.csat-buscar-field[b-7ef0vz585w]  { margin-bottom: .65rem; }

.csat-buscar-loading[b-7ef0vz585w],
.csat-buscar-hint[b-7ef0vz585w] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    font-size:   .82rem;
    color:       var(--tara-text-muted);
    padding:     .6rem 0;
}

.csat-buscar-error[b-7ef0vz585w] {
    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-7ef0vz585w] {
    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-7ef0vz585w] {
    display:        flex;
    flex-direction: column;
    gap:            .25rem;
    max-height:     340px;
    overflow-y:     auto;
}

.csat-buscar-item[b-7ef0vz585w] {
    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-7ef0vz585w] {
    background:   var(--tara-primary-subtle, rgba(236,0,0,.07));
    border-color: var(--tara-primary);
}

.csat-buscar-item-nombre[b-7ef0vz585w] {
    font-size:     .85rem;
    font-weight:   600;
    color:         var(--tara-text);
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
}

.csat-buscar-item-sub[b-7ef0vz585w] {
    display:    flex;
    flex-wrap:  wrap;
    gap:        .35rem;
    margin-top: .15rem;
}

.csat-buscar-barcode[b-7ef0vz585w] {
    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-7ef0vz585w] {
    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-7ef0vz585w] {
    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-7ef0vz585w],
.csat-sat-selectors-section[b-7ef0vz585w] {
    display:        flex;
    flex-direction: column;
}

.csat-sat-buscar-row[b-7ef0vz585w] {
    display:    flex;
    gap:        .4rem;
    align-items: stretch;
}

.csat-terminos-input[b-7ef0vz585w] {
    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-7ef0vz585w] {
    border-color: var(--tara-primary);
    box-shadow:   0 0 0 2px rgba(236,0,0,.1);
}

.csat-terminos-input[b-7ef0vz585w]::placeholder { color: var(--tara-text-muted); }

.csat-btn-buscar-sat[b-7ef0vz585w] {
    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-7ef0vz585w]   { opacity: .88; }
.csat-btn-buscar-sat:disabled[b-7ef0vz585w] { opacity: .45; cursor: default; }

.csat-sat-hint[b-7ef0vz585w] {
    margin:    .3rem 0 0;
    font-size: .72rem;
    color:     var(--tara-text-muted);
    font-style: italic;
}

[b-7ef0vz585w] .csat-clave-select { width: 100%; }

/* ── Dialog: Pendientes ─────────────────────────────────────────────────────── */

.csat-pendientes-lista[b-7ef0vz585w] {
    display:        flex;
    flex-direction: column;
    gap:            .3rem;
    max-height:     400px;
    overflow-y:     auto;
}

.csat-pendiente-item[b-7ef0vz585w] {
    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-7ef0vz585w] {
    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/ProductosConfigMaestro.razor.rz.scp.css */
/* ── Loading ──────────────────────────────────────────────────────────────── */
.pcm-loading[b-dbvsel1k59] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
    color: var(--tara-text-muted);
}

/* ── Header ───────────────────────────────────────────────────────────────── */
.pcm-header[b-dbvsel1k59] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding-bottom: .85rem;
    margin-bottom: .9rem;
}

.pcm-header-title h1[b-dbvsel1k59] {
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--tara-text);
    margin: 0;
}

.pcm-header-subtitle[b-dbvsel1k59] {
    font-size: .7rem;
    text-transform: uppercase;
    color: var(--tara-primary-dark);
    opacity: .75;
    letter-spacing: .06em;
}

.pcm-header-actions[b-dbvsel1k59] {
    margin-left: auto;
    display: flex;
    gap: .5rem;
}

/* ── Tab panel ────────────────────────────────────────────────────────────── */
.pcm-tab-panel[b-dbvsel1k59] {
    padding: .6rem 0 1rem;
}

/* ── Chips ────────────────────────────────────────────────────────────────── */
.pcm-chip[b-dbvsel1k59] {
    display: inline-flex;
    align-items: center;
    padding: .12rem .48rem;
    border-radius: 100px;
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
    border: 1px solid;
}

.pcm-chip-tipo[b-dbvsel1k59] {
    background: color-mix(in srgb, var(--tara-primary) 9%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    color: var(--tara-primary-dark);
}

.pcm-chip-activo[b-dbvsel1k59] {
    background: color-mix(in srgb, #059669 9%, var(--tara-surface));
    border-color: color-mix(in srgb, #059669 22%, var(--tara-border));
    color: #047857;
}

.pcm-chip-inactivo[b-dbvsel1k59] {
    background: color-mix(in srgb, var(--tara-text-muted) 8%, var(--tara-surface));
    border-color: var(--tara-border);
    color: var(--tara-text-muted);
}

.pcm-chip-eav[b-dbvsel1k59] {
    background: color-mix(in srgb, #8b5cf6 9%, var(--tara-surface));
    border-color: color-mix(in srgb, #8b5cf6 22%, var(--tara-border));
    color: #6d28d9;
}

.pcm-chip-articuloext[b-dbvsel1k59] {
    background: color-mix(in srgb, #0891b2 9%, var(--tara-surface));
    border-color: color-mix(in srgb, #0891b2 22%, var(--tara-border));
    color: #0e7490;
}

.pcm-chip-articulo[b-dbvsel1k59] {
    background: color-mix(in srgb, #059669 9%, var(--tara-surface));
    border-color: color-mix(in srgb, #059669 22%, var(--tara-border));
    color: #047857;
}

.pcm-chip-control[b-dbvsel1k59] {
    background: color-mix(in srgb, #6366f1 9%, var(--tara-surface));
    border-color: color-mix(in srgb, #6366f1 22%, var(--tara-border));
    color: #4338ca;
    font-size: .67rem;
}

/* ── Tab 1: Tipos ─────────────────────────────────────────────────────────── */
.pcm-tipos-container[b-dbvsel1k59] {
    border: 1px solid var(--tara-border);
    border-radius: 12px;
    overflow: hidden;
}

.pcm-tipos-toolbar[b-dbvsel1k59] {
    display: flex;
    justify-content: flex-end;
    padding: .5rem .75rem;
    border-bottom: 1px solid var(--tara-border);
    background: var(--tara-surface);
}

.pcm-orden-input[b-dbvsel1k59] {
    min-width: 82px;
    max-width: 96px;
    width: 88px;
}

/* ── Tab 2: Catálogos ─────────────────────────────────────────────────────── */
.pcm-cat-layout[b-dbvsel1k59] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 1rem;
    align-items: start;
}

@media (max-width: 820px) {
    .pcm-cat-layout[b-dbvsel1k59] {
        grid-template-columns: 1fr;
    }
}

.pcm-cat-panel[b-dbvsel1k59] {
    border: 1px solid var(--tara-border);
    border-radius: 12px;
    overflow: hidden;
    background: var(--tara-surface);
}

.pcm-cat-panel-header[b-dbvsel1k59] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem .65rem .5rem .85rem;
    background: var(--tara-surface-raised);
    border-bottom: 1px solid var(--tara-border);
    gap: .5rem;
}

.pcm-cat-panel-title[b-dbvsel1k59] {
    font-size: .82rem;
    font-weight: 700;
    color: var(--tara-text);
}

.pcm-cat-toolbar[b-dbvsel1k59] {
    display: flex;
    gap: .4rem;
    padding: .5rem;
    background: var(--tara-surface-raised);
    border-bottom: 1px solid var(--tara-border);
}

.pcm-cat-list[b-dbvsel1k59] {
    max-height: clamp(300px, calc(100vh - 400px), 620px);
    overflow-y: auto;
}

.pcm-cat-row[b-dbvsel1k59] {
    display: flex;
    flex-direction: column;
    padding: .45rem .75rem;
    border-bottom: 1px solid var(--tara-border);
    cursor: pointer;
    transition: background .1s;
    gap: .2rem;
}

.pcm-cat-row:last-child[b-dbvsel1k59] {
    border-bottom: none;
}

.pcm-cat-row:hover[b-dbvsel1k59] {
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
}

.pcm-cat-row--sel[b-dbvsel1k59] {
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface)) !important;
    border-left: 3px solid var(--tara-primary);
    padding-left: calc(.75rem - 3px);
}

.pcm-cat-row--inactivo[b-dbvsel1k59] {
    opacity: .52;
}

.pcm-cat-row-main[b-dbvsel1k59] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.pcm-cat-row-nombre[b-dbvsel1k59] {
    font-size: .82rem;
    font-weight: 600;
    color: var(--tara-text);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pcm-cat-row-meta[b-dbvsel1k59] {
    display: flex;
    align-items: center;
    gap: .35rem;
}

.pcm-cat-row-clave[b-dbvsel1k59] {
    font-size: .72rem;
    font-family: monospace;
    color: var(--tara-text-muted);
    flex: 1;
}

/* ── Tab 3: Campos ────────────────────────────────────────────────────────── */
.pcm-filters-grid[b-dbvsel1k59] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: .6rem;
    padding: .75rem;
}

.pcm-filter-actions[b-dbvsel1k59] {
    display: flex;
    gap: .4rem;
    align-items: flex-end;
    flex-wrap: wrap;
}

.pcm-filter-pill[b-dbvsel1k59] {
    display: inline-flex;
    align-items: center;
    padding: .1rem .45rem;
    border-radius: 100px;
    font-size: .72rem;
    font-weight: 600;
    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);
    margin: .1rem;
}

.pcm-campos-toolbar[b-dbvsel1k59] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .4rem 0;
}

.pcm-campos-count[b-dbvsel1k59] {
    font-size: .8rem;
    color: var(--tara-text-muted);
}

.pcm-campos-container[b-dbvsel1k59] {
    border: 1px solid var(--tara-border);
    border-radius: 12px 12px 0 0;
    border-bottom: none;
    overflow: hidden;
}

/* ── Paginador footer ─────────────────────────────────────────────────────── */
.pcm-grid-footer[b-dbvsel1k59] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .4rem .85rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
    border-top: none;
    border-radius: 0 0 12px 12px;
    background: color-mix(in srgb, var(--tara-surface-raised) 55%, var(--tara-surface));
    font-size: .77rem;
    color: var(--tara-text-muted);
    flex-wrap: wrap;
    user-select: none;
    margin-bottom: .5rem;
}

.pcm-footer-size-group[b-dbvsel1k59] {
    display: flex;
    gap: .3rem;
    align-items: center;
}

.pcm-footer-filas-label[b-dbvsel1k59] {
    font-size: .74rem;
    color: var(--tara-text-muted);
}

.pcm-page-chip[b-dbvsel1k59] {
    padding: .18rem .55rem;
    border-radius: 100px;
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    font-size: .74rem;
    cursor: pointer;
    color: var(--tara-text-muted);
    line-height: 1.2;
}

.pcm-page-chip--active[b-dbvsel1k59] {
    background: var(--tara-primary);
    border-color: var(--tara-primary);
    color: #fff;
    font-weight: 700;
}

.pcm-footer-nav[b-dbvsel1k59] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: .3rem;
}

.pcm-footer-page[b-dbvsel1k59] {
    font-size: .74rem;
    color: var(--tara-text-muted);
}

.pcm-page-nav-btn[b-dbvsel1k59] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    cursor: pointer;
    font-size: .95rem;
    color: var(--tara-text-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.pcm-page-nav-btn:disabled[b-dbvsel1k59] {
    opacity: .33;
    cursor: not-allowed;
}

/* ── Dialogs ──────────────────────────────────────────────────────────────── */
.pcm-dlg-nota[b-dbvsel1k59] {
    font-size: .78rem;
    color: var(--tara-text-muted);
    padding: .4rem .65rem;
    background: var(--tara-surface-raised);
    border-radius: 6px;
    border-left: 3px solid var(--tara-primary);
    margin-bottom: .85rem;
}

.pcm-dlg-grid[b-dbvsel1k59] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .6rem;
}

.pcm-dlg-grid-3[b-dbvsel1k59] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: .6rem;
}

.pcm-dlg-row[b-dbvsel1k59] {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

/* ── Empty state ──────────────────────────────────────────────────────────── */
.pcm-empty[b-dbvsel1k59] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    color: var(--tara-text-muted);
    gap: .4rem;
    font-size: .84rem;
}

/* ── Selector de modo de catálogos ───────────────────────────────────────── */
.pcm-modo-section[b-dbvsel1k59] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding: 10px 14px;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    margin-bottom: 10px;
}

.pcm-modo-label-group[b-dbvsel1k59] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 180px;
}

.pcm-modo-title[b-dbvsel1k59] {
    font-size: .82rem;
    font-weight: 600;
    color: var(--tara-text);
}

.pcm-modo-sub[b-dbvsel1k59] {
    font-size: .72rem;
    color: var(--tara-text-muted);
}

.pcm-modo-btns[b-dbvsel1k59] {
    display: flex;
    gap: 5px;
    flex-shrink: 0;
}

.pcm-modo-btn[b-dbvsel1k59] {
    padding: 5px 14px;
    font-size: .78rem;
    font-weight: 500;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    color: var(--tara-text);
    cursor: pointer;
    transition: background .13s, color .13s;
    white-space: nowrap;
}

.pcm-modo-btn:hover:not(:disabled)[b-dbvsel1k59] {
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
}

.pcm-modo-btn:disabled[b-dbvsel1k59] {
    opacity: .45;
    cursor: not-allowed;
}

.pcm-modo-btn--sel[b-dbvsel1k59] {
    background: var(--tara-primary);
    color: #fff;
    border-color: var(--tara-primary);
    opacity: 1;
    cursor: default;
}

.pcm-modo-btn--sel:disabled[b-dbvsel1k59] {
    opacity: 1;
    cursor: default;
}
/* _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-f0wt7e8rle] {
    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-f0wt7e8rle] {
    display:       flex;
    align-items:   center;
    gap:           .85rem;
    margin-bottom: 1.25rem;
}

.cor-back-btn.mud-button-root[b-f0wt7e8rle] { flex-shrink: 0; }

.cor-report-title[b-f0wt7e8rle] { flex: 1; min-width: 0; }

.cor-report-title h1[b-f0wt7e8rle] {
    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-f0wt7e8rle] {
    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-f0wt7e8rle] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    margin-left: auto;
    flex-shrink: 0;
}

/* ── Alerts ───────────────────────────────────────────────────────────────── */

.cor-error-alert[b-f0wt7e8rle]  { margin-bottom: 1rem; }
.cor-alert-content[b-f0wt7e8rle] {
    display:     flex;
    align-items: center;
    flex-wrap:   wrap;
    gap:         .5rem;
}

/* ── Grid shell (bridge vars) ─────────────────────────────────────────────── */

.cor-grid-shell[b-f0wt7e8rle] {
    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-f0wt7e8rle] {
    --_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-f0wt7e8rle] {
    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-f0wt7e8rle] {
    flex:      1;
    min-width: 160px;
    max-width: 320px;
}

[b-f0wt7e8rle] .cor-search-field .mud-input-outlined:hover .mud-input-outlined-border,
[b-f0wt7e8rle] .cor-search-field .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

/* ── Toolbar actions ──────────────────────────────────────────────────────── */

.cor-toolbar-actions[b-f0wt7e8rle] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    flex-wrap:   wrap;
}

.cor-count-chip[b-f0wt7e8rle] {
    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-f0wt7e8rle] {
    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-f0wt7e8rle] {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.80);
}

[b-f0wt7e8rle] .cor-data-grid.mud-table {
    border-radius: 0;
    box-shadow:    none;
}

.cor-table-container[b-f0wt7e8rle]::-webkit-scrollbar        { height: 10px; }
.cor-table-container[b-f0wt7e8rle]::-webkit-scrollbar-thumb  { background: var(--tara-border); border-radius: 999px; }
.cor-table-container[b-f0wt7e8rle]::-webkit-scrollbar-track  { background: var(--tara-surface-raised); }

/* ── Table header ─────────────────────────────────────────────────────────── */

[b-f0wt7e8rle] .cor-data-grid .mud-table-head .mud-table-row {
    background: var(--_th-gradient);
}

[b-f0wt7e8rle] .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-f0wt7e8rle] {
    display:     inline-flex;
    align-items: center;
    gap:         .25rem;
}

.cor-head-title[b-f0wt7e8rle] { display: inline-block; white-space: nowrap; }

[b-f0wt7e8rle] .cor-filter-btn         { color: var(--_filter-icon) !important; }
[b-f0wt7e8rle] .cor-filter-btn--active { color: var(--tara-primary-dark) !important; }

[b-f0wt7e8rle] .cor-data-grid .mud-table-head .mud-icon-root,
[b-f0wt7e8rle] .cor-data-grid .mud-table-head .mud-button-root {
    color: var(--_th-icon) !important;
}

[b-f0wt7e8rle] .cor-data-grid .mud-table-head .mud-icon-button {
    width:         30px;
    height:        30px;
    margin-left:   .2rem;
    border-radius: 7px;
}

[b-f0wt7e8rle] .cor-data-grid .mud-table-head .mud-table-sort-label { gap: .2rem; }

/* Popover filtros por columna */
[b-f0wt7e8rle] .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-f0wt7e8rle] .cor-excel-popover .mud-input-control,
[b-f0wt7e8rle] .cor-excel-popover .mud-select { min-width: 220px; }

.cor-excel-filter[b-f0wt7e8rle] {
    width:      280px;
    max-width:  86vw;
    padding:    .5rem .6rem;
    background: var(--tara-surface);
}

.cor-excel-actions[b-f0wt7e8rle] {
    display:         flex;
    justify-content: space-between;
    gap:             .35rem;
    margin-bottom:   .35rem;
}

.cor-excel-values[b-f0wt7e8rle] {
    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-f0wt7e8rle] {
    margin-top:      .45rem;
    display:         flex;
    justify-content: flex-end;
    gap:             .35rem;
}

/* Sort arrows */
[b-f0wt7e8rle] .cor-data-grid .mud-table-sort-label:hover { color: var(--tara-primary-dark); }
[b-f0wt7e8rle] .cor-data-grid .mud-table-sort-label .mud-table-sort-label-arrow { color: var(--tara-primary-dark) !important; }

/* ── Table body ───────────────────────────────────────────────────────────── */

[b-f0wt7e8rle] .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-f0wt7e8rle] .cor-data-grid .mud-table-body .mud-table-row.mud-table-row-even .mud-table-cell {
    background: var(--tara-row-even) !important;
}

[b-f0wt7e8rle] .cor-data-grid .mud-table-body .mud-table-row.mud-table-row-odd .mud-table-cell {
    background: var(--tara-row-odd);
}

[b-f0wt7e8rle] .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-f0wt7e8rle] .cor-data-grid .mud-table-loading-progress .mud-progress-linear-bar {
    background-color: var(--tara-primary-dark) !important;
}

/* ── Column widths ────────────────────────────────────────────────────────── */

[b-f0wt7e8rle] .cor-th-id     { width: 64px;  min-width: 64px;  text-align: center !important; }
[b-f0wt7e8rle] .cor-th-nombre { min-width: 180px; }
[b-f0wt7e8rle] .cor-th-linea  { min-width: 110px; }
[b-f0wt7e8rle] .cor-th-num    { width: 72px;  min-width: 72px;  text-align: center !important; }
[b-f0wt7e8rle] .cor-th-tallas { min-width: 200px; }
[b-f0wt7e8rle] .cor-th-edit   { width: 50px;  min-width: 50px; }

[b-f0wt7e8rle] .cor-td-id     { text-align: center !important; font-variant-numeric: tabular-nums; }
[b-f0wt7e8rle] .cor-td-nombre { font-weight: 600; }
[b-f0wt7e8rle] .cor-td-linea  {}
[b-f0wt7e8rle] .cor-td-center { text-align: center !important; }
[b-f0wt7e8rle] .cor-td-mono   { font-variant-numeric: tabular-nums; font-size: .80rem; }
[b-f0wt7e8rle] .cor-td-tallas { color: var(--tara-text-muted); font-size: .775rem; }
[b-f0wt7e8rle] .cor-td-edit   { text-align: center !important; }

/* ── Línea chip (inline badge) ────────────────────────────────────────────── */

.cor-linea-chip[b-f0wt7e8rle] {
    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-f0wt7e8rle] {
    display:       block;
    max-width:     260px;
    overflow:      hidden;
    text-overflow: ellipsis;
    white-space:   nowrap;
}

/* ── Edit icon button ─────────────────────────────────────────────────────── */

.cor-edit-icon-btn[b-f0wt7e8rle] {
    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-f0wt7e8rle] {
    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-f0wt7e8rle] {
    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-f0wt7e8rle] {
    margin:      0;
    font-size:   .9375rem;
    font-weight: 500;
    color:       var(--tara-text-muted);
}

.cor-empty-sub[b-f0wt7e8rle] {
    margin:    0;
    font-size: .8125rem;
    color:     var(--tara-text-muted);
    opacity:   .75;
}

.cor-loading-row[b-f0wt7e8rle] {
    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-f0wt7e8rle] {
    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-f0wt7e8rle] {
    overflow:   auto;
    max-height: 200px;
    font-size:  .75rem;
}

/* ── Nombre preview (en MudDialog) ───────────────────────────────────────── */

.cor-nombre-preview[b-f0wt7e8rle] {
    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-f0wt7e8rle] {
    color:       var(--tara-text-muted);
    font-weight: 500;
    white-space: nowrap;
}

.cor-nombre-preview-value[b-f0wt7e8rle] {
    color:                var(--tara-text);
    font-weight:          600;
    font-variant-numeric: tabular-nums;
}

/* ── MudSelect linea en toolbar ───────────────────────────────────────────── */

.cor-linea-select[b-f0wt7e8rle] {
    min-width: 180px;
    flex:      1;
    max-width: 280px;
}

/* ── Dialog row: 3 columnas del/al/inc ────────────────────────────────────── */

.cor-dlg-row[b-f0wt7e8rle] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: .65rem;
    margin-bottom: .5rem;
}

/* ── Mobile cards ≤760px ──────────────────────────────────────────────────── */

.cor-card-list[b-f0wt7e8rle]    { display: none; }
.cor-card-loading[b-f0wt7e8rle] { display: none; }

@media (max-width: 760px) {
    .cor-grid-shell[b-f0wt7e8rle] { display: none; }
    .cor-card-list[b-f0wt7e8rle]  {
        display:        flex;
        flex-direction: column;
        gap:            .6rem;
        padding-bottom: .25rem;
    }
    .cor-card-loading[b-f0wt7e8rle] {
        display:     flex;
        align-items: center;
        gap:         .5rem;
        padding:     1rem;
        color:       var(--tara-text-muted);
        font-size:   .9rem;
    }
}

.cor-card[b-f0wt7e8rle] {
    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:            .35rem;
    cursor:         pointer;
    transition:     border-color .12s ease, box-shadow .12s ease;
}

.cor-card:hover[b-f0wt7e8rle] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 22%, var(--tara-border));
    box-shadow:   0 2px 10px rgba(0,0,0,.07);
}

.cor-card-header[b-f0wt7e8rle] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
}

.cor-card-id[b-f0wt7e8rle] {
    font-size:   .72rem;
    font-weight: 600;
    color:       var(--tara-text-muted);
}

.cor-card-linea[b-f0wt7e8rle] { font-size: .7rem; }

.cor-card-nombre[b-f0wt7e8rle] {
    font-size:   .95rem;
    font-weight: 600;
    color:       var(--tara-text);
}

.cor-card-rangos[b-f0wt7e8rle] {
    display:   flex;
    gap:       .9rem;
    font-size: .8rem;
    color:     var(--tara-text-muted);
}

.cor-card-tallas[b-f0wt7e8rle] {
    font-size:     .78rem;
    color:         var(--tara-text-muted);
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
}

.cor-card-empty[b-f0wt7e8rle] {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            .5rem;
    padding:        2rem 1rem;
    color:          var(--tara-text-muted);
    font-size:      .9rem;
    text-align:     center;
}

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

@media (max-width: 640px) {
    .cor-report-title h1[b-f0wt7e8rle] { font-size: 1rem; }
    .cor-search-field[b-f0wt7e8rle]    { min-width: 120px; }
    .cor-linea-select[b-f0wt7e8rle]    { min-width: 140px; }
    .cor-dlg-row[b-f0wt7e8rle]         { 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-e1qle508mc] {
    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-e1qle508mc] {
    display:       flex;
    align-items:   center;
    gap:           .85rem;
    margin-bottom: 1.25rem;
}

.ident-back-btn.mud-button-root[b-e1qle508mc] { flex-shrink: 0; }

.ident-report-title[b-e1qle508mc] { flex: 1; min-width: 0; }

.ident-report-title h1[b-e1qle508mc] {
    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-e1qle508mc] {
    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-e1qle508mc] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    margin-left: auto;
    flex-shrink: 0;
}

/* ── Filter panel (line selector) ─────────────────────────────────────────── */

.ident-filters-panel[b-e1qle508mc] {
    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-e1qle508mc] {
    display:   flex;
    gap:       .75rem;
    flex-wrap: wrap;
    align-items: center;
}

.ident-filters-grid .ident-filter-select[b-e1qle508mc] {
    min-width: 220px;
    flex:      1;
}

/* MudSelect focus ring → rojo Tarahumara */
[b-e1qle508mc] .ident-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-e1qle508mc] .ident-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-e1qle508mc] .ident-filter-select .mud-select-input.mud-input-root-outlined.mud-input-focused {
    color: var(--tara-primary-dark);
}

[b-e1qle508mc] .ident-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color:     var(--tara-text-muted);
    font-size: .8rem;
}

.ident-api-msg[b-e1qle508mc] {
    margin:    .5rem 0 0;
    font-size: .75rem;
    color:     var(--tara-text-muted);
}

/* ── Alerts ───────────────────────────────────────────────────────────────── */

.ident-error-alert[b-e1qle508mc]  { margin-bottom: 1rem; }
.ident-alert-content[b-e1qle508mc] {
    display:   flex;
    align-items: center;
    flex-wrap: wrap;
    gap:       .5rem;
}

/* ── Grid shell (border-radius card wrapping toolbar + grid) ──────────────── */

.ident-grid-shell[b-e1qle508mc] {
    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-e1qle508mc] {
    --_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-e1qle508mc] {
    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-e1qle508mc] {
    flex:      1;
    min-width: 200px;
    max-width: 400px;
}

[b-e1qle508mc] .ident-search-field .mud-input-outlined:hover .mud-input-outlined-border,
[b-e1qle508mc] .ident-search-field .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

.ident-toolbar-actions[b-e1qle508mc] {
    display:   flex;
    align-items: center;
    gap:       .5rem;
    flex-wrap: wrap;
}

.ident-count-chip[b-e1qle508mc] {
    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-e1qle508mc] {
    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-e1qle508mc] {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.80);
}

[b-e1qle508mc] .ident-data-grid.mud-table {
    border-radius: 0;
    box-shadow:    none;
}

.ident-table-container[b-e1qle508mc]::-webkit-scrollbar        { height: 10px; }
.ident-table-container[b-e1qle508mc]::-webkit-scrollbar-thumb  { background: var(--tara-border); border-radius: 999px; }
.ident-table-container[b-e1qle508mc]::-webkit-scrollbar-track  { background: var(--tara-surface-raised); }

/* ── Table header ─────────────────────────────────────────────────────────── */

[b-e1qle508mc] .ident-data-grid .mud-table-head .mud-table-row {
    background: var(--_th-gradient);
}

[b-e1qle508mc] .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-e1qle508mc] .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-e1qle508mc] {
    display:     inline-flex;
    align-items: center;
    gap:         .25rem;
}

.ident-head-title[b-e1qle508mc] { display: inline-block; white-space: nowrap; }

[b-e1qle508mc] .ident-filter-btn     { color: var(--_filter-icon) !important; }
[b-e1qle508mc] .ident-filter-btn--active { color: var(--tara-primary-dark) !important; }

[b-e1qle508mc] .ident-data-grid .mud-table-head .mud-icon-root,
[b-e1qle508mc] .ident-data-grid .mud-table-head .mud-button-root {
    color: var(--_th-icon) !important;
}

[b-e1qle508mc] .ident-data-grid .mud-table-head .mud-icon-button {
    width:         30px;
    height:        30px;
    margin-left:   .2rem;
    border-radius: 7px;
}

[b-e1qle508mc] .ident-data-grid .mud-table-head .mud-table-sort-label { gap: .2rem; }

/* Popover filtros por columna */
[b-e1qle508mc] .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-e1qle508mc] .ident-excel-popover .mud-input-control,
[b-e1qle508mc] .ident-excel-popover .mud-select { min-width: 220px; }

.ident-excel-filter[b-e1qle508mc] {
    width:      280px;
    max-width:  86vw;
    padding:    .5rem .6rem;
    background: var(--tara-surface);
}

.ident-excel-actions[b-e1qle508mc] {
    display:         flex;
    justify-content: space-between;
    gap:             .35rem;
    margin-bottom:   .35rem;
}

.ident-excel-values[b-e1qle508mc] {
    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-e1qle508mc] {
    margin-top:      .45rem;
    display:         flex;
    justify-content: flex-end;
    gap:             .35rem;
}

/* Sort arrows */
[b-e1qle508mc] .ident-data-grid .mud-table-sort-label:hover { color: var(--tara-primary-dark); }
[b-e1qle508mc] .ident-data-grid .mud-table-sort-label .mud-table-sort-label-arrow { color: var(--tara-primary-dark) !important; }

/* ── Table body ───────────────────────────────────────────────────────────── */

[b-e1qle508mc] .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-e1qle508mc] .ident-data-grid .mud-table-body .mud-table-row.mud-table-row-even .mud-table-cell {
    background: var(--tara-row-even) !important;
}

[b-e1qle508mc] .ident-data-grid .mud-table-body .mud-table-row.mud-table-row-odd .mud-table-cell {
    background: var(--tara-row-odd);
}

[b-e1qle508mc] .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-e1qle508mc] .ident-data-grid .mud-table-loading-progress .mud-progress-linear-bar {
    background-color: var(--tara-primary-dark) !important;
}

/* ── Column widths ────────────────────────────────────────────────────────── */

[b-e1qle508mc] .ident-th-talla {
    width:      90px;
    min-width:  90px;
    text-align: center !important;
}

[b-e1qle508mc] .ident-th-texto { min-width: 180px; }

[b-e1qle508mc] .ident-td-talla { text-align: center !important; }

/* ── Talla chip (readonly) ────────────────────────────────────────────────── */

.ident-talla-chip[b-e1qle508mc] {
    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-e1qle508mc] {
    background: var(--tara-border);
    color:      var(--tara-text);
}

/* ── Inline texto input ───────────────────────────────────────────────────── */

.ident-texto-input[b-e1qle508mc] {
    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-e1qle508mc] {
    border-color: var(--tara-border);
    background:   var(--tara-surface-raised);
}

.ident-texto-input:focus[b-e1qle508mc] {
    border-color: var(--tara-primary);
    background:   var(--tara-surface);
    color:        var(--tara-text);
}

.ident-texto-input[b-e1qle508mc]::placeholder { color: var(--tara-text-muted); opacity: .5; }

/* ── Empty / loading states inside grid ──────────────────────────────────── */

.ident-empty-state[b-e1qle508mc] {
    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-e1qle508mc] {
    margin:      0;
    font-size:   .9375rem;
    font-weight: 500;
    color:       var(--tara-text-muted);
}

.ident-empty-sub[b-e1qle508mc] {
    margin:    0;
    font-size: .8125rem;
    color:     var(--tara-text-muted);
    opacity:   .75;
}

.ident-loading-row[b-e1qle508mc] {
    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-e1qle508mc] {
    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-e1qle508mc] {
    overflow:   auto;
    max-height: 200px;
    font-size:  .75rem;
}

/* ── FilterAccordion pills (SummaryContent en scope del padre) ────────────── */

.ident-filter-pill[b-e1qle508mc] {
    display:       inline-flex;
    align-items:   center;
    padding:       .15rem .55rem;
    border-radius: 9999px;
    background:    color-mix(in srgb, var(--tara-primary-dark) 12%, var(--tara-surface));
    color:         var(--tara-primary-dark);
    font-size:     .78rem;
    font-weight:   600;
    line-height:   1.3;
}

.ident-filter-count-pill[b-e1qle508mc] {
    display:       inline-flex;
    align-items:   center;
    padding:       .15rem .45rem;
    border-radius: 9999px;
    background:    color-mix(in srgb, var(--tara-primary-dark) 18%, var(--tara-surface));
    color:         var(--tara-primary-dark);
    font-size:     .74rem;
    font-weight:   500;
}

/* ── Mobile cards ≤760px ──────────────────────────────────────────────────── */

.ident-card-list[b-e1qle508mc]    { display: none; }
.ident-card-loading[b-e1qle508mc] { display: none; }

@media (max-width: 760px) {
    .ident-grid-shell[b-e1qle508mc] { display: none; }
    .ident-card-list[b-e1qle508mc]  {
        display:        flex;
        flex-direction: column;
        gap:            .5rem;
        padding-bottom: .25rem;
    }
    .ident-card-loading[b-e1qle508mc] {
        display:     flex;
        align-items: center;
        gap:         .5rem;
        padding:     1rem;
        color:       var(--tara-text-muted);
        font-size:   .9rem;
    }
}

.ident-card[b-e1qle508mc] {
    display:      flex;
    align-items:  center;
    gap:          .75rem;
    background:   var(--tara-surface);
    border:       1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding:      .55rem .75rem;
}

.ident-card-talla[b-e1qle508mc] {
    min-width:   2.4rem;
    font-size:   .85rem;
    font-weight: 700;
    color:       var(--tara-primary-dark);
    text-align:  center;
    flex-shrink: 0;
}

.ident-card-input[b-e1qle508mc] {
    flex:         1;
    background:   transparent;
    border:       1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding:      .3rem .5rem;
    font-size:    .88rem;
    color:        var(--tara-text);
    outline:      none;
    transition:   border-color .12s ease;
}

.ident-card-input:focus[b-e1qle508mc] {
    border-color: var(--tara-primary-dark);
}

.ident-card-input:disabled[b-e1qle508mc] {
    opacity: .5;
    cursor:  not-allowed;
}

.ident-card-empty[b-e1qle508mc] {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            .5rem;
    padding:        2rem 1rem;
    color:          var(--tara-text-muted);
    font-size:      .9rem;
    text-align:     center;
}

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

@media (max-width: 640px) {
    .ident-report-title h1[b-e1qle508mc] { font-size: 1rem; }
    .ident-filters-grid[b-e1qle508mc]     { flex-direction: column; }
    .ident-guardar-btn[b-e1qle508mc]      { width: 100%; }
    .ident-search-field[b-e1qle508mc]     { 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-6j366ndgac] {
    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-6j366ndgac] {
    display:       flex;
    align-items:   center;
    gap:           .85rem;
    margin-bottom: 1.25rem;
}

.lin-back-btn.mud-button-root[b-6j366ndgac] { flex-shrink: 0; }

.lin-report-title[b-6j366ndgac] { flex: 1; min-width: 0; }

.lin-report-title h1[b-6j366ndgac] {
    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-6j366ndgac] {
    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-6j366ndgac] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    margin-left: auto;
    flex-shrink: 0;
}

/* ── Alerts ───────────────────────────────────────────────────────────────── */

.lin-error-alert[b-6j366ndgac]  { margin-bottom: 1rem; }
.lin-alert-content[b-6j366ndgac] {
    display:     flex;
    align-items: center;
    flex-wrap:   wrap;
    gap:         .5rem;
}

/* ── Grid shell (bridge vars) ─────────────────────────────────────────────── */

.lin-grid-shell[b-6j366ndgac] {
    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-6j366ndgac] {
    --_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-6j366ndgac] {
    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-6j366ndgac] {
    flex:      1;
    min-width: 180px;
    max-width: 380px;
}

[b-6j366ndgac] .lin-search-field .mud-input-outlined:hover .mud-input-outlined-border,
[b-6j366ndgac] .lin-search-field .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

.lin-toolbar-actions[b-6j366ndgac] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    flex-wrap:   wrap;
}

.lin-count-chip[b-6j366ndgac] {
    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-6j366ndgac] {
    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-6j366ndgac] {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.80);
}

[b-6j366ndgac] .lin-data-grid.mud-table {
    border-radius: 0;
    box-shadow:    none;
}

.lin-table-container[b-6j366ndgac]::-webkit-scrollbar        { height: 10px; }
.lin-table-container[b-6j366ndgac]::-webkit-scrollbar-thumb  { background: var(--tara-border); border-radius: 999px; }
.lin-table-container[b-6j366ndgac]::-webkit-scrollbar-track  { background: var(--tara-surface-raised); }

/* ── Table header ─────────────────────────────────────────────────────────── */

[b-6j366ndgac] .lin-data-grid .mud-table-head .mud-table-row {
    background: var(--_th-gradient);
}

[b-6j366ndgac] .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-6j366ndgac] {
    display:     inline-flex;
    align-items: center;
    gap:         .25rem;
}

.lin-head-title[b-6j366ndgac] { display: inline-block; white-space: nowrap; }

[b-6j366ndgac] .lin-filter-btn         { color: var(--_filter-icon) !important; }
[b-6j366ndgac] .lin-filter-btn--active { color: var(--tara-primary-dark) !important; }

[b-6j366ndgac] .lin-data-grid .mud-table-head .mud-icon-root,
[b-6j366ndgac] .lin-data-grid .mud-table-head .mud-button-root {
    color: var(--_th-icon) !important;
}

[b-6j366ndgac] .lin-data-grid .mud-table-head .mud-icon-button {
    width:         30px;
    height:        30px;
    margin-left:   .2rem;
    border-radius: 7px;
}

[b-6j366ndgac] .lin-data-grid .mud-table-head .mud-table-sort-label { gap: .2rem; }

/* Popover filtros por columna */
[b-6j366ndgac] .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-6j366ndgac] .lin-excel-popover .mud-input-control,
[b-6j366ndgac] .lin-excel-popover .mud-select { min-width: 220px; }

.lin-excel-filter[b-6j366ndgac] {
    width:      280px;
    max-width:  86vw;
    padding:    .5rem .6rem;
    background: var(--tara-surface);
}

.lin-excel-actions[b-6j366ndgac] {
    display:         flex;
    justify-content: space-between;
    gap:             .35rem;
    margin-bottom:   .35rem;
}

.lin-excel-values[b-6j366ndgac] {
    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-6j366ndgac] {
    margin-top:      .45rem;
    display:         flex;
    justify-content: flex-end;
    gap:             .35rem;
}

/* Sort arrows */
[b-6j366ndgac] .lin-data-grid .mud-table-sort-label:hover { color: var(--tara-primary-dark); }
[b-6j366ndgac] .lin-data-grid .mud-table-sort-label .mud-table-sort-label-arrow { color: var(--tara-primary-dark) !important; }

/* ── Table body ───────────────────────────────────────────────────────────── */

[b-6j366ndgac] .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-6j366ndgac] .lin-data-grid .mud-table-body .mud-table-row.mud-table-row-even .mud-table-cell {
    background: var(--tara-row-even) !important;
}

[b-6j366ndgac] .lin-data-grid .mud-table-body .mud-table-row.mud-table-row-odd .mud-table-cell {
    background: var(--tara-row-odd);
}

[b-6j366ndgac] .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-6j366ndgac] .lin-data-grid .mud-table-loading-progress .mud-progress-linear-bar {
    background-color: var(--tara-primary-dark) !important;
}

/* ── Column widths ────────────────────────────────────────────────────────── */

[b-6j366ndgac] .lin-th-num   { width: 72px; min-width: 72px; text-align: center !important; }
[b-6j366ndgac] .lin-th-linea { min-width: 180px; }
[b-6j366ndgac] .lin-th-tipo  { min-width: 110px; text-align: center !important; }
[b-6j366ndgac] .lin-th-edit  { width: 50px; min-width: 50px; }

[b-6j366ndgac] .lin-td-num    { text-align: center !important; font-variant-numeric: tabular-nums; }
[b-6j366ndgac] .lin-td-linea  { font-weight: 600; }
[b-6j366ndgac] .lin-td-center { text-align: center !important; }
[b-6j366ndgac] .lin-td-mono   { font-variant-numeric: tabular-nums; font-size: .80rem; }
[b-6j366ndgac] .lin-td-edit   { text-align: center !important; }

/* ── Tipo chip ────────────────────────────────────────────────────────────── */

.lin-tipo-chip[b-6j366ndgac] {
    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-6j366ndgac] {
    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-6j366ndgac] { background: rgba(16,185,129,.12); color: #059669; }
[data-theme="dark"] .lin-tipo-2[b-6j366ndgac] { 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-6j366ndgac] {
    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-6j366ndgac] { background: var(--tara-surface-raised); color: var(--tara-text-muted); }

/* ── Edit icon button ─────────────────────────────────────────────────────── */

.lin-edit-icon-btn[b-6j366ndgac] {
    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-6j366ndgac] {
    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-6j366ndgac] {
    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-6j366ndgac] {
    margin:      0;
    font-size:   .9375rem;
    font-weight: 500;
    color:       var(--tara-text-muted);
}

.lin-empty-sub[b-6j366ndgac] {
    margin:    0;
    font-size: .8125rem;
    color:     var(--tara-text-muted);
    opacity:   .75;
}

.lin-loading-row[b-6j366ndgac] {
    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-6j366ndgac] {
    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-6j366ndgac] {
    overflow:   auto;
    max-height: 200px;
    font-size:  .75rem;
}


/* ── Dialog row: 3 columnas del/al/inc ────────────────────────────────────── */

.lin-dlg-row[b-6j366ndgac] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: .65rem;
    margin-bottom: .5rem;
}

/* ── Mobile cards ≤760px ──────────────────────────────────────────────────── */

.lin-card-list[b-6j366ndgac]    { display: none; }
.lin-card-loading[b-6j366ndgac] { display: none; }

@media (max-width: 760px) {
    .lin-grid-shell[b-6j366ndgac] { display: none; }
    .lin-card-list[b-6j366ndgac]  {
        display:        flex;
        flex-direction: column;
        gap:            .6rem;
        padding-bottom: .25rem;
    }
    .lin-card-loading[b-6j366ndgac] {
        display:     flex;
        align-items: center;
        gap:         .5rem;
        padding:     1rem;
        color:       var(--tara-text-muted);
        font-size:   .9rem;
    }
}

.lin-card[b-6j366ndgac] {
    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:            .35rem;
    cursor:         pointer;
    transition:     border-color .12s ease, box-shadow .12s ease;
}

.lin-card:hover[b-6j366ndgac] {
    border-color: color-mix(in srgb, var(--tara-primary-dark) 22%, var(--tara-border));
    box-shadow:   0 2px 10px rgba(0,0,0,.07);
}

.lin-card-header[b-6j366ndgac] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
}

.lin-card-num[b-6j366ndgac] {
    font-size:   .72rem;
    font-weight: 600;
    color:       var(--tara-text-muted);
}

.lin-card-tipo[b-6j366ndgac] { font-size: .7rem; }

.lin-card-nombre[b-6j366ndgac] {
    font-size:   .95rem;
    font-weight: 600;
    color:       var(--tara-text);
}

.lin-card-rangos[b-6j366ndgac] {
    display:   flex;
    gap:       .9rem;
    font-size: .8rem;
    color:     var(--tara-text-muted);
}

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

@media (max-width: 640px) {
    .lin-report-title h1[b-6j366ndgac]  { font-size: 1rem; }
    .lin-search-field[b-6j366ndgac]     { min-width: 140px; }
    .lin-dlg-row[b-6j366ndgac]          { 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-15ho0ok4v0] {
    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-15ho0ok4v0] {
    width:        36px;
    height:       36px;
    border:       3px solid var(--tara-border);
    border-top-color: var(--tara-primary);
    border-radius: 50%;
    animation:    lp-spin-b-15ho0ok4v0 0.8s linear infinite;
}

@keyframes lp-spin-b-15ho0ok4v0 { 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-15ho0ok4v0] {
    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-15ho0ok4v0] {
    flex-shrink: 0;
}

/* Título fuerte — Patrón Tarahumara Secundario */
.lp-header-title h1[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    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-15ho0ok4v0] {
    padding: 0;  /* sin padding lateral — el nav-page-content lo da */
}

/* FilterAccordion en contexto de Lista de precios — mismo look que ProductosReporte */
[b-15ho0ok4v0] .lp-accordion-wrapper .tara-fa-card {
    border-color:  color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
    border-radius: 18px;
}

[b-15ho0ok4v0] .lp-accordion-wrapper .tara-fa-card--open {
    border-color: color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
}

[b-15ho0ok4v0] .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-15ho0ok4v0] .lp-accordion-wrapper .tara-fa-icon   { color: var(--tara-primary); opacity: 1; }
[b-15ho0ok4v0] .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-15ho0ok4v0] {
    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-15ho0ok4v0] {
    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 ───────────────────────────────────────────────────── */
.lp-filters-grid[b-15ho0ok4v0] {
    display:               grid;
    grid-template-columns: repeat(3, 1fr);
    gap:                   10px;
    padding:               14px 16px 10px;
}

/* Fila 4: precio/costo/descuento — ocupa las 3 columnas y tiene 5 controles internos */
.lp-precio-costo-row[b-15ho0ok4v0] {
    grid-column:           1 / -1;
    display:               grid;
    grid-template-columns: repeat(5, 1fr);
    gap:                   10px;
}

/* Fila 5: existencias por tienda — 4 controles (checkbox auto, tiendas 2fr, existencia 1fr, cantidad 1fr) */
.lp-existencia-row[b-15ho0ok4v0] {
    grid-column:           1 / -1;
    display:               grid;
    grid-template-columns: auto 2fr 1fr 1fr;
    gap:                   10px;
    align-items:           center;
}

/* Fila 6: Incluir ventas — checkbox + fecha inicio + fecha fin */
.lp-ventas-row[b-15ho0ok4v0] {
    grid-column:           1 / -1;
    display:               grid;
    grid-template-columns: auto 1fr 1fr;
    gap:                   10px;
    align-items:           center;
}

.lp-todas-tiendas-check[b-15ho0ok4v0] {
    display:     flex;
    align-items: center;
    white-space: nowrap;
}

@media (max-width: 860px) {
    .lp-filters-grid[b-15ho0ok4v0]     { grid-template-columns: repeat(2, 1fr); }
    .lp-precio-costo-row[b-15ho0ok4v0] { grid-template-columns: repeat(3, 1fr); }
    .lp-existencia-row[b-15ho0ok4v0]   { grid-template-columns: auto 1fr 1fr 1fr; }
}

@media (max-width: 520px) {
    .lp-filters-grid[b-15ho0ok4v0]     { grid-template-columns: 1fr; }
    .lp-precio-costo-row[b-15ho0ok4v0] { grid-template-columns: repeat(2, 1fr); }
    .lp-existencia-row[b-15ho0ok4v0]   { grid-template-columns: 1fr 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-15ho0ok4v0] .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-15ho0ok4v0] .lp-filter-autocomplete:hover .mud-input-outlined-border,
[b-15ho0ok4v0] .lp-filter-autocomplete:focus-within .mud-input-outlined-border {
    border-color: var(--tara-primary-dark);
}

/* Input root — fondo limpio, altura controlada por Dense */
[b-15ho0ok4v0] .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-15ho0ok4v0] .lp-filter-autocomplete .mud-input-slot,
[b-15ho0ok4v0] .lp-filter-autocomplete input {
    cursor: pointer;
    /* font-weight: 600 eliminado — texto normal, no negrita */
}

/* Label tamaño compacto */
[b-15ho0ok4v0] .lp-filter-autocomplete .mud-input-label {
    font-size: 0.8rem;
    color:     var(--tara-text-muted);
}

[b-15ho0ok4v0] .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-15ho0ok4v0] .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-15ho0ok4v0] .lp-filter-autocomplete .mud-input-adornment-end .mud-icon-root,
[b-15ho0ok4v0] .lp-filter-autocomplete .mud-input-adornment .mud-icon-root,
[b-15ho0ok4v0] .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-15ho0ok4v0] {
    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-15ho0ok4v0] {
    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-15ho0ok4v0] {
    border-color: color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
}

.lp-search-input:focus[b-15ho0ok4v0] {
    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-15ho0ok4v0]::placeholder { color: var(--tara-text-muted); }

/* Ajuste de altura de MudButton en search row para alinear con input */
.lp-btn-buscar-mud[b-15ho0ok4v0] {
    height: 38px !important;
    min-height: 38px !important;
    border-radius: 12px !important;
}

.lp-btn-limpiar-mud[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    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-15ho0ok4v0] {
    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-15ho0ok4v0] {
    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-15ho0ok4v0] {
    display:     flex;
    align-items: center;
    gap:         8px;
    flex-wrap:   wrap;
    flex:        1;
    min-width:   0;
}

.lp-toolbar-right[b-15ho0ok4v0] {
    display:     flex;
    align-items: center;
    gap:         8px;
    flex-shrink: 0;
}

/* ── Quick filter inline (dentro del toolbar) ─────────────────────────── */
.lp-qf-wrapper[b-15ho0ok4v0] {
    display:       flex;
    align-items:   center;
    position:      relative;
    flex-shrink:   0;
}

.lp-qf-icon[b-15ho0ok4v0] {
    position:   absolute;
    left:       8px;
    color:      var(--tara-text-muted);
    pointer-events: none;
    flex-shrink: 0;
}

.lp-quickfilter-input[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    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-15ho0ok4v0]::placeholder { color: var(--tara-text-muted); }

.lp-btn-clear-qf[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    background: var(--tara-border);
    color:      var(--tara-text);
}

/* ── Botones de acción masiva ─────────────────────────────────────────── */
.lp-action-btn[b-15ho0ok4v0] {
    height:      34px !important;
    font-size:   0.78rem !important;
    white-space: nowrap;
    border-radius: 10px !important;
}

/* ── Botón ViewColumn ─────────────────────────────────────────────────── */
.lp-col-cfg-btn[b-15ho0ok4v0] {
    flex-shrink: 0;
}

/* ── Count badge — chip discreto Tarahumara Secundario ───────────────── */
.lp-count-badge[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    opacity: .7;
    font-weight: 500;
}

/* ── Advertencia de criterio obligatorio ─────────────────────────────── */
.lp-warn-criterio[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    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-15ho0ok4v0] {
    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-15ho0ok4v0] {
    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-15ho0ok4v0] {
    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-15ho0ok4v0] {
    opacity: 0.35;
    color:   var(--tara-text);
}

.lp-empty-title[b-15ho0ok4v0] {
    font-size:   0.95rem;
    font-weight: 500;
    color:       var(--tara-text);
    margin:      0;
}

.lp-empty-sub[b-15ho0ok4v0] {
    font-size:  0.82rem;
    color:      var(--tara-text-muted);
    margin:     0;
    max-width:  380px;
}

.lp-state-initial .lp-empty-icon[b-15ho0ok4v0] { opacity: 0.22; }
.lp-state-error   .lp-empty-icon[b-15ho0ok4v0] { color: var(--tara-primary); opacity: 0.6; }

/* ── Grid shell — Patrón Tarahumara oficial ──────────────────────────── */
.tara-grid-shell[b-15ho0ok4v0] {
    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, #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-15ho0ok4v0] {
    --_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;
}

/* ── Toolbar interna ─────────────────────────────────────────────────── */
.tara-grid-toolbar[b-15ho0ok4v0] {
    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-15ho0ok4v0]   { flex: 1; min-width: 200px; max-width: 380px; }
.tara-toolbar-actions[b-15ho0ok4v0] { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }

/* ── Contenedor de tabla (border + scroll independiente) ─────────────── */
.tara-table-container[b-15ho0ok4v0] {
    border:           1px solid var(--tara-border);
    border-radius:    12px 12px 0 0;
    border-bottom:    none;
    overflow-x:       auto;
    background:       var(--tara-surface);
    scrollbar-gutter: stable both-edges;
}

/* ── MudDataGrid overrides ───────────────────────────────────────────── */
[b-15ho0ok4v0] .tara-data-grid.mud-table { border-radius: 0; box-shadow: none; min-width: 2400px; }

[b-15ho0ok4v0] .tara-data-grid .mud-table-head .mud-table-cell {
    background:     var(--_th-gradient) !important;
    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;
    font-size:      .71rem !important;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color:          var(--_th-text);
    white-space:    nowrap;
}

[b-15ho0ok4v0] .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;
    line-height:   1.28;
}

[b-15ho0ok4v0] .tara-data-grid .mud-table-body .mud-table-row-even .mud-table-cell { background: var(--_row-even-bg) !important; }
[b-15ho0ok4v0] .tara-data-grid .mud-table-body .mud-table-row-odd  .mud-table-cell { background: var(--tara-row-odd); }
[b-15ho0ok4v0] .tara-data-grid .mud-table-body .mud-table-row:hover .mud-table-cell { background: var(--_row-hover) !important; }

[b-15ho0ok4v0] .tara-th--num { text-align: center !important; }

/* ── Columnas con ancho mínimo ───────────────────────────────────────── */
[b-15ho0ok4v0] .tara-th-lp-foto    { width: 56px !important; min-width: 56px !important; max-width: 56px !important; text-align: center !important; padding: 4px !important; }
[b-15ho0ok4v0] .tara-td-lp-foto    { width: 56px !important; min-width: 56px !important; max-width: 56px !important; text-align: center !important; padding: 4px !important; }
[b-15ho0ok4v0] .tara-th-lp-barcode { min-width: 100px; }
[b-15ho0ok4v0] .tara-th-lp-estilo  { min-width: 90px; }
[b-15ho0ok4v0] .tara-th-lp-color   { min-width: 80px; }
[b-15ho0ok4v0] .tara-th-lp-acabado { min-width: 90px; }
[b-15ho0ok4v0] .tara-th-lp-marca   { min-width: 96px; }
[b-15ho0ok4v0] .tara-th-lp-desc    { min-width: 180px; max-width: 240px; }
[b-15ho0ok4v0] .tara-th-lp-linea   { min-width: 85px; }
[b-15ho0ok4v0] .tara-th-lp-num     { min-width: 78px; text-align: center !important; }
[b-15ho0ok4v0] .tara-th-lp-disc    { min-width: 64px; text-align: center !important; }
[b-15ho0ok4v0] .tara-td-lp-num     { text-align: center; }
[b-15ho0ok4v0] .lp-cell-num        { text-align: center !important; }

/* Descripción — hasta 2 líneas con ellipsis */
[b-15ho0ok4v0] .tara-td-lp-desc {
    white-space:        normal !important;
    overflow:           hidden;
    display:            -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width:          220px;
    line-height:        1.3;
    vertical-align:     top;
}

/* ── Columnas configurables ──────────────────────────────────────────── */
[b-15ho0ok4v0] .tara-col-hidden { display: none !important; }

/* ── Header filter widget ────────────────────────────────────────────── */
.tara-head-filter[b-15ho0ok4v0] { display: inline-flex; align-items: center; gap: .25rem; }
.tara-head-title[b-15ho0ok4v0]  { display: inline-block; white-space: nowrap; }

[b-15ho0ok4v0] .tara-filter-btn { color: var(--_filter-icon) !important; }
[b-15ho0ok4v0] .tara-filter-btn--active { color: var(--tara-primary-dark) !important; }

[b-15ho0ok4v0] .tara-data-grid .mud-table-head .mud-icon-root,
[b-15ho0ok4v0] .tara-data-grid .mud-table-head .mud-button-root { color: var(--_th-icon) !important; }

[b-15ho0ok4v0] .tara-data-grid .mud-table-head .mud-icon-button {
    width: 30px; height: 30px; margin-left: .2rem; border-radius: 7px;
}

[b-15ho0ok4v0] .tara-data-grid .mud-table-head .mud-table-sort-label { gap: .2rem; }

[b-15ho0ok4v0] .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-15ho0ok4v0] .tara-excel-popover .mud-input-control,
[b-15ho0ok4v0] .tara-excel-popover .mud-select { min-width: 220px; }

.tara-excel-filter[b-15ho0ok4v0] {
    width: 332px; max-width: 86vw;
    padding: .5rem .6rem;
    background: var(--tara-surface);
    display: flex; flex-direction: column;
    max-height: calc(100vh - 160px);
}

.tara-excel-actions[b-15ho0ok4v0] {
    display: flex; justify-content: space-between;
    gap: .35rem; margin-bottom: .35rem;
    flex-shrink: 0;
}

.tara-excel-values[b-15ho0ok4v0] {
    flex: 1 1 auto;
    overflow-y: auto;
    max-height: 260px;
    margin-top: .3rem; padding: .2rem 0;
    border-top: 1px solid var(--tara-border);
    border-bottom: 1px solid var(--tara-border);
}

.tara-excel-footer[b-15ho0ok4v0] {
    margin-top: .45rem;
    display: flex; justify-content: flex-end; gap: .35rem;
    flex-shrink: 0;
}

/* Respaldo para cuando MudPopover teletransporta el contenido fuera del scope CSS */
[b-15ho0ok4v0] .tara-excel-popover .tara-excel-filter {
    display: flex; flex-direction: column;
    max-height: calc(100vh - 160px);
}

[b-15ho0ok4v0] .tara-excel-popover .tara-excel-values {
    flex: 1 1 auto;
    overflow-y: auto;
    max-height: 260px;
}

[b-15ho0ok4v0] .tara-excel-popover .tara-excel-actions,
[b-15ho0ok4v0] .tara-excel-popover .tara-excel-footer {
    flex-shrink: 0;
}

[b-15ho0ok4v0] .tara-data-grid .mud-table-sort-label:hover { color: var(--tara-primary-dark); }
[b-15ho0ok4v0] .tara-data-grid .mud-table-sort-label .mud-table-sort-label-arrow { color: var(--tara-primary-dark) !important; }

/* ── Celda editable (precio/descuento) ───────────────────────────────── */
[b-15ho0ok4v0] .lp-td--editable { padding: 0 !important; }

/* Alineación centrada para columnas numéricas (Costo, P1-P10, D1%-D10%) */
[b-15ho0ok4v0] .tara-data-grid .mud-table-body .mud-table-cell:has(.tara-money),
[b-15ho0ok4v0] .tara-data-grid .mud-table-body .mud-table-cell:has(.lp-desc-chip),
[b-15ho0ok4v0] .tara-data-grid .mud-table-body .mud-table-cell:has(.lp-price-stack) { text-align: center; }

/* ── Cell content classes (oficiales) ───────────────────────────────── */
.tara-estilo[b-15ho0ok4v0] { display:inline-flex; 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); }
.tara-badge[b-15ho0ok4v0]  { display:inline-block; padding:.15rem .5rem; border-radius:100px; font-size:.72rem; font-weight:600; }
.tara-badge-marca[b-15ho0ok4v0] { background:color-mix(in srgb,var(--tara-border) 35%,var(--tara-surface-raised)); color:var(--tara-text); border:1px solid var(--tara-border); }
.tara-money[b-15ho0ok4v0]  { font-variant-numeric:tabular-nums; font-size:.81rem; font-weight:500; }
.tara-na[b-15ho0ok4v0]     { color: var(--tara-border); font-size:.85rem; }
.tara-desc[b-15ho0ok4v0]   { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* ── Count chip ──────────────────────────────────────────────────────── */
.tara-count-chip[b-15ho0ok4v0]      { display:inline-flex; align-items:center; padding:.2rem .65rem; background:color-mix(in srgb,var(--tara-surface-raised) 60%,var(--tara-bg)); border:1px solid var(--tara-border); border-radius:100px; font-size:.78rem; font-weight:600; color:var(--tara-text-muted); white-space:nowrap; }
.tara-count-chip--warn[b-15ho0ok4v0] { background:rgba(245,158,11,.10); border-color:rgba(245,158,11,.30); color:#92400E; }
.tara-chip-more[b-15ho0ok4v0]       { font-weight:400; opacity:.75; }

/* ── Loading row ─────────────────────────────────────────────────────── */
.tara-loading-row[b-15ho0ok4v0] { display:flex; align-items:center; gap:.75rem; padding:1.5rem 1rem; color:var(--tara-text-muted); font-size:.875rem; }

/* ── Aviso de fotografías cargando / listas ──────────────────────────── */
.lp-fotos-aviso[b-15ho0ok4v0] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    padding:     .35rem .7rem;
    margin-bottom: .4rem;
    border-radius: 8px;
    background:  color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    border:      1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    font-size:   .8rem;
    color:       var(--tara-primary-dark);
}
.lp-fotos-aviso--lista[b-15ho0ok4v0] {
    background: color-mix(in srgb, #16a34a 6%, var(--tara-surface));
    border-color: color-mix(in srgb, #16a34a 22%, var(--tara-border));
    color: #166534;
}
[data-theme="dark"] .lp-fotos-aviso--lista[b-15ho0ok4v0] { color: #4ade80; }
.lp-fotos-aviso--cargando[b-15ho0ok4v0] {
    background: color-mix(in srgb, var(--tara-border) 30%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-border) 60%, transparent);
    color: var(--tara-text-muted);
}
[data-theme="dark"] .lp-fotos-aviso--cargando[b-15ho0ok4v0] { color: var(--tara-text-muted); }
.lp-fotos-aviso--parcial[b-15ho0ok4v0] {
    background: color-mix(in srgb, #d97706 6%, var(--tara-surface));
    border-color: color-mix(in srgb, #d97706 22%, var(--tara-border));
    color: #92400e;
}
[data-theme="dark"] .lp-fotos-aviso--parcial[b-15ho0ok4v0] { color: #fbbf24; }
.lp-fotos-aviso--error[b-15ho0ok4v0] {
    background: color-mix(in srgb, #dc2626 6%, var(--tara-surface));
    border-color: color-mix(in srgb, #dc2626 22%, var(--tara-border));
    color: #991b1b;
}
[data-theme="dark"] .lp-fotos-aviso--error[b-15ho0ok4v0] { color: #fca5a5; }
.lp-fotos-spinner[b-15ho0ok4v0] { width: 14px !important; height: 14px !important; }

/* ── Barcode — monoespaciado ─────────────────────────────────────────── */
.lp-barcode-code[b-15ho0ok4v0] { font-family:ui-monospace,'Cascadia Code',monospace; font-size:.74rem; letter-spacing:.02em; color:var(--tara-text-muted); }

/* Botón de precio/descuento — ocupa toda la celda */
.lp-price-btn[b-15ho0ok4v0] {
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           100%;
    background:      transparent;
    border:          none;
    padding:         7px 8px;
    cursor:          pointer;
    text-align:      center;
    font:            inherit;
    border-radius:   0;
    transition:      background 0.12s;
    line-height:     inherit;
}

.lp-price-btn:hover[b-15ho0ok4v0] {
    background: color-mix(in srgb, var(--tara-primary) 9%, transparent);
}

.lp-desc-chip[b-15ho0ok4v0] {
    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;
}

/* ── Precio normal (sin descuento) — bold y centrado ─────────────────── */
.lp-price-normal[b-15ho0ok4v0] {
    font-variant-numeric: tabular-nums;
    font-size:            13px;
    font-weight:          700;
    color:                var(--tara-text);
    display:              block;
    text-align:           center;
}

/* ── Precio con descuento: original tachado + neto ───────────────────── */
.lp-price-btn:has(.lp-price-stack)[b-15ho0ok4v0] {
    padding-top:    4px;
    padding-bottom: 4px;
}

.lp-price-stack[b-15ho0ok4v0] {
    display:         inline-flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    gap:             2px;
    line-height:     1.05;
    width:           100%;
    text-align:      center;
}

.lp-price-original--discounted[b-15ho0ok4v0] {
    font-variant-numeric:      tabular-nums;
    font-size:                 13px;
    font-weight:               600;
    color:                     #6b7280;
    text-decoration:           line-through;
    text-decoration-thickness: 1px;
}

[data-theme="dark"] .lp-price-original--discounted[b-15ho0ok4v0] {
    color: #9ca3af;
}

.lp-price-net[b-15ho0ok4v0] {
    font-variant-numeric: tabular-nums;
    font-size:            14px;
    font-weight:          800;
    color:                var(--tara-primary, #d90000);
}

.lp-grid-empty[b-15ho0ok4v0] {
    text-align: center;
    padding:    30px;
    color:      var(--tara-text-muted);
    font-size:  0.85rem;
}

[b-15ho0ok4v0] .lp-grid-shell .mud-table-pagination {
    position:   sticky;
    left:       0;
    background: var(--tara-surface);
}

.tara-grid-footer[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    flex:        0 0 auto;
    white-space: nowrap;
    font-weight: 600;
}

.tara-grid-page-size[b-15ho0ok4v0] {
    display:     flex;
    align-items: center;
    gap:         .22rem;
}

.tara-grid-page-size-label[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    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-15ho0ok4v0] {
    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-15ho0ok4v0] {
    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-15ho0ok4v0] {
    display:     flex;
    align-items: center;
    gap:         .28rem;
    margin-left: auto;
}

.tara-grid-footer-page[b-15ho0ok4v0] {
    font-size:    .74rem;
    font-weight:  600;
    color:        var(--tara-text-muted);
    white-space:  nowrap;
    margin-right: .15rem;
}

.tara-grid-nav-btn[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    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-15ho0ok4v0] {
    opacity: .35;
    cursor:  not-allowed;
}

[data-theme="dark"] .tara-grid-footer[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    display:        none;
    flex-direction: column;
    gap:            10px;
    padding:        10px 16px 20px;
}

@media (max-width: 760px) {
    .lp-grid-shell[b-15ho0ok4v0] { display: none; }
    .lp-card-list[b-15ho0ok4v0]  { display: flex; }
}

@media (max-width: 640px) {
    .tara-grid-footer[b-15ho0ok4v0] {
        gap:     .55rem;
        padding: .5rem .65rem;
        row-gap: .4rem;
    }

    .tara-grid-footer-range[b-15ho0ok4v0] {
        order: 1;
        width: 100%;
        flex:  0 0 100%;
    }

    .tara-grid-page-size[b-15ho0ok4v0] {
        order: 2;
        flex:  0 0 auto;
    }

    .tara-grid-page-nav[b-15ho0ok4v0] {
        order:       3;
        margin-left: auto;
    }
}

.lp-product-card[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    display:     flex;
    align-items: flex-start;
    gap:         8px;
}

/* Texto de la card (estilo + barcode) */
.lp-card-header-text[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    flex-shrink: 0;
}

.lp-card-estilo[b-15ho0ok4v0] {
    font-size:   0.92rem;
    font-weight: 600;
    color:       var(--tara-text);
}

.lp-card-barcode[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    font-size: 0.82rem;
    color:     var(--tara-text-muted);
}

.lp-card-meta[b-15ho0ok4v0] {
    display:   flex;
    flex-wrap: wrap;
    gap:       5px;
}

.lp-card-meta span[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    display:   flex;
    flex-wrap: wrap;
    gap:       5px;
}

.lp-card-px[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    font-size:      0.67rem;
    font-weight:    600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color:          var(--tara-text-muted);
}

.lp-card-footer[b-15ho0ok4v0] {
    display:         flex;
    justify-content: flex-end;
    padding-top:     6px;
    border-top:      1px solid var(--tara-border-subtle);
}

.lp-card-btn-edit[b-15ho0ok4v0] {
    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-15ho0ok4v0] { opacity: 0.88; }

/* ── Dialog backdrop ─────────────────────────────────────────────────── */
.lp-dialog-backdrop[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    cursor: default;
}

/* ── Dialog shell ────────────────────────────────────────────────────── */
.lp-dialog-shell[b-15ho0ok4v0] {
    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-15ho0ok4v0]  { max-width: 720px; }
.lp-dialog-xl[b-15ho0ok4v0]  { max-width: 1120px; }
.lp-dialog-sm[b-15ho0ok4v0]  { max-width: 400px; }
.lp-dialog-col[b-15ho0ok4v0] { max-width: 480px; }

/* ── Dialog header ───────────────────────────────────────────────────── */
.lp-dialog-header[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    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-15ho0ok4v0] {
    background: var(--tara-surface-raised);
    color:      var(--tara-primary);
}

/* ── Dialog body ─────────────────────────────────────────────────────── */
.lp-dialog-body[b-15ho0ok4v0] {
    padding:        16px 18px;
    overflow-y:     auto;
    flex:           1;
    display:        flex;
    flex-direction: column;
    gap:            14px;
}

/* ── Dialog footer ───────────────────────────────────────────────────── */
.lp-dialog-footer[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    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-15ho0ok4v0] { background: var(--tara-surface-raised); }
.lp-btn-cancel:disabled[b-15ho0ok4v0]             { opacity: 0.5; cursor: not-allowed; }

.lp-btn-save[b-15ho0ok4v0] {
    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-15ho0ok4v0] { opacity: 0.88; }
.lp-btn-save:disabled[b-15ho0ok4v0]             { opacity: 0.55; cursor: not-allowed; }

/* ── Columnas configurables — dialog interior ─────────────────────────── */
.lp-col-dialog-body[b-15ho0ok4v0] {
    gap: 0;
    padding: 14px 18px;
}

.lp-col-grid[b-15ho0ok4v0] {
    display:               grid;
    grid-template-columns: repeat(4, 1fr);
    gap:                   2px;
}

@media (max-width: 520px) {
    .lp-col-grid[b-15ho0ok4v0] { grid-template-columns: repeat(2, 1fr); }
}

.lp-col-item[b-15ho0ok4v0] {
    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-15ho0ok4v0] { background: var(--tara-surface-raised); }

.lp-col-item--required[b-15ho0ok4v0] {
    cursor:  default;
    opacity: 0.55;
}
.lp-col-item--required:hover[b-15ho0ok4v0] { background: transparent; }

.lp-col-item input[type="checkbox"][b-15ho0ok4v0] {
    width:        15px;
    height:       15px;
    cursor:       pointer;
    accent-color: var(--tara-primary);
    flex-shrink:  0;
}

.lp-col-item--required input[type="checkbox"][b-15ho0ok4v0] {
    cursor: default;
}

.lp-col-required-badge[b-15ho0ok4v0] {
    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-header[b-15ho0ok4v0] {
    display:     flex;
    align-items: flex-start;
    gap:         12px;
    margin-bottom: 2px;
}

.lp-edit-foto[b-15ho0ok4v0] {
    width:         88px;
    height:        88px;
    object-fit:    contain;
    border-radius: 8px;
    border:        1px solid var(--tara-border);
    flex-shrink:   0;
    background:    var(--tara-surface-raised);
    padding:       4px;
}

@media (max-width: 480px) {
    .lp-edit-foto[b-15ho0ok4v0] { width: 64px; height: 64px; }
}

.lp-edit-foto--loading[b-15ho0ok4v0] {
    display:    flex;
    align-items: center;
    justify-content: center;
    opacity:    0.45;
    animation:  lp-foto-pulse-b-15ho0ok4v0 1.2s ease-in-out infinite;
}

@keyframes lp-foto-pulse-b-15ho0ok4v0 {
    0%, 100% { opacity: 0.45; }
    50%       { opacity: 0.2;  }
}

.lp-edit-info-row[b-15ho0ok4v0] {
    display:   flex;
    flex-wrap: wrap;
    gap:       6px;
    align-content: flex-start;
}

.lp-edit-info-chip[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    display:        flex;
    flex-direction: column;
    gap:            10px;
}

.lp-edit-section-title[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    display:        flex;
    flex-direction: column;
    gap:            4px;
}

.lp-edit-field--inline[b-15ho0ok4v0] {
    flex-direction: row;
    align-items:    center;
    gap:            10px;
}

.lp-edit-field--full[b-15ho0ok4v0] {
    grid-column: 1 / -1;
}

.lp-edit-label[b-15ho0ok4v0] {
    font-size:   0.74rem;
    font-weight: 500;
    color:       var(--tara-text-muted);
    white-space: nowrap;
}

.lp-edit-input[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    outline:      none;
    border-color: var(--tara-primary);
}

.lp-edit-input--sm[b-15ho0ok4v0] { width: 120px; }

.lp-edit-textarea[b-15ho0ok4v0] {
    height:  auto;
    resize:  vertical;
    padding: 6px 10px;
}

.lp-edit-fields-grid[b-15ho0ok4v0] {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    gap:                   10px;
}

.lp-edit-field-error[b-15ho0ok4v0] {
    font-size:   0.75rem;
    color:       var(--tara-primary);
    margin-left: 6px;
}

.lp-edit-error[b-15ho0ok4v0] {
    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-15ho0ok4v0] { margin-top: 6px; }

/* ── Tabla de precios en dialog ──────────────────────────────────────── */
.lp-price-table-wrap[b-15ho0ok4v0] { overflow-x: auto; }

.lp-price-table[b-15ho0ok4v0] {
    width:           100%;
    border-collapse: collapse;
    font-size:       0.82rem;
}

.lp-price-table thead th[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    background: color-mix(in srgb, var(--tara-text) 3%, transparent);
}

.lp-price-table tbody td[b-15ho0ok4v0] {
    padding:       5px 8px;
    border-bottom: 1px solid color-mix(in srgb, var(--tara-border) 60%, transparent);
    vertical-align: middle;
}

.lp-pt-lista[b-15ho0ok4v0] {
    color:       var(--tara-text-muted);
    font-size:   0.78rem;
    white-space: nowrap;
    width:       80px;
}

.lp-pt-input[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    outline:      none;
    border-color: var(--tara-primary);
    background:   var(--tara-surface);
}

.lp-pt-input--final[b-15ho0ok4v0] {
    background:   color-mix(in srgb, var(--tara-primary) 5%, var(--tara-bg));
    border-color: color-mix(in srgb, var(--tara-primary) 25%, var(--tara-border));
}

.lp-pt-input--final:focus[b-15ho0ok4v0] {
    background:   var(--tara-surface);
    border-color: var(--tara-primary);
}

/* ── Redondeo 4/9 ────────────────────────────────────────────────── */
.lp-round49-row[b-15ho0ok4v0] {
    display:     flex;
    align-items: center;
    gap:         10px;
    padding:     4px 0 8px;
    flex-wrap:   wrap;
}

.lp-round49-label[b-15ho0ok4v0] {
    font-size:   0.78rem;
    font-weight: 600;
    color:       var(--tara-text-muted);
    white-space: nowrap;
}

.lp-round49-option[b-15ho0ok4v0] {
    display:     flex;
    align-items: center;
    gap:         5px;
    font-size:   0.83rem;
    color:       var(--tara-text);
    cursor:      pointer;
    user-select: none;
}

.lp-round49-option--disabled[b-15ho0ok4v0] {
    opacity: 0.45;
    cursor:  default;
}

.lp-round49-btn-apply[b-15ho0ok4v0] {
    height:        28px;
    padding:       0 12px;
    border:        1px solid var(--tara-primary);
    border-radius: 5px;
    background:    transparent;
    color:         var(--tara-primary);
    font-size:     0.78rem;
    font-weight:   600;
    cursor:        pointer;
    transition:    background 0.12s, color 0.12s;
    white-space:   nowrap;
}

.lp-round49-btn-apply:hover:not(:disabled)[b-15ho0ok4v0] {
    background: var(--tara-primary);
    color:      #fff;
}

.lp-round49-btn-apply:disabled[b-15ho0ok4v0] {
    opacity: 0.4;
    cursor:  default;
}

.lp-round49-helper[b-15ho0ok4v0] {
    margin:      -2px 0 6px;
    font-size:   0.73rem;
    color:       var(--tara-text-muted);
    line-height: 1.4;
    font-style:  italic;
}

/* ── Promociones ─────────────────────────────────────────────────────── */
.lp-promo-row[b-15ho0ok4v0] {
    display:   flex;
    flex-wrap: wrap;
    gap:       14px;
}

.lp-promo-check[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    width:        16px;
    height:       16px;
    cursor:       pointer;
    accent-color: var(--tara-primary);
}

/* ── Ajuste masivo extras ────────────────────────────────────────────── */
.lp-ajuste-scope[b-15ho0ok4v0] {
    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-15ho0ok4v0] { margin-top: 4px; }

/* ── Responsive: mobile ───────────────────────────────────────────────── */
@media (max-width: 760px) {
    .lp-accordion-wrapper[b-15ho0ok4v0] { padding: 10px 12px 0; }
    .lp-filters-grid[b-15ho0ok4v0]      { padding: 12px 12px 8px; }
    .lp-search-actions-row[b-15ho0ok4v0] { padding: 0 12px 12px; }
    .lp-toolbar[b-15ho0ok4v0]           { padding: 8px 12px; }
    .lp-error-bar[b-15ho0ok4v0],
    .lp-info-bar[b-15ho0ok4v0],
    .lp-warn-criterio[b-15ho0ok4v0]     { margin-left: 12px; margin-right: 12px; }
    .lp-quickfilter-input[b-15ho0ok4v0]  { width: 150px; }
    .lp-quickfilter-input:focus[b-15ho0ok4v0] { width: 170px; }
}

@media (max-width: 480px) {
    .lp-toolbar-left[b-15ho0ok4v0]  { gap: 6px; }
    .lp-action-btn[b-15ho0ok4v0]    { display: none !important; }   /* ocultar masivas en móvil muy pequeño */
    .lp-qf-wrapper[b-15ho0ok4v0]    { width: 100%; }
    .lp-quickfilter-input[b-15ho0ok4v0] { width: 100% !important; }
    .lp-quickfilter-input:focus[b-15ho0ok4v0] { width: 100% !important; }
    .lp-edit-fields-grid[b-15ho0ok4v0] { 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-15ho0ok4v0] {
    display:     flex;
    align-items: center;
    gap:         .4rem;
    padding:     .3rem 0 0;
}

.lp-foto-hint[b-15ho0ok4v0] {
    font-size: .73rem;
    color:     var(--tara-text-muted);
}

/* Columna FOTO — 56px para acomodar botón 44px + padding */
[b-15ho0ok4v0] .lp-grid-shell .lp-th-foto,
[b-15ho0ok4v0] .lp-grid-shell .lp-td-foto {
    width:     56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    text-align: center !important;
    padding:   4px 6px !important;
}

/* Placeholder — guion discreto */
.lp-photo-placeholder[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    opacity:      .22;
    border-style: dotted;
    cursor:       default;
}

.lp-photo-placeholder--clickable[b-15ho0ok4v0] {
    border-style: solid;
    cursor:       pointer;
    transition:   background .15s, border-color .15s;
}

.lp-photo-placeholder--clickable:hover[b-15ho0ok4v0] {
    background:   var(--tara-surface);
    border-color: var(--tara-border);
    color:        var(--tara-text);
}

/* Botón de miniatura — 44×44 en grid */
.lp-photo-thumb-btn[b-15ho0ok4v0] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    width:           44px;
    height:          44px;
    max-width:       44px;
    max-height:      44px;
    overflow:        hidden;
    border-radius:   8px;
    border:          1px solid var(--tara-border);
    background:      var(--tara-surface-raised);
    padding:         2px;
    cursor:          pointer;
    flex-shrink:     0;
    vertical-align:  middle;
    transition:      border-color 0.15s, box-shadow 0.15s;
}

.lp-photo-thumb-btn:hover[b-15ho0ok4v0] {
    border-color: var(--tara-primary);
    box-shadow:   0 0 0 2px color-mix(in srgb, var(--tara-primary) 18%, transparent);
}

/* Miniatura compacta 44×44 */
.lp-photo-thumb[b-15ho0ok4v0] {
    width:         40px;
    height:        40px;
    max-width:     40px;
    max-height:    40px;
    object-fit:    contain;
    border-radius: 6px;
    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-15ho0ok4v0] {
    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-15ho0ok4v0] .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-15ho0ok4v0] {
    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-15ho0ok4v0] {
    flex:        0 0 auto;
    white-space: nowrap;
    font-weight: 600;
}

.tara-grid-page-size[b-15ho0ok4v0] {
    display:     flex;
    align-items: center;
    gap:         .22rem;
}

.tara-grid-page-size-label[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    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-15ho0ok4v0] {
    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-15ho0ok4v0] {
    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-15ho0ok4v0] {
    display:     flex;
    align-items: center;
    gap:         .28rem;
    margin-left: auto;
}

.tara-grid-footer-page[b-15ho0ok4v0] {
    font-size:   .74rem;
    font-weight: 600;
    color:       var(--tara-text-muted);
    white-space: nowrap;
    margin-right: .15rem;
}

.tara-grid-nav-btn[b-15ho0ok4v0] {
    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-15ho0ok4v0] {
    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-15ho0ok4v0] { opacity: .35; cursor: not-allowed; }

/* Responsive: 2 líneas en pantallas pequeñas */
@media (max-width: 600px) {
    .lp-pager.tara-grid-footer[b-15ho0ok4v0] { gap: .55rem; padding: .5rem .65rem; row-gap: .4rem; }
    .tara-grid-footer-range[b-15ho0ok4v0]    { order: 1; width: 100%; flex: 0 0 100%; }
    .tara-grid-page-size[b-15ho0ok4v0]       { order: 2; flex: 0 0 auto; }
    .tara-grid-page-nav[b-15ho0ok4v0]        { order: 3; }
}

/* ── Estilo chip — action button reset ──────────────────────────── */
.lp-estilo-action[b-15ho0ok4v0] {
    appearance:      none;
    -webkit-appearance: none;
    background:      none;
    border:          none;
    font:            inherit;
    padding:         0;
    margin:          0;
    cursor:          pointer;
    text-decoration: none;
}

.lp-estilo-action:hover[b-15ho0ok4v0] {
    filter: brightness(.92) saturate(1.1);
    outline: 1.5px solid var(--tara-primary);
    outline-offset: 1px;
}

.lp-estilo-action:focus-visible[b-15ho0ok4v0] {
    outline: 2px solid var(--tara-primary);
    outline-offset: 2px;
    border-radius: 100px;
}

/* ── Existencia accionable — abre QuickView de existencias ─────────── */
.lp-existencia-action[b-15ho0ok4v0] {
    appearance:           none;
    -webkit-appearance:   none;
    display:              block;
    width:                100%;
    background:           none;
    border:               none;
    padding:              4px 8px;
    margin:               0;
    cursor:               pointer;
    font:                 inherit;
    font-variant-numeric: tabular-nums;
    font-size:            13px;
    font-weight:          800;
    color:                var(--tara-text);
    text-align:           center;
    border-radius:        6px;
    transition:           background 0.12s, outline 0.1s;
}

.lp-existencia-action:hover[b-15ho0ok4v0] {
    background: color-mix(in srgb, var(--tara-primary) 8%, transparent);
    outline:    1.5px solid color-mix(in srgb, var(--tara-primary) 30%, transparent);
}

.lp-existencia-action:focus-visible[b-15ho0ok4v0] {
    outline:        2px solid var(--tara-primary);
    outline-offset: 1px;
}

.lp-ventas-action[b-15ho0ok4v0] {
    appearance:           none;
    -webkit-appearance:   none;
    display:              block;
    width:                100%;
    background:           none;
    border:               none;
    padding:              4px 8px;
    margin:               0;
    cursor:               pointer;
    font:                 inherit;
    font-variant-numeric: tabular-nums;
    font-size:            13px;
    font-weight:          800;
    color:                var(--tara-text);
    text-align:           center;
    border-radius:        6px;
    transition:           background 0.12s, outline 0.1s;
}

.lp-ventas-action:hover[b-15ho0ok4v0] {
    background: color-mix(in srgb, var(--tara-success) 8%, transparent);
    outline:    1.5px solid color-mix(in srgb, var(--tara-success) 30%, transparent);
}

.lp-ventas-action:focus-visible[b-15ho0ok4v0] {
    outline:        2px solid var(--tara-success);
    outline-offset: 1px;
}

/* ── Quick view dialog ────────────────────────────────────────────── */
.lp-qv-header-content[b-15ho0ok4v0] {
    display:        flex;
    flex-direction: column;
    gap:            .15rem;
    overflow:       hidden;
}

.lp-qv-title[b-15ho0ok4v0] {
    font-size:   .92rem;
    font-weight: 700;
    color:       var(--tara-primary-dark);
    white-space: nowrap;
    overflow:    hidden;
    text-overflow: ellipsis;
}

.lp-qv-subtitle[b-15ho0ok4v0] {
    font-size:   .78rem;
    font-weight: 400;
    color:       var(--tara-text-muted);
    white-space: nowrap;
    overflow:    hidden;
    text-overflow: ellipsis;
}

.lp-qv-body[b-15ho0ok4v0] {
    padding:    1rem 1.1rem;
    max-height: 60vh;
    overflow-y: auto;
}

/* ── Dialog header actions (maximize + close grouped) ────────────────── */
.lp-dialog-header-actions[b-15ho0ok4v0] {
    display:     flex;
    align-items: center;
    gap:         4px;
    flex-shrink: 0;
}

/* ── MQV dialog — maximized mode ─────────────────────────────────────── */
.lp-dialog-max[b-15ho0ok4v0] {
    width:      calc(100vw - 48px) !important;
    max-width:  calc(100vw - 48px) !important;
    height:     calc(100vh - 48px) !important;
    max-height: calc(100vh - 48px) !important;
    border-radius: 8px;
}

/* In maximized mode the dialog body expands to fill available space.
   Header ≈ 57px, footer ≈ 57px, padding top+bottom ≈ 32px → 146px. */
.lp-qv-body--max[b-15ho0ok4v0] {
    max-height: none;
    flex:       1 1 auto;
    overflow:   auto;
}

/* Ensure the matrix table wrapper also scrolls in both axes. */
.lp-qv-body--max[b-15ho0ok4v0]  .mmqv-table-wrap {
    overflow-x: auto;
    overflow-y: auto;
    max-height: none;
    height:     100%;
}
/* _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-iagffea92d] {
    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-iagffea92d] {
    display:       flex;
    align-items:   center;
    gap:           .85rem;
    margin-bottom: 1.25rem;
}

.prov-back-btn.mud-button-root[b-iagffea92d] { flex-shrink: 0; }

.prov-report-title[b-iagffea92d] { flex: 1; min-width: 0; }

.prov-report-title h1[b-iagffea92d] {
    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-iagffea92d] {
    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-iagffea92d] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    margin-left: auto;
    flex-shrink: 0;
}

/* ── Alerts ───────────────────────────────────────────────────────────────── */

.prov-error-alert[b-iagffea92d]  { margin-bottom: 1rem; }
.prov-alert-content[b-iagffea92d] {
    display:     flex;
    align-items: center;
    flex-wrap:   wrap;
    gap:         .5rem;
}

/* ── Grid shell (bridge vars) ─────────────────────────────────────────────── */

.prov-grid-shell[b-iagffea92d] {
    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-iagffea92d] {
    --_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-iagffea92d] {
    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-iagffea92d] {
    flex:      1;
    min-width: 180px;
    max-width: 380px;
}

[b-iagffea92d] .prov-search-field .mud-input-outlined:hover .mud-input-outlined-border,
[b-iagffea92d] .prov-search-field .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

.prov-toolbar-actions[b-iagffea92d] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    flex-wrap:   wrap;
}

.prov-count-chip[b-iagffea92d] {
    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-iagffea92d] {
    display:     flex;
    align-items: center;
}

.prov-activos-label[b-iagffea92d] {
    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-iagffea92d] {
    width:  15px;
    height: 15px;
    cursor: pointer;
    accent-color: var(--tara-primary-dark);
}

/* ── Table container ──────────────────────────────────────────────────────── */

.prov-table-container[b-iagffea92d] {
    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-iagffea92d] {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.80);
}

[b-iagffea92d] .prov-data-grid.mud-table {
    border-radius: 0;
    box-shadow:    none;
}

.prov-table-container[b-iagffea92d]::-webkit-scrollbar        { height: 10px; }
.prov-table-container[b-iagffea92d]::-webkit-scrollbar-thumb  { background: var(--tara-border); border-radius: 999px; }
.prov-table-container[b-iagffea92d]::-webkit-scrollbar-track  { background: var(--tara-surface-raised); }

/* ── Table header ─────────────────────────────────────────────────────────── */

[b-iagffea92d] .prov-data-grid .mud-table-head .mud-table-row {
    background: var(--_th-gradient);
}

[b-iagffea92d] .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-iagffea92d] {
    display:     inline-flex;
    align-items: center;
    gap:         .25rem;
}

.prov-head-title[b-iagffea92d] { display: inline-block; white-space: nowrap; }

[b-iagffea92d] .prov-filter-btn         { color: var(--_filter-icon) !important; }
[b-iagffea92d] .prov-filter-btn--active { color: var(--tara-primary-dark) !important; }

[b-iagffea92d] .prov-data-grid .mud-table-head .mud-icon-root,
[b-iagffea92d] .prov-data-grid .mud-table-head .mud-button-root {
    color: var(--_th-icon) !important;
}

[b-iagffea92d] .prov-data-grid .mud-table-head .mud-icon-button {
    width:         30px;
    height:        30px;
    margin-left:   .2rem;
    border-radius: 7px;
}

[b-iagffea92d] .prov-data-grid .mud-table-head .mud-table-sort-label { gap: .2rem; }

/* Popover filtros por columna */
[b-iagffea92d] .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-iagffea92d] .prov-excel-popover .mud-input-control,
[b-iagffea92d] .prov-excel-popover .mud-select { min-width: 220px; }

.prov-excel-filter[b-iagffea92d] {
    width:      280px;
    max-width:  86vw;
    padding:    .5rem .6rem;
    background: var(--tara-surface);
}

.prov-excel-actions[b-iagffea92d] {
    display:         flex;
    justify-content: space-between;
    gap:             .35rem;
    margin-bottom:   .35rem;
}

.prov-excel-values[b-iagffea92d] {
    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-iagffea92d] {
    margin-top:      .45rem;
    display:         flex;
    justify-content: flex-end;
    gap:             .35rem;
}

/* Sort arrows */
[b-iagffea92d] .prov-data-grid .mud-table-sort-label:hover { color: var(--tara-primary-dark); }
[b-iagffea92d] .prov-data-grid .mud-table-sort-label .mud-table-sort-label-arrow { color: var(--tara-primary-dark) !important; }

/* ── Table body ───────────────────────────────────────────────────────────── */

[b-iagffea92d] .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-iagffea92d] .prov-data-grid .mud-table-body .mud-table-row.mud-table-row-even .mud-table-cell {
    background: var(--tara-row-even) !important;
}

[b-iagffea92d] .prov-data-grid .mud-table-body .mud-table-row.mud-table-row-odd .mud-table-cell {
    background: var(--tara-row-odd);
}

[b-iagffea92d] .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-iagffea92d] .prov-data-grid .mud-table-loading-progress .mud-progress-linear-bar {
    background-color: var(--tara-primary-dark) !important;
}

/* ── Column widths ────────────────────────────────────────────────────────── */

[b-iagffea92d] .prov-th-id      { width: 65px;  min-width: 65px;  text-align: center !important; }
[b-iagffea92d] .prov-th-razon   { min-width: 220px; }
[b-iagffea92d] .prov-th-nombre  { min-width: 160px; }
[b-iagffea92d] .prov-th-marca   { min-width: 130px; }
[b-iagffea92d] .prov-th-estado  { min-width: 90px; }
[b-iagffea92d] .prov-th-ciudad  { min-width: 120px; }
[b-iagffea92d] .prov-th-tel     { min-width: 120px; }
[b-iagffea92d] .prov-th-rfc     { min-width: 130px; }
[b-iagffea92d] .prov-th-activo  { width: 90px; min-width: 90px; text-align: center !important; }
[b-iagffea92d] .prov-th-edit    { width: 50px; min-width: 50px; }

[b-iagffea92d] .prov-td-id      { text-align: center !important; font-variant-numeric: tabular-nums; }
[b-iagffea92d] .prov-td-razon   { font-weight: 600; }
[b-iagffea92d] .prov-td-nombre  { }
[b-iagffea92d] .prov-td-marca   { }
[b-iagffea92d] .prov-td-estado  { font-size: .78rem; }
[b-iagffea92d] .prov-td-ciudad  { }
[b-iagffea92d] .prov-td-tel     { font-variant-numeric: tabular-nums; font-size: .80rem; }
[b-iagffea92d] .prov-td-rfc     { font-variant-numeric: tabular-nums; font-size: .80rem; font-family: monospace; }
[b-iagffea92d] .prov-td-center  { text-align: center !important; }
[b-iagffea92d] .prov-td-edit    { text-align: center !important; }

/* ── Activo badge ─────────────────────────────────────────────────────────── */

.prov-activo-badge[b-iagffea92d] {
    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-iagffea92d] {
    background: rgba(16,185,129,.12);
    color:      #059669;
}

[data-theme="dark"] .prov-activo-badge--si[b-iagffea92d] {
    background: rgba(16,185,129,.20);
    color:      #34D399;
}

.prov-activo-badge--no[b-iagffea92d] {
    background: var(--tara-surface-raised);
    color:      var(--tara-text-muted);
}

/* ── Marca chip ───────────────────────────────────────────────────────────── */

.prov-marca-chip[b-iagffea92d] {
    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-iagffea92d] {
    font-family: monospace;
    font-size:   .80rem;
    color:       var(--_cell-text);
}

/* ── Edit icon button ─────────────────────────────────────────────────────── */

.prov-edit-icon-btn[b-iagffea92d] {
    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-iagffea92d] {
    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-iagffea92d] {
    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-iagffea92d] {
    margin:      0;
    font-size:   .9375rem;
    font-weight: 500;
    color:       var(--tara-text-muted);
}

.prov-empty-sub[b-iagffea92d] {
    margin:    0;
    font-size: .8125rem;
    color:     var(--tara-text-muted);
    opacity:   .75;
}

.prov-loading-row[b-iagffea92d] {
    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-iagffea92d] {
    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-iagffea92d] {
    overflow:   auto;
    max-height: 200px;
    font-size:  .75rem;
}

/* ── Dialog ───────────────────────────────────────────────────────────────── */

.prov-dialog-backdrop[b-iagffea92d] {
    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-iagffea92d] {
    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-iagffea92d] {
    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-iagffea92d] {
    margin:      0;
    font-size:   1rem;
    font-weight: 700;
    color:       var(--tara-text);
}

.prov-dialog-subtitle[b-iagffea92d] {
    margin:    .1rem 0 0;
    font-size: .8rem;
    color:     var(--tara-text-muted);
}

.prov-dialog-close[b-iagffea92d] {
    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-iagffea92d] { background: var(--tara-surface-raised); }

.prov-dialog-body[b-iagffea92d] {
    padding:        1rem 1.1rem;
    display:        flex;
    flex-direction: column;
    gap:            .75rem;
    overflow-y:     auto;
    flex:           1;
}

.prov-section-label[b-iagffea92d] {
    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-iagffea92d] {
    display:        flex;
    flex-direction: column;
    gap:            .35rem;
}

.prov-dialog-row-2[b-iagffea92d] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .65rem;
}

.prov-dialog-label[b-iagffea92d] {
    font-size:   .8rem;
    font-weight: 600;
    color:       var(--tara-text-muted);
}

.prov-dialog-error[b-iagffea92d] {
    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-iagffea92d] {
    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-iagffea92d] {
    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-iagffea92d]::placeholder { color: var(--tara-text-muted); opacity: .7; }
.prov-input:hover:not(:disabled)[b-iagffea92d]  { border-color: var(--tara-border); }
.prov-input:focus[b-iagffea92d]  {
    border-color: var(--tara-primary-dark);
    box-shadow:   0 0 0 3px var(--tara-primary-subtle);
}
.prov-input:disabled[b-iagffea92d] { opacity: .65; cursor: not-allowed; }

.prov-textarea[b-iagffea92d] {
    height: auto;
    padding: .6rem .85rem;
    resize: vertical;
    min-height: 72px;
    font-family: inherit;
    line-height: 1.45;
}

.prov-select-shell[b-iagffea92d] { position: relative; }

.prov-select[b-iagffea92d] {
    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-iagffea92d] { border-color: var(--tara-primary-dark); }
.prov-select:focus[b-iagffea92d] { border-color: var(--tara-primary-dark); box-shadow: 0 0 0 3px var(--tara-primary-subtle); }
.prov-select:disabled[b-iagffea92d] { opacity: .65; cursor: not-allowed; }

.prov-select-icon[b-iagffea92d] {
    position:       absolute;
    right:          .75rem;
    top:            50%;
    transform:      translateY(-50%);
    pointer-events: none;
    color:          var(--tara-text-muted);
}

/* ── Toggle Activo ────────────────────────────────────────────────────────── */

.prov-activo-field[b-iagffea92d] { justify-content: flex-end; padding-top: .25rem; }

.prov-toggle-label[b-iagffea92d] {
    display:     flex;
    align-items: center;
    gap:         .6rem;
    cursor:      pointer;
}

.prov-toggle-check[b-iagffea92d] { display: none; }

.prov-toggle-slider[b-iagffea92d] {
    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-iagffea92d]::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-iagffea92d] {
    background: var(--tara-primary-dark);
}

.prov-toggle-check:checked + .prov-toggle-slider[b-iagffea92d]::after {
    transform: translateX(18px);
}

.prov-toggle-check:disabled + .prov-toggle-slider[b-iagffea92d] { opacity: .65; cursor: not-allowed; }

.prov-toggle-text[b-iagffea92d] {
    font-size:   .85rem;
    font-weight: 600;
    color:       var(--tara-text-muted);
    white-space: nowrap;
}

/* ── Dialog buttons ───────────────────────────────────────────────────────── */

.prov-btn-guardar[b-iagffea92d] {
    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-iagffea92d] { background: var(--tara-primary-deeper); }
.prov-btn-guardar:disabled[b-iagffea92d]             { opacity: .55; cursor: not-allowed; }
.prov-btn-guardar.is-loading[b-iagffea92d]           { pointer-events: none; }

.prov-btn-cancel[b-iagffea92d] {
    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-iagffea92d] { background: var(--tara-surface-raised); }
.prov-btn-cancel:disabled[b-iagffea92d]             { opacity: .55; cursor: not-allowed; }

.prov-spinner[b-iagffea92d] {
    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-iagffea92d .75s linear infinite;
}

@keyframes prov-spin-b-iagffea92d {
    to { transform: rotate(360deg); }
}

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

@media (max-width: 640px) {
    .prov-report-title h1[b-iagffea92d]  { font-size: 1rem; }
    .prov-search-field[b-iagffea92d]     { min-width: 140px; }
    .prov-dialog-row-2[b-iagffea92d]     { grid-template-columns: 1fr; }
    .prov-dialog[b-iagffea92d]           { 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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    display: flex;
    align-items: center;
    gap: .85rem;
    margin-bottom: 1.25rem;
}

.tara-back-btn.mud-button-root[b-1bbyt66wn0] {
    flex-shrink: 0;
}

.tara-report-title[b-1bbyt66wn0] {
    flex: 1;
    min-width: 0;
}

.tara-report-title h1[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    color: #FCD34D;
}

.tara-filters-no-active[b-1bbyt66wn0] {
    font-size: .75rem;
    color: var(--tara-text-muted);
    font-style: italic;
}

/* ── Contenido interno del cuerpo ─────────────────────────────────────────── */

.tara-filters-grid[b-1bbyt66wn0] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: .85rem 1rem .8rem;
}

.tara-filters-grid .tara-filter-select[b-1bbyt66wn0] {
    min-width: 160px;
    max-width: 240px;
    flex: 1 1 160px;
}

/* MudAutocomplete outline focus ring → rojo Tarahumara */
[b-1bbyt66wn0] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-1bbyt66wn0] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-1bbyt66wn0] .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-1bbyt66wn0] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark);
}

.tara-grid-shell[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    --_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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    flex: 1;
    min-width: 260px;
    max-width: 460px;
}

/* Search field focus → rojo */
[b-1bbyt66wn0] .tara-search-field .mud-input-outlined:hover .mud-input-outlined-border,
[b-1bbyt66wn0] .tara-search-field .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

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

.tara-chip-more[b-1bbyt66wn0] {
    font-size: .72rem;
    opacity: .75;
    margin-left: .2em;
}

/* ── Error alert ─────────────────────────────────────────────────────────── */

.tara-error-alert[b-1bbyt66wn0] {
    margin-bottom: 1rem;
}

.tara-alert-content[b-1bbyt66wn0] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
}

/* ── Table container ─────────────────────────────────────────────────────── */

.tara-table-container[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .80);
}

/* Remove MudTable's own elevation shadow (we supply the container shadow) */
[b-1bbyt66wn0] .tara-data-grid.mud-table {
    border-radius: 0;
    box-shadow: none;
    min-width: 3400px;
}

/* pista visual de desplazamiento horizontal */
.tara-table-container[b-1bbyt66wn0]::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-1bbyt66wn0]::-webkit-scrollbar {
    height: 10px;
}

.tara-table-container[b-1bbyt66wn0]::-webkit-scrollbar-thumb {
    background: var(--tara-border);
    border-radius: 999px;
}

.tara-table-container[b-1bbyt66wn0]::-webkit-scrollbar-track {
    background: var(--tara-surface-raised);
}

/* ── Table header ────────────────────────────────────────────────────────── */

[b-1bbyt66wn0] .tara-data-grid .mud-table-head .mud-table-row {
    background: var(--_th-gradient);
}

[b-1bbyt66wn0] .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-1bbyt66wn0] .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-1bbyt66wn0] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.tara-head-title[b-1bbyt66wn0] {
    display: inline-block;
    white-space: nowrap;
}

[b-1bbyt66wn0] .tara-filter-btn {
    color: var(--_filter-icon) !important;
}

[b-1bbyt66wn0] .tara-filter-btn--active {
    color: var(--tara-primary-dark) !important;
}

/* Mantener controles de filtro/sort legibles en header */
[b-1bbyt66wn0] .tara-data-grid .mud-table-head .mud-icon-root,
[b-1bbyt66wn0] .tara-data-grid .mud-table-head .mud-button-root {
    color: var(--_th-icon) !important;
}

[b-1bbyt66wn0] .tara-data-grid .mud-table-head .mud-icon-button {
    width: 30px;
    height: 30px;
    margin-left: .2rem;
    border-radius: 7px;
}

[b-1bbyt66wn0] .tara-data-grid .mud-table-head .mud-table-sort-label {
    gap: .2rem;
}

/* Popover de filtros por columna: más claro y legible */
[b-1bbyt66wn0] .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-1bbyt66wn0] .tara-excel-popover .mud-input-control,
[b-1bbyt66wn0] .tara-excel-popover .mud-select {
    min-width: 220px;
}

.tara-excel-filter[b-1bbyt66wn0] {
    width: 332px;
    max-width: 86vw;
    padding: .5rem .6rem;
    background: var(--tara-surface);
}

.tara-excel-actions[b-1bbyt66wn0] {
    display: flex;
    justify-content: space-between;
    gap: .35rem;
    margin-bottom: .35rem;
}

.tara-excel-values[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    margin-top: .45rem;
    display: flex;
    justify-content: flex-end;
    gap: .35rem;
}

/* Sort label icon → rojo al hover / activo */
[b-1bbyt66wn0] .tara-data-grid .mud-table-sort-label:hover {
    color: var(--tara-primary-dark);
}

[b-1bbyt66wn0] .tara-data-grid .mud-table-sort-label .mud-table-sort-label-arrow {
    color: var(--tara-primary-dark) !important;
}

/* ── Table body: data rows ───────────────────────────────────────────────── */

[b-1bbyt66wn0] .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-1bbyt66wn0] .tara-data-grid .mud-table-body .mud-table-row.mud-table-row-even .mud-table-cell {
    background: var(--_row-even-bg) !important;
}

[b-1bbyt66wn0] .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-1bbyt66wn0] .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-1bbyt66wn0] .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-1bbyt66wn0] .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-1bbyt66wn0] .tara-col-hidden {
    display: none !important;
}

.tara-th[b-1bbyt66wn0] { min-width: 120px; }

[b-1bbyt66wn0] .tara-th-estilo { min-width: 110px; }
[b-1bbyt66wn0] .tara-th-marca { min-width: 120px; }
[b-1bbyt66wn0] .tara-th-linea { min-width: 170px; }
[b-1bbyt66wn0] .tara-th-sublinea { min-width: 150px; }
[b-1bbyt66wn0] .tara-th-clasif { min-width: 160px; }
[b-1bbyt66wn0] .tara-th-color { min-width: 120px; }
[b-1bbyt66wn0] .tara-th-acabado { min-width: 130px; }
[b-1bbyt66wn0] .tara-th-corrida { min-width: 130px; }
[b-1bbyt66wn0] .tara-th-temporada { min-width: 130px; }
[b-1bbyt66wn0] .tara-th-proveedor { min-width: 180px; }
[b-1bbyt66wn0] .tara-th-status { min-width: 120px; text-align: center !important; }
[b-1bbyt66wn0] .tara-th-estado-txt { min-width: 140px; }
[b-1bbyt66wn0] .tara-th-fecha { min-width: 120px; }
[b-1bbyt66wn0] .tara-th-plantilla { min-width: 130px; }
[b-1bbyt66wn0] .tara-th-observ { min-width: 220px; }
[b-1bbyt66wn0] .tara-th-catalogo { min-width: 140px; }
[b-1bbyt66wn0] .tara-th-comprador { min-width: 170px; }
[b-1bbyt66wn0] .tara-th-pagina { min-width: 100px; }

[b-1bbyt66wn0] .tara-th-desc {
    min-width: 280px;
    max-width: 340px;
}

[b-1bbyt66wn0] .tara-th-num {
    min-width: 110px;
    text-align: right !important;
}

[b-1bbyt66wn0] .tara-th-estado {
    min-width: 105px;
    text-align: center !important;
}

/* ── Table data cell variants ────────────────────────────────────────────── */

[b-1bbyt66wn0] .tara-td-num {
    text-align: right !important;
}

[b-1bbyt66wn0] .tara-td-estado {
    text-align: center !important;
}

[b-1bbyt66wn0] .tara-td-status {
    text-align: center !important;
}

[b-1bbyt66wn0] .tara-td-observ {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-1bbyt66wn0] .tara-td-desc {
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Cell content elements ───────────────────────────────────────────────── */

.tara-barcode[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-badge[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    /* 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-1bbyt66wn0] {
    background:   rgba(200, 190, 180, .09);
    color:        var(--tara-text-muted);
    border-color: rgba(200, 190, 180, .16);
}

.tara-corrida[b-1bbyt66wn0] {
    font-variant-numeric: tabular-nums;
    font-size: .82rem;
}

.tara-money[b-1bbyt66wn0] {
    font-variant-numeric: tabular-nums;
    font-size: .81rem;
    font-weight: 500;
    color: var(--tara-text);
    letter-spacing: .01em;
}

.tara-money[b-1bbyt66wn0]::before {
    content: "$";
    font-size: .7rem;
    color: var(--tara-text-muted);
    margin-right: .1em;
}

.tara-money-precio[b-1bbyt66wn0] {
    color: var(--tara-text);
    font-weight: 600;
}

.tara-na[b-1bbyt66wn0] {
    color: var(--tara-border);
    font-size: .85rem;
    user-select: none;
}

.tara-estado-text[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    background: #DCFCE7;
    color: #166534;
}

[data-theme="dark"] .tara-status-chip--activo[b-1bbyt66wn0] {
    background: rgba(22, 163, 74, 0.15);
    color: #4ADE80;
}

.tara-status-chip--inactivo[b-1bbyt66wn0] {
    background: var(--tara-th-bg);
    color: var(--tara-text-muted);
}

/* ── Count chip (HTML span) ──────────────────────────────────────────────── */

.tara-count-chip[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    background: #FFFBEB;
    border-color: #FCD34D;
    color: #92400E;
}

[data-theme="dark"] .tara-count-chip--warn[b-1bbyt66wn0] {
    /* 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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    color: var(--tara-primary-dark);
    opacity: .55;
}

.tara-empty-icon[b-1bbyt66wn0] {
    color: var(--tara-text-muted);
    opacity: .4;
    margin-bottom: .25rem;
}

.tara-empty-title[b-1bbyt66wn0] {
    margin: 0;
    font-weight: 700;
    font-size: 1rem;
    color: var(--tara-text);
}

.tara-empty-sub[b-1bbyt66wn0] {
    margin: 0 0 .25rem;
    font-size: .875rem;
    color: var(--tara-text-muted);
    max-width: 380px;
    line-height: 1.55;
}

.tara-empty-actions[b-1bbyt66wn0] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: .25rem;
}

/* ── Loading row (inside LoadingContent) ─────────────────────────────────── */

.tara-loading-row[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
        width:       100%;
        margin-top:  0;
    }
}

/* ── Placeholder de foto cuando IncluirFotos = false ─────────────────────── */

.tara-photo-placeholder--off[b-1bbyt66wn0] {
    opacity:      .22;
    border-style: dotted;
    cursor:       default;
}

.tara-filter-photo-flag[b-1bbyt66wn0] {
    min-width: 260px;
    display: flex;
    flex-direction: column;
    gap: .2rem;
    padding: .25rem .35rem;
}

.tara-filter-hint[b-1bbyt66wn0] {
    font-size: .73rem;
    color: var(--tara-text-muted);
    padding-left: .2rem;
}

.tara-th-foto[b-1bbyt66wn0],
.tara-td-foto[b-1bbyt66wn0] {
    min-width: 84px !important;
    max-width: 84px !important;
    width: 84px !important;
    text-align: center;
}

.tara-photo-thumb-btn[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    color: var(--tara-text-muted);
    border-style: solid;
    cursor: pointer;
    transition: background .15s, border-color .15s;
}

.tara-photo-placeholder--clickable:hover[b-1bbyt66wn0] {
    background: var(--tara-surface);
    border-color: var(--tara-border);
    color: var(--tara-text);
}

.tara-photo-dialog-backdrop[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    /* 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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    font-size: .8rem;
    color: var(--tara-text-muted);
}

.tara-photo-dialog-body[b-1bbyt66wn0] {
    min-height:      120px;
    max-height:      360px;
    overflow:        auto;
    padding:         .8rem .9rem .9rem;
    display:         flex;
    align-items:     center;
    justify-content: center;
}

.tara-photo-large[b-1bbyt66wn0] {
    /* 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-1bbyt66wn0] {
    color: var(--tara-text-muted);
    font-size: .88rem;
}

/* ── Debug temporal de ErrorBoundary (solo Development) ─────────────────── */

.tara-render-debug[b-1bbyt66wn0] {
    margin-top: .75rem;
    padding: .75rem .9rem;
    border: 1px dashed #D97706;
    border-radius: var(--tara-radius-sm);
    background: #FFF7ED;
}

.tara-render-debug h4[b-1bbyt66wn0] {
    margin: 0 0 .45rem;
    font-size: .86rem;
    color: #9A3412;
}

.tara-render-debug p[b-1bbyt66wn0] {
    margin: .2rem 0;
    font-size: .8rem;
}

.tara-render-debug pre[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0],
.tara-debug-error-panel h4[b-1bbyt66wn0] {
    margin: 0 0 .45rem;
    color: #fecaca;
}

.tara-debug-error-panel p[b-1bbyt66wn0] {
    margin: .2rem 0;
    font-size: .85rem;
}

.tara-debug-error-panel pre[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
        gap: .6rem;
        margin-bottom: 1rem;
    }

    .tara-report-title h1[b-1bbyt66wn0] {
        font-size: 1.05rem;
    }

    .tara-report-title span[b-1bbyt66wn0] {
        display: none;
    }

    /* Nota: .tara-fa-header padding en móvil → FilterAccordion.razor.css */

    .tara-filter-pill[b-1bbyt66wn0] {
        max-width: 120px;
    }

    .tara-filters-grid[b-1bbyt66wn0] {
        gap: .5rem;
        padding: .75rem .8rem .7rem;
    }

    .tara-filters-grid .tara-filter-select[b-1bbyt66wn0] {
        min-width: calc(50% - .25rem);
        max-width: none;
        flex: none;
    }

    .tara-filter-photo-flag[b-1bbyt66wn0] {
        min-width: 100%;
    }

    .tara-grid-shell[b-1bbyt66wn0] {
        padding: .55rem .5rem .5rem;
        border-radius: 14px;
    }

    .tara-empty-state[b-1bbyt66wn0] {
        padding: 2.5rem 1.25rem 3rem;
        min-height: 220px;
    }

    .tara-grid-toolbar[b-1bbyt66wn0] {
        flex-direction: column;
        align-items: stretch;
        gap: .5rem;
        padding-bottom: .4rem;
    }

    .tara-search-field[b-1bbyt66wn0] {
        max-width: 100%;
        min-width: 100%;
    }

    .tara-toolbar-actions[b-1bbyt66wn0] {
        justify-content: space-between;
    }

    [b-1bbyt66wn0] .tara-data-grid .mud-table-body .mud-table-row .mud-table-cell {
        padding: .44rem .6rem !important;
        font-size: .79rem;
    }

    [b-1bbyt66wn0] .tara-data-grid .mud-table-head .mud-table-cell {
        padding: .45rem .6rem !important;
    }
}

@media (max-width: 420px) {
    .tara-filters-grid .tara-filter-select[b-1bbyt66wn0] {
        min-width: 100%;
        max-width: none;
        flex: none;
    }

    .tara-filter-pill[b-1bbyt66wn0] {
        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-1bbyt66wn0]    { display: none; }
.tara-card-loading[b-1bbyt66wn0] { display: none; }

@media (max-width: 760px) {
    /* Ocultar la tabla de desktop */
    .tara-table-container[b-1bbyt66wn0] { display: none !important; }

    /* Mostrar indicador de carga móvil */
    .tara-card-loading[b-1bbyt66wn0] {
        display: flex;
    }

    /* Mostrar lista de tarjetas */
    .tara-card-list[b-1bbyt66wn0] {
        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-1bbyt66wn0] {
        min-width: 0;
    }
}

/* ── Tarjeta individual de producto ─────────────────────────────────────── */

.tara-product-card[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    display:     flex;
    gap:         .7rem;
    align-items: flex-start;
}

.tara-card-foto[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    flex:           1;
    min-width:      0;
    display:        flex;
    flex-direction: column;
    gap:            .2rem;
}

.tara-card-title-row[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    display:     flex;
    gap:         .3rem;
    align-items: baseline;
    min-width:   0;
    overflow:    hidden;
}

.tara-card-attr-label[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    font-size:     .8rem;
    color:         var(--tara-text);
    overflow:      hidden;
    text-overflow: ellipsis;
    white-space:   nowrap;
    margin:        0; /* reset dd */
}

/* ── Precios ─────────────────────────────────────────────────────────────── */

.tara-card-prices[b-1bbyt66wn0] {
    display:       flex;
    gap:           1.5rem;
    align-items:   center;
    padding-top:   .35rem;
    border-top:    1px solid var(--tara-border-subtle);
}

.tara-card-price-item[b-1bbyt66wn0] {
    display:        flex;
    flex-direction: column;
    gap:            .05rem;
}

.tara-card-price-label[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
        grid-template-columns: 1fr;
    }

    .tara-card-header[b-1bbyt66wn0] {
        gap: .55rem;
    }
}

/* ══════════════════════════════════════════════════════════════════════════
   DIÁLOGO DE COLUMNAS CONFIGURABLES (Phase 3)
   Prefijo: tara-coldlg-*
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Botón de columnas en toolbar ────────────────────────────────────────── */

.tara-cols-btn[b-1bbyt66wn0] {
    flex-shrink: 0;
}

/* ── Backdrop del diálogo ────────────────────────────────────────────────── */

.tara-coldlg-backdrop[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    font-weight:  700;
    font-size:    .95rem;
    color:        var(--tara-text);
}

/* ── Cuerpo ──────────────────────────────────────────────────────────────── */

.tara-coldlg-body[b-1bbyt66wn0] {
    flex:             1;
    overflow-y:       auto;
    padding:          .8rem 1rem;
    display:          flex;
    flex-direction:   column;
    gap:              .65rem;
}

.tara-coldlg-hint[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    gap:                   .15rem .25rem;
}

.tara-coldlg-item[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    background: var(--tara-surface-raised);
}

/* Etiqueta de texto dentro de la celda del MudCheckBox */
[b-1bbyt66wn0] .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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    display:     flex;
    gap:         .4rem;
    align-items: center;
}

/* ── Responsive del diálogo ──────────────────────────────────────────────── */

@media (max-width: 480px) {
    .tara-coldlg-grid[b-1bbyt66wn0] {
        grid-template-columns: 1fr;
    }

    .tara-coldlg-footer[b-1bbyt66wn0] {
        flex-direction: column;
        align-items:    stretch;
    }

    .tara-coldlg-footer-right[b-1bbyt66wn0] {
        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-1bbyt66wn0] {
    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-1bbyt66wn0]::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-1bbyt66wn0] {
    font-size:      1.45rem;
    font-weight:    900;
    letter-spacing: -.02em;
}

.tara-report-title span[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    color:   var(--tara-primary);
    opacity: .85;
}

/* ── FilterAccordion: look bancario moderno (vía ::deep) ─────────────────── */

[b-1bbyt66wn0] .tara-fa-card {
    border-color:  color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
    border-radius: 18px;
}

[b-1bbyt66wn0] .tara-fa-card--open {
    border-color: color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
}

[b-1bbyt66wn0] .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-1bbyt66wn0] .tara-fa-icon {
    color:   var(--tara-primary);
    opacity: 1;
}

[b-1bbyt66wn0] .tara-fa-title {
    color:          var(--tara-text);
    font-weight:    800;
    font-size:      .78rem;
    letter-spacing: .07em;
}

/* ── Grid shell: card Santander ──────────────────────────────────────────── */

.tara-grid-shell[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    --_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-1bbyt66wn0] .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-1bbyt66wn0] {
    border-bottom-color: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
}

[b-1bbyt66wn0] .tara-search-field .mud-input-outlined {
    border-radius: 12px;
}

.tara-count-chip[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] .tara-data-grid .mud-data-grid-content::-webkit-scrollbar,
[b-1bbyt66wn0] .tara-data-grid .mud-table-container::-webkit-scrollbar {
    width: 8px;
}

[b-1bbyt66wn0] .tara-data-grid .mud-data-grid-content::-webkit-scrollbar-thumb,
[b-1bbyt66wn0] .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-1bbyt66wn0] .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-1bbyt66wn0] .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-1bbyt66wn0] {
    /* 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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    display:     flex;
    align-items: center;
    gap:         .22rem;
}

.tara-grid-page-size-label[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    display:     flex;
    align-items: center;
    gap:         .28rem;
    margin-left: auto;  /* Empuja nav al lado derecho */
}

.tara-grid-footer-page[b-1bbyt66wn0] {
    font-size:   .74rem;
    font-weight: 600;
    color:       var(--tara-text-muted);
    white-space: nowrap;
    margin-right: .15rem;
}

.tara-grid-nav-btn[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
    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-1bbyt66wn0] {
    opacity: .35;
    cursor:  not-allowed;
}

/* Dark mode */
[data-theme="dark"] .tara-grid-footer[b-1bbyt66wn0] {
    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-1bbyt66wn0] {
        gap:       .55rem;
        padding:   .5rem .65rem;
        row-gap:   .4rem;
    }

    .tara-grid-footer-range[b-1bbyt66wn0] {
        order:     1;
        width:     100%;
        flex:      0 0 100%;
    }

    .tara-grid-page-size[b-1bbyt66wn0] {
        order: 2;
        flex:  0 0 auto;
    }

    .tara-grid-page-nav[b-1bbyt66wn0] {
        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-ylqzy09zs7] {
    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-ylqzy09zs7] {
    display:       flex;
    align-items:   center;
    gap:           .85rem;
    margin-bottom: 1.25rem;
}

.sku-back-btn.mud-button-root[b-ylqzy09zs7] { flex-shrink: 0; }

.sku-report-title[b-ylqzy09zs7] { flex: 1; min-width: 0; }

.sku-report-title h1[b-ylqzy09zs7] {
    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-ylqzy09zs7] {
    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-ylqzy09zs7] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    margin-left: auto;
    flex-shrink: 0;
}

/* ── Alerts ───────────────────────────────────────────────────────────────── */

.sku-error-alert[b-ylqzy09zs7]  { margin-bottom: 1rem; }
.sku-alert-content[b-ylqzy09zs7] {
    display:     flex;
    align-items: center;
    flex-wrap:   wrap;
    gap:         .5rem;
}

/* ── Grid shell ───────────────────────────────────────────────────────────── */

.sku-grid-shell[b-ylqzy09zs7] {
    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;
}

[b-ylqzy09zs7] .sku-grid-shell > .tara-pro-search {
    margin-bottom: .75rem;
}

/* ── Buscador inline principal ───────────────────────────────────────────── */

.sku-selected-product[b-ylqzy09zs7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .85rem;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    padding: .8rem .95rem;
}

.sku-selected-product__main[b-ylqzy09zs7] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.sku-selected-product__eyebrow[b-ylqzy09zs7] {
    font-size: .72rem;
    font-weight: 700;
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .05em;
}

.sku-selected-product__name[b-ylqzy09zs7] {
    font-size: .95rem;
    font-weight: 700;
    color: var(--tara-text);
    line-height: 1.25;
}

.sku-selected-product__desc[b-ylqzy09zs7] {
    font-size: .8rem;
    color: var(--tara-text-muted);
    line-height: 1.35;
}

.sku-selected-product__barcode[b-ylqzy09zs7] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    font-size: .72rem;
    font-family: monospace;
    color: var(--tara-text-muted);
    background: var(--tara-th-bg);
    border-radius: 999px;
    padding: .12rem .48rem;
    margin-top: .2rem;
}

.sku-selected-product__actions[b-ylqzy09zs7] {
    flex-shrink: 0;
}

/* ── Toolbar ──────────────────────────────────────────────────────────────── */

.sku-grid-toolbar[b-ylqzy09zs7] {
    display:        flex;
    align-items:    center;
    gap:            .55rem;
    flex-wrap:      wrap;
    margin-bottom:  .65rem;
    padding-bottom: .6rem;
    border-bottom:  1px solid var(--tara-border-subtle);
}

/* Acciones del toolbar */
.sku-toolbar-actions[b-ylqzy09zs7] {
    display:     flex;
    align-items: center;
    gap:         .4rem;
    flex-wrap:   wrap;
    margin-left: auto;
    flex-shrink: 0;
}

.sku-action-btn.mud-icon-button[b-ylqzy09zs7]  { padding: .3rem; }
.sku-export-btn.mud-button-root[b-ylqzy09zs7]  { height: 30px; font-size: .78rem; }
.sku-guardar-btn.mud-button-root[b-ylqzy09zs7] { height: 30px; font-size: .78rem; }

.sku-count-chip[b-ylqzy09zs7] {
    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-ylqzy09zs7] {
    margin-bottom: .55rem;
}

[b-ylqzy09zs7] .sku-filter-input { max-width: 380px; }

/* ── Table container ──────────────────────────────────────────────────────── */

.sku-table-container[b-ylqzy09zs7] {
    overflow:   hidden;
    border:     1px solid var(--tara-border-subtle);
    border-radius: 10px;
}

/* ── DataGrid — encabezados ───────────────────────────────────────────────── */

[b-ylqzy09zs7] .sku-data-grid table { border-collapse: collapse; }

[b-ylqzy09zs7] .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-ylqzy09zs7] .sku-th-talla   { width: 90px; min-width: 80px; }
[b-ylqzy09zs7] .sku-th-saz     { width: 160px; min-width: 130px; }
[b-ylqzy09zs7] .sku-th-sku     { min-width: 180px; }
[b-ylqzy09zs7] .sku-th-actions { width: 80px; min-width: 72px; text-align: center !important; }

/* ── DataGrid — celdas ────────────────────────────────────────────────────── */

[b-ylqzy09zs7] .sku-td {
    font-size: .82rem;
    padding:   .35rem .55rem !important;
    color:     var(--tara-text);
}

[b-ylqzy09zs7] .sku-td-mono { font-family: monospace; }
[b-ylqzy09zs7] .sku-td-talla { vertical-align: middle; }
[b-ylqzy09zs7] .sku-td-sku   { vertical-align: middle; padding-top: .25rem !important; padding-bottom: .25rem !important; }
[b-ylqzy09zs7] .sku-td-actions { text-align: center !important; }

/* ── Zebra striping ───────────────────────────────────────────────────────── */

[b-ylqzy09zs7] .sku-data-grid .mud-table-row:nth-child(odd)  td { background: var(--tara-row-odd)  !important; }
[b-ylqzy09zs7] .sku-data-grid .mud-table-row:nth-child(even) td { background: var(--tara-row-even) !important; }
[b-ylqzy09zs7] .sku-data-grid .mud-table-row:hover           td { background: var(--tara-row-hover) !important; }

/* ── Celda de talla ───────────────────────────────────────────────────────── */

.sku-talla-cell[b-ylqzy09zs7] {
    display:        flex;
    flex-direction: column;
    line-height:    1.2;
}

.sku-talla-texto[b-ylqzy09zs7] {
    font-size:   .82rem;
    font-weight: 600;
    color:       var(--tara-text);
}

.sku-talla-num[b-ylqzy09zs7] {
    font-size:   .68rem;
    color:       var(--tara-text-muted);
    font-family: monospace;
}

/* ── SAZ badge ────────────────────────────────────────────────────────────── */

.sku-saz-badge[b-ylqzy09zs7] {
    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-ylqzy09zs7] {
    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-ylqzy09zs7]::placeholder {
    color:       var(--tara-text-muted);
    font-family: inherit;
    font-size:   .78rem;
}

.sku-input:focus[b-ylqzy09zs7] {
    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-ylqzy09zs7],
.sku-add-btn.mud-icon-button[b-ylqzy09zs7] {
    padding:   .25rem;
    font-size: .88rem;
}

/* ── Empty / loading states ───────────────────────────────────────────────── */

.sku-empty-state[b-ylqzy09zs7] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    padding:         2.5rem 1rem;
    gap:             .5rem;
    text-align:      center;
}

.sku-empty-title[b-ylqzy09zs7] {
    margin:      0;
    font-size:   1rem;
    font-weight: 600;
    color:       var(--tara-text);
}

.sku-empty-sub[b-ylqzy09zs7] {
    margin:    0;
    font-size: .82rem;
    color:     var(--tara-text-muted);
}

.sku-loading-row[b-ylqzy09zs7] {
    display:     flex;
    align-items: center;
    gap:         .65rem;
    padding:     1.5rem;
    color:       var(--tara-text-muted);
    font-size:   .85rem;
}

/* ── Debug panel ──────────────────────────────────────────────────────────── */

.sku-debug-panel[b-ylqzy09zs7] {
    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-ylqzy09zs7] {
    overflow:    auto;
    font-size:   .72rem;
    max-height:  200px;
    white-space: pre-wrap;
}

@media (max-width: 900px) {
    .sku-grid-toolbar[b-ylqzy09zs7] {
        align-items: stretch;
    }

    .sku-toolbar-actions[b-ylqzy09zs7] {
        width: 100%;
        margin-left: 0;
        justify-content: flex-start;
    }

    .sku-selected-product[b-ylqzy09zs7] {
        align-items: stretch;
    }
}

@media (max-width: 640px) {
    .sku-report-header[b-ylqzy09zs7] {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .sku-report-actions[b-ylqzy09zs7] {
        width: 100%;
        margin-left: 0;
    }

    .sku-grid-shell[b-ylqzy09zs7] {
        padding: .6rem;
    }

    .sku-filter-bar[b-ylqzy09zs7] {
        margin-bottom: .65rem;
    }

    [b-ylqzy09zs7] .sku-filter-input {
        max-width: none;
    }

    .sku-selected-product[b-ylqzy09zs7] {
        flex-direction: column;
    }

    .sku-selected-product__actions[b-ylqzy09zs7] {
        width: 100%;
    }

    [b-ylqzy09zs7] .sku-selected-product__actions .mud-icon-button {
        width: 100%;
        border-radius: var(--tara-radius-sm);
    }

    [b-ylqzy09zs7] .sku-grid-shell > .tara-pro-search .tara-pro-search__input {
        width: 100%;
        min-width: 0;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Shopify/DialogProgramacionHorariosShopify.razor.rz.scp.css */
[b-kzfhqjfr1y] .tara-shopops-program-dialog {
    width: min(1180px, calc(100vw - 2rem));
    max-width: 1180px;
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
}

.tara-shopops-program-dialog-shell[b-kzfhqjfr1y],
.tara-shopops-program-dialog-title-copy[b-kzfhqjfr1y],
.tara-shopops-program-dialog-hero-copy[b-kzfhqjfr1y],
.tara-shopops-program-dialog-toolbar-copy[b-kzfhqjfr1y],
.tara-shopops-program-dialog-name[b-kzfhqjfr1y],
.tara-shopops-program-dialog-editor-head[b-kzfhqjfr1y],
.tara-shopops-program-dialog-state-copy[b-kzfhqjfr1y],
.tara-shopops-program-dialog-empty[b-kzfhqjfr1y] {
    display: grid;
    gap: .35rem;
}

.tara-shopops-program-dialog-title[b-kzfhqjfr1y] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.tara-shopops-program-dialog-title-actions[b-kzfhqjfr1y] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-shopops-program-dialog-title-copy strong[b-kzfhqjfr1y],
.tara-shopops-program-dialog-title-copy small[b-kzfhqjfr1y],
.tara-shopops-program-dialog-hero-copy h3[b-kzfhqjfr1y],
.tara-shopops-program-dialog-hero-copy p[b-kzfhqjfr1y],
.tara-shopops-program-dialog-meta-card small[b-kzfhqjfr1y],
.tara-shopops-program-dialog-editor-head h4[b-kzfhqjfr1y],
.tara-shopops-program-dialog-editor-head p[b-kzfhqjfr1y] {
    margin: 0;
}

.tara-shopops-program-dialog-kicker[b-kzfhqjfr1y] {
    display: inline-block;
    color: var(--tara-primary-dark);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-shopops-program-dialog-title-copy strong[b-kzfhqjfr1y],
.tara-shopops-program-dialog-hero-copy h3[b-kzfhqjfr1y],
.tara-shopops-program-dialog-toolbar-copy h4[b-kzfhqjfr1y],
.tara-shopops-program-dialog-editor-head h4[b-kzfhqjfr1y],
.tara-shopops-program-dialog-name strong[b-kzfhqjfr1y] {
    color: var(--tara-text);
}

.tara-shopops-program-dialog-title-copy strong[b-kzfhqjfr1y] {
    font-size: 1.2rem;
}

.tara-shopops-program-dialog-title-copy small[b-kzfhqjfr1y],
.tara-shopops-program-dialog-hero-copy p[b-kzfhqjfr1y],
.tara-shopops-program-dialog-meta-card small[b-kzfhqjfr1y],
.tara-shopops-program-dialog-name small[b-kzfhqjfr1y],
.tara-shopops-program-dialog-editor-head p[b-kzfhqjfr1y],
.tara-shopops-program-dialog-empty span[b-kzfhqjfr1y],
.tara-shopops-program-dialog-state-copy[b-kzfhqjfr1y] {
    color: var(--tara-text-muted);
    font-size: .82rem;
    line-height: 1.45;
}

.tara-shopops-program-dialog-title-chips[b-kzfhqjfr1y],
.tara-shopops-program-dialog-toolbar-chips[b-kzfhqjfr1y],
.tara-shopops-program-dialog-toolbar-actions[b-kzfhqjfr1y],
.tara-shopops-program-dialog-state[b-kzfhqjfr1y],
.tara-shopops-program-dialog-state-copy[b-kzfhqjfr1y],
.tara-shopops-program-dialog-actions[b-kzfhqjfr1y],
.tara-shopops-program-dialog-mobile-meta[b-kzfhqjfr1y],
.tara-shopops-program-dialog-footer[b-kzfhqjfr1y] {
    display: flex;
    align-items: center;
    gap: .55rem;
    flex-wrap: wrap;
}

.tara-shopops-program-dialog-chip[b-kzfhqjfr1y],
.tara-shopops-program-dialog-badge[b-kzfhqjfr1y],
.tara-shopops-program-dialog-pill[b-kzfhqjfr1y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: .32rem .72rem;
    border-radius: 999px;
    border: 1px solid var(--tara-border);
    background: var(--tara-surface-raised);
    color: var(--tara-text);
    font-size: .76rem;
    font-weight: 800;
}

.tara-shopops-program-dialog-chip[b-kzfhqjfr1y],
.tara-shopops-program-dialog-badge--priority[b-kzfhqjfr1y],
.tara-shopops-program-dialog-pill--current[b-kzfhqjfr1y] {
    border-color: color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
}

.tara-shopops-program-dialog-shell[b-kzfhqjfr1y] {
    gap: 1rem;
    min-width: 0;
}

.tara-shopops-program-dialog-alert[b-kzfhqjfr1y] {
    width: 100%;
}

.tara-shopops-program-dialog-hero[b-kzfhqjfr1y],
.tara-shopops-program-dialog-toolbar[b-kzfhqjfr1y],
.tara-shopops-program-dialog-editor[b-kzfhqjfr1y],
.tara-shopops-program-dialog-table-wrap[b-kzfhqjfr1y],
.tara-shopops-program-dialog-mobile-card[b-kzfhqjfr1y],
.tara-shopops-program-dialog-empty[b-kzfhqjfr1y] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-shopops-program-dialog-hero[b-kzfhqjfr1y] {
    display: grid;
    gap: 1rem;
    padding: 1rem 1.05rem;
    background: linear-gradient(135deg, color-mix(in srgb, var(--tara-surface) 84%, var(--tara-bg)), var(--tara-surface));
}

.tara-shopops-program-dialog-hero-copy h3[b-kzfhqjfr1y] {
    font-size: clamp(1.08rem, 1.8vw, 1.45rem);
    line-height: 1.15;
}

.tara-shopops-program-dialog-meta[b-kzfhqjfr1y] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.tara-shopops-program-dialog-meta-card[b-kzfhqjfr1y] {
    padding: .9rem 1rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border-subtle);
    background: var(--tara-surface-raised);
}

.tara-shopops-program-dialog-meta-card span[b-kzfhqjfr1y] {
    display: block;
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tara-shopops-program-dialog-meta-card strong[b-kzfhqjfr1y] {
    display: block;
    margin: .25rem 0;
    color: var(--tara-text);
    font-size: 1rem;
}

.tara-shopops-program-dialog-toolbar[b-kzfhqjfr1y] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: .9rem;
    flex-wrap: wrap;
    padding: .95rem 1rem;
    background: var(--tara-surface-raised);
}

.tara-shopops-program-dialog-toolbar-copy h4[b-kzfhqjfr1y] {
    margin: 0;
    font-size: 1.08rem;
}

.tara-shopops-program-dialog-toolbar-actions[b-kzfhqjfr1y] {
    justify-content: flex-end;
}

.tara-shopops-program-dialog-toolbar-actions[b-kzfhqjfr1y]  .mud-button-root,
.tara-shopops-program-dialog-footer[b-kzfhqjfr1y]  .mud-button-root {
    min-height: 42px;
}

.tara-shopops-program-dialog-workspace[b-kzfhqjfr1y] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .95fr);
    gap: 1rem;
    min-height: 0;
}

.tara-shopops-program-dialog-grid-shell[b-kzfhqjfr1y],
.tara-shopops-program-dialog-editor[b-kzfhqjfr1y] {
    display: grid;
    gap: .9rem;
}

.tara-shopops-program-dialog-table-wrap[b-kzfhqjfr1y] {
    overflow: auto;
    max-height: clamp(320px, calc(100vh - 360px), 620px);
    scrollbar-gutter: stable both-edges;
}

.tara-shopops-program-dialog-table[b-kzfhqjfr1y] {
    width: 100%;
    min-width: 840px;
    border-collapse: separate;
    border-spacing: 0;
}

.tara-shopops-program-dialog-table thead th[b-kzfhqjfr1y] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: .9rem .95rem;
    text-align: left;
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    border-bottom: 1px solid var(--tara-border);
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tara-shopops-program-dialog-table tbody td[b-kzfhqjfr1y] {
    padding: .85rem .95rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    color: var(--tara-text);
    vertical-align: middle;
}

.tara-shopops-program-dialog-table tbody tr:nth-child(odd)[b-kzfhqjfr1y] {
    background: var(--tara-row-odd);
}

.tara-shopops-program-dialog-table tbody tr:nth-child(even)[b-kzfhqjfr1y] {
    background: var(--tara-row-even);
}

.tara-shopops-program-dialog-row[b-kzfhqjfr1y] {
    cursor: pointer;
    transition: background-color .16s ease, box-shadow .16s ease;
}

.tara-shopops-program-dialog-row:hover[b-kzfhqjfr1y] {
    background: var(--tara-row-hover);
}

.tara-shopops-program-dialog-row--selected[b-kzfhqjfr1y] {
    box-shadow: inset 3px 0 0 var(--tara-primary-dark);
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
}

.tara-shopops-program-dialog-mobile-list[b-kzfhqjfr1y] {
    display: none;
    gap: .75rem;
}

.tara-shopops-program-dialog-mobile-card[b-kzfhqjfr1y] {
    display: grid;
    gap: .75rem;
    padding: .95rem;
}

.tara-shopops-program-dialog-mobile-card--selected[b-kzfhqjfr1y] {
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
}

.tara-shopops-program-dialog-mobile-head[b-kzfhqjfr1y] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.tara-shopops-program-dialog-mobile-head span[b-kzfhqjfr1y] {
    display: block;
    margin-top: .18rem;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-shopops-program-dialog-editor[b-kzfhqjfr1y] {
    padding: 1rem;
    align-self: start;
    position: sticky;
    top: 0;
}

.tara-shopops-program-dialog-form[b-kzfhqjfr1y] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    align-items: center;
}

.tara-shopops-program-dialog-form > :first-child[b-kzfhqjfr1y],
.tara-shopops-program-dialog-form > :last-child[b-kzfhqjfr1y] {
    grid-column: 1 / -1;
}

.tara-shopops-program-dialog-empty[b-kzfhqjfr1y] {
    place-items: center;
    text-align: center;
    padding: 1.35rem;
}

.tara-shopops-program-dialog-empty strong[b-kzfhqjfr1y] {
    color: var(--tara-text);
}

.tara-shopops-program-dialog-empty--inline[b-kzfhqjfr1y] {
    min-height: 180px;
    box-shadow: none;
}

.tara-shopops-program-dialog-footer[b-kzfhqjfr1y] {
    width: 100%;
    justify-content: flex-end;
}

@media (max-width: 1180px) {
    .tara-shopops-program-dialog-workspace[b-kzfhqjfr1y],
    .tara-shopops-program-dialog-meta[b-kzfhqjfr1y],
    .tara-shopops-program-dialog-form[b-kzfhqjfr1y] {
        grid-template-columns: 1fr;
    }

    .tara-shopops-program-dialog-editor[b-kzfhqjfr1y] {
        position: static;
    }
}

@media (max-width: 760px) {
    [b-kzfhqjfr1y] .tara-shopops-program-dialog {
        width: calc(100vw - 1rem);
    }

    .tara-shopops-program-dialog-table-wrap[b-kzfhqjfr1y] {
        display: none;
    }

    .tara-shopops-program-dialog-mobile-list[b-kzfhqjfr1y] {
        display: grid;
    }

    .tara-shopops-program-dialog-title[b-kzfhqjfr1y],
    .tara-shopops-program-dialog-toolbar[b-kzfhqjfr1y],
    .tara-shopops-program-dialog-mobile-head[b-kzfhqjfr1y],
    .tara-shopops-program-dialog-footer[b-kzfhqjfr1y] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-shopops-program-dialog-toolbar-actions[b-kzfhqjfr1y] {
        justify-content: stretch;
    }

    .tara-shopops-program-dialog-toolbar-actions[b-kzfhqjfr1y]  .mud-button-root,
    .tara-shopops-program-dialog-footer[b-kzfhqjfr1y]  .mud-button-root {
        width: 100%;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Shopify/ShopifyOperaciones.razor.rz.scp.css */
/* Administración Shopify: configuración explícita, supervisión independiente. */
.tara-shopops-console-bar[b-e5g7njuu28] {
    grid-template-columns: auto minmax(220px, 1fr);
}

.tara-shopops-automatic-control[b-e5g7njuu28] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-shopops-global-control[b-e5g7njuu28] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-shopops-global-control > .tara-shopops-eyebrow[b-e5g7njuu28] {
    display: block;
    padding: .58rem .72rem;
    border-bottom: 1px solid var(--tara-border);
}

.tara-shopops-global-control-body[b-e5g7njuu28] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(7rem, auto);
    align-items: center;
    gap: .72rem;
    min-width: 0;
    padding: .72rem;
}

.tara-shopops-global-control-copy[b-e5g7njuu28] {
    display: grid;
    gap: .32rem;
    min-width: 0;
}

.tara-shopops-global-control-help[b-e5g7njuu28],
.tara-shopops-global-control-note[b-e5g7njuu28] {
    color: var(--tara-text-muted);
    font-size: .76rem;
    line-height: 1.3;
}

.tara-shopops-global-control-switch[b-e5g7njuu28] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

.tara-shopops-global-control-switch[b-e5g7njuu28]  .mud-input-control {
    margin: 0;
}

.tara-shopops-global-control-status[b-e5g7njuu28] {
    display: grid;
    gap: .18rem;
    color: var(--tara-text);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .05em;
    line-height: 1.2;
    text-align: right;
}

.tara-shopops-control-mode-label[b-e5g7njuu28] {
    color: var(--tara-text-muted);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tara-shopops-global-control-status strong[b-e5g7njuu28] {
    color: var(--tara-text);
    font-size: .92rem;
}

.tara-shopops-global-control-note[b-e5g7njuu28] {
    padding: 0 .72rem .72rem;
}

.tara-shopops-automatic-control > .tara-shopops-eyebrow[b-e5g7njuu28] {
    display: block;
    padding: .58rem .72rem;
    border-bottom: 1px solid var(--tara-border);
}

.tara-shopops-control-global-block[b-e5g7njuu28] {
    padding: .58rem .72rem;
    border-bottom: 1px solid var(--tara-border);
    color: var(--tara-text-muted);
    font-size: .76rem;
    font-weight: 800;
}

.tara-shopops-control-grid[b-e5g7njuu28] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.tara-shopops-control-item[b-e5g7njuu28] {
    display: flex;
    flex-direction: column;
    gap: .58rem;
    min-width: 0;
    padding: .72rem;
}

.tara-shopops-control-item + .tara-shopops-control-item[b-e5g7njuu28] {
    border-left: 1px solid var(--tara-border);
}

.tara-shopops-control-name[b-e5g7njuu28] {
    min-width: 0;
    color: var(--tara-text);
    font-size: .9rem;
    font-weight: 800;
    line-height: 1.25;
}

.tara-shopops-control-switch[b-e5g7njuu28] {
    display: flex;
    align-items: center;
    min-height: 2.5rem;
    min-width: 0;
}

.tara-shopops-control-switch[b-e5g7njuu28]  .mud-input-control {
    margin: 0;
}

.tara-shopops-control-status[b-e5g7njuu28] {
    display: flex;
    align-items: center;
    min-height: 1.45rem;
    min-width: 0;
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .04em;
    line-height: 1.2;
    text-transform: uppercase;
    white-space: normal;
}

.tara-shopops-instrument[b-e5g7njuu28] { gap: .65rem; padding: .75rem; }
.tara-shopops-instrument strong[b-e5g7njuu28] { font-size: .98rem; font-weight: 900; }
.tara-shopops-instrument small[b-e5g7njuu28] { display: block; max-height: 2.7em; overflow: hidden; font-size: .76rem; line-height: 1.3; }
.tara-shopops-hmi-testigos[b-e5g7njuu28] { border-left: 3px solid var(--tara-primary); padding-left: .45rem; }
.tara-shopops-testigo[b-e5g7njuu28] { font-weight: 800; box-shadow: 0 0 0 1px var(--tara-border); }
.tara-shopops-cofre-toggle[b-e5g7njuu28] { min-height: 3.15rem; }
.tara-shopops-cofre-toggle > span[b-e5g7njuu28] { font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.tara-shopops-cofre-content + .tara-shopops-investigate[b-e5g7njuu28] { margin-top: .5rem; }
.tara-shopops-global-capacity[b-e5g7njuu28] { display:grid; gap:.45rem; margin:0 0 .65rem; padding:.7rem; border:1px solid var(--tara-border); border-left:3px solid var(--tara-primary); border-radius:var(--tara-radius-sm); background:var(--tara-surface); }
.tara-shopops-global-capacity > div:first-child[b-e5g7njuu28] { display:flex; justify-content:space-between; gap:.6rem; }
.tara-shopops-global-capacity span[b-e5g7njuu28] { color:var(--tara-text-muted); font-size:.76rem; font-weight:800; }
.tara-shopops-global-capacity strong[b-e5g7njuu28] { color:var(--tara-text); font-size:.9rem; }
.tara-shopops-global-capacity small[b-e5g7njuu28] { color:var(--tara-text-muted); }
.tara-shopops-global-capacity-grid[b-e5g7njuu28] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.35rem .7rem; }
.tara-shopops-global-capacity-grid span[b-e5g7njuu28] { display:flex; justify-content:space-between; gap:.35rem; border-top:1px solid var(--tara-border); padding-top:.3rem; }
.tara-shopops-global-capacity-grid b[b-e5g7njuu28] { color:var(--tara-text); }
@media (max-width:760px){.tara-shopops-global-capacity-grid[b-e5g7njuu28]{grid-template-columns:1fr;}}

.tara-shopops-instruments[b-e5g7njuu28] {
    gap: 0;
    overflow: hidden;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-shopops-instrument[b-e5g7njuu28] {
    border: 0;
    border-right: 1px solid var(--tara-border);
    border-radius: 0;
}

.tara-shopops-instrument:last-child[b-e5g7njuu28] { border-right: 0; }

.tara-shopops-instrument .tara-shopops-semaphore[b-e5g7njuu28] {
    width: .72rem;
    height: .72rem;
    margin-top: .18rem;
    box-shadow: 0 0 0 .18rem color-mix(in srgb, var(--tara-text-muted) 14%, transparent);
}

.tara-shopops-tone--correct .tara-shopops-semaphore[b-e5g7njuu28] { box-shadow: 0 0 0 .18rem color-mix(in srgb, var(--tara-success) 16%, transparent); }
.tara-shopops-tone--pending .tara-shopops-semaphore[b-e5g7njuu28] { box-shadow: 0 0 0 .18rem color-mix(in srgb, var(--tara-warning) 16%, transparent); }
.tara-shopops-tone--urgent .tara-shopops-semaphore[b-e5g7njuu28] { box-shadow: 0 0 0 .18rem color-mix(in srgb, var(--tara-primary) 16%, transparent); }

.tara-shopops-investigate-head[b-e5g7njuu28] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: .7rem;
}

@media (max-width: 1024px) {
    .tara-shopops-console-bar[b-e5g7njuu28] { grid-template-columns: auto minmax(0, 1fr); }
    .tara-shopops-instrument:nth-child(2)[b-e5g7njuu28] { border-right: 0; }
    .tara-shopops-instrument:nth-child(-n+2)[b-e5g7njuu28] { border-bottom: 1px solid var(--tara-border); }
}

@media (max-width: 760px) {
    .tara-shopops-global-control-body[b-e5g7njuu28] {
        grid-template-columns: 1fr;
        align-items: start;
    }
    .tara-shopops-global-control-switch[b-e5g7njuu28] {
        justify-content: flex-start;
    }
    .tara-shopops-global-control-status[b-e5g7njuu28] {
        text-align: left;
    }
    .tara-shopops-control-grid[b-e5g7njuu28] { grid-template-columns: 1fr; }
    .tara-shopops-control-item + .tara-shopops-control-item[b-e5g7njuu28] {
        border-left: 0;
        border-top: 1px solid var(--tara-border);
    }
    .tara-shopops-control-status[b-e5g7njuu28] { font-size: .68rem; }
}

@media (max-width: 760px) {
    .tara-shopops-console-bar[b-e5g7njuu28] { grid-template-columns: 1fr; }
    .tara-shopops-instrument[b-e5g7njuu28] { border-right: 0; border-bottom: 1px solid var(--tara-border); }
    .tara-shopops-instrument:last-child[b-e5g7njuu28] { border-bottom: 0; }
    .tara-shopops-investigate-head[b-e5g7njuu28] { align-items: stretch; flex-direction: column; }
}

.tara-shopops-eyebrow[b-e5g7njuu28],
.tara-shopops-instrument > div > span[b-e5g7njuu28] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tara-shopops-semaphore[b-e5g7njuu28] {
    width: .78rem;
    height: .78rem;
    border-radius: 50%;
    background: var(--tara-text-muted);
    box-shadow: 0 0 0 .24rem color-mix(in srgb, var(--tara-text-muted) 14%, transparent);
}

.tara-shopops-tone--correct .tara-shopops-semaphore[b-e5g7njuu28] { background: var(--tara-success); box-shadow: 0 0 0 .24rem color-mix(in srgb, var(--tara-success) 14%, transparent); }
.tara-shopops-tone--pending .tara-shopops-semaphore[b-e5g7njuu28] { background: var(--tara-warning); box-shadow: 0 0 0 .24rem color-mix(in srgb, var(--tara-warning) 14%, transparent); }
.tara-shopops-tone--urgent .tara-shopops-semaphore[b-e5g7njuu28] { background: var(--tara-primary); box-shadow: 0 0 0 .24rem color-mix(in srgb, var(--tara-primary) 14%, transparent); }

.tara-shopops-instrument > div[b-e5g7njuu28],
.tara-shopops-investigate-head[b-e5g7njuu28] {
    display: grid;
    gap: .28rem;
    min-width: 0;
}

.tara-shopops-investigate h2[b-e5g7njuu28] {
    margin: 0;
}

.tara-shopops-investigate h2[b-e5g7njuu28] {
    color: var(--tara-text);
    font-size: 1.05rem;
    font-weight: 900;
    letter-spacing: .015em;
}

.tara-shopops-instrument small[b-e5g7njuu28] { color: var(--tara-text-muted); font-size: .82rem; line-height: 1.35; }

.tara-shopops-instruments[b-e5g7njuu28] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .5rem;
}

.tara-shopops-instrument[b-e5g7njuu28] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .55rem;
    min-width: 0;
    padding: .65rem .7rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-shopops-instrument strong[b-e5g7njuu28] { color: var(--tara-text); font-size: .9rem; line-height: 1.25; }
.tara-shopops-instrument .tara-shopops-semaphore[b-e5g7njuu28] { width: .55rem; height: .55rem; margin-top: .25rem; box-shadow: none; }

.tara-shopops-investigate[b-e5g7njuu28] {
    min-width: 0;
    padding: .65rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-shopops-investigate-head[b-e5g7njuu28] { margin: .05rem .15rem .4rem; }
.tara-shopops-investigate[b-e5g7njuu28]  .mud-tabs-toolbar { min-height: 2.6rem; border-bottom: 1px solid var(--tara-border); }
.tara-shopops-investigate[b-e5g7njuu28]  .mud-tab { min-height: 2.6rem; color: var(--tara-text-muted); font-weight: 700; }
.tara-shopops-investigate[b-e5g7njuu28]  .mud-tab.mud-tab-active { color: var(--tara-primary-dark); }
.tara-shopops-investigate[b-e5g7njuu28]  .mud-tabs-panels { padding: .55rem 0 0; }
.tara-shopops-investigate[b-e5g7njuu28]  .tdg-table-scroll { max-height: clamp(240px, calc(100vh - 440px), 470px); }
.tara-shopops-investigate[b-e5g7njuu28]  .tdg-toolbar { min-height: 2.4rem; }
.tara-shopops-investigate[b-e5g7njuu28]  .tdg-table th,
.tara-shopops-investigate[b-e5g7njuu28]  .tdg-table td { padding-top: .42rem; padding-bottom: .42rem; font-size: .82rem; }

@media (max-width: 1024px) {
    .tara-shopops-instruments[b-e5g7njuu28] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .tara-shopops-instruments[b-e5g7njuu28] { grid-template-columns: 1fr; }
    .tara-shopops-console-actions[b-e5g7njuu28] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tara-shopops-investigate[b-e5g7njuu28] { padding: .5rem; }
    .tara-shopops-investigate[b-e5g7njuu28]  .tdg-table-scroll { max-height: none; }
}

.tara-shopops-page[b-e5g7njuu28] {
    display: grid;
    align-content: start;
    gap: .55rem;
    max-width: none;
}

.tara-shopops-console-bar[b-e5g7njuu28] {
    display: grid;
    grid-template-columns: auto minmax(220px, 1.35fr) repeat(3, minmax(130px, 1fr));
    align-items: center;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    min-height: 3.25rem;
    border: 1px solid var(--tara-border);
    border-left: 3px solid var(--tara-primary);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    color: var(--tara-text);
    overflow: hidden;
}

.tara-shopops-console-title[b-e5g7njuu28] {
    min-height: 3.25rem;
    padding: 0 .85rem;
    border: 0;
    border-right: 1px solid var(--tara-border);
    background: transparent;
    color: var(--tara-text);
    font: inherit;
    font-weight: 800;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
}

.tara-shopops-console-context[b-e5g7njuu28] {
    display: grid;
    gap: .1rem;
    min-width: 0;
    padding: .38rem .7rem;
    border-right: 1px solid var(--tara-border);
}

.tara-shopops-console-context > span[b-e5g7njuu28] {
    color: var(--tara-text-muted);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.tara-shopops-console-context[b-e5g7njuu28]  .mud-input-control,
.tara-shopops-console-context[b-e5g7njuu28]  .mud-input-root {
    margin: 0;
}

.tara-shopops-console-actions[b-e5g7njuu28] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
    min-height: 2.75rem;
    width: 100%;
    min-width: 0;
}

.tara-shopops-console-actions[b-e5g7njuu28]  .mud-button-root {
    min-height: 2.75rem;
}

.tara-shopops-cofre[b-e5g7njuu28] {
    width: 100%;
    min-width: 0;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-shopops-cofre-toggle[b-e5g7njuu28] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    width: 100%;
    min-height: 2.75rem;
    padding: .58rem .72rem;
    border: 0;
    background: transparent;
    color: var(--tara-text);
    cursor: pointer;
    font-weight: 800;
    text-align: left;
}

.tara-shopops-cofre-toggle > strong[b-e5g7njuu28] {
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-shopops-console-section[b-e5g7njuu28] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-shopops-console-section[b-e5g7njuu28] {
    padding: .65rem;
}

.tara-shopops-console-section[b-e5g7njuu28]  .tdg-shell {
    gap: .4rem;
}

.tara-shopops-console-section[b-e5g7njuu28]  .tdg-toolbar {
    min-height: 2.25rem;
}

.tara-shopops-console-section[b-e5g7njuu28]  .tdg-table-scroll {
    max-height: clamp(150px, 20vh, 280px);
}

.tara-shopops-console-section[b-e5g7njuu28]  .tdg-table th,
.tara-shopops-console-section[b-e5g7njuu28]  .tdg-table td {
    padding-top: .4rem;
    padding-bottom: .4rem;
    font-size: .82rem;
}

.tara-shopops-console-filter[b-e5g7njuu28] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem .7rem;
    margin-bottom: .45rem;
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-shopops-console-filter[b-e5g7njuu28]  .mud-button-root {
    min-height: 2.4rem;
}

.tara-shopops-console-empty[b-e5g7njuu28] {
    padding: .8rem;
    border: 1px dashed var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
    color: var(--tara-text-muted);
    font-size: .88rem;
}

.tara-shopops-console-diagnostic[b-e5g7njuu28] {
    padding: 0;
    overflow: hidden;
}

.tara-shopops-console-diagnostic-toggle[b-e5g7njuu28] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 2.75rem;
    padding: .45rem .7rem;
    border: 0;
    background: var(--tara-surface-raised);
    color: var(--tara-text);
    font: inherit;
    cursor: pointer;
}

.tara-shopops-console-diagnostic-toggle strong[b-e5g7njuu28] {
    color: var(--tara-primary-dark);
    font-size: .88rem;
}

.tara-shopops-console-diagnostic-grid[b-e5g7njuu28] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
}

.tara-shopops-console-diagnostic-grid > div[b-e5g7njuu28] {
    display: grid;
    gap: .12rem;
    min-width: 0;
    padding: .55rem .7rem;
    border-top: 1px solid var(--tara-border);
    border-right: 1px solid var(--tara-border);
}

.tara-shopops-console-diagnostic-grid dt[b-e5g7njuu28],
.tara-shopops-console-diagnostic-grid dd[b-e5g7njuu28] {
    margin: 0;
}

.tara-shopops-console-diagnostic-grid dt[b-e5g7njuu28] {
    color: var(--tara-text-muted);
    font-size: .82rem;
    font-weight: 700;
}

.tara-shopops-console-diagnostic-grid dd[b-e5g7njuu28] {
    overflow: hidden;
    color: var(--tara-text);
    font-size: .88rem;
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1280px) {
    .tara-shopops-console-bar[b-e5g7njuu28] {
        grid-template-columns: auto minmax(190px, 1fr) repeat(3, minmax(110px, 1fr));
    }

    .tara-shopops-console-diagnostic-grid[b-e5g7njuu28] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .tara-shopops-console-bar[b-e5g7njuu28] {
        grid-template-columns: auto minmax(220px, 1fr) repeat(2, minmax(130px, 1fr));
    }

}

@media (max-width: 760px) {
    .tara-shopops-page[b-e5g7njuu28] {
        gap: .5rem;
    }

    .tara-shopops-console-bar[b-e5g7njuu28] {
        grid-template-columns: 1fr;
        overflow: visible;
    }

    .tara-shopops-console-title[b-e5g7njuu28],
    .tara-shopops-console-context[b-e5g7njuu28] {
        grid-column: auto;
        border-right: 0;
        border-bottom: 1px solid var(--tara-border);
    }

    .tara-shopops-console-actions[b-e5g7njuu28] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-shopops-console-actions[b-e5g7njuu28]  .mud-button-root {
        width: 100%;
        min-width: 0;
        white-space: normal;
    }

    .tara-shopops-console-section[b-e5g7njuu28]  .tdg-table-scroll {
        max-height: none;
    }

    .tara-shopops-console-diagnostic-grid[b-e5g7njuu28] {
        grid-template-columns: 1fr;
    }

    .tara-shopops-console-diagnostic-grid > div[b-e5g7njuu28] {
        border-right: 0;
    }
}

/* Overrides finales de la consola administrativa. */
.tara-shopops-console-bar[b-e5g7njuu28] { grid-template-columns: auto minmax(220px, 1fr); }

@media (max-width: 1280px) {
    .tara-shopops-console-bar[b-e5g7njuu28] { grid-template-columns: auto minmax(0, 1fr); }
}

@media (max-width: 760px) {
    .tara-shopops-console-bar[b-e5g7njuu28] { grid-template-columns: 1fr; }
}

.tara-shopops-instruments[b-e5g7njuu28] {
    gap: 0;
    overflow: hidden;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-shopops-instrument[b-e5g7njuu28] {
    border: 0;
    border-right: 1px solid var(--tara-border);
    border-radius: 0;
}

.tara-shopops-instrument:last-child[b-e5g7njuu28] { border-right: 0; }

.tara-shopops-instrument .tara-shopops-semaphore[b-e5g7njuu28] {
    width: .78rem;
    height: .78rem;
    margin-top: .18rem;
    box-shadow: 0 0 0 .24rem color-mix(in srgb, var(--tara-text-muted) 14%, transparent);
}

.tara-shopops-tone--correct .tara-shopops-semaphore[b-e5g7njuu28] { box-shadow: 0 0 0 .24rem color-mix(in srgb, var(--tara-success) 14%, transparent); }
.tara-shopops-tone--pending .tara-shopops-semaphore[b-e5g7njuu28] { box-shadow: 0 0 0 .24rem color-mix(in srgb, var(--tara-warning) 14%, transparent); }
.tara-shopops-tone--urgent .tara-shopops-semaphore[b-e5g7njuu28] { box-shadow: 0 0 0 .24rem color-mix(in srgb, var(--tara-primary) 14%, transparent); }

@media (max-width: 1024px) {
    .tara-shopops-instrument:nth-child(2)[b-e5g7njuu28] { border-right: 0; }
    .tara-shopops-instrument:nth-child(-n+2)[b-e5g7njuu28] { border-bottom: 1px solid var(--tara-border); }
}

@media (max-width: 760px) {
    .tara-shopops-instrument[b-e5g7njuu28] { border-right: 0; border-bottom: 1px solid var(--tara-border); }
    .tara-shopops-instrument:last-child[b-e5g7njuu28] { border-bottom: 0; }
}

/* T001 — Base HMI encapsulada. Estas regiones no se enlazan al markup hasta los tickets posteriores. */
.tara-shopops-hmi-context[b-e5g7njuu28],
.tara-shopops-hmi-controls[b-e5g7njuu28],
.tara-shopops-hmi-indicators[b-e5g7njuu28],
.tara-shopops-hmi-testigos[b-e5g7njuu28],
.tara-shopops-hmi-actions[b-e5g7njuu28],
.tara-shopops-hmi-cofre[b-e5g7njuu28] {
    box-sizing: border-box;
    min-width: 0;
}

.tara-shopops-hmi-context[b-e5g7njuu28] {
    color: var(--tara-text);
}

.tara-shopops-hmi-controls[b-e5g7njuu28],
.tara-shopops-hmi-indicators[b-e5g7njuu28],
.tara-shopops-hmi-testigos[b-e5g7njuu28],
.tara-shopops-hmi-actions[b-e5g7njuu28],
.tara-shopops-hmi-cofre[b-e5g7njuu28] {
    color: var(--tara-text);
}

.tara-shopops-hmi-context > *[b-e5g7njuu28],
.tara-shopops-hmi-controls > *[b-e5g7njuu28],
.tara-shopops-hmi-indicators > *[b-e5g7njuu28],
.tara-shopops-hmi-testigos > *[b-e5g7njuu28],
.tara-shopops-hmi-actions > *[b-e5g7njuu28],
.tara-shopops-hmi-cofre > *[b-e5g7njuu28] {
    min-width: 0;
}

/* T010 — Testigos condicionales e independientes. */
.tara-shopops-hmi-indicators[b-e5g7njuu28] { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.tara-shopops-hmi-testigos[b-e5g7njuu28] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
    gap: .5rem;
}

.tara-shopops-testigo[b-e5g7njuu28] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .2rem .75rem;
    align-items: center;
    padding: .58rem .72rem;
    border: 1px solid var(--tara-border);
    border-left: .25rem solid var(--tara-primary);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
}

.tara-shopops-testigo > span[b-e5g7njuu28] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tara-shopops-testigo > strong[b-e5g7njuu28] { color: var(--tara-text); font-size: .9rem; }

.tara-shopops-testigo > small[b-e5g7njuu28] {
    grid-row: 1 / span 2;
    grid-column: 2;
    color: var(--tara-text);
    font-size: 1.1rem;
    font-weight: 800;
}

@media (max-width: 1024px) {
    .tara-shopops-hmi-indicators[b-e5g7njuu28] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .tara-shopops-hmi-indicators[b-e5g7njuu28] { grid-template-columns: 1fr; }
}

/* UX-P3 — Estados visuales universales HMI.
   Verde=ON/correcto, gris=OFF/inactivo, amarillo=espera/no comprobable,
   azul=guardando/procesando, rojo=error/alarma. */
.tara-shopops-state--on[b-e5g7njuu28] {
    --shopops-state-color: var(--tara-success);
    --shopops-state-surface: color-mix(in srgb, var(--tara-success) 18%, transparent);
}

.tara-shopops-state--off[b-e5g7njuu28] {
    --shopops-state-color: var(--tara-text-muted);
    --shopops-state-surface: color-mix(in srgb, var(--tara-text-muted) 22%, transparent);
}

.tara-shopops-state--reading[b-e5g7njuu28],
.tara-shopops-state--unknown[b-e5g7njuu28] {
    --shopops-state-color: var(--tara-warning);
    --shopops-state-surface: color-mix(in srgb, var(--tara-warning) 20%, transparent);
}

.tara-shopops-state--saving[b-e5g7njuu28] {
    --shopops-state-color: var(--tara-info);
    --shopops-state-surface: color-mix(in srgb, var(--tara-info) 18%, transparent);
}

.tara-shopops-state--error[b-e5g7njuu28] {
    --shopops-state-color: var(--tara-primary);
    --shopops-state-surface: color-mix(in srgb, var(--tara-primary) 18%, transparent);
}

.tara-shopops-global-control-status strong[b-e5g7njuu28],
.tara-shopops-control-status[b-e5g7njuu28] {
    color: var(--shopops-state-color, var(--tara-text-muted));
}

.tara-shopops-state--on[b-e5g7njuu28]  .mud-switch-base.mud-checked,
.tara-shopops-state--off[b-e5g7njuu28]  .mud-switch-base,
.tara-shopops-state--reading[b-e5g7njuu28]  .mud-switch-base,
.tara-shopops-state--unknown[b-e5g7njuu28]  .mud-switch-base,
.tara-shopops-state--saving[b-e5g7njuu28]  .mud-switch-base,
.tara-shopops-state--error[b-e5g7njuu28]  .mud-switch-base {
    color: var(--shopops-state-color) !important;
}

.tara-shopops-state--on[b-e5g7njuu28]  .mud-switch-track,
.tara-shopops-state--off[b-e5g7njuu28]  .mud-switch-track,
.tara-shopops-state--reading[b-e5g7njuu28]  .mud-switch-track,
.tara-shopops-state--unknown[b-e5g7njuu28]  .mud-switch-track,
.tara-shopops-state--saving[b-e5g7njuu28]  .mud-switch-track,
.tara-shopops-state--error[b-e5g7njuu28]  .mud-switch-track {
    background-color: var(--shopops-state-surface) !important;
    opacity: 1 !important;
}

.tara-shopops-state--on[b-e5g7njuu28]  .mud-switch-base.mud-checked + .mud-switch-track,
.tara-shopops-state--reading[b-e5g7njuu28]  .mud-switch-base + .mud-switch-track,
.tara-shopops-state--unknown[b-e5g7njuu28]  .mud-switch-base + .mud-switch-track,
.tara-shopops-state--saving[b-e5g7njuu28]  .mud-switch-base + .mud-switch-track,
.tara-shopops-state--error[b-e5g7njuu28]  .mud-switch-base + .mud-switch-track {
    background-color: var(--shopops-state-surface) !important;
}

.tara-shopops-tone--muted .tara-shopops-semaphore[b-e5g7njuu28] {
    background: var(--tara-text-muted);
    box-shadow: 0 0 0 .24rem color-mix(in srgb, var(--tara-text-muted) 14%, transparent);
}

.tara-shopops-tone--information .tara-shopops-semaphore[b-e5g7njuu28],
.tara-shopops-tone--pending .tara-shopops-semaphore[b-e5g7njuu28] {
    background: var(--tara-warning);
    box-shadow: 0 0 0 .24rem color-mix(in srgb, var(--tara-warning) 16%, transparent);
}

.tara-shopops-tone--correct .tara-shopops-semaphore[b-e5g7njuu28] {
    background: var(--tara-success);
    box-shadow: 0 0 0 .24rem color-mix(in srgb, var(--tara-success) 14%, transparent);
}

.tara-shopops-tone--urgent .tara-shopops-semaphore[b-e5g7njuu28] {
    background: var(--tara-primary);
    box-shadow: 0 0 0 .24rem color-mix(in srgb, var(--tara-primary) 16%, transparent);
}

.tara-shopops-testigo--warning[b-e5g7njuu28] {
    border-left-color: var(--tara-warning);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--tara-warning) 18%, transparent);
}

.tara-shopops-testigo--warning > small[b-e5g7njuu28] {
    color: var(--tara-warning);
}

.tara-shopops-testigo--critical[b-e5g7njuu28] {
    border-left-color: var(--tara-primary);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--tara-primary) 18%, transparent);
}

.tara-shopops-testigo--critical > small[b-e5g7njuu28] {
    color: var(--tara-primary);
}

.tara-shopops-loading[b-e5g7njuu28],
.tara-shopops-empty[b-e5g7njuu28],
.tara-shopops-empty-inline[b-e5g7njuu28],
.tara-shopops-console-empty[b-e5g7njuu28] {
    color: var(--tara-text-muted);
}

.tara-shopops-alert[b-e5g7njuu28] {
    margin: 0;
}

.tara-shopops-page button:focus-visible[b-e5g7njuu28],
.tara-shopops-page[b-e5g7njuu28]  .mud-button-root:focus-visible,
.tara-shopops-page[b-e5g7njuu28]  input:focus-visible {
    outline: 3px solid var(--tara-primary);
    outline-offset: 3px;
}

.tara-shopops-panel-head[b-e5g7njuu28],
.tara-shopops-investigate-head > div[b-e5g7njuu28] {
    display: grid;
    gap: .2rem;
}

.tara-shopops-panel-head h1[b-e5g7njuu28],
.tara-shopops-panel-head p[b-e5g7njuu28] {
    margin: 0;
}

.tara-shopops-section-kicker[b-e5g7njuu28] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tara-shopops-incident-list[b-e5g7njuu28] {
    display: grid;
    gap: .5rem;
}

.tara-shopops-incident-card[b-e5g7njuu28] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: .75rem;
    padding: .65rem .7rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
}

.tara-shopops-incident-copy[b-e5g7njuu28] {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.tara-shopops-incident-copy p[b-e5g7njuu28] {
    margin: 0;
    color: var(--tara-text-muted);
}

.tara-shopops-incident-tag[b-e5g7njuu28] {
    flex: 0 0 auto;
    color: var(--tara-text-muted);
    font-size: .82rem;
    font-weight: 800;
}
/* _content/Raramuri.blzr/Components/Pages/Ventas/PosCarritoMobile.razor.rz.scp.css */
/* ─── PosCarritoMobile — CSS isolation ───────────────────────────────────────
   Regla crítica: NO declarar --tara-* aquí. Consumir tokens del global.
   Tarjeta POS compacta: foto + nombre + total arriba, talla/precio como texto
   secundario, cantidad + acciones abajo cerca una de la otra. Sin DataLabels.
   ───────────────────────────────────────────────────────────────────────── */

.tara-pcm-list[b-a1rzjmz33f] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.tara-pcm-card[b-a1rzjmz33f] {
    display: flex;
    gap: .65rem;
    padding: .65rem;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
}

.tara-pcm-card--grupo[b-a1rzjmz33f] {
    cursor: pointer;
}

@keyframes tara-pcm-row-nueva-b-a1rzjmz33f {
    0%   { background-color: color-mix(in srgb, var(--tara-success) 16%, transparent); }
    100% { background-color: transparent; }
}
.tara-pcm-card--nuevo[b-a1rzjmz33f] { animation: tara-pcm-row-nueva-b-a1rzjmz33f 700ms ease-out; }

/* ── Foto ─────────────────────────────────────────────────────────────── */
.tara-pcm-foto[b-a1rzjmz33f] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    overflow: hidden;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
    transition: border-color .15s, box-shadow .15s;
}
.tara-pcm-foto:hover[b-a1rzjmz33f],
.tara-pcm-foto:focus-visible[b-a1rzjmz33f] {
    border-color: var(--tara-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 25%, transparent);
    outline: none;
}
.tara-pcm-foto img[b-a1rzjmz33f] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
[b-a1rzjmz33f] .tara-pcm-foto__fallback.mud-icon-root {
    font-size: 1.5rem;
    color: var(--tara-border);
}

/* ── Cuerpo ───────────────────────────────────────────────────────────── */
.tara-pcm-body[b-a1rzjmz33f] {
    flex: 1 1 0%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.tara-pcm-toprow[b-a1rzjmz33f] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .5rem;
}

.tara-pcm-titles[b-a1rzjmz33f] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.tara-pcm-nombre[b-a1rzjmz33f] {
    color: var(--tara-text);
    font-size: .95rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.tara-pcm-badge-grupo[b-a1rzjmz33f] {
    font-weight: 500;
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-pcm-codigo[b-a1rzjmz33f] {
    color: var(--tara-text-muted);
    font-size: .76rem;
}

/* Total: visible arriba/derecha de la tarjeta, protagonista pero no gigante */
.tara-pcm-total[b-a1rzjmz33f] {
    flex-shrink: 0;
    color: var(--tara-text);
    font-weight: 700;
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* Precio + descuento: texto secundario, no columnas ni labels */
.tara-pcm-meta[b-a1rzjmz33f] {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-wrap: wrap;
}
.tara-pcm-talla[b-a1rzjmz33f] {
    color: var(--tara-text-muted);
    font-size: .82rem;
}
.tara-pcm-precio[b-a1rzjmz33f] {
    color: var(--tara-text-muted);
    font-size: .82rem;
}
.tara-pcm-talla[b-a1rzjmz33f]::after {
    content: "·";
    margin-left: .4rem;
    color: var(--tara-border);
}

.tara-pcm-tallas-chips[b-a1rzjmz33f] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    margin-top: .1rem;
}
.tara-pcm-talla-chip[b-a1rzjmz33f] {
    display: inline-flex;
    align-items: center;
    padding: .15rem .45rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    color: var(--tara-text);
    font-size: .74rem;
    font-weight: 500;
    white-space: nowrap;
}

.tara-pcm-chips[b-a1rzjmz33f] {
    display: flex;
    gap: .35rem;
    flex-wrap: wrap;
}

/* ── Footer: cantidad + acciones, juntas y cerca ─────────────────────── */
.tara-pcm-footer[b-a1rzjmz33f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-top: .2rem;
}

[b-a1rzjmz33f] .tara-pcm-qty.mud-input-control {
    max-width: 84px;
}
[b-a1rzjmz33f] .tara-pcm-qty input {
    text-align: center;
    font-weight: 600;
}

.tara-pcm-qty-grupo[b-a1rzjmz33f] {
    color: var(--tara-text-muted);
    font-size: .85rem;
    font-style: italic;
}

.tara-pcm-actions[b-a1rzjmz33f] {
    display: flex;
    gap: .35rem;
}

/* Touch targets ≥ 44px */
[b-a1rzjmz33f] .tara-pcm-actions .mud-icon-button,
[b-a1rzjmz33f] .tara-pcm-footer .mud-icon-button {
    min-width: 44px;
    min-height: 44px;
}
/* _content/Raramuri.blzr/Components/Pages/Ventas/PosCheckoutDialog.razor.rz.scp.css */
/* ─── PosCheckoutDialog — CSS isolation ───────────────────────────────────────
   Regla crítica: NO declarar --tara-* aquí.
   ─────────────────────────────────────────────────────────────────────────── */

/* ── Backdrop común con safe-area iOS (COPIADO — VentasNueva conserva el suyo
      porque todavía tiene el overlay de cámara) ───────────────────────────── */
.tara-overlay-backdrop[b-u081n6rfiz] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: max(1rem, env(safe-area-inset-top, 1rem))
             1rem
             max(1rem, env(safe-area-inset-bottom, 1rem))
             1rem;
}

/* ── Totales strip ───────────────────────────────────────────────────────────  */
.tara-pos-checkout-totales[b-u081n6rfiz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

/* ── Cards de totales — jerarquía visual POS ─────────────────────────────
   Base neutra + acento por borde izquierdo/color de texto según estado.
   Nunca fondo sólido de color (evita look "chillón"), solo tinte suave. ── */
.tara-pos-total-card[b-u081n6rfiz] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    padding: .9rem 1rem;
    border: 1px solid var(--tara-border);
    border-left: 4px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
}

.tara-pos-total-card__label[b-u081n6rfiz] {
    font-size: .78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--tara-text-muted);
}

.tara-pos-total-card__value[b-u081n6rfiz] {
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--tara-text);
    font-variant-numeric: tabular-nums;
}

/* Total venta — siempre acento rojo Tarahumara, es el número protagonista */
.tara-pos-total-card--venta[b-u081n6rfiz] {
    border-left-color: var(--tara-primary);
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface-raised));
}
.tara-pos-total-card--venta .tara-pos-total-card__value[b-u081n6rfiz] {
    color: var(--tara-primary-dark);
    font-size: 1.4rem;
}

/* Total pagos — neutro en $0, verde en cuanto hay monto capturado */
.tara-pos-total-card--neutro .tara-pos-total-card__value[b-u081n6rfiz] {
    color: var(--tara-text-muted);
}
.tara-pos-total-card--pagos-activo[b-u081n6rfiz] {
    border-left-color: var(--tara-success);
    background: color-mix(in srgb, var(--tara-success) 6%, var(--tara-surface-raised));
}
.tara-pos-total-card--pagos-activo .tara-pos-total-card__label[b-u081n6rfiz],
.tara-pos-total-card--pagos-activo .tara-pos-total-card__value[b-u081n6rfiz] {
    color: var(--tara-success);
}

/* Diferencia pendiente — ámbar, falta cubrir el total */
.tara-pos-total-card--diferencia-pendiente[b-u081n6rfiz] {
    border-left-color: var(--tara-warning);
    background: color-mix(in srgb, var(--tara-warning) 8%, var(--tara-surface-raised));
}
.tara-pos-total-card--diferencia-pendiente .tara-pos-total-card__label[b-u081n6rfiz],
.tara-pos-total-card--diferencia-pendiente .tara-pos-total-card__value[b-u081n6rfiz] {
    color: var(--tara-warning);
}
/* Fase 1 UX/UI: "Por pagar" es el dato más accionable de la franja de
   totales mientras haya saldo pendiente — mismo tamaño que Cambio (1.3rem)
   en vez del 1.15rem por defecto, para que no compita en igualdad visual
   con Total pagos (un dato derivado, no accionable). */
.tara-pos-total-card--diferencia-pendiente .tara-pos-total-card__value[b-u081n6rfiz] {
    font-size: 1.3rem;
}

/* Diferencia cubierta ($0, venta exactamente pagada) — verde discreto */
.tara-pos-total-card--diferencia-ok[b-u081n6rfiz] {
    border-left-color: var(--tara-success);
}
.tara-pos-total-card--diferencia-ok .tara-pos-total-card__label[b-u081n6rfiz],
.tara-pos-total-card--diferencia-ok .tara-pos-total-card__value[b-u081n6rfiz] {
    color: var(--tara-success);
}

/* Cambio — verde, siempre que haya sobrante en efectivo por regresar */
.tara-pos-total-card--cambio[b-u081n6rfiz] {
    border-left-color: var(--tara-success);
    background: color-mix(in srgb, var(--tara-success) 8%, var(--tara-surface-raised));
}
.tara-pos-total-card--cambio .tara-pos-total-card__label[b-u081n6rfiz],
.tara-pos-total-card--cambio .tara-pos-total-card__value[b-u081n6rfiz] {
    color: var(--tara-success);
}
.tara-pos-total-card--cambio .tara-pos-total-card__value[b-u081n6rfiz] {
    font-size: 1.3rem;
}

/* ── Vendedor + Documentos — layout 2 columnas ───────────────────────────── */
.tara-pos-checkout-v2grid[b-u081n6rfiz] {
    display: grid;
    grid-template-columns: minmax(260px, .9fr) minmax(0, 1.1fr);
    gap: 1rem;
    align-items: start;
}

/* ── Encabezado de la card "Documentos" (título + subtítulo + botón agregar) ─ */
.tara-pos-docs-header[b-u081n6rfiz] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    flex-wrap: wrap;
}
.tara-pos-docs-header__title[b-u081n6rfiz] {
    margin: 0 0 .25rem 0;
    color: var(--tara-text);
    font-size: 1rem;
}
.tara-pos-docs-header__subtitle[b-u081n6rfiz] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .88rem;
}

.tara-pos-docs-empty[b-u081n6rfiz] {
    padding: .85rem 0 0 0;
    color: var(--tara-text-muted);
    font-size: .88rem;
}

.tara-pos-docs-list[b-u081n6rfiz] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: .85rem;
}

/* ── Card individual de documento capturado ──────────────────────────────
   Reemplaza la fila de 5 columnas apretada por un layout en dos renglones:
   renglón 1 = Tipo + Folio (el folio recibe todo el espacio flexible
   disponible); renglón 2 = Monto (solo lectura) + Validar + Eliminar.
   Da espacio real a Folio sin depender del ancho de la columna padre. ──── */
.tara-pos-doc-card[b-u081n6rfiz] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    padding: .75rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
}

.tara-pos-docs-row[b-u081n6rfiz] {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: .6rem;
    align-items: start;
}

.tara-pos-docs-row-2[b-u081n6rfiz] {
    display: grid;
    grid-template-columns: 150px minmax(120px, 1fr) auto;
    gap: .6rem;
    align-items: start;
}

.tara-pos-doc-delete[b-u081n6rfiz] {
    /* Alinea el botón de eliminar con la altura del input (Outlined + Dense) */
    margin-top: .2rem;
    justify-self: end;
}

/* ── Mensaje de estado (Válido/Inválido) del documento ───────────────────
   Espacio propio, sin márgenes negativos, con wrap para mensajes largos
   del backend (p. ej. "Falta configuración de base de datos..."). ──────── */
.tara-pos-doc-estado[b-u081n6rfiz] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .3rem;
    padding: .5rem .65rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    font-size: .82rem;
    line-height: 1.35;
    word-break: break-word;
}
.tara-pos-doc-estado--valido[b-u081n6rfiz] {
    color: var(--tara-success);
    border-color: color-mix(in srgb, var(--tara-success) 35%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-success) 6%, var(--tara-surface));
}
.tara-pos-doc-estado--invalido[b-u081n6rfiz] {
    color: var(--tara-danger);
    border-color: color-mix(in srgb, var(--tara-danger) 35%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-danger) 6%, var(--tara-surface));
}
.tara-pos-doc-estado__label[b-u081n6rfiz] {
    font-weight: 700;
}

/* ── Header del modal (Fase 1 UX/UI — limpieza de inline obvios) ─────────── */
.tara-pos-checkout-header[b-u081n6rfiz] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--tara-border);
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}
.tara-pos-checkout-eyebrow[b-u081n6rfiz] {
    margin: 0;
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .82rem;
}
.tara-pos-checkout-title[b-u081n6rfiz] {
    margin: .2rem 0 0 0;
    color: var(--tara-text);
    font-size: 1.15rem;
}
.tara-pos-checkout-subtitle[b-u081n6rfiz] {
    margin: .35rem 0 0 0;
    color: var(--tara-text-muted);
    font-size: .88rem;
}

/* ── Caption de estado reutilizable (crédito/monedero/gift card/billetiza/
      factura) — reemplaza estilos inline sueltos con color condicional.
      Base = neutro/muted; --ok = estado válido/activo, SIEMPRE verde
      (nunca rojo — rojo queda reservado a marca/peligro). ────────────────── */
.tara-pos-caption[b-u081n6rfiz] {
    font-size: .82rem;
    color: var(--tara-text-muted);
}
.tara-pos-caption--ok[b-u081n6rfiz] {
    color: var(--tara-success);
}

/* ── Grid de formas de pago ──────────────────────────────────────────────── */
.tara-pos-pagos-grid[b-u081n6rfiz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

/* ── Tarjeta de forma de pago ────────────────────────────────────────────── */
.tara-pos-pago-card[b-u081n6rfiz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(100px, 140px);
    gap: .5rem;
    align-items: center;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding: .75rem;
    background: var(--tara-surface-raised);
    transition: border-color .15s, background .15s;
    outline: none;
}
.tara-pos-pago-card--activo[b-u081n6rfiz] {
    border-color: var(--tara-primary);
}
.tara-pos-pago-card--clickable[b-u081n6rfiz] {
    cursor: pointer;
}
.tara-pos-pago-card--clickable:hover[b-u081n6rfiz],
.tara-pos-pago-card--clickable:focus-visible[b-u081n6rfiz] {
    border-color: var(--tara-primary);
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface-raised));
}
.tara-pos-pago-hint[b-u081n6rfiz] {
    font-size: .75rem;
    color: var(--tara-text-muted);
    margin-top: .1rem;
}

/* ── Footer sticky cobrar ────────────────────────────────────────────────── */
.tara-pos-cobrar-sticky[b-u081n6rfiz] {
    position: sticky;
    bottom: 0;
    z-index: 10;
    background: var(--tara-surface);
    border-top: 1px solid var(--tara-border);
    margin-top: .75rem;
}

/* ── Grid CFDI / Facturación ─────────────────────────────────────────────── */
.tara-pos-checkout-factura[b-u081n6rfiz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

/* ── Tablet (≤900px) — Vendedor y Documentos pasan de 2 columnas a
      apilados; cada card recupera su ancho completo y el renglón de
      Monto/Validar/Eliminar dentro de Documentos ya no se aprieta. ──────── */
@media (max-width: 900px) {
    .tara-pos-checkout-v2grid[b-u081n6rfiz] { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    .tara-pos-checkout-totales[b-u081n6rfiz]   { grid-template-columns: 1fr; gap: .5rem; }
    .tara-pos-checkout-v2grid[b-u081n6rfiz]    { grid-template-columns: 1fr; }
    .tara-pos-docs-row[b-u081n6rfiz]           { grid-template-columns: 1fr; }
    .tara-pos-docs-row-2[b-u081n6rfiz]         { grid-template-columns: 1fr; }
    .tara-pos-doc-delete[b-u081n6rfiz]         { justify-self: stretch; margin-top: 0; }
    .tara-pos-pagos-grid[b-u081n6rfiz]         { grid-template-columns: 1fr; }
    .tara-pos-pago-card[b-u081n6rfiz]          { grid-template-columns: 1fr; }
    .tara-pos-checkout-factura[b-u081n6rfiz]   { grid-template-columns: 1fr; }

    /* Cards de totales en fila (label + valor) para no ocupar tanto alto */
    .tara-pos-total-card[b-u081n6rfiz] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: .55rem .8rem;
        gap: .5rem;
    }
    .tara-pos-total-card__value[b-u081n6rfiz] { font-size: 1rem; }
    .tara-pos-total-card--venta .tara-pos-total-card__value[b-u081n6rfiz],
    .tara-pos-total-card--cambio .tara-pos-total-card__value[b-u081n6rfiz] { font-size: 1.1rem; }
}
/* _content/Raramuri.blzr/Components/Pages/Ventas/PosDesgloseTallasDialog.razor.rz.scp.css */
/* ─── PosDesgloseTallasDialog — CSS isolation ────────────────────────────────
   Regla crítica: NO declarar --tara-* aquí.
   ─────────────────────────────────────────────────────────────────────────── */

.tara-overlay-backdrop[b-pc0wn8jsky] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: max(1rem, env(safe-area-inset-top, 1rem))
             1rem
             max(1rem, env(safe-area-inset-bottom, 1rem))
             1rem;
}

/* ── Diálogo desglose de tallas ─────────────────────────────────────────── */
.tara-pos-desglose-row[b-pc0wn8jsky] {
    display: grid;
    grid-template-columns: 64px 96px 1fr 72px 1fr 80px;
    gap: .5rem;
    align-items: center;
    padding: .5rem .6rem;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
}

.tara-pos-desglose-talla[b-pc0wn8jsky] {
    font-weight: 600;
    color: var(--tara-text);
    font-size: .92rem;
}

.tara-pos-desglose-precio[b-pc0wn8jsky],
.tara-pos-desglose-desc[b-pc0wn8jsky],
.tara-pos-desglose-total[b-pc0wn8jsky] {
    color: var(--tara-text-muted);
    font-size: .85rem;
    text-align: right;
}

.tara-pos-desglose-total[b-pc0wn8jsky] {
    color: var(--tara-text);
    font-weight: 500;
}

.tara-pos-desglose-row[b-pc0wn8jsky]  .tara-pos-desglose-qty.mud-input-root {
    min-width: 0;
}

@media (max-width: 600px) {
    .tara-pos-desglose-row[b-pc0wn8jsky] {
        grid-template-columns: 52px 80px 1fr 56px 1fr 72px;
        gap: .35rem;
        padding: .45rem .5rem;
    }
    .tara-pos-desglose-talla[b-pc0wn8jsky] { font-size: .85rem; }
    .tara-pos-desglose-precio[b-pc0wn8jsky],
    .tara-pos-desglose-desc[b-pc0wn8jsky],
    .tara-pos-desglose-total[b-pc0wn8jsky] { font-size: .78rem; }
}

@media (max-width: 480px) {
    /* Colapsar 6 columnas a 4 visibles: talla | cantidad | total | botones.
       Precio y descuento se ocultan — son informativos y ya se vieron al agregar el producto. */
    .tara-pos-desglose-row[b-pc0wn8jsky] {
        grid-template-columns: auto 1fr auto auto;
        gap: .4rem;
        padding: .5rem .5rem;
    }
    .tara-pos-desglose-precio[b-pc0wn8jsky],
    .tara-pos-desglose-desc[b-pc0wn8jsky] {
        display: none;
    }
    .tara-pos-desglose-total[b-pc0wn8jsky] {
        font-size: .8rem;
        text-align: right;
        white-space: nowrap;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ventas/PosEditarRenglonDialog.razor.rz.scp.css */
/* ─── PosEditarRenglonDialog — CSS isolation ─────────────────────────────────
   Regla crítica: NO declarar --tara-* aquí.
   ─────────────────────────────────────────────────────────────────────────── */

.tara-overlay-backdrop[b-sn54oddf44] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: max(1rem, env(safe-area-inset-top, 1rem))
             1rem
             max(1rem, env(safe-area-inset-bottom, 1rem))
             1rem;
}

.tara-pos-editar-3col[b-sn54oddf44] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

@media (max-width: 480px) {
    .tara-pos-editar-3col[b-sn54oddf44] {
        grid-template-columns: 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ventas/PosFotoModal.razor.rz.scp.css */
/* ─── PosFotoModal — CSS isolation ───────────────────────────────────────────
   Regla crítica: NO declarar --tara-* aquí.
   ─────────────────────────────────────────────────────────────────────────── */

.tara-overlay-backdrop[b-lc4xl11utk] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: max(1rem, env(safe-area-inset-top, 1rem))
             1rem
             max(1rem, env(safe-area-inset-bottom, 1rem))
             1rem;
}

.tara-pos-foto-modal-backdrop[b-lc4xl11utk] { align-items: center; justify-content: center; }

.tara-pos-foto-modal-inner[b-lc4xl11utk] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-lg);
    width: min(520px, 92vw);
    max-height: min(90vh, 680px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.tara-pos-foto-modal-header[b-lc4xl11utk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .75rem 1rem .75rem 1.1rem;
    border-bottom: 1px solid var(--tara-border);
    flex-shrink: 0;
}

.tara-pos-foto-modal-title[b-lc4xl11utk] {
    font-size: .92rem;
    font-weight: 600;
    color: var(--tara-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tara-pos-foto-modal-img[b-lc4xl11utk] {
    width: 100%;
    flex: 1;
    object-fit: contain;
    background: color-mix(in srgb, var(--tara-border) 15%, var(--tara-surface));
    display: block;
    max-height: calc(min(90vh, 680px) - 52px);
}
/* _content/Raramuri.blzr/Components/Pages/Ventas/PosSelectorTallasDialog.razor.rz.scp.css */
/* ─── PosSelectorTallasDialog — CSS isolation ────────────────────────────────
   Regla crítica: NO declarar --tara-* aquí.
   ─────────────────────────────────────────────────────────────────────────── */

.tara-overlay-backdrop[b-uogrqveuop] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: max(1rem, env(safe-area-inset-top, 1rem))
             1rem
             max(1rem, env(safe-area-inset-bottom, 1rem))
             1rem;
}

/* ══════════════════════════════════════════════════════════════════════════
   ACCIONES EN HEADER — Cancelar/Agregar visibles sin scroll (fuera del
   contenedor con overflow:auto), sea cual sea el tamaño de la lista de tallas.
   ══════════════════════════════════════════════════════════════════════════ */
.tara-pstd-header-actions[b-uogrqveuop] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
}

@media (max-width: 600px) {
    .tara-pstd-header-actions[b-uogrqveuop] {
        flex-direction: column-reverse;
    }
    .tara-pstd-header-actions[b-uogrqveuop]  .mud-button-root {
        width: 100%;
        min-height: 44px;
    }
}

/* ══════════════════════════════════════════════════════════════════════════
   BLOQUE CURVA — auxiliar/secundario: Agregar (header) es la única acción
   primaria roja del diálogo; Aplicar/Limpiar quedan como acciones de apoyo.
   ══════════════════════════════════════════════════════════════════════════ */
.tara-pstd-curva-panel[b-uogrqveuop] {
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    padding: .65rem .75rem;
}

.tara-pstd-curva-grid[b-uogrqveuop] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 130px auto auto;
    gap: .5rem;
    align-items: end;
}

@media (max-width: 600px) {
    .tara-pstd-curva-grid[b-uogrqveuop] {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "curva  curva"
            "escala escala"
            "limpiar aplicar";
    }
    .tara-pstd-curva-grid > *:nth-child(1)[b-uogrqveuop] { grid-area: curva; }
    .tara-pstd-curva-grid > *:nth-child(2)[b-uogrqveuop] { grid-area: escala; }
    .tara-pstd-curva-grid > *:nth-child(3)[b-uogrqveuop] { grid-area: limpiar; }
    .tara-pstd-curva-grid > *:nth-child(4)[b-uogrqveuop] { grid-area: aplicar; }
}

/* ══════════════════════════════════════════════════════════════════════════
   SELECTOR DE TALLAS — filas homologadas con Android
   ══════════════════════════════════════════════════════════════════════════ */
.tara-pos-talla-row[b-uogrqveuop] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) 138px;
    gap: .5rem;
    align-items: center;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding: .6rem .75rem;
    background: var(--tara-surface-raised);
    transition: border-color .12s, background .12s;
    cursor: pointer;
}

.tara-pos-talla-row--sel[b-uogrqveuop] {
    border-color: color-mix(in srgb, var(--tara-primary) 40%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface-raised));
}

.tara-pos-talla-row:hover[b-uogrqveuop] {
    border-color: color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
}

.tara-pos-talla-row[b-uogrqveuop]  .tara-pos-talla-check.mud-checkbox-root {
    margin: 0;
    padding: 0;
}

.tara-pos-talla-info[b-uogrqveuop] {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    min-width: 0;
}

.tara-pos-talla-label[b-uogrqveuop] {
    color: var(--tara-text);
    font-size: .92rem;
    line-height: 1.2;
    white-space: nowrap;
}

.tara-pos-talla-meta[b-uogrqveuop] {
    color: var(--tara-text-muted);
    font-size: .8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tara-pos-talla-desc[b-uogrqveuop] {
    color: var(--tara-success);
}

.tara-pos-talla-sinexis[b-uogrqveuop] {
    color: var(--tara-text-muted);
    opacity: .7;
}

/* Stepper +/- de cantidad */
.tara-pos-talla-stepper[b-uogrqveuop] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.tara-pos-talla-step-btn[b-uogrqveuop] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    flex-shrink: 0;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
    color: var(--tara-text);
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background .1s, border-color .1s;
    touch-action: manipulation;
    user-select: none;
}

.tara-pos-talla-step-btn:hover:not(:disabled)[b-uogrqveuop],
.tara-pos-talla-step-btn:focus-visible:not(:disabled)[b-uogrqveuop] {
    background: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-surface-raised));
    border-color: var(--tara-primary);
    outline: none;
}

.tara-pos-talla-step-btn:active:not(:disabled)[b-uogrqveuop] {
    background: color-mix(in srgb, var(--tara-primary) 20%, var(--tara-surface-raised));
}

.tara-pos-talla-step-btn:disabled[b-uogrqveuop] {
    opacity: .35;
    cursor: not-allowed;
}

/* Campo cantidad: compacto dentro del stepper */
.tara-pos-talla-row[b-uogrqveuop]  .tara-pos-talla-qty.mud-input-root {
    min-width: 0;
}

/* Móvil: filas apiladas */
@media (max-width: 600px) {
    .tara-pos-talla-row[b-uogrqveuop] {
        grid-template-columns: 28px minmax(0, 1fr) 124px;
        padding: .55rem .6rem;
    }
    .tara-pos-talla-step-btn[b-uogrqveuop] {
        width: 32px;
        height: 32px;
        min-width: 32px;
    }
    .tara-pos-talla-label[b-uogrqveuop] { font-size: .88rem; }
    .tara-pos-talla-meta[b-uogrqveuop]  { font-size: .77rem; }
}
/* _content/Raramuri.blzr/Components/Pages/Ventas/VentasApartados.razor.rz.scp.css */
.tara-vap-page[b-42kytiw5lu] {
    display: grid;
    gap: 1rem;
    background: var(--tara-bg);
}

.tara-vap-loading[b-42kytiw5lu],
.tara-vap-state[b-42kytiw5lu] {
    min-height: 52vh;
    display: grid;
    place-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
}

.tara-vap-loading .mud-icon-root[b-42kytiw5lu],
.tara-vap-state .mud-icon-root[b-42kytiw5lu] {
    font-size: 2rem;
    color: var(--tara-primary);
}

.tara-vap-header[b-42kytiw5lu] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
}

.tara-vap-header-copy h1[b-42kytiw5lu],
.tara-vap-section-head h2[b-42kytiw5lu],
.tara-vap-results-head h2[b-42kytiw5lu] {
    margin: 0;
}

.tara-vap-header-copy span[b-42kytiw5lu],
.tara-vap-section-head p[b-42kytiw5lu],
.tara-vap-results-head p[b-42kytiw5lu] {
    color: var(--tara-text-muted);
}

.tara-vap-card[b-42kytiw5lu] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
    padding: 1rem;
    display: grid;
    gap: 1rem;
}

.tara-vap-card--results[b-42kytiw5lu] {
    gap: 1rem;
}

.tara-vap-alert-body[b-42kytiw5lu],
.tara-vap-section-head[b-42kytiw5lu],
.tara-vap-results-head[b-42kytiw5lu],
.tara-vap-client-actions[b-42kytiw5lu],
.tara-vap-product-toolbar[b-42kytiw5lu],
.tara-vap-query-toolbar[b-42kytiw5lu],
.tara-vap-results-head[b-42kytiw5lu] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.tara-vap-tabs[b-42kytiw5lu] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-vap-tab[b-42kytiw5lu],
.tara-vap-status-btn[b-42kytiw5lu] {
    appearance: none;
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    color: var(--tara-text);
    border-radius: 999px;
    padding: .65rem 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: all .15s ease;
}

.tara-vap-tab--active[b-42kytiw5lu],
.tara-vap-status-btn--active[b-42kytiw5lu] {
    border-color: var(--tara-primary-dark);
    background: rgba(157, 32, 50, .08);
    color: var(--tara-primary-dark);
}

.tara-vap-summary-grid[b-42kytiw5lu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: .85rem;
}

.tara-vap-kpi[b-42kytiw5lu],
.tara-vap-inline-card[b-42kytiw5lu] {
    display: grid;
    gap: .25rem;
    padding: .9rem 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
}

.tara-vap-kpi-label[b-42kytiw5lu] {
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--tara-primary-dark);
    font-weight: 800;
}

.tara-vap-kpi strong[b-42kytiw5lu],
.tara-vap-inline-card strong[b-42kytiw5lu] {
    color: var(--tara-text);
}

.tara-vap-kpi small[b-42kytiw5lu],
.tara-vap-inline-card span[b-42kytiw5lu],
.tara-vap-results-meta[b-42kytiw5lu] {
    color: var(--tara-text-muted);
}

.tara-vap-client-grid[b-42kytiw5lu],
.tara-vap-form-grid[b-42kytiw5lu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .85rem;
}

.tara-vap-client-state[b-42kytiw5lu] {
    color: var(--tara-text-muted);
    font-weight: 700;
}

.tara-vap-client-state--ok[b-42kytiw5lu] {
    color: var(--tara-success-strong, #166534);
}

.tara-vap-grid-wrap[b-42kytiw5lu] {
    overflow: auto;
}

.tara-vap-grid-wrap[b-42kytiw5lu]  .mud-table-container {
    background: transparent;
}

.tara-vap-grid-wrap[b-42kytiw5lu]  .mud-table-root {
    min-width: 980px;
}

.tara-vap-cell-num[b-42kytiw5lu] {
    text-align: right;
}

.tara-vap-row-actions[b-42kytiw5lu],
.tara-vap-section-actions[b-42kytiw5lu],
.tara-vap-summary-pills[b-42kytiw5lu],
.tara-vap-quick-actions[b-42kytiw5lu],
.tara-vap-status-group[b-42kytiw5lu] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    align-items: center;
}

.tara-vap-detail-btn[b-42kytiw5lu] {
    border-color: var(--tara-border);
}

.tara-vap-primary-actions[b-42kytiw5lu] {
    display: flex;
    justify-content: flex-end;
}

.tara-vap-pill[b-42kytiw5lu] {
    display: inline-flex;
    align-items: center;
    padding: .3rem .75rem;
    border-radius: 999px;
    background: rgba(157, 32, 50, .08);
    border: 1px solid rgba(157, 32, 50, .16);
    color: var(--tara-primary-dark);
    font-size: .83rem;
    font-weight: 600;
}

.tara-vap-chip[b-42kytiw5lu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    padding: .28rem .65rem;
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 800;
    border: 1px solid transparent;
}

.tara-vap-chip--vigente[b-42kytiw5lu] {
    background: color-mix(in srgb, var(--tara-success) 14%, white);
    color: var(--tara-success-strong, #166534);
    border-color: color-mix(in srgb, var(--tara-success) 30%, var(--tara-border));
}

.tara-vap-chip--liquidado[b-42kytiw5lu] {
    background: color-mix(in srgb, var(--tara-border) 55%, white);
    color: var(--tara-text);
    border-color: var(--tara-border);
}

.tara-vap-chip--vencido[b-42kytiw5lu] {
    background: color-mix(in srgb, var(--tara-warning) 18%, white);
    color: #8a4b00;
    border-color: color-mix(in srgb, var(--tara-warning) 35%, var(--tara-border));
}

.tara-vap-chip--cancelado[b-42kytiw5lu] {
    background: color-mix(in srgb, var(--tara-primary-dark) 12%, white);
    color: var(--tara-primary-dark);
    border-color: color-mix(in srgb, var(--tara-primary-dark) 26%, var(--tara-border));
}

.tara-vap-dialog-backdrop[b-42kytiw5lu] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .48);
    display: grid;
    place-items: center;
    z-index: 1400;
    padding: 1rem;
}

.tara-vap-dialog[b-42kytiw5lu] {
    width: min(1120px, 100%);
    max-height: min(88vh, 920px);
    display: grid;
    grid-template-rows: auto 1fr auto;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-lg, 0 30px 70px rgba(15, 23, 42, .22));
    overflow: hidden;
}

.tara-vap-dialog--small[b-42kytiw5lu] {
    width: min(620px, 100%);
}

.tara-vap-dialog--medium[b-42kytiw5lu] {
    width: min(820px, 100%);
}

.tara-vap-dialog-header[b-42kytiw5lu],
.tara-vap-dialog-footer[b-42kytiw5lu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--tara-border);
}

.tara-vap-dialog-footer[b-42kytiw5lu] {
    border-bottom: 0;
    border-top: 1px solid var(--tara-border);
    justify-content: flex-end;
}

.tara-vap-dialog-header h2[b-42kytiw5lu] {
    margin: .15rem 0 0;
}

.tara-vap-dialog-eyebrow[b-42kytiw5lu] {
    margin: 0;
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .73rem;
    font-weight: 800;
}

.tara-vap-dialog-subtitle[b-42kytiw5lu] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .9rem;
}

.tara-vap-dialog-close[b-42kytiw5lu],
.tara-vap-btn[b-42kytiw5lu] {
    border: 0;
    border-radius: var(--tara-radius-sm);
    cursor: pointer;
    transition: transform .15s ease, opacity .15s ease;
}

.tara-vap-dialog-close[b-42kytiw5lu] {
    width: 38px;
    height: 38px;
    background: var(--tara-surface-raised);
    color: var(--tara-text);
    font-size: 1.3rem;
}

.tara-vap-dialog-body[b-42kytiw5lu] {
    overflow: auto;
    padding: 1rem 1.1rem;
    display: grid;
    gap: 1rem;
}

.tara-vap-btn[b-42kytiw5lu] {
    min-width: 132px;
    padding: .75rem 1rem;
    font-weight: 700;
}

.tara-vap-btn--ghost[b-42kytiw5lu] {
    background: var(--tara-surface-raised);
    color: var(--tara-text);
    border: 1px solid var(--tara-border);
}

.tara-vap-btn--danger[b-42kytiw5lu] {
    background: var(--tara-primary-dark);
    color: #fff;
}

.tara-vap-btn:disabled[b-42kytiw5lu],
.tara-vap-dialog-close:disabled[b-42kytiw5lu] {
    cursor: not-allowed;
    opacity: .6;
}

.tara-vap-formas-grid[b-42kytiw5lu] {
    display: grid;
    gap: .7rem;
}

.tara-vap-docs-list[b-42kytiw5lu] {
    display: grid;
    gap: .6rem;
}

.tara-vap-doc-row[b-42kytiw5lu] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    padding: .75rem .85rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
}

.tara-vap-doc-row strong[b-42kytiw5lu] {
    display: block;
}

.tara-vap-doc-row span[b-42kytiw5lu] {
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-vap-doc-row-actions[b-42kytiw5lu] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}

.tara-vap-doc-type-row[b-42kytiw5lu] {
    display: inline-flex;
    gap: .6rem;
    flex-wrap: wrap;
}

.tara-vap-dialog-footer--inline[b-42kytiw5lu] {
    padding: 0;
    justify-content: flex-end;
}

.tara-vap-forma-row[b-42kytiw5lu] {
    display: grid;
    grid-template-columns: 1fr minmax(160px, 220px);
    gap: .85rem;
    align-items: center;
    padding: .75rem .85rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
    cursor: pointer;
}

.tara-vap-forma-row strong[b-42kytiw5lu] {
    display: block;
}

.tara-vap-forma-row span[b-42kytiw5lu] {
    color: var(--tara-text-muted);
    font-size: .82rem;
}

.tara-vap-forma-row--active[b-42kytiw5lu] {
    border-color: var(--tara-primary-dark);
    background: rgba(157, 32, 50, .06);
}

.tara-vap-forma-input[b-42kytiw5lu] {
    min-width: 0;
}

.tara-vap-search[b-42kytiw5lu] {
    min-width: min(360px, 100%);
}

.tara-vap-query-toolbar[b-42kytiw5lu] {
    align-items: end;
}

.tara-vap-status-group[b-42kytiw5lu] {
    flex: 1 1 auto;
}

@media (max-width: 980px) {
    .tara-vap-header[b-42kytiw5lu] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .tara-vap-forma-row[b-42kytiw5lu] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .tara-vap-card[b-42kytiw5lu],
    .tara-vap-dialog-body[b-42kytiw5lu],
    .tara-vap-dialog-header[b-42kytiw5lu],
    .tara-vap-dialog-footer[b-42kytiw5lu] {
        padding-left: .9rem;
        padding-right: .9rem;
    }

    .tara-vap-grid-wrap[b-42kytiw5lu]  .mud-table-root {
        min-width: 860px;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ventas/VentasCotizaciones.razor.rz.scp.css */
.tara-vcot-page[b-5u78y1jsug] {
    display: grid;
    gap: 1rem;
    background: var(--tara-bg);
}

.tara-vcot-loading[b-5u78y1jsug],
.tara-vcot-state[b-5u78y1jsug],
.tara-vcot-dialog-state[b-5u78y1jsug] {
    min-height: 52vh;
    display: grid;
    place-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
}

.tara-vcot-loading .mud-icon-root[b-5u78y1jsug],
.tara-vcot-state .mud-icon-root[b-5u78y1jsug],
.tara-vcot-dialog-state .mud-icon-root[b-5u78y1jsug] {
    font-size: 2rem;
    color: var(--tara-primary);
}

.tara-vcot-header[b-5u78y1jsug] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
}

.tara-vcot-header-copy h1[b-5u78y1jsug] {
    margin: 0;
}

.tara-vcot-header-copy span[b-5u78y1jsug] {
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-vcot-back-btn[b-5u78y1jsug] {
    align-self: start;
}

.tara-vcot-card[b-5u78y1jsug] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
    padding: 1rem;
}

.tara-vcot-card--results[b-5u78y1jsug] {
    display: grid;
    gap: 1rem;
}

.tara-vcot-alert[b-5u78y1jsug] {
    border-radius: var(--tara-radius-sm);
}

.tara-vcot-alert-body[b-5u78y1jsug] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.tara-vcot-summary-pills[b-5u78y1jsug] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.tara-vcot-pill[b-5u78y1jsug] {
    display: inline-flex;
    align-items: center;
    padding: .3rem .75rem;
    border-radius: 999px;
    background: rgba(157, 32, 50, .08);
    border: 1px solid rgba(157, 32, 50, .16);
    color: var(--tara-primary-dark);
    font-size: .83rem;
    font-weight: 600;
}

.tara-vcot-filters-grid[b-5u78y1jsug] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .85rem;
}

.tara-vcot-primary-actions[b-5u78y1jsug] {
    margin-top: .9rem;
    display: flex;
    justify-content: flex-start;
}

.tara-vcot-results-head[b-5u78y1jsug] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: end;
    flex-wrap: wrap;
}

.tara-vcot-results-head h2[b-5u78y1jsug] {
    margin: 0;
    color: var(--tara-text);
}

.tara-vcot-results-head p[b-5u78y1jsug] {
    display: block;
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
}

.tara-vcot-results-actions[b-5u78y1jsug] {
    display: flex;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
}

.tara-vcot-search[b-5u78y1jsug] {
    min-width: min(360px, 100%);
}

.tara-vcot-grid-wrap[b-5u78y1jsug] {
    overflow: auto;
}

.tara-vcot-cell-num[b-5u78y1jsug] {
    text-align: right;
}

.tara-vcot-folio-cell[b-5u78y1jsug] {
    display: grid;
    gap: .15rem;
}

.tara-vcot-folio-cell strong[b-5u78y1jsug] {
    color: var(--tara-text);
}

.tara-vcot-folio-cell span[b-5u78y1jsug] {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-vcot-chip[b-5u78y1jsug] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 86px;
    padding: .28rem .65rem;
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 800;
    border: 1px solid transparent;
}

.tara-vcot-chip--borrador[b-5u78y1jsug] {
    background: color-mix(in srgb, var(--tara-border) 55%, white);
    color: var(--tara-text);
    border-color: var(--tara-border);
}

.tara-vcot-chip--autorizada[b-5u78y1jsug] {
    background: color-mix(in srgb, var(--tara-success) 14%, white);
    color: var(--tara-success-strong, #166534);
    border-color: color-mix(in srgb, var(--tara-success) 30%, var(--tara-border));
}

.tara-vcot-chip--convertida[b-5u78y1jsug] {
    background: color-mix(in srgb, var(--tara-warning) 18%, white);
    color: #8a4b00;
    border-color: color-mix(in srgb, var(--tara-warning) 35%, var(--tara-border));
}

.tara-vcot-chip--cancelada[b-5u78y1jsug] {
    background: color-mix(in srgb, var(--tara-primary-dark) 12%, white);
    color: var(--tara-primary-dark);
    border-color: color-mix(in srgb, var(--tara-primary-dark) 26%, var(--tara-border));
}

.tara-vcot-detail-btn[b-5u78y1jsug] {
    border-color: var(--tara-border);
}

.tara-vcot-dialog-backdrop[b-5u78y1jsug] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .48);
    display: grid;
    place-items: center;
    z-index: 1400;
    padding: 1rem;
}

.tara-vcot-dialog[b-5u78y1jsug] {
    width: min(1120px, 100%);
    max-height: min(88vh, 920px);
    display: grid;
    grid-template-rows: auto 1fr auto;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-lg, 0 30px 70px rgba(15, 23, 42, .22));
    overflow: hidden;
}

.tara-vcot-dialog-header[b-5u78y1jsug],
.tara-vcot-dialog-footer[b-5u78y1jsug] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--tara-border);
}

.tara-vcot-dialog-footer[b-5u78y1jsug] {
    border-bottom: 0;
    border-top: 1px solid var(--tara-border);
    justify-content: flex-end;
}

.tara-vcot-dialog-eyebrow[b-5u78y1jsug] {
    margin: 0;
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .73rem;
    font-weight: 800;
}

.tara-vcot-dialog-subtitle[b-5u78y1jsug] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .9rem;
}

.tara-vcot-dialog-close[b-5u78y1jsug],
.tara-vcot-btn[b-5u78y1jsug] {
    border: 0;
    border-radius: var(--tara-radius-sm);
    cursor: pointer;
    transition: transform .15s ease, opacity .15s ease;
}

.tara-vcot-dialog-close[b-5u78y1jsug] {
    width: 38px;
    height: 38px;
    background: var(--tara-surface-raised);
    color: var(--tara-text);
    font-size: 1.3rem;
}

.tara-vcot-dialog-body[b-5u78y1jsug] {
    padding: 1rem 1.1rem;
    overflow: auto;
    display: grid;
    gap: 1rem;
}

.tara-vcot-detail-summary[b-5u78y1jsug] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .75rem;
}

.tara-vcot-detail-card[b-5u78y1jsug] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface-raised);
    padding: .8rem .9rem;
    display: grid;
    gap: .25rem;
}

.tara-vcot-detail-label[b-5u78y1jsug] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 700;
}

.tara-vcot-detail-card strong[b-5u78y1jsug] {
    color: var(--tara-text);
    font-size: .95rem;
}

.tara-vcot-detail-note[b-5u78y1jsug] {
    display: grid;
    gap: .35rem;
    color: var(--tara-text-muted);
    font-size: .9rem;
}

.tara-vcot-detail-grid-shell[b-5u78y1jsug] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    overflow: hidden;
    background: var(--tara-surface);
}

.tara-vcot-detail-grid-wrap[b-5u78y1jsug] {
    overflow: auto;
    max-height: 42vh;
}

.tara-vcot-detail-grid[b-5u78y1jsug] {
    width: 100%;
    min-width: 760px;
    border-collapse: separate;
    border-spacing: 0;
}

.tara-vcot-detail-grid thead th[b-5u78y1jsug] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--tara-th-bg);
    color: var(--tara-th-text);
    text-align: left;
    padding: .8rem .9rem;
    border-bottom: 1px solid var(--tara-border);
    white-space: nowrap;
}

.tara-vcot-detail-grid tbody td[b-5u78y1jsug] {
    padding: .75rem .9rem;
    border-bottom: 1px solid var(--tara-border);
    color: var(--tara-text);
    vertical-align: top;
}

.tara-vcot-detail-grid tbody tr:nth-child(odd) td[b-5u78y1jsug] {
    background: var(--tara-row-odd);
}

.tara-vcot-detail-grid tbody tr:nth-child(even) td[b-5u78y1jsug] {
    background: var(--tara-row-even);
}

.tara-vcot-detail-grid tbody tr:hover td[b-5u78y1jsug] {
    background: var(--tara-row-hover);
}

.tara-vcot-line-main[b-5u78y1jsug] {
    font-weight: 700;
}

.tara-vcot-line-sub[b-5u78y1jsug] {
    margin-top: .25rem;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    color: var(--tara-text-muted);
    font-size: .8rem;
}

.tara-vcot-btn[b-5u78y1jsug] {
    min-width: 110px;
    padding: .7rem 1rem;
    font-weight: 700;
}

.tara-vcot-btn--muted[b-5u78y1jsug] {
    background: var(--tara-surface-raised);
    color: var(--tara-text);
    border: 1px solid var(--tara-border);
}

[b-5u78y1jsug] .tara-vcot-page .mud-input-control,
[b-5u78y1jsug] .tara-vcot-page .mud-input-control-input-container {
    background: transparent;
}

[b-5u78y1jsug] .tara-vcot-page .mud-input-label,
[b-5u78y1jsug] .tara-vcot-page .mud-input-slot,
[b-5u78y1jsug] .tara-vcot-page .mud-input-adornment {
    color: var(--tara-text) !important;
}

[b-5u78y1jsug] .tara-vcot-page .mud-select,
[b-5u78y1jsug] .tara-vcot-page .mud-input,
[b-5u78y1jsug] .tara-vcot-page .mud-picker,
[b-5u78y1jsug] .tara-vcot-page .mud-input-control > .mud-input-control-input-container > .mud-input-outlined-border {
    border-color: var(--tara-border) !important;
}

@media (max-width: 960px) {
    .tara-vcot-header[b-5u78y1jsug] {
        grid-template-columns: 1fr;
    }

    .tara-vcot-results-actions[b-5u78y1jsug],
    .tara-vcot-search[b-5u78y1jsug] {
        width: 100%;
    }
}

@media (max-width: 720px) {
    .tara-vcot-dialog[b-5u78y1jsug] {
        width: 100%;
        max-height: 92vh;
    }

    .tara-vcot-dialog-header[b-5u78y1jsug],
    .tara-vcot-dialog-footer[b-5u78y1jsug] {
        padding: .9rem 1rem;
    }

    .tara-vcot-detail-grid[b-5u78y1jsug] {
        min-width: 640px;
    }
}

.tara-vcot-row-actions[b-5u78y1jsug] {
    display: flex;
    gap: .45rem;
    justify-content: flex-end;
    align-items: center;
}

.tara-vcot-row-actions--tight[b-5u78y1jsug] {
    gap: .35rem;
}

.tara-vcot-dialog--editor[b-5u78y1jsug] {
    width: min(1280px, 100%);
}

.tara-vcot-dialog--picker[b-5u78y1jsug],
.tara-vcot-dialog--linea[b-5u78y1jsug],
.tara-vcot-dialog--confirm[b-5u78y1jsug] {
    width: min(900px, 100%);
}

.tara-vcot-editor-body[b-5u78y1jsug],
.tara-vcot-picker-body[b-5u78y1jsug],
.tara-vcot-confirm-body[b-5u78y1jsug] {
    display: grid;
    gap: 1rem;
    padding: 1rem 1.1rem;
    overflow: auto;
}

.tara-vcot-confirm-note[b-5u78y1jsug] {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    padding: .95rem 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface-raised) 88%, white);
    color: var(--tara-text-muted);
}

.tara-vcot-confirm-note .mud-icon-root[b-5u78y1jsug] {
    color: var(--tara-primary-dark);
}

.tara-vcot-confirm-textarea[b-5u78y1jsug] {
    width: 100%;
}

.tara-vcot-editor-context[b-5u78y1jsug],
.tara-vcot-editor-totals[b-5u78y1jsug] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .85rem;
}

.tara-vcot-editor-section[b-5u78y1jsug] {
    display: grid;
    gap: .85rem;
    padding: 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-surface-raised));
}

.tara-vcot-editor-section-head h3[b-5u78y1jsug] {
    margin: 0;
    color: var(--tara-text);
}

.tara-vcot-editor-section-head p[b-5u78y1jsug] {
    margin: .2rem 0 0;
    color: var(--tara-text-muted);
    font-size: .9rem;
}

.tara-vcot-editor-grid[b-5u78y1jsug] {
    display: grid;
    gap: .85rem;
}

.tara-vcot-editor-grid--header[b-5u78y1jsug] {
    grid-template-columns: minmax(280px, 1.3fr) minmax(180px, .45fr) minmax(280px, 1fr);
}

.tara-vcot-editor-grid--capture[b-5u78y1jsug] {
    grid-template-columns: minmax(260px, 1fr) minmax(140px, .3fr) auto;
    align-items: end;
}

.tara-vcot-editor-grid--linea[b-5u78y1jsug] {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.tara-vcot-editor-observaciones[b-5u78y1jsug] {
    min-height: 78px;
}

.tara-vcot-inline-actions[b-5u78y1jsug],
.tara-vcot-picker-toolbar[b-5u78y1jsug],
.tara-vcot-footer-actions[b-5u78y1jsug],
.tara-vcot-confirm-actions[b-5u78y1jsug] {
    display: flex;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
}

.tara-vcot-inline-actions[b-5u78y1jsug] {
    justify-content: flex-start;
}

.tara-vcot-picker-toolbar[b-5u78y1jsug] {
    justify-content: space-between;
}

.tara-vcot-picker-toolbar > *:first-child[b-5u78y1jsug] {
    flex: 1 1 320px;
}

.tara-vcot-curve-toolbar[b-5u78y1jsug] {
    display: flex;
    justify-content: flex-start;
    margin-bottom: .85rem;
}

.tara-vcot-curve-multiplier[b-5u78y1jsug] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: .75rem;
    align-items: center;
}

.tara-vcot-curve-multiplier-value[b-5u78y1jsug] {
    padding: .9rem 1rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface-raised);
    color: var(--tara-text);
    text-align: center;
    font-weight: 800;
}

.tara-vcot-state--compact[b-5u78y1jsug],
.tara-vcot-dialog-state--error[b-5u78y1jsug] {
    min-height: 180px;
}

.tara-vcot-editor-lines-grid[b-5u78y1jsug] {
    min-width: 980px;
}

.tara-vcot-talla-cantidad-cell[b-5u78y1jsug] {
    min-width: 140px;
}

.tara-vcot-dialog-footer--spread[b-5u78y1jsug] {
    justify-content: space-between;
}

.tara-vcot-btn--danger[b-5u78y1jsug] {
    background: var(--tara-primary-dark);
    color: var(--tara-text-inverse);
    border: 1px solid var(--tara-primary-dark);
}

.tara-vcot-btn--danger:hover[b-5u78y1jsug],
.tara-vcot-btn--muted:hover[b-5u78y1jsug],
.tara-vcot-dialog-close:hover[b-5u78y1jsug] {
    transform: translateY(-1px);
}

[b-5u78y1jsug] .tara-vcot-page .mud-input-outlined:hover .mud-input-outlined-border,
[b-5u78y1jsug] .tara-vcot-page .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark) !important;
}

[b-5u78y1jsug] .tara-vcot-page .mud-input-root-outlined.mud-input-focused label,
[b-5u78y1jsug] .tara-vcot-page .mud-input-root .mud-input-label.mud-input-focused {
    color: var(--tara-primary-dark) !important;
}

[b-5u78y1jsug] .tara-vcot-page .mud-checkbox .mud-icon-root,
[b-5u78y1jsug] .tara-vcot-page .mud-select-input,
[b-5u78y1jsug] .tara-vcot-page .mud-input-label {
    color: var(--tara-text) !important;
}

@media (max-width: 980px) {
    .tara-vcot-editor-grid--header[b-5u78y1jsug],
    .tara-vcot-editor-grid--capture[b-5u78y1jsug] {
        grid-template-columns: 1fr;
    }

    .tara-vcot-header-actions[b-5u78y1jsug] {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: .75rem;
    }
}

@media (max-width: 720px) {
    .tara-vcot-dialog--editor[b-5u78y1jsug],
    .tara-vcot-dialog--picker[b-5u78y1jsug],
    .tara-vcot-dialog--linea[b-5u78y1jsug],
    .tara-vcot-dialog--confirm[b-5u78y1jsug] {
        width: 100%;
    }

    .tara-vcot-editor-body[b-5u78y1jsug],
    .tara-vcot-picker-body[b-5u78y1jsug],
    .tara-vcot-confirm-body[b-5u78y1jsug] {
        padding: .9rem 1rem;
    }

    .tara-vcot-dialog-footer--spread[b-5u78y1jsug] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-vcot-footer-actions[b-5u78y1jsug],
    .tara-vcot-confirm-actions[b-5u78y1jsug],
    .tara-vcot-inline-actions[b-5u78y1jsug] {
        width: 100%;
    }

    .tara-vcot-footer-actions > *[b-5u78y1jsug],
    .tara-vcot-confirm-actions > *[b-5u78y1jsug],
    .tara-vcot-inline-actions > *[b-5u78y1jsug] {
        flex: 1 1 100%;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ventas/VentasDevoluciones.razor.rz.scp.css */
/* ── VentasDevoluciones.razor.css ─────────────────────────────────────────── */
/* Sprint UX Tarahumara Pro U1–U9. Solo tokens var(--tara-*). Sin hardcode.   */
/* ─────────────────────────────────────────────────────────────────────────── */

/* ── Loading / Auth ─────────────────────────────────────────────────────── */
.tara-vdev-loading[b-a8fdp2r82n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 60vh;
    color: var(--tara-text-muted);
}

/* ── Page layout ─────────────────────────────────────────────────────────── */
.tara-vdev-page[b-a8fdp2r82n] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0 1rem 2rem;
    max-width: 1400px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* ── Header ──────────────────────────────────────────────────────────────── */
.tara-vdev-header[b-a8fdp2r82n] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 0;
}

.tara-vdev-back-btn[b-a8fdp2r82n] {
    flex-shrink: 0;
}

.tara-vdev-header-copy h1[b-a8fdp2r82n] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--tara-text);
    line-height: 1.2;
}

.tara-vdev-header-actions[b-a8fdp2r82n] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

/* ── Context pills (U1) ──────────────────────────────────────────────────── */
.tara-vdev-pills[b-a8fdp2r82n] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
    padding: 0.375rem 0;
}

.tara-vdev-pill[b-a8fdp2r82n] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.7rem;
    border-radius: 9999px;
    background: var(--tara-surface-alt, var(--tara-surface));
    border: 1px solid var(--tara-border);
    color: var(--tara-text-muted);
    font-size: 0.75rem;
    font-weight: 500;
    white-space: nowrap;
    transition: background var(--tara-transition), color var(--tara-transition);
}

[b-a8fdp2r82n] .tara-vdev-pill .mud-icon-root {
    font-size: 0.875rem;
    color: var(--tara-text-muted);
}

/* ── Sin motivos error (U3) ──────────────────────────────────────────────── */
.tara-vdev-motivos-error[b-a8fdp2r82n] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    border: 1px solid color-mix(in srgb, var(--tara-danger, var(--tara-primary)) 30%, var(--tara-border));
    flex-wrap: wrap;
}

.tara-vdev-motivos-icon[b-a8fdp2r82n] {
    flex-shrink: 0;
}

[b-a8fdp2r82n] .tara-vdev-motivos-icon.mud-icon-root {
    color: var(--tara-danger, var(--tara-primary));
}

.tara-vdev-motivos-copy[b-a8fdp2r82n] {
    flex: 1;
    min-width: 0;
}

.tara-vdev-motivos-title[b-a8fdp2r82n] {
    margin: 0 0 0.15rem;
    font-weight: 600;
    color: var(--tara-text);
    font-size: 0.9rem;
}

.tara-vdev-motivos-sub[b-a8fdp2r82n] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: 0.8125rem;
}

/* ── Feedback region (U7) ────────────────────────────────────────────────── */
.tara-vdev-feedback-region[b-a8fdp2r82n] {
    min-height: 0;
}

.tara-vdev-alert[b-a8fdp2r82n] {
    margin: 0;
}

/* ── Success panel (U8) — comprobante de nota de crédito ─────────────────── */
.tara-vdev-success-panel[b-a8fdp2r82n] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    border: 2px solid var(--tara-success, var(--tara-primary));
    box-shadow: var(--tara-shadow-md, var(--tara-shadow));
    animation: tara-vdev-slidein-b-a8fdp2r82n 0.35s ease-out;
}

.tara-vdev-success-head[b-a8fdp2r82n] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.tara-vdev-nc-pdf-alert[b-a8fdp2r82n] {
    margin: 0;
}

@keyframes tara-vdev-slidein-b-a8fdp2r82n {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.tara-vdev-success-check[b-a8fdp2r82n] {
    flex-shrink: 0;
}

[b-a8fdp2r82n] .tara-vdev-success-check .mud-icon-root {
    font-size: 2.5rem;
}

.tara-vdev-success-body[b-a8fdp2r82n] {
    flex: 1;
    min-width: 0;
}

.tara-vdev-success-label[b-a8fdp2r82n] {
    margin: 0 0 0.15rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--tara-success, var(--tara-primary));
}

.tara-vdev-success-folio[b-a8fdp2r82n] {
    margin: 0 0 0.1rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--tara-text);
}

.tara-vdev-success-total[b-a8fdp2r82n] {
    margin: 0 0 0.25rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--tara-text);
    font-variant-numeric: tabular-nums;
}

.tara-vdev-success-msg[b-a8fdp2r82n] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--tara-text-muted);
}

.tara-vdev-success-actions[b-a8fdp2r82n] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
    flex-shrink: 0;
}

/* ── Comprobante HTML de nota de crédito (homologado con tara-ticket-html
   de /ventas/nueva) ──────────────────────────────────────────────────────── */
.tara-vdev-nc-html[b-a8fdp2r82n] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
    padding: 1rem;
    border-top: 1px solid var(--tara-border-subtle);
}

.tara-vdev-nc-html-grid[b-a8fdp2r82n] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .55rem;
}

.tara-vdev-nc-html-item[b-a8fdp2r82n] {
    display: flex;
    flex-direction: column;
    gap: .18rem;
    padding: .5rem .65rem;
    background: var(--tara-surface-alt, var(--tara-surface));
    border-radius: var(--tara-radius-sm, 4px);
    border: 1px solid var(--tara-border-subtle);
    min-width: 0;
}

.tara-vdev-nc-html-label[b-a8fdp2r82n] {
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

.tara-vdev-nc-html-item strong[b-a8fdp2r82n] {
    font-size: .9rem;
    font-weight: 700;
    color: var(--tara-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-vdev-nc-html-section-title[b-a8fdp2r82n] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--tara-primary-dark, var(--tara-primary));
    margin-bottom: .4rem;
}

.tara-vdev-nc-html-table-wrap[b-a8fdp2r82n] {
    overflow-x: auto;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm, 4px);
}

.tara-vdev-nc-html-table[b-a8fdp2r82n] {
    width: 100%;
    border-collapse: collapse;
    font-size: .8rem;
    min-width: 420px;
}

.tara-vdev-nc-html-table thead tr[b-a8fdp2r82n] {
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
    border-bottom: 1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
}

.tara-vdev-nc-html-table th[b-a8fdp2r82n] {
    padding: .35rem .55rem;
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
    white-space: nowrap;
}

.tara-vdev-nc-html-table tbody tr[b-a8fdp2r82n] {
    border-bottom: 1px solid var(--tara-border-subtle);
}
.tara-vdev-nc-html-table tbody tr:last-child[b-a8fdp2r82n] { border-bottom: none; }
.tara-vdev-nc-html-table tbody tr:nth-child(even)[b-a8fdp2r82n] { background: var(--tara-surface); }

.tara-vdev-nc-html-table td[b-a8fdp2r82n] {
    padding: .38rem .55rem;
    color: var(--tara-text);
    font-size: .8rem;
    vertical-align: middle;
}

.tara-vdev-nc-html-th-desc[b-a8fdp2r82n], .tara-vdev-nc-html-td-desc[b-a8fdp2r82n] { min-width: 140px; }
.tara-vdev-nc-html-th-r[b-a8fdp2r82n], .tara-vdev-nc-html-td-r[b-a8fdp2r82n] { text-align: right !important; white-space: nowrap; }
.tara-vdev-nc-html-td-importe[b-a8fdp2r82n] { font-weight: 700; }

.tara-vdev-nc-html-td-talla[b-a8fdp2r82n] {
    display: block;
    font-size: .7rem;
    color: var(--tara-text-muted);
    margin-top: .1rem;
}

.tara-vdev-nc-html-total-row[b-a8fdp2r82n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .55rem .65rem;
    border-radius: var(--tara-radius-sm, 4px);
    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);
}
.tara-vdev-nc-html-total-row strong[b-a8fdp2r82n] {
    color: var(--tara-primary-dark, var(--tara-primary));
    font-size: 1.15rem;
}

@media (max-width: 600px) {
    .tara-vdev-nc-html-grid[b-a8fdp2r82n] {
        grid-template-columns: 1fr;
    }
}

/* ── Zona de escaneo hero (U2) ───────────────────────────────────────────── */
.tara-vdev-scan-wrap[b-a8fdp2r82n] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    padding: 1.25rem 1.5rem;
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    border: 2px solid var(--tara-border);
    box-shadow: var(--tara-shadow);
    transition: border-color var(--tara-transition), box-shadow var(--tara-transition);
}

.tara-vdev-scan-wrap--success[b-a8fdp2r82n] {
    border-color: var(--tara-success, var(--tara-primary));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--tara-success, var(--tara-primary)) 18%, transparent), var(--tara-shadow);
}

.tara-vdev-scan-wrap--error[b-a8fdp2r82n] {
    border-color: var(--tara-danger, var(--tara-primary));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--tara-danger, var(--tara-primary)) 15%, transparent), var(--tara-shadow);
    animation: tara-vdev-flash-error-b-a8fdp2r82n 0.5s ease-out;
}

@keyframes tara-vdev-flash-error-b-a8fdp2r82n {
    0%   { box-shadow: 0 0 0 5px color-mix(in srgb, var(--tara-danger, var(--tara-primary)) 35%, transparent); }
    100% { box-shadow: 0 0 0 3px color-mix(in srgb, var(--tara-danger, var(--tara-primary)) 15%, transparent); }
}

.tara-vdev-scan-badge[b-a8fdp2r82n] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--tara-text-muted);
    font-size: 0.8125rem;
    font-weight: 500;
}

[b-a8fdp2r82n] .tara-vdev-scan-badge .mud-icon-root {
    font-size: 1.375rem;
    color: var(--tara-primary);
}

.tara-vdev-scan-field[b-a8fdp2r82n] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-end;
}

.tara-vdev-scan-input[b-a8fdp2r82n] {
    flex: 1;
}

[b-a8fdp2r82n] .tara-vdev-scan-input .mud-input-root-outlined input {
    font-size: 1.0625rem;
    font-weight: 500;
}

/* Botón cámara — mismo patrón que .tara-pos-camara-icon-btn de /ventas/nueva,
   alineado a la altura del botón Buscar (56px) de esta pantalla. */
[b-a8fdp2r82n] .tara-vdev-camara-icon-btn.mud-icon-button {
    width: 56px;
    height: 56px;
    min-width: 44px;
    min-height: 44px;
    flex-shrink: 0;
    border-color: var(--tara-border);
    color: var(--tara-text-muted);
    transition: color .15s, border-color .15s, background .15s;
}

[b-a8fdp2r82n] .tara-vdev-camara-icon-btn.mud-icon-button:not(.mud-disabled):hover {
    border-color: var(--tara-primary);
    color: var(--tara-primary);
    background: color-mix(in srgb, var(--tara-primary) 6%, transparent);
}

.tara-vdev-scan-btn[b-a8fdp2r82n] {
    flex-shrink: 0;
    min-width: 96px;
    height: 56px;
}

.tara-vdev-scan-hint[b-a8fdp2r82n] {
    margin: 0;
    font-size: 0.75rem;
    color: var(--tara-text-muted);
}

/* ── KPIs del ticket (U1) ────────────────────────────────────────────────── */
.tara-vdev-kpis[b-a8fdp2r82n] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.75rem;
}

.tara-vdev-kpi[b-a8fdp2r82n] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.875rem 1rem;
    border-radius: var(--tara-radius);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    min-width: 0;
    transition: border-color var(--tara-transition);
}

.tara-vdev-kpi-label[b-a8fdp2r82n] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--tara-text-muted);
}

.tara-vdev-kpi strong[b-a8fdp2r82n] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--tara-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tara-vdev-kpi small[b-a8fdp2r82n] {
    font-size: 0.75rem;
    color: var(--tara-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tara-vdev-kpi--accent[b-a8fdp2r82n] {
    background: color-mix(in srgb, var(--tara-primary) 6%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
}

.tara-vdev-kpi--accent strong[b-a8fdp2r82n] {
    color: var(--tara-primary);
}

/* ── Cards generales ──────────────────────────────────────────────────────── */
.tara-vdev-card[b-a8fdp2r82n] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    padding: 1.25rem;
    box-shadow: var(--tara-shadow-sm, var(--tara-shadow));
}

.tara-vdev-card--warning[b-a8fdp2r82n] {
    border-color: color-mix(in srgb, var(--tara-warning, #D97706) 30%, var(--tara-border));
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
}

.tara-vdev-card--summary[b-a8fdp2r82n] {
    background: var(--tara-surface-alt, var(--tara-surface));
}

.tara-vdev-card--summary h2[b-a8fdp2r82n] {
    margin: 0 0 1rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--tara-text);
}

.tara-vdev-card--footer[b-a8fdp2r82n] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: wrap;
}

/* ── Section head ─────────────────────────────────────────────────────────── */
.tara-vdev-section-head[b-a8fdp2r82n] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.tara-vdev-section-head h2[b-a8fdp2r82n] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--tara-text);
    flex: 1;
    min-width: 0;
    padding-top: 0.25rem;
}

.tara-vdev-section-actions[b-a8fdp2r82n] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.tara-vdev-line-filter[b-a8fdp2r82n] {
    min-width: 180px;
    max-width: 240px;
}

/* ── Patrón oficial Tarahumara Secundario §8.1 — combos/buscadores ──────────
   Fondo neutro en reposo, rojo únicamente en hover/focus. Referencia:
   docs/ui/PATRON_TARAHUMARA_SECUNDARIO.md, estilo tomado de ProductosReporte.razor.css.
   Cubre todos los campos con Class="tara-filter-select" de esta pantalla
   (filtro de artículo, Motivo, Observaciones). ──────────────────────────── */
[b-a8fdp2r82n] .tara-filter-select .mud-input-outlined:hover .mud-input-outlined-border,
[b-a8fdp2r82n] .tara-filter-select .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--tara-primary-dark, var(--tara-primary)) !important;
}

[b-a8fdp2r82n] .tara-filter-select label.mud-input-label-animated.mud-input-label-inputcontrol {
    color: var(--tara-text-muted);
    font-size: .8rem;
}

[b-a8fdp2r82n] .tara-filter-select .mud-input-root-outlined.mud-input-focused label {
    color: var(--tara-primary-dark, var(--tara-primary));
}

.tara-vdev-motivo-field[b-a8fdp2r82n] {
    min-width: 160px;
}

/* Popover del Motivo (MudAutocomplete): ancho propio, no atado al ancho de la
   celda/columna que lo contiene — corrige el popup angosto y las opciones
   cortadas del MudSelect anterior. Texto con wrap, sin truncar. */
[b-a8fdp2r82n] .tara-vdev-motivo-popover.mud-popover {
    min-width: 260px !important;
    max-width: min(92vw, 340px);
    border-radius: var(--tara-radius-sm, 4px) !important;
    border: 1px solid var(--tara-border) !important;
    box-shadow: var(--tara-shadow) !important;
    background: var(--tara-surface) !important;
}

[b-a8fdp2r82n] .tara-vdev-motivo-popover .mud-list-item,
[b-a8fdp2r82n] .tara-vdev-motivo-popover .mud-list-item-text {
    white-space: normal !important;
    word-break: break-word;
}

/* ── Estados vacíos / carga (U3) ─────────────────────────────────────────── */
.tara-vdev-state[b-a8fdp2r82n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem 1.5rem;
    text-align: center;
    color: var(--tara-text-muted);
}

.tara-vdev-state--loading[b-a8fdp2r82n] {
    gap: 1rem;
}

.tara-vdev-empty-icon[b-a8fdp2r82n] {
    color: var(--tara-border-strong, var(--tara-border));
}

[b-a8fdp2r82n] .tara-vdev-empty-icon .mud-icon-root {
    font-size: 3rem;
}

.tara-vdev-empty-title[b-a8fdp2r82n] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--tara-text);
}

.tara-vdev-empty-sub[b-a8fdp2r82n] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--tara-text-muted);
    max-width: 320px;
}

/* ── Tabla desktop (U4) ──────────────────────────────────────────────────── */
.tara-vdev-items-wrap[b-a8fdp2r82n] {
    overflow-x: auto;
    max-height: clamp(400px, calc(100vh - 340px), 760px);
    overflow-y: auto;
    border-radius: var(--tara-radius-sm, 4px);
    border: 1px solid var(--tara-border);
}

.tara-vdev-grid[b-a8fdp2r82n] {
    width: 100%;
    min-width: 1080px;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.tara-vdev-grid thead[b-a8fdp2r82n] {
    position: sticky;
    top: 0;
    z-index: 2;
}

.tara-vdev-grid th[b-a8fdp2r82n] {
    background: var(--tara-th-bg, var(--tara-surface-alt, var(--tara-surface)));
    color: var(--tara-th-text, var(--tara-text-muted));
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.625rem 0.75rem;
    border-bottom: 2px solid var(--tara-border);
    white-space: nowrap;
    text-align: left;
}

.tara-vdev-grid td[b-a8fdp2r82n] {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--tara-border);
    vertical-align: middle;
    color: var(--tara-text);
    background: var(--tara-row-odd, var(--tara-surface));
    transition: background var(--tara-transition);
}

.tara-vdev-grid tbody tr:nth-child(even) td[b-a8fdp2r82n] {
    background: var(--tara-row-even, var(--tara-surface-alt, var(--tara-surface)));
}

/* Hover (U5) */
.tara-vdev-row:hover td[b-a8fdp2r82n] {
    background: var(--tara-row-hover, color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface))) !important;
}

/* Seleccionado — highlight con borde izquierdo (U5) */
.tara-vdev-row--seleccionado td[b-a8fdp2r82n] {
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface)) !important;
}

.tara-vdev-row--seleccionado td:first-child[b-a8fdp2r82n] {
    border-left: 3px solid var(--tara-primary);
}

/* Bloqueado — ya devuelto o sin devolución (U4).
   Se busca transmitir "estado cerrado" (tipo GitHub Closed / Jira Done), no
   "error": fondo rojo muy tenue (4%) + borde izquierdo como indicador
   permanente, en vez de una opacidad plana que antes apagaba por igual al
   chip de estado y a Motivo/Observación (justo lo que debía seguir legible). */
.tara-vdev-row--bloqueado td[b-a8fdp2r82n] {
    background: color-mix(in srgb, var(--tara-danger, var(--tara-primary)) 4%, var(--tara-row-odd, var(--tara-surface))) !important;
}

.tara-vdev-row--bloqueado td:first-child[b-a8fdp2r82n] {
    border-left: 4px solid var(--tara-danger, var(--tara-primary));
}

/* Nombre, SKU, foto y columnas numéricas: contraste reducido — el renglón
   ya salió del flujo de devolución, deja de ser el foco visual. */
.tara-vdev-row--bloqueado .tara-vdev-desc-cell[b-a8fdp2r82n],
.tara-vdev-row--bloqueado .tara-vdev-chip[b-a8fdp2r82n],
.tara-vdev-row--bloqueado .tara-vdev-cell-num[b-a8fdp2r82n],
.tara-vdev-row--bloqueado .tara-vdev-photo[b-a8fdp2r82n],
.tara-vdev-row--bloqueado .tara-vdev-photo--placeholder[b-a8fdp2r82n] {
    opacity: 0.55;
}

/* Motivo / Observación (últimas dos columnas): menor protagonismo, sin
   perder legibilidad — se mantienen visibles a diferencia del resto. */
.tara-vdev-row--bloqueado td:nth-child(10)[b-a8fdp2r82n],
.tara-vdev-row--bloqueado td:nth-child(11)[b-a8fdp2r82n] {
    opacity: 0.85;
}

/* El chip de estado ES el mensaje del renglón — nunca se atenúa */
.tara-vdev-row--bloqueado .tara-vdev-estado-chip[b-a8fdp2r82n] {
    opacity: 1;
}

[b-a8fdp2r82n] .tara-vdev-row--bloqueado .mud-checkbox-input {
    pointer-events: none;
}

.tara-vdev-cell-num[b-a8fdp2r82n] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.tara-vdev-cell-importe[b-a8fdp2r82n] {
    font-weight: 600;
}

/* SKU */
.tara-vdev-chip-cell[b-a8fdp2r82n] {
    white-space: nowrap;
}

.tara-vdev-chip[b-a8fdp2r82n] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    background: var(--tara-surface-alt, var(--tara-surface));
    border: 1px solid var(--tara-border);
    font-size: 0.7rem;
    font-family: 'Courier New', monospace;
    color: var(--tara-text-muted);
    font-weight: 700;
}

/* Descripción */
.tara-vdev-desc-cell[b-a8fdp2r82n] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.tara-vdev-desc-cell strong[b-a8fdp2r82n] {
    font-weight: 600;
    color: var(--tara-text);
}

.tara-vdev-desc-cell small[b-a8fdp2r82n] {
    font-size: 0.7rem;
    color: var(--tara-text-muted);
}

/* Estado chip */
.tara-vdev-estado-chip[b-a8fdp2r82n] {
    font-size: 0.6875rem;
}

/* Foto */
.tara-vdev-photo-btn[b-a8fdp2r82n] {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    border-radius: var(--tara-radius-sm, 4px);
    display: block;
    line-height: 0;
    min-width: 44px;
    min-height: 44px;
}

.tara-vdev-photo-btn:disabled[b-a8fdp2r82n] {
    cursor: default;
}

.tara-vdev-photo-btn:focus-visible[b-a8fdp2r82n] {
    outline: 2px solid var(--tara-primary);
    outline-offset: 2px;
}

.tara-vdev-photo[b-a8fdp2r82n] {
    width: 54px;
    height: 54px;
    border-radius: var(--tara-radius-sm, 4px);
    object-fit: cover;
    border: 1px solid var(--tara-border);
    display: block;
}

.tara-vdev-photo--placeholder[b-a8fdp2r82n] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--tara-surface-alt, var(--tara-surface));
    color: var(--tara-border-strong, var(--tara-border));
}

/* Checkbox */
.tara-vdev-checkbox[b-a8fdp2r82n] {
    margin: 0;
}

/* ── Mobile cards (U4, U6) ───────────────────────────────────────────────── */
.tara-vdev-cards-mobile[b-a8fdp2r82n] {
    display: none;
    flex-direction: column;
    gap: 0.75rem;
}

.tara-vdev-card-item[b-a8fdp2r82n] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    padding: 0.875rem;
    background: var(--tara-surface);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    transition: border-color var(--tara-transition), box-shadow var(--tara-transition), background var(--tara-transition);
}

.tara-vdev-card-item--seleccionado[b-a8fdp2r82n] {
    border-color: var(--tara-primary);
    border-left-width: 3px;
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 12%, transparent);
}

/* Estado cerrado (mismo lenguaje que la tabla desktop): fondo rojo muy tenue
   + borde izquierdo, en vez de opacidad plana que también apagaba el chip. */
.tara-vdev-card-item--bloqueado[b-a8fdp2r82n] {
    pointer-events: none;
    border-left: 4px solid var(--tara-danger, var(--tara-primary));
    background: color-mix(in srgb, var(--tara-danger, var(--tara-primary)) 4%, var(--tara-surface));
}

.tara-vdev-card-item--bloqueado .tara-vdev-card-nombre[b-a8fdp2r82n],
.tara-vdev-card-item--bloqueado .tara-vdev-card-talla[b-a8fdp2r82n],
.tara-vdev-card-item--bloqueado .tara-vdev-card-amounts[b-a8fdp2r82n],
.tara-vdev-card-item--bloqueado .tara-vdev-card-importe[b-a8fdp2r82n] {
    opacity: 0.55;
}

.tara-vdev-card-top[b-a8fdp2r82n] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

/* Foto en la card mobile — misma foto/placeholder/modal que la tabla desktop,
   a la izquierda del nombre. min-width/min-height 44px ya vienen de
   .tara-vdev-photo-btn (compartida con desktop). */
.tara-vdev-card-top .tara-vdev-photo-btn[b-a8fdp2r82n] {
    flex-shrink: 0;
}

.tara-vdev-card-nombre[b-a8fdp2r82n] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.tara-vdev-card-nombre strong[b-a8fdp2r82n] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--tara-text);
    line-height: 1.3;
}

.tara-vdev-card-talla[b-a8fdp2r82n] {
    font-size: 0.75rem;
    color: var(--tara-text-muted);
}

.tara-vdev-card-amounts[b-a8fdp2r82n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8125rem;
    color: var(--tara-text-muted);
}

.tara-vdev-card-importe[b-a8fdp2r82n] {
    font-weight: 700;
    color: var(--tara-text);
    font-size: 0.9rem;
    font-variant-numeric: tabular-nums;
}

.tara-vdev-card-inputs[b-a8fdp2r82n] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* ── Resumen (U1) ─────────────────────────────────────────────────────────── */
.tara-vdev-summary-grid[b-a8fdp2r82n] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
}

.tara-vdev-summary-box[b-a8fdp2r82n] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.875rem 1rem;
    border-radius: var(--tara-radius-sm, 4px);
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
}

.tara-vdev-summary-box span[b-a8fdp2r82n] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--tara-text-muted);
}

.tara-vdev-summary-box strong[b-a8fdp2r82n] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--tara-text);
    font-variant-numeric: tabular-nums;
}

.tara-vdev-summary-box--accent[b-a8fdp2r82n] {
    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-vdev-summary-box--accent strong[b-a8fdp2r82n] {
    color: var(--tara-primary);
}

/* ── Botón submit (U5) ────────────────────────────────────────────────────── */
.tara-vdev-submit-btn[b-a8fdp2r82n] {
    min-height: 52px;
    min-width: 200px;
    font-weight: 600;
}

.tara-vdev-submit-hint[b-a8fdp2r82n] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--tara-text-muted);
}

/* ── Modal foto (U7) ──────────────────────────────────────────────────────── */
.tara-vdev-photo-modal[b-a8fdp2r82n] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    background: color-mix(in srgb, var(--tara-text) 72%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    cursor: pointer;
}

.tara-vdev-photo-dialog[b-a8fdp2r82n] {
    background: var(--tara-surface);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-lg, var(--tara-shadow));
    padding: 1.25rem;
    max-width: min(92vw, 420px);
    width: 100%;
    overflow-y: auto;
    max-height: 90vh;
    cursor: default;
    animation: tara-vdev-slidein-b-a8fdp2r82n 0.2s ease-out;
}

.tara-vdev-photo-dialog-head[b-a8fdp2r82n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    gap: 0.5rem;
}

.tara-vdev-photo-dialog-head strong[b-a8fdp2r82n] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--tara-text);
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-vdev-photo-large[b-a8fdp2r82n] {
    width: 100%;
    max-height: 300px;
    object-fit: contain;
    border-radius: var(--tara-radius-sm, 4px);
    border: 1px solid var(--tara-border);
}

/* ── Modal cámara — mismo patrón que .tara-pos-camara-* de /ventas/nueva ───── */
.tara-vdev-camara-backdrop[b-a8fdp2r82n] {
    position: fixed;
    inset: 0;
    z-index: 1700;
    background: rgba(8, 8, 12, .88);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: max(1rem, env(safe-area-inset-top, 1rem))
             1rem
             max(1rem, env(safe-area-inset-bottom, 1rem))
             1rem;
}

.tara-vdev-camara-modal[b-a8fdp2r82n] {
    display: flex;
    flex-direction: column;
    width: min(480px, 96vw);
    max-height: 92dvh;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-lg, var(--tara-shadow));
    overflow: hidden;
}

.tara-vdev-camara-header[b-a8fdp2r82n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    flex-shrink: 0;
}

.tara-vdev-camara-title[b-a8fdp2r82n] {
    font-size: .9rem;
    font-weight: 500;
    color: var(--tara-text);
}

.tara-vdev-camara-close[b-a8fdp2r82n] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: var(--tara-radius-sm, 4px);
    color: var(--tara-text-muted);
    cursor: pointer;
    transition: color .15s, background .15s;
}

.tara-vdev-camara-close svg[b-a8fdp2r82n] {
    width: 18px;
    height: 18px;
}

.tara-vdev-camara-close:hover[b-a8fdp2r82n] {
    color: var(--tara-text);
    background: color-mix(in srgb, var(--tara-text) 8%, transparent);
}

.tara-vdev-camara-visor[b-a8fdp2r82n] {
    position: relative;
    aspect-ratio: 4 / 3;
    background: #000;
    overflow: hidden;
    flex-shrink: 0;
}

.tara-vdev-camara-video[b-a8fdp2r82n] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.tara-vdev-camara-guia[b-a8fdp2r82n] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.tara-vdev-camara-guia-marco[b-a8fdp2r82n] {
    width: 72%;
    height: 38%;
    border: 2px solid rgba(255, 255, 255, .65);
    border-radius: 6px;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, .38);
    position: relative;
}

.tara-vdev-camara-guia-marco[b-a8fdp2r82n]::before,
.tara-vdev-camara-guia-marco[b-a8fdp2r82n]::after {
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    border-color: var(--tara-primary);
    border-style: solid;
}

.tara-vdev-camara-guia-marco[b-a8fdp2r82n]::before {
    top: -2px;
    left: -2px;
    border-width: 3px 0 0 3px;
    border-radius: 4px 0 0 0;
}

.tara-vdev-camara-guia-marco[b-a8fdp2r82n]::after {
    bottom: -2px;
    right: -2px;
    border-width: 0 3px 3px 0;
    border-radius: 0 0 4px 0;
}

.tara-vdev-camara-guia-linea[b-a8fdp2r82n] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tara-vdev-camara-guia-linea[b-a8fdp2r82n]::after {
    content: '';
    position: absolute;
    width: 72%;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--tara-primary), transparent);
    animation: tara-vdev-camara-scan-b-a8fdp2r82n 1.8s ease-in-out infinite;
}

@keyframes tara-vdev-camara-scan-b-a8fdp2r82n {
    0%   { transform: translateY(-50px); opacity: 0; }
    15%  { opacity: 1; }
    85%  { opacity: 1; }
    100% { transform: translateY(50px); opacity: 0; }
}

.tara-vdev-camara-footer[b-a8fdp2r82n] {
    padding: .75rem 1.25rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .6rem;
    flex-shrink: 0;
    border-top: 1px solid var(--tara-border-subtle);
}

.tara-vdev-camara-hint[b-a8fdp2r82n] {
    margin: 0;
    font-size: .8rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-vdev-camara-status[b-a8fdp2r82n] {
    margin: 0;
    font-size: .8rem;
    color: color-mix(in srgb, var(--tara-text) 70%, transparent);
    text-align: center;
}

@media (prefers-reduced-motion: reduce) {
    .tara-vdev-camara-guia-linea[b-a8fdp2r82n]::after { animation: none; }
}

/* ── Responsive U6: 1100px ───────────────────────────────────────────────── */
@media (max-width: 1100px) {
    .tara-vdev-kpis[b-a8fdp2r82n] {
        grid-template-columns: repeat(3, 1fr);
    }

    .tara-vdev-summary-grid[b-a8fdp2r82n] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ── Responsive U6: 900px ────────────────────────────────────────────────── */
@media (max-width: 900px) {
    .tara-vdev-page[b-a8fdp2r82n] {
        padding: 0 0.75rem 1.5rem;
    }

    .tara-vdev-kpis[b-a8fdp2r82n] {
        grid-template-columns: repeat(2, 1fr);
    }

    .tara-vdev-scan-wrap[b-a8fdp2r82n] {
        padding: 1rem;
    }

    .tara-vdev-section-actions[b-a8fdp2r82n] {
        width: 100%;
    }
}

/* ── Responsive U6: 768px — tablet ──────────────────────────────────────── */
@media (max-width: 768px) {
    .tara-vdev-page[b-a8fdp2r82n] {
        gap: 0.875rem;
    }

    .tara-vdev-header-copy h1[b-a8fdp2r82n] {
        font-size: 1.125rem;
    }

    .tara-vdev-kpis[b-a8fdp2r82n] {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Cards en lugar de tabla */
    .tara-vdev-items-wrap[b-a8fdp2r82n] {
        display: none;
    }

    .tara-vdev-cards-mobile[b-a8fdp2r82n] {
        display: flex;
    }

    .tara-vdev-success-panel[b-a8fdp2r82n] {
        flex-direction: column;
        align-items: flex-start;
    }

    .tara-vdev-success-actions[b-a8fdp2r82n] {
        width: 100%;
    }

    /* Fase 1 (auditoría responsive): acción principal fija al fondo en mobile/tablet
       para que "Procesar devolución" quede siempre alcanzable sin scroll largo. */
    .tara-vdev-card--footer[b-a8fdp2r82n] {
        flex-direction: column;
        align-items: stretch;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 40;
        border-left: none;
        border-right: none;
        border-bottom: none;
        border-radius: 0;
        box-shadow: var(--tara-shadow-lg, var(--tara-shadow));
        padding-bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px));
    }

    .tara-vdev-submit-btn[b-a8fdp2r82n] {
        width: 100%;
    }

    /* Fase 2: inputs Motivo/Observaciones con alto táctil ≥44px en cards mobile,
       sin tocar los mismos campos dentro de la tabla desktop (oculta en este breakpoint). */
    [b-a8fdp2r82n] .tara-vdev-card-inputs .mud-input-root {
        min-height: 44px;
    }

    [b-a8fdp2r82n] .tara-vdev-card-inputs input,
    [b-a8fdp2r82n] .tara-vdev-card-inputs .mud-select-input {
        min-height: 44px;
    }

    /* Fase 3: checkbox de selección con área táctil ≥44x44 en mobile.
       El checkbox de la tabla desktop (.tara-vdev-checkbox) queda oculto en este
       breakpoint; el de las cards mobile no tiene clase propia, se alcanza vía
       su contenedor .tara-vdev-card-top. Densidad de escritorio no se toca. */
    [b-a8fdp2r82n] .tara-vdev-checkbox.mud-checkbox-root,
    .tara-vdev-card-top[b-a8fdp2r82n]  .mud-checkbox-root {
        min-width: 44px;
        min-height: 44px;
    }

    /* Fase 4: icon buttons de header (Volver/Refrescar) con mínimo táctil 44px,
       extendiendo hacia tablet la regla que antes solo vivía en el bloque ≤430px.
       Acotado al header — no afecta los botones Size.Small de la barra de acciones. */
    [b-a8fdp2r82n] .tara-vdev-back-btn.mud-button-root,
    .tara-vdev-header-actions[b-a8fdp2r82n]  .mud-button-root {
        min-height: 44px;
        min-width: 44px;
    }
}

/* ── Responsive U6: 600px ────────────────────────────────────────────────── */
@media (max-width: 600px) {
    .tara-vdev-page[b-a8fdp2r82n] {
        padding: 0 0.5rem 1.5rem;
    }

    .tara-vdev-scan-field[b-a8fdp2r82n] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-vdev-scan-btn[b-a8fdp2r82n] {
        width: 100%;
        height: 48px;
    }

    /* Sin espacio para un icon-button cuadrado junto al input: se apila y
       toma el ancho completo, igual que Buscar, en vez de estirarse deforme. */
    [b-a8fdp2r82n] .tara-vdev-camara-icon-btn.mud-icon-button {
        width: 100%;
        height: 48px;
    }

    .tara-vdev-kpis[b-a8fdp2r82n] {
        grid-template-columns: 1fr 1fr;
    }

    .tara-vdev-summary-grid[b-a8fdp2r82n] {
        grid-template-columns: 1fr 1fr;
    }

    .tara-vdev-section-head[b-a8fdp2r82n] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-vdev-section-actions[b-a8fdp2r82n] {
        justify-content: flex-end;
    }

    .tara-vdev-line-filter[b-a8fdp2r82n] {
        max-width: 100%;
        min-width: 0;
    }
}

/* ── Responsive U6: 430px ────────────────────────────────────────────────── */
@media (max-width: 430px) {
    .tara-vdev-page[b-a8fdp2r82n] {
        padding: 0 0.25rem 1rem;
        gap: 0.75rem;
    }

    .tara-vdev-card[b-a8fdp2r82n] {
        padding: 1rem;
    }

    .tara-vdev-kpis[b-a8fdp2r82n] {
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
    }

    .tara-vdev-kpi[b-a8fdp2r82n] {
        padding: 0.75rem;
    }

    .tara-vdev-kpi strong[b-a8fdp2r82n] {
        font-size: 0.9rem;
    }

    .tara-vdev-summary-grid[b-a8fdp2r82n] {
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
    }

    .tara-vdev-pills[b-a8fdp2r82n] {
        gap: 0.375rem;
    }

    .tara-vdev-pill[b-a8fdp2r82n] {
        padding: 0.25rem 0.55rem;
        font-size: 0.7rem;
    }

    /* Touch targets >= 44px (U6) */
    .tara-vdev-scan-btn[b-a8fdp2r82n] {
        min-height: 44px;
    }

    [b-a8fdp2r82n] .mud-button-root {
        min-height: 44px;
    }
}

/* ── Responsive U6: 390px ────────────────────────────────────────────────── */
@media (max-width: 390px) {
    .tara-vdev-header[b-a8fdp2r82n] {
        gap: 0.5rem;
    }

    .tara-vdev-header-copy h1[b-a8fdp2r82n] {
        font-size: 1rem;
    }

    .tara-vdev-success-panel[b-a8fdp2r82n] {
        padding: 1rem;
        gap: 0.875rem;
    }

    .tara-vdev-success-folio[b-a8fdp2r82n] {
        font-size: 1.125rem;
    }

    .tara-vdev-success-total[b-a8fdp2r82n] {
        font-size: 1.25rem;
    }
}

/* ── Responsive U6: 360px ────────────────────────────────────────────────── */
@media (max-width: 360px) {
    .tara-vdev-page[b-a8fdp2r82n] {
        padding: 0 0.125rem 1rem;
    }

    .tara-vdev-card[b-a8fdp2r82n] {
        padding: 0.75rem;
    }

    .tara-vdev-kpis[b-a8fdp2r82n] {
        grid-template-columns: 1fr;
    }

    .tara-vdev-success-actions[b-a8fdp2r82n] {
        flex-direction: column;
    }
}

/* ── Fase 1 (auditoría responsive): clearance del footer fijo ───────────────
   Se declara al final a propósito: los bloques 900/600/430/360px de arriba
   fijan `padding` en shorthand (incluye padding-bottom) y este bloque debe
   ganar en cascada para todos ellos sin tocar left/right/top de ninguno. */
@media (max-width: 768px) {
    .tara-vdev-page[b-a8fdp2r82n] {
        padding-bottom: calc(8rem + env(safe-area-inset-bottom, 0px));
    }
}

/* ── Landscape móvil ─────────────────────────────────────────────────────── */
@media (max-height: 500px) and (orientation: landscape) {
    .tara-vdev-state[b-a8fdp2r82n] {
        padding: 1.5rem 1rem;
    }

    .tara-vdev-kpis[b-a8fdp2r82n] {
        grid-template-columns: repeat(5, 1fr);
    }

    .tara-vdev-items-wrap[b-a8fdp2r82n] {
        max-height: calc(100vh - 200px);
    }
}

/* ── iOS safe area ────────────────────────────────────────────────────────── */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
    .tara-vdev-page[b-a8fdp2r82n] {
        padding-bottom: calc(2rem + env(safe-area-inset-bottom));
    }
}

/* ── prefers-reduced-motion ──────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    .tara-vdev-success-panel[b-a8fdp2r82n] {
        animation: none;
    }

    .tara-vdev-scan-wrap--error[b-a8fdp2r82n] {
        animation: none;
    }

    .tara-vdev-photo-dialog[b-a8fdp2r82n] {
        animation: none;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ventas/VentasNueva.razor.rz.scp.css */
/* ─── VentasNueva — CSS isolation ───────────────────────────────────────────
   Regla crítica: NO declarar --tara-* aquí. Consumir tokens del global.
   S5 VENDER Premium POS UX: Carrito protagonista, total display, scan-first.
   ─────────────────────────────────────────────────────────────────────────── */

/* ── Overlays — backdrop común con safe-area iOS ─────────────────────────── */
.tara-overlay-backdrop[b-2zufwcf503] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: max(1rem, env(safe-area-inset-top, 1rem))
             1rem
             max(1rem, env(safe-area-inset-bottom, 1rem))
             1rem;
}

/* ══════════════════════════════════════════════════════════════════════════
   GRID PRINCIPAL — izquierda 66% | derecha 34%
   ══════════════════════════════════════════════════════════════════════════ */
.tara-pos-main-grid[b-2zufwcf503] {
    display: grid;
    grid-template-columns: minmax(0, 1.95fr) minmax(240px, 1fr);
    gap: 1.1rem;
    align-items: start;
}

/* Columna izquierda: sin gaps innecesarios entre secciones */
.tara-pos-col-left[b-2zufwcf503] {
    display: flex;
    flex-direction: column;
    gap: 0;                       /* secciones se tocan — separadas por dividers */
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    overflow: hidden;
}

/* ══════════════════════════════════════════════════════════════════════════
   CLIENTE — dos estados claramente diferenciados: Público general (discreto)
   vs Cliente seleccionado (protagonista). Diferencia por jerarquía, tipografía,
   espaciado y composición — no solo por color.
   ══════════════════════════════════════════════════════════════════════════ */
.tara-pos-cliente-strip[b-2zufwcf503] {
    padding: .5rem .85rem .55rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    background: var(--tara-surface);
    border-left: 3px solid transparent;
    transition: background .15s, border-color .15s, padding .15s;
}

/* Estado 1 — Público general: discreto, sin acento, look neutro */
.tara-pos-cliente-strip--general[b-2zufwcf503] {
    background: var(--tara-surface);
}

/* Estado 2 — Cliente seleccionado: acento + más aire + nombre protagonista */
.tara-pos-cliente-strip--activo[b-2zufwcf503] {
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface));
    border-left-color: var(--tara-primary);
    padding-top: .65rem;
    padding-bottom: .7rem;
}

.tara-pos-cliente-strip__header[b-2zufwcf503] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .5rem;
    flex-wrap: wrap;
    margin-bottom: .35rem;
}

.tara-pos-cliente-strip__identity[b-2zufwcf503] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    min-width: 0;
}

.tara-pos-cliente-strip__icon-badge[b-2zufwcf503] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: .05rem;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    transition: background .15s, border-color .15s;
}
.tara-pos-cliente-strip--activo .tara-pos-cliente-strip__icon-badge[b-2zufwcf503] {
    background: color-mix(in srgb, var(--tara-primary) 16%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 35%, var(--tara-border));
}

[b-2zufwcf503] .tara-pos-cliente-strip__icon.mud-icon-root {
    font-size: .95rem;
    color: var(--tara-text-muted);
    flex-shrink: 0;
}
.tara-pos-cliente-strip--activo[b-2zufwcf503]  .tara-pos-cliente-strip__icon.mud-icon-root {
    color: var(--tara-primary-dark);
}

.tara-pos-cliente-strip__textos[b-2zufwcf503] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    min-width: 0;
}

.tara-pos-cliente-strip__nombre[b-2zufwcf503] {
    font-size: .88rem;
    font-weight: 500;
    color: var(--tara-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

/* Cliente seleccionado: nombre es el elemento protagonista de la franja */
.tara-pos-cliente-strip__nombre--activo[b-2zufwcf503] {
    color: var(--tara-text);
    font-weight: 800;
    font-size: 1.05rem;
    letter-spacing: -.01em;
}

.tara-pos-cliente-strip__chips[b-2zufwcf503] {
    display: flex;
    align-items: center;
    gap: .35rem;
    flex-wrap: wrap;
}

.tara-pos-chip[b-2zufwcf503] {
    font-size: .66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    border-radius: 9999px;
    padding: .14rem .5rem;
    white-space: nowrap;
    line-height: 1.3;
}

.tara-pos-chip--neutro[b-2zufwcf503] {
    color: var(--tara-text-muted);
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
}

.tara-pos-chip--cliente[b-2zufwcf503] {
    color: var(--tara-text-inverse);
    background: var(--tara-primary);
}

.tara-pos-chip--descuento[b-2zufwcf503] {
    color: var(--tara-success);
    background: color-mix(in srgb, var(--tara-success) 10%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-success) 25%, var(--tara-border));
    text-transform: none;
    letter-spacing: 0;
    font-weight: 700;
}

.tara-pos-cliente-strip__monedero[b-2zufwcf503] {
    font-size: .66rem;
    font-weight: 700;
    color: var(--tara-success);
    background: color-mix(in srgb, var(--tara-success) 9%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-success) 22%, var(--tara-border));
    border-radius: 9999px;
    padding: .14rem .5rem;
    flex-shrink: 0;
    white-space: nowrap;
    line-height: 1.3;
}

.tara-pos-cliente-strip__search[b-2zufwcf503] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .55rem;
    align-items: end;
}
[b-2zufwcf503] .tara-pos-cliente-strip__search .mud-button-root {
    min-height: 40px;
}

.tara-pos-fiscal-panel[b-2zufwcf503] {
    margin-top: .7rem;
    padding: .85rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.tara-pos-fiscal-panel--active[b-2zufwcf503] {
    border-color: color-mix(in srgb, var(--tara-primary) 32%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
}

.tara-pos-fiscal-panel__header[b-2zufwcf503],
.tara-pos-fiscal-panel__switch[b-2zufwcf503],
.tara-pos-fiscal-panel__actions[b-2zufwcf503] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
}

.tara-pos-fiscal-panel__title[b-2zufwcf503] {
    color: var(--tara-text);
    font-size: .95rem;
    font-weight: 800;
    letter-spacing: -.01em;
}

.tara-pos-fiscal-panel__subtitle[b-2zufwcf503],
.tara-pos-fiscal-panel__hint[b-2zufwcf503] {
    color: var(--tara-text-muted);
    font-size: .82rem;
    line-height: 1.35;
}

.tara-pos-fiscal-panel__body[b-2zufwcf503] {
    display: grid;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    gap: .85rem;
    align-items: start;
}

.tara-pos-fiscal-summary[b-2zufwcf503] {
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    padding: .8rem;
    display: flex;
    flex-direction: column;
    gap: .7rem;
}

.tara-pos-fiscal-summary--ok[b-2zufwcf503] {
    border-color: color-mix(in srgb, var(--tara-success) 28%, var(--tara-border));
}

.tara-pos-fiscal-summary--warning[b-2zufwcf503] {
    border-color: color-mix(in srgb, var(--tara-warning) 28%, var(--tara-border));
}

.tara-pos-fiscal-summary__grid[b-2zufwcf503] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem .9rem;
}

.tara-pos-fiscal-summary__grid > div[b-2zufwcf503] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
}

.tara-pos-fiscal-summary__grid strong[b-2zufwcf503] {
    color: var(--tara-text);
    font-size: .9rem;
    line-height: 1.3;
    word-break: break-word;
}

.tara-pos-fiscal-summary__label[b-2zufwcf503] {
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.tara-pos-fiscal-summary__missing[b-2zufwcf503] {
    color: var(--tara-text);
    font-size: .84rem;
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.tara-pos-fiscal-summary__missing span[b-2zufwcf503] {
    color: var(--tara-warning);
    font-weight: 700;
}

.tara-pos-fiscal-summary__missing ul[b-2zufwcf503] {
    margin: 0;
    padding-left: 1rem;
    color: var(--tara-text-muted);
}

.tara-pos-postventa-fiscal[b-2zufwcf503] {
    margin-top: .9rem;
    padding: .85rem 1rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid color-mix(in srgb, var(--tara-warning) 28%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-warning) 8%, var(--tara-surface));
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.tara-pos-postventa-fiscal__head[b-2zufwcf503] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.tara-pos-postventa-fiscal__head strong[b-2zufwcf503] {
    color: var(--tara-text);
    font-size: .95rem;
}

.tara-pos-postventa-fiscal__head span[b-2zufwcf503],
.tara-pos-postventa-fiscal__meta[b-2zufwcf503] {
    color: var(--tara-text-muted);
    font-size: .84rem;
}

.tara-pos-postventa-fiscal__meta[b-2zufwcf503] {
    display: flex;
    gap: .85rem;
    flex-wrap: wrap;
}

.tara-pos-postventa-fiscal__warnings[b-2zufwcf503] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    color: var(--tara-text-muted);
    font-size: .83rem;
}

.tara-pos-postventa-fiscal__actions[b-2zufwcf503] {
    display: flex;
    gap: .65rem;
    flex-wrap: wrap;
    align-items: center;
}

/* pedidos vigentes eliminados del strip — viven en badge del carrito */

/* ══════════════════════════════════════════════════════════════════════════
   CAPTURA — una sola línea: SKU compacto | búsqueda flexible | Agregar
   Principio: el cajero escanea primero, busca por nombre como alternativa
   ══════════════════════════════════════════════════════════════════════════ */
.tara-pos-sku-strip[b-2zufwcf503] {
    padding: .45rem .85rem .4rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    border-left: 3px solid var(--tara-border);
    background: var(--tara-surface);
    transition: border-color .15s, background-color .15s;
}

/* Rojo solo cuando el SKU tiene foco (incluye escaneo activo) o hubo un error */
.tara-pos-sku-strip:focus-within[b-2zufwcf503],
.tara-pos-sku-strip:has(.tara-sku-wrap-err)[b-2zufwcf503] {
    border-left-color: var(--tara-primary);
    background: color-mix(in srgb, var(--tara-primary) 2%, var(--tara-surface));
}

/* Fila única de captura: SKU fijo | búsqueda flex | botón */
.tara-pos-captura-row[b-2zufwcf503] {
    display: grid;
    grid-template-columns: clamp(220px, 18vw, 260px) minmax(0, 1fr) clamp(180px, 12vw, 210px);
    gap: .75rem;
    align-items: end;
}

/* Botón Agregar: misma altura que inputs Dense Outlined (~40px) */
[b-2zufwcf503] .tara-pos-captura-row > .mud-button-root {
    min-height: 40px;
    width: 100%;
}

.tara-pos-buscar-col[b-2zufwcf503] { min-width: 0; }

/* Meta-línea: scanner status + toast en la misma fila */
.tara-pos-captura-meta[b-2zufwcf503] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    margin-top: .2rem;
}

/* ══════════════════════════════════════════════════════════════════════════
   CARRITO — protagonista absoluto, crece para dominar
   Principio: el cajero no usa 70% de su tiempo en el cliente
   ══════════════════════════════════════════════════════════════════════════ */
.tara-secondary-page[b-2zufwcf503] {
    padding-top: .25rem;
}

.tara-pos-carrito-main[b-2zufwcf503] {
    padding: .75rem .85rem;
    flex: 1;
    min-height: clamp(420px, calc(100vh - 14.5rem), 82vh);
    display: flex;
    flex-direction: column;
    background: var(--tara-surface);
}

.tara-pos-carrito-main__header[b-2zufwcf503] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    margin-bottom: .55rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid var(--tara-border-subtle);
}

.tara-pos-carrito-header-actions[b-2zufwcf503] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.tara-pos-carrito-main__title[b-2zufwcf503] {
    margin: 0;
    color: var(--tara-text);
    font-size: .92rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.tara-pos-carrito-main__piezas[b-2zufwcf503] {
    font-size: .78rem;
    color: var(--tara-text-muted);
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border-subtle);
    border-radius: 9999px;
    padding: .1rem .55rem;
}

/* Badge discreto de pedidos vigentes */
.tara-pos-pedidos-badge[b-2zufwcf503] {
    font-size: .76rem !important;
}

/* Tabla del carrito: wrapper */
.tara-pos-carrito-table-wrap[b-2zufwcf503] {
    flex: 1;
    overflow: auto;
}

/* Carrito móvil vs desktop/tablet: una sola fuente de verdad (_cartRows),
   dos presentaciones — se alternan por CSS, MudTable nunca se usa en mobile. */
.tara-pos-carrito-mobile-view[b-2zufwcf503] {
    display: none;
    flex: 1;
    overflow: auto;
}

/* Filas de artículos: altura tipo POS premium ≥ 48px */
[b-2zufwcf503] .tara-pos-carrito-table-wrap .mud-table-cell {
    padding-top: .7rem !important;
    padding-bottom: .7rem !important;
}

/* Nombre del producto: dominante */
[b-2zufwcf503] .tara-pos-carrito-table-wrap .mud-table-cell strong {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
}

/* Botones editar/eliminar: touch target */
[b-2zufwcf503] .tara-pos-accion-btn .mud-icon-button {
    min-width: 36px;
    min-height: 36px;
}

/* ── Foto miniatura en fila del carrito (respeta Android: 50px card) ─── */
.tara-pos-foto-thumb[b-2zufwcf503] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface-raised);
    overflow: hidden;
    cursor: pointer;
    padding: 0;
    transition: border-color .15s, box-shadow .15s;
    flex-shrink: 0;
}
.tara-pos-foto-thumb:hover[b-2zufwcf503],
.tara-pos-foto-thumb:focus-visible[b-2zufwcf503] {
    border-color: var(--tara-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-primary) 25%, transparent);
    outline: none;
}
.tara-pos-foto-thumb img[b-2zufwcf503] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
[b-2zufwcf503] .tara-pos-foto-thumb__fallback.mud-icon-root {
    font-size: 1.35rem;
    color: var(--tara-border);
}

/* ══════════════════════════════════════════════════════════════════════════
   CARRITO: empty state — ocupa el espacio y llama a escanear
   ══════════════════════════════════════════════════════════════════════════ */
.tara-pos-carrito-empty[b-2zufwcf503] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    padding: 2.5rem 1.5rem;
    text-align: center;
}

.tara-pos-carrito-empty__icon[b-2zufwcf503] {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--tara-primary-subtle);
    border: 1.5px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    border-radius: 50%;
}

[b-2zufwcf503] .tara-pos-carrito-empty__icon .mud-icon-root {
    font-size: 1.9rem;
    color: var(--tara-primary);
    opacity: .8;
}

.tara-pos-carrito-empty__title[b-2zufwcf503] {
    margin: 0;
    color: var(--tara-text);
    font-weight: 700;
    font-size: 1rem;
}

.tara-pos-carrito-empty__hint[b-2zufwcf503] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .85rem;
    max-width: 28ch;
    line-height: 1.5;
}

/* ══════════════════════════════════════════════════════════════════════════
   RESUMEN — display de caja registradora, panel independiente
   Principio: total visible desde 2m, centrado, sin ruido
   ══════════════════════════════════════════════════════════════════════════ */
.tara-pos-resumen-wrap[b-2zufwcf503] {
    position: sticky;
    top: 1rem;
}

/* Fondo del panel: neutro cálido (token --tara-surface-raised, el mismo
   "marfil" que ya usa el resto de la Tarahumara Pro) — NO mezcla de rojo
   como fondo. La identidad de marca vive en un acento superior sólido;
   el rojo fuerte queda reservado para el número del total y Finalizar venta */
.tara-pos-resumen-card[b-2zufwcf503] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    overflow: hidden;
    box-shadow: var(--tara-shadow);
}

/* Hero: bloque rojo corporativo sólido — display financiero de caja,
   alto contraste blanco/rojo, protagonismo de marca. El body/footer
   quedan neutros para que el único rojo "fuerte" compita solo con
   Finalizar venta, no entre sí */
.tara-pos-resumen-hero[b-2zufwcf503] {
    background: var(--tara-primary);
    padding: 1.75rem 1.35rem 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: .35rem;
}

.tara-pos-resumen-hero__label[b-2zufwcf503] {
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: .18em;
    color: var(--tara-text-inverse);
    font-weight: 600;
}

/* El número que el cajero y el cliente ven desde cualquier ángulo */
.tara-pos-resumen-hero__total[b-2zufwcf503] {
    font-size: 3.75rem;
    font-weight: 800;
    line-height: 1;
    color: var(--tara-text-inverse);
    letter-spacing: -.03em;
    font-variant-numeric: tabular-nums;
}

.tara-pos-resumen-hero__piezas[b-2zufwcf503] {
    font-size: .78rem;
    color: var(--tara-text-inverse);
    margin-top: .1rem;
}

/* Subtotales: mismo fondo neutro cálido del panel, legibles sin competir con el total */
.tara-pos-resumen-body[b-2zufwcf503] {
    padding: .95rem 1.35rem 1rem;
    display: flex;
    flex-direction: column;
    gap: .55rem;
    border-bottom: 1px solid var(--tara-border);
    background: var(--tara-surface-raised);
}

.tara-pos-resumen-row[b-2zufwcf503] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    font-size: 1.1rem;              /* 18-20px legibles sin esfuerzo */
    color: var(--tara-text);
    font-variant-numeric: tabular-nums;
}

.tara-pos-resumen-row span:last-child[b-2zufwcf503] {
    font-weight: 600;
}

.tara-pos-resumen-row--descuento span:last-child[b-2zufwcf503] {
    color: var(--tara-success);
}

/* Footer: checkout como CTA principal; puede tener "Nueva venta" + Checkout apilados */
.tara-pos-resumen-footer[b-2zufwcf503] {
    padding: .9rem 1.35rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

/* Botón Checkout: debe sentirse como PAGAR */
[b-2zufwcf503] .tara-pos-checkout-btn.mud-button-root {
    height: 3.5rem;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: .04em;
}

/* ══════════════════════════════════════════════════════════════════════════
   POSTVENTA
   ══════════════════════════════════════════════════════════════════════════ */
.tara-postventa-ok[b-2zufwcf503] {
    background: color-mix(in srgb, var(--tara-success) 6%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-success) 22%, var(--tara-border));
    border-radius: var(--tara-radius);
    margin-bottom: 1rem;
}

.tara-postventa-cambio[b-2zufwcf503] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .4rem .85rem;
    margin-top: .35rem;
    background: color-mix(in srgb, var(--tara-success) 10%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-success) 25%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
}

/* ══════════════════════════════════════════════════════════════════════════
   S3-B — Scanner flash (preservado intacto)
   ══════════════════════════════════════════════════════════════════════════ */
@keyframes tara-flash-ok-b-2zufwcf503 {
    0%,100% { background-color: transparent; }
    30%     { background-color: color-mix(in srgb, var(--tara-success) 18%, transparent); }
}
@keyframes tara-flash-err-b-2zufwcf503 {
    0%,100% { background-color: transparent; }
    30%     { background-color: color-mix(in srgb, var(--tara-danger) 16%, transparent); }
}
.tara-sku-wrap-ok[b-2zufwcf503]  { border-radius: var(--tara-radius-sm); animation: tara-flash-ok-b-2zufwcf503  120ms ease-out; }
.tara-sku-wrap-err[b-2zufwcf503] { border-radius: var(--tara-radius-sm); animation: tara-flash-err-b-2zufwcf503 120ms ease-out; }

/* S3-B — Nuevo renglón carrito */
@keyframes tara-row-nueva-b-2zufwcf503 {
    0%   { background-color: color-mix(in srgb, var(--tara-success) 16%, transparent); }
    100% { background-color: transparent; }
}
.tara-row-nueva-cell[b-2zufwcf503] { animation: tara-row-nueva-b-2zufwcf503 700ms ease-out; }

/* S3-C — Toast último producto */
@keyframes tara-toast-in-b-2zufwcf503 {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}
.tara-ultimo-producto[b-2zufwcf503] {
    animation: tara-toast-in-b-2zufwcf503 80ms ease-out;
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .4rem .75rem;
    background: color-mix(in srgb, var(--tara-success) 8%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-success) 22%, var(--tara-border));
    border-radius: var(--tara-radius-sm);
    margin-top: .4rem;
    font-size: .88rem;
    color: var(--tara-text);
}

/* S3-C — Scanner status */
.tara-scanner-status[b-2zufwcf503] {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .76rem;
    margin-top: .3rem;
    color: var(--tara-success);
    line-height: 1;
    user-select: none;
}
.tara-scanner-status--espera[b-2zufwcf503] { color: var(--tara-text-muted); }

/* ══════════════════════════════════════════════════════════════════════════
   RESPONSIVE — Tablet ≤ 900px
   ══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
    .tara-pos-main-grid[b-2zufwcf503] {
        grid-template-columns: 1fr;
        padding-bottom: max(160px, calc(120px + env(safe-area-inset-bottom, 0px))); /* clearance barra resumen fija + safe-area iOS */
    }

    /* Resumen: barra fija inferior */
    .tara-pos-resumen-wrap[b-2zufwcf503] {
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 50;
        background: var(--tara-surface);
        border-top: 1px solid var(--tara-border);
        box-shadow: var(--tara-shadow-lg);
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }

    .tara-pos-resumen-card[b-2zufwcf503] {
        border: none;
        border-radius: 0;
        box-shadow: none;
    }

    /* Hero comprimido en barra: sin fondo rojo, número en primario */
    .tara-pos-resumen-hero[b-2zufwcf503] {
        background: transparent;
        padding: .55rem 1rem .3rem;
        flex-direction: row;
        align-items: baseline;
        text-align: left;
        gap: .45rem;
    }
    .tara-pos-resumen-hero__label[b-2zufwcf503] { display: none; }
    .tara-pos-resumen-hero__total[b-2zufwcf503] {
        font-size: 1.9rem;
        color: var(--tara-primary);
    }
    .tara-pos-resumen-hero__piezas[b-2zufwcf503] {
        font-size: .74rem;
        color: var(--tara-text-muted);
        margin-top: 0;
    }

    /* Subtotales y body ocultos en barra compacta */
    .tara-pos-resumen-subtotales[b-2zufwcf503],
    .tara-pos-resumen-body[b-2zufwcf503] { display: none; }

    .tara-pos-resumen-footer[b-2zufwcf503] {
        padding: .3rem 1rem .75rem;
        padding-bottom: calc(.75rem + env(safe-area-inset-bottom, 0px));
    }

    /* Checkout más compacto en mobile */
    [b-2zufwcf503] .tara-pos-checkout-btn.mud-button-root {
        height: 2.9rem;
    }

    /* Carrito: sin min-height excesivo en tablet */
    .tara-pos-carrito-main[b-2zufwcf503] { min-height: 280px; }

    /* Col-left: forzar altura mínima en mobile. Sin esto, el grid con align-items:start
       + overflow:hidden + hijo flex:1 colapsa el contenedor a 0 en algunos browsers. */
    .tara-pos-col-left[b-2zufwcf503] { min-height: 60vh; }

    /* Touch targets ≥ 44px */
    [b-2zufwcf503] .tara-pos-accion-btn .mud-icon-button {
        min-width: 44px;
        min-height: 44px;
    }

    /* Captura en tablet: SKU + Agregar en fila, búsqueda abajo */
    .tara-pos-captura-row[b-2zufwcf503] {
        grid-template-columns: minmax(0, 1fr) clamp(160px, 12vw, 200px);
        grid-template-rows: auto auto;
        align-items: end;
    }
    .tara-pos-sku-col[b-2zufwcf503]    { grid-column: 1; grid-row: 1; }
    .tara-pos-buscar-col[b-2zufwcf503] { grid-column: 1 / -1; grid-row: 2; }
    [b-2zufwcf503] .tara-pos-captura-row > .mud-button-root { grid-column: 2; grid-row: 1; width: 100%; }

    /* Foto thumb mobile: target 44px */
    .tara-pos-foto-thumb[b-2zufwcf503] { width: 44px; height: 44px; }

    .tara-pos-fiscal-panel__body[b-2zufwcf503],
    .tara-pos-fiscal-summary__grid[b-2zufwcf503] {
        grid-template-columns: 1fr;
    }
}

/* ══════════════════════════════════════════════════════════════════════════
   RESPONSIVE — Móvil ≤ 600px
   ══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 600px) {
    .tara-pos-col-left[b-2zufwcf503] { border-radius: var(--tara-radius-sm); }

    /* Captura en móvil: apilar SKU → Buscar → Agregar */
    .tara-pos-captura-row[b-2zufwcf503] {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        align-items: stretch;
        gap: .5rem;
    }
    .tara-pos-sku-col[b-2zufwcf503]    { grid-column: 1; grid-row: 1; }
    .tara-pos-buscar-col[b-2zufwcf503] { grid-column: 1; grid-row: 2; }
    /* MudButton directo hijo del grid en móvil */
    [b-2zufwcf503] .tara-pos-captura-row > .mud-button-root { grid-column: 1; grid-row: 3; width: 100%; }

    /* Carrito móvil: PosCarritoMobile reemplaza al MudTable por completo.
       MudTable ya no se usa en este breakpoint — su modo "card" (Breakpoint.Sm)
       convertía cada <td> en una fila etiqueta:valor y no admitía reagrupar
       foto + nombre + cantidad en una sola tarjeta compacta. */
    .tara-pos-carrito-desktop-view[b-2zufwcf503] { display: none; }
    .tara-pos-carrito-mobile-view[b-2zufwcf503] { display: flex; flex-direction: column; }

    /* Cliente: en móvil el nombre protagonista baja un poco de tamaño para
       dejar aire a los chips y al botón "Público general" en el mismo ancho. */
    .tara-pos-cliente-strip__nombre--activo[b-2zufwcf503] { font-size: .98rem; }

    .tara-pos-fiscal-panel[b-2zufwcf503] {
        padding: .75rem;
    }

    .tara-pos-fiscal-panel__actions[b-2zufwcf503] {
        flex-direction: column;
        align-items: stretch;
    }

    .tara-pos-postventa-fiscal__meta[b-2zufwcf503] {
        flex-direction: column;
        gap: .35rem;
    }
    .tara-pos-chip[b-2zufwcf503], .tara-pos-cliente-strip__monedero[b-2zufwcf503] { font-size: .64rem; }
}

/* ══════════════════════════════════════════════════════════════════════════
   RESPONSIVE — Móvil estrecho ≤ 480px
   ══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 480px) {
    .tara-pos-editar-3col[b-2zufwcf503] { grid-template-columns: 1fr; }
}

/* ══════════════════════════════════════════════════════════════════════════
   BUSCADOR COMERCIAL — TarahumaraProSearch compacto dentro del strip
   ══════════════════════════════════════════════════════════════════════════ */
.tara-pos-buscar-col[b-2zufwcf503] {
    position: relative; /* establece contexto para resultados absolutos */
}

/* Quitar card del ProSearch: en el strip no necesitamos caja */
.tara-pos-buscar-col[b-2zufwcf503]  .tara-pro-search {
    border: none;
    border-radius: 0;
    padding: 0;
    margin-bottom: 0;
    box-shadow: none;
    background: transparent;
}

/* Ocultar el título (icono + texto) — el strip ya tiene contexto */
.tara-pos-buscar-col[b-2zufwcf503]  .tara-pro-search__title {
    display: none;
}

/* Fila de input: sin margen inferior extra */
.tara-pos-buscar-col[b-2zufwcf503]  .tara-pro-search__row {
    margin-bottom: 0;
}

/* Resultados flotan sobre el carrito, no empujan el layout */
.tara-pos-buscar-col[b-2zufwcf503]  .tara-pro-search__results {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 300;
    max-height: 320px;
    overflow-y: auto;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    box-shadow: var(--tara-shadow-lg);
    margin-top: 0;
}

/* Hint, empty y error: debajo del input sin necesidad de espacio */
.tara-pos-buscar-col[b-2zufwcf503]  .tara-pro-search__empty,
.tara-pos-buscar-col[b-2zufwcf503]  .tara-pro-search__error,
.tara-pos-buscar-col[b-2zufwcf503]  .tara-pro-search__hint {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    padding: .5rem .75rem;
    z-index: 300;
}

/* ── Agrupación visual de tallas en carrito ─────────────────────────────── */
/* Fila agrupada: toda la fila es clickeable */
[b-2zufwcf503] .tara-pos-cart-grupo-row { cursor: pointer; }
[b-2zufwcf503] .tara-pos-cart-grupo-row > td {
    transition: background .12s;
}
[b-2zufwcf503] .tara-pos-cart-grupo-row:hover > td {
    background: color-mix(in srgb, var(--tara-primary) 5%, var(--tara-surface-raised)) !important; /* override MudTable striped/hover */
}

/* Chevron affordance: discreto en reposo, visible en hover */
[b-2zufwcf503] .tara-pos-cart-grupo-chevron {
    opacity: .45;
    transition: opacity .15s, transform .15s;
}
[b-2zufwcf503] .tara-pos-cart-grupo-row:hover .tara-pos-cart-grupo-chevron {
    opacity: 1;
    transform: translateX(2px);
}

.tara-pos-cart-grupo-badge[b-2zufwcf503] {
    font-weight: 400;
    font-size: .8em;
    color: var(--tara-text-muted);
    margin-left: .3em;
}

.tara-pos-cart-tallas-chips[b-2zufwcf503] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    margin-top: .1rem;
}

.tara-pos-cart-talla-chip[b-2zufwcf503] {
    display: inline-flex;
    align-items: center;
    padding: .15rem .45rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface-raised));
    color: var(--tara-text);
    font-size: .75rem;
    font-weight: 500;
    white-space: nowrap;
}

.tara-pos-cart-qty-grupo[b-2zufwcf503] {
    display: inline-block;
    min-width: 40px;
    text-align: center;
    font-weight: 600;
    color: var(--tara-text);
    font-size: .95rem;
}

/* ── SKU col: flex fila (input + botón cámara en la misma línea) ────────────*/

.tara-pos-sku-col[b-2zufwcf503] {
    display: flex;
    align-items: flex-end;
    gap: .35rem;
    min-width: 0;
}

/* El TextField ocupa el espacio restante dentro de la col */
[b-2zufwcf503] .tara-pos-sku-col .tara-pos-sku-field {
    flex: 1;
    min-width: 0;
}

/* Botón cámara: mismo alto que Dense Outlined (~40px), ancho fijo */
[b-2zufwcf503] .tara-pos-camara-icon-btn.mud-icon-button {
    width: 40px;
    height: 40px;
    min-width: 40px;
    flex-shrink: 0;
    border-color: var(--tara-border);
    color: var(--tara-text-muted);
    transition: color .15s, border-color .15s, background .15s;
}

[b-2zufwcf503] .tara-pos-camara-icon-btn.mud-icon-button:not(.mud-disabled):hover {
    border-color: var(--tara-primary);
    color: var(--tara-primary);
    background: color-mix(in srgb, var(--tara-primary) 6%, transparent);
}

/* ── Overlay cámara ─────────────────────────────────────────────────────────*/

.tara-pos-camara-backdrop[b-2zufwcf503] {
    z-index: 1700;
    background: rgba(8, 8, 12, .88);
}

.tara-pos-camara-modal[b-2zufwcf503] {
    display: flex;
    flex-direction: column;
    width: min(480px, 96vw);
    max-height: 92dvh;
    background: var(--tara-surface);
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-lg);
    overflow: hidden;
}

.tara-pos-camara-header[b-2zufwcf503] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    flex-shrink: 0;
}

.tara-pos-camara-title[b-2zufwcf503] {
    font-size: .9rem;
    font-weight: 500;
    color: var(--tara-text);
}

.tara-pos-camara-close[b-2zufwcf503] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: var(--tara-radius-sm);
    color: var(--tara-text-muted);
    cursor: pointer;
    transition: color .15s, background .15s;
}

.tara-pos-camara-close svg[b-2zufwcf503] {
    width: 18px;
    height: 18px;
}

.tara-pos-camara-close:hover[b-2zufwcf503] {
    color: var(--tara-text);
    background: color-mix(in srgb, var(--tara-text) 8%, transparent);
}

.tara-pos-camara-visor[b-2zufwcf503] {
    position: relative;
    aspect-ratio: 4 / 3;
    background: #000;
    overflow: hidden;
    flex-shrink: 0;
}

.tara-pos-camara-video[b-2zufwcf503] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Guía de encuadre */

.tara-pos-camara-guia[b-2zufwcf503] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.tara-pos-camara-guia-marco[b-2zufwcf503] {
    width: 72%;
    height: 38%;
    border: 2px solid rgba(255, 255, 255, .65);
    border-radius: 6px;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, .38);
    position: relative;
}

/* Esquinas de la guía */
.tara-pos-camara-guia-marco[b-2zufwcf503]::before,
.tara-pos-camara-guia-marco[b-2zufwcf503]::after {
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    border-color: var(--tara-primary);
    border-style: solid;
}

.tara-pos-camara-guia-marco[b-2zufwcf503]::before {
    top: -2px;
    left: -2px;
    border-width: 3px 0 0 3px;
    border-radius: 4px 0 0 0;
}

.tara-pos-camara-guia-marco[b-2zufwcf503]::after {
    bottom: -2px;
    right: -2px;
    border-width: 0 3px 3px 0;
    border-radius: 0 0 4px 0;
}

/* Línea de escaneo animada */
.tara-pos-camara-guia-linea[b-2zufwcf503] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tara-pos-camara-guia-linea[b-2zufwcf503]::after {
    content: '';
    position: absolute;
    width: 72%;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--tara-primary), transparent);
    animation: tara-camara-scan-b-2zufwcf503 1.8s ease-in-out infinite;
}

@keyframes tara-camara-scan-b-2zufwcf503 {
    0%   { transform: translateY(-50px); opacity: 0; }
    15%  { opacity: 1; }
    85%  { opacity: 1; }
    100% { transform: translateY(50px); opacity: 0; }
}

.tara-pos-camara-footer[b-2zufwcf503] {
    padding: .75rem 1.25rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .6rem;
    flex-shrink: 0;
    border-top: 1px solid var(--tara-border-subtle);
}

.tara-pos-camara-hint[b-2zufwcf503] {
    margin: 0;
    font-size: .8rem;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-pos-camara-status[b-2zufwcf503] {
    margin: 0;
    font-size: .8rem;
    color: color-mix(in srgb, var(--tara-text) 70%, transparent);
    text-align: center;
}

@media (prefers-reduced-motion: reduce) {
    .tara-pos-camara-guia-linea[b-2zufwcf503]::after { animation: none; }
}

/* ── Modal interno de ticket PDF ──────────────────────────────────────── */
.tara-pdf-modal-backdrop[b-2zufwcf503] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    background: color-mix(in srgb, var(--tara-text) 45%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.tara-pdf-modal[b-2zufwcf503] {
    background: var(--tara-surface);
    border-radius: var(--tara-radius);
    border: 1px solid var(--tara-border);
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 900px;
    max-height: 85vh;
    overflow: hidden;
    box-shadow: 0 8px 32px color-mix(in srgb, var(--tara-text) 20%, transparent);
}

.tara-pdf-modal-summary[b-2zufwcf503] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    padding: .9rem 1rem;
    border-bottom: 1px solid var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-primary) 2%, var(--tara-surface));
    flex-shrink: 0;
}

.tara-pdf-modal-summary__kicker[b-2zufwcf503] {
    margin: 0;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tara-primary-dark);
}

.tara-pdf-modal-summary__ticket[b-2zufwcf503] {
    margin: 0;
    font-size: 1.35rem;
    line-height: 1.1;
    color: var(--tara-text);
}

.tara-pdf-modal-summary__meta[b-2zufwcf503] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    color: var(--tara-text-muted);
    font-size: .95rem;
}

.tara-pdf-modal-summary__total[b-2zufwcf503] {
    color: var(--tara-text);
    font-weight: 700;
    font-size: 1.1rem;
}

.tara-pdf-modal-summary__hint[b-2zufwcf503] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.5;
}

.tara-pdf-modal-header[b-2zufwcf503] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--tara-border);
    flex-shrink: 0;
}

.tara-pdf-modal-title[b-2zufwcf503] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--tara-text);
}

.tara-pdf-modal-close[b-2zufwcf503] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.1rem;
    color: var(--tara-text-muted);
    padding: .25rem .5rem;
    border-radius: var(--tara-radius-sm);
    line-height: 1;
    transition: color .15s, background .15s;
}

.tara-pdf-modal-close:hover[b-2zufwcf503],
.tara-pdf-modal-close:focus-visible[b-2zufwcf503] {
    color: var(--tara-text);
    background: color-mix(in srgb, var(--tara-text) 8%, transparent);
    outline: 2px solid var(--tara-primary);
    outline-offset: 2px;
}

.tara-pdf-modal-body[b-2zufwcf503] {
    flex: 1;
    min-height: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    background: var(--tara-surface-raised);
}

/* Iframe oculto — sigue existiendo solo como fuente para Imprimir/Descargar
   (tarahumara.pdfModal.print/load). Ya no es contenido visible del modal. */
.tara-pdf-modal-iframe--hidden[b-2zufwcf503] {
    position: absolute;
    width: 1px;
    height: 1px;
    left: -9999px;
    top: -9999px;
    opacity: 0;
    border: 0;
    pointer-events: none;
}

/* ══════════════════════════════════════════════════════════════════════════
   TICKET EN HTML — vista principal del modal postventa (reemplaza al iframe)
   Inspirado en el modal de detalle de /caja/corte (corte-modal--ticket).
   ══════════════════════════════════════════════════════════════════════════ */
.tara-ticket-html[b-2zufwcf503] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
    padding: 1rem;
}

.tara-ticket-html-grid[b-2zufwcf503] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .55rem;
}

.tara-ticket-html-item[b-2zufwcf503] {
    display: flex;
    flex-direction: column;
    gap: .18rem;
    padding: .5rem .65rem;
    background: var(--tara-surface);
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border-subtle);
    min-width: 0;
}

.tara-ticket-html-label[b-2zufwcf503] {
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

.tara-ticket-html-item strong[b-2zufwcf503] {
    font-size: .9rem;
    font-weight: 700;
    color: var(--tara-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tara-ticket-html-section-title[b-2zufwcf503] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--tara-primary-dark);
    margin-bottom: .4rem;
}

.tara-ticket-html-table-wrap[b-2zufwcf503] {
    overflow-x: auto;
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
}

.tara-ticket-html-table[b-2zufwcf503] {
    width: 100%;
    border-collapse: collapse;
    font-size: .8rem;
    min-width: 360px;
}

.tara-ticket-html-table thead tr[b-2zufwcf503] {
    background: color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface));
    border-bottom: 1px solid color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
}

.tara-ticket-html-table th[b-2zufwcf503] {
    padding: .35rem .55rem;
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
    white-space: nowrap;
}

.tara-ticket-html-table tbody tr[b-2zufwcf503] {
    border-bottom: 1px solid var(--tara-border-subtle);
}
.tara-ticket-html-table tbody tr:last-child[b-2zufwcf503] { border-bottom: none; }
.tara-ticket-html-table tbody tr:nth-child(even)[b-2zufwcf503] { background: var(--tara-surface); }

.tara-ticket-html-table td[b-2zufwcf503] {
    padding: .38rem .55rem;
    color: var(--tara-text);
    font-size: .8rem;
    vertical-align: middle;
}

.tara-ticket-html-th-desc[b-2zufwcf503], .tara-ticket-html-td-desc[b-2zufwcf503] { min-width: 140px; }
.tara-ticket-html-th-r[b-2zufwcf503], .tara-ticket-html-td-r[b-2zufwcf503] { text-align: right !important; white-space: nowrap; }
.tara-ticket-html-td-importe[b-2zufwcf503] { font-weight: 700; }

.tara-ticket-html-td-talla[b-2zufwcf503] {
    display: block;
    font-size: .7rem;
    color: var(--tara-text-muted);
    margin-top: .1rem;
}

.tara-ticket-html-pago-row[b-2zufwcf503] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .32rem .55rem;
    font-size: .83rem;
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    margin-bottom: .25rem;
}
.tara-ticket-html-pago-row strong[b-2zufwcf503] {
    color: var(--tara-text);
    font-weight: 700;
}

.tara-ticket-html-total-row[b-2zufwcf503] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .55rem .65rem;
    border-radius: var(--tara-radius-sm);
    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);
}
.tara-ticket-html-total-row strong[b-2zufwcf503] {
    color: var(--tara-primary-dark);
    font-size: 1.15rem;
}

.tara-pdf-modal-fallback[b-2zufwcf503] {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    min-height: min(50vh, 400px);
    padding: 1.5rem 1.5rem 1.75rem;
    color: var(--tara-text-muted);
    font-size: .92rem;
    text-align: center;
    line-height: 1.5;
}

.tara-pdf-modal-fallback--visible[b-2zufwcf503] {
    display: flex;
}

[b-2zufwcf503] .tara-pdf-modal-fallback__icon.mud-icon-root {
    font-size: 2.25rem;
    color: var(--tara-text-muted);
    opacity: .6;
}

.tara-pdf-modal-fallback span[b-2zufwcf503] {
    max-width: 42ch;
}

.tara-pdf-modal-footer[b-2zufwcf503] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    border-top: 1px solid var(--tara-border);
    flex-shrink: 0;
}

@media (prefers-reduced-motion: reduce) {
    .tara-pdf-modal[b-2zufwcf503] { transition: none; }
}

@media (max-width: 600px) {
    .tara-pdf-modal-backdrop[b-2zufwcf503] {
        align-items: flex-end;
        padding: .75rem;
    }

    .tara-pdf-modal[b-2zufwcf503] {
        max-height: 94vh;
        border-radius: var(--tara-radius) var(--tara-radius) 0 0;
    }

    .tara-pdf-modal-summary[b-2zufwcf503] {
        padding: .8rem .9rem;
    }

    .tara-pdf-modal-summary__ticket[b-2zufwcf503] {
        font-size: 1.15rem;
    }

    .tara-pdf-modal-footer[b-2zufwcf503] {
        display: grid;
        grid-template-columns: 1fr;
        gap: .65rem;
    }

    .tara-ticket-html-grid[b-2zufwcf503] {
        grid-template-columns: 1fr 1fr;
    }

    .tara-ticket-html[b-2zufwcf503] {
        padding: .75rem;
        gap: .65rem;
    }

    .tara-ticket-html-table[b-2zufwcf503] {
        font-size: .74rem;
    }
}
/* _content/Raramuri.blzr/Components/Pages/Ventas/VentasPlaceholder.razor.rz.scp.css */
.tara-vpl-page[b-dskul46rd0] {
    display: flex;
    flex-direction: column;
    gap: .9rem;
    min-height: calc(100vh - 96px);
}

.tara-vpl-header[b-dskul46rd0] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.tara-vpl-header-copy[b-dskul46rd0] {
    min-width: 0;
}

.tara-vpl-eyebrow[b-dskul46rd0] {
    display: block;
    margin-bottom: .15rem;
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-vpl-header-copy h1[b-dskul46rd0] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1.5rem;
    font-weight: 900;
    letter-spacing: -.03em;
    line-height: 1.08;
}

.tara-vpl-header-copy p[b-dskul46rd0] {
    margin: .15rem 0 0;
    color: var(--tara-text-muted);
    font-size: .92rem;
}

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

.tara-vpl-card-top[b-dskul46rd0] {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: .9rem;
    align-items: start;
}

.tara-vpl-icon[b-dskul46rd0] {
    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-vpl-icon[b-dskul46rd0]  .mud-icon-root {
    font-size: 1.9rem;
}

.tara-vpl-main[b-dskul46rd0] {
    min-width: 0;
}

.tara-vpl-meta[b-dskul46rd0] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-bottom: .85rem;
}

.tara-vpl-meta span[b-dskul46rd0] {
    display: inline-flex;
    align-items: center;
    padding: .28rem .55rem;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 700;
}

.tara-vpl-alert[b-dskul46rd0] {
    margin: 0;
}

.tara-vpl-grid[b-dskul46rd0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
    margin-top: .95rem;
}

.tara-vpl-grid--bottom[b-dskul46rd0] {
    margin-top: .85rem;
}

.tara-vpl-panel[b-dskul46rd0] {
    background: var(--tara-surface);
    border: 1px solid var(--tara-border-subtle);
    border-radius: var(--tara-radius-sm);
    padding: .9rem 1rem;
}

.tara-vpl-panel--warning[b-dskul46rd0] {
    background: color-mix(in srgb, var(--tara-warning) 5%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-warning) 26%, var(--tara-border));
}

.tara-vpl-panel header h2[b-dskul46rd0] {
    margin: 0 0 .6rem;
    color: var(--tara-text);
    font-size: .86rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.tara-vpl-list[b-dskul46rd0] {
    margin: 0;
    padding-left: 1rem;
    color: var(--tara-text-muted);
    font-size: .88rem;
    line-height: 1.5;
}

.tara-vpl-list li + li[b-dskul46rd0] {
    margin-top: .35rem;
}

.tara-vpl-empty[b-dskul46rd0] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .88rem;
}

.tara-vpl-loading[b-dskul46rd0] {
    min-height: calc(100vh - 96px);
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--tara-text-muted);
    background: var(--tara-bg);
}

.tara-vpl-loading[b-dskul46rd0]  .mud-icon-root {
    color: var(--tara-primary-dark);
    font-size: 2.5rem;
}

@media (max-width: 820px) {
    .tara-vpl-grid[b-dskul46rd0] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .tara-vpl-card[b-dskul46rd0] {
        padding: .9rem;
    }

    .tara-vpl-card-top[b-dskul46rd0] {
        grid-template-columns: 1fr;
    }

    .tara-vpl-icon[b-dskul46rd0] {
        width: 48px;
        height: 48px;
    }
}
/* _content/Raramuri.blzr/Components/Shared/Almacen/AlmacenCurvasProductoDialog.razor.rz.scp.css */
/* =========================================================
   AlmacenCurvasProductoDialog — Pivot matrix "Curvas del producto"
   Prefijo: tara-cpd-*
   ========================================================= */

.tara-cpd-title[b-5k3c8zrzqv] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
}

.tara-cpd-title > div[b-5k3c8zrzqv] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.tara-cpd-subtitle[b-5k3c8zrzqv] {
    font-size: .8rem;
    font-weight: 400;
    opacity: .7;
    margin-top: .1rem;
}

.tara-cpd-body[b-5k3c8zrzqv] {
    min-height: 120px;
}

.tara-cpd-loading[b-5k3c8zrzqv] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 2rem 1rem;
    color: var(--tara-on-surface-variant);
    font-size: .9rem;
}

.tara-cpd-empty[b-5k3c8zrzqv] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 1.5rem 1rem;
}

.tara-cpd-grid-header[b-5k3c8zrzqv] {
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    opacity: .65;
    padding-bottom: .35rem;
}

/* Pivot matrix */
.tara-cpd-matrix-wrap[b-5k3c8zrzqv] {
    overflow-x: auto;
    border-radius: 6px;
    border: 1px solid var(--tara-border);
}

.tara-cpd-matrix[b-5k3c8zrzqv] {
    width: 100%;
    border-collapse: collapse;
    font-size: .82rem;
    white-space: nowrap;
}

.tara-cpd-matrix th[b-5k3c8zrzqv],
.tara-cpd-matrix td[b-5k3c8zrzqv] {
    padding: .45rem .7rem;
    border-bottom: 1px solid var(--tara-border);
    text-align: right;
}

.tara-cpd-matrix th[b-5k3c8zrzqv] {
    background: var(--tara-surface-variant);
    color: var(--tara-on-surface-variant);
    font-weight: 600;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    position: sticky;
    top: 0;
    z-index: 1;
}

.tara-cpd-matrix th.col-tienda[b-5k3c8zrzqv],
.tara-cpd-matrix td.col-tienda[b-5k3c8zrzqv] {
    text-align: left;
    min-width: 140px;
    position: sticky;
    left: 0;
    background: var(--tara-surface);
    z-index: 2;
    font-weight: 500;
}

.tara-cpd-matrix th.col-tienda[b-5k3c8zrzqv] {
    background: var(--tara-surface-variant);
    z-index: 3;
}

.tara-cpd-matrix th.col-curva[b-5k3c8zrzqv],
.tara-cpd-matrix td.col-curva[b-5k3c8zrzqv] {
    text-align: left;
    min-width: 120px;
    color: var(--tara-on-surface-variant);
    font-size: .80rem;
}

.tara-cpd-matrix th.col-talla[b-5k3c8zrzqv],
.tara-cpd-matrix td.col-talla[b-5k3c8zrzqv] {
    min-width: 52px;
}

.tara-cpd-matrix th.col-total[b-5k3c8zrzqv],
.tara-cpd-matrix td.col-total[b-5k3c8zrzqv] {
    font-weight: 700;
    color: var(--tara-primary);
    border-left: 2px solid var(--tara-border);
    min-width: 64px;
}

.tara-cpd-matrix tbody tr:hover td[b-5k3c8zrzqv] {
    background: var(--tara-surface-hover, rgba(0,0,0,.04));
}

.tara-cpd-matrix tbody tr:hover td.col-tienda[b-5k3c8zrzqv] {
    background: var(--tara-surface-hover, rgba(0,0,0,.04));
}

.tara-cpd-matrix tbody tr.is-even td[b-5k3c8zrzqv] {
    background: var(--tara-row-even, rgba(0,0,0,.025));
}

.tara-cpd-matrix tbody tr.is-even td.col-tienda[b-5k3c8zrzqv] {
    background: var(--tara-row-even, rgba(0,0,0,.025));
}

.tara-cpd-matrix tbody td.is-zero[b-5k3c8zrzqv] {
    color: var(--tara-on-surface-disabled, #bbb);
}

.tara-cpd-matrix tfoot tr.row-total td[b-5k3c8zrzqv] {
    font-weight: 700;
    background: var(--tara-surface-variant);
    border-top: 2px solid var(--tara-border);
    color: var(--tara-on-surface);
    border-bottom: none;
}

.tara-cpd-matrix tfoot tr.row-total td.col-total[b-5k3c8zrzqv] {
    color: var(--tara-primary);
}
/* _content/Raramuri.blzr/Components/Shared/Almacen/ExistenciasQuickView.razor.rz.scp.css */
/* ── State messages ─────────────────────────────────────────────── */

.eq-state[b-9etolr4472] {
    display: flex;
    align-items: center;
    gap: .55rem;
    font-size: .84rem;
    color: var(--tara-text-muted);
    padding: 1.5rem .5rem;
}

.eq-state--error[b-9etolr4472] {
    color: var(--tara-danger);
}

/* ── Meta chips ─────────────────────────────────────────────────── */

.eq-meta-chips[b-9etolr4472] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    padding: 0 0 .6rem;
}

.eq-chip[b-9etolr4472] {
    display: inline-flex;
    padding: .1rem .48rem;
    background: color-mix(in srgb, var(--tara-surface) 78%, var(--tara-bg));
    border: 1px solid var(--tara-border);
    border-radius: 100px;
    font-size: .76rem;
    font-weight: 600;
    color: var(--tara-text-muted);
    white-space: nowrap;
}

.eq-chip--desc[b-9etolr4472] {
    font-weight: 400;
}

/* ── Table wrapper ──────────────────────────────────────────────── */

.eq-table-wrap[b-9etolr4472] {
    overflow-x: auto;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
}

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

[b-9etolr4472] .eq-head-default {
    font-size: .72rem !important;
    font-weight: 700 !important;
    text-align: center !important;
    padding: .35rem .4rem !important;
    white-space: nowrap !important;
    background: color-mix(in srgb, var(--tara-surface) 60%, var(--tara-bg)) !important;
    color: var(--tara-text-muted) !important;
}

[b-9etolr4472] .eq-head-total {
    font-size: .72rem !important;
    font-weight: 700 !important;
    text-align: center !important;
    padding: .35rem .4rem !important;
    white-space: nowrap !important;
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface)) !important;
    color: var(--tara-primary-dark) !important;
}

/* ── Body cells ─────────────────────────────────────────────────── */

[b-9etolr4472] .eq-cell-store {
    font-size: .77rem !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    padding: .28rem .55rem !important;
    color: var(--tara-text) !important;
}

[b-9etolr4472] .eq-cell-store--total {
    font-weight: 700 !important;
    color: var(--tara-primary-dark) !important;
}

[b-9etolr4472] .eq-cell-qty {
    font-size: .77rem !important;
    text-align: center !important;
    padding: .28rem .38rem !important;
    color: var(--tara-text) !important;
}

[b-9etolr4472] .eq-cell-total-col {
    font-weight: 700 !important;
    background: color-mix(in srgb, var(--tara-primary) 6%, transparent) !important;
    color: var(--tara-primary-dark) !important;
}

[b-9etolr4472] .eq-cell-total-row {
    font-weight: 700 !important;
    background: color-mix(in srgb, var(--tara-surface) 52%, var(--tara-bg)) !important;
}

/* ── Dark mode ──────────────────────────────────────────────────── */

[data-theme="dark"] .eq-chip[b-9etolr4472] {
    background: color-mix(in srgb, var(--tara-surface) 70%, var(--tara-bg));
}
/* _content/Raramuri.blzr/Components/Shared/Productos/GaleriaProductoDialog.razor.rz.scp.css */
/* GaleriaProductoDialog.razor.css — Patrón Tarahumara
   Tokens: var(--tara-*). NO hardcodear colores.
   NO usar :root {} — CSS isolation lo convierte en :root[b-hash] {} y las vars quedan vacías.
*/

/* ── Dialog container ──────────────────────────────────────────────────────── */

[b-il83vhnm6k] .tara-galeria-dialog .mud-dialog {
    min-width: 360px;
    max-width: 720px;
    width: 100%;
}

[b-il83vhnm6k] .tara-galeria-dialog .mud-dialog-content {
    padding: 0 !important;
    overflow: hidden;
}

/* ── Título ─────────────────────────────────────────────────────────────────── */

.tara-galeria-title-row[b-il83vhnm6k] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    overflow: hidden;
}

.tara-galeria-title-icon[b-il83vhnm6k] {
    color: var(--tara-red);
    flex-shrink: 0;
}

.tara-galeria-title-text[b-il83vhnm6k] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--tara-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.tara-galeria-counter[b-il83vhnm6k] {
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--tara-text-muted);
    background: var(--tara-surface-alt);
    border-radius: 10px;
    padding: 1px 8px;
    flex-shrink: 0;
}

/* ── Estado cargando (centrado global) ──────────────────────────────────────── */

.tara-galeria-busy[b-il83vhnm6k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 200px;
    color: var(--tara-text-muted);
    font-size: 0.85rem;
}

/* ── Body ───────────────────────────────────────────────────────────────────── */

.tara-galeria-body[b-il83vhnm6k] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ── Imagen principal ───────────────────────────────────────────────────────── */

.tara-galeria-main-wrap[b-il83vhnm6k] {
    position: relative;
    width: 100%;
    background: var(--tara-surface-alt);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 260px;
    max-height: 420px;
    overflow: hidden;
}

.tara-galeria-main-img[b-il83vhnm6k] {
    max-width: 100%;
    max-height: 420px;
    object-fit: contain;
    display: block;
}

.tara-galeria-main-busy[b-il83vhnm6k] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 260px;
}

/* ── Badge "Principal" ──────────────────────────────────────────────────────── */

.tara-galeria-badge-principal[b-il83vhnm6k] {
    position: absolute;
    top: 8px;
    left: 8px;
    background: var(--tara-red);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 2px 8px;
    border-radius: 4px;
    pointer-events: none;
}

/* ── Empty state ────────────────────────────────────────────────────────────── */

.tara-galeria-empty[b-il83vhnm6k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 200px;
    color: var(--tara-text-muted);
    padding: 24px;
    text-align: center;
}

.tara-galeria-empty-hint[b-il83vhnm6k] {
    font-size: 0.8rem;
    opacity: 0.7;
}

/* ── Miniaturas ─────────────────────────────────────────────────────────────── */

.tara-galeria-thumbs[b-il83vhnm6k] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 6px;
    padding: 10px 12px;
    overflow-x: auto;
    background: var(--tara-surface);
    border-top: 1px solid var(--tara-border);
    scrollbar-width: thin;
    scrollbar-color: var(--tara-border) transparent;
}

.tara-galeria-thumb-btn[b-il83vhnm6k] {
    position: relative;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    padding: 0;
    border: 2px solid var(--tara-border);
    border-radius: 6px;
    background: var(--tara-surface-alt);
    cursor: pointer;
    overflow: hidden;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.tara-galeria-thumb-btn:hover[b-il83vhnm6k] {
    border-color: var(--tara-red);
}

.tara-galeria-thumb-btn--sel[b-il83vhnm6k] {
    border-color: var(--tara-red);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tara-red) 20%, transparent);
}

.tara-galeria-thumb-img[b-il83vhnm6k] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.tara-galeria-thumb-dot[b-il83vhnm6k] {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--tara-red);
    border: 1.5px solid #fff;
    pointer-events: none;
}

/* ── Metadatos ──────────────────────────────────────────────────────────────── */

.tara-galeria-meta[b-il83vhnm6k] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    padding: 8px 14px;
    font-size: 0.77rem;
    color: var(--tara-text-muted);
    background: var(--tara-surface);
    border-top: 1px solid var(--tara-border);
}

.tara-galeria-meta-item[b-il83vhnm6k] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* ── Upload label (actúa como botón) ────────────────────────────────────────── */

.tara-galeria-upload-label[b-il83vhnm6k] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    padding: 4px 12px;
    border-radius: 4px;
    border: 1px solid var(--tara-red);
    color: var(--tara-red);
    font-size: 0.82rem;
    font-weight: 500;
    background: transparent;
    transition: background 0.15s ease;
    user-select: none;
}

.tara-galeria-upload-label:hover:not(.tara-galeria-upload-label--disabled)[b-il83vhnm6k] {
    background: color-mix(in srgb, var(--tara-red) 8%, transparent);
}

.tara-galeria-upload-label--disabled[b-il83vhnm6k] {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

/* ── Barra de acciones ──────────────────────────────────────────────────────── */

.tara-galeria-actions[b-il83vhnm6k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    flex-wrap: nowrap;
}

.tara-galeria-actions-left[b-il83vhnm6k] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.tara-galeria-actions-center[b-il83vhnm6k] {
    display: flex;
    align-items: center;
    gap: 0;
    flex: 1;
    justify-content: center;
}

.tara-galeria-actions-right[b-il83vhnm6k] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

/* ── Responsive: mobile ─────────────────────────────────────────────────────── */

@media (max-width: 480px) {
    [b-il83vhnm6k] .tara-galeria-dialog .mud-dialog {
        min-width: unset;
        max-width: 100%;
        margin: 8px;
    }

    .tara-galeria-main-wrap[b-il83vhnm6k] {
        min-height: 180px;
        max-height: 280px;
    }

    .tara-galeria-main-img[b-il83vhnm6k] {
        max-height: 280px;
    }

    .tara-galeria-thumb-btn[b-il83vhnm6k] {
        width: 50px;
        height: 50px;
    }

    .tara-galeria-actions[b-il83vhnm6k] {
        flex-wrap: wrap;
        gap: 6px;
    }

    .tara-galeria-actions-center[b-il83vhnm6k] {
        order: 3;
        justify-content: flex-start;
        flex: 0 0 100%;
    }
}
/* _content/Raramuri.blzr/Components/Shared/Productos/ListaPreciosSugerenciasDialog.razor.rz.scp.css */
/* ── Backdrop ────────────────────────────────────────────────────────── */

.lpsug-backdrop[b-m1j3vvqelu] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    background: rgba(0, 0, 0, .45);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

/* ── Shell ───────────────────────────────────────────────────────────── */

.lpsug-shell[b-m1j3vvqelu] {
    background: var(--tara-surface, #fff);
    border-radius: 10px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, .22);
    display: flex;
    flex-direction: column;
    width: min(96vw, 1240px);
    max-height: 90vh;
    overflow: hidden;
}

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

.lpsug-header[b-m1j3vvqelu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: .75rem 1rem .6rem;
    border-bottom: 1px solid color-mix(in srgb, var(--tara-primary, #5e35b1) 14%, transparent);
    background: color-mix(in srgb, var(--tara-primary, #5e35b1) 4%, transparent);
    flex-shrink: 0;
}

.lpsug-header-left[b-m1j3vvqelu] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.lpsug-title[b-m1j3vvqelu] {
    font-size: .85rem;
    font-weight: 800;
    color: var(--tara-primary, #5e35b1);
    letter-spacing: .01em;
}

.lpsug-subtitle[b-m1j3vvqelu] {
    font-size: .7rem;
    color: var(--tara-text-secondary, #666);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem;
}

.lpsug-marca-tag[b-m1j3vvqelu] {
    font-weight: 700;
    color: var(--tara-primary, #5e35b1);
}

.lpsug-phase-tag[b-m1j3vvqelu] {
    font-style: italic;
    opacity: .75;
}

.lpsug-close-btn[b-m1j3vvqelu] {
    appearance: none;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--tara-text-secondary, #666);
    padding: .2rem;
    border-radius: 4px;
    display: flex;
    align-items: center;
    transition: background .1s, color .1s;
    flex-shrink: 0;
}
.lpsug-close-btn:hover[b-m1j3vvqelu] {
    background: color-mix(in srgb, var(--tara-text, #212121) 10%, transparent);
    color: var(--tara-text, #212121);
}

/* ── Body ────────────────────────────────────────────────────────────── */

.lpsug-body[b-m1j3vvqelu] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    overflow: hidden;
    padding: 0;
}

/* ── Warnings ────────────────────────────────────────────────────────── */

.lpsug-warn[b-m1j3vvqelu] {
    display: flex;
    align-items: flex-start;
    gap: .4rem;
    padding: .45rem .9rem;
    font-size: .72rem;
    background: #fff8e1;
    border-bottom: 1px solid #ffe082;
    color: #5d4037;
    flex-shrink: 0;
}
.lpsug-warn--soft[b-m1j3vvqelu] {
    background: #e3f2fd;
    border-bottom-color: #90caf9;
    color: #0d47a1;
}
.lpsug-warn--error[b-m1j3vvqelu] {
    background: #fee2e2;
    border-bottom-color: #fca5a5;
    color: #991b1b;
}
.lpsug-warn-detail[b-m1j3vvqelu] {
    display: inline-block;
    margin-left: .25rem;
    font-family: monospace;
    font-size: .68rem;
    opacity: .8;
}
.lpsug-retry-btn[b-m1j3vvqelu] {
    appearance: none;
    margin-left: auto;
    flex-shrink: 0;
    background: transparent;
    border: 1px solid #dc2626;
    color: #dc2626;
    border-radius: 5px;
    padding: 2px 9px;
    font-size: .68rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: background .1s;
}
.lpsug-retry-btn:hover[b-m1j3vvqelu] {
    background: #fee2e2;
}

/* ── Tabs ────────────────────────────────────────────────────────────── */

.lpsug-tabs[b-m1j3vvqelu] {
    display: flex;
    gap: 0;
    padding: .5rem .75rem .3rem;
    border-bottom: 1px solid color-mix(in srgb, var(--tara-text, #212121) 10%, transparent);
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: .3rem;
}

.lpsug-tab[b-m1j3vvqelu] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .28rem .65rem;
    border-radius: 6px;
    border: 1px solid color-mix(in srgb, var(--tara-primary, #5e35b1) 20%, transparent);
    background: transparent;
    color: var(--tara-text-secondary, #666);
    font-size: .72rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .12s, color .12s, border-color .12s;
}
.lpsug-tab:hover[b-m1j3vvqelu] {
    background: color-mix(in srgb, var(--tara-primary, #5e35b1) 8%, transparent);
    color: var(--tara-primary, #5e35b1);
}
.lpsug-tab--active[b-m1j3vvqelu] {
    background: color-mix(in srgb, var(--tara-primary, #5e35b1) 14%, transparent);
    color: var(--tara-primary, #5e35b1);
    border-color: var(--tara-primary, #5e35b1);
    font-weight: 700;
}
.lpsug-tab--oferta[b-m1j3vvqelu]   { border-color: #dc2626; color: #991b1b; }
.lpsug-tab--resurtir[b-m1j3vvqelu] { border-color: #16a34a; color: #166534; }
.lpsug-tab--vigilar[b-m1j3vvqelu]  { border-color: #b45309; color: #78350f; }
.lpsug-tab--oferta-a[b-m1j3vvqelu],
.lpsug-tab--oferta-a:hover[b-m1j3vvqelu]   { background: #fee2e2; color: #991b1b; border-color: #dc2626; }
.lpsug-tab--resurtir-a[b-m1j3vvqelu],
.lpsug-tab--resurtir-a:hover[b-m1j3vvqelu] { background: #dcfce7; color: #166534; border-color: #16a34a; }
.lpsug-tab--vigilar-a[b-m1j3vvqelu],
.lpsug-tab--vigilar-a:hover[b-m1j3vvqelu]  { background: #fef9c3; color: #78350f; border-color: #b45309; }

.lpsug-tab-count[b-m1j3vvqelu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 16px;
    padding: 0 4px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 800;
    background: color-mix(in srgb, var(--tara-primary, #5e35b1) 15%, transparent);
    color: var(--tara-primary, #5e35b1);
}
.lpsug-tab-count--oferta[b-m1j3vvqelu]   { background: #fee2e2; color: #991b1b; }
.lpsug-tab-count--resurtir[b-m1j3vvqelu] { background: #dcfce7; color: #166534; }
.lpsug-tab-count--vigilar[b-m1j3vvqelu]  { background: #fef9c3; color: #78350f; }

/* ── Empty state ─────────────────────────────────────────────────────── */

.lpsug-empty[b-m1j3vvqelu] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 2rem 1rem;
    color: var(--tara-text-secondary, #666);
    font-size: .8rem;
    justify-content: center;
}

/* ── Table ───────────────────────────────────────────────────────────── */

.lpsug-table-wrap[b-m1j3vvqelu] {
    flex: 1 1 auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.lpsug-table[b-m1j3vvqelu] {
    width: 100%;
    border-collapse: collapse;
    font-size: .72rem;
    table-layout: auto;
}

.lpsug-table thead tr[b-m1j3vvqelu] {
    position: sticky;
    top: 0;
    z-index: 2;
}

.lpsug-table th[b-m1j3vvqelu] {
    padding: 5px 7px;
    white-space: nowrap;
    font-weight: 700;
    font-size: .68rem;
    text-align: left;
    background: color-mix(in srgb, var(--tara-primary, #5e35b1) 7%, var(--tara-surface, #fff));
    color: var(--tara-primary, #5e35b1);
    border-bottom: 2px solid color-mix(in srgb, var(--tara-primary, #5e35b1) 25%, transparent);
    letter-spacing: .02em;
}

.lpsug-table td[b-m1j3vvqelu] {
    padding: 4px 7px;
    border-bottom: 1px solid color-mix(in srgb, var(--tara-text, #212121) 7%, transparent);
    vertical-align: middle;
    color: var(--tara-text, #212121);
    white-space: nowrap;
}

.lpsug-row:hover td[b-m1j3vvqelu] {
    background: color-mix(in srgb, var(--tara-primary, #5e35b1) 4%, transparent);
}

.lpsug-num[b-m1j3vvqelu] {
    text-align: right !important;
    font-variant-numeric: tabular-nums;
    font-size: .7rem;
}

.lpsug-th-action[b-m1j3vvqelu]  { min-width: 76px; }
.lpsug-th-score[b-m1j3vvqelu]   { min-width: 46px; text-align: center !important; }
.lpsug-th-motivo[b-m1j3vvqelu]  { min-width: 180px; }

.lpsug-estilo[b-m1j3vvqelu] {
    font-weight: 700;
    font-size: .73rem;
}

.lpsug-text-sm[b-m1j3vvqelu] {
    font-size: .68rem;
    color: var(--tara-text-secondary, #555);
}

.lpsug-motivo[b-m1j3vvqelu] {
    font-size: .68rem;
    color: var(--tara-text-secondary, #555);
    white-space: normal;
    min-width: 160px;
}

/* ── Score column ────────────────────────────────────────────────────── */

.lpsug-score[b-m1j3vvqelu] {
    text-align: center !important;
    font-weight: 800;
    font-size: .72rem;
}
.lpsug-score--high[b-m1j3vvqelu] { color: #1e40af; }
.lpsug-score--mid[b-m1j3vvqelu]  { color: #166534; }

/* ── Badges de acción ────────────────────────────────────────────────── */

.lpsug-badge[b-m1j3vvqelu] {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .02em;
    white-space: nowrap;
}
.lpsug-badge--oferta[b-m1j3vvqelu] {
    color: #991b1b;
    background: #fee2e2;
    border: 1px solid #dc2626;
}
.lpsug-badge--resurtir[b-m1j3vvqelu] {
    color: #166534;
    background: #dcfce7;
    border: 1px solid #16a34a;
}
.lpsug-badge--vigilar[b-m1j3vvqelu] {
    color: #78350f;
    background: #fef9c3;
    border: 1px solid #b45309;
}

/* ── Botón Ver movimientos ───────────────────────────────────────────── */

.lpsug-td-actions[b-m1j3vvqelu] {
    padding: 2px 6px !important;
}

.lpsug-movs-btn[b-m1j3vvqelu] {
    appearance: none;
    background: transparent;
    border: 1px solid color-mix(in srgb, var(--tara-primary, #5e35b1) 30%, transparent);
    color: var(--tara-primary, #5e35b1);
    border-radius: 5px;
    padding: 2px 7px;
    font-size: .65rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background .1s, border-color .1s;
}
.lpsug-movs-btn:hover[b-m1j3vvqelu] {
    background: color-mix(in srgb, var(--tara-primary, #5e35b1) 10%, transparent);
    border-color: var(--tara-primary, #5e35b1);
}

/* ── Loading spinner ─────────────────────────────────────────────────── */

@keyframes lpsug-spin-b-m1j3vvqelu {
    to { transform: rotate(360deg); }
}

.lpsug-spin[b-m1j3vvqelu] {
    animation: lpsug-spin-b-m1j3vvqelu .8s linear infinite;
    flex-shrink: 0;
}

/* ── Footer ──────────────────────────────────────────────────────────── */

.lpsug-footer[b-m1j3vvqelu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .5rem .9rem;
    border-top: 1px solid color-mix(in srgb, var(--tara-text, #212121) 10%, transparent);
    background: color-mix(in srgb, var(--tara-surface, #fff) 100%, transparent);
    flex-shrink: 0;
}

.lpsug-footer-info[b-m1j3vvqelu] {
    font-size: .68rem;
    color: var(--tara-text-secondary, #666);
}

.lpsug-footer-close[b-m1j3vvqelu] {
    appearance: none;
    background: transparent;
    border: 1px solid color-mix(in srgb, var(--tara-text, #212121) 22%, transparent);
    border-radius: 5px;
    padding: .3rem .8rem;
    font-size: .72rem;
    font-weight: 600;
    cursor: pointer;
    color: var(--tara-text-secondary, #555);
    transition: background .1s, border-color .1s;
}
.lpsug-footer-close:hover[b-m1j3vvqelu] {
    background: color-mix(in srgb, var(--tara-text, #212121) 8%, transparent);
    border-color: color-mix(in srgb, var(--tara-text, #212121) 35%, transparent);
}
/* _content/Raramuri.blzr/Components/Shared/Productos/ProductoMovimientoMatrizQuickView.razor.rz.scp.css */
.mmqv-state[b-4dq6vbx88p] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 1.5rem 1rem;
    color: var(--tara-text-secondary, #666);
    font-size: .85rem;
}

.mmqv-state--error[b-4dq6vbx88p] {
    color: var(--mud-palette-error, #d32f2f);
}

/* ── Meta chips ──────────────────────────────────────────────────────── */

.mmqv-meta-chips[b-4dq6vbx88p] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    padding: .35rem .5rem .2rem;
}

.mmqv-chip[b-4dq6vbx88p] {
    display: inline-flex;
    align-items: center;
    padding: .15rem .45rem;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .02em;
    background: color-mix(in srgb, var(--tara-primary, #5e35b1) 10%, transparent);
    color: var(--tara-primary, #5e35b1);
    border: 1px solid color-mix(in srgb, var(--tara-primary, #5e35b1) 25%, transparent);
}

.mmqv-chip--desc[b-4dq6vbx88p] {
    font-size: .72rem;
    font-weight: 600;
    background: color-mix(in srgb, var(--tara-text-secondary, #666) 10%, transparent);
    color: var(--tara-text-secondary, #666);
    border-color: transparent;
}

.mmqv-chip--periodo[b-4dq6vbx88p] {
    background: color-mix(in srgb, var(--tara-success, #388e3c) 10%, transparent);
    color: var(--tara-success, #388e3c);
    border-color: color-mix(in srgb, var(--tara-success, #388e3c) 25%, transparent);
}

.mmqv-chip--tiendas[b-4dq6vbx88p] {
    background: color-mix(in srgb, var(--mud-palette-warning, #f57c00) 10%, transparent);
    color: var(--mud-palette-warning, #f57c00);
    border-color: color-mix(in srgb, var(--mud-palette-warning, #f57c00) 25%, transparent);
}

/* ── Leyenda ─────────────────────────────────────────────────────────── */

.mmqv-leyenda[b-4dq6vbx88p] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    padding: .1rem .6rem .4rem;
}

.mmqv-leyenda-item[b-4dq6vbx88p] {
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .03em;
}

.mmqv-leyenda-exist[b-4dq6vbx88p]  { color: var(--tara-text, #212121); }
.mmqv-leyenda-sale[b-4dq6vbx88p]   { color: #166534; }
.mmqv-leyenda-return[b-4dq6vbx88p] { color: #991b1b; }

/* ── Table wrapper ───────────────────────────────────────────────────── */

.mmqv-table-wrap[b-4dq6vbx88p] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* ── Table headers ───────────────────────────────────────────────────── */

[b-4dq6vbx88p] .mmqv-head-default {
    white-space: nowrap;
    font-size: .72rem;
    padding: 4px 6px;
    text-align: center !important;
    background: color-mix(in srgb, var(--tara-primary, #5e35b1) 6%, transparent);
    color: var(--tara-primary, #5e35b1);
    font-weight: 800;
    border-bottom: 2px solid color-mix(in srgb, var(--tara-primary, #5e35b1) 30%, transparent);
}

[b-4dq6vbx88p] .mmqv-head-total {
    white-space: nowrap;
    font-size: .72rem;
    padding: 4px 6px;
    text-align: center !important;
    background: color-mix(in srgb, var(--tara-primary, #5e35b1) 14%, transparent);
    color: var(--tara-primary, #5e35b1);
    font-weight: 900;
    border-bottom: 2px solid var(--tara-primary, #5e35b1);
}

/* ── Table cells ─────────────────────────────────────────────────────── */

[b-4dq6vbx88p] .mmqv-cell-store {
    white-space: nowrap;
    font-size: .72rem;
    font-weight: 600;
    padding: 2px 6px;
    min-width: 100px;
}

[b-4dq6vbx88p] .mmqv-cell-store--total {
    font-weight: 900;
    background: color-mix(in srgb, var(--tara-primary, #5e35b1) 6%, transparent);
}

[b-4dq6vbx88p] .mmqv-cell-qty {
    text-align: center !important;
    font-size: .72rem;
    padding: 2px 4px;
    min-width: 48px;
}

[b-4dq6vbx88p] .mmqv-cell-total-col {
    font-weight: 800;
    background: color-mix(in srgb, var(--tara-primary, #5e35b1) 6%, transparent);
    border-left: 1.5px solid color-mix(in srgb, var(--tara-primary, #5e35b1) 20%, transparent);
}

[b-4dq6vbx88p] .mmqv-cell-total-row {
    font-weight: 800;
    background: color-mix(in srgb, var(--tara-primary, #5e35b1) 5%, transparent);
}

[b-4dq6vbx88p] .mmqv-cell-total-row.mmqv-cell-total-col {
    background: color-mix(in srgb, var(--tara-primary, #5e35b1) 12%, transparent);
    font-weight: 900;
}

/* ── Stock cell overlay ──────────────────────────────────────────────── */

.mmqv-stock-cell[b-4dq6vbx88p] {
    display: grid;
    grid-template-rows: auto auto;
    gap: 0;
    align-items: start;
    min-height: 28px;
}

.mmqv-stock-main[b-4dq6vbx88p] {
    display: block;
    font-weight: 700;
    font-size: .75rem;
    line-height: 1.2;
    color: var(--tara-text, #212121);
}

.mmqv-stock-meta[b-4dq6vbx88p] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 2px;
    margin-top: 1px;
}

.mmqv-stock-sale[b-4dq6vbx88p] {
    display: inline-block;
    padding: 1px 5px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 800;
    line-height: 16px;
    min-width: 18px;
    height: 18px;
    color: #166534;
    background: #dcfce7;
    border: 1px solid #16a34a;
}

.mmqv-stock-return[b-4dq6vbx88p] {
    display: inline-block;
    padding: 1px 5px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 800;
    line-height: 16px;
    min-width: 18px;
    height: 18px;
    color: #991b1b;
    background: #fee2e2;
    border: 1px solid #dc2626;
}

/* ── Vista 2 badge container (sin valor principal) ───────────────────── */

.mmqv-v2-badges[b-4dq6vbx88p] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 2px;
    align-items: center;
}

.mmqv-stock-transit[b-4dq6vbx88p] {
    display: inline-block;
    padding: 1px 5px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 800;
    line-height: 16px;
    min-width: 18px;
    height: 18px;
    color: #1e40af;
    background: #dbeafe;
    border: 1px solid #2563eb;
}

.mmqv-stock-order[b-4dq6vbx88p] {
    display: inline-block;
    padding: 1px 5px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 800;
    line-height: 16px;
    min-width: 18px;
    height: 18px;
    color: #9a3412;
    background: #ffedd5;
    border: 1px solid #f97316;
}

/* ── Curva badge (Vista 2, por tienda+talla) ──────────────────────────── */

.mmqv-curva-ref[b-4dq6vbx88p] {
    display: inline-block;
    padding: 1px 5px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 800;
    line-height: 16px;
    min-width: 18px;
    height: 18px;
    color: #334155;
    background: #f1f5f9;
    border: 1px solid #64748b;
}

/* ── Vista selector ─────────────────────────────────────────────────────── */

.mmqv-vista-tabs[b-4dq6vbx88p] {
    display: flex;
    gap: 0;
    padding: .3rem .6rem .25rem;
}

.mmqv-vista-tab[b-4dq6vbx88p] {
    flex: 1;
    padding: .28rem .5rem;
    font-size: .7rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid color-mix(in srgb, var(--tara-primary, #5e35b1) 28%, transparent);
    background: transparent;
    color: var(--tara-text-secondary, #666);
    transition: background .12s, color .12s;
    letter-spacing: .01em;
}

.mmqv-vista-tab:first-child[b-4dq6vbx88p] {
    border-radius: 4px 0 0 4px;
    border-right: none;
}

.mmqv-vista-tab:last-child[b-4dq6vbx88p] {
    border-radius: 0 4px 4px 0;
}

.mmqv-vista-tab--active[b-4dq6vbx88p] {
    background: color-mix(in srgb, var(--tara-primary, #5e35b1) 12%, transparent);
    color: var(--tara-primary, #5e35b1);
}

/* ── Leyenda Vista 2 ─────────────────────────────────────────────────────── */

.mmqv-leyenda-curva[b-4dq6vbx88p]   { color: #334155; }
.mmqv-leyenda-transit[b-4dq6vbx88p] { color: #1e40af; }
.mmqv-leyenda-order[b-4dq6vbx88p]   { color: #9a3412; }
/* _content/Raramuri.blzr/Components/Shared/Productos/VentasQuickView.razor.rz.scp.css */
/* ── State messages ─────────────────────────────────────────────── */

.vqv-state[b-qusex22ls3] {
    display: flex;
    align-items: center;
    gap: .55rem;
    font-size: .84rem;
    color: var(--tara-text-muted);
    padding: 1.5rem .5rem;
}

.vqv-state--error[b-qusex22ls3] {
    color: var(--tara-danger);
}

/* ── Meta chips ─────────────────────────────────────────────────── */

.vqv-meta-chips[b-qusex22ls3] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    padding: 0 0 .6rem;
}

.vqv-chip[b-qusex22ls3] {
    display: inline-flex;
    padding: .1rem .48rem;
    background: color-mix(in srgb, var(--tara-surface) 78%, var(--tara-bg));
    border: 1px solid var(--tara-border);
    border-radius: 100px;
    font-size: .76rem;
    font-weight: 600;
    color: var(--tara-text-muted);
    white-space: nowrap;
}

.vqv-chip--desc[b-qusex22ls3] {
    font-weight: 400;
}

/* ── Table wrapper ──────────────────────────────────────────────── */

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

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

[b-qusex22ls3] .vqv-head-default {
    font-size: .72rem !important;
    font-weight: 700 !important;
    text-align: center !important;
    padding: .35rem .4rem !important;
    white-space: nowrap !important;
    background: color-mix(in srgb, var(--tara-surface) 60%, var(--tara-bg)) !important;
    color: var(--tara-text-muted) !important;
}

[b-qusex22ls3] .vqv-head-total {
    font-size: .72rem !important;
    font-weight: 700 !important;
    text-align: center !important;
    padding: .35rem .4rem !important;
    white-space: nowrap !important;
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface)) !important;
    color: var(--tara-primary-dark) !important;
}

/* ── Body cells ─────────────────────────────────────────────────── */

[b-qusex22ls3] .vqv-cell-store {
    font-size: .77rem !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    padding: .28rem .55rem !important;
    color: var(--tara-text) !important;
}

[b-qusex22ls3] .vqv-cell-store--total {
    font-weight: 700 !important;
    color: var(--tara-primary-dark) !important;
}

[b-qusex22ls3] .vqv-cell-qty {
    font-size: .77rem !important;
    text-align: center !important;
    padding: .28rem .38rem !important;
    color: var(--tara-text) !important;
}

[b-qusex22ls3] .vqv-cell-total-col {
    font-weight: 700 !important;
    background: color-mix(in srgb, var(--tara-primary) 6%, transparent) !important;
    color: var(--tara-primary-dark) !important;
}

[b-qusex22ls3] .vqv-cell-total-row {
    font-weight: 700 !important;
    background: color-mix(in srgb, var(--tara-surface) 52%, var(--tara-bg)) !important;
}

/* ── Dark mode ──────────────────────────────────────────────────── */

[data-theme="dark"] .vqv-chip[b-qusex22ls3] {
    background: color-mix(in srgb, var(--tara-surface) 70%, var(--tara-bg));
}
/* _content/Raramuri.blzr/Components/Shared/SessionInvalidationDialog.razor.rz.scp.css */
[b-cyvv6zr5ue] .tara-session-dialog .mud-dialog-content {
    padding: 20px 22px 10px 22px;
}

[b-cyvv6zr5ue] .tara-session-dialog .mud-dialog-actions {
    padding: 0 22px 18px 22px;
}

[b-cyvv6zr5ue] .tara-session-dialog__content h3 {
    margin: 0 0 8px 0;
    color: var(--tara-primary-dark);
    font-size: 1rem;
    font-weight: 700;
}

[b-cyvv6zr5ue] .tara-session-dialog__content p {
    margin: 0 0 8px 0;
    color: var(--tara-text);
    font-size: 0.92rem;
    line-height: 1.45;
}

[b-cyvv6zr5ue] .tara-session-dialog__btn {
    min-width: 132px;
    font-weight: 600;
}
/* _content/Raramuri.blzr/Components/Shared/Tarahumara/CentroTrabajoEcommerce.razor.rz.scp.css */
.tara-work-center[b-8o12twk4qy] {
    --tara-space-1: 4px;
    --tara-space-2: 8px;
    --tara-space-3: 12px;
    --tara-space-4: 16px;
    --tara-space-5: 24px;
    --tara-space-6: 32px;
    display: grid;
    gap: var(--tara-space-4);
}

.tara-work-activity[b-8o12twk4qy] {
    display: grid;
    gap: .75rem;
    padding: 1rem 1.1rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-radius: calc(var(--tara-radius) + 4px);
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
    box-shadow: 0 18px 40px rgba(54, 23, 23, .08);
}

.tara-work-activity strong[b-8o12twk4qy] {
    display: block;
    color: var(--tara-text);
    font-size: .92rem;
    font-weight: 900;
    margin-bottom: .12rem;
}

.tara-work-activity p[b-8o12twk4qy] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .84rem;
    line-height: 1.5;
}

.tara-work-activity--detail[b-8o12twk4qy] {
    margin-bottom: .25rem;
}

.tara-work-center-head[b-8o12twk4qy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--tara-space-4);
    flex-wrap: wrap;
    padding: 18px 20px;
    border: 1px solid var(--tara-border);
    border-radius: 20px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--tara-surface) 96%, var(--tara-bg)), var(--tara-surface));
    box-shadow: 0 14px 36px rgba(37, 16, 16, .06);
}

.tara-work-center-copy[b-8o12twk4qy] {
    display: grid;
    gap: var(--tara-space-2);
    min-width: 0;
    flex: 1 1 420px;
}

.tara-work-center-title-row[b-8o12twk4qy],
.tara-work-center-meta-row[b-8o12twk4qy] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.tara-work-center-kicker[b-8o12twk4qy],
.tara-work-section-kicker[b-8o12twk4qy] {
    color: var(--tara-primary-dark);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tara-work-center-copy h2[b-8o12twk4qy] {
    margin: 0;
    color: var(--tara-text);
    font-size: clamp(1.45rem, 2vw, 1.9rem);
    font-weight: 900;
    letter-spacing: -.04em;
}

.tara-work-center-copy p[b-8o12twk4qy] {
    margin: 0;
    max-width: 72ch;
    color: var(--tara-text-muted);
    font-size: .88rem;
    line-height: 1.45;
}

.tara-work-center-live-pill[b-8o12twk4qy] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
    color: var(--tara-text);
    font-size: .76rem;
    font-weight: 700;
}

.tara-work-center-alert[b-8o12twk4qy],
.tara-work-state[b-8o12twk4qy],
.tara-work-empty[b-8o12twk4qy],
.tara-work-spotlight[b-8o12twk4qy],
.tara-work-alerts[b-8o12twk4qy],
.tara-kpi-card[b-8o12twk4qy],
.tara-alert-card[b-8o12twk4qy],
.tara-latest-card[b-8o12twk4qy],
.tara-work-panel[b-8o12twk4qy],
.tara-work-filter-chip[b-8o12twk4qy],
.tara-status-pill[b-8o12twk4qy],
.tara-work-panel-empty[b-8o12twk4qy],
.tara-panel-task-card[b-8o12twk4qy] {
    border: 1px solid var(--tara-border);
    border-radius: 18px;
    background: var(--tara-surface);
    box-shadow: 0 10px 24px rgba(42, 18, 18, .05);
}

.tara-work-state[b-8o12twk4qy],
.tara-work-panel-empty[b-8o12twk4qy] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.35rem 1.4rem;
}

.tara-work-state-progress[b-8o12twk4qy] {
    width: 100%;
}

.tara-work-state strong[b-8o12twk4qy],
.tara-work-panel-empty strong[b-8o12twk4qy] {
    display: block;
    color: var(--tara-text);
    font-size: .95rem;
    font-weight: 900;
    margin-bottom: .18rem;
}

.tara-work-state p[b-8o12twk4qy],
.tara-work-panel-empty p[b-8o12twk4qy] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .86rem;
}

.tara-work-empty[b-8o12twk4qy] {
    display: grid;
    gap: 1.1rem;
    padding: 1.5rem;
}

.tara-work-empty-hero[b-8o12twk4qy] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: center;
}

.tara-work-empty-icon[b-8o12twk4qy] {
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    border-radius: 24px;
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-work-empty h3[b-8o12twk4qy] {
    margin: .15rem 0;
    color: var(--tara-text);
    font-size: 1.3rem;
    font-weight: 900;
}

.tara-work-empty p[b-8o12twk4qy] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.55;
}

.tara-work-kpi-grid[b-8o12twk4qy] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--tara-space-3);
}

.tara-kpi-card[b-8o12twk4qy] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 10px 12px;
    padding: 14px 16px;
    text-align: left;
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.tara-kpi-card:hover[b-8o12twk4qy] {
    transform: translateY(-3px);
    box-shadow: 0 28px 60px rgba(83, 19, 19, .12);
    border-color: color-mix(in srgb, var(--tara-primary) 28%, var(--tara-border));
}

.tara-kpi-card--muted[b-8o12twk4qy] {
    cursor: default;
    opacity: .8;
}

.tara-kpi-card--muted:hover[b-8o12twk4qy] {
    transform: none;
    box-shadow: 0 20px 45px rgba(54, 23, 23, .08);
}

.tara-kpi-card--attention[b-8o12twk4qy] {
    background: linear-gradient(180deg, color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface)), var(--tara-surface));
}

.tara-kpi-icon[b-8o12twk4qy] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-kpi-copy[b-8o12twk4qy] {
    display: grid;
    gap: 2px;
}

.tara-kpi-label[b-8o12twk4qy] {
    color: var(--tara-text-muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tara-kpi-card strong[b-8o12twk4qy] {
    color: var(--tara-text);
    font-size: clamp(1.5rem, 2vw, 1.9rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.05em;
}

.tara-kpi-card small[b-8o12twk4qy] {
    grid-column: 1 / -1;
    color: var(--tara-text-muted);
    font-size: .78rem;
    line-height: 1.35;
}

.tara-work-overview[b-8o12twk4qy] {
    display: grid;
    grid-template-columns: minmax(0, 1.9fr) minmax(280px, .85fr);
    gap: var(--tara-space-4);
}

.tara-work-inbox[b-8o12twk4qy],
.tara-work-alerts[b-8o12twk4qy] {
    display: grid;
    gap: var(--tara-space-4);
    padding: 18px;
}

.tara-work-inbox-head[b-8o12twk4qy],
.tara-work-alerts-head[b-8o12twk4qy],
.tara-work-panel-head[b-8o12twk4qy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .9rem;
}

.tara-work-inbox-head h3[b-8o12twk4qy],
.tara-work-alerts-head h3[b-8o12twk4qy],
.tara-work-panel-head h3[b-8o12twk4qy] {
    margin: 2px 0 0;
    color: var(--tara-text);
    font-size: 1.05rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.tara-work-panel-head p[b-8o12twk4qy] {
    margin: 4px 0 0;
    color: var(--tara-text-muted);
    font-size: .82rem;
    line-height: 1.4;
    max-width: 44ch;
}

.tara-work-status-strip[b-8o12twk4qy] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.tara-status-pill[b-8o12twk4qy] {
    display: grid;
    gap: 2px;
    padding: 10px 12px;
    border-radius: 14px;
    box-shadow: none;
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
}

.tara-status-pill span[b-8o12twk4qy] {
    color: var(--tara-text-muted);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.tara-status-pill strong[b-8o12twk4qy] {
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 900;
}

.tara-work-latest-grid[b-8o12twk4qy] {
    display: grid;
    gap: 10px;
}

.tara-work-latest-grid--list[b-8o12twk4qy] {
    grid-template-columns: 1fr;
}

.tara-latest-card[b-8o12twk4qy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    cursor: pointer;
    transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease;
}

.tara-latest-card:hover[b-8o12twk4qy],
.tara-panel-task-card:hover[b-8o12twk4qy] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--tara-primary) 22%, var(--tara-border));
    box-shadow: 0 18px 32px rgba(44, 18, 18, .08);
}

.tara-latest-card-main[b-8o12twk4qy] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 12px;
}

.tara-latest-card-top[b-8o12twk4qy],
.tara-panel-task-main[b-8o12twk4qy] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    align-items: center;
}

.tara-latest-type-icon[b-8o12twk4qy],
.tara-panel-task-icon[b-8o12twk4qy] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    color: var(--tara-primary-dark);
    flex: 0 0 auto;
}

.tara-latest-card-copy[b-8o12twk4qy],
.tara-panel-task-copy[b-8o12twk4qy] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.tara-latest-card-title-row[b-8o12twk4qy],
.tara-panel-task-title-row[b-8o12twk4qy] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}

.tara-latest-card-copy strong[b-8o12twk4qy],
.tara-panel-task-copy strong[b-8o12twk4qy] {
    color: var(--tara-text);
    font-size: .92rem;
    font-weight: 900;
}

.tara-latest-card-copy span[b-8o12twk4qy],
.tara-panel-task-copy span[b-8o12twk4qy] {
    color: var(--tara-text-muted);
    font-size: .79rem;
    line-height: 1.3;
}

.tara-latest-card-order[b-8o12twk4qy],
.tara-panel-task-order[b-8o12twk4qy] {
    font-weight: 700;
    color: var(--tara-text) !important;
}

.tara-latest-card-meta[b-8o12twk4qy] {
    display: flex;
    align-items: center;
    gap: 8px 12px;
    flex-wrap: wrap;
}

.tara-latest-card-meta span[b-8o12twk4qy],
.tara-panel-task-order[b-8o12twk4qy] {
    color: var(--tara-text-muted);
    font-size: .79rem;
}

.tara-latest-card-actions[b-8o12twk4qy] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.tara-inline-action-state[b-8o12twk4qy] {
    display: grid;
    gap: .45rem;
}

.tara-inline-action-state span[b-8o12twk4qy] {
    color: var(--tara-text-muted);
    font-size: .8rem;
    line-height: 1.45;
}

.tara-work-detail-helper-box[b-8o12twk4qy] {
    display: grid;
    gap: .55rem;
    padding: .9rem 1rem;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
    border-radius: 18px;
    background: color-mix(in srgb, var(--tara-surface) 92%, var(--tara-bg));
}

.tara-work-detail-helper-box strong[b-8o12twk4qy] {
    color: var(--tara-text);
    font-size: .92rem;
    font-weight: 900;
}

.tara-work-detail-helper-box p[b-8o12twk4qy],
.tara-work-detail-helper-box small[b-8o12twk4qy] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.5;
}

.tara-inline-action-state--compact[b-8o12twk4qy] {
    width: min(100%, 220px);
}

.tara-alert-card[b-8o12twk4qy] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    text-align: left;
}

button.tara-alert-card[b-8o12twk4qy] {
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

button.tara-alert-card:hover[b-8o12twk4qy] {
    transform: translateY(-2px);
    box-shadow: 0 24px 50px rgba(83, 19, 19, .12);
}

.tara-alert-card--ok[b-8o12twk4qy] {
    border-color: color-mix(in srgb, var(--tara-success) 24%, var(--tara-border));
}

.tara-alert-card--critical[b-8o12twk4qy] {
    border-color: color-mix(in srgb, var(--tara-error) 34%, var(--tara-border));
}

.tara-alert-card--warning[b-8o12twk4qy] {
    border-color: color-mix(in srgb, var(--tara-warning) 34%, var(--tara-border));
}

.tara-alert-card--attention[b-8o12twk4qy] {
    border-color: color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
}

.tara-alert-icon[b-8o12twk4qy] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--tara-primary) 8%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-alert-card strong[b-8o12twk4qy] {
    display: block;
    margin-bottom: 2px;
    color: var(--tara-text);
    font-size: .9rem;
    font-weight: 900;
}

.tara-alert-card p[b-8o12twk4qy] {
    margin: 0;
    color: var(--tara-text-muted);
    font-size: .8rem;
    line-height: 1.4;
}

.tara-work-panel-backdrop[b-8o12twk4qy] {
    position: fixed;
    inset: 0;
    background: rgba(19, 10, 10, .32);
    backdrop-filter: blur(4px);
    z-index: 1500;
}

.tara-work-panel[b-8o12twk4qy] {
    position: fixed;
    top: 0;
    right: 0;
    width: min(720px, 100vw);
    height: 100dvh;
    z-index: 1501;
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 12px;
    padding: 18px;
    border-radius: 0;
    border-left: 1px solid color-mix(in srgb, var(--tara-primary) 12%, var(--tara-border));
    box-shadow: -10px 0 30px rgba(22, 10, 10, .14);
    overflow: hidden;
}

.tara-work-panel--detail[b-8o12twk4qy] {
    width: min(1120px, 100vw);
    grid-template-rows: auto 1fr;
}

.tara-work-panel-body[b-8o12twk4qy] {
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: .15rem;
}

.tara-work-filter-chip[b-8o12twk4qy],
button.tara-work-filter-chip[b-8o12twk4qy] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-surface) 85%, var(--tara-bg));
    box-shadow: none;
    cursor: pointer;
}

.tara-work-filter-chip span[b-8o12twk4qy] {
    color: var(--tara-text);
    font-size: .78rem;
    font-weight: 800;
}

.tara-work-filter-chip strong[b-8o12twk4qy] {
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 900;
}

.tara-work-filter-chip--active[b-8o12twk4qy] {
    border-color: color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 9%, var(--tara-surface));
}

.tara-work-panel-filter-strip[b-8o12twk4qy] {
    display: flex;
    gap: .7rem;
    overflow-x: auto;
    padding-bottom: .15rem;
}

.tara-work-panel-list[b-8o12twk4qy] {
    height: 100%;
    overflow: auto;
    padding-right: .15rem;
}

.tara-panel-task-card[b-8o12twk4qy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    padding: 14px 16px;
    margin-bottom: 10px;
}

.tara-panel-task-side[b-8o12twk4qy] {
    display: grid;
    gap: 8px;
    justify-items: end;
    align-content: start;
    min-width: 160px;
}

.tara-panel-task-badges[b-8o12twk4qy] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tara-panel-task-time[b-8o12twk4qy] {
    display: grid;
    gap: .12rem;
    justify-items: end;
}

.tara-panel-task-time span[b-8o12twk4qy] {
    color: var(--tara-text);
    font-size: .78rem;
    font-weight: 800;
}

.tara-panel-task-time small[b-8o12twk4qy] {
    color: var(--tara-text-muted);
    font-size: .72rem;
}

.tara-work-detail[b-8o12twk4qy] {
    display: grid;
    gap: 14px;
    align-content: start;
    min-height: 0;
}

.tara-work-detail-head[b-8o12twk4qy],
.tara-work-detail-actions[b-8o12twk4qy],
.tara-work-detail-summary[b-8o12twk4qy],
.tara-work-detail-layout[b-8o12twk4qy],
.tara-work-detail-card[b-8o12twk4qy],
.tara-line-card[b-8o12twk4qy],
.tara-work-detail-form[b-8o12twk4qy],
.tara-history-item[b-8o12twk4qy] {
    border: 1px solid var(--tara-border);
    border-radius: calc(var(--tara-radius) + 4px);
    background: var(--tara-surface);
}

.tara-work-detail-head[b-8o12twk4qy],
.tara-work-detail-block-head[b-8o12twk4qy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .9rem;
}

.tara-work-detail-head--panel[b-8o12twk4qy] {
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}

.tara-work-detail-head-main[b-8o12twk4qy] {
    display: grid;
    gap: .45rem;
}

.tara-work-detail-head-actions[b-8o12twk4qy] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.tara-work-detail-head h3[b-8o12twk4qy],
.tara-work-detail-block-head h4[b-8o12twk4qy] {
    margin: 2px 0 0;
    color: var(--tara-text);
    font-weight: 900;
}

.tara-work-detail-head p[b-8o12twk4qy] {
    margin: 4px 0 0;
    color: var(--tara-text-muted);
    font-size: .82rem;
    line-height: 1.4;
}

.tara-work-detail-summary[b-8o12twk4qy] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    padding: 0;
    border: 0;
    background: transparent;
}

.tara-work-detail-card[b-8o12twk4qy],
.tara-work-detail-form[b-8o12twk4qy],
.tara-line-card[b-8o12twk4qy] {
    display: grid;
    gap: 8px;
    padding: 14px 16px;
}

.tara-work-detail-card strong[b-8o12twk4qy],
.tara-line-card strong[b-8o12twk4qy],
.tara-history-item strong[b-8o12twk4qy] {
    color: var(--tara-text);
}

.tara-work-detail-card p[b-8o12twk4qy],
.tara-line-card p[b-8o12twk4qy],
.tara-work-detail-helper[b-8o12twk4qy],
.tara-history-item p[b-8o12twk4qy] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.5;
}

.tara-work-detail-helper--warning[b-8o12twk4qy] {
    color: color-mix(in srgb, var(--tara-warning) 72%, var(--tara-text));
    font-weight: 700;
}

.tara-work-detail-meta-stack[b-8o12twk4qy] {
    display: grid;
    gap: .2rem;
}

.tara-work-detail-meta-stack span[b-8o12twk4qy],
.tara-line-card-technical[b-8o12twk4qy] {
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-work-detail-actions[b-8o12twk4qy] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 14px;
}

.tara-work-detail-layout[b-8o12twk4qy] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(320px, .95fr);
    gap: 14px;
    padding: 0;
    border: 0;
    background: transparent;
}

.tara-work-detail-lineas[b-8o12twk4qy],
.tara-work-detail-side[b-8o12twk4qy] {
    display: grid;
    gap: 14px;
    align-content: start;
}

.tara-line-card--selected[b-8o12twk4qy] {
    border-color: color-mix(in srgb, var(--tara-primary) 30%, var(--tara-border));
    box-shadow: 0 20px 50px rgba(71, 11, 11, .1);
}

.tara-line-card--busy[b-8o12twk4qy] {
    border-color: color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
}

.tara-line-card-head[b-8o12twk4qy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
}

.tara-line-card-title[b-8o12twk4qy] {
    display: grid;
    gap: .25rem;
}

.tara-line-card-image[b-8o12twk4qy] {
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 14px;
    border: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
}

.tara-line-card-badges[b-8o12twk4qy],
.tara-line-card-actions[b-8o12twk4qy],
.tara-line-card-notes[b-8o12twk4qy] {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.tara-line-card-metrics[b-8o12twk4qy] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.tara-line-card-metrics span[b-8o12twk4qy],
.tara-line-card-notes span[b-8o12twk4qy],
.tara-history-item span[b-8o12twk4qy] {
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-line-card-metrics strong[b-8o12twk4qy] {
    display: block;
    margin-top: 2px;
    font-size: .94rem;
}

.tara-work-detail-form-grid[b-8o12twk4qy] {
    display: grid;
    gap: 10px;
}

.tara-work-detail-form-grid--reject[b-8o12twk4qy] {
    padding-top: .8rem;
    border-top: 1px solid var(--tara-border);
}

.tara-work-detail-form--commercial[b-8o12twk4qy] {
    gap: .9rem;
}

.tara-work-commercial-grid[b-8o12twk4qy] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.tara-work-commercial-item[b-8o12twk4qy] {
    display: grid;
    gap: 2px;
    padding: 12px;
    border: 1px solid var(--tara-border);
    border-radius: 14px;
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
}

.tara-work-commercial-item span[b-8o12twk4qy] {
    color: var(--tara-text-muted);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.tara-work-commercial-item strong[b-8o12twk4qy] {
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 900;
}

.tara-work-commercial-item small[b-8o12twk4qy] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    line-height: 1.45;
    word-break: break-word;
}

.tara-work-commercial-actions[b-8o12twk4qy] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tara-history-list[b-8o12twk4qy] {
    display: grid;
    gap: 10px;
}

.tara-history-item[b-8o12twk4qy] {
    display: grid;
    gap: 4px;
    padding: 12px 14px 12px 18px;
    border-left: 3px solid color-mix(in srgb, var(--tara-primary) 24%, var(--tara-border));
    position: relative;
}

.tara-history-item[b-8o12twk4qy]::before {
    content: "";
    position: absolute;
    top: 17px;
    left: -7px;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: var(--tara-primary);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--tara-primary) 10%, transparent);
}

.tara-work-center-head[b-8o12twk4qy] {
    padding: 16px 18px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--tara-surface) 98%, var(--tara-bg)), color-mix(in srgb, var(--tara-surface) 94%, var(--tara-bg)));
}

.tara-work-center-copy[b-8o12twk4qy] {
    gap: 6px;
}

.tara-work-center-copy h2[b-8o12twk4qy] {
    font-size: clamp(1.32rem, 1.8vw, 1.7rem);
}

.tara-work-center-head-actions[b-8o12twk4qy] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tara-work-center-segments[b-8o12twk4qy] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border: 1px solid var(--tara-border);
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
}

.tara-work-segment[b-8o12twk4qy] {
    border: 0;
    background: transparent;
    color: var(--tara-text-muted);
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: .82rem;
    font-weight: 800;
    cursor: pointer;
    transition: background .14s ease, color .14s ease, box-shadow .14s ease;
}

.tara-work-segment--active[b-8o12twk4qy] {
    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) 20%, var(--tara-border));
}

.tara-kpi-card[b-8o12twk4qy] {
    padding: 12px 14px;
}

.tara-kpi-card strong[b-8o12twk4qy] {
    font-size: clamp(1.3rem, 1.6vw, 1.65rem);
}

.tara-work-overview--quiet[b-8o12twk4qy] {
    grid-template-columns: minmax(0, 2.45fr) minmax(240px, .55fr);
}

.tara-work-alerts[b-8o12twk4qy] {
    align-content: start;
}

.tara-alert-card--ok[b-8o12twk4qy] {
    min-height: 0;
}

.tara-latest-card[b-8o12twk4qy],
.tara-panel-task-card[b-8o12twk4qy] {
    min-height: 62px;
    outline: none;
}

.tara-latest-card:focus-visible[b-8o12twk4qy],
.tara-panel-task-card:focus-visible[b-8o12twk4qy],
.tara-work-segment:focus-visible[b-8o12twk4qy] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--tara-primary) 18%, transparent);
    border-color: color-mix(in srgb, var(--tara-primary) 32%, var(--tara-border));
}

.tara-latest-card-actions .mud-button-root[b-8o12twk4qy],
.tara-panel-task-side .mud-button-root[b-8o12twk4qy] {
    color: var(--tara-text-muted);
}

.tara-work-history-shell[b-8o12twk4qy],
.tara-work-history-grid[b-8o12twk4qy],
.tara-work-metrics-shell[b-8o12twk4qy] {
    display: grid;
    gap: 14px;
}

.tara-work-history-head[b-8o12twk4qy] {
    border: 1px solid var(--tara-border);
    border-radius: 18px;
    background: var(--tara-surface);
    box-shadow: 0 10px 24px rgba(42, 18, 18, .05);
}

.tara-work-history-head[b-8o12twk4qy] {
    padding: 16px 18px;
}

.tara-work-history-head h3[b-8o12twk4qy] {
    margin: 2px 0 0;
    color: var(--tara-text);
    font-size: 1.05rem;
    font-weight: 900;
}

.tara-work-history-head p[b-8o12twk4qy] {
    margin: 6px 0 0;
    color: var(--tara-text-muted);
    font-size: .84rem;
    line-height: 1.45;
}

.tara-work-history-accordion[b-8o12twk4qy] {
    box-shadow: 0 10px 24px rgba(42, 18, 18, .05);
}

.tara-work-history-filters-grid[b-8o12twk4qy] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: start;
    gap: .75rem;
}

.tara-work-history-filters-grid > *[b-8o12twk4qy] {
    min-width: 0;
}

.tara-work-history-filters-grid .tara-filter-select[b-8o12twk4qy] {
    width: 100%;
    min-width: 0;
    max-width: none;
    grid-column: span 3;
}

.tara-work-history-date-range[b-8o12twk4qy] {
    grid-column: span 4;
}

.tara-work-history-toggle[b-8o12twk4qy] {
    display: flex;
    align-items: center;
    min-height: 56px;
    grid-column: span 3;
}

.tara-work-history-filter-actions[b-8o12twk4qy] {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    grid-column: span 3;
}

.tara-work-history-grid[b-8o12twk4qy] {
    overflow: hidden;
}

.tara-work-history-grid :global(.tdg-shell)[b-8o12twk4qy] {
    border: 1px solid var(--tara-border);
    border-radius: 18px;
    background: var(--tara-surface);
    box-shadow: 0 10px 24px rgba(42, 18, 18, .05);
}

.tara-work-metrics-grid[b-8o12twk4qy] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.tara-work-inline-loading[b-8o12twk4qy],
.tara-work-inline-actions[b-8o12twk4qy] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.tara-work-inline-loading[b-8o12twk4qy] {
    padding: .15rem 0 .2rem;
}

.tara-work-inline-loading .mud-progress-linear[b-8o12twk4qy] {
    flex: 1 1 auto;
}

.tara-work-inline-loading span[b-8o12twk4qy] {
    color: var(--tara-text-muted);
    font-size: .82rem;
    font-weight: 700;
}

.tara-filter-pill[b-8o12twk4qy],
.tara-filter-count-pill[b-8o12twk4qy] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 800;
    line-height: 1;
}

.tara-filter-pill[b-8o12twk4qy] {
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-primary) 7%, var(--tara-surface));
    color: var(--tara-primary-dark);
}

.tara-filter-count-pill[b-8o12twk4qy] {
    border: 1px solid var(--tara-border);
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
    color: var(--tara-text);
}

[b-8o12twk4qy] .tara-history-grid-action {
    color: var(--tara-text-muted);
}

[b-8o12twk4qy] .tara-history-chip {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: .74rem;
    font-weight: 800;
    line-height: 1;
}

[b-8o12twk4qy] .tara-history-chip--default {
    background: color-mix(in srgb, var(--tara-surface) 85%, var(--tara-bg));
    border-color: var(--tara-border);
    color: var(--tara-text);
}

[b-8o12twk4qy] .tara-history-chip--pickup {
    background: color-mix(in srgb, var(--tara-primary) 10%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-primary) 16%, var(--tara-border));
    color: var(--tara-primary-dark);
}

[b-8o12twk4qy] .tara-history-chip--receiving {
    background: color-mix(in srgb, var(--tara-info) 10%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-info) 16%, var(--tara-border));
    color: color-mix(in srgb, var(--tara-info) 62%, var(--tara-text));
}

[b-8o12twk4qy] .tara-history-chip--shipping {
    background: color-mix(in srgb, var(--tara-warning) 11%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-warning) 18%, var(--tara-border));
    color: color-mix(in srgb, var(--tara-warning) 74%, var(--tara-text));
}

[b-8o12twk4qy] .tara-history-chip--ready {
    background: color-mix(in srgb, var(--tara-info) 9%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-info) 16%, var(--tara-border));
    color: color-mix(in srgb, var(--tara-info) 68%, var(--tara-text));
}

[b-8o12twk4qy] .tara-history-chip--success {
    background: color-mix(in srgb, var(--tara-success) 10%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-success) 16%, var(--tara-border));
    color: color-mix(in srgb, var(--tara-success) 72%, var(--tara-text));
}

[b-8o12twk4qy] .tara-history-chip--danger {
    background: color-mix(in srgb, var(--tara-error) 10%, var(--tara-surface));
    border-color: color-mix(in srgb, var(--tara-error) 16%, var(--tara-border));
    color: color-mix(in srgb, var(--tara-error) 72%, var(--tara-text));
}

[b-8o12twk4qy] .tara-history-chip--neutral {
    background: color-mix(in srgb, var(--tara-surface) 86%, var(--tara-bg));
    border-color: var(--tara-border);
    color: var(--tara-text-muted);
}

@media (max-width: 1180px) {
    .tara-work-kpi-grid[b-8o12twk4qy],
    .tara-work-status-strip[b-8o12twk4qy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-work-overview[b-8o12twk4qy] {
        grid-template-columns: 1fr;
    }

    .tara-work-overview--quiet[b-8o12twk4qy] {
        grid-template-columns: 1fr;
    }

    .tara-work-metrics-grid[b-8o12twk4qy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-work-history-filters-grid[b-8o12twk4qy] {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .tara-work-history-date-range[b-8o12twk4qy] {
        grid-column: span 4;
    }

    .tara-work-history-filters-grid .tara-filter-select[b-8o12twk4qy],
    .tara-work-history-toggle[b-8o12twk4qy],
    .tara-work-history-filter-actions[b-8o12twk4qy] {
        grid-column: span 4;
    }

    .tara-work-detail-summary[b-8o12twk4qy],
    .tara-line-card-metrics[b-8o12twk4qy],
    .tara-work-commercial-grid[b-8o12twk4qy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-work-detail-layout[b-8o12twk4qy] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 860px) {
    .tara-latest-card[b-8o12twk4qy],
    .tara-panel-task-card[b-8o12twk4qy] {
        grid-template-columns: 1fr;
    }

    .tara-latest-card-actions[b-8o12twk4qy],
    .tara-panel-task-side[b-8o12twk4qy],
    .tara-panel-task-time[b-8o12twk4qy],
    .tara-panel-task-badges[b-8o12twk4qy] {
        justify-items: start;
        justify-content: flex-start;
    }

    .tara-work-panel--detail[b-8o12twk4qy] {
        width: 100vw;
    }

    .tara-work-history-filters-grid[b-8o12twk4qy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tara-work-history-date-range[b-8o12twk4qy] {
        grid-column: span 2;
    }

    .tara-work-history-filters-grid .tara-filter-select[b-8o12twk4qy],
    .tara-work-history-toggle[b-8o12twk4qy],
    .tara-work-history-filter-actions[b-8o12twk4qy] {
        grid-column: span 1;
    }
}

@media (max-width: 640px) {
    .tara-work-center-head[b-8o12twk4qy],
    .tara-work-inbox[b-8o12twk4qy],
    .tara-work-alerts[b-8o12twk4qy],
    .tara-work-empty[b-8o12twk4qy] {
        padding: 1rem;
    }

    .tara-work-kpi-grid[b-8o12twk4qy],
    .tara-work-status-strip[b-8o12twk4qy] {
        grid-template-columns: 1fr;
    }

    .tara-work-center-head-actions[b-8o12twk4qy],
    .tara-work-center-segments[b-8o12twk4qy] {
        width: 100%;
    }

    .tara-work-center-segments[b-8o12twk4qy] {
        justify-content: stretch;
        flex-wrap: wrap;
    }

    .tara-work-segment[b-8o12twk4qy] {
        flex: 1 1 0;
        padding-inline: 10px;
    }

    .tara-work-empty-hero[b-8o12twk4qy] {
        grid-template-columns: 1fr;
    }

    .tara-work-panel[b-8o12twk4qy] {
        width: 100vw;
        padding: 1rem;
    }

    .tara-work-panel--detail[b-8o12twk4qy] {
        width: 100vw;
    }

    .tara-work-detail-summary[b-8o12twk4qy],
    .tara-line-card-metrics[b-8o12twk4qy],
    .tara-work-commercial-grid[b-8o12twk4qy],
    .tara-work-metrics-grid[b-8o12twk4qy] {
        grid-template-columns: 1fr;
    }

    .tara-work-history-date-range[b-8o12twk4qy] {
        grid-column: span 1;
    }

    .tara-work-history-filters-grid[b-8o12twk4qy],
    .tara-work-history-filters-grid .tara-filter-select[b-8o12twk4qy],
    .tara-work-history-toggle[b-8o12twk4qy],
    .tara-work-history-filter-actions[b-8o12twk4qy] {
        grid-column: span 1;
    }

    .tara-work-history-filters-grid[b-8o12twk4qy] {
        grid-template-columns: 1fr;
    }

    .tara-work-history-filter-actions[b-8o12twk4qy] {
        width: 100%;
        justify-content: stretch;
    }

    .tara-work-history-filter-actions .mud-button-root[b-8o12twk4qy] {
        flex: 1 1 0;
    }
}
/* _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-pbjty5qv55] {
    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-pbjty5qv55] {
    border-color: color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
}

/* ── Cabecera ─────────────────────────────────────────────────────────────── */

.tara-fa-header[b-pbjty5qv55] {
    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-pbjty5qv55] {
    border-bottom-color: var(--tara-border-subtle);
    background:          var(--tara-surface-raised);
}

.tara-fa-header:hover[b-pbjty5qv55] {
    background: var(--tara-surface-raised);
}

.tara-fa-header:focus-visible[b-pbjty5qv55] {
    outline:        2px solid var(--tara-primary-dark);
    outline-offset: -2px;
}

/* ── Interior izquierdo del header ───────────────────────────────────────── */

.tara-fa-header-left[b-pbjty5qv55] {
    display:     flex;
    align-items: center;
    gap:         .45rem;
    flex:        1;
    min-width:   0;
    flex-wrap:   wrap;
}

/* Ícono de filtro (funnel SVG) */
.tara-fa-icon[b-pbjty5qv55] {
    flex-shrink: 0;
    color:       var(--tara-primary-dark);
    opacity:     .8;
}

/* Texto del título */
.tara-fa-title[b-pbjty5qv55] {
    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-pbjty5qv55] {
    font-size:  .75rem;
    color:      var(--tara-text-muted);
    font-style: italic;
}

/* ── Chevron animado ─────────────────────────────────────────────────────── */

.tara-fa-chevron[b-pbjty5qv55] {
    flex-shrink: 0;
    margin-left: auto;
    color:       var(--tara-text-muted);
    transition:  transform .22s ease;
}

.tara-fa-chevron--up[b-pbjty5qv55] {
    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-pbjty5qv55] {
    display:            grid;
    grid-template-rows: 0fr;
    transition:         grid-template-rows .22s ease;
}

.tara-fa-card--open .tara-fa-body[b-pbjty5qv55] {
    grid-template-rows: 1fr;
}

/* Clip necesario para que el overflow quede oculto durante la animación */
.tara-fa-body-inner[b-pbjty5qv55] {
    overflow: hidden;
}

/* ── Responsive: cabecera más compacta en móvil ──────────────────────────── */

@media (max-width: 640px) {
    .tara-fa-header[b-pbjty5qv55] {
        padding: .65rem .8rem;
    }
}
/* _content/Raramuri.blzr/Components/Shared/Tarahumara/Indicadores/IndicadoresDateRange.razor.rz.scp.css */
.tara-ind-date-range[b-blu0kakiuj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(140px, 1fr));
    gap: .6rem;
    min-width: 0;
}

.tara-ind-date-picker[b-blu0kakiuj] {
    min-width: 0;
}

.tara-ind-date-picker[b-blu0kakiuj]  .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-blu0kakiuj]  .mud-input-root {
    color: var(--tara-text);
    background: var(--tara-surface);
}

.tara-ind-date-picker[b-blu0kakiuj]  .mud-input-outlined {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
}

.tara-ind-date-picker[b-blu0kakiuj]  .mud-input-outlined:hover,
.tara-ind-date-picker[b-blu0kakiuj]  .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-blu0kakiuj]  .mud-input-adornment,
.tara-ind-date-picker[b-blu0kakiuj]  .mud-icon-root,
.tara-ind-date-picker[b-blu0kakiuj]  .mud-button-root {
    color: var(--tara-primary-dark);
}

.tara-ind-date-picker[b-blu0kakiuj]  input {
    color: var(--tara-text);
    font: inherit;
}

.tara-ind-date-picker[b-blu0kakiuj]  .mud-disabled {
    opacity: .72;
    cursor: not-allowed;
}

@media (max-width: 640px) {
    .tara-ind-date-range[b-blu0kakiuj] {
        grid-template-columns: 1fr;
    }
}
/* _content/Raramuri.blzr/Components/Shared/Tarahumara/Indicadores/IndicadoresDialog.razor.rz.scp.css */
.tara-ind-dialog-backdrop[b-j08wafmg34] {
    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-j08wafmg34] {
    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-j08wafmg34] {
    width: min(520px, 94vw);
}

.tara-ind-dialog--wide[b-j08wafmg34] {
    width: min(1120px, 96vw);
}

.tara-ind-dialog--image[b-j08wafmg34] {
    width: min(560px, 94vw);
}

.tara-ind-dialog-header[b-j08wafmg34] {
    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-j08wafmg34] {
    color: var(--tara-primary-dark);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .72rem;
    font-weight: 800;
}

.tara-ind-dialog-header h2[b-j08wafmg34] {
    margin: 0;
    color: var(--tara-text);
    font-size: 1rem;
    font-weight: 900;
}

.tara-ind-dialog-header p[b-j08wafmg34] {
    margin: .12rem 0 0;
    color: var(--tara-text-muted);
}

.tara-ind-dialog-header button[b-j08wafmg34] {
    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-j08wafmg34],
.tara-ind-dialog-header button:focus-visible[b-j08wafmg34] {
    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-j08wafmg34],
.tara-ind-dialog-footer[b-j08wafmg34] {
    display: flex;
    gap: .5rem;
    padding: .75rem .9rem;
    border-bottom: 1px solid var(--tara-border);
}

.tara-ind-dialog-actions[b-j08wafmg34] {
    justify-content: flex-start;
}

.tara-ind-dialog-footer[b-j08wafmg34] {
    justify-content: flex-end;
    border-top: 1px solid var(--tara-border);
    border-bottom: 0;
}

.tara-ind-dialog-actions button[b-j08wafmg34] {
    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-j08wafmg34],
.tara-ind-dialog-actions button:focus-visible[b-j08wafmg34] {
    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-j08wafmg34] {
    min-height: 0;
    overflow: auto;
}

@media (max-width: 760px) {
    .tara-ind-dialog-backdrop[b-j08wafmg34] {
        padding: .65rem;
    }
}
/* _content/Raramuri.blzr/Components/Shared/Tarahumara/Indicadores/IndicadoresExportActions.razor.rz.scp.css */
.tara-ind-actions[b-k6kpc4wo5j] {
    display: flex;
    align-items: end;
    gap: .6rem;
    min-width: 0;
}

.tara-ind-primary-action[b-k6kpc4wo5j],
.tara-ind-pdf-action[b-k6kpc4wo5j],
.tara-ind-excel-action[b-k6kpc4wo5j] {
    min-height: 38px;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .tara-ind-primary-action[b-k6kpc4wo5j],
    .tara-ind-pdf-action[b-k6kpc4wo5j],
    .tara-ind-excel-action[b-k6kpc4wo5j] {
        width: 100%;
    }
}
/* _content/Raramuri.blzr/Components/Shared/Tarahumara/Indicadores/IndicadoresLoading.razor.rz.scp.css */
.tara-ind-state[b-i5hs761ohj] {
    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-i5hs761ohj] {
    min-height: 260px;
}

.tara-ind-state p[b-i5hs761ohj] {
    margin: 0;
}

.tara-ind-state small[b-i5hs761ohj] {
    color: var(--tara-text-muted);
    font-size: .78rem;
}

.tara-ind-state[b-i5hs761ohj]  .mud-icon-root {
    color: var(--tara-text-muted);
}
/* _content/Raramuri.blzr/Components/Shared/Tarahumara/PretraspasoAcciones.razor.rz.scp.css */
.tara-pretraspaso-actions[b-zkurwqum7w] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    align-items: center;
}

.tara-pretraspaso-action[b-zkurwqum7w] {
    min-height: 2rem;
    padding: .25rem .55rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    color: var(--tara-text);
    font: inherit;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
}

.tara-pretraspaso-action:hover[b-zkurwqum7w],
.tara-pretraspaso-action:focus-visible[b-zkurwqum7w] {
    border-color: var(--tara-primary);
    color: var(--tara-primary-dark);
}

.tara-pretraspaso-action-error[b-zkurwqum7w] {
    margin-top: .4rem;
}
/* _content/Raramuri.blzr/Components/Shared/Tarahumara/TarahumaraDynamicGrid.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════════
   TarahumaraDynamicGrid — Sistema de Grid Premium Dinámico Tarahumara
   Patrón visual: Tarahumara Secundario
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── Shell ──────────────────────────────────────────────────────────────────── */
.tdg-shell[b-zhjr9m0kn3] {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    width: 100%;
}

/* ── Toolbar ─────────────────────────────────────────────────────────────────── */
.tdg-toolbar[b-zhjr9m0kn3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    padding: 0.6rem 0;
}

.tdg-search-side[b-zhjr9m0kn3] {
    flex: 1 1 220px;
    min-width: 160px;
    max-width: 360px;
}

.tdg-search-field[b-zhjr9m0kn3] {
    width: 100%;
}

.tdg-actions-side[b-zhjr9m0kn3] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.tdg-count-chip[b-zhjr9m0kn3] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--tara-text-secondary, #757575);
    white-space: nowrap;
    padding: 0.2rem 0.5rem;
    background: var(--tara-surface-secondary, #f5f5f5);
    border-radius: 12px;
    border: 1px solid var(--tara-divider, #e0e0e0);
}

.tdg-clear-btn[b-zhjr9m0kn3] {
    font-size: 0.74rem;
    font-weight: 600;
    color: var(--tara-text-secondary, #757575);
    background: none;
    border: 1px solid var(--tara-divider, #e0e0e0);
    border-radius: 6px;
    padding: 0.2rem 0.55rem;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    white-space: nowrap;
}

.tdg-clear-btn:hover[b-zhjr9m0kn3] {
    background: var(--tara-surface-secondary, #f5f5f5);
    color: var(--tara-text-primary, #212121);
}

.tdg-sort-chip[b-zhjr9m0kn3] {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--tara-primary, #cc0000);
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 8%, var(--tara-surface, #fff));
    border: 1px solid color-mix(in srgb, var(--tara-primary, #cc0000) 30%, transparent);
    border-radius: 12px;
    padding: 0.2rem 0.6rem;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
}

.tdg-sort-chip:hover[b-zhjr9m0kn3] {
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 14%, var(--tara-surface, #fff));
}

/* ── Selector de columnas ────────────────────────────────────────────────────── */
.tdg-col-selector[b-zhjr9m0kn3] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 0.5rem 0.75rem;
    background: var(--tara-surface-secondary, #fafafa);
    border: 1px solid var(--tara-divider, #e0e0e0);
    border-radius: 8px;
    margin-bottom: 0.5rem;
}

.tdg-col-selector-toolbar[b-zhjr9m0kn3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid color-mix(in srgb, var(--tara-border, #e6e1dc) 85%, transparent);
    margin-bottom: 0.15rem;
}

.tdg-col-selector-actions[b-zhjr9m0kn3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.tdg-col-selector-toggle[b-zhjr9m0kn3] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 32px;
    padding: 0.28rem 0.72rem;
    border-radius: 999px;
    border: 1px solid var(--tara-divider, #e0e0e0);
    background: var(--tara-surface, #fff);
    color: var(--tara-text, #1a1a1a);
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    user-select: none;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.tdg-col-selector-toggle:hover[b-zhjr9m0kn3] {
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 6%, var(--tara-surface, #fff));
    border-color: color-mix(in srgb, var(--tara-primary, #cc0000) 22%, var(--tara-divider, #e0e0e0));
}

.tdg-col-selector-toggle--active[b-zhjr9m0kn3] {
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 8%, var(--tara-surface, #fff));
    border-color: color-mix(in srgb, var(--tara-primary, #cc0000) 24%, var(--tara-divider, #e0e0e0));
    color: var(--tara-primary-dark, #a60000);
}

.tdg-col-selector-toggle input[type="checkbox"][b-zhjr9m0kn3] {
    width: 14px;
    height: 14px;
    accent-color: var(--tara-primary, #cc0000);
    cursor: pointer;
}

.tdg-col-selector-count[b-zhjr9m0kn3] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--tara-text-secondary, #757575);
    white-space: nowrap;
}

.tdg-col-selector > .tdg-col-check[b-zhjr9m0kn3] {
    display: inline-flex;
}

.tdg-col-check[b-zhjr9m0kn3] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.73rem;
    font-weight: 600;
    color: var(--tara-text-primary, #212121);
    cursor: pointer;
    padding: 0.2rem 0.45rem;
    border-radius: 6px;
    user-select: none;
    transition: background 0.12s;
}

.tdg-col-check:hover[b-zhjr9m0kn3] {
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 8%, transparent);
}

.tdg-col-check input[type="checkbox"][b-zhjr9m0kn3] {
    width: 14px;
    height: 14px;
    accent-color: var(--tara-primary, #cc0000);
    cursor: pointer;
}

.tdg-col-check--disabled[b-zhjr9m0kn3] {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

@media (max-width: 760px) {
    .tdg-col-selector-toolbar[b-zhjr9m0kn3] {
        align-items: stretch;
    }

    .tdg-col-selector-actions[b-zhjr9m0kn3] {
        width: 100%;
    }

    .tdg-col-selector-count[b-zhjr9m0kn3] {
        width: 100%;
    }
}

/* ── Scroll container (sticky header) ──────────────────────────────────────── */
.tdg-table-scroll[b-zhjr9m0kn3] {
    overflow-x: auto;
    overflow-y: auto;
    max-height: clamp(420px, calc(100vh - 430px), 700px);
    -webkit-overflow-scrolling: touch;
    border-radius: 8px;
    border: 1px solid var(--tara-border, #e6e1dc);
    width: 100%;
    max-width: 100%;
    overscroll-behavior: contain;
}

.tdg-table-scroll[b-zhjr9m0kn3]::-webkit-scrollbar         { height: 6px; width: 6px; }
.tdg-table-scroll[b-zhjr9m0kn3]::-webkit-scrollbar-track   { background: var(--tara-surface-secondary, #f5f5f5); }
.tdg-table-scroll[b-zhjr9m0kn3]::-webkit-scrollbar-thumb   { background: var(--tara-border, #e0e0e0); border-radius: 3px; }
.tdg-table-scroll[b-zhjr9m0kn3]::-webkit-scrollbar-thumb:hover { background: var(--tara-primary, #cc0000); }

/* ── Tabla ──────────────────────────────────────────────────────────────────── */
.tdg-table[b-zhjr9m0kn3] {
    width: max-content;
    min-width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
    color: var(--tara-text, #1a1a1a);
    table-layout: fixed;
}

/* Sticky header */
.tdg-table thead th[b-zhjr9m0kn3] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--tara-th-bg, #f7f3ef);
    color: var(--tara-th-text, #374151);
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 0.6rem 0.85rem;
    white-space: nowrap;
    border-bottom: 2px solid color-mix(in srgb, var(--tara-primary-dark, #cc0000) 24%, var(--tara-border, #e6e1dc));
    text-align: left;
    user-select: none;
    box-sizing: border-box;
}

[data-theme="dark"] .tdg-table thead th[b-zhjr9m0kn3] {
    background: var(--tara-surface-secondary, #1e2330);
}

/* Columnas ordenables */
.tdg-th-sortable[b-zhjr9m0kn3] {
    cursor: pointer;
    transition: background 0.12s, color 0.12s;
}

.tdg-th-sortable:hover[b-zhjr9m0kn3] {
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 10%, var(--tara-surface-secondary, #f5f5f5)) !important;
    color: var(--tara-primary, #cc0000);
}

.tdg-th-active[b-zhjr9m0kn3] {
    color: var(--tara-primary, #cc0000) !important;
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 8%, var(--tara-surface-secondary, #f5f5f5)) !important;
}

.tdg-sort-icon[b-zhjr9m0kn3] {
    display: inline-block;
    margin-left: 0.25rem;
    font-size: 0.7rem;
    opacity: 0.8;
}

/* Celdas */
.tdg-table tbody td[b-zhjr9m0kn3] {
    padding: 0.5rem 0.85rem;
    border-bottom: 1px solid var(--tara-border-subtle, #f0ebe6);
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
    box-sizing: border-box;
    background: var(--tdg-cell-bg, var(--tdg-row-solid-bg, var(--tara-surface, #fff)));
    color: var(--tdg-cell-color, var(--tara-text, #1a1a1a));
    font-weight: var(--tdg-cell-weight, 400);
    text-align: var(--tdg-cell-align, left);
}

/* Zebra */
.tdg-table tbody tr:nth-child(odd)  td[b-zhjr9m0kn3] {
    --tdg-row-solid-bg: var(--tara-row-odd, #FFFFFF);
}

.tdg-table tbody tr:nth-child(even) td[b-zhjr9m0kn3] {
    --tdg-row-solid-bg: var(--tara-row-even, #FDF8F5);
}

[data-theme="dark"] .tdg-table tbody tr:nth-child(odd)  td[b-zhjr9m0kn3] {
    --tdg-row-solid-bg: var(--tara-row-odd, #1A1A27);
}

[data-theme="dark"] .tdg-table tbody tr:nth-child(even) td[b-zhjr9m0kn3] {
    --tdg-row-solid-bg: var(--tara-row-even, #1E2330);
}

.tdg-table tbody tr:hover td[b-zhjr9m0kn3] {
    background: color-mix(in srgb,
        var(--tara-row-hover, rgba(204, 0, 0, 0.06)) 40%,
        var(--tdg-cell-bg, var(--tdg-row-solid-bg, var(--tara-surface, #fff)))) !important;
}

.tdg-col-sticky[b-zhjr9m0kn3] {
    position: sticky;
    z-index: var(--tdg-sticky-layer, 3);
    box-shadow: inset -1px 0 0 var(--tara-border, #e6e1dc);
    overflow: hidden;
    background-clip: padding-box;
}

.tdg-table thead .tdg-col-sticky[b-zhjr9m0kn3] {
    z-index: calc(var(--tdg-sticky-layer, 3) + 20);
    background: var(--tara-th-bg, #f7f3ef);
}

.tdg-col-sticky--last[b-zhjr9m0kn3] {
    box-shadow: inset -1px 0 0 var(--tara-border, #e6e1dc), 8px 0 12px -10px rgba(15, 23, 42, 0.24);
}

.tdg-table tbody tr:nth-child(odd) .tdg-col-sticky[b-zhjr9m0kn3],
.tdg-table tfoot .tdg-col-sticky[b-zhjr9m0kn3] {
    background: var(--tdg-cell-bg, var(--tara-row-odd, #fff));
}

.tdg-table tbody tr:nth-child(even) .tdg-col-sticky[b-zhjr9m0kn3] {
    background: var(--tdg-cell-bg, var(--tara-row-even, #fdf8f5));
}

.tdg-table tbody tr:hover .tdg-col-sticky[b-zhjr9m0kn3] {
    background: color-mix(in srgb,
        var(--tara-row-hover, rgba(204, 0, 0, 0.06)) 40%,
        var(--tdg-cell-bg, var(--tdg-row-solid-bg, var(--tara-surface, #fff)))) !important;
    z-index: calc(var(--tdg-sticky-layer, 3) + 1);
}

/* Fila de totales en tfoot */
.tdg-footer-row td[b-zhjr9m0kn3] {
    padding: 0.45rem 0.85rem;
    border-top: 2px solid var(--tara-border, #e0e0e0);
    border-bottom: none;
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 5%, var(--tara-surface, #fff));
    white-space: nowrap;
    vertical-align: middle;
    font-weight: 800;
    font-size: .82rem;
    color: var(--tara-text);
}

.tdg-footer-row .tdg-col-sticky[b-zhjr9m0kn3] {
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 5%, var(--tara-surface, #fff));
}

.tdg-footer-label[b-zhjr9m0kn3] {
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--tara-text-muted) !important;
    font-weight: 800 !important;
}

[data-theme="dark"] .tdg-footer-row td[b-zhjr9m0kn3] {
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 8%, #1A1A27);
    border-top-color: var(--tara-border, #333);
}

[data-theme="dark"] .tdg-table tbody tr:nth-child(odd) .tdg-col-sticky[b-zhjr9m0kn3] { background: var(--tara-row-odd, #1A1A27); }
[data-theme="dark"] .tdg-table tbody tr:nth-child(even) .tdg-col-sticky[b-zhjr9m0kn3] { background: var(--tara-row-even, #1E2330); }
[data-theme="dark"] .tdg-table thead .tdg-col-sticky[b-zhjr9m0kn3] { background: var(--tara-th-bg, #222228); }
[data-theme="dark"] .tdg-footer-row .tdg-col-sticky[b-zhjr9m0kn3] { background: color-mix(in srgb, var(--tara-primary, #cc0000) 8%, #1A1A27); }

/* Estado vacío */
.tdg-empty[b-zhjr9m0kn3] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--tara-text-secondary, #757575);
    font-size: 0.85rem;
    font-style: italic;
}

/* ── Tarjetas móvil ──────────────────────────────────────────────────────────── */
.tdg-card-list[b-zhjr9m0kn3] {
    display: none;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0.5rem 0;
}

.tdg-card[b-zhjr9m0kn3] {
    background: var(--tara-surface, #ffffff);
    border: 1px solid var(--tara-divider, #e0e0e0);
    border-radius: 10px;
    padding: 0.75rem 1rem;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

.tdg-card-row[b-zhjr9m0kn3] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.5rem;
    padding: 0.2rem 0;
    border-bottom: 1px solid var(--tara-divider, #f0f0f0);
    font-size: 0.82rem;
}

.tdg-card-row:last-child[b-zhjr9m0kn3] {
    border-bottom: none;
}

.tdg-card-label[b-zhjr9m0kn3] {
    color: var(--tara-text-secondary, #757575);
    font-size: 0.73rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
    flex-shrink: 0;
}

.tdg-card-value[b-zhjr9m0kn3] {
    color: var(--tara-text-primary, #212121);
    font-weight: 500;
    text-align: right;
    word-break: break-word;
}

.tdg-cell-muted[b-zhjr9m0kn3] {
    color: var(--tara-text-secondary, #757575);
}

.tdg-cell-chiplink[b-zhjr9m0kn3] {
    appearance: none;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

/* ── Responsive: activar tarjetas en móvil ───────────────────────────────────── */
@media (max-width: 760px) {
    .tdg-table-scroll[b-zhjr9m0kn3] {
        display: none;
    }

    .tdg-card-list[b-zhjr9m0kn3] {
        display: flex;
    }

    .tdg-search-side[b-zhjr9m0kn3] {
        max-width: 100%;
        flex: 1 1 100%;
    }

    .tdg-actions-side[b-zhjr9m0kn3] {
        width: 100%;
        justify-content: flex-end;
    }
}

/* ── Dark mode: tarjeta ──────────────────────────────────────────────────────── */
[data-theme="dark"] .tdg-card[b-zhjr9m0kn3] {
    background: var(--tara-surface, #1e2330);
    border-color: var(--tara-divider, #333);
}

[data-theme="dark"] .tdg-card-row[b-zhjr9m0kn3] {
    border-bottom-color: var(--tara-divider, #333);
}

[data-theme="dark"] .tdg-card-label[b-zhjr9m0kn3] { color: var(--tara-text-secondary, #aaa); }
[data-theme="dark"] .tdg-card-value[b-zhjr9m0kn3] { color: var(--tara-text-primary, #eee); }

/* ── Dark: col selector y toolbar ───────────────────────────────────────────── */
[data-theme="dark"] .tdg-col-selector[b-zhjr9m0kn3] {
    background: var(--tara-surface-secondary, #1a1a27);
    border-color: var(--tara-divider, #333);
}

[data-theme="dark"] .tdg-count-chip[b-zhjr9m0kn3] {
    background: var(--tara-surface-secondary, #1a1a27);
    border-color: var(--tara-divider, #333);
    color: var(--tara-text-secondary, #aaa);
}

[data-theme="dark"] .tdg-table-scroll[b-zhjr9m0kn3] {
    border-color: var(--tara-divider, #333);
}

/* ══════════════════════════════════════════════════════════════════════════════
   FILTROS POR COLUMNA
   ══════════════════════════════════════════════════════════════════════════════ */

/* Chip "Filtros: N ×" en toolbar */
.tdg-filter-active-chip[b-zhjr9m0kn3] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--tara-primary, #cc0000);
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 10%, var(--tara-surface, #fff));
    border: 1px solid color-mix(in srgb, var(--tara-primary, #cc0000) 40%, transparent);
    border-radius: 12px;
    padding: 0.2rem 0.65rem;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
    white-space: nowrap;
    letter-spacing: 0.01em;
}

.tdg-filter-active-chip:hover[b-zhjr9m0kn3] {
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 18%, var(--tara-surface, #fff));
    border-color: var(--tara-primary, #cc0000);
}

/* Botón ▾ en cada <th> */
.tdg-col-filter-btn[b-zhjr9m0kn3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.3rem;
    padding: 0 0.2rem;
    font-size: 0.7rem;
    line-height: 1;
    color: var(--tara-text-secondary, #757575);
    background: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    transition: color 0.12s, border-color 0.12s, background 0.12s;
    vertical-align: middle;
}

.tdg-col-filter-btn:hover[b-zhjr9m0kn3] {
    color: var(--tara-primary, #cc0000);
    border-color: color-mix(in srgb, var(--tara-primary, #cc0000) 40%, transparent);
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 8%, transparent);
}

/* Estado activo: columna tiene filtros aplicados */
.tdg-col-filter-btn--active[b-zhjr9m0kn3] {
    color: var(--tara-primary, #cc0000) !important;
    border-color: var(--tara-primary, #cc0000) !important;
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 12%, transparent) !important;
    font-weight: 900;
}

/* Estado abierto: panel de esta columna está desplegado */
.tdg-col-filter-btn--open[b-zhjr9m0kn3] {
    color: var(--tara-primary, #cc0000);
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 15%, transparent);
}

/* Cabecera de columna con filtro activo */
.tdg-th-filtered[b-zhjr9m0kn3] {
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 7%, var(--tara-surface-secondary, #f5f5f5)) !important;
}

/* ── Panel de filtro — premium ───────────────────────────────────────────────── */
.tdg-filter-panel[b-zhjr9m0kn3] {
    display: flex;
    flex-direction: column;
    border: 1px solid color-mix(in srgb, var(--tara-primary, #cc0000) 35%, var(--tara-divider, #e0e0e0));
    border-radius: 8px;
    background: var(--tara-surface, #fff);
    margin-bottom: 0.5rem;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    max-width: 340px;
}

/* Header */
.tdg-filter-panel-header[b-zhjr9m0kn3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.4rem 0.65rem;
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 6%, var(--tara-surface-secondary, #f5f5f5));
    border-bottom: 1px solid color-mix(in srgb, var(--tara-primary, #cc0000) 20%, var(--tara-divider, #e0e0e0));
    gap: 0.4rem;
}

.tdg-filter-panel-title[b-zhjr9m0kn3] {
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--tara-primary, #cc0000);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tdg-filter-panel-actions[b-zhjr9m0kn3] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    flex-shrink: 0;
}

.tdg-filter-clear-btn[b-zhjr9m0kn3] {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--tara-primary, #cc0000);
    background: none;
    border: 1px solid color-mix(in srgb, var(--tara-primary, #cc0000) 45%, transparent);
    border-radius: 5px;
    padding: 0.12rem 0.45rem;
    cursor: pointer;
    transition: background 0.12s;
    white-space: nowrap;
}

.tdg-filter-clear-btn:hover[b-zhjr9m0kn3] {
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 10%, transparent);
}

.tdg-filter-close-btn[b-zhjr9m0kn3] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--tara-text-secondary, #757575);
    background: none;
    border: 1px solid var(--tara-divider, #e0e0e0);
    border-radius: 5px;
    padding: 0.08rem 0.4rem;
    cursor: pointer;
    line-height: 1.4;
    transition: color 0.12s, border-color 0.12s;
}

.tdg-filter-close-btn:hover[b-zhjr9m0kn3] {
    color: var(--tara-primary, #cc0000);
    border-color: var(--tara-primary, #cc0000);
}

/* ── Buscador interno (filtra el dropdown) ────────────────────────────────────── */
.tdg-filter-search-zone[b-zhjr9m0kn3] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.65rem;
    border-bottom: 1px solid var(--tara-divider, #e0e0e0);
    background: var(--tara-surface, #fff);
}

.tdg-filter-search-wrap[b-zhjr9m0kn3] {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    background: var(--tara-surface-secondary, #f5f5f5);
    border: 1px solid var(--tara-divider, #e0e0e0);
    border-radius: 6px;
    padding: 0.2rem 0.4rem;
    gap: 0.3rem;
    transition: border-color 0.12s;
}

.tdg-filter-search-wrap:focus-within[b-zhjr9m0kn3] {
    border-color: color-mix(in srgb, var(--tara-primary, #cc0000) 60%, transparent);
    background: var(--tara-surface, #fff);
}

.tdg-filter-search-icon[b-zhjr9m0kn3] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    color: var(--tara-text-secondary, #757575);
}

.tdg-filter-search-input[b-zhjr9m0kn3] {
    flex: 1;
    min-width: 0;
    border: none;
    background: transparent;
    font-size: 0.78rem;
    color: var(--tara-text-primary, #212121);
    outline: none;
    font-family: inherit;
}

.tdg-filter-search-input[b-zhjr9m0kn3]::placeholder {
    color: var(--tara-text-secondary, #9e9e9e);
    font-style: italic;
}

.tdg-filter-search-clear[b-zhjr9m0kn3] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--tara-text-secondary, #9e9e9e);
    background: none;
    border: none;
    padding: 0 0.1rem;
    cursor: pointer;
    line-height: 1;
    flex-shrink: 0;
    transition: color 0.1s;
}

.tdg-filter-search-clear:hover[b-zhjr9m0kn3] {
    color: var(--tara-primary, #cc0000);
}

.tdg-filter-val-count[b-zhjr9m0kn3] {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--tara-text-secondary, #9e9e9e);
    white-space: nowrap;
    flex-shrink: 0;
    letter-spacing: 0.01em;
}

/* ── Acciones rápidas ─────────────────────────────────────────────────────────── */
.tdg-filter-quickactions[b-zhjr9m0kn3] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.3rem 0.65rem;
    border-bottom: 1px solid var(--tara-divider, #e0e0e0);
    background: color-mix(in srgb, var(--tara-surface-secondary, #f5f5f5) 60%, var(--tara-surface, #fff));
}

.tdg-filter-qa-btn[b-zhjr9m0kn3] {
    font-size: 0.69rem;
    font-weight: 700;
    color: var(--tara-text-secondary, #555);
    background: var(--tara-surface, #fff);
    border: 1px solid var(--tara-divider, #ddd);
    border-radius: 5px;
    padding: 0.15rem 0.5rem;
    cursor: pointer;
    transition: background 0.1s, color 0.1s, border-color 0.1s;
    white-space: nowrap;
}

.tdg-filter-qa-btn:hover[b-zhjr9m0kn3] {
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 7%, var(--tara-surface, #fff));
    border-color: color-mix(in srgb, var(--tara-primary, #cc0000) 35%, transparent);
    color: var(--tara-primary, #cc0000);
}

.tdg-filter-qa-btn--clear[b-zhjr9m0kn3] {
    color: var(--tara-primary, #cc0000);
    border-color: color-mix(in srgb, var(--tara-primary, #cc0000) 40%, transparent);
}

.tdg-filter-qa-count[b-zhjr9m0kn3] {
    font-size: 0.67rem;
    font-weight: 700;
    color: var(--tara-primary, #cc0000);
    margin-left: auto;
    white-space: nowrap;
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 10%, transparent);
    border-radius: 10px;
    padding: 0.1rem 0.45rem;
}

/* ── Lista de valores con scroll ──────────────────────────────────────────────── */
.tdg-filter-panel-body[b-zhjr9m0kn3] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0.3rem 0;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.tdg-filter-panel-body[b-zhjr9m0kn3]::-webkit-scrollbar       { width: 4px; }
.tdg-filter-panel-body[b-zhjr9m0kn3]::-webkit-scrollbar-track  { background: transparent; }
.tdg-filter-panel-body[b-zhjr9m0kn3]::-webkit-scrollbar-thumb  { background: var(--tara-divider, #e0e0e0); border-radius: 2px; }

.tdg-filter-val-check[b-zhjr9m0kn3] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.79rem;
    color: var(--tara-text-primary, #212121);
    cursor: pointer;
    padding: 0.22rem 0.65rem;
    user-select: none;
    transition: background 0.08s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tdg-filter-val-check span[b-zhjr9m0kn3] {
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.tdg-filter-val-check:hover[b-zhjr9m0kn3] {
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 6%, var(--tara-surface, #fff));
}

.tdg-filter-val-check input[type="checkbox"][b-zhjr9m0kn3] {
    width: 13px;
    height: 13px;
    accent-color: var(--tara-primary, #cc0000);
    cursor: pointer;
    flex-shrink: 0;
}

/* Clase legacy — no se usa en panel nuevo pero se conserva por compatibilidad */
.tdg-filter-val-check--all[b-zhjr9m0kn3] {
    font-weight: 700;
    border-bottom: 1px solid var(--tara-divider, #e0e0e0);
    margin-bottom: 0.1rem;
}

.tdg-filter-empty[b-zhjr9m0kn3] {
    font-size: 0.77rem;
    color: var(--tara-text-secondary, #757575);
    font-style: italic;
    padding: 0.5rem 0.65rem;
}

/* ── Filtro textual CONTAINS ──────────────────────────────────────────────────── */
.tdg-filter-text-zone[b-zhjr9m0kn3] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.65rem;
    border-top: 1px solid var(--tara-divider, #e0e0e0);
    background: color-mix(in srgb, var(--tara-surface-secondary, #f5f5f5) 50%, var(--tara-surface, #fff));
}

.tdg-filter-text-label[b-zhjr9m0kn3] {
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--tara-text-secondary, #9e9e9e);
    white-space: nowrap;
    flex-shrink: 0;
}

.tdg-filter-text-wrap[b-zhjr9m0kn3] {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    background: var(--tara-surface, #fff);
    border: 1px solid var(--tara-divider, #e0e0e0);
    border-radius: 6px;
    padding: 0.18rem 0.4rem;
    gap: 0.25rem;
    transition: border-color 0.12s;
}

.tdg-filter-text-wrap:focus-within[b-zhjr9m0kn3] {
    border-color: color-mix(in srgb, var(--tara-primary, #cc0000) 60%, transparent);
}

.tdg-filter-text-input[b-zhjr9m0kn3] {
    flex: 1;
    min-width: 0;
    border: none;
    background: transparent;
    font-size: 0.78rem;
    color: var(--tara-text-primary, #212121);
    outline: none;
    font-family: inherit;
}

.tdg-filter-text-input[b-zhjr9m0kn3]::placeholder {
    color: var(--tara-text-secondary, #bbb);
    font-style: italic;
}

.tdg-filter-text-input--active[b-zhjr9m0kn3] {
    font-weight: 600;
    color: var(--tara-primary-dark, #cc0000);
}

.tdg-filter-text-clear[b-zhjr9m0kn3] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--tara-text-secondary, #9e9e9e);
    background: none;
    border: none;
    padding: 0 0.1rem;
    cursor: pointer;
    line-height: 1;
    flex-shrink: 0;
    transition: color 0.1s;
}

.tdg-filter-text-clear:hover[b-zhjr9m0kn3] {
    color: var(--tara-primary, #cc0000);
}

/* ── Dark mode: filtros ──────────────────────────────────────────────────────── */
[data-theme="dark"] .tdg-filter-panel[b-zhjr9m0kn3] {
    background: var(--tara-surface, #1a1a27);
    border-color: color-mix(in srgb, var(--tara-primary, #cc0000) 40%, var(--tara-divider, #444));
}

[data-theme="dark"] .tdg-filter-panel-header[b-zhjr9m0kn3] {
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 10%, var(--tara-surface-secondary, #1e2330));
    border-bottom-color: color-mix(in srgb, var(--tara-primary, #cc0000) 30%, var(--tara-divider, #444));
}

[data-theme="dark"] .tdg-filter-search-zone[b-zhjr9m0kn3] {
    background: var(--tara-surface, #1a1a27);
    border-bottom-color: var(--tara-divider, #333);
}

[data-theme="dark"] .tdg-filter-search-wrap[b-zhjr9m0kn3] {
    background: var(--tara-surface-secondary, #1e2330);
    border-color: var(--tara-divider, #3a3a50);
}

[data-theme="dark"] .tdg-filter-search-wrap:focus-within[b-zhjr9m0kn3] {
    background: var(--tara-surface, #1a1a27);
}

[data-theme="dark"] .tdg-filter-search-input[b-zhjr9m0kn3] {
    color: var(--tara-text-primary, #eee);
}

[data-theme="dark"] .tdg-filter-quickactions[b-zhjr9m0kn3] {
    background: color-mix(in srgb, var(--tara-surface-secondary, #1e2330) 70%, var(--tara-surface, #1a1a27));
    border-bottom-color: var(--tara-divider, #333);
}

[data-theme="dark"] .tdg-filter-qa-btn[b-zhjr9m0kn3] {
    background: var(--tara-surface, #1a1a27);
    border-color: var(--tara-divider, #3a3a50);
    color: var(--tara-text-secondary, #aaa);
}

[data-theme="dark"] .tdg-filter-panel-body[b-zhjr9m0kn3]::-webkit-scrollbar-thumb { background: var(--tara-divider, #444); }

[data-theme="dark"] .tdg-filter-val-check[b-zhjr9m0kn3] {
    color: var(--tara-text-primary, #eee);
}

[data-theme="dark"] .tdg-filter-val-check:hover[b-zhjr9m0kn3] {
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 8%, var(--tara-surface, #1a1a27));
}

[data-theme="dark"] .tdg-filter-val-check--all[b-zhjr9m0kn3] {
    border-bottom-color: var(--tara-divider, #444);
}

[data-theme="dark"] .tdg-filter-text-zone[b-zhjr9m0kn3] {
    background: color-mix(in srgb, var(--tara-surface-secondary, #1e2330) 60%, var(--tara-surface, #1a1a27));
    border-top-color: var(--tara-divider, #333);
}

[data-theme="dark"] .tdg-filter-text-wrap[b-zhjr9m0kn3] {
    background: var(--tara-surface, #1a1a27);
    border-color: var(--tara-divider, #3a3a50);
}

[data-theme="dark"] .tdg-filter-text-input[b-zhjr9m0kn3] {
    color: var(--tara-text-primary, #eee);
}

[data-theme="dark"] .tdg-th-filtered[b-zhjr9m0kn3] {
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 12%, var(--tara-surface-secondary, #1e2330)) !important;
}

[data-theme="dark"] .tdg-filter-active-chip[b-zhjr9m0kn3] {
    background: color-mix(in srgb, var(--tara-primary, #cc0000) 15%, var(--tara-surface, #1a1a27));
}

/* ══════════════════════════════════════════════════════════════════════════════
   FOOTER PAGINADOR — Patrón Tarahumara Premium
   Estas clases DEBEN vivir aquí (TDG) y no en las páginas que lo consumen.
   Blazor CSS isolation genera un b-hash por componente; las reglas en
   IndicadoresCorteCajaAuditoria.razor.css o ProductosReporte.razor.css
   tienen b-AUDI/b-PR y nunca aplican a los elementos generados por TDG (b-TDG).
   ══════════════════════════════════════════════════════════════════════════════ */

/* Cuando hay footer: quitar borde inferior y esquinas inferiores del scroll
   para que tabla + footer formen un solo bloque visual */
.tdg-table-scroll--has-footer[b-zhjr9m0kn3] {
    border-radius: 8px 8px 0 0;
    border-bottom: none;
}

.tara-grid-footer[b-zhjr9m0kn3] {
    display:       flex;
    align-items:   center;
    gap:           .75rem;
    padding:       .45rem .85rem;
    background:    color-mix(in srgb, var(--tara-surface-secondary, #f5f5f5) 55%, var(--tara-surface, #fff));
    border:        1px solid color-mix(in srgb, var(--tara-primary, #cc0000) 10%, var(--tara-divider, #e0e0e0));
    border-top:    none;
    border-radius: 0 0 8px 8px;
    font-size:     .78rem;
    color:         var(--tara-text-secondary, #757575);
    flex-wrap:     wrap;
    user-select:   none;
    margin-bottom: .55rem;
}

.tara-grid-footer-range[b-zhjr9m0kn3] {
    flex:        0 0 auto;
    white-space: nowrap;
    font-weight: 600;
}

.tara-grid-page-size[b-zhjr9m0kn3] {
    display:     flex;
    align-items: center;
    gap:         .22rem;
}

.tara-grid-page-size-label[b-zhjr9m0kn3] {
    font-size:      .7rem;
    font-weight:    800;
    letter-spacing: .05em;
    text-transform: uppercase;
    color:          var(--tara-text-secondary, #757575);
    margin-right:   .1rem;
}

.tara-grid-page-chip[b-zhjr9m0kn3] {
    appearance:      none;
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    min-width:       28px;
    height:          22px;
    padding:         0 .42rem;
    border:          1px solid var(--tara-divider, #e0e0e0);
    border-radius:   6px;
    background:      var(--tara-surface, #fff);
    color:           var(--tara-text-secondary, #757575);
    font:            inherit;
    font-size:       .74rem;
    font-weight:     600;
    cursor:          pointer;
    transition:      background .12s ease, border-color .12s ease, color .12s ease;
}

.tara-grid-page-chip:hover[b-zhjr9m0kn3] {
    background:   color-mix(in srgb, var(--tara-primary, #cc0000) 7%, var(--tara-surface, #fff));
    border-color: color-mix(in srgb, var(--tara-primary, #cc0000) 22%, var(--tara-divider, #e0e0e0));
    color:        var(--tara-primary, #cc0000);
}

.tara-grid-page-chip--active[b-zhjr9m0kn3] {
    background:   color-mix(in srgb, var(--tara-primary, #cc0000) 11%, var(--tara-surface, #fff));
    border-color: color-mix(in srgb, var(--tara-primary, #cc0000) 50%, var(--tara-divider, #e0e0e0));
    color:        var(--tara-primary, #cc0000);
    font-weight:  800;
}

.tara-grid-page-nav[b-zhjr9m0kn3] {
    display:     flex;
    align-items: center;
    gap:         .28rem;
    margin-left: auto;
}

.tara-grid-footer-page[b-zhjr9m0kn3] {
    font-size:    .74rem;
    font-weight:  600;
    color:        var(--tara-text-secondary, #757575);
    white-space:  nowrap;
    margin-right: .15rem;
}

.tara-grid-nav-btn[b-zhjr9m0kn3] {
    appearance:      none;
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    width:           24px;
    height:          22px;
    border:          1px solid var(--tara-divider, #e0e0e0);
    border-radius:   6px;
    background:      var(--tara-surface, #fff);
    color:           var(--tara-text-secondary, #757575);
    font-size:       .9rem;
    font-weight:     700;
    line-height:     1;
    cursor:          pointer;
    transition:      background .12s ease, border-color .12s ease, color .12s ease;
}

.tara-grid-nav-btn:hover:not(:disabled)[b-zhjr9m0kn3] {
    background:   color-mix(in srgb, var(--tara-primary, #cc0000) 7%, var(--tara-surface, #fff));
    border-color: color-mix(in srgb, var(--tara-primary, #cc0000) 22%, var(--tara-divider, #e0e0e0));
    color:        var(--tara-primary, #cc0000);
}

.tara-grid-nav-btn:disabled[b-zhjr9m0kn3] {
    opacity: .35;
    cursor:  not-allowed;
}

[data-theme="dark"] .tara-grid-footer[b-zhjr9m0kn3] {
    background:   color-mix(in srgb, var(--tara-surface-secondary, #1e2330) 40%, var(--tara-surface, #1a1a27));
    border-color: color-mix(in srgb, var(--tara-primary, #cc0000) 10%, var(--tara-divider, #333));
}

[data-theme="dark"] .tara-grid-page-chip[b-zhjr9m0kn3] {
    background:   var(--tara-surface, #1a1a27);
    border-color: var(--tara-divider, #333);
    color:        var(--tara-text-secondary, #aaa);
}

[data-theme="dark"] .tara-grid-page-chip--active[b-zhjr9m0kn3] {
    background:   color-mix(in srgb, var(--tara-primary, #cc0000) 16%, var(--tara-surface, #1a1a27));
    border-color: color-mix(in srgb, var(--tara-primary, #cc0000) 50%, var(--tara-divider, #333));
    color:        var(--tara-primary, #cc0000);
}

[data-theme="dark"] .tara-grid-nav-btn[b-zhjr9m0kn3] {
    background:   var(--tara-surface, #1a1a27);
    border-color: var(--tara-divider, #333);
    color:        var(--tara-text-secondary, #aaa);
}

@media (max-width: 640px) {
    .tara-grid-footer[b-zhjr9m0kn3] {
        gap:     .55rem;
        padding: .5rem .65rem;
        row-gap: .4rem;
    }

    .tara-grid-footer-range[b-zhjr9m0kn3] {
        order: 1;
        width: 100%;
        flex:  0 0 100%;
    }

    .tara-grid-page-size[b-zhjr9m0kn3] {
        order: 2;
        flex:  0 0 auto;
    }

    .tara-grid-page-nav[b-zhjr9m0kn3] {
        order:       3;
        margin-left: auto;
    }
}

/* ── Celdas clickeables (ej: número de ticket) ──────────────────────────────── */
.tdg-cell-link[b-zhjr9m0kn3] {
    background:    none;
    border:        none;
    padding:       0;
    cursor:        pointer;
    color:         var(--tara-primary);
    font-weight:   700;
    text-decoration: underline;
    font-size:     inherit;
    font-family:   inherit;
    line-height:   inherit;
}
.tdg-cell-link:hover[b-zhjr9m0kn3] {
    color: var(--tara-primary-dark, #a00);
}
/* _content/Raramuri.blzr/Components/Shared/Tarahumara/TarahumaraMultiSelectLookup.razor.rz.scp.css */
.tara-msl[b-e0bmw2ck84] {
    display: grid;
    gap: .35rem;
    min-width: 0;
}

.tara-msl-label[b-e0bmw2ck84] {
    color: var(--tara-text);
    font-size: .86rem;
    font-weight: 700;
    line-height: 1.2;
}

.tara-msl-shell[b-e0bmw2ck84] {
    position: relative;
    overflow: visible;
    min-width: 0;
}

.tara-msl-trigger[b-e0bmw2ck84] {
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .72rem .9rem;
    border-radius: var(--tara-radius-sm);
    border: 1px solid var(--tara-border);
    background: var(--tara-surface);
    color: var(--tara-text);
    text-align: left;
    box-shadow: 0 10px 28px rgba(112, 46, 32, .06);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.tara-msl-trigger:hover:not(:disabled)[b-e0bmw2ck84],
.tara-msl-trigger[aria-expanded="true"][b-e0bmw2ck84] {
    border-color: var(--tara-primary);
    box-shadow: 0 16px 36px rgba(138, 43, 26, .12);
}

.tara-msl-trigger:focus-visible[b-e0bmw2ck84] {
    outline: none;
    border-color: var(--tara-primary-dark);
    box-shadow: 0 0 0 3px rgba(170, 57, 38, .14);
}

.tara-msl-trigger:disabled[b-e0bmw2ck84] {
    cursor: not-allowed;
    opacity: .68;
}

.tara-msl-trigger-text[b-e0bmw2ck84] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .92rem;
    font-weight: 600;
}

.tara-msl-trigger-icon[b-e0bmw2ck84] {
    flex: 0 0 auto;
    color: var(--tara-text-muted);
}

.tara-msl-popup[b-e0bmw2ck84] {
    position: absolute;
    top: calc(100% + .45rem);
    left: 0;
    z-index: 1200;
    width: min(100%, 30rem);
    min-width: min(22rem, 100%);
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr);
    gap: .7rem;
    padding: .95rem;
    max-height: min(34rem, calc(100vh - 9rem));
    overflow: hidden;
    border-radius: var(--tara-radius);
    border: 1px solid color-mix(in srgb, var(--tara-border) 88%, transparent);
    background: var(--tara-surface);
    box-shadow: 0 28px 70px rgba(63, 25, 17, .18);
}

.tara-msl-popup-topbar[b-e0bmw2ck84] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.tara-msl-popup-title[b-e0bmw2ck84] {
    margin: 0;
    color: var(--tara-text);
    font-size: .92rem;
    font-weight: 800;
}

.tara-msl-popup-counter[b-e0bmw2ck84] {
    color: var(--tara-text-muted);
    font-size: .78rem;
    font-weight: 600;
}

.tara-msl-popup-search[b-e0bmw2ck84],
.tara-msl-popup-select-all[b-e0bmw2ck84] {
    min-width: 0;
}

.tara-msl-search[b-e0bmw2ck84] {
    min-width: 0;
}

.tara-msl-popup-search :deep(.mud-input-control)[b-e0bmw2ck84] {
    margin: 0;
}

.tara-msl-popup-select-all[b-e0bmw2ck84] {
    display: flex;
    align-items: center;
}

.tara-msl-select-all[b-e0bmw2ck84] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    color: var(--tara-text-muted);
    font-size: .8rem;
    font-weight: 700;
}

.tara-msl-select-all[b-e0bmw2ck84]  .mud-button-root {
    padding: 0;
    margin: 0;
}

.tara-msl-popup-list[b-e0bmw2ck84] {
    min-height: 12rem;
    max-height: none;
    height: 100%;
    min-width: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: .15rem;
    display: block;
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
    border: 1px solid color-mix(in srgb, var(--tara-border) 82%, transparent);
    border-radius: var(--tara-radius-sm);
    scrollbar-gutter: stable;
}

.tara-msl-popup-list[b-e0bmw2ck84]::-webkit-scrollbar {
    width: 10px;
}

.tara-msl-popup-list[b-e0bmw2ck84]::-webkit-scrollbar-track {
    background: color-mix(in srgb, var(--tara-surface-raised) 70%, var(--tara-surface));
    border-radius: 999px;
}

.tara-msl-popup-list[b-e0bmw2ck84]::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--tara-primary) 34%, var(--tara-border));
    border-radius: 999px;
    border: 2px solid color-mix(in srgb, var(--tara-surface-raised) 70%, var(--tara-surface));
}

.tara-msl-popup-list[b-e0bmw2ck84]::-webkit-scrollbar-thumb:hover {
    background: color-mix(in srgb, var(--tara-primary-dark) 50%, var(--tara-border));
}

.tara-msl-empty-state[b-e0bmw2ck84] {
    padding: 1rem .85rem;
    border-radius: var(--tara-radius-sm);
    background: var(--tara-row-even);
    color: var(--tara-text-muted);
    font-size: .85rem;
    text-align: center;
}

.tara-msl-option[b-e0bmw2ck84] {
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .7rem;
    padding: .72rem .8rem;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--tara-border) 70%, transparent);
    background: transparent;
    color: var(--tara-text);
    text-align: left;
    cursor: pointer;
}

.tara-msl-option:hover[b-e0bmw2ck84] {
    background: var(--tara-row-hover);
}

.tara-msl-option.is-selected[b-e0bmw2ck84] {
    background: color-mix(in srgb, var(--tara-row-hover) 72%, var(--tara-surface));
}

.tara-msl-option:last-child[b-e0bmw2ck84] {
    border-bottom: 0;
}

.tara-msl-option input[b-e0bmw2ck84] {
    width: 1rem;
    height: 1rem;
    margin: 0;
    accent-color: var(--tara-primary-dark);
    pointer-events: none;
}

.tara-msl-option-text[b-e0bmw2ck84] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .88rem;
    font-weight: 600;
}

.tara-msl-option-id[b-e0bmw2ck84] {
    color: var(--tara-text-muted);
    font-size: .76rem;
    font-weight: 700;
}

@media (max-width: 960px) {
    .tara-msl-popup[b-e0bmw2ck84] {
        width: min(100%, 26rem);
        max-height: min(32rem, calc(100vh - 7rem));
    }
}

@media (max-width: 640px) {
    .tara-msl-trigger[b-e0bmw2ck84] {
        min-height: 40px;
        padding: .66rem .8rem;
    }

    .tara-msl-popup[b-e0bmw2ck84] {
        left: 0;
        right: auto;
        top: calc(100% + .35rem);
        width: 100%;
        min-width: 0;
        padding: .85rem;
        max-height: min(28rem, calc(100vh - 5.5rem));
    }

    .tara-msl-option[b-e0bmw2ck84] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .tara-msl-option-id[b-e0bmw2ck84] {
        display: none;
    }
}
/* _content/Raramuri.blzr/Components/Shared/Tarahumara/TarahumaraPremiumHeader.razor.rz.scp.css */
.tara-premium-header[b-3e8ci9z22s] { display:flex; align-items:flex-start; justify-content:space-between; gap:.8rem; padding:.95rem 1.05rem; background:var(--tara-surface); border:1px solid var(--tara-border); border-radius:var(--tara-radius); box-shadow:var(--tara-shadow); }
.tara-premium-header-copy h1[b-3e8ci9z22s] { margin:0; color:var(--tara-text); font-size:1.35rem; font-weight:800; letter-spacing:-.02em; }
.tara-premium-header-eyebrow[b-3e8ci9z22s] { display:block; margin-bottom:.18rem; color:var(--tara-primary-dark); font-size:.74rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.tara-premium-header-copy p[b-3e8ci9z22s] { margin:.2rem 0 0; color:var(--tara-text-muted); font-size:.84rem; }
.tara-premium-header-actions[b-3e8ci9z22s] { display:flex; align-items:center; justify-content:flex-end; gap:.45rem; flex-wrap:wrap; }
@media(max-width:600px){.tara-premium-header[b-3e8ci9z22s]{flex-direction:column}.tara-premium-header-actions[b-3e8ci9z22s]{justify-content:flex-start}}
/* _content/Raramuri.blzr/Components/Shared/Tarahumara/TarahumaraProductFinder.razor.rz.scp.css */
.tara-product-finder[b-3dj8diy7dt] {
    width: 100%;
    max-width: 820px;
}

.tara-product-finder--disabled[b-3dj8diy7dt] {
    opacity: 0.72;
}

.tara-product-finder__title[b-3dj8diy7dt] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: .4rem;
    color: var(--tara-text-muted);
    font-size: .84rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.tara-product-finder__hint[b-3dj8diy7dt] {
    margin-bottom: .85rem;
    color: var(--tara-text-muted);
    font-size: .92rem;
    line-height: 1.5;
}

.tara-product-finder__row[b-3dj8diy7dt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .7rem;
    margin-bottom: .55rem;
}

.tara-product-finder__input[b-3dj8diy7dt] {
    min-width: 0;
}

.tara-product-finder__input[b-3dj8diy7dt]  .mud-input-control {
    margin-top: 0;
}

.tara-product-finder__input[b-3dj8diy7dt]  .mud-input-slot {
    min-height: 58px;
    border-radius: 18px;
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-bg));
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--tara-text) 4%, transparent);
}

.tara-product-finder__input[b-3dj8diy7dt]  input {
    font-size: clamp(1.02rem, 1.5vw, 1.18rem);
    font-weight: 700;
    letter-spacing: -.02em;
}

.tara-product-finder__input[b-3dj8diy7dt]  input::placeholder {
    color: color-mix(in srgb, var(--tara-text-muted) 82%, white);
    font-weight: 500;
}

.tara-product-finder__row[b-3dj8diy7dt]  .mud-icon-button {
    border-radius: 12px;
    border: 1px solid var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
}

.tara-product-finder__progress[b-3dj8diy7dt] {
    display: grid;
    gap: 6px;
    margin: 2px 0 10px;
}

.tara-product-finder__progress[b-3dj8diy7dt]  .mud-progress-linear {
    height: 4px;
    overflow: hidden;
    border-radius: 999px;
}

.tara-product-finder__progress span[b-3dj8diy7dt],
.tara-product-finder__soft-tip[b-3dj8diy7dt],
.tara-product-finder__error[b-3dj8diy7dt],
.tara-product-finder__empty[b-3dj8diy7dt] {
    font-size: .84rem;
}

.tara-product-finder__progress span[b-3dj8diy7dt],
.tara-product-finder__soft-tip[b-3dj8diy7dt] {
    color: var(--tara-text-muted);
}

.tara-product-finder__status-card[b-3dj8diy7dt] {
    margin: 0 0 .75rem;
    padding: .85rem 1rem;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: color-mix(in srgb, var(--tara-surface) 90%, var(--tara-bg));
    box-shadow: var(--tara-shadow-sm);
}

.tara-product-finder__status-card--info[b-3dj8diy7dt] {
    border-color: color-mix(in srgb, var(--tara-primary) 18%, var(--tara-border));
}

.tara-product-finder__status-card--success[b-3dj8diy7dt] {
    border-color: color-mix(in srgb, var(--tara-success) 28%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-success) 8%, var(--tara-surface));
}

.tara-product-finder__status-card--error[b-3dj8diy7dt] {
    border-color: color-mix(in srgb, var(--tara-danger) 28%, var(--tara-border));
    background: color-mix(in srgb, var(--tara-danger) 8%, var(--tara-surface));
}

.tara-product-finder__status-title[b-3dj8diy7dt] {
    color: var(--tara-text);
    font-size: .92rem;
    font-weight: 800;
    letter-spacing: -.01em;
}

.tara-product-finder__status-body[b-3dj8diy7dt] {
    margin-top: .28rem;
    color: var(--tara-text-muted);
    font-size: .84rem;
    line-height: 1.45;
}

.tara-product-finder__error[b-3dj8diy7dt] {
    color: var(--tara-danger);
    padding: .2rem 0 .35rem;
}

.tara-product-finder__empty[b-3dj8diy7dt] {
    padding: .6rem 0;
    color: var(--tara-text-muted);
    text-align: center;
}

.tara-product-finder__selected[b-3dj8diy7dt] {
    margin-top: .85rem;
}

.tara-product-finder__results[b-3dj8diy7dt] {
    margin-top: 10px;
    max-height: 420px;
    overflow-y: auto;
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    background: var(--tara-surface);
    box-shadow: var(--tara-shadow-sm);
}

.tara-product-finder__result-card[b-3dj8diy7dt] {
    scroll-margin: 8px;
}

@media (max-width: 760px) {
    .tara-product-finder__row[b-3dj8diy7dt] {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: .6rem;
    }

    .tara-product-finder__input[b-3dj8diy7dt]  .mud-input-slot {
        min-height: 52px;
    }
}
/* _content/Raramuri.blzr/Components/Shared/Tarahumara/TarahumaraProductSearchPanel.razor.rz.scp.css */
.tara-product-search-panel[b-h9a79ukygl] {
    width: 100%;
    max-width: 820px;
}

/* El contenedor padre (.tara-oc-producto-bloque) ya aporta la caja visual del
   paso del wizard. El buscador vive transparente dentro de ella, igual que en
   Existencias (.tara-exist-query-shell neutraliza .tara-pro-search) para evitar
   doble borde / doble sombra / caja-dentro-de-caja. */
.tara-product-search-panel[b-h9a79ukygl]  .tara-pro-search {
    margin-bottom: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.tara-product-search-panel[b-h9a79ukygl]  .tara-pro-search__title {
    margin-bottom: .58rem;
    color: var(--tara-text-muted);
}

.tara-product-search-panel[b-h9a79ukygl]  .tara-pro-search__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .7rem;
    margin-bottom: .55rem;
    max-width: 760px;
}

.tara-product-search-panel[b-h9a79ukygl]  .tara-pro-search__input {
    min-width: 0;
}

.tara-product-search-panel[b-h9a79ukygl]  .tara-pro-search__input .mud-input-control {
    margin-top: 0;
}

.tara-product-search-panel[b-h9a79ukygl]  .tara-pro-search__input .mud-input-slot {
    min-height: 58px;
    border-radius: 18px;
    background: color-mix(in srgb, var(--tara-surface) 84%, var(--tara-bg));
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--tara-text) 4%, transparent);
}

.tara-product-search-panel[b-h9a79ukygl]  .tara-pro-search__input input {
    font-size: clamp(1.02rem, 1.5vw, 1.18rem);
    font-weight: 700;
    letter-spacing: -.02em;
}

.tara-product-search-panel[b-h9a79ukygl]  .tara-pro-search__input input::placeholder {
    color: color-mix(in srgb, var(--tara-text-muted) 82%, white);
    font-weight: 500;
}

.tara-product-search-panel[b-h9a79ukygl]  .tara-pro-search__row .mud-icon-button {
    border-radius: 12px;
    border: 1px solid var(--tara-border-subtle);
    background: color-mix(in srgb, var(--tara-surface) 88%, var(--tara-bg));
}

.tara-product-search-panel[b-h9a79ukygl]  .tara-pro-search__results {
    margin-top: 10px;
    max-width: 760px;
    max-height: 420px;
}

.tara-product-search-panel[b-h9a79ukygl]  .tara-pro-search__hint,
.tara-product-search-panel[b-h9a79ukygl]  .tara-pro-search-progress-text,
.tara-product-search-panel[b-h9a79ukygl]  .tara-pro-search__error,
.tara-product-search-panel[b-h9a79ukygl]  .tara-pro-search__empty,
.tara-product-search-panel[b-h9a79ukygl]  .tara-pro-search__loading {
    max-width: 760px;
}

.tara-product-search-panel[b-h9a79ukygl]  .tara-pro-search__hint {
    padding-top: 2px;
    font-size: .88rem;
}

.tara-product-search-panel[b-h9a79ukygl]  .tara-pro-search__empty,
.tara-product-search-panel[b-h9a79ukygl]  .tara-pro-search__loading,
.tara-product-search-panel[b-h9a79ukygl]  .tara-pro-search__error {
    padding: .55rem .35rem;
    font-size: .86rem;
}

@media (max-width: 760px) {
    .tara-product-search-panel[b-h9a79ukygl]  .tara-pro-search__row {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: .6rem;
    }

    .tara-product-search-panel[b-h9a79ukygl]  .tara-pro-search__input .mud-input-slot {
        min-height: 52px;
    }

    .tara-product-search-panel[b-h9a79ukygl]  .tara-pro-result-card__footer .mud-button-root {
        width: 100%;
        justify-content: center;
    }
}
/* _content/Raramuri.blzr/Components/Shared/Tarahumara/TarahumaraProSearch.razor.rz.scp.css */
.tara-pro-search[b-98lj5vrm8z] {
    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);
}

.tara-pro-search__title[b-98lj5vrm8z] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--tara-text-muted);
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.tara-pro-search__row[b-98lj5vrm8z] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.tara-pro-search__input[b-98lj5vrm8z] {
    flex: 1;
    min-width: 240px;
}

.tara-pro-search__results[b-98lj5vrm8z] {
    border: 1px solid var(--tara-border);
    border-radius: var(--tara-radius-sm);
    overflow: hidden;
    margin-top: 6px;
    max-height: 340px;
    overflow-y: auto;
}

.tara-pro-search__hint[b-98lj5vrm8z] {
    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;
}

.tara-pro-search__hint--tip[b-98lj5vrm8z] {
    color: var(--tara-text-muted);
}

.tara-pro-search__error[b-98lj5vrm8z] {
    font-size: 0.82rem;
    color: var(--tara-danger);
    padding: 6px 0;
}

.tara-pro-search__empty[b-98lj5vrm8z] {
    font-size: 0.82rem;
    color: var(--tara-text-muted);
    padding: 10px 0;
    text-align: center;
}

.tara-pro-search__loading[b-98lj5vrm8z] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    color: var(--tara-text-muted);
    padding: 8px 0;
}

/* Wrapper propio (en template → recibe scope attr): controla altura y bordes  */
/* MudProgressLinear va dentro sin Class; overflow:hidden crea bordes redondeados */
.tara-pro-search-progress-wrap[b-98lj5vrm8z] {
    display: grid;
    gap: 6px;
    margin: 2px 0 10px;
}

.tara-pro-search-progress-wrap[b-98lj5vrm8z]  .mud-progress-linear {
    height: 4px;
    overflow: hidden;
    border-radius: 999px;
}

.tara-pro-search-progress-text[b-98lj5vrm8z] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--tara-text-muted);
}

[data-theme="dark"] .tara-pro-search-progress-wrap[b-98lj5vrm8z] {
    opacity: 0.95;
}

@media (max-width: 640px) {
    .tara-pro-search[b-98lj5vrm8z] {
        padding: 14px;
    }

    .tara-pro-search__row[b-98lj5vrm8z] {
        gap: 8px;
    }

    .tara-pro-search__input[b-98lj5vrm8z] {
        min-width: 0;
        width: 100%;
    }
}
/* _content/Raramuri.blzr/Components/Shared/Tarahumara/TarahumaraProSearchResultCard.razor.rz.scp.css */
.tara-pro-result-card[b-d6hqtvnt4u] {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 14px;
    border: none;
    border-bottom: 1px solid rgba(185, 28, 28, 0.12);
    background: var(--tara-surface);
    color: var(--tara-text);
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.tara-pro-result-card--static[b-d6hqtvnt4u] {
    cursor: default;
}

.tara-pro-result-card:last-child[b-d6hqtvnt4u] {
    border-bottom: none;
}

/* ── Zebra rows — impar: blanco, par: beige cálido visible ─────────────────── */
.tara-pro-result-card:nth-child(odd)[b-d6hqtvnt4u] {
    background: #ffffff;
}

.tara-pro-result-card:nth-child(even)[b-d6hqtvnt4u] {
    background: #fff4ee;
}

/* ── Hover ──────────────────────────────────────────────────────────────────── */
.tara-pro-result-card:hover[b-d6hqtvnt4u] {
    background: #ffe8df;
    border-bottom-color: rgba(220, 38, 38, 0.28);
}

.tara-pro-result-card--static:hover[b-d6hqtvnt4u] {
    background: var(--tara-surface);
    border-bottom-color: rgba(185, 28, 28, 0.12);
}

/* ── Selected ───────────────────────────────────────────────────────────────── */
.tara-pro-result-card--selected[b-d6hqtvnt4u] {
    background: #ffece5;
    border-left: 3px solid var(--tara-primary, #d90000);
    padding-left: 11px; /* 14px base - 3px border lateral */
}

.tara-pro-result-card--selected:hover[b-d6hqtvnt4u] {
    background: #ffddd1;
}

.tara-pro-result-card--standalone[b-d6hqtvnt4u] {
    padding: 14px 16px;
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-bottom-width: 1px;
    border-radius: var(--tara-radius);
    box-shadow: var(--tara-shadow-sm);
}

.tara-pro-result-card--standalone:last-child[b-d6hqtvnt4u] {
    border-bottom-width: 1px;
}

.tara-pro-result-card--standalone:nth-child(odd)[b-d6hqtvnt4u],
.tara-pro-result-card--standalone:nth-child(even)[b-d6hqtvnt4u] {
    background: var(--tara-surface);
}

.tara-pro-result-card--standalone.tara-pro-result-card--static:hover[b-d6hqtvnt4u] {
    background: var(--tara-surface);
    border-bottom-color: color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
}

.tara-pro-result-card--standalone.tara-pro-result-card--selected[b-d6hqtvnt4u] {
    background: color-mix(in srgb, var(--tara-primary-subtle) 36%, var(--tara-surface));
    border-left-width: 4px;
    padding-left: 12px;
    box-shadow:
        0 20px 36px color-mix(in srgb, var(--tara-primary) 10%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 65%, transparent);
}

.tara-pro-result-card--prominent[b-d6hqtvnt4u] {
    padding: 18px 20px;
}

.tara-pro-result-card--prominent .tara-pro-result-card__top[b-d6hqtvnt4u] {
    align-items: flex-start;
    gap: 12px 14px;
}

.tara-pro-result-card--prominent .tara-pro-result-card__primary[b-d6hqtvnt4u] {
    font-size: 1.08rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.12;
}

.tara-pro-result-card--prominent .tara-pro-result-card__badge[b-d6hqtvnt4u] {
    font-size: 0.68rem;
    padding: 4px 10px;
}

.tara-pro-result-card--prominent .tara-pro-result-card__code[b-d6hqtvnt4u] {
    margin-top: 2px;
    font-size: 0.76rem;
    padding: 4px 10px;
    background: color-mix(in srgb, var(--tara-surface-raised) 82%, white);
}

.tara-pro-result-card--prominent .tara-pro-result-card__secondary[b-d6hqtvnt4u] {
    margin-top: 8px;
    font-size: 0.92rem;
    line-height: 1.5;
}

.tara-pro-result-card--prominent .tara-pro-result-card__meta[b-d6hqtvnt4u] {
    gap: 8px;
    margin-top: 12px;
}

.tara-pro-result-card--prominent .tara-pro-result-card__meta-chip[b-d6hqtvnt4u] {
    font-size: 0.77rem;
    padding: 5px 11px;
}

.tara-pro-result-card--prominent .tara-pro-result-card__detail[b-d6hqtvnt4u] {
    gap: 10px;
    margin-top: 14px;
}

.tara-pro-result-card--prominent .tara-pro-result-card__detail-label[b-d6hqtvnt4u] {
    font-size: 0.78rem;
}

.tara-pro-result-card--prominent .tara-pro-result-card__detail-chip[b-d6hqtvnt4u] {
    min-width: 36px;
    padding: 6px 11px;
    font-size: 0.79rem;
}

.tara-pro-result-card:focus-visible[b-d6hqtvnt4u] {
    outline: 2px solid var(--tara-primary);
    outline-offset: -2px;
}

.tara-pro-result-card__top[b-d6hqtvnt4u] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

.tara-pro-result-card__headline[b-d6hqtvnt4u] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 260px;
    min-width: 0;
    flex-wrap: wrap;
}

.tara-pro-result-card__primary[b-d6hqtvnt4u] {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--tara-text);
    letter-spacing: -0.2px;
}

.tara-pro-result-card__badge[b-d6hqtvnt4u] {
    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);
}

.tara-pro-result-card__code[b-d6hqtvnt4u] {
    margin-left: auto;
    font-size: 0.7rem;
    font-family: monospace;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--tara-surface-raised);
    border: 1px solid var(--tara-border);
    color: var(--tara-text-muted);
    white-space: nowrap;
}

.tara-pro-result-card__secondary[b-d6hqtvnt4u] {
    font-size: 0.82rem;
    color: var(--tara-text);
    margin-top: 3px;
    line-height: 1.35;
}

.tara-pro-result-card__meta[b-d6hqtvnt4u] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

.tara-pro-result-card__meta-chip[b-d6hqtvnt4u] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.71rem;
    padding: 2px 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary-subtle) 28%, var(--tara-surface));
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    color: var(--tara-text);
    white-space: nowrap;
}

.tara-pro-result-card__meta-chip strong[b-d6hqtvnt4u] {
    font-weight: 800;
    color: var(--tara-primary-dark);
}

.tara-pro-result-card__detail[b-d6hqtvnt4u] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 7px;
}

.tara-pro-result-card__detail-label[b-d6hqtvnt4u] {
    font-size: 0.74rem;
    font-weight: 700;
    color: var(--tara-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding-top: 2px;
}

.tara-pro-result-card__detail-chips[b-d6hqtvnt4u] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.tara-pro-result-card__detail-chip[b-d6hqtvnt4u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    padding: 4px 8px;
    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-subtle) 40%, var(--tara-surface));
    color: var(--tara-primary-dark);
    font-size: 0.73rem;
    font-weight: 700;
    line-height: 1;
}

.tara-pro-result-card__footer[b-d6hqtvnt4u] {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid color-mix(in srgb, var(--tara-primary) 10%, var(--tara-border));
}

@media (max-width: 640px) {
    .tara-pro-result-card--prominent[b-d6hqtvnt4u] {
        padding: 16px;
    }

    .tara-pro-result-card__code[b-d6hqtvnt4u] {
        margin-left: 0;
    }

    .tara-pro-result-card--standalone[b-d6hqtvnt4u] {
        padding: 13px 14px;
    }

    .tara-pro-result-card--prominent[b-d6hqtvnt4u] {
        padding: 13px 14px;
    }

    .tara-pro-result-card__footer[b-d6hqtvnt4u] {
        justify-content: stretch;
    }
}

/* ── DARK MODE ─────────────────────────────────────────────────────────────── */
/* Selector: [data-theme="dark"] en <html>; Blazor CSS isolation lo preserva   */

[data-theme="dark"] .tara-pro-result-card[b-d6hqtvnt4u] {
    border-bottom-color: rgba(248, 113, 113, 0.16);
}

[data-theme="dark"] .tara-pro-result-card:nth-child(odd)[b-d6hqtvnt4u] {
    background: #181B21;
}

[data-theme="dark"] .tara-pro-result-card:nth-child(even)[b-d6hqtvnt4u] {
    background: #1C2027;
}

[data-theme="dark"] .tara-pro-result-card:hover[b-d6hqtvnt4u] {
    background: #2B1B1B;
    border-bottom-color: rgba(248, 113, 113, 0.32);
}

[data-theme="dark"] .tara-pro-result-card--static:hover[b-d6hqtvnt4u] {
    background: var(--tara-surface);
    border-bottom-color: rgba(248, 113, 113, 0.16);
}

[data-theme="dark"] .tara-pro-result-card--selected[b-d6hqtvnt4u] {
    background: #321F1D;
    border-left-color: #EC0000;
}

[data-theme="dark"] .tara-pro-result-card--selected:hover[b-d6hqtvnt4u] {
    background: #3C2420;
}

[data-theme="dark"] .tara-pro-result-card__badge[b-d6hqtvnt4u] {
    background: rgba(236, 0, 0, 0.22);
    color: #fca5a5;
}

[data-theme="dark"] .tara-pro-result-card__meta-chip strong[b-d6hqtvnt4u] {
    color: #fca5a5;
}

[data-theme="dark"] .tara-pro-result-card__detail-chip[b-d6hqtvnt4u] {
    background: rgba(239, 68, 68, 0.10);
    border-color: rgba(239, 68, 68, 0.30);
    color: #fca5a5;
}

[data-theme="dark"] .tara-pro-result-card--standalone:nth-child(odd)[b-d6hqtvnt4u],
[data-theme="dark"] .tara-pro-result-card--standalone:nth-child(even)[b-d6hqtvnt4u] {
    background: #171b22;
}

[data-theme="dark"] .tara-pro-result-card--standalone.tara-pro-result-card--static:hover[b-d6hqtvnt4u] {
    background: #171b22;
    border-bottom-color: rgba(248, 113, 113, 0.26);
}

[data-theme="dark"] .tara-pro-result-card__footer[b-d6hqtvnt4u] {
    border-top-color: rgba(248, 113, 113, 0.18);
}
/* _content/Raramuri.blzr/Components/Shared/Tarahumara/TarahumaraStageLoader.razor.rz.scp.css */
.tara-curvas-loading-shell.tara-stage-loader-shell[b-qk7txwt0r3] {
    min-height: auto;
    padding: 0;
    background: transparent;
    place-items: stretch;
}

.tara-curvas-loading-card.tara-stage-loader-card[b-qk7txwt0r3] {
    width: 100%;
    gap: .95rem;
    padding: clamp(1rem, 2vw, 1.25rem);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 14%, var(--tara-border));
    border-radius: calc(var(--tara-radius) + 2px);
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--tara-surface) 92%, white),
            color-mix(in srgb, var(--tara-primary) 4%, var(--tara-surface)));
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-loading-card__icon[b-qk7txwt0r3] {
    width: 3.2rem;
    height: 3.2rem;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tara-primary) 12%, var(--tara-surface));
    color: var(--tara-primary-dark);
    border: 1px solid color-mix(in srgb, var(--tara-primary) 20%, var(--tara-border));
    box-shadow: var(--tara-shadow-sm);
}

.tara-curvas-loading-card__icon[b-qk7txwt0r3]  .mud-icon-root {
    font-size: 1.5rem;
}

.tara-curvas-loading-card__copy[b-qk7txwt0r3] {
    display: grid;
    gap: .42rem;
}

.tara-curvas-loading-card__eyebrow[b-qk7txwt0r3] {
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tara-text-muted);
}

.tara-curvas-loading-card__copy h2[b-qk7txwt0r3] {
    margin: 0;
    font-size: clamp(1.12rem, 1.8vw, 1.35rem);
    line-height: 1.18;
    color: var(--tara-text);
}

.tara-curvas-loading-card__copy p[b-qk7txwt0r3] {
    margin: 0;
    color: var(--tara-text-muted);
    line-height: 1.55;
}

.tara-curvas-loading-card__progress[b-qk7txwt0r3] {
    margin-top: .1rem;
    border-radius: 999px;
    overflow: hidden;
}

@media (max-width: 760px) {
    .tara-curvas-loading-card.tara-stage-loader-card[b-qk7txwt0r3] {
        padding: .95rem;
    }

    .tara-curvas-loading-card__icon[b-qk7txwt0r3] {
        width: 2.9rem;
        height: 2.9rem;
    }
}
/* _content/Raramuri.blzr/Components/Shared/Tarahumara/TicketDetalleModal.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════════
   TicketDetalleModal — Modal de detalle de ticket reutilizable
   z-index 1500: se apila sobre MudDialog (1200–1300)
   ══════════════════════════════════════════════════════════════════════════════ */

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

.tdm-modal[b-t2kjwdx591] {
    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;
}

.tdm-modal--ticket[b-t2kjwdx591] {
    width: min(640px, 96vw);
}

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

.tdm-header[b-t2kjwdx591] {
    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;
}

.tdm-title[b-t2kjwdx591] {
    display:     flex;
    align-items: center;
    gap:         .5rem;
    font-weight: 800;
    font-size:   .95rem;
    color:       var(--tara-text);
}

.tdm-title .mud-icon-root[b-t2kjwdx591] {
    color: var(--tara-primary-dark);
}

/* ── Body ────────────────────────────────────────────────────────────────────── */

.tdm-body[b-t2kjwdx591] {
    flex:           1;
    overflow-y:     auto;
    padding:        1rem;
    display:        flex;
    flex-direction: column;
    gap:            .85rem;
}

.tdm-loading[b-t2kjwdx591],
.tdm-error[b-t2kjwdx591] {
    display:         flex;
    align-items:     center;
    justify-content: center;
    gap:             .65rem;
    min-height:      80px;
    color:           var(--tara-text-muted);
    font-size:       .88rem;
}

.tdm-error[b-t2kjwdx591] {
    color: var(--tara-danger);
}

/* ── Grid de datos del ticket ────────────────────────────────────────────────── */

.tdm-grid[b-t2kjwdx591] {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    gap:                   .55rem;
}

.tdm-item[b-t2kjwdx591] {
    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;
}

.tdm-label[b-t2kjwdx591] {
    font-size:      .62rem;
    font-weight:    850;
    letter-spacing: .08em;
    text-transform: uppercase;
    color:          var(--tara-text-muted);
}

.tdm-item strong[b-t2kjwdx591] {
    font-size:     .9rem;
    font-weight:   800;
    color:         var(--tara-text);
    overflow:      hidden;
    text-overflow: ellipsis;
    white-space:   nowrap;
}

/* ── Estado del ticket ───────────────────────────────────────────────────────── */

.tdm-ticket-estado[b-t2kjwdx591] {
    display:        inline-flex;
    align-items:    center;
    padding:        .1rem .45rem;
    border-radius:  999px;
    font-size:      .68rem;
    font-weight:    750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tdm-ticket-estado--vigente[b-t2kjwdx591] {
    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));
}

.tdm-ticket-estado--cancelado[b-t2kjwdx591] {
    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));
}

/* ── Encabezado de empresa ───────────────────────────────────────────────────── */

.tdm-ticket-encabezado[b-t2kjwdx591] {
    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);
}

.tdm-ticket-empresa[b-t2kjwdx591] {
    font-size:   .92rem;
    font-weight: 800;
    color:       var(--tara-text);
}

.tdm-ticket-rfc[b-t2kjwdx591],
.tdm-ticket-sucursal[b-t2kjwdx591] {
    font-size: .74rem;
    color:     var(--tara-text-muted);
}

/* ── Secciones de artículos y pagos ─────────────────────────────────────────── */

.tdm-section-title[b-t2kjwdx591] {
    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;
}

.tdm-items-section[b-t2kjwdx591],
.tdm-pagos-section[b-t2kjwdx591] {
    display:        flex;
    flex-direction: column;
}

/* ── Tabla de artículos ──────────────────────────────────────────────────────── */

.tdm-items-table-wrap[b-t2kjwdx591] {
    overflow-x:   auto;
    border:       1px solid var(--tara-border-subtle);
    border-radius: 8px;
    overflow:     hidden;
}

.tdm-items-table[b-t2kjwdx591] {
    width:           100%;
    border-collapse: collapse;
    font-size:       .8rem;
    min-width:       360px;
}

.tdm-items-table thead tr[b-t2kjwdx591] {
    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));
}

.tdm-items-table th[b-t2kjwdx591] {
    padding:        .35rem .55rem;
    font-size:      .64rem;
    font-weight:    850;
    letter-spacing: .07em;
    text-transform: uppercase;
    color:          var(--tara-text-muted);
    white-space:    nowrap;
}

.tdm-items-table tbody tr[b-t2kjwdx591] {
    border-bottom: 1px solid var(--tara-border-subtle);
}

.tdm-items-table tbody tr:last-child[b-t2kjwdx591] { border-bottom: none; }

.tdm-items-table tbody tr:nth-child(even)[b-t2kjwdx591] {
    background: var(--tara-surface-raised);
}

.tdm-items-table td[b-t2kjwdx591] {
    padding:        .38rem .55rem;
    color:          var(--tara-text);
    font-size:      .8rem;
    vertical-align: middle;
}

.tdm-th-desc[b-t2kjwdx591], .tdm-td-desc[b-t2kjwdx591] { min-width: 140px; }
.tdm-th-r[b-t2kjwdx591],    .tdm-td-r[b-t2kjwdx591]    { text-align: right !important; white-space: nowrap; }
.tdm-td-importe[b-t2kjwdx591]             { font-weight: 700; }

.tdm-td-talla[b-t2kjwdx591] {
    display:    block;
    font-size:  .7rem;
    color:      var(--tara-text-muted);
    margin-top: .1rem;
}

/* ── Pagos ───────────────────────────────────────────────────────────────────── */

.tdm-pago-row[b-t2kjwdx591] {
    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;
}

.tdm-pago-row strong[b-t2kjwdx591] {
    color:       var(--tara-text);
    font-weight: 700;
}

/* ── Total ───────────────────────────────────────────────────────────────────── */

.tdm-total-row[b-t2kjwdx591] {
    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);
}

.tdm-total-val[b-t2kjwdx591] {
    font-size:      1.15rem !important;
    color:          var(--tara-primary-dark) !important;
    letter-spacing: -.01em;
}

/* ── Footer ──────────────────────────────────────────────────────────────────── */

.tdm-footer[b-t2kjwdx591] {
    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);
}