/* /Pages/BuscarBorrador/BuscarBorradorIndex.razor.rz.scp.css */
/* ===== BUSCAR BORRADOR - DESIGN SYSTEM (mismos lineamientos que ConsultaDocumentos) ===== */

/* Variables CSS del módulo */
.borrador-container[b-xyn7uic3o1] {
    --cd-primary: #6366F1;
    --cd-primary-dark: #4F46E5;
    --cd-primary-light: #EEF2FF;
    --cd-accent: #F59E0B;
    --cd-accent-dark: #D97706;
    --cd-accent-light: #FFFBEB;
    --cd-success: #10B981;
    --cd-success-light: #D1FAE5;
    --cd-danger: #EF4444;
    --cd-danger-light: #FEE2E2;
    --cd-info: #0EA5E9;
    --cd-info-light: #E0F2FE;
    --cd-orange: #F97316;
    --cd-orange-dark: #EA580C;
    --cd-bg: #F1F5F9;
    --cd-card: #FFFFFF;
    --cd-text: #1E293B;
    --cd-text-secondary: #64748B;
    --cd-text-muted: #94A3B8;
    --cd-border: #E2E8F0;
    --cd-shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --cd-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
    --cd-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
    --cd-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
    --cd-radius: 12px;
    --cd-radius-sm: 8px;
    --cd-radius-xs: 6px;
    --cd-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    background: var(--cd-bg);
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    gap: 10px;
    padding: 10px 16px;
    box-sizing: border-box;
}

/* ===== BARRA DE CONTROL ===== */
.borrador-control-bar[b-xyn7uic3o1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--cd-card);
    border-radius: var(--cd-radius);
    box-shadow: var(--cd-shadow);
    padding: 8px 16px;
    flex-shrink: 0;
    gap: 12px;
    min-height: 48px;
}

/* Sección izquierda */
.control-left[b-xyn7uic3o1] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

/* Sección central: indicador de carga */
.control-center[b-xyn7uic3o1] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-indicator[b-xyn7uic3o1] {
    display: flex;
    align-items: center;
    gap: 10px;
    animation: bbFadeIn-b-xyn7uic3o1 0.3s ease;
}

.loading-spinner[b-xyn7uic3o1] {
    width: 20px;
    height: 20px;
    border: 2.5px solid var(--cd-border);
    border-top-color: var(--cd-primary);
    border-radius: 50%;
    animation: bbSpin-b-xyn7uic3o1 0.8s linear infinite;
}

.loading-text[b-xyn7uic3o1] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--cd-primary);
    animation: bbPulse-b-xyn7uic3o1 1.5s ease-in-out infinite;
}

/* Sección derecha: botones de acción */
.control-right[b-xyn7uic3o1] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

/* ===== BOTONES DE ACCIÓN ===== */
.bb-btn[b-xyn7uic3o1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border: none;
    border-radius: var(--cd-radius-xs);
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--cd-transition);
    white-space: nowrap;
    color: white;
}

.bb-btn:hover[b-xyn7uic3o1] {
    transform: translateY(-1px);
    box-shadow: var(--cd-shadow-md);
}

.bb-btn:active[b-xyn7uic3o1] {
    transform: translateY(0);
}

.bb-btn .rzi[b-xyn7uic3o1] {
    font-size: 1rem;
}

.btn-buscar[b-xyn7uic3o1] {
    background: var(--cd-orange);
}

.btn-filtros[b-xyn7uic3o1] {
    background: var(--cd-info);
}

.btn-filtros.active[b-xyn7uic3o1] {
    background: #0284C7;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);
    transform: none;
}

/* ===== PANEL DE FILTROS ===== */
.filtros-wrapper[b-xyn7uic3o1] {
    position: relative;
    flex-shrink: 0;
}

.filtros-panel[b-xyn7uic3o1] {
    background: var(--cd-card);
    border-radius: var(--cd-radius);
    box-shadow: var(--cd-shadow-md);
    overflow: hidden;
    animation: bbSlideDown-b-xyn7uic3o1 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.filtros-header[b-xyn7uic3o1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    border-bottom: 1px solid var(--cd-border);
    background: linear-gradient(135deg, var(--cd-info-light) 0%, var(--cd-card) 100%);
}

.filtros-header h3[b-xyn7uic3o1] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--cd-text);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.filtros-header h3 .rzi[b-xyn7uic3o1] {
    color: var(--cd-info);
    font-size: 1.1rem;
}

.filtros-close-btn[b-xyn7uic3o1] {
    background: none;
    border: none;
    color: var(--cd-text-muted);
    cursor: pointer;
    padding: 4px;
    border-radius: var(--cd-radius-xs);
    transition: var(--cd-transition);
    display: flex;
    align-items: center;
}

.filtros-close-btn:hover[b-xyn7uic3o1] {
    background: var(--cd-danger-light);
    color: var(--cd-danger);
}

.filtros-body[b-xyn7uic3o1] {
    padding: 12px 16px;
}

.filtros-grid[b-xyn7uic3o1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.filtro-field[b-xyn7uic3o1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.filtro-label[b-xyn7uic3o1] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--cd-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* Inputs personalizados dentro de filtros - bordes visibles sutiles */
.filtro-field[b-xyn7uic3o1]  .rz-textbox,
.filtro-field[b-xyn7uic3o1]  .rz-spinner,
.filtro-field[b-xyn7uic3o1]  .rz-inputtext,
.filtro-field[b-xyn7uic3o1]  .rz-calendar,
.filtro-field[b-xyn7uic3o1]  .rz-numeric,
.filtro-field[b-xyn7uic3o1]  input {
    border: 1.5px solid #CBD5E1 !important;
    border-radius: var(--cd-radius-xs) !important;
    font-size: 0.8rem !important;
    height: 32px !important;
    transition: var(--cd-transition);
    background: white !important;
}

.filtro-field[b-xyn7uic3o1]  .rz-dropdown {
    border: 1.5px solid #CBD5E1 !important;
    border-radius: var(--cd-radius-xs) !important;
    font-size: 0.8rem !important;
    height: 32px !important;
    transition: var(--cd-transition);
    background: white !important;
    box-sizing: border-box !important;
}

.filtro-field[b-xyn7uic3o1]  .rz-dropdown-trigger {
    border: none !important;
    background: transparent !important;
}

.filtro-field[b-xyn7uic3o1]  .rz-textbox:focus,
.filtro-field[b-xyn7uic3o1]  .rz-state-focused,
.filtro-field[b-xyn7uic3o1]  input:focus,
.filtro-field[b-xyn7uic3o1]  .rz-calendar:focus-within,
.filtro-field[b-xyn7uic3o1]  .rz-numeric:focus-within {
    border-color: var(--cd-primary) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15) !important;
}

/* Texto del dropdown visible sin recorte */
.filtro-field[b-xyn7uic3o1]  .rz-dropdown .rz-dropdown-label {
    border: none !important;
    height: 100% !important;
    line-height: 1 !important;
    padding: 0 8px !important;
    font-size: 0.8rem !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ===== GRILLA DE DATOS ===== */
.borrador-grid-wrapper[b-xyn7uic3o1] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--cd-card);
    border-radius: var(--cd-radius);
    box-shadow: var(--cd-shadow);
    overflow: hidden;
    min-height: 0;
}

[b-xyn7uic3o1] .borrador-grid-wrapper .rz-datatable {
    border: none !important;
    border-radius: 0 !important;
    font-size: 0.8rem;
}

[b-xyn7uic3o1] .borrador-grid-wrapper .rz-datatable-thead > tr > th {
    background: var(--cd-bg) !important;
    color: var(--cd-text-secondary) !important;
    font-weight: 700 !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    padding: 8px 10px !important;
    border-bottom: 2px solid var(--cd-border) !important;
}

[b-xyn7uic3o1] .borrador-grid-wrapper .rz-datatable-tbody > tr {
    transition: background-color 0.15s ease;
}

[b-xyn7uic3o1] .borrador-grid-wrapper .rz-datatable-tbody > tr:hover {
    background-color: var(--cd-primary-light) !important;
}

[b-xyn7uic3o1] .borrador-grid-wrapper .rz-datatable-tbody > tr > td {
    padding: 5px 10px !important;
    border-bottom: 1px solid #F1F5F9 !important;
    font-size: 0.78rem;
}

/* Botones de acción en la grilla */
.grid-actions[b-xyn7uic3o1] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.grid-action-btn[b-xyn7uic3o1] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--cd-radius-xs);
    cursor: pointer;
    transition: var(--cd-transition);
    padding: 0;
    color: white;
    font-size: 0.85rem;
}

.grid-action-btn:hover[b-xyn7uic3o1] {
    transform: scale(1.12);
    box-shadow: var(--cd-shadow-md);
}

.grid-action-btn:active[b-xyn7uic3o1] {
    transform: scale(0.95);
}

.grid-btn-edit[b-xyn7uic3o1] {
    background: var(--cd-info);
}

.grid-btn-edit:hover[b-xyn7uic3o1] {
    background: #0284C7;
}

.grid-btn-delete[b-xyn7uic3o1] {
    background: var(--cd-danger);
}

.grid-btn-delete:hover[b-xyn7uic3o1] {
    background: #DC2626;
}

/* ===== ANIMACIONES ===== */
@keyframes bbSpin-b-xyn7uic3o1 {
    to { transform: rotate(360deg); }
}

@keyframes bbPulse-b-xyn7uic3o1 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

@keyframes bbFadeIn-b-xyn7uic3o1 {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes bbSlideDown-b-xyn7uic3o1 {
    from { opacity: 0; transform: translateY(-8px); max-height: 0; }
    to { opacity: 1; transform: translateY(0); max-height: 500px; }
}

/* ===== RESPONSIVE: TABLET ===== */
@media (max-width: 1024px) {
    .borrador-container[b-xyn7uic3o1] {
        padding: 8px 10px;
        gap: 8px;
    }

    .borrador-control-bar[b-xyn7uic3o1] {
        flex-wrap: wrap;
        padding: 8px 12px;
    }

    .control-center[b-xyn7uic3o1] {
        order: 3;
        width: 100%;
    }

    .filtros-grid[b-xyn7uic3o1] {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
}

/* ===== RESPONSIVE: MOBILE ===== */
@media (max-width: 640px) {
    .borrador-container[b-xyn7uic3o1] {
        padding: 6px 8px;
        gap: 6px;
    }

    .borrador-control-bar[b-xyn7uic3o1] {
        flex-direction: column;
        gap: 8px;
    }

    .control-left[b-xyn7uic3o1],
    .control-right[b-xyn7uic3o1] {
        width: 100%;
        justify-content: center;
    }

    .control-right[b-xyn7uic3o1] {
        flex-wrap: wrap;
    }

    .bb-btn[b-xyn7uic3o1] {
        flex: 1;
        justify-content: center;
        min-width: 0;
    }

    .bb-btn span:not(.material-icons):not(.rzi)[b-xyn7uic3o1] {
        display: none;
    }

    .filtros-grid[b-xyn7uic3o1] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/CierreCaja/CierreCajaIndex.razor.rz.scp.css */
/* ===== CIERRE DE CAJA - SISTEMA DE DISENO ===== */

.cc-container[b-95umorwbge] {
    --cc-primary: #6366F1;
    --cc-primary-dark: #4F46E5;
    --cc-primary-light: #EEF2FF;
    --cc-accent: #F59E0B;
    --cc-accent-light: #FFFBEB;
    --cc-success: #10B981;
    --cc-success-light: #D1FAE5;
    --cc-danger: #EF4444;
    --cc-danger-light: #FEE2E2;
    --cc-info: #3B82F6;
    --cc-info-light: #DBEAFE;
    --cc-warning: #F59E0B;
    --cc-warning-light: #FEF3C7;
    --cc-purple: #8B5CF6;
    --cc-purple-light: #EDE9FE;
    --cc-bg: #F1F5F9;
    --cc-card: #FFFFFF;
    --cc-text: #1E293B;
    --cc-text-secondary: #64748B;
    --cc-text-muted: #94A3B8;
    --cc-border: #E2E8F0;
    --cc-radius: 12px;
    --cc-radius-sm: 8px;
    --cc-radius-xs: 6px;
    --cc-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
    --cc-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
    --cc-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
    --cc-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);

    height: 100%;
    display: grid;
    grid-template-columns: 340px 1fr;
    gap: 10px;
    padding: 12px 16px;
    background: var(--cc-bg);
    overflow: hidden;
    box-sizing: border-box;
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* ===== COLUMNAS PRINCIPALES ===== */
.cc-left-col[b-95umorwbge] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    min-width: 0;
    animation: ccSlideLeft-b-95umorwbge 0.5s ease;
}

.cc-right-col[b-95umorwbge] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    min-width: 0;
    animation: ccFadeIn-b-95umorwbge 0.4s ease;
}

/* --- Filtros --- */
.cc-filters-card[b-95umorwbge] {
    background: var(--cc-card);
    border-radius: var(--cc-radius);
    box-shadow: var(--cc-shadow);
    overflow: hidden;
    flex-shrink: 0;
    transition: var(--cc-transition);
}

.cc-docs-panel[b-95umorwbge] {
    flex: 1;
    min-height: 0;
    min-width: 0;
}

.cc-filters-card:hover[b-95umorwbge] {
    box-shadow: var(--cc-shadow-md);
}

.cc-filters-card.collapsed .cc-filters-header[b-95umorwbge] {
    border-bottom: none;
}

.cc-filters-header[b-95umorwbge] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
    border-bottom: 1px solid var(--cc-border);
}

.cc-filters-toggle[b-95umorwbge] {
    background: var(--cc-primary-light);
    border: none;
    color: var(--cc-primary);
    cursor: pointer;
    width: 28px;
    height: 28px;
    border-radius: var(--cc-radius-xs);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--cc-transition);
}

.cc-filters-toggle:hover[b-95umorwbge] {
    background: var(--cc-primary);
    color: white;
    transform: translateY(-1px);
}

.cc-filters-title-wrap[b-95umorwbge] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cc-filters-title[b-95umorwbge] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--cc-text);
}

.cc-filters-body[b-95umorwbge] {
    display: flex;
    gap: 12px;
    padding: 10px 14px;
    align-items: flex-end;
}

.cc-filters-footer[b-95umorwbge] {
    display: flex;
    justify-content: flex-end;
    padding: 0 14px 10px 14px;
}

.cc-filter-group[b-95umorwbge] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
    min-width: 0;
}

.cc-filter-label[b-95umorwbge] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--cc-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* --- Tarjeta estado turno --- */
.cc-turno-card[b-95umorwbge] {
    background: var(--cc-card);
    border-radius: var(--cc-radius);
    box-shadow: var(--cc-shadow);
    overflow: hidden;
    flex-shrink: 0;
    transition: var(--cc-transition);
}

.cc-turno-card:hover[b-95umorwbge] {
    box-shadow: var(--cc-shadow-md);
    transform: translateY(-2px);
}

.cc-turno-accent[b-95umorwbge] {
    height: 4px;
    transition: var(--cc-transition);
}

.cc-turno--abierto .cc-turno-accent[b-95umorwbge] { background: linear-gradient(90deg, var(--cc-success), #34D399); }
.cc-turno--cerrado .cc-turno-accent[b-95umorwbge] { background: linear-gradient(90deg, var(--cc-danger), #F87171); }

.cc-turno-body[b-95umorwbge] {
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.cc-turno-icon-wrap[b-95umorwbge] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--cc-transition);
    animation: ccPulse-b-95umorwbge 2s ease-in-out infinite;
}

.cc-turno--abierto .cc-turno-icon-wrap[b-95umorwbge] {
    background: var(--cc-success-light);
    color: var(--cc-success);
}

.cc-turno--cerrado .cc-turno-icon-wrap[b-95umorwbge] {
    background: var(--cc-danger-light);
    color: var(--cc-danger);
}

.cc-turno-info[b-95umorwbge] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.cc-turno-status[b-95umorwbge] {
    font-size: 0.9rem;
    font-weight: 800;
    color: var(--cc-text);
}

.cc-turno-detail[b-95umorwbge] {
    font-size: 0.7rem;
    color: var(--cc-text-muted);
    text-align: center;
}

.cc-turno-actions[b-95umorwbge] {
    display: flex;
    gap: 6px;
    width: 100%;
}

.cc-turno-actions .cc-btn[b-95umorwbge] {
    flex: 1;
    justify-content: center;
}

/* ===== ICONOS GENERICOS ===== */
.cc-icon-wrap[b-95umorwbge] {
    width: 28px;
    height: 28px;
    border-radius: var(--cc-radius-xs);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cc-icon-primary[b-95umorwbge] { background: var(--cc-primary-light); color: var(--cc-primary); }
.cc-icon-indigo[b-95umorwbge] { background: var(--cc-primary-light); color: var(--cc-primary); }
.cc-icon-amber[b-95umorwbge] { background: var(--cc-accent-light); color: var(--cc-accent); }
.cc-icon-blue[b-95umorwbge] { background: var(--cc-info-light); color: var(--cc-info); }
.cc-icon-purple[b-95umorwbge] { background: var(--cc-purple-light); color: var(--cc-purple); }

/* ===== BOTONES ===== */
.cc-btn[b-95umorwbge] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 14px;
    border: none;
    border-radius: var(--cc-radius-sm);
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    transition: var(--cc-transition);
    white-space: nowrap;
}

.cc-btn:hover[b-95umorwbge] { transform: translateY(-1px); }
.cc-btn:active[b-95umorwbge] { transform: translateY(0); }

.cc-btn-search[b-95umorwbge] {
    background: var(--cc-primary);
    color: white;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.3);
}
.cc-btn-search:hover[b-95umorwbge] { background: var(--cc-primary-dark); box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4); }

.cc-btn-success[b-95umorwbge] {
    background: var(--cc-success);
    color: white;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}
.cc-btn-success:hover[b-95umorwbge] { background: #059669; box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4); }

.cc-btn-danger[b-95umorwbge] {
    background: var(--cc-danger);
    color: white;
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
}
.cc-btn-danger:hover[b-95umorwbge] { background: #DC2626; box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4); }

.cc-btn-outline[b-95umorwbge] {
    background: transparent;
    color: var(--cc-text-secondary);
    border: 1.5px solid var(--cc-border);
}
.cc-btn-outline:hover[b-95umorwbge] { border-color: var(--cc-primary); color: var(--cc-primary); background: var(--cc-primary-light); }

/* --- Panel generico --- */
.cc-panel[b-95umorwbge] {
    background: var(--cc-card);
    border-radius: var(--cc-radius);
    box-shadow: var(--cc-shadow);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
    animation: ccSlideUp-b-95umorwbge 0.5s ease;
}

.cc-panel-header[b-95umorwbge] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
    border-bottom: 1px solid var(--cc-border);
    flex-shrink: 0;
}

.cc-panel-title-wrap[b-95umorwbge] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.cc-panel-title[b-95umorwbge] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--cc-text);
}

/* ===== BADGES ===== */
.cc-badge[b-95umorwbge] {
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.cc-badge-info[b-95umorwbge] { background: rgba(59, 130, 246, 0.12); color: var(--cc-info); }
.cc-badge-success[b-95umorwbge] { background: rgba(16, 185, 129, 0.12); color: var(--cc-success); }
.cc-badge-danger[b-95umorwbge] { background: rgba(239, 68, 68, 0.12); color: var(--cc-danger); }
.cc-badge-warning[b-95umorwbge] { background: rgba(245, 158, 11, 0.12); color: var(--cc-warning); }

/* ===== PANEL RESUMEN ===== */
.cc-resumen-panel[b-95umorwbge] {
    flex: 1;
    min-height: 0;
    min-width: 0;
}

.cc-resumen-body[b-95umorwbge] {
    flex: 1;
    overflow-y: auto;
    scrollbar-gutter: stable;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Totales principales */
.cc-totales-grid[b-95umorwbge] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cc-total-card[b-95umorwbge] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: var(--cc-radius-sm);
    transition: var(--cc-transition);
    position: relative;
    overflow: hidden;
}

.cc-total-card[b-95umorwbge]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    border-radius: 4px 0 0 4px;
}

.cc-total-card:hover[b-95umorwbge] { transform: translateX(3px); }

.cc-total--primary[b-95umorwbge] { background: var(--cc-primary-light); }
.cc-total--primary[b-95umorwbge]::before { background: var(--cc-primary); }
.cc-total--primary .cc-total-icon[b-95umorwbge] { color: var(--cc-primary); }

.cc-total--accent[b-95umorwbge] { background: var(--cc-accent-light); }
.cc-total--accent[b-95umorwbge]::before { background: var(--cc-accent); }
.cc-total--accent .cc-total-icon[b-95umorwbge] { color: var(--cc-accent); }

.cc-total--info[b-95umorwbge] { background: var(--cc-info-light); }
.cc-total--info[b-95umorwbge]::before { background: var(--cc-info); }
.cc-total--info .cc-total-icon[b-95umorwbge] { color: var(--cc-info); }

.cc-total-icon[b-95umorwbge] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cc-total-info[b-95umorwbge] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.cc-total-value[b-95umorwbge] {
    font-size: 1rem;
    font-weight: 800;
    color: var(--cc-text);
    letter-spacing: -0.02em;
}

.cc-total-label[b-95umorwbge] {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--cc-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.cc-total-count[b-95umorwbge] {
    font-size: 0.65rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 12px;
    background: rgba(255,255,255,0.7);
    color: var(--cc-text-secondary);
    white-space: nowrap;
    flex-shrink: 0;
}

/* Medios de pago */
.cc-medios-section[b-95umorwbge],
.cc-movimientos-section[b-95umorwbge] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cc-section-title[b-95umorwbge] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--cc-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    display: flex;
    align-items: center;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--cc-border);
}

/* ===== ACORDEON ===== */
.cc-accordion-header[b-95umorwbge] {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--cc-border);
    cursor: pointer;
    padding: 6px 4px;
    justify-content: space-between;
    transition: var(--cc-transition);
}

.cc-accordion-header:hover[b-95umorwbge] {
    color: var(--cc-primary);
    border-bottom-color: var(--cc-primary);
}

.cc-accordion.open .cc-accordion-header[b-95umorwbge] {
    color: var(--cc-primary);
    border-bottom-color: var(--cc-primary);
}

.cc-accordion-title-text[b-95umorwbge] {
    display: flex;
    align-items: center;
}

.cc-accordion .cc-medios-grid[b-95umorwbge],
.cc-accordion .cc-movimientos-grid[b-95umorwbge] {
    animation: ccAccordionIn-b-95umorwbge 0.25s ease;
}

.cc-medios-grid[b-95umorwbge] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.cc-medio-item[b-95umorwbge] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 8px;
    border-radius: var(--cc-radius-xs);
    transition: var(--cc-transition);
}

.cc-medio-item:hover[b-95umorwbge] {
    background: var(--cc-bg);
}

.cc-medio-dot[b-95umorwbge] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.cc-medio-name[b-95umorwbge] {
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--cc-text-secondary);
    flex: 1;
}

.cc-medio-value[b-95umorwbge] {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--cc-text);
}

/* Movimientos de caja */
.cc-movimientos-grid[b-95umorwbge] {
    display: flex;
    gap: 6px;
}

.cc-movimiento-item[b-95umorwbge] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding: 8px 6px;
    border-radius: var(--cc-radius-sm);
    transition: var(--cc-transition);
}

.cc-movimiento-item:hover[b-95umorwbge] { transform: translateY(-2px); }

.cc-mov--apertura[b-95umorwbge] { background: var(--cc-info-light); color: var(--cc-info); }
.cc-mov--ingreso[b-95umorwbge] { background: var(--cc-success-light); color: var(--cc-success); }
.cc-mov--retiro[b-95umorwbge] { background: var(--cc-danger-light); color: var(--cc-danger); }

.cc-mov-label[b-95umorwbge] {
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.cc-mov-value[b-95umorwbge] {
    font-size: 0.85rem;
    font-weight: 800;
    color: var(--cc-text);
}

/* ===== PANEL DOCUMENTOS ===== */
.cc-docs-panel[b-95umorwbge] {
    padding: 8px;
}

/* ===== TRANSBANK ===== */

/* ===== MODAL APERTURA ===== */
.cc-modal-overlay[b-95umorwbge] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
    animation: ccOverlayIn-b-95umorwbge 0.2s ease;
    padding: 1rem;
}

.cc-modal-card[b-95umorwbge] {
    background: var(--cc-card);
    border-radius: var(--cc-radius);
    box-shadow: 0 20px 40px rgba(0,0,0,0.25), 0 0 0 1px rgba(0,0,0,0.05);
    width: 100%;
    max-width: 420px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: ccModalIn-b-95umorwbge 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.cc-modal-header[b-95umorwbge] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    background: linear-gradient(135deg, var(--cc-success), #059669);
    color: white;
}

.cc-modal-header h3[b-95umorwbge] {
    font-size: 0.92rem;
    font-weight: 700;
    margin: 0;
    color: white;
    display: flex;
    align-items: center;
}

.cc-modal-close[b-95umorwbge] {
    background: rgba(255,255,255,0.25);
    border: none;
    color: white;
    cursor: pointer;
    padding: 5px;
    border-radius: var(--cc-radius-xs);
    display: flex;
    align-items: center;
    transition: var(--cc-transition);
}

.cc-modal-close:hover[b-95umorwbge] { background: rgba(255,255,255,0.45); transform: scale(1.05); }

.cc-modal-body[b-95umorwbge] {
    padding: 20px;
}

.cc-modal-field[b-95umorwbge] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cc-modal-footer[b-95umorwbge] {
    padding: 12px 20px;
    border-top: 1px solid var(--cc-border);
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    background: #F8FAFC;
}

/* ===== ANIMACIONES ===== */
@keyframes ccFadeIn-b-95umorwbge {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes ccSlideUp-b-95umorwbge {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes ccSlideRight-b-95umorwbge {
    from { opacity: 0; transform: translateX(20px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes ccSlideLeft-b-95umorwbge {
    from { opacity: 0; transform: translateX(-20px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes ccAccordionIn-b-95umorwbge {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes ccPulse-b-95umorwbge {
    0%, 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.3); }
    50% { box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); }
}

@keyframes ccOverlayIn-b-95umorwbge {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes ccModalIn-b-95umorwbge {
    from { opacity: 0; transform: scale(0.92) translateY(10px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1200px) {
    .cc-container[b-95umorwbge] {
        grid-template-columns: 300px 1fr;
    }
}

@media (max-width: 992px) {
    .cc-container[b-95umorwbge] {
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
        overflow-y: auto;
    }

    .cc-left-col[b-95umorwbge] {
        min-height: 0;
    }

    .cc-resumen-panel[b-95umorwbge] {
        max-height: 300px;
        flex: none;
    }
}

@media (max-width: 768px) {
    .cc-container[b-95umorwbge] {
        padding: 8px;
        gap: 8px;
    }

    .cc-filters-body[b-95umorwbge] {
        flex-wrap: wrap;
    }

    .cc-filter-group[b-95umorwbge] {
        min-width: 120px;
    }

}
/* /Pages/CierreCaja/Componentes/DocumentosTab.razor.rz.scp.css */
.docs-container[b-tgriad5dlu] {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 8px;
}

.docs-toolbar[b-tgriad5dlu] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 8px;
    background: #f8fafc;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    flex-shrink: 0;
}

.docs-count[b-tgriad5dlu] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #94a3b8;
}

.docs-grid[b-tgriad5dlu] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ===== Botón Informe Z ===== */
.docs-btn-informez[b-tgriad5dlu] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border: none;
    border-radius: 6px;
    background: linear-gradient(135deg, #6366f1, #4f46e5);
    color: white;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    box-shadow: 0 1px 3px rgba(99, 102, 241, 0.35);
}

.docs-btn-informez:hover[b-tgriad5dlu] {
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(99, 102, 241, 0.45);
}

.docs-btn-informez:active[b-tgriad5dlu] {
    transform: translateY(0);
}

/* ===== Modal Informe Z ===== */
.iz-modal-overlay[b-tgriad5dlu] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    backdrop-filter: blur(2px);
}

.iz-modal-card[b-tgriad5dlu] {
    background: white;
    width: min(1000px, 95vw);
    max-height: 90vh;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
}

.iz-modal-header[b-tgriad5dlu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    background: linear-gradient(135deg, #1e293b, #334155);
    color: white;
    flex-shrink: 0;
}

.iz-modal-header h3[b-tgriad5dlu] {
    margin: 0;
    font-size: 1rem;
    display: flex;
    align-items: center;
}

.iz-modal-header-actions[b-tgriad5dlu] {
    display: flex;
    gap: 6px;
}

.iz-modal-btn[b-tgriad5dlu],
.iz-modal-close[b-tgriad5dlu] {
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: white;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
}

.iz-modal-btn:hover[b-tgriad5dlu],
.iz-modal-close:hover[b-tgriad5dlu] {
    background: rgba(255, 255, 255, 0.25);
}

.iz-modal-body[b-tgriad5dlu] {
    padding: 18px 22px;
    overflow-y: auto;
    flex: 1;
    color: #1f2937;
}

.iz-header-row[b-tgriad5dlu] {
    display: flex;
    gap: 16px;
    margin-bottom: 12px;
    font-size: 0.85rem;
    align-items: center;
    flex-wrap: wrap;
}

.iz-label[b-tgriad5dlu] {
    font-weight: 600;
    color: #475569;
}

.iz-value[b-tgriad5dlu] {
    color: #0f172a;
    margin-right: 16px;
}

.iz-totales-grid[b-tgriad5dlu] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: 10px 0 16px 0;
}

.iz-total-item[b-tgriad5dlu] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 10px 12px;
    background: #f8fafc;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.iz-total-label[b-tgriad5dlu] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.iz-total-value[b-tgriad5dlu] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #0f172a;
}

.iz-total-count[b-tgriad5dlu] {
    font-size: 0.7rem;
    color: #94a3b8;
}

.iz-section-title[b-tgriad5dlu] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #0f172a;
    margin: 18px 0 8px 0;
    padding-bottom: 4px;
    border-bottom: 2px solid #334155;
}

.iz-vendedor-block[b-tgriad5dlu] {
    margin-bottom: 14px;
}

.iz-vendedor-header[b-tgriad5dlu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #e2e8f0;
    padding: 6px 12px;
    border-radius: 6px 6px 0 0;
    font-size: 0.8rem;
}

.iz-vendedor-nombre[b-tgriad5dlu] {
    font-weight: 700;
    color: #1e293b;
}

.iz-vendedor-stats[b-tgriad5dlu] {
    display: flex;
    gap: 14px;
    color: #475569;
}

.iz-folios-table[b-tgriad5dlu] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
}

.iz-folios-table th[b-tgriad5dlu],
.iz-folios-table td[b-tgriad5dlu] {
    border: 1px solid #e2e8f0;
    padding: 5px 8px;
    text-align: left;
}

.iz-folios-table th[b-tgriad5dlu] {
    background: #f1f5f9;
    font-weight: 600;
    color: #334155;
}

.iz-folios-table tbody tr:nth-child(even)[b-tgriad5dlu] {
    background: #f8fafc;
}

.iz-empty[b-tgriad5dlu] {
    text-align: center;
    padding: 20px;
    color: #94a3b8;
    font-style: italic;
}

.iz-empty-small[b-tgriad5dlu] {
    padding: 6px 10px;
    color: #94a3b8;
    font-style: italic;
    font-size: 0.78rem;
    border: 1px solid #e2e8f0;
    border-top: none;
    border-radius: 0 0 6px 6px;
}
/* /Pages/Clientes/ClientesIndex.razor.rz.scp.css */
/* ===== CLIENTES - DESIGN SYSTEM ===== */
/* Paleta de colores basada en PosIndex.razor */

/* ===== CONTENEDOR PRINCIPAL ===== */
.cli-container[b-6oknxyda4c] {
    --cli-primary: #6366F1;
    --cli-primary-dark: #4F46E5;
    --cli-primary-light: #EEF2FF;
    --cli-accent: #F59E0B;
    --cli-accent-dark: #D97706;
    --cli-accent-light: #FFFBEB;
    --cli-success: #10B981;
    --cli-success-light: #D1FAE5;
    --cli-danger: #EF4444;
    --cli-danger-light: #FEE2E2;
    --cli-info: #0EA5E9;
    --cli-info-light: #E0F2FE;
    --cli-bg: #F1F5F9;
    --cli-card: #FFFFFF;
    --cli-text: #1E293B;
    --cli-text-secondary: #64748B;
    --cli-text-muted: #94A3B8;
    --cli-border: #E2E8F0;
    --cli-shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --cli-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
    --cli-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
    --cli-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
    --cli-radius: 12px;
    --cli-radius-sm: 8px;
    --cli-radius-xs: 6px;
    --cli-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--cli-bg);
    overflow: hidden;
    box-sizing: border-box;
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    padding: 16px;
    gap: 12px;
    animation: cliFadeIn-b-6oknxyda4c 0.35s ease;
}

/* ===== BARRA SUPERIOR / HEADER ===== */
.cli-header[b-6oknxyda4c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--cli-card);
    border-radius: var(--cli-radius);
    box-shadow: var(--cli-shadow);
    padding: 12px 20px;
    flex-shrink: 0;
    border: 1px solid var(--cli-border);
}

.cli-header-left[b-6oknxyda4c] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cli-header-icon[b-6oknxyda4c] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: var(--cli-primary-light);
    border-radius: var(--cli-radius-sm);
    color: var(--cli-primary);
    font-size: 1.25rem;
}

.cli-header h2[b-6oknxyda4c] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--cli-text);
    margin: 0;
    letter-spacing: -0.01em;
}

.cli-header-subtitle[b-6oknxyda4c] {
    font-size: 0.75rem;
    color: var(--cli-text-muted);
    margin: 0;
    font-weight: 500;
}

.cli-header-actions[b-6oknxyda4c] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.cli-search-input[b-6oknxyda4c] {
    padding: 7px 14px;
    border: 1px solid var(--cli-border);
    border-radius: var(--cli-radius-sm);
    font-size: 0.82rem;
    font-family: inherit;
    color: var(--cli-text);
    background: var(--cli-bg);
    outline: none;
    width: 260px;
    transition: var(--cli-transition);
}

.cli-search-input:focus[b-6oknxyda4c] {
    border-color: var(--cli-primary);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

.cli-search-input[b-6oknxyda4c]::placeholder {
    color: var(--cli-text-muted);
    font-weight: 400;
}

/* ===== BOTONES ===== */
.cli-btn[b-6oknxyda4c] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    border: none;
    border-radius: var(--cli-radius-sm);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: var(--cli-transition);
    letter-spacing: 0.01em;
}

.cli-btn-primary[b-6oknxyda4c] {
    background: linear-gradient(135deg, var(--cli-primary) 0%, var(--cli-primary-dark) 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(99, 102, 241, 0.3);
}

.cli-btn-primary:hover[b-6oknxyda4c] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.45);
}

.cli-btn-primary:active[b-6oknxyda4c] {
    transform: translateY(0);
}

.cli-btn-info[b-6oknxyda4c] {
    background: linear-gradient(135deg, var(--cli-info) 0%, #0284C7 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(14, 165, 233, 0.3);
}

.cli-btn-info:hover[b-6oknxyda4c] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(14, 165, 233, 0.45);
}

.cli-btn-info:active[b-6oknxyda4c] {
    transform: translateY(0);
}

.cli-btn-accent[b-6oknxyda4c] {
    background: linear-gradient(135deg, var(--cli-accent) 0%, var(--cli-accent-dark) 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(245, 158, 11, 0.3);
}

.cli-btn-accent:hover[b-6oknxyda4c] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.45);
}

.cli-btn-accent:active[b-6oknxyda4c] {
    transform: translateY(0);
}

/* ===== CONTENEDOR DE LA GRILLA ===== */
.cli-grid-wrapper[b-6oknxyda4c] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--cli-card);
    border-radius: var(--cli-radius);
    box-shadow: var(--cli-shadow);
    overflow: hidden;
    min-height: 0;
    border: 1px solid var(--cli-border);
    animation: cliSlideUp-b-6oknxyda4c 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ===== BOTONES DE ACCIÓN EN LA GRILLA ===== */
.cli-action-group[b-6oknxyda4c] {
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
}

.cli-action-btn[b-6oknxyda4c] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--cli-radius-xs);
    cursor: pointer;
    transition: var(--cli-transition);
    padding: 0;
    color: white;
    font-size: 0.85rem;
}

.cli-action-btn .rzi[b-6oknxyda4c] {
    font-size: 0.9rem;
}

.cli-action-btn:hover[b-6oknxyda4c] {
    transform: scale(1.12);
    box-shadow: var(--cli-shadow-md);
}

.cli-action-btn:active[b-6oknxyda4c] {
    transform: scale(0.95);
}

.cli-action-btn.detail[b-6oknxyda4c] {
    background: var(--cli-success);
}

.cli-action-btn.detail:hover[b-6oknxyda4c] {
    background: #059669;
}

.cli-action-btn.edit[b-6oknxyda4c] {
    background: var(--cli-info);
}

.cli-action-btn.edit:hover[b-6oknxyda4c] {
    background: #0284C7;
}

.cli-action-btn.delete[b-6oknxyda4c] {
    background: var(--cli-danger);
}

.cli-action-btn.delete:hover[b-6oknxyda4c] {
    background: #DC2626;
}

/* ===== ESTADO DE CARGA (SKELETON) ===== */
.cli-loading[b-6oknxyda4c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 16px;
    background: var(--cli-bg);
    animation: cliFadeIn-b-6oknxyda4c 0.3s ease;
}

.cli-spinner[b-6oknxyda4c] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--cli-border);
    border-top-color: var(--cli-primary);
    border-radius: 50%;
    animation: cliSpin-b-6oknxyda4c 0.8s linear infinite;
}

.cli-loading-text[b-6oknxyda4c] {
    font-size: 0.85rem;
    color: var(--cli-text-secondary);
    font-weight: 500;
}

/* ===== ESTILOS DE LA GRILLA RADZEN ===== */
[b-6oknxyda4c] .rz-datatable {
    border: none !important;
}

[b-6oknxyda4c] .rz-datatable-thead > tr > th {
    background: var(--cli-bg) !important;
    color: var(--cli-text-secondary) !important;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    border-bottom: 1px solid var(--cli-border) !important;
    padding: 10px 12px !important;
}

[b-6oknxyda4c] .rz-datatable-tbody > tr {
    transition: var(--cli-transition);
}

[b-6oknxyda4c] .rz-datatable-tbody > tr:hover {
    background: var(--cli-primary-light) !important;
}

[b-6oknxyda4c] .rz-datatable-tbody > tr > td {
    border-bottom: 1px dashed #F1F5F9 !important;
    font-size: 0.78rem !important;
    color: var(--cli-text) !important;
    padding: 8px 12px !important;
}

[b-6oknxyda4c] .rz-pager {
    border-top: 1px solid var(--cli-border) !important;
    padding: 6px 12px !important;
}

/* ===== BADGE CONTADOR ===== */
.cli-badge[b-6oknxyda4c] {
    background: var(--cli-primary);
    color: white;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: 20px;
    min-width: 24px;
    text-align: center;
    animation: cliBadgePop-b-6oknxyda4c 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* ===== ANIMACIONES ===== */
@keyframes cliFadeIn-b-6oknxyda4c {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes cliSlideUp-b-6oknxyda4c {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes cliSpin-b-6oknxyda4c {
    to { transform: rotate(360deg); }
}

@keyframes cliBadgePop-b-6oknxyda4c {
    0% { transform: scale(0.5); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
    .cli-container[b-6oknxyda4c] {
        padding: 10px;
        gap: 8px;
    }

    .cli-header[b-6oknxyda4c] {
        padding: 10px 14px;
    }

    .cli-header h2[b-6oknxyda4c] {
        font-size: 0.95rem;
    }
}

@media (max-width: 640px) {
    .cli-container[b-6oknxyda4c] {
        padding: 8px;
    }

    .cli-header-subtitle[b-6oknxyda4c] {
        display: none;
    }

    .cli-btn[b-6oknxyda4c] {
        padding: 6px 12px;
        font-size: 0.75rem;
    }
}
/* /Pages/Clientes/Componentes/CargaMasivaClientesModal.razor.rz.scp.css */
/* ===== MODAL CARGA MASIVA DE CLIENTES ===== */

.cmc-modal[b-qd7a02axp1] {
    --cmc-primary: #6366F1;
    --cmc-primary-light: #EEF2FF;
    --cmc-success: #10B981;
    --cmc-success-light: #D1FAE5;
    --cmc-danger: #EF4444;
    --cmc-danger-light: #FEE2E2;
    --cmc-info: #0EA5E9;
    --cmc-info-light: #E0F2FE;
    --cmc-border: #E2E8F0;
    --cmc-bg: #F8FAFC;
    --cmc-card: #FFFFFF;
    --cmc-text: #1E293B;
    --cmc-text-secondary: #64748B;
    --cmc-radius-xs: 6px;
    --cmc-radius-sm: 8px;
    --cmc-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background: var(--cmc-bg);
    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
    position: relative;
}

.cmc-loading-overlay[b-qd7a02axp1] {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
    z-index: 20;
    color: var(--cmc-text-secondary);
    font-weight: 600;
    font-size: 0.9rem;
}

.cmc-loading-spinner[b-qd7a02axp1] {
    width: 42px;
    height: 42px;
    border: 4px solid var(--cmc-border);
    border-top-color: var(--cmc-primary);
    border-radius: 50%;
    animation: cmcSpin-b-qd7a02axp1 0.8s linear infinite;
}

@keyframes cmcSpin-b-qd7a02axp1 {
    to { transform: rotate(360deg); }
}

.cmc-body[b-qd7a02axp1] {
    flex: 1;
    overflow-y: auto;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cmc-info[b-qd7a02axp1] {
    display: flex;
    gap: 10px;
    padding: 10px 14px;
    background: var(--cmc-info-light);
    border-left: 3px solid var(--cmc-info);
    border-radius: var(--cmc-radius-xs);
    font-size: 0.82rem;
    color: var(--cmc-text);
}

.cmc-info code[b-qd7a02axp1] {
    background: rgba(0,0,0,0.06);
    padding: 1px 5px;
    border-radius: 4px;
    font-family: 'Consolas', monospace;
    font-size: 0.78rem;
}

.cmc-info .rzi[b-qd7a02axp1] {
    color: var(--cmc-info);
    font-size: 1.2rem;
    flex-shrink: 0;
}

/* ===== SELECTOR DE ARCHIVO ===== */
.cmc-file-picker[b-qd7a02axp1] {
    display: flex;
}

.cmc-file-label[b-qd7a02axp1] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border: 2px dashed var(--cmc-border);
    border-radius: var(--cmc-radius-sm);
    background: var(--cmc-card);
    cursor: pointer;
    transition: var(--cmc-transition);
    color: var(--cmc-text-secondary);
    font-size: 0.85rem;
    font-weight: 600;
}

.cmc-file-label:hover[b-qd7a02axp1] {
    border-color: var(--cmc-primary);
    background: rgba(99, 102, 241, 0.05);
    color: var(--cmc-primary);
}

.cmc-file-label .rzi[b-qd7a02axp1] {
    font-size: 1.3rem;
}

.cmc-input-hidden[b-qd7a02axp1] {
    display: none;
}

/* ===== STATS ===== */
.cmc-stats[b-qd7a02axp1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.cmc-stat[b-qd7a02axp1] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: var(--cmc-radius-sm);
    background: var(--cmc-card);
    border: 1px solid var(--cmc-border);
}

.cmc-stat .rzi[b-qd7a02axp1] {
    font-size: 1.6rem;
}

.cmc-stat-value[b-qd7a02axp1] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--cmc-text);
}

.cmc-stat-label[b-qd7a02axp1] {
    font-size: 0.7rem;
    color: var(--cmc-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cmc-stat-ok[b-qd7a02axp1] { border-left: 3px solid var(--cmc-success); }
.cmc-stat-ok .rzi[b-qd7a02axp1] { color: var(--cmc-success); }
.cmc-stat-err[b-qd7a02axp1] { border-left: 3px solid var(--cmc-danger); }
.cmc-stat-err .rzi[b-qd7a02axp1] { color: var(--cmc-danger); }
.cmc-stat-total[b-qd7a02axp1] { border-left: 3px solid var(--cmc-primary); }
.cmc-stat-total .rzi[b-qd7a02axp1] { color: var(--cmc-primary); }

/* ===== PREVIEW TABLE ===== */
.cmc-preview[b-qd7a02axp1] {
    max-height: 280px;
    overflow: auto;
    background: var(--cmc-card);
    border: 1px solid var(--cmc-border);
    border-radius: var(--cmc-radius-sm);
}

.cmc-preview-table[b-qd7a02axp1] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
}

.cmc-preview-table thead th[b-qd7a02axp1] {
    position: sticky;
    top: 0;
    background: var(--cmc-bg);
    color: var(--cmc-text-secondary);
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 8px 10px;
    text-align: left;
    border-bottom: 1px solid var(--cmc-border);
}

.cmc-preview-table tbody td[b-qd7a02axp1] {
    padding: 6px 10px;
    border-bottom: 1px dashed #F1F5F9;
    color: var(--cmc-text);
}

.cmc-row-err[b-qd7a02axp1] {
    background: var(--cmc-danger-light);
}

.cmc-icon-ok[b-qd7a02axp1] {
    color: var(--cmc-success);
    font-size: 1rem;
}

.cmc-icon-err[b-qd7a02axp1] {
    color: var(--cmc-danger);
    font-size: 1rem;
}

.cmc-errores-cell[b-qd7a02axp1] {
    color: var(--cmc-danger);
    font-size: 0.75rem;
    max-width: 220px;
}

/* ===== RESUMEN ===== */
.cmc-resumen[b-qd7a02axp1] {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 10px 14px;
    background: var(--cmc-card);
    border: 1px solid var(--cmc-border);
    border-radius: var(--cmc-radius-sm);
    font-size: 0.85rem;
}

.cmc-txt-ok[b-qd7a02axp1] { color: var(--cmc-success); font-weight: 700; }
.cmc-txt-err[b-qd7a02axp1] { color: var(--cmc-danger); font-weight: 700; }

/* ===== FOOTER ===== */
.cmc-footer[b-qd7a02axp1] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 16px;
    border-top: 1px solid var(--cmc-border);
    background: var(--cmc-card);
    flex-shrink: 0;
}

.cmc-btn[b-qd7a02axp1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: none;
    border-radius: var(--cmc-radius-xs);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    color: white;
    transition: var(--cmc-transition);
}

.cmc-btn:hover:not(:disabled)[b-qd7a02axp1] {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.cmc-btn:disabled[b-qd7a02axp1] {
    opacity: 0.55;
    cursor: not-allowed;
}

.cmc-btn-secondary[b-qd7a02axp1] {
    background: var(--cmc-text-secondary);
}

.cmc-btn-primary[b-qd7a02axp1] {
    background: var(--cmc-success);
}

.cmc-btn .rzi[b-qd7a02axp1] {
    font-size: 1rem;
}
/* /Pages/Clientes/Componentes/ClienteDetalle.razor.rz.scp.css */
/* ===== CLIENTE DETALLE - ESTILOS DEL DIÁLOGO ===== */

/* Contenedor principal del detalle */
.detalle-container[b-3eciwvqmve] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    animation: detalleIn-b-3eciwvqmve 0.3s ease;
}

/* ===== TARJETA DE INFORMACIÓN BÁSICA ===== */
.detalle-info-card[b-3eciwvqmve] {
    background: linear-gradient(135deg, #EEF2FF 0%, #FFFFFF 100%);
    border-radius: 10px;
    padding: 16px 20px;
    border: 1px solid #E2E8F0;
}

.detalle-info-grid[b-3eciwvqmve] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.detalle-field[b-3eciwvqmve] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detalle-field-label[b-3eciwvqmve] {
    font-size: 0.68rem;
    font-weight: 600;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.detalle-field-value[b-3eciwvqmve] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #1E293B;
    word-break: break-word;
}

/* ===== TARJETA CON TABS ===== */
.detalle-tabs-card[b-3eciwvqmve] {
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #E2E8F0;
    overflow: hidden;
}

/* Navegación de tabs */
.detalle-tabs-nav[b-3eciwvqmve] {
    display: flex;
    gap: 4px;
    padding: 10px 16px;
    border-bottom: 1px solid #E2E8F0;
    background: #F8FAFC;
}

.detalle-tab-btn[b-3eciwvqmve] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border: none;
    background: transparent;
    color: #64748B;
    font-size: 0.78rem;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.detalle-tab-btn:hover[b-3eciwvqmve] {
    background: #EEF2FF;
    color: #6366F1;
}

.detalle-tab-btn.active[b-3eciwvqmve] {
    background: #6366F1;
    color: white;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.35);
}

.detalle-tab-btn .rzi[b-3eciwvqmve],
.detalle-close-btn .rzi[b-3eciwvqmve] {
    font-size: 1rem;
}

/* Contenido de los tabs */
.detalle-tab-content[b-3eciwvqmve] {
    padding: 16px 20px;
    min-height: 130px;
    animation: detalleTabFade-b-3eciwvqmve 0.25s ease;
}

.detalle-tab-grid[b-3eciwvqmve] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

/* ===== BOTÓN DE CERRAR ===== */
.detalle-footer[b-3eciwvqmve] {
    display: flex;
    justify-content: flex-end;
    padding-top: 4px;
}

.detalle-close-btn[b-3eciwvqmve] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 20px;
    border: 1px solid #E2E8F0;
    background: #F8FAFC;
    color: #64748B;
    font-size: 0.82rem;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.detalle-close-btn:hover[b-3eciwvqmve] {
    background: #EEF2FF;
    color: #6366F1;
    border-color: #6366F1;
}

.detalle-close-btn .rzi[b-3eciwvqmve] {
    font-size: 1.1rem;
}

/* ===== ANIMACIONES ===== */
@keyframes detalleIn-b-3eciwvqmve {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes detalleTabFade-b-3eciwvqmve {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 640px) {
    .detalle-info-grid[b-3eciwvqmve],
    .detalle-tab-grid[b-3eciwvqmve] {
        grid-template-columns: 1fr;
    }

    .detalle-tabs-nav[b-3eciwvqmve] {
        overflow-x: auto;
    }
}
/* /Pages/Clientes/Componentes/ClienteFormulario.razor.rz.scp.css */
/* ===== CLIENTE FORMULARIO - ESTILOS DEL DIÁLOGO (CREAR / EDITAR) ===== */

/* Contenedor principal del formulario */
.form-container[b-px0mgt2bps] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    animation: formIn-b-px0mgt2bps 0.3s ease;
}

/* ===== TARJETA DE CAMPOS PRINCIPALES ===== */
.form-main-card[b-px0mgt2bps] {
    background: linear-gradient(135deg, #EEF2FF 0%, #FFFFFF 100%);
    border-radius: 10px;
    padding: 16px 20px;
    border: 1px solid #E2E8F0;
}

.form-fields-grid[b-px0mgt2bps] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 16px;
}

.form-field[b-px0mgt2bps] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-field.full-width[b-px0mgt2bps] {
    grid-column: 1 / -1;
}

.form-field-label[b-px0mgt2bps] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #64748B;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Inputs personalizados dentro del formulario - bordes visibles sutiles */
.form-field[b-px0mgt2bps]  .rz-textbox,
.form-field[b-px0mgt2bps]  .rz-dropdown,
.form-field[b-px0mgt2bps]  .rz-spinner,
.form-field[b-px0mgt2bps]  .rz-inputtext,
.form-field[b-px0mgt2bps]  .rz-dropdown-trigger,
.form-field[b-px0mgt2bps]  input,
.form-field[b-px0mgt2bps]  .rz-numeric {
    border: 1.5px solid #CBD5E1 !important;
    border-radius: 8px !important;
    font-size: 0.82rem !important;
    height: 34px !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    background: white !important;
}

.form-field[b-px0mgt2bps]  .rz-textbox:focus,
.form-field[b-px0mgt2bps]  .rz-state-focused,
.form-field[b-px0mgt2bps]  input:focus,
.form-field[b-px0mgt2bps]  .rz-numeric:focus-within {
    border-color: #6366F1 !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15) !important;
}

/* Asegurar que dropdowns cerrados muestren borde */
.form-field[b-px0mgt2bps]  .rz-dropdown .rz-dropdown-label {
    border: none !important;
}

/* ===== TARJETA CON TABS ===== */
.form-tabs-card[b-px0mgt2bps] {
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #E2E8F0;
    overflow: hidden;
}

/* Navegación de tabs */
.form-tabs-nav[b-px0mgt2bps] {
    display: flex;
    gap: 4px;
    padding: 10px 16px;
    border-bottom: 1px solid #E2E8F0;
    background: #F8FAFC;
}

.form-tab-btn[b-px0mgt2bps] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border: none;
    background: transparent;
    color: #64748B;
    font-size: 0.78rem;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.form-tab-btn:hover[b-px0mgt2bps] {
    background: #EEF2FF;
    color: #6366F1;
}

.form-tab-btn.active[b-px0mgt2bps] {
    background: #6366F1;
    color: white;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.35);
}

.form-tab-btn .rzi[b-px0mgt2bps],
.form-btn .rzi[b-px0mgt2bps] {
    font-size: 1rem;
}

/* Contenido de los tabs */
.form-tab-content[b-px0mgt2bps] {
    padding: 16px 20px;
    min-height: 140px;
    animation: formTabFade-b-px0mgt2bps 0.25s ease;
}

.form-tab-grid[b-px0mgt2bps] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 16px;
}

/* ===== FOOTER CON BOTONES ===== */
.form-footer[b-px0mgt2bps] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 4px;
}

.form-btn[b-px0mgt2bps] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 20px;
    border: none;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.form-btn .rzi[b-px0mgt2bps] {
    font-size: 1.1rem;
}

.form-btn-save[b-px0mgt2bps] {
    background: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(99, 102, 241, 0.3);
}

.form-btn-save:hover[b-px0mgt2bps] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.45);
}

.form-btn-cancel[b-px0mgt2bps] {
    background: #F8FAFC;
    color: #64748B;
    border: 1px solid #E2E8F0;
}

.form-btn-cancel:hover[b-px0mgt2bps] {
    background: #EEF2FF;
    color: #6366F1;
    border-color: #6366F1;
}

/* ===== ANIMACIONES ===== */
@keyframes formIn-b-px0mgt2bps {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes formTabFade-b-px0mgt2bps {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 640px) {
    .form-fields-grid[b-px0mgt2bps],
    .form-tab-grid[b-px0mgt2bps] {
        grid-template-columns: 1fr;
    }

    .form-tabs-nav[b-px0mgt2bps] {
        overflow-x: auto;
    }

    .form-field.full-width[b-px0mgt2bps] {
        grid-column: auto;
    }
}
/* /Pages/ConsultaDocumentos/DocumentosEmitidos/Componentes/EnviarEmail.razor.rz.scp.css */
/* ===== ENVIAR EMAIL - ESTILOS ===== */

.email-container[b-jibvhpuyo4] {
    --cd-primary: #6366F1;
    --cd-primary-light: #EEF2FF;
    --cd-accent: #F59E0B;
    --cd-success: #10B981;
    --cd-danger: #EF4444;
    --cd-danger-light: #FEE2E2;
    --cd-orange: #F97316;
    --cd-orange-dark: #EA580C;
    --cd-bg: #F1F5F9;
    --cd-card: #FFFFFF;
    --cd-text: #1E293B;
    --cd-text-secondary: #64748B;
    --cd-text-muted: #94A3B8;
    --cd-border: #E2E8F0;
    --cd-shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --cd-radius: 12px;
    --cd-radius-sm: 8px;
    --cd-radius-xs: 6px;
    --cd-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 0;
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* Sección de info del documento */
.email-doc-info[b-jibvhpuyo4] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    padding: 12px 16px;
    background: var(--cd-bg);
    border-radius: var(--cd-radius-sm);
    margin: 0 0 12px 0;
}

.email-doc-field[b-jibvhpuyo4] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.email-doc-label[b-jibvhpuyo4] {
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--cd-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.email-doc-value[b-jibvhpuyo4] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--cd-text);
    background: var(--cd-card);
    padding: 6px 10px;
    border-radius: var(--cd-radius-xs);
    border: 1px solid var(--cd-border);
}

/* Campo de correo */
.email-field[b-jibvhpuyo4] {
    margin-bottom: 12px;
}

.email-label[b-jibvhpuyo4] {
    display: block;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--cd-text-secondary);
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

[b-jibvhpuyo4] .email-field .rz-textbox {
    width: 100% !important;
    border-radius: var(--cd-radius-xs) !important;
    border: 1.5px solid var(--cd-border) !important;
    transition: var(--cd-transition);
    padding: 8px 12px !important;
}

[b-jibvhpuyo4] .email-field .rz-textbox:focus {
    border-color: var(--cd-primary) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12) !important;
}

/* Checkboxes con estilo */
.email-attachments[b-jibvhpuyo4] {
    display: flex;
    gap: 16px;
    margin-bottom: 12px;
    padding: 10px 14px;
    background: var(--cd-bg);
    border-radius: var(--cd-radius-sm);
}

.email-checkbox-item[b-jibvhpuyo4] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: var(--cd-transition);
    padding: 4px 8px;
    border-radius: var(--cd-radius-xs);
}

.email-checkbox-item:hover[b-jibvhpuyo4] {
    background: var(--cd-primary-light);
}

[b-jibvhpuyo4] .email-checkbox-item .rz-chkbox {
    transition: var(--cd-transition);
}

.email-checkbox-label[b-jibvhpuyo4] {
    font-size: 0.82rem;
    font-weight: 500;
    color: var(--cd-text);
    user-select: none;
}

/* Área de mensaje */
.email-message[b-jibvhpuyo4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
    min-height: 0;
}

[b-jibvhpuyo4] .email-message .rz-textarea {
    flex: 1;
    width: 100% !important;
    border-radius: var(--cd-radius-sm) !important;
    border: 1.5px solid var(--cd-border) !important;
    transition: var(--cd-transition);
    padding: 10px 12px !important;
    font-size: 0.82rem !important;
    resize: none;
    min-height: 180px;
}

[b-jibvhpuyo4] .email-message .rz-textarea:focus {
    border-color: var(--cd-primary) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12) !important;
}

/* Footer con botones */
.email-footer[b-jibvhpuyo4] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 12px;
    border-top: 1px solid var(--cd-border);
    flex-shrink: 0;
}

.email-btn[b-jibvhpuyo4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 20px;
    border: none;
    border-radius: var(--cd-radius-xs);
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--cd-transition);
    color: white;
}

.email-btn:hover[b-jibvhpuyo4] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.email-btn:active[b-jibvhpuyo4] {
    transform: translateY(0);
}

.email-btn-send[b-jibvhpuyo4] {
    background: linear-gradient(135deg, var(--cd-orange) 0%, var(--cd-orange-dark) 100%);
}

.email-btn-send:hover[b-jibvhpuyo4] {
    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.4);
}

.email-btn-cancel[b-jibvhpuyo4] {
    background: linear-gradient(135deg, var(--cd-danger) 0%, #DC2626 100%);
}

.email-btn-cancel:hover[b-jibvhpuyo4] {
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);
}

/* Responsive */
@media (max-width: 640px) {
    .email-doc-info[b-jibvhpuyo4] {
        grid-template-columns: repeat(2, 1fr);
    }

    .email-attachments[b-jibvhpuyo4] {
        flex-direction: column;
        gap: 8px;
    }

    .email-footer[b-jibvhpuyo4] {
        flex-direction: column;
    }

    .email-btn[b-jibvhpuyo4] {
        justify-content: center;
    }
}
/* /Pages/ConsultaDocumentos/DocumentosEmitidos/Componentes/ListaAccionesSii.razor.rz.scp.css */
/* ===== LISTA ACCIONES SII - ESTILOS ===== */

.acciones-container[b-zff5l55k1t] {
    --cd-primary: #6366F1;
    --cd-primary-light: #EEF2FF;
    --cd-bg: #F1F5F9;
    --cd-card: #FFFFFF;
    --cd-text: #1E293B;
    --cd-text-secondary: #64748B;
    --cd-text-muted: #94A3B8;
    --cd-border: #E2E8F0;
    --cd-radius-sm: 8px;
    --cd-radius-xs: 6px;
    --cd-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 4px 0;
    animation: accionFadeIn-b-zff5l55k1t 0.3s ease;
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

.accion-row[b-zff5l55k1t] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 14px;
    background: var(--cd-bg);
    border-radius: var(--cd-radius-sm);
    border-left: 3px solid var(--cd-primary);
    transition: var(--cd-transition);
}

.accion-row:hover[b-zff5l55k1t] {
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.12);
    transform: translateX(2px);
}

.accion-icon[b-zff5l55k1t] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cd-primary-light);
    color: var(--cd-primary);
    border-radius: var(--cd-radius-xs);
    flex-shrink: 0;
    font-size: 1.1rem;
}

.accion-content[b-zff5l55k1t] {
    flex: 1;
    min-width: 0;
}

.accion-label[b-zff5l55k1t] {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--cd-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 2px;
}

.accion-value[b-zff5l55k1t] {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--cd-text);
    word-break: break-word;
}

.accion-value.code[b-zff5l55k1t] {
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
    background: var(--cd-card);
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid var(--cd-border);
    display: inline-block;
}

/* Estado de carga */
.accion-loading[b-zff5l55k1t] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px;
    color: var(--cd-text-muted);
    font-size: 0.82rem;
}

.accion-loading-dot[b-zff5l55k1t] {
    width: 8px;
    height: 8px;
    background: var(--cd-primary);
    border-radius: 50%;
    animation: accionBounce-b-zff5l55k1t 0.6s infinite alternate;
}

.accion-loading-dot:nth-child(2)[b-zff5l55k1t] {
    animation-delay: 0.2s;
}

.accion-loading-dot:nth-child(3)[b-zff5l55k1t] {
    animation-delay: 0.4s;
}

@keyframes accionFadeIn-b-zff5l55k1t {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes accionBounce-b-zff5l55k1t {
    from { transform: translateY(0); }
    to { transform: translateY(-6px); }
}
/* /Pages/ConsultaDocumentos/DocumentosEmitidos/Componentes/Referencias.razor.rz.scp.css */
/* ===== REFERENCIAS - ESTILOS ===== */

.referencias-container[b-isb4wg8gfi] {
    --cd-primary: #6366F1;
    --cd-primary-light: #EEF2FF;
    --cd-bg: #F1F5F9;
    --cd-card: #FFFFFF;
    --cd-text: #1E293B;
    --cd-text-secondary: #64748B;
    --cd-text-muted: #94A3B8;
    --cd-border: #E2E8F0;
    --cd-radius-sm: 8px;
    --cd-radius-xs: 6px;
    --cd-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 10px;
    animation: refFadeIn-b-isb4wg8gfi 0.3s ease;
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

.referencias-header-bar[b-isb4wg8gfi] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--cd-border);
}

.referencias-header-bar .rzi[b-isb4wg8gfi] {
    color: var(--cd-primary);
    font-size: 1.2rem;
}

.referencias-header-bar h4[b-isb4wg8gfi] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--cd-text);
    margin: 0;
}

.referencias-grid-wrapper[b-isb4wg8gfi] {
    flex: 1;
    overflow: hidden;
    border-radius: var(--cd-radius-sm);
}

[b-isb4wg8gfi] .referencias-grid-wrapper .rz-datatable {
    border: none !important;
    border-radius: var(--cd-radius-sm) !important;
    overflow: hidden;
    font-size: 0.8rem;
}

[b-isb4wg8gfi] .referencias-grid-wrapper .rz-datatable-thead > tr > th {
    background: var(--cd-bg) !important;
    color: var(--cd-text-secondary) !important;
    font-weight: 700 !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    padding: 8px 10px !important;
    border-bottom: 2px solid var(--cd-border) !important;
}

[b-isb4wg8gfi] .referencias-grid-wrapper .rz-datatable-tbody > tr {
    transition: background-color 0.15s ease;
}

[b-isb4wg8gfi] .referencias-grid-wrapper .rz-datatable-tbody > tr:hover {
    background-color: var(--cd-primary-light) !important;
}

[b-isb4wg8gfi] .referencias-grid-wrapper .rz-datatable-tbody > tr > td {
    padding: 6px 10px !important;
    border-bottom: 1px solid #F1F5F9 !important;
    font-size: 0.78rem;
}

/* Estado vacío */
.referencias-empty[b-isb4wg8gfi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
    color: var(--cd-text-muted);
    gap: 8px;
}

.referencias-empty .rzi[b-isb4wg8gfi] {
    font-size: 2rem;
    opacity: 0.5;
}

.referencias-empty p[b-isb4wg8gfi] {
    font-size: 0.85rem;
    margin: 0;
}

@keyframes refFadeIn-b-isb4wg8gfi {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}
/* /Pages/ConsultaDocumentos/DocumentosEmitidos/Componentes/RespuestaReceptor.razor.rz.scp.css */
/* ===== RESPUESTA RECEPTOR - ESTILOS ===== */

.respuesta-container[b-632xl6kzw6] {
    --cd-primary: #6366F1;
    --cd-primary-light: #EEF2FF;
    --cd-accent: #F59E0B;
    --cd-bg: #F1F5F9;
    --cd-card: #FFFFFF;
    --cd-text: #1E293B;
    --cd-text-secondary: #64748B;
    --cd-text-muted: #94A3B8;
    --cd-border: #E2E8F0;
    --cd-radius-sm: 8px;
    --cd-radius-xs: 6px;
    --cd-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 4px 0;
    animation: respFadeIn-b-632xl6kzw6 0.3s ease;
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

.respuesta-row[b-632xl6kzw6] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 14px;
    background: var(--cd-bg);
    border-radius: var(--cd-radius-sm);
    border-left: 3px solid var(--cd-accent);
    transition: var(--cd-transition);
}

.respuesta-row:hover[b-632xl6kzw6] {
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.12);
    transform: translateX(2px);
}

.respuesta-icon[b-632xl6kzw6] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFBEB;
    color: var(--cd-accent);
    border-radius: var(--cd-radius-xs);
    flex-shrink: 0;
    font-size: 1.1rem;
}

.respuesta-content[b-632xl6kzw6] {
    flex: 1;
    min-width: 0;
}

.respuesta-label[b-632xl6kzw6] {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--cd-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 2px;
}

.respuesta-value[b-632xl6kzw6] {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--cd-text);
    word-break: break-word;
}

.respuesta-value.code[b-632xl6kzw6] {
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
    background: var(--cd-card);
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid var(--cd-border);
    display: inline-block;
}

/* Estado de carga */
.respuesta-loading[b-632xl6kzw6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px;
    color: var(--cd-text-muted);
    font-size: 0.82rem;
}

.respuesta-loading-dot[b-632xl6kzw6] {
    width: 8px;
    height: 8px;
    background: var(--cd-accent);
    border-radius: 50%;
    animation: respBounce-b-632xl6kzw6 0.6s infinite alternate;
}

.respuesta-loading-dot:nth-child(2)[b-632xl6kzw6] {
    animation-delay: 0.2s;
}

.respuesta-loading-dot:nth-child(3)[b-632xl6kzw6] {
    animation-delay: 0.4s;
}

/* Estado vacío */
.respuesta-empty[b-632xl6kzw6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    color: var(--cd-text-muted);
    gap: 6px;
}

.respuesta-empty .rzi[b-632xl6kzw6] {
    font-size: 1.8rem;
    opacity: 0.5;
}

.respuesta-empty p[b-632xl6kzw6] {
    font-size: 0.82rem;
    margin: 0;
}

@keyframes respFadeIn-b-632xl6kzw6 {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes respBounce-b-632xl6kzw6 {
    from { transform: translateY(0); }
    to { transform: translateY(-6px); }
}
/* /Pages/ConsultaDocumentos/DocumentosEmitidos/ConsultaDocumentos.razor.rz.scp.css */
/* ===== CONSULTA DOCUMENTOS - DESIGN SYSTEM ===== */

/* Variables CSS del módulo */
.consulta-container[b-h7lxhippje] {
    --cd-primary: #6366F1;
    --cd-primary-dark: #4F46E5;
    --cd-primary-light: #EEF2FF;
    --cd-accent: #F59E0B;
    --cd-accent-dark: #D97706;
    --cd-accent-light: #FFFBEB;
    --cd-success: #10B981;
    --cd-success-light: #D1FAE5;
    --cd-danger: #EF4444;
    --cd-danger-light: #FEE2E2;
    --cd-info: #0EA5E9;
    --cd-info-light: #E0F2FE;
    --cd-orange: #F97316;
    --cd-orange-dark: #EA580C;
    --cd-bg: #F1F5F9;
    --cd-card: #FFFFFF;
    --cd-text: #1E293B;
    --cd-text-secondary: #64748B;
    --cd-text-muted: #94A3B8;
    --cd-border: #E2E8F0;
    --cd-shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --cd-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
    --cd-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
    --cd-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
    --cd-radius: 12px;
    --cd-radius-sm: 8px;
    --cd-radius-xs: 6px;
    --cd-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    background: var(--cd-bg);
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    gap: 10px;
    padding: 10px 16px;
    box-sizing: border-box;
}

/* ===== BARRA DE CONTROL ===== */
.consulta-control-bar[b-h7lxhippje] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--cd-card);
    border-radius: var(--cd-radius);
    box-shadow: var(--cd-shadow);
    padding: 8px 16px;
    flex-shrink: 0;
    gap: 12px;
    min-height: 48px;
}

/* Sección izquierda: cantidad de registros */
.control-left[b-h7lxhippje] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.control-left label[b-h7lxhippje] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--cd-text-secondary);
    white-space: nowrap;
}

[b-h7lxhippje] .control-left .rz-spinner {
    width: 75px !important;
    border-radius: var(--cd-radius-xs) !important;
}

[b-h7lxhippje] .control-left .rz-spinner input {
    height: 32px !important;
    font-size: 0.8rem !important;
}

/* Sección central: indicador de carga */
.control-center[b-h7lxhippje] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-indicator[b-h7lxhippje] {
    display: flex;
    align-items: center;
    gap: 10px;
    animation: cdFadeIn-b-h7lxhippje 0.3s ease;
}

.loading-spinner[b-h7lxhippje] {
    width: 20px;
    height: 20px;
    border: 2.5px solid var(--cd-border);
    border-top-color: var(--cd-primary);
    border-radius: 50%;
    animation: cdSpin-b-h7lxhippje 0.8s linear infinite;
}

.loading-text[b-h7lxhippje] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--cd-primary);
    animation: cdPulse-b-h7lxhippje 1.5s ease-in-out infinite;
}

/* Sección derecha: botones de acción */
.control-right[b-h7lxhippje] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

/* ===== BOTONES DE ACCIÓN ===== */
.cd-btn[b-h7lxhippje] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border: none;
    border-radius: var(--cd-radius-xs);
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--cd-transition);
    white-space: nowrap;
    color: white;
}

.cd-btn:hover[b-h7lxhippje] {
    transform: translateY(-1px);
    box-shadow: var(--cd-shadow-md);
}

.cd-btn:active[b-h7lxhippje] {
    transform: translateY(0);
}

.cd-btn .rzi[b-h7lxhippje] {
    font-size: 1rem;
}

.btn-buscar[b-h7lxhippje] {
    background: var(--cd-orange);
}

.btn-exportar[b-h7lxhippje] {
    background: var(--cd-success);
}

.btn-acciones-sii[b-h7lxhippje] {
    background: var(--cd-primary);
}

.btn-filtros[b-h7lxhippje] {
    background: var(--cd-info);
}

.btn-filtros.active[b-h7lxhippje] {
    background: #0284C7;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);
    transform: none;
}

/* ===== PANEL DE FILTROS ===== */
.filtros-wrapper[b-h7lxhippje] {
    position: relative;
    flex-shrink: 0;
}

.filtros-panel[b-h7lxhippje] {
    background: var(--cd-card);
    border-radius: var(--cd-radius);
    box-shadow: var(--cd-shadow-md);
    overflow: hidden;
    animation: cdSlideDown-b-h7lxhippje 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.filtros-header[b-h7lxhippje] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    border-bottom: 1px solid var(--cd-border);
    background: linear-gradient(135deg, var(--cd-info-light) 0%, var(--cd-card) 100%);
}

.filtros-header h3[b-h7lxhippje] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--cd-text);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.filtros-header h3 .rzi[b-h7lxhippje] {
    color: var(--cd-info);
    font-size: 1.1rem;
}

.filtros-close-btn[b-h7lxhippje] {
    background: none;
    border: none;
    color: var(--cd-text-muted);
    cursor: pointer;
    padding: 4px;
    border-radius: var(--cd-radius-xs);
    transition: var(--cd-transition);
    display: flex;
    align-items: center;
}

.filtros-close-btn:hover[b-h7lxhippje] {
    background: var(--cd-danger-light);
    color: var(--cd-danger);
}

.filtros-body[b-h7lxhippje] {
    padding: 12px 16px;
}

.filtros-grid[b-h7lxhippje] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.filtro-field[b-h7lxhippje] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.filtro-label[b-h7lxhippje] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--cd-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* Inputs personalizados dentro de filtros - bordes visibles sutiles */
.filtro-field[b-h7lxhippje]  .rz-textbox,
.filtro-field[b-h7lxhippje]  .rz-spinner,
.filtro-field[b-h7lxhippje]  .rz-inputtext,
.filtro-field[b-h7lxhippje]  .rz-calendar,
.filtro-field[b-h7lxhippje]  .rz-numeric,
.filtro-field[b-h7lxhippje]  input {
    border: 1.5px solid #CBD5E1 !important;
    border-radius: var(--cd-radius-xs) !important;
    font-size: 0.8rem !important;
    height: 32px !important;
    transition: var(--cd-transition);
    background: white !important;
}

.filtro-field[b-h7lxhippje]  .rz-dropdown {
    border: 1.5px solid #CBD5E1 !important;
    border-radius: var(--cd-radius-xs) !important;
    font-size: 0.8rem !important;
    height: 32px !important;
    transition: var(--cd-transition);
    background: white !important;
    box-sizing: border-box !important;
}

.filtro-field[b-h7lxhippje]  .rz-dropdown-trigger {
    border: none !important;
    background: transparent !important;
}

.filtro-field[b-h7lxhippje]  .rz-textbox:focus,
.filtro-field[b-h7lxhippje]  .rz-state-focused,
.filtro-field[b-h7lxhippje]  input:focus,
.filtro-field[b-h7lxhippje]  .rz-calendar:focus-within,
.filtro-field[b-h7lxhippje]  .rz-numeric:focus-within {
    border-color: var(--cd-primary) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15) !important;
}

/* Texto del dropdown visible sin recorte */
.filtro-field[b-h7lxhippje]  .rz-dropdown .rz-dropdown-label {
    border: none !important;
    height: 100% !important;
    line-height: 1 !important;
    padding: 0 8px !important;
    font-size: 0.8rem !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ===== GRILLA DE DATOS ===== */
.consulta-grid-wrapper[b-h7lxhippje] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--cd-card);
    border-radius: var(--cd-radius);
    box-shadow: var(--cd-shadow);
    overflow: hidden;
    min-height: 0;
}

[b-h7lxhippje] .consulta-grid-wrapper .rz-datatable {
    border: none !important;
    border-radius: 0 !important;
    font-size: 0.8rem;
}

[b-h7lxhippje] .consulta-grid-wrapper .rz-datatable-thead > tr > th {
    background: var(--cd-bg) !important;
    color: var(--cd-text-secondary) !important;
    font-weight: 700 !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    padding: 8px 10px !important;
    border-bottom: 2px solid var(--cd-border) !important;
}

[b-h7lxhippje] .consulta-grid-wrapper .rz-datatable-tbody > tr {
    transition: background-color 0.15s ease;
}

[b-h7lxhippje] .consulta-grid-wrapper .rz-datatable-tbody > tr:hover {
    background-color: var(--cd-primary-light) !important;
}

[b-h7lxhippje] .consulta-grid-wrapper .rz-datatable-tbody > tr > td {
    padding: 5px 10px !important;
    border-bottom: 1px solid #F1F5F9 !important;
    font-size: 0.78rem;
}

/* Botones de acción en la grilla */
.grid-actions[b-h7lxhippje] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.grid-action-btn[b-h7lxhippje] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--cd-radius-xs);
    cursor: pointer;
    transition: var(--cd-transition);
    padding: 0;
    color: white;
    font-size: 0.85rem;
}

.grid-action-btn:hover[b-h7lxhippje] {
    transform: scale(1.12);
    box-shadow: var(--cd-shadow-md);
}

.grid-action-btn:active[b-h7lxhippje] {
    transform: scale(0.95);
}

.grid-btn-email[b-h7lxhippje] {
    background: var(--cd-orange);
}

.grid-btn-email:hover[b-h7lxhippje] {
    background: var(--cd-orange-dark);
}

.grid-btn-download[b-h7lxhippje] {
    background: var(--cd-success);
}

.grid-btn-download:hover[b-h7lxhippje] {
    background: #059669;
}

.grid-btn-preview[b-h7lxhippje] {
    background: var(--cd-info);
}

.grid-btn-preview:hover[b-h7lxhippje] {
    background: #0284C7;
}

[b-h7lxhippje] .grid-actions .rz-splitbutton {
    border-radius: var(--cd-radius-xs) !important;
}

[b-h7lxhippje] .grid-actions .rz-splitbutton .rz-button {
    padding: 4px 6px !important;
    font-size: 0.75rem !important;
    border-radius: var(--cd-radius-xs) !important;
    background: var(--cd-text-secondary) !important;
    transition: var(--cd-transition);
}

[b-h7lxhippje] .grid-actions .rz-splitbutton .rz-button:hover {
    background: var(--cd-text) !important;
}

/* ===== MODAL VISTA PREVIA PDF ===== */
.pdf-modal-overlay[b-h7lxhippje] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
    animation: cdOverlayIn-b-h7lxhippje 0.25s ease;
    padding: 1.5rem;
}

.pdf-modal-card[b-h7lxhippje] {
    background: var(--cd-card);
    border-radius: var(--cd-radius);
    box-shadow: var(--cd-shadow-lg);
    width: 100%;
    max-width: 900px;
    height: 90vh;
    display: flex;
    flex-direction: column;
    animation: cdModalIn-b-h7lxhippje 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    overflow: hidden;
}

.pdf-modal-header[b-h7lxhippje] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    border-bottom: 1px solid var(--cd-border);
    background: linear-gradient(135deg, var(--cd-primary-light) 0%, var(--cd-card) 100%);
    flex-shrink: 0;
}

.pdf-modal-header h3[b-h7lxhippje] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--cd-text);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.pdf-modal-header h3 .rzi[b-h7lxhippje] {
    color: var(--cd-primary);
}

.pdf-modal-close[b-h7lxhippje] {
    background: none;
    border: none;
    color: var(--cd-text-muted);
    cursor: pointer;
    padding: 6px;
    border-radius: var(--cd-radius-xs);
    transition: var(--cd-transition);
    display: flex;
    align-items: center;
    font-size: 1.2rem;
}

.pdf-modal-close:hover[b-h7lxhippje] {
    background: var(--cd-danger-light);
    color: var(--cd-danger);
}

.pdf-modal-body[b-h7lxhippje] {
    flex: 1;
    padding: 0;
    overflow: hidden;
}

.pdf-modal-body iframe[b-h7lxhippje] {
    width: 100%;
    height: 100%;
    border: none;
}

/* ===== ANIMACIONES ===== */
@keyframes cdSpin-b-h7lxhippje {
    to { transform: rotate(360deg); }
}

@keyframes cdPulse-b-h7lxhippje {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

@keyframes cdFadeIn-b-h7lxhippje {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes cdSlideDown-b-h7lxhippje {
    from { opacity: 0; transform: translateY(-8px); max-height: 0; }
    to { opacity: 1; transform: translateY(0); max-height: 500px; }
}

@keyframes cdOverlayIn-b-h7lxhippje {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes cdModalIn-b-h7lxhippje {
    from { opacity: 0; transform: scale(0.92) translateY(10px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}

/* ===== RESPONSIVE: TABLET ===== */
@media (max-width: 1024px) {
    .consulta-container[b-h7lxhippje] {
        padding: 8px 10px;
        gap: 8px;
    }

    .consulta-control-bar[b-h7lxhippje] {
        flex-wrap: wrap;
        padding: 8px 12px;
    }

    .control-center[b-h7lxhippje] {
        order: 3;
        width: 100%;
    }

    .filtros-grid[b-h7lxhippje] {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
}

/* ===== RESPONSIVE: MOBILE ===== */
@media (max-width: 640px) {
    .consulta-container[b-h7lxhippje] {
        padding: 6px 8px;
        gap: 6px;
    }

    .consulta-control-bar[b-h7lxhippje] {
        flex-direction: column;
        gap: 8px;
    }

    .control-left[b-h7lxhippje],
    .control-right[b-h7lxhippje] {
        width: 100%;
        justify-content: center;
    }

    .control-right[b-h7lxhippje] {
        flex-wrap: wrap;
    }

    .cd-btn[b-h7lxhippje] {
        flex: 1;
        justify-content: center;
        min-width: 0;
    }

    .cd-btn span:not(.material-icons):not(.rzi)[b-h7lxhippje] {
        display: none;
    }

    .filtros-grid[b-h7lxhippje] {
        grid-template-columns: 1fr;
    }

    .pdf-modal-card[b-h7lxhippje] {
        max-width: 100%;
        height: 95vh;
    }
}
/* /Pages/ConsultaDocumentos/DocumentosRecepcionados/DocumentosRecepcionados.razor.rz.scp.css */
/* ===== DOCUMENTOS RECEPCIONADOS - DESIGN SYSTEM ===== */

/* Variables CSS del modulo */
.recep-container[b-tfzaiks6rp] {
    --cd-primary: #6366F1;
    --cd-primary-dark: #4F46E5;
    --cd-primary-light: #EEF2FF;
    --cd-accent: #F59E0B;
    --cd-accent-dark: #D97706;
    --cd-accent-light: #FFFBEB;
    --cd-success: #10B981;
    --cd-success-light: #D1FAE5;
    --cd-danger: #EF4444;
    --cd-danger-light: #FEE2E2;
    --cd-info: #0EA5E9;
    --cd-info-light: #E0F2FE;
    --cd-orange: #F97316;
    --cd-orange-dark: #EA580C;
    --cd-bg: #F1F5F9;
    --cd-card: #FFFFFF;
    --cd-text: #1E293B;
    --cd-text-secondary: #64748B;
    --cd-text-muted: #94A3B8;
    --cd-border: #E2E8F0;
    --cd-shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --cd-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
    --cd-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
    --cd-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
    --cd-radius: 12px;
    --cd-radius-sm: 8px;
    --cd-radius-xs: 6px;
    --cd-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    background: var(--cd-bg);
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    gap: 10px;
    padding: 10px 16px;
    box-sizing: border-box;
}

/* ===== BARRA DE CONTROL ===== */
.recep-control-bar[b-tfzaiks6rp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--cd-card);
    border-radius: var(--cd-radius);
    box-shadow: var(--cd-shadow);
    padding: 8px 16px;
    flex-shrink: 0;
    gap: 12px;
    min-height: 48px;
}

/* Seccion izquierda: cantidad de registros */
.control-left[b-tfzaiks6rp] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.control-left label[b-tfzaiks6rp] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--cd-text-secondary);
    white-space: nowrap;
}

[b-tfzaiks6rp] .control-left .rz-spinner {
    width: 75px !important;
    border-radius: var(--cd-radius-xs) !important;
}

[b-tfzaiks6rp] .control-left .rz-spinner input {
    height: 32px !important;
    font-size: 0.8rem !important;
}

/* Seccion central: indicador de carga */
.control-center[b-tfzaiks6rp] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-indicator[b-tfzaiks6rp] {
    display: flex;
    align-items: center;
    gap: 10px;
    animation: recepFadeIn-b-tfzaiks6rp 0.3s ease;
}

.loading-spinner[b-tfzaiks6rp] {
    width: 20px;
    height: 20px;
    border: 2.5px solid var(--cd-border);
    border-top-color: var(--cd-primary);
    border-radius: 50%;
    animation: recepSpin-b-tfzaiks6rp 0.8s linear infinite;
}

.loading-text[b-tfzaiks6rp] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--cd-primary);
    animation: recepPulse-b-tfzaiks6rp 1.5s ease-in-out infinite;
}

/* Seccion derecha: botones de accion */
.control-right[b-tfzaiks6rp] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

/* ===== BOTONES DE ACCION ===== */
.cd-btn[b-tfzaiks6rp] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border: none;
    border-radius: var(--cd-radius-xs);
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--cd-transition);
    white-space: nowrap;
    color: white;
}

.cd-btn:hover[b-tfzaiks6rp] {
    transform: translateY(-1px);
    box-shadow: var(--cd-shadow-md);
}

.cd-btn:active[b-tfzaiks6rp] {
    transform: translateY(0);
}

.cd-btn .rzi[b-tfzaiks6rp] {
    font-size: 1rem;
}

.btn-buscar[b-tfzaiks6rp] {
    background: var(--cd-orange);
}

.btn-exportar[b-tfzaiks6rp] {
    background: var(--cd-success);
}

.btn-filtros[b-tfzaiks6rp] {
    background: var(--cd-info);
}

.btn-filtros.active[b-tfzaiks6rp] {
    background: #0284C7;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);
    transform: none;
}

/* ===== PANEL DE FILTROS ===== */
.filtros-wrapper[b-tfzaiks6rp] {
    position: relative;
    flex-shrink: 0;
}

.filtros-panel[b-tfzaiks6rp] {
    background: var(--cd-card);
    border-radius: var(--cd-radius);
    box-shadow: var(--cd-shadow-md);
    overflow: hidden;
    animation: recepSlideDown-b-tfzaiks6rp 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.filtros-header[b-tfzaiks6rp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    border-bottom: 1px solid var(--cd-border);
    background: linear-gradient(135deg, var(--cd-info-light) 0%, var(--cd-card) 100%);
}

.filtros-header h3[b-tfzaiks6rp] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--cd-text);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.filtros-header h3 .rzi[b-tfzaiks6rp] {
    color: var(--cd-info);
    font-size: 1.1rem;
}

.filtros-close-btn[b-tfzaiks6rp] {
    background: none;
    border: none;
    color: var(--cd-text-muted);
    cursor: pointer;
    padding: 4px;
    border-radius: var(--cd-radius-xs);
    transition: var(--cd-transition);
    display: flex;
    align-items: center;
}

.filtros-close-btn:hover[b-tfzaiks6rp] {
    background: var(--cd-danger-light);
    color: var(--cd-danger);
}

.filtros-body[b-tfzaiks6rp] {
    padding: 12px 16px;
}

.filtros-grid[b-tfzaiks6rp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.filtro-field[b-tfzaiks6rp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.filtro-label[b-tfzaiks6rp] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--cd-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* Inputs personalizados dentro de filtros */
.filtro-field[b-tfzaiks6rp]  .rz-textbox,
.filtro-field[b-tfzaiks6rp]  .rz-spinner,
.filtro-field[b-tfzaiks6rp]  .rz-inputtext,
.filtro-field[b-tfzaiks6rp]  .rz-calendar,
.filtro-field[b-tfzaiks6rp]  .rz-numeric,
.filtro-field[b-tfzaiks6rp]  input {
    border: 1.5px solid #CBD5E1 !important;
    border-radius: var(--cd-radius-xs) !important;
    font-size: 0.8rem !important;
    height: 32px !important;
    transition: var(--cd-transition);
    background: white !important;
}

.filtro-field[b-tfzaiks6rp]  .rz-dropdown {
    border: 1.5px solid #CBD5E1 !important;
    border-radius: var(--cd-radius-xs) !important;
    font-size: 0.8rem !important;
    height: 32px !important;
    transition: var(--cd-transition);
    background: white !important;
    box-sizing: border-box !important;
}

.filtro-field[b-tfzaiks6rp]  .rz-dropdown-trigger {
    border: none !important;
    background: transparent !important;
}

.filtro-field[b-tfzaiks6rp]  .rz-textbox:focus,
.filtro-field[b-tfzaiks6rp]  .rz-state-focused,
.filtro-field[b-tfzaiks6rp]  input:focus,
.filtro-field[b-tfzaiks6rp]  .rz-calendar:focus-within,
.filtro-field[b-tfzaiks6rp]  .rz-numeric:focus-within {
    border-color: var(--cd-primary) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15) !important;
}

/* Texto del dropdown visible sin recorte */
.filtro-field[b-tfzaiks6rp]  .rz-dropdown .rz-dropdown-label {
    border: none !important;
    height: 100% !important;
    line-height: 1 !important;
    padding: 0 8px !important;
    font-size: 0.8rem !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ===== GRILLA DE DATOS ===== */
.recep-grid-wrapper[b-tfzaiks6rp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--cd-card);
    border-radius: var(--cd-radius);
    box-shadow: var(--cd-shadow);
    overflow: hidden;
    min-height: 0;
}

[b-tfzaiks6rp] .recep-grid-wrapper .rz-datatable {
    border: none !important;
    border-radius: 0 !important;
    font-size: 0.8rem;
}

[b-tfzaiks6rp] .recep-grid-wrapper .rz-datatable-thead > tr > th {
    background: var(--cd-bg) !important;
    color: var(--cd-text-secondary) !important;
    font-weight: 700 !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    padding: 8px 10px !important;
    border-bottom: 2px solid var(--cd-border) !important;
}

[b-tfzaiks6rp] .recep-grid-wrapper .rz-datatable-tbody > tr {
    transition: background-color 0.15s ease;
}

[b-tfzaiks6rp] .recep-grid-wrapper .rz-datatable-tbody > tr:hover {
    background-color: var(--cd-primary-light) !important;
}

[b-tfzaiks6rp] .recep-grid-wrapper .rz-datatable-tbody > tr > td {
    padding: 5px 10px !important;
    border-bottom: 1px solid #F1F5F9 !important;
    font-size: 0.78rem;
}

/* ===== ANIMACIONES ===== */
@keyframes recepSpin-b-tfzaiks6rp {
    to { transform: rotate(360deg); }
}

@keyframes recepPulse-b-tfzaiks6rp {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

@keyframes recepFadeIn-b-tfzaiks6rp {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes recepSlideDown-b-tfzaiks6rp {
    from { opacity: 0; transform: translateY(-8px); max-height: 0; }
    to { opacity: 1; transform: translateY(0); max-height: 500px; }
}

/* ===== RESPONSIVE: TABLET ===== */
@media (max-width: 1024px) {
    .recep-container[b-tfzaiks6rp] {
        padding: 8px 10px;
        gap: 8px;
    }

    .recep-control-bar[b-tfzaiks6rp] {
        flex-wrap: wrap;
        padding: 8px 12px;
    }

    .control-center[b-tfzaiks6rp] {
        order: 3;
        width: 100%;
    }

    .filtros-grid[b-tfzaiks6rp] {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
}

/* ===== RESPONSIVE: MOBILE ===== */
@media (max-width: 640px) {
    .recep-container[b-tfzaiks6rp] {
        padding: 6px 8px;
        gap: 6px;
    }

    .recep-control-bar[b-tfzaiks6rp] {
        flex-direction: column;
        gap: 8px;
    }

    .control-left[b-tfzaiks6rp],
    .control-right[b-tfzaiks6rp] {
        width: 100%;
        justify-content: center;
    }

    .control-right[b-tfzaiks6rp] {
        flex-wrap: wrap;
    }

    .cd-btn[b-tfzaiks6rp] {
        flex: 1;
        justify-content: center;
        min-width: 0;
    }

    .cd-btn span:not(.material-icons):not(.rzi)[b-tfzaiks6rp] {
        display: none;
    }

    .filtros-grid[b-tfzaiks6rp] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/DocumentosxCobrar/Componentes/CobrarModal.razor.rz.scp.css */
/* ===== MODAL REGISTRAR PAGO (COBRANZA) ===== */
.cobrar-modal[b-505a8zmvoa] {
    --pm-primary: #6366F1;
    --pm-purple: #8B5CF6;
    --pm-purple-dark: #7C3AED;
    --pm-success: #10B981;
    --pm-success-dark: #059669;
    --pm-danger: #EF4444;
    --pm-text: #1E293B;
    --pm-text-secondary: #64748B;
    --pm-border: #E2E8F0;
    --pm-radius-xs: 6px;
    --pm-radius-sm: 8px;
    --pm-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 4px 2px;
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

.cobrar-grid[b-505a8zmvoa] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 16px;
}

.cobrar-field[b-505a8zmvoa] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cobrar-field-full[b-505a8zmvoa] {
    grid-column: 1 / -1;
}

.cobrar-label[b-505a8zmvoa] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--pm-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* Inputs Radzen unificados */
.cobrar-field[b-505a8zmvoa]  .rz-textbox,
.cobrar-field[b-505a8zmvoa]  .rz-spinner,
.cobrar-field[b-505a8zmvoa]  .rz-inputtext,
.cobrar-field[b-505a8zmvoa]  .rz-calendar,
.cobrar-field[b-505a8zmvoa]  .rz-numeric,
.cobrar-field[b-505a8zmvoa]  input {
    border: 1.5px solid #CBD5E1 !important;
    border-radius: var(--pm-radius-xs) !important;
    font-size: 0.85rem !important;
    height: 34px !important;
    transition: var(--pm-transition);
    background: white !important;
}

.cobrar-field[b-505a8zmvoa]  .rz-dropdown {
    border: 1.5px solid #CBD5E1 !important;
    border-radius: var(--pm-radius-xs) !important;
    font-size: 0.85rem !important;
    height: 34px !important;
    background: white !important;
    box-sizing: border-box !important;
}

.cobrar-field[b-505a8zmvoa]  .rz-dropdown-trigger {
    border: none !important;
    background: transparent !important;
}

.cobrar-field[b-505a8zmvoa]  .rz-textbox:focus,
.cobrar-field[b-505a8zmvoa]  .rz-state-focused,
.cobrar-field[b-505a8zmvoa]  input:focus,
.cobrar-field[b-505a8zmvoa]  .rz-calendar:focus-within,
.cobrar-field[b-505a8zmvoa]  .rz-numeric:focus-within {
    border-color: var(--pm-primary) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15) !important;
}

.cobrar-field[b-505a8zmvoa]  .rz-dropdown .rz-dropdown-label {
    border: none !important;
    height: 100% !important;
    line-height: 1 !important;
    padding: 0 8px !important;
    font-size: 0.85rem !important;
    display: flex !important;
    align-items: center !important;
}

/* ===== ACCIONES ===== */
.cobrar-actions[b-505a8zmvoa] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 10px;
    border-top: 1px solid var(--pm-border);
}

.cobrar-btn[b-505a8zmvoa] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: none;
    border-radius: var(--pm-radius-xs);
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--pm-transition);
    white-space: nowrap;
    color: white;
}

.cobrar-btn:hover:not(:disabled)[b-505a8zmvoa] {
    transform: translateY(-1px);
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
}

.cobrar-btn:disabled[b-505a8zmvoa] {
    opacity: 0.6;
    cursor: not-allowed;
}

.cobrar-btn .rzi[b-505a8zmvoa] {
    font-size: 1rem;
}

.cobrar-btn-cancel[b-505a8zmvoa] {
    background: var(--pm-text-secondary);
}

.cobrar-btn-cancel:hover:not(:disabled)[b-505a8zmvoa] {
    background: var(--pm-text);
}

.cobrar-btn-grabar[b-505a8zmvoa] {
    background: var(--pm-success);
}

.cobrar-btn-grabar:hover:not(:disabled)[b-505a8zmvoa] {
    background: var(--pm-success-dark);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 540px) {
    .cobrar-grid[b-505a8zmvoa] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/DocumentosxCobrar/DocumentosxCobrar.razor.rz.scp.css */
/* ===== DOCUMENTOS POR COBRAR - DESIGN SYSTEM ===== */

/* Variables CSS del módulo */
.consulta-container[b-130sfqq058] {
    --cd-primary: #6366F1;
    --cd-primary-dark: #4F46E5;
    --cd-primary-light: #EEF2FF;
    --cd-accent: #F59E0B;
    --cd-accent-dark: #D97706;
    --cd-accent-light: #FFFBEB;
    --cd-success: #10B981;
    --cd-success-light: #D1FAE5;
    --cd-danger: #EF4444;
    --cd-danger-light: #FEE2E2;
    --cd-info: #0EA5E9;
    --cd-info-light: #E0F2FE;
    --cd-orange: #F97316;
    --cd-orange-dark: #EA580C;
    --cd-purple: #8B5CF6;
    --cd-purple-dark: #7C3AED;
    --cd-bg: #F1F5F9;
    --cd-card: #FFFFFF;
    --cd-text: #1E293B;
    --cd-text-secondary: #64748B;
    --cd-text-muted: #94A3B8;
    --cd-border: #E2E8F0;
    --cd-shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --cd-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
    --cd-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
    --cd-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
    --cd-radius: 12px;
    --cd-radius-sm: 8px;
    --cd-radius-xs: 6px;
    --cd-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    background: var(--cd-bg);
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    gap: 10px;
    padding: 10px 16px;
    box-sizing: border-box;
}

/* ===== BARRA DE CONTROL ===== */
.consulta-control-bar[b-130sfqq058] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--cd-card);
    border-radius: var(--cd-radius);
    box-shadow: var(--cd-shadow);
    padding: 8px 16px;
    flex-shrink: 0;
    gap: 12px;
    min-height: 48px;
}

.control-left[b-130sfqq058] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.control-left label[b-130sfqq058] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--cd-text-secondary);
    white-space: nowrap;
}

[b-130sfqq058] .control-left .rz-spinner {
    width: 75px !important;
    border-radius: var(--cd-radius-xs) !important;
}

[b-130sfqq058] .control-left .rz-spinner input {
    height: 32px !important;
    font-size: 0.8rem !important;
}

.control-center[b-130sfqq058] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-indicator[b-130sfqq058] {
    display: flex;
    align-items: center;
    gap: 10px;
    animation: cdFadeIn-b-130sfqq058 0.3s ease;
}

.loading-spinner[b-130sfqq058] {
    width: 20px;
    height: 20px;
    border: 2.5px solid var(--cd-border);
    border-top-color: var(--cd-primary);
    border-radius: 50%;
    animation: cdSpin-b-130sfqq058 0.8s linear infinite;
}

.loading-text[b-130sfqq058] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--cd-primary);
    animation: cdPulse-b-130sfqq058 1.5s ease-in-out infinite;
}

.control-right[b-130sfqq058] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

/* ===== BOTONES DE ACCIÓN ===== */
.cd-btn[b-130sfqq058] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border: none;
    border-radius: var(--cd-radius-xs);
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--cd-transition);
    white-space: nowrap;
    color: white;
}

.cd-btn:hover[b-130sfqq058] {
    transform: translateY(-1px);
    box-shadow: var(--cd-shadow-md);
}

.cd-btn:active[b-130sfqq058] {
    transform: translateY(0);
}

.cd-btn .rzi[b-130sfqq058] {
    font-size: 1rem;
}

.btn-buscar[b-130sfqq058] {
    background: var(--cd-orange);
}

.btn-exportar[b-130sfqq058] {
    background: var(--cd-success);
}

.btn-pagar[b-130sfqq058] {
    background: var(--cd-purple);
}

.btn-pagar:hover[b-130sfqq058] {
    background: var(--cd-purple-dark);
}

.btn-filtros[b-130sfqq058] {
    background: var(--cd-info);
}

.btn-filtros.active[b-130sfqq058] {
    background: #0284C7;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);
    transform: none;
}

/* ===== PANEL DE FILTROS ===== */
.filtros-wrapper[b-130sfqq058] {
    position: relative;
    flex-shrink: 0;
}

.filtros-panel[b-130sfqq058] {
    background: var(--cd-card);
    border-radius: var(--cd-radius);
    box-shadow: var(--cd-shadow-md);
    overflow: hidden;
    animation: cdSlideDown-b-130sfqq058 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.filtros-header[b-130sfqq058] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    border-bottom: 1px solid var(--cd-border);
    background: linear-gradient(135deg, var(--cd-info-light) 0%, var(--cd-card) 100%);
}

.filtros-header h3[b-130sfqq058] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--cd-text);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.filtros-header h3 .rzi[b-130sfqq058] {
    color: var(--cd-info);
    font-size: 1.1rem;
}

.filtros-close-btn[b-130sfqq058] {
    background: none;
    border: none;
    color: var(--cd-text-muted);
    cursor: pointer;
    padding: 4px;
    border-radius: var(--cd-radius-xs);
    transition: var(--cd-transition);
    display: flex;
    align-items: center;
}

.filtros-close-btn:hover[b-130sfqq058] {
    background: var(--cd-danger-light);
    color: var(--cd-danger);
}

.filtros-body[b-130sfqq058] {
    padding: 12px 16px;
}

.filtros-grid[b-130sfqq058] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.filtro-field[b-130sfqq058] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.filtro-label[b-130sfqq058] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--cd-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.filtro-field[b-130sfqq058]  .rz-textbox,
.filtro-field[b-130sfqq058]  .rz-spinner,
.filtro-field[b-130sfqq058]  .rz-inputtext,
.filtro-field[b-130sfqq058]  .rz-calendar,
.filtro-field[b-130sfqq058]  .rz-numeric,
.filtro-field[b-130sfqq058]  input {
    border: 1.5px solid #CBD5E1 !important;
    border-radius: var(--cd-radius-xs) !important;
    font-size: 0.8rem !important;
    height: 32px !important;
    transition: var(--cd-transition);
    background: white !important;
}

.filtro-field[b-130sfqq058]  .rz-dropdown {
    border: 1.5px solid #CBD5E1 !important;
    border-radius: var(--cd-radius-xs) !important;
    font-size: 0.8rem !important;
    height: 32px !important;
    transition: var(--cd-transition);
    background: white !important;
    box-sizing: border-box !important;
}

.filtro-field[b-130sfqq058]  .rz-dropdown-trigger {
    border: none !important;
    background: transparent !important;
}

.filtro-field[b-130sfqq058]  .rz-textbox:focus,
.filtro-field[b-130sfqq058]  .rz-state-focused,
.filtro-field[b-130sfqq058]  input:focus,
.filtro-field[b-130sfqq058]  .rz-calendar:focus-within,
.filtro-field[b-130sfqq058]  .rz-numeric:focus-within {
    border-color: var(--cd-primary) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15) !important;
}

.filtro-field[b-130sfqq058]  .rz-dropdown .rz-dropdown-label {
    border: none !important;
    height: 100% !important;
    line-height: 1 !important;
    padding: 0 8px !important;
    font-size: 0.8rem !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ===== GRILLA DE DATOS ===== */
.consulta-grid-wrapper[b-130sfqq058] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--cd-card);
    border-radius: var(--cd-radius);
    box-shadow: var(--cd-shadow);
    overflow: hidden;
    min-height: 0;
}

[b-130sfqq058] .consulta-grid-wrapper .rz-datatable {
    border: none !important;
    border-radius: 0 !important;
    font-size: 0.8rem;
}

[b-130sfqq058] .consulta-grid-wrapper .rz-datatable-thead > tr > th {
    background: var(--cd-bg) !important;
    color: var(--cd-text-secondary) !important;
    font-weight: 700 !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    padding: 8px 10px !important;
    border-bottom: 2px solid var(--cd-border) !important;
}

[b-130sfqq058] .consulta-grid-wrapper .rz-datatable-tbody > tr {
    transition: background-color 0.15s ease;
}

[b-130sfqq058] .consulta-grid-wrapper .rz-datatable-tbody > tr:hover {
    background-color: var(--cd-primary-light) !important;
}

[b-130sfqq058] .consulta-grid-wrapper .rz-datatable-tbody > tr > td {
    padding: 5px 10px !important;
    border-bottom: 1px solid #F1F5F9 !important;
    font-size: 0.78rem;
}

/* Botones de acción en la grilla */
.grid-actions[b-130sfqq058] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.grid-action-btn[b-130sfqq058] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--cd-radius-xs);
    cursor: pointer;
    transition: var(--cd-transition);
    padding: 0;
    color: white;
    font-size: 0.85rem;
}

.grid-action-btn:hover[b-130sfqq058] {
    transform: scale(1.12);
    box-shadow: var(--cd-shadow-md);
}

.grid-action-btn:active[b-130sfqq058] {
    transform: scale(0.95);
}

.grid-btn-pagar[b-130sfqq058] {
    background: var(--cd-purple);
}

.grid-btn-pagar:hover[b-130sfqq058] {
    background: var(--cd-purple-dark);
}

/* ===== ANIMACIONES ===== */
@keyframes cdSpin-b-130sfqq058 {
    to { transform: rotate(360deg); }
}

@keyframes cdPulse-b-130sfqq058 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

@keyframes cdFadeIn-b-130sfqq058 {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes cdSlideDown-b-130sfqq058 {
    from { opacity: 0; transform: translateY(-8px); max-height: 0; }
    to { opacity: 1; transform: translateY(0); max-height: 500px; }
}

/* ===== RESPONSIVE: TABLET ===== */
@media (max-width: 1024px) {
    .consulta-container[b-130sfqq058] {
        padding: 8px 10px;
        gap: 8px;
    }

    .consulta-control-bar[b-130sfqq058] {
        flex-wrap: wrap;
        padding: 8px 12px;
    }

    .control-center[b-130sfqq058] {
        order: 3;
        width: 100%;
    }

    .filtros-grid[b-130sfqq058] {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
}

/* ===== RESPONSIVE: MOBILE ===== */
@media (max-width: 640px) {
    .consulta-container[b-130sfqq058] {
        padding: 6px 8px;
        gap: 6px;
    }

    .consulta-control-bar[b-130sfqq058] {
        flex-direction: column;
        gap: 8px;
    }

    .control-left[b-130sfqq058],
    .control-right[b-130sfqq058] {
        width: 100%;
        justify-content: center;
    }

    .control-right[b-130sfqq058] {
        flex-wrap: wrap;
    }

    .cd-btn[b-130sfqq058] {
        flex: 1;
        justify-content: center;
        min-width: 0;
    }

    .cd-btn span:not(.material-icons):not(.rzi)[b-130sfqq058] {
        display: none;
    }

    .filtros-grid[b-130sfqq058] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/DocumentosxPagar/Componentes/PagarModal.razor.rz.scp.css */
/* ===== MODAL REGISTRAR PAGO ===== */
.pagar-modal[b-j6ost5cty2] {
    --pm-primary: #6366F1;
    --pm-purple: #8B5CF6;
    --pm-purple-dark: #7C3AED;
    --pm-success: #10B981;
    --pm-success-dark: #059669;
    --pm-danger: #EF4444;
    --pm-text: #1E293B;
    --pm-text-secondary: #64748B;
    --pm-border: #E2E8F0;
    --pm-radius-xs: 6px;
    --pm-radius-sm: 8px;
    --pm-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 4px 2px;
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

.pagar-grid[b-j6ost5cty2] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 16px;
}

.pagar-field[b-j6ost5cty2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pagar-field-full[b-j6ost5cty2] {
    grid-column: 1 / -1;
}

.pagar-label[b-j6ost5cty2] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--pm-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* Inputs Radzen unificados */
.pagar-field[b-j6ost5cty2]  .rz-textbox,
.pagar-field[b-j6ost5cty2]  .rz-spinner,
.pagar-field[b-j6ost5cty2]  .rz-inputtext,
.pagar-field[b-j6ost5cty2]  .rz-calendar,
.pagar-field[b-j6ost5cty2]  .rz-numeric,
.pagar-field[b-j6ost5cty2]  input {
    border: 1.5px solid #CBD5E1 !important;
    border-radius: var(--pm-radius-xs) !important;
    font-size: 0.85rem !important;
    height: 34px !important;
    transition: var(--pm-transition);
    background: white !important;
}

.pagar-field[b-j6ost5cty2]  .rz-dropdown {
    border: 1.5px solid #CBD5E1 !important;
    border-radius: var(--pm-radius-xs) !important;
    font-size: 0.85rem !important;
    height: 34px !important;
    background: white !important;
    box-sizing: border-box !important;
}

.pagar-field[b-j6ost5cty2]  .rz-dropdown-trigger {
    border: none !important;
    background: transparent !important;
}

.pagar-field[b-j6ost5cty2]  .rz-textbox:focus,
.pagar-field[b-j6ost5cty2]  .rz-state-focused,
.pagar-field[b-j6ost5cty2]  input:focus,
.pagar-field[b-j6ost5cty2]  .rz-calendar:focus-within,
.pagar-field[b-j6ost5cty2]  .rz-numeric:focus-within {
    border-color: var(--pm-primary) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15) !important;
}

.pagar-field[b-j6ost5cty2]  .rz-dropdown .rz-dropdown-label {
    border: none !important;
    height: 100% !important;
    line-height: 1 !important;
    padding: 0 8px !important;
    font-size: 0.85rem !important;
    display: flex !important;
    align-items: center !important;
}

/* ===== ACCIONES ===== */
.pagar-actions[b-j6ost5cty2] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 10px;
    border-top: 1px solid var(--pm-border);
}

.pagar-btn[b-j6ost5cty2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: none;
    border-radius: var(--pm-radius-xs);
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--pm-transition);
    white-space: nowrap;
    color: white;
}

.pagar-btn:hover:not(:disabled)[b-j6ost5cty2] {
    transform: translateY(-1px);
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
}

.pagar-btn:disabled[b-j6ost5cty2] {
    opacity: 0.6;
    cursor: not-allowed;
}

.pagar-btn .rzi[b-j6ost5cty2] {
    font-size: 1rem;
}

.pagar-btn-cancel[b-j6ost5cty2] {
    background: var(--pm-text-secondary);
}

.pagar-btn-cancel:hover:not(:disabled)[b-j6ost5cty2] {
    background: var(--pm-text);
}

.pagar-btn-grabar[b-j6ost5cty2] {
    background: var(--pm-success);
}

.pagar-btn-grabar:hover:not(:disabled)[b-j6ost5cty2] {
    background: var(--pm-success-dark);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 540px) {
    .pagar-grid[b-j6ost5cty2] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/DocumentosxPagar/DocumentosxPagar.razor.rz.scp.css */
/* ===== DOCUMENTOS POR PAGAR - DESIGN SYSTEM ===== */

/* Variables CSS del módulo */
.consulta-container[b-1h4p28wiyy] {
    --cd-primary: #6366F1;
    --cd-primary-dark: #4F46E5;
    --cd-primary-light: #EEF2FF;
    --cd-accent: #F59E0B;
    --cd-accent-dark: #D97706;
    --cd-accent-light: #FFFBEB;
    --cd-success: #10B981;
    --cd-success-light: #D1FAE5;
    --cd-danger: #EF4444;
    --cd-danger-light: #FEE2E2;
    --cd-info: #0EA5E9;
    --cd-info-light: #E0F2FE;
    --cd-orange: #F97316;
    --cd-orange-dark: #EA580C;
    --cd-purple: #8B5CF6;
    --cd-purple-dark: #7C3AED;
    --cd-bg: #F1F5F9;
    --cd-card: #FFFFFF;
    --cd-text: #1E293B;
    --cd-text-secondary: #64748B;
    --cd-text-muted: #94A3B8;
    --cd-border: #E2E8F0;
    --cd-shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --cd-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
    --cd-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
    --cd-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
    --cd-radius: 12px;
    --cd-radius-sm: 8px;
    --cd-radius-xs: 6px;
    --cd-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    background: var(--cd-bg);
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    gap: 10px;
    padding: 10px 16px;
    box-sizing: border-box;
}

/* ===== BARRA DE CONTROL ===== */
.consulta-control-bar[b-1h4p28wiyy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--cd-card);
    border-radius: var(--cd-radius);
    box-shadow: var(--cd-shadow);
    padding: 8px 16px;
    flex-shrink: 0;
    gap: 12px;
    min-height: 48px;
}

.control-left[b-1h4p28wiyy] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.control-left label[b-1h4p28wiyy] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--cd-text-secondary);
    white-space: nowrap;
}

[b-1h4p28wiyy] .control-left .rz-spinner {
    width: 75px !important;
    border-radius: var(--cd-radius-xs) !important;
}

[b-1h4p28wiyy] .control-left .rz-spinner input {
    height: 32px !important;
    font-size: 0.8rem !important;
}

.control-center[b-1h4p28wiyy] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-indicator[b-1h4p28wiyy] {
    display: flex;
    align-items: center;
    gap: 10px;
    animation: cdFadeIn-b-1h4p28wiyy 0.3s ease;
}

.loading-spinner[b-1h4p28wiyy] {
    width: 20px;
    height: 20px;
    border: 2.5px solid var(--cd-border);
    border-top-color: var(--cd-primary);
    border-radius: 50%;
    animation: cdSpin-b-1h4p28wiyy 0.8s linear infinite;
}

.loading-text[b-1h4p28wiyy] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--cd-primary);
    animation: cdPulse-b-1h4p28wiyy 1.5s ease-in-out infinite;
}

.control-right[b-1h4p28wiyy] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

/* ===== BOTONES DE ACCIÓN ===== */
.cd-btn[b-1h4p28wiyy] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border: none;
    border-radius: var(--cd-radius-xs);
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--cd-transition);
    white-space: nowrap;
    color: white;
}

.cd-btn:hover[b-1h4p28wiyy] {
    transform: translateY(-1px);
    box-shadow: var(--cd-shadow-md);
}

.cd-btn:active[b-1h4p28wiyy] {
    transform: translateY(0);
}

.cd-btn .rzi[b-1h4p28wiyy] {
    font-size: 1rem;
}

.btn-buscar[b-1h4p28wiyy] {
    background: var(--cd-orange);
}

.btn-exportar[b-1h4p28wiyy] {
    background: var(--cd-success);
}

.btn-pagar[b-1h4p28wiyy] {
    background: var(--cd-purple);
}

.btn-pagar:hover[b-1h4p28wiyy] {
    background: var(--cd-purple-dark);
}

.btn-filtros[b-1h4p28wiyy] {
    background: var(--cd-info);
}

.btn-filtros.active[b-1h4p28wiyy] {
    background: #0284C7;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);
    transform: none;
}

/* ===== PANEL DE FILTROS ===== */
.filtros-wrapper[b-1h4p28wiyy] {
    position: relative;
    flex-shrink: 0;
}

.filtros-panel[b-1h4p28wiyy] {
    background: var(--cd-card);
    border-radius: var(--cd-radius);
    box-shadow: var(--cd-shadow-md);
    overflow: hidden;
    animation: cdSlideDown-b-1h4p28wiyy 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.filtros-header[b-1h4p28wiyy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    border-bottom: 1px solid var(--cd-border);
    background: linear-gradient(135deg, var(--cd-info-light) 0%, var(--cd-card) 100%);
}

.filtros-header h3[b-1h4p28wiyy] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--cd-text);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.filtros-header h3 .rzi[b-1h4p28wiyy] {
    color: var(--cd-info);
    font-size: 1.1rem;
}

.filtros-close-btn[b-1h4p28wiyy] {
    background: none;
    border: none;
    color: var(--cd-text-muted);
    cursor: pointer;
    padding: 4px;
    border-radius: var(--cd-radius-xs);
    transition: var(--cd-transition);
    display: flex;
    align-items: center;
}

.filtros-close-btn:hover[b-1h4p28wiyy] {
    background: var(--cd-danger-light);
    color: var(--cd-danger);
}

.filtros-body[b-1h4p28wiyy] {
    padding: 12px 16px;
}

.filtros-grid[b-1h4p28wiyy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.filtro-field[b-1h4p28wiyy] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.filtro-label[b-1h4p28wiyy] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--cd-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.filtro-field[b-1h4p28wiyy]  .rz-textbox,
.filtro-field[b-1h4p28wiyy]  .rz-spinner,
.filtro-field[b-1h4p28wiyy]  .rz-inputtext,
.filtro-field[b-1h4p28wiyy]  .rz-calendar,
.filtro-field[b-1h4p28wiyy]  .rz-numeric,
.filtro-field[b-1h4p28wiyy]  input {
    border: 1.5px solid #CBD5E1 !important;
    border-radius: var(--cd-radius-xs) !important;
    font-size: 0.8rem !important;
    height: 32px !important;
    transition: var(--cd-transition);
    background: white !important;
}

.filtro-field[b-1h4p28wiyy]  .rz-dropdown {
    border: 1.5px solid #CBD5E1 !important;
    border-radius: var(--cd-radius-xs) !important;
    font-size: 0.8rem !important;
    height: 32px !important;
    transition: var(--cd-transition);
    background: white !important;
    box-sizing: border-box !important;
}

.filtro-field[b-1h4p28wiyy]  .rz-dropdown-trigger {
    border: none !important;
    background: transparent !important;
}

.filtro-field[b-1h4p28wiyy]  .rz-textbox:focus,
.filtro-field[b-1h4p28wiyy]  .rz-state-focused,
.filtro-field[b-1h4p28wiyy]  input:focus,
.filtro-field[b-1h4p28wiyy]  .rz-calendar:focus-within,
.filtro-field[b-1h4p28wiyy]  .rz-numeric:focus-within {
    border-color: var(--cd-primary) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15) !important;
}

.filtro-field[b-1h4p28wiyy]  .rz-dropdown .rz-dropdown-label {
    border: none !important;
    height: 100% !important;
    line-height: 1 !important;
    padding: 0 8px !important;
    font-size: 0.8rem !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ===== GRILLA DE DATOS ===== */
.consulta-grid-wrapper[b-1h4p28wiyy] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--cd-card);
    border-radius: var(--cd-radius);
    box-shadow: var(--cd-shadow);
    overflow: hidden;
    min-height: 0;
}

[b-1h4p28wiyy] .consulta-grid-wrapper .rz-datatable {
    border: none !important;
    border-radius: 0 !important;
    font-size: 0.8rem;
}

[b-1h4p28wiyy] .consulta-grid-wrapper .rz-datatable-thead > tr > th {
    background: var(--cd-bg) !important;
    color: var(--cd-text-secondary) !important;
    font-weight: 700 !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    padding: 8px 10px !important;
    border-bottom: 2px solid var(--cd-border) !important;
}

[b-1h4p28wiyy] .consulta-grid-wrapper .rz-datatable-tbody > tr {
    transition: background-color 0.15s ease;
}

[b-1h4p28wiyy] .consulta-grid-wrapper .rz-datatable-tbody > tr:hover {
    background-color: var(--cd-primary-light) !important;
}

[b-1h4p28wiyy] .consulta-grid-wrapper .rz-datatable-tbody > tr > td {
    padding: 5px 10px !important;
    border-bottom: 1px solid #F1F5F9 !important;
    font-size: 0.78rem;
}

/* Botones de acción en la grilla */
.grid-actions[b-1h4p28wiyy] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.grid-action-btn[b-1h4p28wiyy] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--cd-radius-xs);
    cursor: pointer;
    transition: var(--cd-transition);
    padding: 0;
    color: white;
    font-size: 0.85rem;
}

.grid-action-btn:hover[b-1h4p28wiyy] {
    transform: scale(1.12);
    box-shadow: var(--cd-shadow-md);
}

.grid-action-btn:active[b-1h4p28wiyy] {
    transform: scale(0.95);
}

.grid-btn-pagar[b-1h4p28wiyy] {
    background: var(--cd-purple);
}

.grid-btn-pagar:hover[b-1h4p28wiyy] {
    background: var(--cd-purple-dark);
}

/* ===== ANIMACIONES ===== */
@keyframes cdSpin-b-1h4p28wiyy {
    to { transform: rotate(360deg); }
}

@keyframes cdPulse-b-1h4p28wiyy {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

@keyframes cdFadeIn-b-1h4p28wiyy {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes cdSlideDown-b-1h4p28wiyy {
    from { opacity: 0; transform: translateY(-8px); max-height: 0; }
    to { opacity: 1; transform: translateY(0); max-height: 500px; }
}

/* ===== RESPONSIVE: TABLET ===== */
@media (max-width: 1024px) {
    .consulta-container[b-1h4p28wiyy] {
        padding: 8px 10px;
        gap: 8px;
    }

    .consulta-control-bar[b-1h4p28wiyy] {
        flex-wrap: wrap;
        padding: 8px 12px;
    }

    .control-center[b-1h4p28wiyy] {
        order: 3;
        width: 100%;
    }

    .filtros-grid[b-1h4p28wiyy] {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
}

/* ===== RESPONSIVE: MOBILE ===== */
@media (max-width: 640px) {
    .consulta-container[b-1h4p28wiyy] {
        padding: 6px 8px;
        gap: 6px;
    }

    .consulta-control-bar[b-1h4p28wiyy] {
        flex-direction: column;
        gap: 8px;
    }

    .control-left[b-1h4p28wiyy],
    .control-right[b-1h4p28wiyy] {
        width: 100%;
        justify-content: center;
    }

    .control-right[b-1h4p28wiyy] {
        flex-wrap: wrap;
    }

    .cd-btn[b-1h4p28wiyy] {
        flex: 1;
        justify-content: center;
        min-width: 0;
    }

    .cd-btn span:not(.material-icons):not(.rzi)[b-1h4p28wiyy] {
        display: none;
    }

    .filtros-grid[b-1h4p28wiyy] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/GeneracionDTE/Componentes/SelectorClientesModal.razor.rz.scp.css */
/* ===== MODAL SELECTOR DE CLIENTES (FACTURADOR) ===== */

.scm-modal[b-d6zlj79mod] {
    --scm-primary: #6366F1;
    --scm-primary-dark: #4F46E5;
    --scm-primary-light: #EEF2FF;
    --scm-success: #10B981;
    --scm-border: #E2E8F0;
    --scm-bg: #F8FAFC;
    --scm-card: #FFFFFF;
    --scm-text: #1E293B;
    --scm-text-secondary: #64748B;
    --scm-text-muted: #94A3B8;
    --scm-info: #0EA5E9;
    --scm-radius-xs: 6px;
    --scm-radius-sm: 8px;
    --scm-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background: var(--scm-bg);
    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
    position: relative;
}

/* ===== LOADING ===== */
.scm-loading-overlay[b-d6zlj79mod] {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
    z-index: 20;
    color: var(--scm-text-secondary);
    font-weight: 600;
    font-size: 0.9rem;
}

.scm-loading-spinner[b-d6zlj79mod] {
    width: 42px;
    height: 42px;
    border: 4px solid var(--scm-border);
    border-top-color: var(--scm-primary);
    border-radius: 50%;
    animation: scmSpin-b-d6zlj79mod 0.8s linear infinite;
}

@keyframes scmSpin-b-d6zlj79mod { to { transform: rotate(360deg); } }

/* ===== TOOLBAR / BUSQUEDA ===== */
.scm-toolbar[b-d6zlj79mod] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: var(--scm-card);
    border-bottom: 1px solid var(--scm-border);
    flex-shrink: 0;
}

.scm-search[b-d6zlj79mod] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    background: var(--scm-bg);
    border: 1.5px solid var(--scm-border);
    border-radius: var(--scm-radius-sm);
    transition: var(--scm-transition);
    height: 36px;
    max-width: 520px;
}

.scm-search:focus-within[b-d6zlj79mod] {
    border-color: var(--scm-primary);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
    background: white;
}

.scm-search .rzi[b-d6zlj79mod] {
    color: var(--scm-text-muted);
    font-size: 1.1rem;
}

.scm-search-input[b-d6zlj79mod] {
    flex: 1;
    border: none;
    background: transparent;
    outline: none;
    font-size: 0.85rem;
    color: var(--scm-text);
    font-family: inherit;
}

.scm-search-input[b-d6zlj79mod]::placeholder {
    color: var(--scm-text-muted);
}

.scm-search-clear[b-d6zlj79mod] {
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--scm-text-muted);
    padding: 2px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--scm-transition);
}

.scm-search-clear:hover[b-d6zlj79mod] {
    background: var(--scm-border);
    color: var(--scm-text);
}

.scm-toolbar-right[b-d6zlj79mod] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.scm-count[b-d6zlj79mod] {
    font-size: 0.78rem;
    color: var(--scm-text-secondary);
    font-weight: 600;
}

/* ===== GRILLA ===== */
.scm-grid-wrap[b-d6zlj79mod] {
    flex: 1;
    overflow: auto;
    min-height: 0;
    background: var(--scm-card);
}

.scm-grid[b-d6zlj79mod] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

.scm-grid thead th[b-d6zlj79mod] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--scm-bg);
    color: var(--scm-text-secondary);
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 9px 10px;
    text-align: left;
    border-bottom: 1.5px solid var(--scm-border);
}

.scm-grid tbody tr[b-d6zlj79mod] {
    transition: background-color 0.15s ease;
}

.scm-grid tbody tr:hover[b-d6zlj79mod] {
    background: var(--scm-primary-light);
}

.scm-grid tbody td[b-d6zlj79mod] {
    padding: 8px 10px;
    border-bottom: 1px dashed #F1F5F9;
    color: var(--scm-text);
    vertical-align: middle;
}

.scm-cell-rut[b-d6zlj79mod] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.78rem;
    color: var(--scm-text-secondary);
    font-weight: 600;
    white-space: nowrap;
}

.scm-grid thead th:first-child[b-d6zlj79mod],
.scm-grid tbody td:first-child[b-d6zlj79mod] {
    width: 150px;
    min-width: 150px;
}

.scm-cell-name[b-d6zlj79mod] {
    font-weight: 600;
    color: var(--scm-text);
}

.scm-cell-sub[b-d6zlj79mod] {
    color: var(--scm-text-secondary);
    font-size: 0.78rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 260px;
}

.scm-empty[b-d6zlj79mod] {
    padding: 40px 14px;
    text-align: center;
    color: var(--scm-text-muted);
    font-size: 0.9rem;
}

/* ===== SELECT BUTTON ===== */
.scm-select-btn[b-d6zlj79mod] {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: var(--scm-radius-xs);
    background: linear-gradient(135deg, var(--scm-success) 0%, #059669 100%);
    color: white;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--scm-transition);
    box-shadow: 0 1px 3px rgba(16, 185, 129, 0.4);
}

.scm-select-btn:hover[b-d6zlj79mod] {
    transform: translateY(-1px) scale(1.05);
    box-shadow: 0 3px 8px rgba(16, 185, 129, 0.5);
}

.scm-select-btn:active[b-d6zlj79mod] {
    transform: translateY(0) scale(0.95);
}

.scm-select-btn .rzi[b-d6zlj79mod] { font-size: 1.2rem; }

/* ===== FOOTER ===== */
.scm-footer[b-d6zlj79mod] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 16px;
    border-top: 1px solid var(--scm-border);
    background: var(--scm-card);
    flex-shrink: 0;
}

.scm-footer-hint[b-d6zlj79mod] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.78rem;
    color: var(--scm-text-secondary);
}

.scm-footer-hint .rzi[b-d6zlj79mod] {
    color: var(--scm-info);
    font-size: 1.1rem;
}

.scm-btn[b-d6zlj79mod] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: none;
    border-radius: var(--scm-radius-xs);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    color: white;
    transition: var(--scm-transition);
}

.scm-btn:hover[b-d6zlj79mod] {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.scm-btn .rzi[b-d6zlj79mod] { font-size: 1rem; }

.scm-btn-secondary[b-d6zlj79mod] {
    background: var(--scm-text-secondary);
}
/* /Pages/GeneracionDTE/Componentes/SelectorProductosModal.razor.rz.scp.css */
/* ===== MODAL SELECTOR DE PRODUCTOS (FACTURADOR) ===== */

.spm-modal[b-jd0gk8g9q6] {
    --spm-primary: #6366F1;
    --spm-primary-dark: #4F46E5;
    --spm-primary-light: #EEF2FF;
    --spm-success: #10B981;
    --spm-success-light: #D1FAE5;
    --spm-danger: #EF4444;
    --spm-accent: #F59E0B;
    --spm-info: #0EA5E9;
    --spm-info-light: #E0F2FE;
    --spm-border: #E2E8F0;
    --spm-bg: #F8FAFC;
    --spm-card: #FFFFFF;
    --spm-text: #1E293B;
    --spm-text-secondary: #64748B;
    --spm-text-muted: #94A3B8;
    --spm-radius-xs: 6px;
    --spm-radius-sm: 8px;
    --spm-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background: var(--spm-bg);
    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
    position: relative;
}

/* ===== LOADING ===== */
.spm-loading-overlay[b-jd0gk8g9q6] {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
    z-index: 20;
    color: var(--spm-text-secondary);
    font-weight: 600;
    font-size: 0.9rem;
}

.spm-loading-spinner[b-jd0gk8g9q6] {
    width: 42px;
    height: 42px;
    border: 4px solid var(--spm-border);
    border-top-color: var(--spm-primary);
    border-radius: 50%;
    animation: spmSpin-b-jd0gk8g9q6 0.8s linear infinite;
}

@keyframes spmSpin-b-jd0gk8g9q6 { to { transform: rotate(360deg); } }

/* ===== QUICK-ADD: agregar producto manual ===== */
.spm-quickadd[b-jd0gk8g9q6] {
    padding: 10px 14px;
    background: linear-gradient(135deg, var(--spm-primary-light) 0%, var(--spm-card) 100%);
    border-bottom: 2px solid var(--spm-primary);
    flex-shrink: 0;
}

.spm-quickadd-title[b-jd0gk8g9q6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--spm-primary-dark);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 6px;
}

.spm-quickadd-title .rzi[b-jd0gk8g9q6] {
    font-size: 0.95rem;
}

.spm-quickadd-fields[b-jd0gk8g9q6] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.spm-quickadd-field[b-jd0gk8g9q6] {
    min-width: 0;
}

.spm-quickadd-codigo[b-jd0gk8g9q6] { width: 100px; flex-shrink: 0; }
.spm-quickadd-nombre[b-jd0gk8g9q6] { flex: 1; min-width: 0; }
.spm-quickadd-cant[b-jd0gk8g9q6] { width: 58px; flex-shrink: 0; }
.spm-quickadd-precio[b-jd0gk8g9q6] { width: 78px; flex-shrink: 0; }
.spm-quickadd-tipo[b-jd0gk8g9q6] { width: 82px; flex-shrink: 0; }

.spm-quickadd-btn[b-jd0gk8g9q6] {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
}

.spm-quickadd-btn .rzi[b-jd0gk8g9q6] { font-size: 1rem; }

/* Radzen inputs compactos dentro del quickadd */
.spm-quickadd[b-jd0gk8g9q6]  .rz-textbox,
.spm-quickadd[b-jd0gk8g9q6]  .rz-numeric,
.spm-quickadd[b-jd0gk8g9q6]  .rz-dropdown {
    height: 30px !important;
    min-height: 30px !important;
    width: 100% !important;
}

.spm-quickadd[b-jd0gk8g9q6]  .rz-textbox,
.spm-quickadd[b-jd0gk8g9q6]  .rz-numeric input {
    font-size: 0.78rem !important;
    padding: 0 8px !important;
}

.spm-quickadd[b-jd0gk8g9q6]  .rz-dropdown {
    font-size: 0.78rem !important;
}

.spm-quickadd[b-jd0gk8g9q6]  .rz-numeric-up,
.spm-quickadd[b-jd0gk8g9q6]  .rz-numeric-down {
    display: none !important;
}

/* ===== TOOLBAR / BUSQUEDA ===== */
.spm-toolbar[b-jd0gk8g9q6] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: var(--spm-card);
    border-bottom: 1px solid var(--spm-border);
    flex-shrink: 0;
}

.spm-search[b-jd0gk8g9q6] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    background: var(--spm-bg);
    border: 1.5px solid var(--spm-border);
    border-radius: var(--spm-radius-sm);
    transition: var(--spm-transition);
    height: 36px;
    max-width: 520px;
}

.spm-search:focus-within[b-jd0gk8g9q6] {
    border-color: var(--spm-primary);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
    background: white;
}

.spm-search .rzi[b-jd0gk8g9q6] {
    color: var(--spm-text-muted);
    font-size: 1.1rem;
}

.spm-search-input[b-jd0gk8g9q6] {
    flex: 1;
    border: none;
    background: transparent;
    outline: none;
    font-size: 0.85rem;
    color: var(--spm-text);
    font-family: inherit;
}

.spm-search-input[b-jd0gk8g9q6]::placeholder {
    color: var(--spm-text-muted);
}

.spm-search-clear[b-jd0gk8g9q6] {
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--spm-text-muted);
    padding: 2px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--spm-transition);
}

.spm-search-clear:hover[b-jd0gk8g9q6] {
    background: var(--spm-border);
    color: var(--spm-text);
}

.spm-toolbar-right[b-jd0gk8g9q6] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.spm-count[b-jd0gk8g9q6] {
    font-size: 0.78rem;
    color: var(--spm-text-secondary);
    font-weight: 600;
}

.spm-badge[b-jd0gk8g9q6] {
    background: var(--spm-primary-light);
    color: var(--spm-primary-dark);
    font-size: 0.72rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 999px;
    letter-spacing: 0.03em;
}

.spm-added-pill[b-jd0gk8g9q6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--spm-success-light);
    color: #065F46;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 999px;
}

.spm-added-pill .rzi[b-jd0gk8g9q6] { font-size: 1rem; }

/* ===== GRILLA ===== */
.spm-grid-wrap[b-jd0gk8g9q6] {
    flex: 1;
    overflow: auto;
    min-height: 0;
    background: var(--spm-card);
}

.spm-grid[b-jd0gk8g9q6] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
    table-layout: fixed;
}

.spm-grid thead th[b-jd0gk8g9q6] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--spm-bg);
    color: var(--spm-text-secondary);
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 8px 6px;
    text-align: left;
    border-bottom: 1.5px solid var(--spm-border);
}

.spm-grid tbody tr[b-jd0gk8g9q6] {
    transition: background-color 0.15s ease;
}

.spm-grid tbody tr:hover[b-jd0gk8g9q6] {
    background: var(--spm-primary-light);
}

.spm-grid tbody td[b-jd0gk8g9q6] {
    padding: 5px 6px;
    border-bottom: 1px dashed #F1F5F9;
    color: var(--spm-text);
    vertical-align: middle;
}

.spm-cell-producto[b-jd0gk8g9q6] {
    min-width: 0;
}

.spm-cell-meta[b-jd0gk8g9q6] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 2px;
}

.spm-cell-code[b-jd0gk8g9q6] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.7rem;
    color: var(--spm-text-secondary);
    font-weight: 600;
}

.spm-cell-um[b-jd0gk8g9q6] {
    font-size: 0.66rem;
    font-weight: 700;
    color: var(--spm-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 1px 6px;
    background: #F1F5F9;
    border-radius: 4px;
}

.spm-cell-name[b-jd0gk8g9q6] {
    font-weight: 600;
    color: var(--spm-text);
    font-size: 0.82rem;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spm-cell-desc[b-jd0gk8g9q6] {
    font-size: 0.7rem;
    color: var(--spm-text-muted);
    margin-top: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spm-cell-subtotal[b-jd0gk8g9q6] {
    font-weight: 700;
    color: var(--spm-text);
    font-size: 0.8rem;
    text-align: right;
}

.spm-tax-badge[b-jd0gk8g9q6] {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 999px;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.03em;
}

.spm-tax-badge.afecto[b-jd0gk8g9q6] {
    background: var(--spm-info-light);
    color: #075985;
}

.spm-tax-badge.exento[b-jd0gk8g9q6] {
    background: #FEF3C7;
    color: #92400E;
}

.spm-empty[b-jd0gk8g9q6] {
    padding: 40px 14px;
    text-align: center;
    color: var(--spm-text-muted);
    font-size: 0.9rem;
}

/* ===== ADD BUTTON ===== */
.spm-add-btn[b-jd0gk8g9q6] {
    width: 28px;
    height: 28px;
    border: none;
    border-radius: var(--spm-radius-xs);
    background: linear-gradient(135deg, var(--spm-success) 0%, #059669 100%);
    color: white;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--spm-transition);
    box-shadow: 0 1px 3px rgba(16, 185, 129, 0.4);
}

.spm-add-btn:hover[b-jd0gk8g9q6] {
    transform: translateY(-1px) scale(1.05);
    box-shadow: 0 3px 8px rgba(16, 185, 129, 0.5);
}

.spm-add-btn:active[b-jd0gk8g9q6] {
    transform: translateY(0) scale(0.95);
}

.spm-add-btn .rzi[b-jd0gk8g9q6] { font-size: 1rem; }

/* Variante del boton cuando la fila ya esta en el detalle (actualizar) */
.spm-add-btn-update[b-jd0gk8g9q6] {
    background: linear-gradient(135deg, var(--spm-info) 0%, #0284C7 100%);
    box-shadow: 0 1px 3px rgba(14, 165, 233, 0.4);
}

.spm-add-btn-update:hover[b-jd0gk8g9q6] {
    box-shadow: 0 3px 8px rgba(14, 165, 233, 0.5);
}

/* Estado persistente: fila ya agregada al detalle */
.spm-row-added[b-jd0gk8g9q6] {
    background: #ECFDF5 !important;
    border-left: 3px solid var(--spm-success);
}

.spm-grid tbody tr.spm-row-added:hover[b-jd0gk8g9q6] {
    background: #D1FAE5 !important;
}

.spm-check[b-jd0gk8g9q6] {
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
    color: var(--spm-success);
    vertical-align: middle;
}

.spm-check .rzi[b-jd0gk8g9q6] {
    font-size: 0.95rem;
}

/* Campos Radzen mas compactos dentro de la grilla */
.spm-grid[b-jd0gk8g9q6]  .rz-numeric {
    height: 26px !important;
    min-height: 26px !important;
    width: 100% !important;
}

.spm-grid[b-jd0gk8g9q6]  .rz-numeric input {
    height: 26px !important;
    font-size: 0.74rem !important;
    padding: 0 4px !important;
    text-align: right;
}

/* Ocultar flechas up/down de RadzenNumeric para ahorrar ancho */
.spm-grid[b-jd0gk8g9q6]  .rz-numeric-up,
.spm-grid[b-jd0gk8g9q6]  .rz-numeric-down {
    display: none !important;
}

/* ===== FOOTER ===== */
.spm-footer[b-jd0gk8g9q6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 16px;
    border-top: 1px solid var(--spm-border);
    background: var(--spm-card);
    flex-shrink: 0;
}

.spm-footer-hint[b-jd0gk8g9q6] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.78rem;
    color: var(--spm-text-secondary);
}

.spm-footer-hint .rzi[b-jd0gk8g9q6] {
    color: var(--spm-info);
    font-size: 1.1rem;
}

.spm-btn[b-jd0gk8g9q6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: none;
    border-radius: var(--spm-radius-xs);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    color: white;
    transition: var(--spm-transition);
}

.spm-btn:hover[b-jd0gk8g9q6] {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.spm-btn .rzi[b-jd0gk8g9q6] { font-size: 1rem; }

.spm-btn-secondary[b-jd0gk8g9q6] {
    background: var(--spm-text-secondary);
}
/* /Pages/GeneracionDTE/Facturador.razor.rz.scp.css */
/* ===== DTE FACTURADOR - DESIGN SYSTEM ===== */

.dte-container[b-yf55ufujki] {
    --dte-primary: #6366F1;
    --dte-primary-dark: #4F46E5;
    --dte-primary-light: #EEF2FF;
    --dte-accent: #F59E0B;
    --dte-accent-light: #FFFBEB;
    --dte-success: #10B981;
    --dte-success-light: #D1FAE5;
    --dte-danger: #EF4444;
    --dte-danger-light: #FEE2E2;
    --dte-bg: #F1F5F9;
    --dte-card: #FFFFFF;
    --dte-text: #1E293B;
    --dte-text-secondary: #64748B;
    --dte-text-muted: #94A3B8;
    --dte-border: #E2E8F0;
    --dte-shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --dte-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
    --dte-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1);
    --dte-radius: 12px;
    --dte-radius-sm: 8px;
    --dte-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 10px;
    padding: 10px 16px;
    background: var(--dte-bg);
    box-sizing: border-box;
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    overflow: hidden;
    position: relative;
}

/* ===== DRAWER LATERAL (Selector de productos) ===== */
.dte-drawer[b-yf55ufujki] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(720px, 92%);
    background: var(--dte-card);
    box-shadow: -8px 0 24px rgba(15, 23, 42, 0.15);
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 50;
    border-left: 1px solid var(--dte-border);
}

.dte-drawer.open[b-yf55ufujki] {
    transform: translateX(0);
}

.dte-drawer-header[b-yf55ufujki] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--dte-border);
    background: linear-gradient(135deg, var(--dte-primary-light) 0%, var(--dte-card) 100%);
    flex-shrink: 0;
}

.dte-drawer-icon[b-yf55ufujki] {
    font-size: 1.2rem;
    color: var(--dte-primary);
}

.dte-drawer-title[b-yf55ufujki] {
    flex: 1;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--dte-text);
    letter-spacing: -0.01em;
}

.dte-drawer-close[b-yf55ufujki] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    color: var(--dte-text-secondary);
    border-radius: var(--dte-radius-sm);
    cursor: pointer;
    transition: var(--dte-transition);
}

.dte-drawer-close:hover[b-yf55ufujki] {
    background: var(--dte-danger-light);
    color: var(--dte-danger);
}

.dte-drawer-body[b-yf55ufujki] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* ===== TOP BAR ===== */
.dte-topbar[b-yf55ufujki] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    background: var(--dte-card);
    border-radius: var(--dte-radius);
    box-shadow: var(--dte-shadow);
    flex-shrink: 0;
}

.dte-topbar-group[b-yf55ufujki] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dte-topbar-label[b-yf55ufujki] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--dte-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.dte-topbar-spacer[b-yf55ufujki] {
    flex: 1;
}

.dte-status-pill[b-yf55ufujki] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    background: var(--dte-accent-light);
    color: var(--dte-accent);
}

.dte-status-pill.ready[b-yf55ufujki] {
    background: var(--dte-success-light);
    color: var(--dte-success);
}

/* ===== MAIN CONTENT - 2 PANELS ===== */
.dte-workspace[b-yf55ufujki] {
    display: grid;
    grid-template-columns: 58fr 42fr;
    gap: 12px;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.dte-panel[b-yf55ufujki] {
    background: var(--dte-card);
    border-radius: var(--dte-radius);
    box-shadow: var(--dte-shadow);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

.dte-panel-header[b-yf55ufujki] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--dte-border);
    background: linear-gradient(135deg, var(--dte-primary-light) 0%, var(--dte-card) 100%);
    flex-shrink: 0;
}

.dte-panel-header h2[b-yf55ufujki] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--dte-text);
    margin: 0;
    letter-spacing: -0.01em;
}


.dte-panel-icon[b-yf55ufujki] {
    font-size: 1.2rem;
    color: var(--dte-primary);
}

.dte-panel-body[b-yf55ufujki] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

/* ===== LEFT PANEL: RECEPTOR + GRILLA + TOTALES ===== */
.dte-left-sections[b-yf55ufujki] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

/* Receptor */
.dte-receptor[b-yf55ufujki] {
    padding: 14px 16px;
    border-bottom: 1px solid var(--dte-border);
    background: linear-gradient(135deg, var(--dte-primary-light) 0%, var(--dte-card) 70%);
    flex-shrink: 0;
}

.dte-receptor-row[b-yf55ufujki] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dte-receptor-head[b-yf55ufujki] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.dte-receptor-avatar-btn[b-yf55ufujki] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--dte-border);
    background: var(--dte-card);
    border-radius: 50%;
    padding: 0;
    width: 36px;
    height: 36px;
    cursor: pointer;
    box-shadow: var(--dte-shadow-sm);
    transition: var(--dte-transition);
}

.dte-receptor-avatar-btn:hover[b-yf55ufujki] {
    background: var(--dte-primary-light);
    border-color: var(--dte-primary);
}

.dte-receptor-avatar-btn.active[b-yf55ufujki] {
    background: var(--dte-primary);
    border-color: var(--dte-primary);
}

.dte-receptor-avatar-btn.active .dte-receptor-avatar[b-yf55ufujki] {
    color: white;
}

.dte-receptor-avatar[b-yf55ufujki] {
    font-size: 1.3rem;
    color: var(--dte-primary);
}

.dte-receptor-extra[b-yf55ufujki] {
    margin-top: 12px;
    padding: 10px 12px 12px;
    background: var(--dte-card);
    border: 1px solid var(--dte-border);
    border-radius: var(--dte-radius-sm);
    box-shadow: var(--dte-shadow-sm);
    animation: dteTabFadeIn-b-yf55ufujki 0.2s ease;
}

.dte-receptor-extra-head[b-yf55ufujki] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px dashed var(--dte-border);
}

.dte-receptor-extra-title[b-yf55ufujki] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--dte-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.dte-receptor-close[b-yf55ufujki] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    color: var(--dte-text-muted);
    border-radius: 50%;
    cursor: pointer;
    transition: var(--dte-transition);
}

.dte-receptor-close:hover[b-yf55ufujki] {
    background: var(--dte-danger-light);
    color: var(--dte-danger);
}

.dte-receptor-title[b-yf55ufujki] {
    flex: 1;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--dte-text);
    letter-spacing: -0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dte-receptor-grid[b-yf55ufujki] {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 18px;
    row-gap: 6px;
    padding: 4px 2px 2px;
}

.dte-receptor-grid .dte-receptor-field:nth-child(3)[b-yf55ufujki],
.dte-receptor-grid .dte-receptor-field:nth-child(4)[b-yf55ufujki] {
    grid-column: auto;
}

.dte-receptor-grid[b-yf55ufujki] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dte-receptor-field[b-yf55ufujki] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.dte-receptor-label[b-yf55ufujki] {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--dte-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.dte-receptor-value[b-yf55ufujki] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--dte-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dte-receptor-empty[b-yf55ufujki] {
    flex: 1;
    font-size: 0.9rem;
    color: var(--dte-text-muted);
    font-style: italic;
}

@media (max-width: 900px) {
    .dte-receptor-grid[b-yf55ufujki] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ===== DETALLE: quick-add + grilla + panel edición ===== */
.dte-detalle-wrap[b-yf55ufujki] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

/* Toolbar sobre la grilla de detalle (contador + boton buscar productos) */
[b-yf55ufujki] .dte-items-toolbar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: var(--dte-card);
    border-bottom: 1px solid var(--dte-border);
    flex-shrink: 0;
}

[b-yf55ufujki] .dte-items-toolbar-spacer {
    flex: 1;
}

[b-yf55ufujki] .dte-items-toolbar-count {
    font-size: 0.75rem;
    color: var(--dte-text);
    font-weight: 700;
}

[b-yf55ufujki] .dte-items-toolbar-count.dim {
    color: var(--dte-text-muted);
    font-weight: 500;
    font-style: italic;
}

[b-yf55ufujki] .dte-items-toolbar-btn {
    height: 30px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 12px;
    border: none;
    border-radius: 6px;
    background: linear-gradient(135deg, var(--dte-primary) 0%, var(--dte-primary-dark) 100%);
    color: white;
    cursor: pointer;
    transition: all 0.15s ease;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    box-shadow: 0 2px 6px rgba(99,102,241,0.3);
    white-space: nowrap;
}

[b-yf55ufujki] .dte-items-toolbar-btn .rzi {
    font-size: 1rem;
}

[b-yf55ufujki] .dte-items-toolbar-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(99,102,241,0.45);
}

[b-yf55ufujki] .dte-items-toolbar-btn:active {
    transform: translateY(0);
}

/* Encabezado de columnas */
[b-yf55ufujki] .dte-item-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 12px;
    background: var(--dte-bg);
    border-bottom: 2px solid var(--dte-border);
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--dte-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    flex-shrink: 0;
}

[b-yf55ufujki] .dte-item-badge-ph {
    width: 32px;
    text-align: center;
    flex-shrink: 0;
}

[b-yf55ufujki] .dte-item-actions-ph {
    width: 24px;
    flex-shrink: 0;
}

/* Capa 2: Lista de ítems */
[b-yf55ufujki] .dte-items-list {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
}

[b-yf55ufujki] .dte-items-empty {
    padding: 24px 16px;
    text-align: center;
    color: var(--dte-text-muted);
    font-size: 0.85rem;
    font-style: italic;
}

/* Fila resumen */
[b-yf55ufujki] .dte-item-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    cursor: pointer;
    border-bottom: 1px solid var(--dte-border);
    transition: var(--dte-transition);
    font-size: 0.82rem;
}

[b-yf55ufujki] .dte-item-row:hover {
    background: var(--dte-bg);
}

[b-yf55ufujki] .dte-item-row.selected {
    background: var(--dte-primary-light);
    border-left: 3px solid var(--dte-primary);
    padding-left: 9px;
}

[b-yf55ufujki] .dte-item-num {
    width: 22px;
    text-align: center;
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--dte-text-muted);
    flex-shrink: 0;
}

[b-yf55ufujki] .dte-item-code {
    width: 90px;
    font-weight: 600;
    color: var(--dte-primary);
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-yf55ufujki] .dte-item-desc {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--dte-text);
}

[b-yf55ufujki] .dte-item-qty,
[b-yf55ufujki] .dte-item-price,
[b-yf55ufujki] .dte-item-total {
    text-align: right;
    white-space: nowrap;
    flex-shrink: 0;
}

[b-yf55ufujki] .dte-item-qty {
    width: 55px;
    color: var(--dte-text-secondary);
}

[b-yf55ufujki] .dte-item-price {
    width: 80px;
    color: var(--dte-text-secondary);
}

[b-yf55ufujki] .dte-item-total {
    width: 90px;
    font-weight: 700;
    color: var(--dte-text);
}

[b-yf55ufujki] .dte-item-badge {
    font-size: 0.65rem;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 10px;
    flex-shrink: 0;
}

[b-yf55ufujki] .dte-item-badge.afecto {
    background: var(--dte-primary-light);
    color: var(--dte-primary);
}

[b-yf55ufujki] .dte-item-badge.exento {
    background: var(--dte-accent-light);
    color: #B45309;
}

/* Capa 3: Panel edición inline bajo la fila */
[b-yf55ufujki] .dte-item-detail {
    background: var(--dte-primary-light);
    border-bottom: 2px solid var(--dte-primary);
    animation: dteTabFadeIn-b-yf55ufujki 0.15s ease;
}

[b-yf55ufujki] .dte-item-detail-fields {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    padding: 8px 12px 10px;
}

[b-yf55ufujki] .dte-item-detail-fields .dte-field-cell {
    flex: 1;
    min-width: 0;
}

/* Totales footer */
.dte-totales[b-yf55ufujki] {
    border-top: 1px solid var(--dte-border);
    padding: 10px 14px;
    background: var(--dte-bg);
    border-radius: var(--dte-radius-sm);
    margin: 8px 12px;
    flex-shrink: 0;
}

.dte-total-row[b-yf55ufujki] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px 0;
    font-size: 0.85rem;
}

.dte-total-label[b-yf55ufujki] {
    color: var(--dte-text-secondary);
    font-weight: 500;
}

.dte-total-value[b-yf55ufujki] {
    color: var(--dte-text);
    font-weight: 600;
}

.dte-total-discount[b-yf55ufujki] {
    color: var(--dte-danger);
    font-weight: 600;
}

.dte-total-surcharge[b-yf55ufujki] {
    color: var(--dte-success);
    font-weight: 600;
}

.dte-total-divider[b-yf55ufujki] {
    border-top: 1.5px solid var(--dte-border);
    margin-top: 4px;
    padding-top: 6px;
}

.dte-total-final .dte-total-label[b-yf55ufujki],
.dte-total-final .dte-total-value[b-yf55ufujki] {
    font-size: 1rem;
    font-weight: 800;
    color: var(--dte-text);
}

/* ===== RIGHT PANEL: TABS ===== */
.dte-tabs-nav[b-yf55ufujki] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--dte-border);
    background: var(--dte-card);
    flex-shrink: 0;
}

.dte-tab-btn[b-yf55ufujki] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border: none;
    background: transparent;
    color: var(--dte-text-secondary);
    font-size: 0.78rem;
    font-weight: 600;
    border-radius: var(--dte-radius-sm);
    cursor: pointer;
    transition: var(--dte-transition);
    position: relative;
    white-space: nowrap;
}

.dte-tab-btn .rzi[b-yf55ufujki] {
    font-size: 1rem;
}

.dte-tab-btn:hover:not(:disabled)[b-yf55ufujki] {
    background: var(--dte-primary-light);
    color: var(--dte-primary);
}

.dte-tab-btn.active[b-yf55ufujki] {
    background: var(--dte-primary);
    color: white;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.35);
}

.dte-tab-btn:disabled[b-yf55ufujki] {
    opacity: 0.35;
    cursor: not-allowed;
}

.dte-tab-btn .dte-tab-dot[b-yf55ufujki] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--dte-accent);
    margin-left: 2px;
}

.dte-tab-btn.active .dte-tab-dot[b-yf55ufujki] {
    background: white;
}

.dte-tab-content[b-yf55ufujki] {
    flex: 1;
    overflow: hidden;
    min-height: 0;
}

.dte-tab-pane[b-yf55ufujki] {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 14px;
    animation: dteTabFadeIn-b-yf55ufujki 0.25s ease;
}

[b-yf55ufujki] .dte-tab-section {
    margin-bottom: 14px;
}

[b-yf55ufujki] .dte-tab-section + .dte-tab-section {
    margin-top: 2px;
}

[b-yf55ufujki] .dte-tab-section-title {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--dte-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 12px;
    padding-bottom: 6px;
    border-bottom: 1px dashed var(--dte-border);
}

[b-yf55ufujki] .dte-field-label {
    font-size: 0.7rem;
    color: var(--dte-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
    display: block;
}

/* ===== EXPORTACION TAB: acordeón y campos ===== */
[b-yf55ufujki] .dte-fields-row {
    display: grid;
    gap: 10px 14px;
}

[b-yf55ufujki] .dte-fields-row.dte-fields-2col {
    grid-template-columns: repeat(2, 1fr);
}

[b-yf55ufujki] .dte-fields-row.dte-fields-3col {
    grid-template-columns: repeat(3, 1fr);
}

[b-yf55ufujki] .dte-field-cell {
    min-width: 0;
}

[b-yf55ufujki] .dte-export-hint {
    font-size: 0.75rem;
    color: var(--dte-text-secondary);
    padding: 6px 8px;
    background: var(--dte-primary-light);
    border-radius: var(--dte-radius-sm);
    border-left: 3px solid var(--dte-primary);
}

/* Acordeón compacto dentro del tab */
[b-yf55ufujki] .rz-accordion .rz-accordion-header {
    padding: 8px 10px;
}

[b-yf55ufujki] .rz-accordion .rz-accordion-content {
    padding: 10px 10px 14px;
}

/* ===== BULTOS TAB: tarjetas verticales ===== */
[b-yf55ufujki] .dte-bulto-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

[b-yf55ufujki] .dte-bulto-card {
    border: 1px solid var(--dte-border);
    border-radius: var(--dte-radius-sm);
    padding: 10px 12px;
    background: var(--dte-bg);
    position: relative;
}

[b-yf55ufujki] .dte-bulto-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px dashed var(--dte-border);
}

[b-yf55ufujki] .dte-bulto-card-title {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--dte-text);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

[b-yf55ufujki] .dte-bulto-card-fields {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px 12px;
}

[b-yf55ufujki] .dte-tab-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 20px;
    padding-top: 14px;
    border-top: 1px dashed var(--dte-border);
}

/* ===== CAMPOS COMPACTOS (referencia: .spm-quickadd de SelectorProductosModal) =====
   30px de alto, font 0.78rem, padding 0 8px. Aplica a inputs/selects/datepickers
   del topbar, del wrap de detalle (panel edicion inline) y de todos los tabs
   (GeneralTab, Referencias, DescuentosGlobalesTab, DespachoTab, ImpuestosTab,
   ExportacionTab, BultosTab). Se excluye el drawer (SelectorProductosModal tiene
   su propia escala). */
.dte-topbar[b-yf55ufujki]  .rz-textbox,
.dte-topbar[b-yf55ufujki]  .rz-inputtext,
.dte-topbar[b-yf55ufujki]  .rz-dropdown,
.dte-topbar[b-yf55ufujki]  .rz-numeric,
.dte-topbar[b-yf55ufujki]  .rz-datepicker,
.dte-topbar[b-yf55ufujki]  .rz-calendar,
.dte-detalle-wrap[b-yf55ufujki]  .rz-textbox,
.dte-detalle-wrap[b-yf55ufujki]  .rz-inputtext,
.dte-detalle-wrap[b-yf55ufujki]  .rz-dropdown,
.dte-detalle-wrap[b-yf55ufujki]  .rz-numeric,
.dte-detalle-wrap[b-yf55ufujki]  .rz-datepicker,
.dte-detalle-wrap[b-yf55ufujki]  .rz-calendar,
.dte-tab-content[b-yf55ufujki]  .rz-textbox,
.dte-tab-content[b-yf55ufujki]  .rz-inputtext,
.dte-tab-content[b-yf55ufujki]  .rz-dropdown,
.dte-tab-content[b-yf55ufujki]  .rz-numeric,
.dte-tab-content[b-yf55ufujki]  .rz-datepicker,
.dte-tab-content[b-yf55ufujki]  .rz-calendar {
    height: 30px !important;
    min-height: 30px !important;
    font-size: 0.78rem !important;
}

.dte-topbar[b-yf55ufujki]  .rz-textbox,
.dte-topbar[b-yf55ufujki]  .rz-inputtext,
.dte-topbar[b-yf55ufujki]  .rz-numeric input,
.dte-topbar[b-yf55ufujki]  .rz-datepicker input,
.dte-topbar[b-yf55ufujki]  .rz-calendar input,
.dte-detalle-wrap[b-yf55ufujki]  .rz-textbox,
.dte-detalle-wrap[b-yf55ufujki]  .rz-inputtext,
.dte-detalle-wrap[b-yf55ufujki]  .rz-numeric input,
.dte-detalle-wrap[b-yf55ufujki]  .rz-datepicker input,
.dte-detalle-wrap[b-yf55ufujki]  .rz-calendar input,
.dte-tab-content[b-yf55ufujki]  .rz-textbox,
.dte-tab-content[b-yf55ufujki]  .rz-inputtext,
.dte-tab-content[b-yf55ufujki]  .rz-numeric input,
.dte-tab-content[b-yf55ufujki]  .rz-datepicker input,
.dte-tab-content[b-yf55ufujki]  .rz-calendar input {
    padding: 0 8px !important;
    font-size: 0.78rem !important;
}

/* RadzenDatePicker: input interno + boton trigger (icono calendario) deben
   compartir la misma altura que el wrapper .rz-calendar para que el campo no
   crezca por encima de 30px. */
.dte-topbar[b-yf55ufujki]  .rz-calendar .rz-inputtext,
.dte-topbar[b-yf55ufujki]  .rz-calendar input,
.dte-topbar[b-yf55ufujki]  .rz-calendar .rz-button,
.dte-topbar[b-yf55ufujki]  .rz-calendar .rz-datepicker-trigger,
.dte-detalle-wrap[b-yf55ufujki]  .rz-calendar .rz-inputtext,
.dte-detalle-wrap[b-yf55ufujki]  .rz-calendar input,
.dte-detalle-wrap[b-yf55ufujki]  .rz-calendar .rz-button,
.dte-detalle-wrap[b-yf55ufujki]  .rz-calendar .rz-datepicker-trigger,
.dte-tab-content[b-yf55ufujki]  .rz-calendar .rz-inputtext,
.dte-tab-content[b-yf55ufujki]  .rz-calendar input,
.dte-tab-content[b-yf55ufujki]  .rz-calendar .rz-button,
.dte-tab-content[b-yf55ufujki]  .rz-calendar .rz-datepicker-trigger {
    height: 30px !important;
    min-height: 30px !important;
    line-height: 30px !important;
}

.dte-topbar[b-yf55ufujki]  .rz-calendar .rz-button,
.dte-topbar[b-yf55ufujki]  .rz-calendar .rz-datepicker-trigger,
.dte-detalle-wrap[b-yf55ufujki]  .rz-calendar .rz-button,
.dte-detalle-wrap[b-yf55ufujki]  .rz-calendar .rz-datepicker-trigger,
.dte-tab-content[b-yf55ufujki]  .rz-calendar .rz-button,
.dte-tab-content[b-yf55ufujki]  .rz-calendar .rz-datepicker-trigger {
    width: 30px !important;
    padding: 0 !important;
}

.dte-topbar[b-yf55ufujki]  .rz-dropdown .rz-dropdown-label,
.dte-detalle-wrap[b-yf55ufujki]  .rz-dropdown .rz-dropdown-label,
.dte-tab-content[b-yf55ufujki]  .rz-dropdown .rz-dropdown-label {
    font-size: 0.78rem !important;
    padding: 0 8px !important;
    line-height: 1 !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
}

/* Ocultar spinners del numeric para mantener el ancho compacto */
.dte-detalle-wrap[b-yf55ufujki]  .rz-numeric-up,
.dte-detalle-wrap[b-yf55ufujki]  .rz-numeric-down,
.dte-tab-content[b-yf55ufujki]  .rz-numeric-up,
.dte-tab-content[b-yf55ufujki]  .rz-numeric-down {
    height: 15px !important;
}

/* TextArea (Observaciones): conserva alto multilinea pero con tipografia consistente */
.dte-tab-content[b-yf55ufujki]  .rz-textarea {
    font-size: 0.78rem !important;
    padding: 6px 8px !important;
    min-height: auto !important;
}

/* ===== ACTION BUTTONS ===== */
.dte-btn[b-yf55ufujki] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border: none;
    border-radius: var(--dte-radius-sm);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: var(--dte-transition);
}

.dte-btn-primary[b-yf55ufujki] {
    background: var(--dte-primary);
    color: white;
}

.dte-btn-primary:hover[b-yf55ufujki] {
    background: var(--dte-primary-dark);
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.4);
}

.dte-btn-success[b-yf55ufujki] {
    background: var(--dte-success);
    color: white;
}

.dte-btn-secondary[b-yf55ufujki] {
    background: var(--dte-bg);
    color: var(--dte-text-secondary);
}

.dte-btn-secondary:hover[b-yf55ufujki] {
    background: var(--dte-border);
    color: var(--dte-text);
}

.dte-btn-sm[b-yf55ufujki] {
    padding: 5px 10px;
    font-size: 0.75rem;
}

/* ===== ANIMATIONS ===== */
@keyframes dteTabFadeIn-b-yf55ufujki {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1100px) {
    .dte-workspace[b-yf55ufujki] {
        grid-template-columns: 1fr;
        overflow-y: auto;
    }

    .dte-panel[b-yf55ufujki] {
        min-height: 380px;
    }
}

@media (max-width: 640px) {
    .dte-container[b-yf55ufujki] {
        padding: 8px;
    }

    .dte-tabs-nav[b-yf55ufujki] {
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .dte-tab-btn span:not(.rzi):not(.dte-tab-dot)[b-yf55ufujki] {
        display: none;
    }
}

/* ===== LOADING OVERLAY (durante envío a la API) ===== */
.dte-loading-overlay[b-yf55ufujki] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
}

.dte-loading-content[b-yf55ufujki] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 24px 32px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.25);
}

.dte-loading-text[b-yf55ufujki] {
    font-weight: 600;
    color: #1E293B;
}

/* ===== MODAL PDF ===== */
.dte-modal-overlay[b-yf55ufujki] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.65);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    padding: 20px;
}

.dte-modal-card[b-yf55ufujki] {
    background: #fff;
    width: min(900px, 100%);
    max-height: 95vh;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 25px 60px rgba(0,0,0,0.35);
}

.dte-modal-header[b-yf55ufujki] {
    display: flex;
    align-items: center;
    padding: 12px 18px;
    border-bottom: 1px solid #E2E8F0;
    background: linear-gradient(135deg, #EEF2FF 0%, #FFFFFF 100%);
}

.dte-modal-header h3[b-yf55ufujki] {
    flex: 1;
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1E293B;
}

.dte-modal-close[b-yf55ufujki] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    color: #64748B;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.dte-modal-close:hover[b-yf55ufujki] {
    background: #FEE2E2;
    color: #EF4444;
}

.dte-modal-body[b-yf55ufujki] {
    padding: 14px;
    flex: 1;
    overflow: auto;
}

.dte-modal-footer[b-yf55ufujki] {
    display: flex;
    justify-content: flex-end;
    padding: 10px 14px;
    border-top: 1px solid #E2E8F0;
    background: #F8FAFC;
}
/* /Pages/Index.razor.rz.scp.css */
/* ===== DASHBOARD - SISTEMA DE DISEÑO ===== */

/* Variables CSS del dashboard */
.dashboard[b-uo8f1pm374] {
    --dash-primary: #6366F1;
    --dash-primary-dark: #4F46E5;
    --dash-primary-light: #EEF2FF;
    --dash-success: #10B981;
    --dash-success-light: #D1FAE5;
    --dash-warning: #F59E0B;
    --dash-warning-light: #FEF3C7;
    --dash-danger: #EF4444;
    --dash-danger-light: #FEE2E2;
    --dash-info: #3B82F6;
    --dash-info-light: #DBEAFE;
    --dash-bg: #F1F5F9;
    --dash-card: #FFFFFF;
    --dash-text: #1E293B;
    --dash-text-secondary: #64748B;
    --dash-text-muted: #94A3B8;
    --dash-border: #E2E8F0;
    --dash-radius: 12px;
    --dash-radius-sm: 8px;
    --dash-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
    --dash-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
    --dash-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    /* Alias para compatibilidad con métodos del @code */
    --danger-color: #EF4444;
    --success-color: #10B981;

    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 8px;
    padding: 8px 16px;
    background: var(--dash-bg);
    overflow: hidden;
    box-sizing: border-box;
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* ===== FILA DE MÉTRICAS ===== */
.dash-metrics-row[b-uo8f1pm374] {
    display: grid;
    grid-template-columns: repeat(4, 1fr) auto;
    gap: 8px;
    animation: dashFadeIn-b-uo8f1pm374 0.4s ease;
}

/* --- Tarjeta de métrica individual --- */
.dash-metric[b-uo8f1pm374] {
    background: var(--dash-card);
    border-radius: var(--dash-radius-sm);
    box-shadow: var(--dash-shadow);
    overflow: hidden;
    transition: var(--dash-transition);
    position: relative;
}

.dash-metric:hover[b-uo8f1pm374] {
    transform: translateY(-2px);
    box-shadow: var(--dash-shadow-md);
}

/* Acento superior coloreado según estado */
.dash-metric-accent[b-uo8f1pm374] {
    height: 3px;
    background: var(--dash-text-muted);
    transition: var(--dash-transition);
}

.dash-metric--success .dash-metric-accent[b-uo8f1pm374] { background: var(--dash-success); }
.dash-metric--warning .dash-metric-accent[b-uo8f1pm374] { background: var(--dash-warning); }
.dash-metric--danger .dash-metric-accent[b-uo8f1pm374] { background: var(--dash-danger); }

.dash-metric-body[b-uo8f1pm374] {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.dash-metric-icon-wrap[b-uo8f1pm374] {
    width: 32px;
    height: 32px;
    border-radius: var(--dash-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: var(--dash-transition);
}

/* Colores del icono según estado */
.dash-metric--success .dash-metric-icon-wrap[b-uo8f1pm374] {
    background: var(--dash-success-light);
    color: var(--dash-success);
}
.dash-metric--warning .dash-metric-icon-wrap[b-uo8f1pm374] {
    background: var(--dash-warning-light);
    color: var(--dash-warning);
}
.dash-metric--danger .dash-metric-icon-wrap[b-uo8f1pm374] {
    background: var(--dash-danger-light);
    color: var(--dash-danger);
}

.dash-metric-info[b-uo8f1pm374] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.dash-metric-value[b-uo8f1pm374] {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--dash-text);
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.dash-metric-label[b-uo8f1pm374] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--dash-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dash-metric-status[b-uo8f1pm374] {
    font-size: 0.65rem;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 12px;
    white-space: nowrap;
    flex-shrink: 0;
}

.dash-metric--success .dash-metric-status[b-uo8f1pm374] {
    background: var(--dash-success-light);
    color: var(--dash-success);
}
.dash-metric--warning .dash-metric-status[b-uo8f1pm374] {
    background: var(--dash-warning-light);
    color: var(--dash-warning);
}
.dash-metric--danger .dash-metric-status[b-uo8f1pm374] {
    background: var(--dash-danger-light);
    color: var(--dash-danger);
}

/* --- Tarjeta de certificado --- */
.dash-cert[b-uo8f1pm374] {
    background: var(--dash-card);
    border-radius: var(--dash-radius-sm);
    box-shadow: var(--dash-shadow);
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    transition: var(--dash-transition);
    min-width: 140px;
}

.dash-cert:hover[b-uo8f1pm374] {
    transform: translateY(-2px);
    box-shadow: var(--dash-shadow-md);
}

.dash-cert-top[b-uo8f1pm374] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dash-cert-icon[b-uo8f1pm374] {
    width: 28px;
    height: 28px;
    border-radius: var(--dash-radius-sm);
    background: linear-gradient(135deg, var(--dash-success), var(--dash-info));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dash-cert-info[b-uo8f1pm374] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.dash-cert-title[b-uo8f1pm374] {
    font-size: 0.65rem;
    font-weight: 600;
    color: var(--dash-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.dash-cert-badge[b-uo8f1pm374] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--dash-success);
}

.dash-cert-dates[b-uo8f1pm374] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.dash-cert-date[b-uo8f1pm374] {
    font-size: 0.65rem;
    font-weight: 600;
    color: var(--dash-text-secondary);
    background: var(--dash-bg);
    padding: 2px 6px;
    border-radius: 5px;
}

/* ===== CONTENIDO PRINCIPAL ===== */
.dash-main[b-uo8f1pm374] {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 8px;
    min-height: 0;
    overflow: hidden;
}

/* --- Panel genérico (tarjeta contenedora) --- */
.dash-panel[b-uo8f1pm374] {
    background: var(--dash-card);
    border-radius: var(--dash-radius);
    box-shadow: var(--dash-shadow);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
    animation: dashSlideUp-b-uo8f1pm374 0.5s ease;
}

/* --- Encabezado del panel --- */
.dash-panel-header[b-uo8f1pm374] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
    border-bottom: 1px solid var(--dash-border);
    flex-shrink: 0;
}

.dash-panel-header-text[b-uo8f1pm374] {
    display: flex;
    flex-direction: column;
}

.dash-panel-title[b-uo8f1pm374] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--dash-text);
}

.dash-panel-subtitle[b-uo8f1pm374] {
    font-size: 0.75rem;
    color: var(--dash-text-muted);
}

/* --- Navegación de pestañas del panel de gráficos --- */
.dash-panel-nav[b-uo8f1pm374] {
    display: flex;
    gap: 4px;
    padding: 6px 14px;
    border-bottom: 1px solid var(--dash-border);
    flex-shrink: 0;
    background: var(--dash-card);
}

.dash-nav-btn[b-uo8f1pm374] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border: none;
    background: transparent;
    color: var(--dash-text-secondary);
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: var(--dash-radius-sm);
    cursor: pointer;
    transition: var(--dash-transition);
    white-space: nowrap;
}

.dash-nav-btn:hover[b-uo8f1pm374] {
    background: var(--dash-primary-light);
    color: var(--dash-primary);
}

.dash-nav-btn.active[b-uo8f1pm374] {
    background: var(--dash-primary);
    color: white;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.35);
}

/* --- Cuerpo del panel de gráficos --- */
.dash-panel-body[b-uo8f1pm374] {
    flex: 1;
    overflow: hidden;
    min-height: 0;
    position: relative;
}

.dash-chart-pane[b-uo8f1pm374] {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 8px 14px;
}

/* Para la pestaña de vencimiento, permitir scroll interno */
.dash-chart-pane--list[b-uo8f1pm374] {
    overflow-y: auto;
}

.dash-chart-header[b-uo8f1pm374] {
    display: flex;
    flex-direction: column;
    margin-bottom: 4px;
    flex-shrink: 0;
}

.dash-chart-title[b-uo8f1pm374] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--dash-text);
}

.dash-chart-subtitle[b-uo8f1pm374] {
    font-size: 0.7rem;
    color: var(--dash-text-muted);
}

.dash-chart-area[b-uo8f1pm374] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ===== TOP VENTAS (lista con barras) ===== */
.dash-topventas[b-uo8f1pm374] {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 4px 2px;
    overflow: hidden;
    box-sizing: border-box;
}

.dash-topventa-item[b-uo8f1pm374] {
    flex: 1 1 0;
    min-height: 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
}

.dash-topventa-head[b-uo8f1pm374] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dash-topventa-rank[b-uo8f1pm374] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}

.dash-topventa-name[b-uo8f1pm374] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--dash-text);
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.dash-topventa-value[b-uo8f1pm374] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--dash-text);
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
}

.dash-topventa-bar-track[b-uo8f1pm374] {
    height: 10px;
    background: var(--dash-border);
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}

.dash-topventa-bar-fill[b-uo8f1pm374] {
    height: 100%;
    border-radius: 6px;
    transform-origin: left center;
    animation: dashBarGrow-b-uo8f1pm374 0.9s cubic-bezier(0.22, 1, 0.36, 1);
    box-shadow: inset 0 -2px 4px rgba(0,0,0,0.08);
}

@keyframes dashBarGrow-b-uo8f1pm374 {
    from { transform: scaleX(0); }
    to   { transform: scaleX(1); }
}

/* ===== FOLIOS DISPONIBLES (donut + leyenda) ===== */
.dash-folios-donut-wrap[b-uo8f1pm374] {
    height: 100%;
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: 18px;
    align-items: center;
    box-sizing: border-box;
    padding: 4px 2px;
    overflow: hidden;
}

.dash-folios-donut[b-uo8f1pm374] {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
}

.dash-folios-svg[b-uo8f1pm374] {
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    display: block;
    animation: dashDonutFade-b-uo8f1pm374 0.7s ease-out;
}

.dash-folios-slice[b-uo8f1pm374] {
    transition: stroke-width 0.25s ease, filter 0.25s ease;
    cursor: pointer;
}

.dash-folios-slice:hover[b-uo8f1pm374] {
    filter: brightness(1.05) drop-shadow(0 2px 4px rgba(0,0,0,0.15));
}

.dash-folios-legend[b-uo8f1pm374] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 0;
    max-height: 100%;
    overflow-y: auto;
    padding-right: 4px;
}

.dash-folios-legend-item[b-uo8f1pm374] {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 6px;
    transition: background 0.2s ease;
    font-size: 0.8rem;
}

.dash-folios-legend-item:hover[b-uo8f1pm374] {
    background: var(--dash-bg);
}

.dash-folios-legend-item.is-empty[b-uo8f1pm374] {
    opacity: 0.45;
}

.dash-folios-dot[b-uo8f1pm374] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

.dash-folios-legend-name[b-uo8f1pm374] {
    color: var(--dash-text);
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.dash-folios-legend-value[b-uo8f1pm374] {
    color: var(--dash-text);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    justify-self: end;
}

.dash-folios-legend-pct[b-uo8f1pm374] {
    color: var(--dash-text-muted);
    font-size: 0.72rem;
    font-variant-numeric: tabular-nums;
    min-width: 42px;
    text-align: right;
}

@keyframes dashDonutFade-b-uo8f1pm374 {
    from { opacity: 0; transform: scale(0.85) rotate(-8deg); }
    to   { opacity: 1; transform: scale(1) rotate(0); }
}

@media (max-width: 700px) {
    .dash-folios-donut-wrap[b-uo8f1pm374] {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(0, 1fr) auto;
    }
    .dash-folios-legend[b-uo8f1pm374] {
        max-height: 45%;
    }
}

/* ===== VENCIMIENTO DE FOLIOS (lista) ===== */
.dash-vencimiento-list[b-uo8f1pm374] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
    overflow-y: auto;
}

.dash-vencimiento-item[b-uo8f1pm374] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: var(--dash-bg);
    border-radius: var(--dash-radius-sm);
    border-left: 4px solid var(--dash-success);
    transition: var(--dash-transition);
}

.dash-vencimiento-item:hover[b-uo8f1pm374] {
    transform: translateX(3px);
}

.dash-vencimiento--danger[b-uo8f1pm374] {
    border-left-color: var(--dash-danger);
}

.dash-vencimiento--ok[b-uo8f1pm374] {
    border-left-color: var(--dash-success);
}

.dash-vencimiento-info[b-uo8f1pm374] {
    display: flex;
    flex-direction: column;
}

.dash-vencimiento-name[b-uo8f1pm374] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--dash-text);
}

.dash-vencimiento-tipo[b-uo8f1pm374] {
    font-size: 0.75rem;
    color: var(--dash-text-muted);
    margin-top: 2px;
}

.dash-vencimiento-badge[b-uo8f1pm374] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ===== BADGES (compartidos con métodos @code) ===== */
.dash-badge[b-uo8f1pm374] {
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.badge-success[b-uo8f1pm374] { background: rgba(16, 185, 129, 0.15); color: var(--dash-success); }
.badge-warning[b-uo8f1pm374] { background: rgba(245, 158, 11, 0.15); color: var(--dash-warning); }
.badge-danger[b-uo8f1pm374] { background: rgba(239, 68, 68, 0.15); color: var(--dash-danger); }
.badge-info[b-uo8f1pm374] { background: rgba(59, 130, 246, 0.15); color: var(--dash-info); }

/* ===== TIMELINE ===== */
.dash-timeline-panel[b-uo8f1pm374] {
    min-height: 0;
}

.dash-timeline-body[b-uo8f1pm374] {
    flex: 1;
    overflow-y: auto;
    padding: 6px 12px;
    min-height: 0;
}

.timeline-event[b-uo8f1pm374] {
    padding: 7px 10px;
    border-radius: var(--dash-radius-sm);
    margin-bottom: 5px;
    border-left: 3px solid transparent;
    cursor: pointer;
    transition: var(--dash-transition);
}

.timeline-event:hover[b-uo8f1pm374] {
    background: rgba(99, 102, 241, 0.05);
    transform: translateX(3px);
}

.timeline-event-warning[b-uo8f1pm374] { border-left-color: var(--dash-warning); }
.timeline-event-success[b-uo8f1pm374] { border-left-color: var(--dash-success); }
.timeline-event-danger[b-uo8f1pm374]  { border-left-color: var(--dash-danger); }

.timeline-event-top[b-uo8f1pm374] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 4px;
    gap: 8px;
}

.timeline-event-title[b-uo8f1pm374] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--dash-text);
}

.timeline-event-desc[b-uo8f1pm374] {
    font-size: 0.78rem;
    color: var(--dash-text-muted);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.timeline-event-time[b-uo8f1pm374] {
    display: flex;
    align-items: center;
    margin-top: 4px;
    font-size: 0.7rem;
    color: var(--dash-text-secondary);
}

.dash-empty-state[b-uo8f1pm374] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: var(--dash-text-muted);
    font-size: 0.85rem;
    height: 100%;
}

/* ===== MODAL ===== */
.dash-modal-overlay[b-uo8f1pm374] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
    animation: dashOverlayIn-b-uo8f1pm374 0.2s ease;
    padding: 1rem;
}

.dash-modal-card[b-uo8f1pm374] {
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.05);
    width: 100%;
    max-width: 520px;
    max-height: 80vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: dashModalIn-b-uo8f1pm374 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.dash-modal-header[b-uo8f1pm374] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: linear-gradient(135deg, #6366F1, #4F46E5);
    color: white;
}

.dash-modal-header h3[b-uo8f1pm374] {
    font-size: 0.95rem;
    font-weight: 700;
    margin: 0;
    color: white;
}

/* Botón cerrar del modal (X) */
.dash-modal-close[b-uo8f1pm374] {
    background: rgba(255, 255, 255, 0.25);
    border: none;
    color: white;
    cursor: pointer;
    padding: 6px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
}

.dash-modal-close:hover[b-uo8f1pm374] {
    background: rgba(255, 255, 255, 0.45);
    transform: scale(1.05);
}

.dash-modal-body[b-uo8f1pm374] {
    padding: 20px;
    flex: 1;
    overflow-y: auto;
    font-size: 0.85rem;
    color: #1E293B;
    background: #FFFFFF;
    line-height: 1.6;
}

.dash-modal-footer[b-uo8f1pm374] {
    padding: 14px 20px;
    border-top: 1px solid #E2E8F0;
    display: flex;
    justify-content: flex-end;
    background: #F8FAFC;
}

/* Botón genérico del dashboard */
.dash-btn[b-uo8f1pm374] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    border: none;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* Botón primario (cerrar modal) */
.dash-btn-primary[b-uo8f1pm374] {
    background: #6366F1;
    color: white;
    box-shadow: 0 2px 6px rgba(99, 102, 241, 0.3);
}

.dash-btn-primary:hover[b-uo8f1pm374] {
    background: #4F46E5;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.5);
    transform: translateY(-1px);
}

/* ===== ANIMACIONES ===== */
@keyframes dashFadeIn-b-uo8f1pm374 {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes dashSlideUp-b-uo8f1pm374 {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes dashOverlayIn-b-uo8f1pm374 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes dashModalIn-b-uo8f1pm374 {
    from { opacity: 0; transform: scale(0.92) translateY(10px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}

/* ===== RESPONSIVE: TABLET ===== */
@media (max-width: 1200px) {
    .dash-metrics-row[b-uo8f1pm374] {
        grid-template-columns: repeat(3, 1fr);
    }

    .dash-main[b-uo8f1pm374] {
        grid-template-columns: 1fr;
        overflow-y: auto;
    }

    .dash-charts-panel[b-uo8f1pm374] {
        min-height: 350px;
    }

    .dash-timeline-panel[b-uo8f1pm374] {
        min-height: 300px;
    }
}

@media (max-width: 768px) {
    .dashboard[b-uo8f1pm374] {
        padding: 8px;
        gap: 8px;
        overflow-y: auto;
    }

    .dash-metrics-row[b-uo8f1pm374] {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .dash-metric-body[b-uo8f1pm374] {
        padding: 8px 10px;
    }

    .dash-metric-value[b-uo8f1pm374] {
        font-size: 1.1rem;
    }

    .dash-metric-status[b-uo8f1pm374] {
        display: none;
    }

    .dash-cert-dates[b-uo8f1pm374] {
        display: none;
    }

    .dash-main[b-uo8f1pm374] {
        grid-template-columns: 1fr;
        overflow-y: auto;
    }

    .dash-nav-btn span:last-child[b-uo8f1pm374] {
        display: none;
    }
}

/* ===== RESPONSIVE: MÓVIL ===== */
@media (max-width: 480px) {
    .dash-metrics-row[b-uo8f1pm374] {
        grid-template-columns: 1fr 1fr;
    }

    .dash-cert[b-uo8f1pm374] {
        grid-column: 1 / -1;
    }
}
/* /Pages/Pos/Componentes/ClientesTab.razor.rz.scp.css */
/* ===== CLIENTES TAB - SCOPED STYLES ===== */

.clientes-wrapper[b-xux5wt8gog] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.clientes-grid-container[b-xux5wt8gog] {
    flex: 1;
    overflow: hidden;
    min-height: 0;
}

/* DataGrid overrides */
[b-xux5wt8gog] .clientes-grid-container .rz-datatable {
    border: none !important;
    border-radius: var(--pos-radius-sm) !important;
    overflow: hidden;
    font-size: 0.8rem;
}

[b-xux5wt8gog] .clientes-grid-container .rz-datatable-thead > tr > th {
    background: var(--pos-bg) !important;
    color: var(--pos-text-secondary) !important;
    font-weight: 700 !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 8px 10px !important;
}

[b-xux5wt8gog] .clientes-grid-container .rz-datatable-tbody > tr {
    transition: background-color 0.15s ease;
}

[b-xux5wt8gog] .clientes-grid-container .rz-datatable-tbody > tr:hover {
    background-color: var(--pos-primary-light) !important;
}

[b-xux5wt8gog] .clientes-grid-container .rz-datatable-tbody > tr > td {
    padding: 6px 10px !important;
    border-bottom: 1px solid #F1F5F9 !important;
}

.cliente-text[b-xux5wt8gog] {
    font-size: 0.78rem;
    color: var(--pos-text);
    font-weight: 500;
}

.cliente-select-btn[b-xux5wt8gog] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--pos-primary);
    color: white;
    border: none;
    border-radius: var(--pos-radius-xs);
    cursor: pointer;
    transition: var(--pos-transition);
    padding: 0;
}

.cliente-select-btn:hover[b-xux5wt8gog] {
    background: var(--pos-primary-dark);
    transform: scale(1.1);
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.4);
}

/* ===== CLIENT DETAIL CARD ===== */
.cliente-detail[b-xux5wt8gog] {
    background: var(--pos-card);
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius);
    padding: 20px;
    animation: posClienteDetailIn-b-xux5wt8gog 0.3s ease;
}

.cliente-detail-header[b-xux5wt8gog] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--pos-primary-light);
}

.cliente-detail-header .rzi[b-xux5wt8gog] {
    font-size: 1.5rem;
    color: var(--pos-primary);
    background: var(--pos-primary-light);
    padding: 8px;
    border-radius: var(--pos-radius-sm);
}

.cliente-detail-header h3[b-xux5wt8gog] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--pos-text);
    margin: 0;
}

.cliente-fields[b-xux5wt8gog] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.cliente-field[b-xux5wt8gog] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cliente-field-label[b-xux5wt8gog] {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--pos-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

[b-xux5wt8gog] .cliente-field .rz-textbox {
    background: var(--pos-bg) !important;
    border: 1px solid var(--pos-border) !important;
    border-radius: var(--pos-radius-xs) !important;
    font-size: 0.8rem !important;
    height: 32px !important;
    padding: 0 10px !important;
    color: var(--pos-text) !important;
}

.cliente-detail-footer[b-xux5wt8gog] {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid var(--pos-border);
}

.cliente-back-btn[b-xux5wt8gog] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: var(--pos-accent);
    color: white;
    border: none;
    border-radius: var(--pos-radius-sm);
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--pos-transition);
}

.cliente-back-btn:hover[b-xux5wt8gog] {
    background: var(--pos-accent-dark);
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.4);
}

.cliente-back-btn .rzi[b-xux5wt8gog] {
    font-size: 1rem;
}

@keyframes posClienteDetailIn-b-xux5wt8gog {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 640px) {
    .cliente-fields[b-xux5wt8gog] {
        grid-template-columns: 1fr;
    }

    .cliente-detail[b-xux5wt8gog] {
        padding: 14px;
    }
}
/* /Pages/Pos/Componentes/DetalleCarrito.razor.rz.scp.css */
/* ===== DETALLE CARRITO - SCOPED STYLES ===== */

.cart-wrapper[b-my33zvcbdk] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

/* Table container with internal scroll */
.cart-table-container[b-my33zvcbdk] {
    flex: 1;
    overflow: hidden;
    min-height: 0;
    border-bottom: 1px solid var(--pos-border);
}

/* Override Radzen DataGrid styles */
[b-my33zvcbdk] .rz-datatable {
    border: none !important;
    border-radius: 0 !important;
    font-size: 0.8rem;
}

[b-my33zvcbdk] .rz-datatable-thead > tr > th {
    background: var(--pos-bg) !important;
    color: var(--pos-text-secondary) !important;
    font-weight: 700 !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    border-bottom: 2px solid var(--pos-border) !important;
    padding: 8px 10px !important;
}

[b-my33zvcbdk] .rz-datatable-tbody > tr {
    transition: background-color 0.15s ease;
}

[b-my33zvcbdk] .rz-datatable-tbody > tr:hover {
    background-color: var(--pos-primary-light) !important;
}

[b-my33zvcbdk] .rz-datatable-tbody > tr > td {
    padding: 6px 10px !important;
    border-bottom: 1px solid #F1F5F9 !important;
    vertical-align: middle !important;
}

[b-my33zvcbdk] .rz-pager {
    border-top: 1px solid var(--pos-border) !important;
    padding: 4px 8px !important;
    font-size: 0.75rem !important;
}

/* Qty input */
.cart-qty-input[b-my33zvcbdk] {
    width: 100%;
    height: 30px;
    background: var(--pos-primary-light);
    border: 1.5px solid transparent;
    border-radius: var(--pos-radius-xs);
    font-size: 0.8rem;
    font-weight: 600;
    text-align: center;
    transition: var(--pos-transition);
}

.cart-qty-input:focus-within[b-my33zvcbdk] {
    border-color: var(--pos-primary);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

/* Product name */
.cart-product-name[b-my33zvcbdk] {
    font-size: 0.78rem;
    color: var(--pos-text);
    font-weight: 500;
    line-height: 1.3;
}

/* Price chip */
.cart-price-chip[b-my33zvcbdk] {
    display: inline-block;
    font-size: 0.78rem;
    color: var(--pos-text);
    font-weight: 600;
    background: #F0FDFA;
    padding: 3px 8px;
    border-radius: var(--pos-radius-xs);
}

/* Discount input */
.cart-discount-input[b-my33zvcbdk] {
    width: 80%;
    height: 30px;
    background: var(--pos-accent-light);
    border: 1.5px solid transparent;
    border-radius: var(--pos-radius-xs);
    font-size: 0.8rem;
    font-weight: 600;
    text-align: center;
    transition: var(--pos-transition);
}

.cart-discount-input:focus-within[b-my33zvcbdk] {
    border-color: var(--pos-accent);
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.15);
}

/* Total chip */
.cart-total-chip[b-my33zvcbdk] {
    display: inline-block;
    font-size: 0.8rem;
    color: var(--pos-primary-dark);
    font-weight: 700;
    background: var(--pos-primary-light);
    padding: 3px 10px;
    border-radius: var(--pos-radius-xs);
}

/* Delete button */
.cart-delete-btn[b-my33zvcbdk] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--pos-danger-light);
    color: var(--pos-danger);
    border: none;
    border-radius: var(--pos-radius-xs);
    cursor: pointer;
    transition: var(--pos-transition);
    padding: 0;
}

.cart-delete-btn:hover[b-my33zvcbdk] {
    background: var(--pos-danger);
    color: white;
    transform: scale(1.1);
}

/* ===== CART FOOTER ===== */
.cart-footer[b-my33zvcbdk] {
    flex-shrink: 0;
    padding: 12px 16px;
    background: var(--pos-card);
}

.cart-footer-top[b-my33zvcbdk] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.cart-doc-dropdown[b-my33zvcbdk] {
    flex: 1;
    min-width: 140px;
}

[b-my33zvcbdk] .cart-doc-dropdown .rz-dropdown {
    border: 2px solid var(--pos-primary) !important;
    border-radius: var(--pos-radius-sm) !important;
    font-size: 0.8rem !important;
    transition: var(--pos-transition);
}

[b-my33zvcbdk] .cart-doc-dropdown .rz-dropdown:hover {
    border-color: var(--pos-primary-dark) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

/* Botón guardar borrador */
.cart-draft-btn[b-my33zvcbdk] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    background: linear-gradient(135deg, var(--pos-primary) 0%, var(--pos-primary-dark) 100%);
    color: white;
    border: none;
    border-radius: var(--pos-radius-sm);
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--pos-transition);
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.3);
    white-space: nowrap;
}

.cart-draft-btn:hover:not(:disabled)[b-my33zvcbdk] {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.45);
}

.cart-draft-btn:active:not(:disabled)[b-my33zvcbdk] {
    transform: translateY(0);
}

.cart-draft-btn:disabled[b-my33zvcbdk] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: none;
}

.cart-draft-btn .rzi[b-my33zvcbdk] {
    font-size: 1.2rem;
}

/* Botón pagar */
.cart-pay-btn[b-my33zvcbdk] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    background: linear-gradient(135deg, var(--pos-accent) 0%, var(--pos-accent-dark) 100%);
    color: white;
    border: none;
    border-radius: var(--pos-radius-sm);
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--pos-transition);
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
    white-space: nowrap;
}

.cart-pay-btn:hover:not(:disabled)[b-my33zvcbdk] {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(245, 158, 11, 0.45);
}

.cart-pay-btn:active:not(:disabled)[b-my33zvcbdk] {
    transform: translateY(0);
}

.cart-pay-btn:disabled[b-my33zvcbdk] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: none;
}

.cart-pay-btn .rzi[b-my33zvcbdk] {
    font-size: 1.2rem;
}

/* Totals breakdown */
.cart-totals[b-my33zvcbdk] {
    background: var(--pos-bg);
    border-radius: var(--pos-radius-sm);
    padding: 10px 14px;
}

.cart-total-row[b-my33zvcbdk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px 0;
    font-size: 0.8rem;
}

.cart-total-label[b-my33zvcbdk] {
    color: var(--pos-text-secondary);
    font-weight: 500;
}

.cart-total-value[b-my33zvcbdk] {
    color: var(--pos-text);
    font-weight: 600;
}

.cart-total-discount[b-my33zvcbdk] {
    color: var(--pos-danger);
    font-weight: 600;
}

.cart-total-divider[b-my33zvcbdk] {
    border-top: 1.5px solid var(--pos-border);
    margin: 4px 0;
    padding-top: 4px;
}

.cart-total-final .cart-total-label[b-my33zvcbdk],
.cart-total-final .cart-total-value[b-my33zvcbdk] {
    font-size: 0.95rem;
    font-weight: 800;
    color: var(--pos-text);
}

/* Vuelto (change) */
.cart-change[b-my33zvcbdk] {
    text-align: center;
    margin-top: 8px;
    padding: 6px 12px;
    background: var(--pos-success-light);
    border-radius: var(--pos-radius-sm);
    animation: posBadgePop 0.3s ease;
}

.cart-change span[b-my33zvcbdk] {
    color: var(--pos-success);
    font-weight: 700;
    font-size: 0.9rem;
}

/* ===== GLOBAL ADJUSTMENTS TOGGLE BAR ===== */
.cart-global-toggle-bar[b-my33zvcbdk] {
    flex-shrink: 0;
    border-bottom: 1px solid var(--pos-border);
}

.cart-global-toggle-btn[b-my33zvcbdk] {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 7px 16px;
    background: var(--pos-bg);
    border: none;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--pos-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    transition: var(--pos-transition);
}

.cart-global-toggle-btn:hover[b-my33zvcbdk] {
    background: var(--pos-primary-light);
    color: var(--pos-primary);
}

.cart-global-badge[b-my33zvcbdk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    background: var(--pos-primary);
    color: white;
    border-radius: 9px;
    font-size: 0.65rem;
    font-weight: 700;
    line-height: 1;
}

.cart-global-chevron[b-my33zvcbdk] {
    transition: transform 0.2s ease;
}

.cart-global-chevron-open[b-my33zvcbdk] {
    transform: rotate(180deg);
}

/* ===== GLOBAL ADJUSTMENTS SECTION ===== */
.cart-global-adjust[b-my33zvcbdk] {
    flex-shrink: 0;
    padding: 8px 16px;
    border-bottom: 1px solid var(--pos-border);
    background: var(--pos-card);
}

.cart-global-adjust-header[b-my33zvcbdk] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--pos-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 6px;
}

.cart-global-adjust-form[b-my33zvcbdk] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

[b-my33zvcbdk] .cart-global-adjust-form .rz-dropdown {
    border: 1.5px solid var(--pos-border) !important;
    border-radius: var(--pos-radius-xs) !important;
    font-size: 0.75rem !important;
    height: 32px;
}

.cart-global-input[b-my33zvcbdk] {
    width: 80px;
    height: 32px;
    background: var(--pos-bg);
    border: 1.5px solid var(--pos-border);
    border-radius: var(--pos-radius-xs);
    font-size: 0.8rem;
    font-weight: 600;
    text-align: center;
    transition: var(--pos-transition);
}

.cart-global-input:focus-within[b-my33zvcbdk] {
    border-color: var(--pos-primary);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

.cart-global-add-btn[b-my33zvcbdk] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--pos-success) 0%, #059669 100%);
    color: white;
    border: none;
    border-radius: var(--pos-radius-xs);
    cursor: pointer;
    transition: var(--pos-transition);
    padding: 0;
    flex-shrink: 0;
}

.cart-global-add-btn:hover:not(:disabled)[b-my33zvcbdk] {
    transform: scale(1.1);
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.35);
}

.cart-global-add-btn:disabled[b-my33zvcbdk] {
    opacity: 0.4;
    cursor: not-allowed;
}

.cart-global-adjust-list[b-my33zvcbdk] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 6px;
}

.cart-global-adjust-item[b-my33zvcbdk] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: var(--pos-radius-xs);
    font-size: 0.75rem;
    font-weight: 500;
    animation: posBadgePop 0.2s ease;
}

.cart-global-descuento[b-my33zvcbdk] {
    background: #FEF2F2;
    color: #DC2626;
}

.cart-global-recargo[b-my33zvcbdk] {
    background: #F0FDF4;
    color: #16A34A;
}

.cart-global-adjust-desc[b-my33zvcbdk] {
    flex: 1;
}

.cart-global-remove-btn[b-my33zvcbdk] {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: inherit;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0.6;
    transition: var(--pos-transition);
    padding: 0;
}

.cart-global-remove-btn:hover[b-my33zvcbdk] {
    opacity: 1;
    background: rgba(0, 0, 0, 0.1);
}

/* Recargos row in totals */
.cart-total-surcharge[b-my33zvcbdk] {
    color: var(--pos-success);
    font-weight: 600;
}

/* ===== BOTÓN AGREGAR AJUSTE (dentro de sección colapsable) ===== */
.cart-global-open-modal-btn[b-my33zvcbdk] {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 6px 10px;
    margin-bottom: 6px;
    background: var(--pos-primary-light);
    color: var(--pos-primary);
    border: 1.5px dashed var(--pos-primary);
    border-radius: var(--pos-radius-xs);
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 600;
    transition: var(--pos-transition);
}

.cart-global-open-modal-btn:hover[b-my33zvcbdk] {
    background: var(--pos-primary);
    color: white;
}

/* Glosa dentro de la lista de ajustes */
.cart-global-adjust-glosa[b-my33zvcbdk] {
    font-style: italic;
    opacity: 0.75;
    font-size: 0.7rem;
}

/* ===== MODAL AJUSTE GLOBAL ===== */
.cart-modal-overlay[b-my33zvcbdk] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: cartModalFadeIn-b-my33zvcbdk 0.2s ease;
}

@keyframes cartModalFadeIn-b-my33zvcbdk {
    from { opacity: 0; }
    to { opacity: 1; }
}

.cart-modal[b-my33zvcbdk] {
    background: var(--pos-card, #fff);
    border-radius: var(--pos-radius-md, 12px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
    width: 380px;
    max-width: 90vw;
    overflow: hidden;
    animation: cartModalSlideUp-b-my33zvcbdk 0.25s ease;
}

@keyframes cartModalSlideUp-b-my33zvcbdk {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.cart-modal-header[b-my33zvcbdk] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 18px;
    background: var(--pos-bg, #f8fafc);
    border-bottom: 1px solid var(--pos-border, #e2e8f0);
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--pos-text, #1e293b);
}

.cart-modal-close-btn[b-my33zvcbdk] {
    margin-left: auto;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: var(--pos-radius-xs);
    cursor: pointer;
    color: var(--pos-text-secondary);
    transition: var(--pos-transition);
    padding: 0;
}

.cart-modal-close-btn:hover[b-my33zvcbdk] {
    background: var(--pos-danger-light);
    color: var(--pos-danger);
}

.cart-modal-body[b-my33zvcbdk] {
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cart-modal-field[b-my33zvcbdk] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cart-modal-label[b-my33zvcbdk] {
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--pos-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cart-modal-row[b-my33zvcbdk] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
}

[b-my33zvcbdk] .cart-modal-body .rz-dropdown {
    border: 1.5px solid var(--pos-border) !important;
    border-radius: var(--pos-radius-xs) !important;
    height: 36px;
}

[b-my33zvcbdk] .cart-modal-body .rz-spinner {
    border: 1.5px solid var(--pos-border) !important;
    border-radius: var(--pos-radius-xs) !important;
    height: 36px;
}

[b-my33zvcbdk] .cart-modal-body .rz-textbox {
    border: 1.5px solid var(--pos-border) !important;
    border-radius: var(--pos-radius-xs) !important;
    height: 36px;
    padding: 0 10px;
}

.cart-modal-footer[b-my33zvcbdk] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 18px;
    border-top: 1px solid var(--pos-border, #e2e8f0);
    background: var(--pos-bg, #f8fafc);
}

.cart-modal-cancel-btn[b-my33zvcbdk] {
    padding: 8px 16px;
    background: transparent;
    border: 1.5px solid var(--pos-border);
    border-radius: var(--pos-radius-sm);
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--pos-text-secondary);
    cursor: pointer;
    transition: var(--pos-transition);
}

.cart-modal-cancel-btn:hover[b-my33zvcbdk] {
    background: var(--pos-bg);
    color: var(--pos-text);
}

.cart-modal-confirm-btn[b-my33zvcbdk] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    background: linear-gradient(135deg, var(--pos-success) 0%, #059669 100%);
    color: white;
    border: none;
    border-radius: var(--pos-radius-sm);
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--pos-transition);
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}

.cart-modal-confirm-btn:hover:not(:disabled)[b-my33zvcbdk] {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.45);
}

.cart-modal-confirm-btn:disabled[b-my33zvcbdk] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: none;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
    .cart-footer-top[b-my33zvcbdk] {
        flex-wrap: wrap;
    }
}

@media (max-width: 640px) {
    .cart-footer[b-my33zvcbdk] {
        padding: 10px 12px;
    }

    .cart-pay-btn[b-my33zvcbdk] {
        width: 100%;
        justify-content: center;
        padding: 10px;
    }
}
/* /Pages/Pos/Componentes/ModalEscanear.razor.rz.scp.css */
/* ===== MODAL ESCANEAR - SCOPED STYLES ===== */

.scan-overlay[b-jbouo2983o] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
    padding: 1rem;
    animation: posScanOverlayIn-b-jbouo2983o 0.2s ease;
}

.scan-modal[b-jbouo2983o] {
    background: var(--pos-card, #FFFFFF);
    border-radius: 16px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    width: 100%;
    max-width: 520px;
    overflow: hidden;
    animation: posScanModalIn-b-jbouo2983o 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.scan-header[b-jbouo2983o] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 20px;
    background: linear-gradient(135deg, #EEF2FF 0%, #FFFFFF 100%);
    border-bottom: 1px solid #E2E8F0;
}

.scan-header-icon[b-jbouo2983o] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #6366F1;
    color: white;
    border-radius: 10px;
    font-size: 1.2rem;
}

.scan-header h3[b-jbouo2983o] {
    font-size: 1rem;
    font-weight: 700;
    color: #1E293B;
    margin: 0;
}

.scan-body[b-jbouo2983o] {
    padding: 20px;
}

/* Scanner input */
.scan-input-wrapper[b-jbouo2983o] {
    position: relative;
    margin-bottom: 16px;
}

.scan-input-icon[b-jbouo2983o] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #94A3B8;
    font-size: 1.2rem;
    z-index: 1;
}

[b-jbouo2983o] .scan-input-wrapper .rz-textbox {
    width: 100% !important;
    padding-left: 40px !important;
    height: 44px !important;
    border: 2px solid #E2E8F0 !important;
    border-radius: 10px !important;
    font-size: 0.95rem !important;
    transition: all 0.2s ease;
}

[b-jbouo2983o] .scan-input-wrapper .rz-textbox:focus {
    border-color: #6366F1 !important;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.15) !important;
}

/* Product found card */
.scan-product-card[b-jbouo2983o] {
    display: flex;
    gap: 16px;
    padding: 16px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    animation: posScanProductIn-b-jbouo2983o 0.3s ease;
}

.scan-product-info[b-jbouo2983o] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.scan-product-row[b-jbouo2983o] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.scan-product-label[b-jbouo2983o] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    min-width: 60px;
}

.scan-product-value[b-jbouo2983o] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #1E293B;
}

.scan-product-image[b-jbouo2983o] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.scan-product-img[b-jbouo2983o] {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
    border: 2px solid #E2E8F0;
}

/* Not found message */
.scan-not-found[b-jbouo2983o] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: #FEE2E2;
    border-radius: 10px;
    color: #EF4444;
    font-size: 0.85rem;
    font-weight: 600;
    animation: posScanProductIn-b-jbouo2983o 0.3s ease;
}

.scan-not-found .rzi[b-jbouo2983o] {
    font-size: 1.2rem;
}

/* Footer buttons */
.scan-footer[b-jbouo2983o] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 14px 20px;
    border-top: 1px solid #E2E8F0;
    background: #F8FAFC;
}

.scan-btn[b-jbouo2983o] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 18px;
    border: none;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

.scan-btn-add[b-jbouo2983o] {
    background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(245, 158, 11, 0.3);
}

.scan-btn-add:hover:not(:disabled)[b-jbouo2983o] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.45);
}

.scan-btn-add:disabled[b-jbouo2983o] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: none;
}

.scan-btn-close[b-jbouo2983o] {
    background: #F1F5F9;
    color: #64748B;
}

.scan-btn-close:hover[b-jbouo2983o] {
    background: #E2E8F0;
    color: #1E293B;
}

.scan-btn .rzi[b-jbouo2983o] {
    font-size: 1rem;
}

/* ===== ANIMATIONS ===== */
@keyframes posScanOverlayIn-b-jbouo2983o {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes posScanModalIn-b-jbouo2983o {
    from { opacity: 0; transform: scale(0.9) translateY(16px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}

@keyframes posScanProductIn-b-jbouo2983o {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 640px) {
    .scan-modal[b-jbouo2983o] {
        max-width: 100%;
    }

    .scan-product-card[b-jbouo2983o] {
        flex-direction: column;
        align-items: center;
    }

    .scan-product-img[b-jbouo2983o] {
        width: 80px;
        height: 80px;
    }
}
/* /Pages/Pos/Componentes/PagosTab.razor.rz.scp.css */
/* ===== PAGOS TAB - SCOPED STYLES ===== */

.pagos-wrapper[b-jgonna1brs] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

/* ===== PAYMENT FORM ===== */
.pagos-form[b-jgonna1brs] {
    flex-shrink: 0;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--pos-border);
    margin-bottom: 12px;
}

.pagos-form-row[b-jgonna1brs] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 12px;
}

.pagos-field[b-jgonna1brs] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pagos-field-label[b-jgonna1brs] {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--pos-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

[b-jgonna1brs] .pagos-field .rz-dropdown {
    width: 100% !important;
    border: 1.5px solid var(--pos-border) !important;
    border-radius: var(--pos-radius-xs) !important;
    font-size: 0.85rem !important;
    transition: var(--pos-transition);
}

[b-jgonna1brs] .pagos-field .rz-dropdown:hover,
[b-jgonna1brs] .pagos-field .rz-dropdown:focus-within {
    border-color: var(--pos-primary) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12) !important;
}

[b-jgonna1brs] .pagos-field .rz-spinner {
    width: 100% !important;
    border: 1.5px solid var(--pos-border) !important;
    border-radius: var(--pos-radius-xs) !important;
    height: 36px !important;
    transition: var(--pos-transition);
}

[b-jgonna1brs] .pagos-field .rz-spinner:focus-within {
    border-color: var(--pos-primary) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12) !important;
}

.pagos-confirm-row[b-jgonna1brs] {
    display: flex;
    justify-content: flex-end;
}

.pagos-confirm-btn[b-jgonna1brs] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, var(--pos-accent) 0%, var(--pos-accent-dark) 100%);
    color: white;
    border: none;
    border-radius: var(--pos-radius-sm);
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--pos-transition);
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
}

.pagos-confirm-btn:hover:not(:disabled)[b-jgonna1brs] {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(245, 158, 11, 0.45);
}

.pagos-confirm-btn:disabled[b-jgonna1brs] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: none;
}

.pagos-confirm-btn .rzi[b-jgonna1brs] {
    font-size: 1.1rem;
}

/* ===== PAYMENT LIST ===== */
.pagos-list-header[b-jgonna1brs] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--pos-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
}

.pagos-list[b-jgonna1brs] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pago-item[b-jgonna1brs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: var(--pos-bg);
    border-radius: var(--pos-radius-sm);
    border-left: 3px solid var(--pos-primary);
    transition: var(--pos-transition);
    animation: posPagoItemIn-b-jgonna1brs 0.3s ease;
}

.pago-item:hover[b-jgonna1brs] {
    background: var(--pos-primary-light);
}

.pago-item-method[b-jgonna1brs] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--pos-text);
}

.pago-item-method .rzi[b-jgonna1brs] {
    font-size: 1rem;
    color: var(--pos-primary);
    vertical-align: middle;
    margin-right: 4px;
}

.pago-item-total[b-jgonna1brs] {
    font-size: 0.9rem;
    font-weight: 800;
    color: var(--pos-primary-dark);
}

/* ===== TOTAL PAID ===== */
.pagos-total[b-jgonna1brs] {
    flex-shrink: 0;
    padding: 10px 14px;
    margin-top: 10px;
    background: var(--pos-primary-light);
    border-radius: var(--pos-radius-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pagos-total-label[b-jgonna1brs] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--pos-text);
}

.pagos-total-value[b-jgonna1brs] {
    font-size: 1rem;
    font-weight: 800;
    color: var(--pos-primary-dark);
}

@keyframes posPagoItemIn-b-jgonna1brs {
    from { opacity: 0; transform: translateX(-10px); }
    to { opacity: 1; transform: translateX(0); }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 640px) {
    .pagos-form-row[b-jgonna1brs] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Pos/Componentes/ProductosTab.razor.rz.scp.css */
/* ===== ESTILOS DE PRODUCTOSTAB (scoped) ===== */

/* Contenedor principal - usa flexbox vertical para distribuir toolbar, header y contenido */
.productos-wrapper[b-v8csyr4xoa] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

/* ===== BARRA DE HERRAMIENTAS SUPERIOR ===== */

/* Contenedor de los botones de la barra de herramientas */
.productos-toolbar[b-v8csyr4xoa] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 12px;
    flex-shrink: 0;
}

/* Estilo base para todos los botones de la barra de herramientas */
.productos-toolbar-btn[b-v8csyr4xoa] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    border: none;
    border-radius: var(--pos-radius-xs);
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--pos-transition);
    white-space: nowrap;
}

/* Tamano del icono dentro de los botones */
.productos-toolbar-btn .rzi[b-v8csyr4xoa] {
    font-size: 1rem;
}

/* Efecto hover: elevacion sutil */
.productos-toolbar-btn:hover[b-v8csyr4xoa] {
    transform: translateY(-1px);
    box-shadow: var(--pos-shadow-md);
}

/* Efecto al presionar: vuelve a su posicion */
.productos-toolbar-btn:active[b-v8csyr4xoa] {
    transform: translateY(0);
}

/* --- Colores especificos de cada boton --- */

/* Boton "Nuevo producto" */
.btn-add-product[b-v8csyr4xoa] {
    background: var(--pos-primary);
    color: white;
}

/* Boton "Vista tabla" y "Volver" */
.btn-view-table[b-v8csyr4xoa] {
    background: var(--pos-success);
    color: white;
}

/* Boton "Vista imagenes" y "Limpiar" */
.btn-view-images[b-v8csyr4xoa] {
    background: #0EA5E9;
    color: white;
}

/* Boton "Vista categorias" y "Agregar" */
.btn-view-categories[b-v8csyr4xoa] {
    background: var(--pos-accent);
    color: white;
}

/* Boton "Escanear" */
.btn-scan[b-v8csyr4xoa] {
    background: #F97316;
    color: white;
}

/* Boton "Borrador" (reservado para uso futuro) */
.btn-draft[b-v8csyr4xoa] {
    background: #06B6D4;
    color: white;
}

/* ===== AREA DE CONTENIDO DE PRODUCTOS ===== */

/* Contenedor flexible que ocupa el espacio restante con scroll vertical */
.productos-content[b-v8csyr4xoa] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

/* ===== SOBREESCRITURAS DE ESTILOS DEL DATAGRID DE RADZEN ===== */

/* Hace que la grilla ocupe todo el espacio disponible */
[b-v8csyr4xoa] .productos-content .rz-data-grid {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

/* Elimina bordes y aplica bordes redondeados a la tabla */
[b-v8csyr4xoa] .productos-content .rz-datatable {
    border: none !important;
    border-radius: var(--pos-radius-sm) !important;
    overflow: hidden;
    font-size: 0.8rem;
}

/* Permite scroll interno en el cuerpo de la tabla */
[b-v8csyr4xoa] .productos-content .rz-data-grid .rz-datatable-scrollable-wrapper {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

/* Estilo de los encabezados de columna */
[b-v8csyr4xoa] .productos-content .rz-datatable-thead > tr > th {
    background: var(--pos-bg) !important;
    color: var(--pos-text-secondary) !important;
    font-weight: 700 !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 8px 10px !important;
}

/* Transicion suave al hacer hover en las filas */
[b-v8csyr4xoa] .productos-content .rz-datatable-tbody > tr {
    transition: background-color 0.15s ease;
}

/* Color de fondo al pasar el mouse sobre una fila */
[b-v8csyr4xoa] .productos-content .rz-datatable-tbody > tr:hover {
    background-color: var(--pos-primary-light) !important;
}

/* Espaciado y borde inferior de las celdas */
[b-v8csyr4xoa] .productos-content .rz-datatable-tbody > tr > td {
    padding: 6px 10px !important;
    border-bottom: 1px solid #F1F5F9 !important;
}

/* Estilo del texto de nombre/ID en la tabla */
.prod-name-text[b-v8csyr4xoa] {
    font-size: 0.78rem;
    color: var(--pos-text);
    font-weight: 500;
}

/* Estilo del texto de precio en la tabla (con fondo destacado) */
.prod-price-text[b-v8csyr4xoa] {
    font-size: 0.78rem;
    font-weight: 600;
    background: #F0FDFA;
    padding: 3px 8px;
    border-radius: var(--pos-radius-xs);
    text-align: right;
}

/* Boton circular para agregar producto desde la tabla */
.prod-add-btn[b-v8csyr4xoa] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--pos-primary);
    color: white;
    border: none;
    border-radius: var(--pos-radius-xs);
    cursor: pointer;
    transition: var(--pos-transition);
    padding: 0;
}

/* Efecto hover del boton agregar: escala y sombra */
.prod-add-btn:hover[b-v8csyr4xoa] {
    background: var(--pos-primary-dark);
    transform: scale(1.15);
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.4);
}

/* ===== VISTA DE IMAGENES (TARJETAS) ===== */

/* Grilla responsive de tarjetas de producto */
.productos-image-grid[b-v8csyr4xoa] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 10px;
    padding: 4px;
}

/* Tarjeta individual de producto */
.producto-card[b-v8csyr4xoa] {
    background: var(--pos-card);
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius-sm);
    padding: 12px 10px;
    text-align: center;
    cursor: pointer;
    transition: var(--pos-transition);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

/* Efecto hover: elevacion y borde resaltado */
.producto-card:hover[b-v8csyr4xoa] {
    transform: translateY(-3px);
    box-shadow: var(--pos-shadow-md);
    border-color: var(--pos-primary);
}

/* Efecto al presionar */
.producto-card:active[b-v8csyr4xoa] {
    transform: translateY(-1px);
}

/* Imagen del producto en la tarjeta */
.producto-card-img[b-v8csyr4xoa] {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: var(--pos-radius-xs);
}

/* Nombre del producto en la tarjeta (maximo 2 lineas con truncamiento) */
.producto-card-name[b-v8csyr4xoa] {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--pos-text);
    background: var(--pos-bg);
    padding: 3px 6px;
    border-radius: 4px;
    width: 100%;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Precio del producto en la tarjeta (badge con gradiente) */
.producto-card-price[b-v8csyr4xoa] {
    font-size: 0.75rem;
    font-weight: 700;
    color: white;
    background: linear-gradient(135deg, var(--pos-accent) 0%, var(--pos-accent-dark) 100%);
    padding: 3px 10px;
    border-radius: 20px;
    width: 100%;
}

/* ===== ENCABEZADO DE SECCION (vistas tabla e imagenes) ===== */

/* Barra con contador de productos y boton limpiar filtros */
.section-header[b-v8csyr4xoa] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 2px 4px 6px;
    flex-shrink: 0;
}

/* Campo de busqueda por nombre de producto */
.search-producto-input[b-v8csyr4xoa] {
    flex: 1;
    min-width: 0;
    padding: 4px 8px;
    font-size: 0.75rem;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: var(--pos-radius-xs);
    background: var(--pos-card-bg, #fff);
    color: var(--pos-text);
    outline: none;
    transition: var(--pos-transition);
}

.search-producto-input[b-v8csyr4xoa]::placeholder {
    color: var(--pos-text-muted);
}

.search-producto-input:focus[b-v8csyr4xoa] {
    border-color: var(--pos-primary);
    box-shadow: 0 0 0 2px var(--pos-primary-light, rgba(59,130,246,0.15));
}

/* Boton de limpiar filtros (estilo texto, sin fondo) */
.btn-clear-filters[b-v8csyr4xoa] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: none;
    border: none;
    color: var(--pos-text-muted);
    font-size: 0.7rem;
    font-weight: 500;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: var(--pos-radius-xs);
    transition: var(--pos-transition);
}

/* Tamano del icono en el boton limpiar filtros */
.btn-clear-filters .rzi[b-v8csyr4xoa] {
    font-size: 0.85rem;
}

/* Efecto hover del boton limpiar filtros */
.btn-clear-filters:hover[b-v8csyr4xoa] {
    color: var(--pos-primary);
    background: var(--pos-primary-light);
}

/* ===== VISTA DE CATEGORIAS ===== */

/* Grilla de categorias (no se usa actualmente, reservado) */
.categorias-grid[b-v8csyr4xoa] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 8px;
    margin-top: 8px;
}

/* Columna individual de la jerarquia (Categorias, Familias, Clases o Subclases) */
.categorias-column[b-v8csyr4xoa] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Titulo de cada columna de la jerarquia */
.categorias-column-title[b-v8csyr4xoa] {
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--pos-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding-bottom: 4px;
    border-bottom: 2px solid var(--pos-border);
    margin-bottom: 2px;
}

/* Boton de categoria/familia/clase/subclase */
.cat-btn[b-v8csyr4xoa] {
    display: block;
    width: 100%;
    padding: 6px 10px;
    border: none;
    border-radius: var(--pos-radius-xs);
    font-size: 0.7rem;
    font-weight: 600;
    cursor: pointer;
    transition: var(--pos-transition);
    text-align: left;
    color: white;
}

/* Efecto hover: desplazamiento horizontal sutil */
.cat-btn:hover[b-v8csyr4xoa] {
    transform: translateX(3px);
    box-shadow: var(--pos-shadow);
}

/* Estado activo/seleccionado: borde doble (blanco + verde) */
.cat-btn-active[b-v8csyr4xoa] {
    box-shadow: 0 0 0 2px white, 0 0 0 4px var(--pos-success);
}

/* Contenedor flex de la vista de categorias (scroll arriba, footer fijo abajo) */
.categorias-view[b-v8csyr4xoa] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* Zona scrollable donde se muestran las columnas de categorias */
.categorias-scroll[b-v8csyr4xoa] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

/* Pie fijo de la vista de categorias (contador + botones Limpiar y Volver) */
.categorias-footer[b-v8csyr4xoa] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--pos-border);
    flex-shrink: 0;
}

/* Texto del contador de productos encontrados */
.categorias-count[b-v8csyr4xoa] {
    font-size: 0.75rem;
    color: var(--pos-text-muted);
    font-weight: 500;
}

/* ===== FORMULARIO DE NUEVO PRODUCTO ===== */

/* Contenedor del formulario centrado con sombra */
.nuevo-producto-form[b-v8csyr4xoa] {
    max-width: 380px;
    margin: 20px auto;
    background: var(--pos-card);
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius);
    padding: 24px;
    box-shadow: var(--pos-shadow-md);
}

/* Titulo del formulario */
.nuevo-producto-form h3[b-v8csyr4xoa] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--pos-text);
    margin: 0 0 16px 0;
    text-align: center;
}

/* Grupo de campo del formulario (label + input) */
.form-field[b-v8csyr4xoa] {
    margin-bottom: 12px;
}

/* Etiqueta del campo del formulario */
.form-label[b-v8csyr4xoa] {
    display: block;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--pos-text-secondary);
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* Sobreescritura de estilos de inputs de Radzen dentro del formulario */
[b-v8csyr4xoa] .nuevo-producto-form .rz-textbox,
[b-v8csyr4xoa] .nuevo-producto-form .rz-spinner,
[b-v8csyr4xoa] .nuevo-producto-form .rz-dropdown {
    width: 100% !important;
    border-radius: var(--pos-radius-xs) !important;
    border: 1.5px solid var(--pos-border) !important;
    transition: var(--pos-transition);
}

/* Estado de foco en los inputs del formulario (borde y sombra azul) */
[b-v8csyr4xoa] .nuevo-producto-form .rz-textbox:focus,
[b-v8csyr4xoa] .nuevo-producto-form .rz-spinner:focus-within,
[b-v8csyr4xoa] .nuevo-producto-form .rz-dropdown:focus-within {
    border-color: var(--pos-primary) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15) !important;
}

/* Contenedor de los botones de accion del formulario (Volver y Agregar) */
.form-actions[b-v8csyr4xoa] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
}

/* ===== RESPONSIVO (pantallas menores a 640px) ===== */
@media (max-width: 640px) {
    /* Reduce espaciado en la barra de herramientas */
    .productos-toolbar[b-v8csyr4xoa] {
        gap: 4px;
    }

    /* Reduce tamano de los botones */
    .productos-toolbar-btn[b-v8csyr4xoa] {
        padding: 5px 8px;
        font-size: 0.7rem;
    }

    /* Oculta el texto de los botones, dejando solo el icono */
    .productos-toolbar-btn span:not(.rzi)[b-v8csyr4xoa] {
        display: none;
    }

    /* Reduce tamano minimo de las tarjetas en la grilla de imagenes */
    .productos-image-grid[b-v8csyr4xoa] {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        gap: 6px;
    }
}

/* ===== ESTADO DESHABILITADO PARA TARJETAS DE PRODUCTO ===== */
.producto-card-disabled[b-v8csyr4xoa] {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}
/* /Pages/Pos/Componentes/ResumenTab.razor.rz.scp.css */
/* ===== RESUMEN TAB - SCOPED STYLES ===== */

.resumen-wrapper[b-nll7eqcsmy] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.resumen-card[b-nll7eqcsmy] {
    background: var(--pos-card);
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius);
    padding: 20px;
    animation: posResumenIn-b-nll7eqcsmy 0.35s ease;
}

.resumen-header[b-nll7eqcsmy] {
    text-align: center;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--pos-primary-light);
}

.resumen-header h2[b-nll7eqcsmy] {
    font-size: 1rem;
    font-weight: 800;
    color: var(--pos-text);
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.resumen-header .rzi[b-nll7eqcsmy] {
    color: var(--pos-primary);
    font-size: 1.3rem;
}

/* ===== INFO ROWS ===== */
.resumen-info-row[b-nll7eqcsmy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px dashed var(--pos-border);
}

.resumen-info-row:last-child[b-nll7eqcsmy] {
    border-bottom: none;
}

.resumen-info-label[b-nll7eqcsmy] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--pos-text-secondary);
}

.resumen-info-value[b-nll7eqcsmy] {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--pos-text);
}

/* ===== TOTALS BREAKDOWN ===== */
.resumen-totals[b-nll7eqcsmy] {
    background: var(--pos-bg);
    border-radius: var(--pos-radius-sm);
    padding: 14px;
    margin-top: 12px;
}

.resumen-totals-title[b-nll7eqcsmy] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--pos-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
}

.resumen-total-row[b-nll7eqcsmy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px 0;
    font-size: 0.78rem;
}

.resumen-total-label[b-nll7eqcsmy] {
    color: var(--pos-text-secondary);
    font-weight: 500;
}

.resumen-total-value[b-nll7eqcsmy] {
    color: var(--pos-text);
    font-weight: 700;
}

.resumen-total-discount[b-nll7eqcsmy] {
    color: var(--pos-danger);
    font-weight: 700;
}

.resumen-total-divider[b-nll7eqcsmy] {
    border-top: 1.5px solid var(--pos-border);
    margin: 6px 0;
    padding-top: 6px;
}

.resumen-total-final[b-nll7eqcsmy] {
    font-size: 0.9rem;
}

.resumen-total-final .resumen-total-label[b-nll7eqcsmy],
.resumen-total-final .resumen-total-value[b-nll7eqcsmy] {
    font-weight: 800;
    color: var(--pos-text);
    font-size: 0.95rem;
}

/* ===== ACTION FOOTER ===== */
.resumen-footer[b-nll7eqcsmy] {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    padding-top: 14px;
    border-top: 1px solid var(--pos-border);
}

.resumen-grabar-btn[b-nll7eqcsmy] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    background: linear-gradient(135deg, var(--pos-success) 0%, #059669 100%);
    color: white;
    border: none;
    border-radius: var(--pos-radius-sm);
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--pos-transition);
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}

.resumen-grabar-btn:hover:not(:disabled)[b-nll7eqcsmy] {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.45);
}

.resumen-grabar-btn:disabled[b-nll7eqcsmy] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: none;
}

.resumen-grabar-btn .rzi[b-nll7eqcsmy] {
    font-size: 1.2rem;
}

/* ===== LOADING SPINNER ===== */
.resumen-loading[b-nll7eqcsmy] {
    display: flex;
    justify-content: center;
    padding: 16px;
}

[b-nll7eqcsmy] .resumen-loading .rz-progressbar-circular {
    width: 32px !important;
    height: 32px !important;
}

@keyframes posResumenIn-b-nll7eqcsmy {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}
/* /Pages/Pos/PosIndex.razor.rz.scp.css */
/* ===== POS DESIGN SYSTEM - MAIN LAYOUT ===== */

/* CSS Custom Properties (cascade to all children) */
.pos-container[b-bgq0la8yuh] {
    --pos-primary: #6366F1;
    --pos-primary-dark: #4F46E5;
    --pos-primary-light: #EEF2FF;
    --pos-accent: #F59E0B;
    --pos-accent-dark: #D97706;
    --pos-accent-light: #FFFBEB;
    --pos-success: #10B981;
    --pos-success-light: #D1FAE5;
    --pos-danger: #EF4444;
    --pos-danger-light: #FEE2E2;
    --pos-bg: #F1F5F9;
    --pos-card: #FFFFFF;
    --pos-text: #1E293B;
    --pos-text-secondary: #64748B;
    --pos-text-muted: #94A3B8;
    --pos-border: #E2E8F0;
    --pos-shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --pos-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
    --pos-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
    --pos-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
    --pos-radius: 12px;
    --pos-radius-sm: 8px;
    --pos-radius-xs: 6px;
    --pos-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    display: grid;
    grid-template-columns: 55fr 45fr;
    gap: 16px;
    /* Ocupar todo el espacio disponible del contenedor padre (.tab-pane) */
    height: 100%;
    padding: 0 16px;
    background: var(--pos-bg);
    overflow: hidden;
    box-sizing: border-box;
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* ===== PANEL CARDS ===== */
.pos-panel[b-bgq0la8yuh] {
    background: var(--pos-card);
    border-radius: var(--pos-radius);
    box-shadow: var(--pos-shadow);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

.pos-panel-header[b-bgq0la8yuh] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--pos-border);
    flex-shrink: 0;
    background: linear-gradient(135deg, var(--pos-primary-light) 0%, var(--pos-card) 100%);
}

.pos-panel-header h2[b-bgq0la8yuh] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--pos-text);
    margin: 0;
    letter-spacing: -0.01em;
}

.pos-header-icon[b-bgq0la8yuh] {
    font-size: 1.25rem;
    color: var(--pos-primary);
}

.pos-badge[b-bgq0la8yuh] {
    background: var(--pos-primary);
    color: white;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 20px;
    min-width: 22px;
    text-align: center;
    animation: posBadgePop-b-bgq0la8yuh 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.pos-panel-body[b-bgq0la8yuh] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

/* ===== TABS NAVIGATION ===== */
.pos-tabs-panel[b-bgq0la8yuh] {
    display: flex;
    flex-direction: column;
}

.pos-tabs-nav[b-bgq0la8yuh] {
    display: flex;
    gap: 4px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--pos-border);
    flex-shrink: 0;
    background: var(--pos-card);
}

.pos-tab-btn[b-bgq0la8yuh] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border: none;
    background: transparent;
    color: var(--pos-text-secondary);
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: var(--pos-radius-sm);
    cursor: pointer;
    transition: var(--pos-transition);
    position: relative;
    white-space: nowrap;
}

.pos-tab-btn .rzi[b-bgq0la8yuh] {
    font-size: 1.1rem;
}

.pos-tab-btn:hover:not(:disabled)[b-bgq0la8yuh] {
    background: var(--pos-primary-light);
    color: var(--pos-primary);
}

.pos-tab-btn.active[b-bgq0la8yuh] {
    background: var(--pos-primary);
    color: white;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.35);
}

.pos-tab-btn:disabled[b-bgq0la8yuh] {
    opacity: 0.35;
    cursor: not-allowed;
}

/* ===== TAB CONTENT ===== */
.pos-tab-content[b-bgq0la8yuh] {
    flex: 1;
    overflow: hidden;
    min-height: 0;
}

.pos-tab-pane[b-bgq0la8yuh] {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 14px;
    animation: posTabFadeIn-b-bgq0la8yuh 0.25s ease;
}

/* ===== PDF MODAL ===== */
.pos-modal-overlay[b-bgq0la8yuh] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
    animation: posOverlayIn-b-bgq0la8yuh 0.2s ease;
    padding: 1rem;
}

.pos-modal-card[b-bgq0la8yuh] {
    background: var(--pos-card);
    border-radius: var(--pos-radius);
    box-shadow: var(--pos-shadow-lg);
    width: 100%;
    max-width: 700px;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: posModalIn-b-bgq0la8yuh 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.pos-modal-lg[b-bgq0la8yuh] {
    max-width: 800px;
}

.pos-modal-header[b-bgq0la8yuh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--pos-border);
}

.pos-modal-header h3[b-bgq0la8yuh] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--pos-text);
    margin: 0;
}

.pos-modal-close[b-bgq0la8yuh] {
    background: none;
    border: none;
    color: var(--pos-text-muted);
    cursor: pointer;
    padding: 4px;
    border-radius: 6px;
    transition: var(--pos-transition);
    display: flex;
    align-items: center;
}

.pos-modal-close:hover[b-bgq0la8yuh] {
    background: var(--pos-danger-light);
    color: var(--pos-danger);
}

.pos-modal-body[b-bgq0la8yuh] {
    padding: 20px;
    flex: 1;
    overflow-y: auto;
}

.pos-modal-footer[b-bgq0la8yuh] {
    padding: 12px 20px;
    border-top: 1px solid var(--pos-border);
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

/* ===== SHARED BUTTON STYLES ===== */
.pos-btn[b-bgq0la8yuh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: none;
    border-radius: var(--pos-radius-sm);
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: var(--pos-transition);
}

.pos-btn .rzi[b-bgq0la8yuh] {
    font-size: 1.1rem;
}

.pos-btn-primary[b-bgq0la8yuh] {
    background: var(--pos-primary);
    color: white;
}

.pos-btn-primary:hover[b-bgq0la8yuh] {
    background: var(--pos-primary-dark);
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.4);
}

.pos-btn-accent[b-bgq0la8yuh] {
    background: var(--pos-accent);
    color: white;
}

.pos-btn-accent:hover[b-bgq0la8yuh] {
    background: var(--pos-accent-dark);
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.4);
}

.pos-btn-secondary[b-bgq0la8yuh] {
    background: var(--pos-bg);
    color: var(--pos-text-secondary);
}

.pos-btn-secondary:hover[b-bgq0la8yuh] {
    background: var(--pos-border);
    color: var(--pos-text);
}

.pos-btn-danger[b-bgq0la8yuh] {
    background: var(--pos-danger-light);
    color: var(--pos-danger);
}

.pos-btn-danger:hover[b-bgq0la8yuh] {
    background: var(--pos-danger);
    color: white;
}

/* ===== ANIMATIONS ===== */
@keyframes posBadgePop-b-bgq0la8yuh {
    0% { transform: scale(0.5); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes posTabFadeIn-b-bgq0la8yuh {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes posOverlayIn-b-bgq0la8yuh {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes posModalIn-b-bgq0la8yuh {
    from { opacity: 0; transform: scale(0.92) translateY(10px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}

/* ===== RESPONSIVE: TABLET ===== */
@media (max-width: 1024px) {
    .pos-container[b-bgq0la8yuh] {
        grid-template-columns: 1fr;
        height: auto;
        min-height: 100vh;
        overflow-y: auto;
        gap: 12px;
        padding: 10px;
    }

    .pos-panel[b-bgq0la8yuh] {
        min-height: 400px;
    }

    .pos-tabs-nav[b-bgq0la8yuh] {
        overflow-x: auto;
    }
}

/* ===== RESPONSIVE: MOBILE ===== */
@media (max-width: 640px) {
    .pos-container[b-bgq0la8yuh] {
        padding: 8px;
        gap: 8px;
    }

    .pos-panel-header[b-bgq0la8yuh] {
        padding: 10px 14px;
    }

    .pos-tabs-nav[b-bgq0la8yuh] {
        gap: 2px;
        padding: 8px 10px;
    }

    .pos-tab-btn[b-bgq0la8yuh] {
        padding: 6px 10px;
        font-size: 0.75rem;
    }

    .pos-tab-btn .rzi[b-bgq0la8yuh] {
        font-size: 1rem;
    }

    .pos-tab-btn span:last-child[b-bgq0la8yuh] {
        display: none;
    }

    .pos-tab-pane[b-bgq0la8yuh] {
        padding: 10px;
    }

    .pos-modal-card[b-bgq0la8yuh] {
        max-height: 95vh;
    }
}

/* ===== LOADING OVERLAY - BLOQUEO DE PANTALLA ===== */
.pos-loading-overlay[b-bgq0la8yuh] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    cursor: not-allowed;
}

.pos-loading-content[b-bgq0la8yuh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    background: var(--pos-card, #fff);
    padding: 32px 48px;
    border-radius: var(--pos-radius, 12px);
    box-shadow: var(--pos-shadow-lg);
}

.pos-loading-text[b-bgq0la8yuh] {
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--pos-text, #1E293B);
    letter-spacing: 0.01em;
}
/* /Pages/Productos/Componentes/CargaMasivaProductosModal.razor.rz.scp.css */
/* ===== MODAL CARGA MASIVA DE PRODUCTOS ===== */

.cmp-modal[b-6ess1bxmk7] {
    --cmp-primary: #6366F1;
    --cmp-primary-light: #EEF2FF;
    --cmp-success: #10B981;
    --cmp-success-light: #D1FAE5;
    --cmp-danger: #EF4444;
    --cmp-danger-light: #FEE2E2;
    --cmp-info: #0EA5E9;
    --cmp-info-light: #E0F2FE;
    --cmp-border: #E2E8F0;
    --cmp-bg: #F8FAFC;
    --cmp-card: #FFFFFF;
    --cmp-text: #1E293B;
    --cmp-text-secondary: #64748B;
    --cmp-radius-xs: 6px;
    --cmp-radius-sm: 8px;
    --cmp-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background: var(--cmp-bg);
    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
    position: relative;
}

.cmp-loading-overlay[b-6ess1bxmk7] {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
    z-index: 20;
    color: var(--cmp-text-secondary);
    font-weight: 600;
    font-size: 0.9rem;
}

.cmp-loading-spinner[b-6ess1bxmk7] {
    width: 42px;
    height: 42px;
    border: 4px solid var(--cmp-border);
    border-top-color: var(--cmp-primary);
    border-radius: 50%;
    animation: cmpSpin-b-6ess1bxmk7 0.8s linear infinite;
}

@keyframes cmpSpin-b-6ess1bxmk7 {
    to { transform: rotate(360deg); }
}

.cmp-body[b-6ess1bxmk7] {
    flex: 1;
    overflow-y: auto;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cmp-info[b-6ess1bxmk7] {
    display: flex;
    gap: 10px;
    padding: 10px 14px;
    background: var(--cmp-info-light);
    border-left: 3px solid var(--cmp-info);
    border-radius: var(--cmp-radius-xs);
    font-size: 0.82rem;
    color: var(--cmp-text);
}

.cmp-info code[b-6ess1bxmk7] {
    background: rgba(0,0,0,0.06);
    padding: 1px 5px;
    border-radius: 4px;
    font-family: 'Consolas', monospace;
    font-size: 0.78rem;
}

.cmp-info .rzi[b-6ess1bxmk7] {
    color: var(--cmp-info);
    font-size: 1.2rem;
    flex-shrink: 0;
}

/* ===== SELECTOR DE ARCHIVO ===== */
.cmp-file-picker[b-6ess1bxmk7] {
    display: flex;
}

.cmp-file-label[b-6ess1bxmk7] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border: 2px dashed var(--cmp-border);
    border-radius: var(--cmp-radius-sm);
    background: var(--cmp-card);
    cursor: pointer;
    transition: var(--cmp-transition);
    color: var(--cmp-text-secondary);
    font-size: 0.85rem;
    font-weight: 600;
}

.cmp-file-label:hover[b-6ess1bxmk7] {
    border-color: var(--cmp-primary);
    background: var(--cmp-primary-light);
    color: var(--cmp-primary);
}

.cmp-file-label .rzi[b-6ess1bxmk7] {
    font-size: 1.3rem;
}

.cmp-input-hidden[b-6ess1bxmk7] {
    display: none;
}

/* ===== STATS ===== */
.cmp-stats[b-6ess1bxmk7] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.cmp-stat[b-6ess1bxmk7] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: var(--cmp-radius-sm);
    background: var(--cmp-card);
    border: 1px solid var(--cmp-border);
}

.cmp-stat .rzi[b-6ess1bxmk7] {
    font-size: 1.6rem;
}

.cmp-stat-value[b-6ess1bxmk7] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--cmp-text);
}

.cmp-stat-label[b-6ess1bxmk7] {
    font-size: 0.7rem;
    color: var(--cmp-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cmp-stat-ok[b-6ess1bxmk7] { border-left: 3px solid var(--cmp-success); }
.cmp-stat-ok .rzi[b-6ess1bxmk7] { color: var(--cmp-success); }
.cmp-stat-err[b-6ess1bxmk7] { border-left: 3px solid var(--cmp-danger); }
.cmp-stat-err .rzi[b-6ess1bxmk7] { color: var(--cmp-danger); }
.cmp-stat-total[b-6ess1bxmk7] { border-left: 3px solid var(--cmp-primary); }
.cmp-stat-total .rzi[b-6ess1bxmk7] { color: var(--cmp-primary); }

/* ===== PREVIEW TABLE ===== */
.cmp-preview[b-6ess1bxmk7] {
    max-height: 280px;
    overflow: auto;
    background: var(--cmp-card);
    border: 1px solid var(--cmp-border);
    border-radius: var(--cmp-radius-sm);
}

.cmp-preview-table[b-6ess1bxmk7] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
}

.cmp-preview-table thead th[b-6ess1bxmk7] {
    position: sticky;
    top: 0;
    background: var(--cmp-bg);
    color: var(--cmp-text-secondary);
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 8px 10px;
    text-align: left;
    border-bottom: 1px solid var(--cmp-border);
}

.cmp-preview-table tbody td[b-6ess1bxmk7] {
    padding: 6px 10px;
    border-bottom: 1px dashed #F1F5F9;
    color: var(--cmp-text);
}

.cmp-row-err[b-6ess1bxmk7] {
    background: var(--cmp-danger-light);
}

.cmp-icon-ok[b-6ess1bxmk7] {
    color: var(--cmp-success);
    font-size: 1rem;
}

.cmp-icon-err[b-6ess1bxmk7] {
    color: var(--cmp-danger);
    font-size: 1rem;
}

.cmp-errores-cell[b-6ess1bxmk7] {
    color: var(--cmp-danger);
    font-size: 0.75rem;
    max-width: 220px;
}

/* ===== RESUMEN ===== */
.cmp-resumen[b-6ess1bxmk7] {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 10px 14px;
    background: var(--cmp-card);
    border: 1px solid var(--cmp-border);
    border-radius: var(--cmp-radius-sm);
    font-size: 0.85rem;
}

.cmp-txt-ok[b-6ess1bxmk7] { color: var(--cmp-success); font-weight: 700; }
.cmp-txt-err[b-6ess1bxmk7] { color: var(--cmp-danger); font-weight: 700; }

/* ===== FOOTER ===== */
.cmp-footer[b-6ess1bxmk7] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 16px;
    border-top: 1px solid var(--cmp-border);
    background: var(--cmp-card);
    flex-shrink: 0;
}

.cmp-btn[b-6ess1bxmk7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: none;
    border-radius: var(--cmp-radius-xs);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    color: white;
    transition: var(--cmp-transition);
}

.cmp-btn:hover:not(:disabled)[b-6ess1bxmk7] {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.cmp-btn:disabled[b-6ess1bxmk7] {
    opacity: 0.55;
    cursor: not-allowed;
}

.cmp-btn-secondary[b-6ess1bxmk7] {
    background: var(--cmp-text-secondary);
}

.cmp-btn-primary[b-6ess1bxmk7] {
    background: var(--cmp-success);
}

.cmp-btn .rzi[b-6ess1bxmk7] {
    font-size: 1rem;
}
/* /Pages/Productos/Componentes/ProductoDetalle.razor.rz.scp.css */
/* ===== PRODUCTO DETALLE - ESTILOS DEL DIÁLOGO ===== */

/* Contenedor principal del detalle */
.detalle-container[b-0hyebwdrpf] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    animation: detalleIn-b-0hyebwdrpf 0.3s ease;
}

/* ===== TARJETA DE INFORMACIÓN BÁSICA ===== */
.detalle-info-card[b-0hyebwdrpf] {
    background: linear-gradient(135deg, #EEF2FF 0%, #FFFFFF 100%);
    border-radius: 10px;
    padding: 16px 20px;
    border: 1px solid #E2E8F0;
}

/* Layout horizontal: imagen + campos */
.detalle-info-row[b-0hyebwdrpf] {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

/* Imagen siempre visible en la cabecera */
.detalle-header-image[b-0hyebwdrpf] {
    width: 7rem;
    height: 7rem;
    object-fit: contain;
    border-radius: 10px;
    background-color: #F8FAFC;
    padding: 6px;
    border: 1px solid #E2E8F0;
    flex-shrink: 0;
}

.detalle-info-grid[b-0hyebwdrpf] {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.detalle-field[b-0hyebwdrpf] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detalle-field-label[b-0hyebwdrpf] {
    font-size: 0.68rem;
    font-weight: 600;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.detalle-field-value[b-0hyebwdrpf] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #1E293B;
    word-break: break-word;
}

/* ===== TARJETA CON TABS ===== */
.detalle-tabs-card[b-0hyebwdrpf] {
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #E2E8F0;
    overflow: hidden;
}

/* Navegación de tabs */
.detalle-tabs-nav[b-0hyebwdrpf] {
    display: flex;
    gap: 4px;
    padding: 10px 16px;
    border-bottom: 1px solid #E2E8F0;
    background: #F8FAFC;
    overflow-x: auto;
}

.detalle-tab-btn[b-0hyebwdrpf] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border: none;
    background: transparent;
    color: #64748B;
    font-size: 0.78rem;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
}

.detalle-tab-btn:hover[b-0hyebwdrpf] {
    background: #EEF2FF;
    color: #6366F1;
}

.detalle-tab-btn.active[b-0hyebwdrpf] {
    background: #6366F1;
    color: white;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.35);
}

.detalle-tab-btn .rzi[b-0hyebwdrpf] {
    font-size: 1rem;
}

/* Contenido de los tabs */
.detalle-tab-content[b-0hyebwdrpf] {
    padding: 16px 20px;
    min-height: 160px;
    animation: detalleTabFade-b-0hyebwdrpf 0.25s ease;
}

.detalle-tab-grid[b-0hyebwdrpf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.detalle-tab-grid.single-col[b-0hyebwdrpf] {
    grid-template-columns: 1fr;
}

/* ===== SECCIÓN DE IMAGEN Y EXTRAS ===== */
.detalle-extras-row[b-0hyebwdrpf] {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.detalle-image[b-0hyebwdrpf] {
    width: 10rem;
    height: 10rem;
    object-fit: contain;
    border-radius: 10px;
    background-color: #F8FAFC;
    padding: 6px;
    border: 1px solid #E2E8F0;
    flex-shrink: 0;
}

.detalle-extras-fields[b-0hyebwdrpf] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ===== TEXTAREA READONLY ===== */
.detalle-textarea[b-0hyebwdrpf] {
    width: 100%;
    font-size: 0.82rem;
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 8px 10px;
    resize: none;
    color: #1E293B;
    font-family: inherit;
}

/* ===== BOTÓN DE CERRAR ===== */
.detalle-footer[b-0hyebwdrpf] {
    display: flex;
    justify-content: flex-end;
    padding-top: 4px;
}

.detalle-close-btn[b-0hyebwdrpf] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 20px;
    border: 1px solid #E2E8F0;
    background: #F8FAFC;
    color: #64748B;
    font-size: 0.82rem;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.detalle-close-btn:hover[b-0hyebwdrpf] {
    background: #EEF2FF;
    color: #6366F1;
    border-color: #6366F1;
}

.detalle-close-btn .rzi[b-0hyebwdrpf] {
    font-size: 1rem;
}

/* ===== ANIMACIONES ===== */
@keyframes detalleIn-b-0hyebwdrpf {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes detalleTabFade-b-0hyebwdrpf {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 640px) {
    .detalle-info-row[b-0hyebwdrpf] {
        flex-direction: column;
        align-items: center;
    }

    .detalle-info-grid[b-0hyebwdrpf],
    .detalle-tab-grid[b-0hyebwdrpf] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Productos/Componentes/ProductoFormulario.razor.rz.scp.css */
/* ===== PRODUCTO FORMULARIO - ESTILOS DEL DIÁLOGO (CREAR / EDITAR) ===== */

/* Contenedor principal del formulario */
.form-container[b-gwnxviz6ah] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    animation: formIn-b-gwnxviz6ah 0.3s ease;
}

/* ===== TARJETA DE CAMPOS PRINCIPALES ===== */
.form-main-card[b-gwnxviz6ah] {
    background: linear-gradient(135deg, #EEF2FF 0%, #FFFFFF 100%);
    border-radius: 10px;
    padding: 16px 20px;
    border: 1px solid #E2E8F0;
}

.form-fields-grid[b-gwnxviz6ah] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 16px;
}

.form-field[b-gwnxviz6ah] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-field.full-width[b-gwnxviz6ah] {
    grid-column: 1 / -1;
}

.form-field-label[b-gwnxviz6ah] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #64748B;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Inputs personalizados dentro del formulario - bordes visibles sutiles */
.form-field[b-gwnxviz6ah]  .rz-textbox,
.form-field[b-gwnxviz6ah]  .rz-dropdown,
.form-field[b-gwnxviz6ah]  .rz-spinner,
.form-field[b-gwnxviz6ah]  .rz-textarea,
.form-field[b-gwnxviz6ah]  .rz-inputtext,
.form-field[b-gwnxviz6ah]  .rz-dropdown-trigger,
.form-field[b-gwnxviz6ah]  input,
.form-field[b-gwnxviz6ah]  .rz-numeric,
.form-field[b-gwnxviz6ah]  .rz-fileupload {
    border: 1.5px solid #CBD5E1 !important;
    border-radius: 8px !important;
    font-size: 0.82rem !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    background: white !important;
}

.form-field[b-gwnxviz6ah]  .rz-textbox,
.form-field[b-gwnxviz6ah]  .rz-dropdown,
.form-field[b-gwnxviz6ah]  .rz-spinner,
.form-field[b-gwnxviz6ah]  .rz-numeric {
    height: 34px !important;
}

.form-field[b-gwnxviz6ah]  .rz-textbox:focus,
.form-field[b-gwnxviz6ah]  .rz-state-focused,
.form-field[b-gwnxviz6ah]  input:focus,
.form-field[b-gwnxviz6ah]  .rz-numeric:focus-within {
    border-color: #6366F1 !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15) !important;
}

/* Asegurar que dropdowns cerrados muestren borde */
.form-field[b-gwnxviz6ah]  .rz-dropdown .rz-dropdown-label {
    border: none !important;
}

/* ===== TARJETA CON TABS ===== */
.form-tabs-card[b-gwnxviz6ah] {
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #E2E8F0;
    overflow: hidden;
}

/* Navegación de tabs */
.form-tabs-nav[b-gwnxviz6ah] {
    display: flex;
    gap: 4px;
    padding: 10px 16px;
    border-bottom: 1px solid #E2E8F0;
    background: #F8FAFC;
    overflow-x: auto;
}

.form-tab-btn[b-gwnxviz6ah] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border: none;
    background: transparent;
    color: #64748B;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
}

.form-tab-btn:hover[b-gwnxviz6ah] {
    background: #EEF2FF;
    color: #6366F1;
}

.form-tab-btn.active[b-gwnxviz6ah] {
    background: #6366F1;
    color: white;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.35);
}

.form-tab-btn .rzi[b-gwnxviz6ah] {
    font-size: 1rem;
}

/* Contenido de los tabs */
.form-tab-content[b-gwnxviz6ah] {
    padding: 16px 20px;
    min-height: 180px;
    animation: formTabFade-b-gwnxviz6ah 0.25s ease;
}

.form-tab-grid[b-gwnxviz6ah] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 16px;
}

/* ===== SECCIÓN DE IMAGEN ===== */

/* Contenedor principal de la seccion imagen: preview a la izquierda, upload a la derecha */
.form-image-section[b-gwnxviz6ah] {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

/* Contenedor del preview con etiqueta debajo */
.form-image-preview-wrapper[b-gwnxviz6ah] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

/* Texto "Vista previa" debajo de la imagen */
.form-image-hint[b-gwnxviz6ah] {
    font-size: 0.65rem;
    color: #94A3B8;
    font-weight: 500;
    letter-spacing: 0.03em;
}

/* Contenedor del input de subida de archivo */
.form-image-upload[b-gwnxviz6ah] {
    flex: 1;
}

/* Ocultar la preview interna que genera el RadzenFileInput */
[b-gwnxviz6ah] .form-image-upload .rz-fileupload-preview,
[b-gwnxviz6ah] .form-image-upload .rz-fileupload-image,
[b-gwnxviz6ah] .form-image-upload img {
    display: none !important;
}

/* ===== FOOTER CON BOTONES ===== */
.form-footer[b-gwnxviz6ah] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 4px;
}

.form-btn[b-gwnxviz6ah] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 20px;
    border: none;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.form-btn .rzi[b-gwnxviz6ah] {
    font-size: 1rem;
}

.form-btn-save[b-gwnxviz6ah] {
    background: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(99, 102, 241, 0.3);
}

.form-btn-save:hover[b-gwnxviz6ah] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.45);
}

.form-btn-cancel[b-gwnxviz6ah] {
    background: #F8FAFC;
    color: #64748B;
    border: 1px solid #E2E8F0;
}

.form-btn-cancel:hover[b-gwnxviz6ah] {
    background: #EEF2FF;
    color: #6366F1;
    border-color: #6366F1;
}

/* ===== ANIMACIONES ===== */
@keyframes formIn-b-gwnxviz6ah {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes formTabFade-b-gwnxviz6ah {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 640px) {
    .form-fields-grid[b-gwnxviz6ah],
    .form-tab-grid[b-gwnxviz6ah] {
        grid-template-columns: 1fr;
    }

    .form-tabs-nav[b-gwnxviz6ah] {
        overflow-x: auto;
    }

    .form-field.full-width[b-gwnxviz6ah] {
        grid-column: auto;
    }

    .form-image-section[b-gwnxviz6ah] {
        flex-direction: column;
        align-items: center;
    }
}
/* /Pages/Productos/ProductosIndex.razor.rz.scp.css */
/* ===== PRODUCTOS - DESIGN SYSTEM ===== */
/* Paleta de colores consistente con Clientes y POS */

/* ===== CONTENEDOR PRINCIPAL ===== */
.prod-container[b-fssuyd9csf] {
    --prod-primary: #6366F1;
    --prod-primary-dark: #4F46E5;
    --prod-primary-light: #EEF2FF;
    --prod-accent: #F59E0B;
    --prod-accent-dark: #D97706;
    --prod-accent-light: #FFFBEB;
    --prod-success: #10B981;
    --prod-success-light: #D1FAE5;
    --prod-danger: #EF4444;
    --prod-danger-light: #FEE2E2;
    --prod-info: #0EA5E9;
    --prod-info-light: #E0F2FE;
    --prod-bg: #F1F5F9;
    --prod-card: #FFFFFF;
    --prod-text: #1E293B;
    --prod-text-secondary: #64748B;
    --prod-text-muted: #94A3B8;
    --prod-border: #E2E8F0;
    --prod-shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --prod-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
    --prod-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
    --prod-radius: 12px;
    --prod-radius-sm: 8px;
    --prod-radius-xs: 6px;
    --prod-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--prod-bg);
    overflow: hidden;
    box-sizing: border-box;
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    padding: 16px;
    gap: 12px;
    animation: prodFadeIn-b-fssuyd9csf 0.35s ease;
}

/* ===== BARRA SUPERIOR / HEADER ===== */
.prod-header[b-fssuyd9csf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--prod-card);
    border-radius: var(--prod-radius);
    box-shadow: var(--prod-shadow);
    padding: 12px 20px;
    flex-shrink: 0;
    border: 1px solid var(--prod-border);
}

.prod-header-left[b-fssuyd9csf] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.prod-header-icon[b-fssuyd9csf] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: var(--prod-primary-light);
    border-radius: var(--prod-radius-sm);
    color: var(--prod-primary);
    font-size: 1.25rem;
}

.prod-header h2[b-fssuyd9csf] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--prod-text);
    margin: 0;
    letter-spacing: -0.01em;
}

.prod-header-subtitle[b-fssuyd9csf] {
    font-size: 0.75rem;
    color: var(--prod-text-muted);
    margin: 0;
    font-weight: 500;
}

.prod-header-actions[b-fssuyd9csf] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.prod-search-input[b-fssuyd9csf] {
    padding: 7px 14px;
    border: 1px solid var(--prod-border);
    border-radius: var(--prod-radius-sm);
    font-size: 0.82rem;
    font-family: inherit;
    color: var(--prod-text);
    background: var(--prod-bg);
    outline: none;
    width: 260px;
    transition: var(--prod-transition);
}

.prod-search-input:focus[b-fssuyd9csf] {
    border-color: var(--prod-primary);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

.prod-search-input[b-fssuyd9csf]::placeholder {
    color: var(--prod-text-muted);
    font-weight: 400;
}

/* ===== BOTONES ===== */
.prod-btn[b-fssuyd9csf] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    border: none;
    border-radius: var(--prod-radius-sm);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: var(--prod-transition);
    letter-spacing: 0.01em;
}

.prod-btn-primary[b-fssuyd9csf] {
    background: linear-gradient(135deg, var(--prod-primary) 0%, var(--prod-primary-dark) 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(99, 102, 241, 0.3);
}

.prod-btn-primary:hover[b-fssuyd9csf] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.45);
}

.prod-btn-primary:active[b-fssuyd9csf] {
    transform: translateY(0);
}

.prod-btn-info[b-fssuyd9csf] {
    background: linear-gradient(135deg, var(--prod-info) 0%, #0284C7 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(14, 165, 233, 0.3);
}

.prod-btn-info:hover[b-fssuyd9csf] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(14, 165, 233, 0.45);
}

.prod-btn-info:active[b-fssuyd9csf] {
    transform: translateY(0);
}

.prod-btn-accent[b-fssuyd9csf] {
    background: linear-gradient(135deg, var(--prod-accent) 0%, var(--prod-accent-dark) 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(245, 158, 11, 0.3);
}

.prod-btn-accent:hover[b-fssuyd9csf] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.45);
}

.prod-btn-accent:active[b-fssuyd9csf] {
    transform: translateY(0);
}

/* ===== CONTENEDOR DE LA GRILLA ===== */
.prod-grid-wrapper[b-fssuyd9csf] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--prod-card);
    border-radius: var(--prod-radius);
    box-shadow: var(--prod-shadow);
    overflow: hidden;
    min-height: 0;
    border: 1px solid var(--prod-border);
    animation: prodSlideUp-b-fssuyd9csf 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ===== BOTONES DE ACCIÓN EN LA GRILLA ===== */
.prod-action-group[b-fssuyd9csf] {
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
}

.prod-action-btn[b-fssuyd9csf] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--prod-radius-xs);
    cursor: pointer;
    transition: var(--prod-transition);
    padding: 0;
    color: white;
    font-size: 0.85rem;
}

.prod-action-btn .rzi[b-fssuyd9csf] {
    font-size: 0.9rem;
}

.prod-action-btn:hover[b-fssuyd9csf] {
    transform: scale(1.12);
    box-shadow: var(--prod-shadow-md);
}

.prod-action-btn:active[b-fssuyd9csf] {
    transform: scale(0.95);
}

.prod-action-btn.detail[b-fssuyd9csf] {
    background: var(--prod-success);
}

.prod-action-btn.detail:hover[b-fssuyd9csf] {
    background: #059669;
}

.prod-action-btn.edit[b-fssuyd9csf] {
    background: var(--prod-info);
}

.prod-action-btn.edit:hover[b-fssuyd9csf] {
    background: #0284C7;
}

.prod-action-btn.delete[b-fssuyd9csf] {
    background: var(--prod-danger);
}

.prod-action-btn.delete:hover[b-fssuyd9csf] {
    background: #DC2626;
}

/* ===== ESTADO DE CARGA ===== */
.prod-loading[b-fssuyd9csf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 16px;
    background: var(--prod-bg);
    animation: prodFadeIn-b-fssuyd9csf 0.3s ease;
}

.prod-spinner[b-fssuyd9csf] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--prod-border);
    border-top-color: var(--prod-primary);
    border-radius: 50%;
    animation: prodSpin-b-fssuyd9csf 0.8s linear infinite;
}

.prod-loading-text[b-fssuyd9csf] {
    font-size: 0.85rem;
    color: var(--prod-text-secondary);
    font-weight: 500;
}

/* ===== BADGE CONTADOR ===== */
.prod-badge[b-fssuyd9csf] {
    background: var(--prod-primary);
    color: white;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: 20px;
    min-width: 24px;
    text-align: center;
    animation: prodBadgePop-b-fssuyd9csf 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* ===== ESTILOS DE LA GRILLA RADZEN ===== */
[b-fssuyd9csf] .rz-datatable {
    border: none !important;
}

[b-fssuyd9csf] .rz-datatable-thead > tr > th {
    background: var(--prod-bg) !important;
    color: var(--prod-text-secondary) !important;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    border-bottom: 1px solid var(--prod-border) !important;
    padding: 10px 12px !important;
}

[b-fssuyd9csf] .rz-datatable-tbody > tr {
    transition: var(--prod-transition);
}

[b-fssuyd9csf] .rz-datatable-tbody > tr:hover {
    background: var(--prod-primary-light) !important;
}

[b-fssuyd9csf] .rz-datatable-tbody > tr > td {
    border-bottom: 1px dashed #F1F5F9 !important;
    font-size: 0.78rem !important;
    color: var(--prod-text) !important;
    padding: 8px 12px !important;
}

[b-fssuyd9csf] .rz-pager {
    border-top: 1px solid var(--prod-border) !important;
    padding: 6px 12px !important;
}

/* ===== ANIMACIONES ===== */
@keyframes prodFadeIn-b-fssuyd9csf {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes prodSlideUp-b-fssuyd9csf {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes prodSpin-b-fssuyd9csf {
    to { transform: rotate(360deg); }
}

@keyframes prodBadgePop-b-fssuyd9csf {
    0% { transform: scale(0.5); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
    .prod-container[b-fssuyd9csf] {
        padding: 10px;
        gap: 8px;
    }

    .prod-header[b-fssuyd9csf] {
        padding: 10px 14px;
    }

    .prod-header h2[b-fssuyd9csf] {
        font-size: 0.95rem;
    }
}

@media (max-width: 640px) {
    .prod-container[b-fssuyd9csf] {
        padding: 8px;
    }

    .prod-header-subtitle[b-fssuyd9csf] {
        display: none;
    }

    .prod-btn[b-fssuyd9csf] {
        padding: 6px 12px;
        font-size: 0.75rem;
    }
}
/* /Pages/TiposPago/Componentes/TipoPagoFormulario.razor.rz.scp.css */
/* ===== MODAL EDITAR TIPO DE PAGO ===== */

.tpf-modal[b-9ws3gyd9rf] {
    --tpf-primary: #6366F1;
    --tpf-primary-light: #EEF2FF;
    --tpf-success: #10B981;
    --tpf-border: #E2E8F0;
    --tpf-bg: #F8FAFC;
    --tpf-card: #FFFFFF;
    --tpf-text: #1E293B;
    --tpf-text-secondary: #64748B;
    --tpf-radius-xs: 6px;
    --tpf-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background: var(--tpf-bg);
    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
    position: relative;
}

.tpf-loading-overlay[b-9ws3gyd9rf] {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
    z-index: 10;
    color: var(--tpf-text-secondary);
    font-weight: 600;
    font-size: 0.85rem;
}

.tpf-loading-spinner[b-9ws3gyd9rf] {
    width: 42px;
    height: 42px;
    border: 4px solid var(--tpf-border);
    border-top-color: var(--tpf-primary);
    border-radius: 50%;
    animation: tpfSpin-b-9ws3gyd9rf 0.8s linear infinite;
}

@keyframes tpfSpin-b-9ws3gyd9rf {
    to { transform: rotate(360deg); }
}

.tpf-body[b-9ws3gyd9rf] {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
}

.tpf-grid[b-9ws3gyd9rf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 16px;
}

.tpf-field[b-9ws3gyd9rf] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.tpf-full[b-9ws3gyd9rf] {
    grid-column: 1 / -1;
}

.tpf-label[b-9ws3gyd9rf] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--tpf-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.tpf-field[b-9ws3gyd9rf]  .rz-textbox,
.tpf-field[b-9ws3gyd9rf]  .rz-inputtext,
.tpf-field[b-9ws3gyd9rf]  input {
    border: 1.5px solid #CBD5E1 !important;
    border-radius: var(--tpf-radius-xs) !important;
    font-size: 0.85rem !important;
    height: 36px !important;
    background: white !important;
    transition: var(--tpf-transition);
}

.tpf-field[b-9ws3gyd9rf]  .rz-dropdown {
    border: 1.5px solid #CBD5E1 !important;
    border-radius: var(--tpf-radius-xs) !important;
    font-size: 0.85rem !important;
    height: 36px !important;
    background: white !important;
    transition: var(--tpf-transition);
    box-sizing: border-box !important;
}

.tpf-field[b-9ws3gyd9rf]  .rz-dropdown-trigger {
    border: none !important;
    background: transparent !important;
}

.tpf-field[b-9ws3gyd9rf]  .rz-dropdown .rz-dropdown-label {
    border: none !important;
    height: 100% !important;
    line-height: 1 !important;
    padding: 0 8px !important;
    font-size: 0.85rem !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tpf-field[b-9ws3gyd9rf]  .rz-textbox:focus,
.tpf-field[b-9ws3gyd9rf]  .rz-state-focused,
.tpf-field[b-9ws3gyd9rf]  input:focus {
    border-color: var(--tpf-primary) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15) !important;
    outline: none;
}

.tpf-footer[b-9ws3gyd9rf] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 16px;
    border-top: 1px solid var(--tpf-border);
    background: var(--tpf-card);
    flex-shrink: 0;
}

.tpf-btn[b-9ws3gyd9rf] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: none;
    border-radius: var(--tpf-radius-xs);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    color: white;
    transition: var(--tpf-transition);
}

.tpf-btn:hover:not(:disabled)[b-9ws3gyd9rf] {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.tpf-btn:disabled[b-9ws3gyd9rf] {
    opacity: 0.6;
    cursor: not-allowed;
}

.tpf-btn-secondary[b-9ws3gyd9rf] {
    background: var(--tpf-text-secondary);
}

.tpf-btn-primary[b-9ws3gyd9rf] {
    background: var(--tpf-success);
}

.tpf-btn .rzi[b-9ws3gyd9rf] {
    font-size: 1rem;
}

@media (max-width: 640px) {
    .tpf-grid[b-9ws3gyd9rf] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/TiposPago/TiposPagoIndex.razor.rz.scp.css */
/* ===== TIPOS DE PAGO - DESIGN SYSTEM ===== */

.tpago-container[b-wjgi6uoo84] {
    --tp-primary: #6366F1;
    --tp-primary-dark: #4F46E5;
    --tp-primary-light: #EEF2FF;
    --tp-accent: #F59E0B;
    --tp-success: #10B981;
    --tp-danger: #EF4444;
    --tp-danger-light: #FEE2E2;
    --tp-info: #0EA5E9;
    --tp-info-light: #E0F2FE;
    --tp-orange: #F97316;
    --tp-orange-dark: #EA580C;
    --tp-bg: #F1F5F9;
    --tp-card: #FFFFFF;
    --tp-text: #1E293B;
    --tp-text-secondary: #64748B;
    --tp-text-muted: #94A3B8;
    --tp-border: #E2E8F0;
    --tp-shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --tp-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
    --tp-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
    --tp-radius: 12px;
    --tp-radius-xs: 6px;
    --tp-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    background: var(--tp-bg);
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    gap: 10px;
    padding: 10px 16px;
    box-sizing: border-box;
}

/* ===== BARRA DE CONTROL ===== */
.tpago-control-bar[b-wjgi6uoo84] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--tp-card);
    border-radius: var(--tp-radius);
    box-shadow: var(--tp-shadow);
    padding: 10px 16px;
    flex-shrink: 0;
    gap: 12px;
    min-height: 56px;
}

.control-left[b-wjgi6uoo84] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.tpago-header-icon[b-wjgi6uoo84] {
    width: 40px;
    height: 40px;
    border-radius: var(--tp-radius-xs);
    background: linear-gradient(135deg, var(--tp-primary) 0%, var(--tp-primary-dark) 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
}

.control-left h2[b-wjgi6uoo84] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--tp-text);
}

.tpago-header-subtitle[b-wjgi6uoo84] {
    margin: 0;
    font-size: 0.72rem;
    color: var(--tp-text-muted);
}

.control-right[b-wjgi6uoo84] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

/* ===== BOTONES ===== */
.tpago-btn[b-wjgi6uoo84] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border: none;
    border-radius: var(--tp-radius-xs);
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--tp-transition);
    white-space: nowrap;
    color: white;
}

.tpago-btn:hover[b-wjgi6uoo84] {
    transform: translateY(-1px);
    box-shadow: var(--tp-shadow-md);
}

.tpago-btn:active[b-wjgi6uoo84] {
    transform: translateY(0);
}

.tpago-btn .rzi[b-wjgi6uoo84] {
    font-size: 1rem;
}

.btn-buscar[b-wjgi6uoo84] {
    background: var(--tp-orange);
}

.btn-nuevo[b-wjgi6uoo84] {
    background: linear-gradient(135deg, var(--tp-success) 0%, #059669 100%);
}

.btn-filtros[b-wjgi6uoo84] {
    background: var(--tp-info);
}

.btn-filtros.active[b-wjgi6uoo84] {
    background: #0284C7;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);
    transform: none;
}

/* ===== PANEL DE FILTROS ===== */
.filtros-wrapper[b-wjgi6uoo84] {
    position: relative;
    flex-shrink: 0;
}

.filtros-panel[b-wjgi6uoo84] {
    background: var(--tp-card);
    border-radius: var(--tp-radius);
    box-shadow: var(--tp-shadow-md);
    overflow: hidden;
    animation: tpSlideDown-b-wjgi6uoo84 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.filtros-header[b-wjgi6uoo84] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    border-bottom: 1px solid var(--tp-border);
    background: linear-gradient(135deg, var(--tp-info-light) 0%, var(--tp-card) 100%);
}

.filtros-header h3[b-wjgi6uoo84] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--tp-text);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.filtros-header h3 .rzi[b-wjgi6uoo84] {
    color: var(--tp-info);
    font-size: 1.1rem;
}

.filtros-close-btn[b-wjgi6uoo84] {
    background: none;
    border: none;
    color: var(--tp-text-muted);
    cursor: pointer;
    padding: 4px;
    border-radius: var(--tp-radius-xs);
    transition: var(--tp-transition);
    display: flex;
    align-items: center;
}

.filtros-close-btn:hover[b-wjgi6uoo84] {
    background: var(--tp-danger-light);
    color: var(--tp-danger);
}

.filtros-body[b-wjgi6uoo84] {
    padding: 12px 16px;
}

.filtros-grid[b-wjgi6uoo84] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.filtro-field[b-wjgi6uoo84] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.filtro-label[b-wjgi6uoo84] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--tp-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.filtro-field[b-wjgi6uoo84]  .rz-textbox,
.filtro-field[b-wjgi6uoo84]  .rz-inputtext,
.filtro-field[b-wjgi6uoo84]  input {
    border: 1.5px solid #CBD5E1 !important;
    border-radius: var(--tp-radius-xs) !important;
    font-size: 0.8rem !important;
    height: 32px !important;
    transition: var(--tp-transition);
    background: white !important;
}

.filtro-field[b-wjgi6uoo84]  .rz-dropdown {
    border: 1.5px solid #CBD5E1 !important;
    border-radius: var(--tp-radius-xs) !important;
    font-size: 0.8rem !important;
    height: 32px !important;
    transition: var(--tp-transition);
    background: white !important;
    box-sizing: border-box !important;
}

.filtro-field[b-wjgi6uoo84]  .rz-dropdown-trigger {
    border: none !important;
    background: transparent !important;
}

.filtro-field[b-wjgi6uoo84]  .rz-textbox:focus,
.filtro-field[b-wjgi6uoo84]  .rz-state-focused,
.filtro-field[b-wjgi6uoo84]  input:focus {
    border-color: var(--tp-primary) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15) !important;
}

.filtro-field[b-wjgi6uoo84]  .rz-dropdown .rz-dropdown-label {
    border: none !important;
    height: 100% !important;
    line-height: 1 !important;
    padding: 0 8px !important;
    font-size: 0.8rem !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ===== GRILLA DE DATOS ===== */
.tpago-grid-wrapper[b-wjgi6uoo84] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--tp-card);
    border-radius: var(--tp-radius);
    box-shadow: var(--tp-shadow);
    overflow: hidden;
    min-height: 0;
}

[b-wjgi6uoo84] .tpago-grid-wrapper .rz-datatable {
    border: none !important;
    border-radius: 0 !important;
    font-size: 0.8rem;
}

[b-wjgi6uoo84] .tpago-grid-wrapper .rz-datatable-thead > tr > th {
    background: var(--tp-bg) !important;
    color: var(--tp-text-secondary) !important;
    font-weight: 700 !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    padding: 8px 10px !important;
    border-bottom: 2px solid var(--tp-border) !important;
}

[b-wjgi6uoo84] .tpago-grid-wrapper .rz-datatable-tbody > tr {
    transition: background-color 0.15s ease;
}

[b-wjgi6uoo84] .tpago-grid-wrapper .rz-datatable-tbody > tr:hover {
    background-color: var(--tp-primary-light) !important;
}

[b-wjgi6uoo84] .tpago-grid-wrapper .rz-datatable-tbody > tr > td {
    padding: 5px 10px !important;
    border-bottom: 1px solid #F1F5F9 !important;
    font-size: 0.78rem;
}

/* ===== BOTONES DE ACCION EN FILAS ===== */
.tpago-action-group[b-wjgi6uoo84] {
    display: flex;
    gap: 6px;
    justify-content: center;
}

.tpago-action-btn[b-wjgi6uoo84] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--tp-radius-xs);
    cursor: pointer;
    transition: var(--tp-transition);
    padding: 0;
    color: white;
    font-size: 0.85rem;
}

.tpago-action-btn .rzi[b-wjgi6uoo84] {
    font-size: 0.9rem;
}

.tpago-action-btn:hover[b-wjgi6uoo84] {
    transform: scale(1.12);
    box-shadow: var(--tp-shadow-md);
}

.tpago-action-btn:active[b-wjgi6uoo84] {
    transform: scale(0.95);
}

.tpago-action-btn.edit[b-wjgi6uoo84] {
    background: var(--tp-info);
}

.tpago-action-btn.edit:hover[b-wjgi6uoo84] {
    background: #0284C7;
}

.tpago-action-btn.delete[b-wjgi6uoo84] {
    background: var(--tp-danger);
}

.tpago-action-btn.delete:hover[b-wjgi6uoo84] {
    background: #DC2626;
}

/* ===== ANIMACIONES ===== */
@keyframes tpSlideDown-b-wjgi6uoo84 {
    from { opacity: 0; transform: translateY(-8px); max-height: 0; }
    to { opacity: 1; transform: translateY(0); max-height: 500px; }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
    .tpago-container[b-wjgi6uoo84] {
        padding: 8px 10px;
        gap: 8px;
    }

    .tpago-control-bar[b-wjgi6uoo84] {
        flex-wrap: wrap;
    }

    .filtros-grid[b-wjgi6uoo84] {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
}

@media (max-width: 640px) {
    .tpago-container[b-wjgi6uoo84] {
        padding: 6px 8px;
        gap: 6px;
    }

    .tpago-control-bar[b-wjgi6uoo84] {
        flex-direction: column;
        gap: 8px;
    }

    .control-left[b-wjgi6uoo84],
    .control-right[b-wjgi6uoo84] {
        width: 100%;
        justify-content: center;
    }

    .control-right[b-wjgi6uoo84] {
        flex-wrap: wrap;
    }

    .tpago-btn[b-wjgi6uoo84] {
        flex: 1;
        justify-content: center;
        min-width: 0;
    }

    .filtros-grid[b-wjgi6uoo84] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/TiposProducto/Componentes/AgregarCategoriaModal.razor.rz.scp.css */
/* ===== MODAL AGREGAR CATEGORIA ===== */

.agc-modal[b-sy8tse8r6r] {
    --agc-primary: #6366F1;
    --agc-primary-light: #EEF2FF;
    --agc-success: #10B981;
    --agc-border: #E2E8F0;
    --agc-bg: #F8FAFC;
    --agc-card: #FFFFFF;
    --agc-text: #1E293B;
    --agc-text-secondary: #64748B;
    --agc-radius-xs: 6px;
    --agc-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background: var(--agc-bg);
    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
    position: relative;
}

.agc-loading-overlay[b-sy8tse8r6r] {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
    z-index: 10;
    color: var(--agc-text-secondary);
    font-weight: 600;
    font-size: 0.85rem;
}

.agc-loading-spinner[b-sy8tse8r6r] {
    width: 42px;
    height: 42px;
    border: 4px solid var(--agc-border);
    border-top-color: var(--agc-primary);
    border-radius: 50%;
    animation: agcSpin-b-sy8tse8r6r 0.8s linear infinite;
}

@keyframes agcSpin-b-sy8tse8r6r {
    to { transform: rotate(360deg); }
}

.agc-body[b-sy8tse8r6r] {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.agc-field[b-sy8tse8r6r] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.agc-label[b-sy8tse8r6r] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--agc-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.agc-field[b-sy8tse8r6r]  .rz-textbox,
.agc-field[b-sy8tse8r6r]  input {
    border: 1.5px solid #CBD5E1 !important;
    border-radius: var(--agc-radius-xs) !important;
    font-size: 0.85rem !important;
    height: 36px !important;
    background: white !important;
    transition: var(--agc-transition);
}

.agc-field[b-sy8tse8r6r]  .rz-textbox:focus,
.agc-field[b-sy8tse8r6r]  input:focus {
    border-color: var(--agc-primary) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15) !important;
    outline: none;
}

.agc-footer[b-sy8tse8r6r] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 16px;
    border-top: 1px solid var(--agc-border);
    background: var(--agc-card);
    flex-shrink: 0;
}

.agc-btn[b-sy8tse8r6r] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: none;
    border-radius: var(--agc-radius-xs);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    color: white;
    transition: var(--agc-transition);
}

.agc-btn:hover:not(:disabled)[b-sy8tse8r6r] {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.agc-btn:disabled[b-sy8tse8r6r] {
    opacity: 0.6;
    cursor: not-allowed;
}

.agc-btn-secondary[b-sy8tse8r6r] {
    background: var(--agc-text-secondary);
}

.agc-btn-primary[b-sy8tse8r6r] {
    background: var(--agc-success);
}

.agc-btn .rzi[b-sy8tse8r6r] {
    font-size: 1rem;
}
/* /Pages/TiposProducto/Componentes/TiposProductoJerarquia.razor.rz.scp.css */
/* ===== MODAL JERARQUIA TIPOS DE PRODUCTO ===== */

.tpj-modal[b-kule0xjv0q] {
    --tpj-primary: #6366F1;
    --tpj-primary-light: #EEF2FF;
    --tpj-success: #10B981;
    --tpj-success-light: #D1FAE5;
    --tpj-info: #0EA5E9;
    --tpj-info-light: #E0F2FE;
    --tpj-warning: #F59E0B;
    --tpj-warning-light: #FEF3C7;
    --tpj-danger: #EF4444;
    --tpj-danger-light: #FEE2E2;
    --tpj-bg: #F8FAFC;
    --tpj-card: #FFFFFF;
    --tpj-text: #1E293B;
    --tpj-text-secondary: #64748B;
    --tpj-text-muted: #94A3B8;
    --tpj-border: #E2E8F0;
    --tpj-radius: 10px;
    --tpj-radius-xs: 6px;
    --tpj-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background: var(--tpj-bg);
    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
    position: relative;
}

/* ===== LOADING OVERLAY ===== */
.tpj-loading-overlay[b-kule0xjv0q] {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
    z-index: 10;
    color: var(--tpj-text-secondary);
    font-weight: 600;
    font-size: 0.85rem;
}

.tpj-loading-spinner[b-kule0xjv0q] {
    width: 42px;
    height: 42px;
    border: 4px solid var(--tpj-border);
    border-top-color: var(--tpj-primary);
    border-radius: 50%;
    animation: tpjSpin-b-kule0xjv0q 0.8s linear infinite;
}

@keyframes tpjSpin-b-kule0xjv0q {
    to { transform: rotate(360deg); }
}

/* ===== BODY ===== */
.tpj-body[b-kule0xjv0q] {
    flex: 1;
    overflow-y: auto;
    padding: 16px 18px;
}

.tpj-empty[b-kule0xjv0q] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--tpj-text-secondary);
    padding: 40px 20px;
    font-size: 0.9rem;
}

/* ===== FOOTER ===== */
.tpj-footer[b-kule0xjv0q] {
    display: flex;
    justify-content: flex-end;
    padding: 10px 16px;
    border-top: 1px solid var(--tpj-border);
    background: var(--tpj-card);
    flex-shrink: 0;
    position: sticky;
    bottom: 0;
    z-index: 5;
}

.tpj-btn[b-kule0xjv0q] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: none;
    border-radius: var(--tpj-radius-xs);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: var(--tpj-transition);
}

.tpj-btn-secondary[b-kule0xjv0q] {
    background: var(--tpj-text-secondary);
    color: white;
}

.tpj-btn-secondary:hover[b-kule0xjv0q] {
    background: var(--tpj-text);
    transform: translateY(-1px);
}

/* ===== NODOS (arbol) ===== */
[b-kule0xjv0q] .tpj-nodo {
    margin-bottom: 4px;
}

[b-kule0xjv0q] .tpj-nodo-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: var(--tpj-card);
    border: 1px solid var(--tpj-border);
    border-radius: var(--tpj-radius-xs);
    transition: var(--tpj-transition);
    min-height: 40px;
}

[b-kule0xjv0q] .tpj-nodo-row:hover {
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    border-color: var(--tpj-primary-light);
}

[b-kule0xjv0q] .tpj-nivel-1 > .tpj-nodo-row {
    background: linear-gradient(135deg, var(--tpj-primary-light) 0%, #F5F3FF 100%);
    border-color: var(--tpj-primary);
    border-width: 1.5px;
}

[b-kule0xjv0q] .tpj-nivel-2 > .tpj-nodo-row {
    border-left: 3px solid var(--tpj-info);
}

[b-kule0xjv0q] .tpj-nivel-3 > .tpj-nodo-row {
    border-left: 3px solid var(--tpj-warning);
}

[b-kule0xjv0q] .tpj-nivel-4 > .tpj-nodo-row {
    border-left: 3px solid var(--tpj-success);
}

[b-kule0xjv0q] .tpj-caret {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--tpj-text-muted);
    padding: 2px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    transition: var(--tpj-transition);
    flex-shrink: 0;
}

[b-kule0xjv0q] .tpj-caret:hover {
    background: var(--tpj-border);
    color: var(--tpj-text);
}

[b-kule0xjv0q] .tpj-caret-hidden {
    visibility: hidden;
    pointer-events: none;
}

[b-kule0xjv0q] .tpj-caret .rzi {
    font-size: 1.1rem;
}

[b-kule0xjv0q] .tpj-nodo-badge {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 3px 8px;
    border-radius: 999px;
    flex-shrink: 0;
    min-width: 72px;
    text-align: center;
}

[b-kule0xjv0q] .tpj-badge-1 {
    background: var(--tpj-primary);
    color: white;
}

[b-kule0xjv0q] .tpj-badge-2 {
    background: var(--tpj-info-light);
    color: var(--tpj-info);
}

[b-kule0xjv0q] .tpj-badge-3 {
    background: var(--tpj-warning-light);
    color: #B45309;
}

[b-kule0xjv0q] .tpj-badge-4 {
    background: var(--tpj-success-light);
    color: #047857;
}

[b-kule0xjv0q] .tpj-nodo-codigo {
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.78rem;
    color: var(--tpj-text-secondary);
    background: var(--tpj-bg);
    padding: 2px 8px;
    border-radius: 4px;
    flex-shrink: 0;
    min-width: 70px;
    text-align: center;
}

[b-kule0xjv0q] .tpj-nodo-nombre {
    flex: 1;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--tpj-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

[b-kule0xjv0q] .tpj-nivel-1 .tpj-nodo-nombre {
    font-size: 0.95rem;
    color: var(--tpj-primary);
}

[b-kule0xjv0q] .tpj-input-inline {
    width: 100%;
    padding: 5px 8px;
    border: 1.5px solid var(--tpj-primary);
    border-radius: 4px;
    font-size: 0.85rem;
    outline: none;
    background: white;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.12);
}

[b-kule0xjv0q] .tpj-input-codigo {
    max-width: 130px;
    font-family: 'Consolas', monospace;
}

[b-kule0xjv0q] .tpj-nodo-acciones {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
}

[b-kule0xjv0q] .tpj-icon-btn {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--tpj-transition);
    color: var(--tpj-text-muted);
    width: 28px;
    height: 28px;
}

[b-kule0xjv0q] .tpj-icon-btn .rzi {
    font-size: 1rem;
}

[b-kule0xjv0q] .tpj-icon-btn:hover {
    transform: translateY(-1px);
}

[b-kule0xjv0q] .tpj-icon-edit:hover {
    background: var(--tpj-info-light);
    color: var(--tpj-info);
    border-color: var(--tpj-info);
}

[b-kule0xjv0q] .tpj-icon-add:hover {
    background: var(--tpj-success-light);
    color: var(--tpj-success);
    border-color: var(--tpj-success);
}

[b-kule0xjv0q] .tpj-icon-delete:hover {
    background: var(--tpj-danger-light);
    color: var(--tpj-danger);
    border-color: var(--tpj-danger);
}

[b-kule0xjv0q] .tpj-icon-success {
    background: var(--tpj-success);
    color: white;
}

[b-kule0xjv0q] .tpj-icon-success:hover {
    background: #059669;
}

[b-kule0xjv0q] .tpj-icon-danger {
    background: var(--tpj-danger);
    color: white;
}

[b-kule0xjv0q] .tpj-icon-danger:hover {
    background: #DC2626;
}

/* ===== HIJOS ===== */
[b-kule0xjv0q] .tpj-nodo-hijos {
    margin-left: 28px;
    margin-top: 4px;
    padding-left: 10px;
    border-left: 2px dashed var(--tpj-border);
    animation: tpjFadeIn-b-kule0xjv0q 0.2s ease;
}

@keyframes tpjFadeIn-b-kule0xjv0q {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

[b-kule0xjv0q] .tpj-row-nuevo {
    background: linear-gradient(135deg, #ECFDF5 0%, #F0FDF4 100%) !important;
    border: 1.5px dashed var(--tpj-success) !important;
}

[b-kule0xjv0q] .tpj-sin-hijos {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    color: var(--tpj-text-muted);
    font-size: 0.78rem;
    font-style: italic;
}

[b-kule0xjv0q] .tpj-sin-hijos .rzi {
    font-size: 0.95rem;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .tpj-body[b-kule0xjv0q] {
        padding: 10px 8px;
    }

    [b-kule0xjv0q] .tpj-nodo-row {
        flex-wrap: wrap;
        gap: 6px;
    }

    [b-kule0xjv0q] .tpj-nodo-codigo {
        min-width: auto;
    }

    [b-kule0xjv0q] .tpj-nodo-hijos {
        margin-left: 14px;
        padding-left: 6px;
    }
}
/* /Pages/TiposProducto/TiposProductoIndex.razor.rz.scp.css */
/* ===== TIPOS DE PRODUCTO - DESIGN SYSTEM ===== */

.tp-container[b-bozeati068] {
    --tp-primary: #6366F1;
    --tp-primary-light: #EEF2FF;
    --tp-info: #0EA5E9;
    --tp-info-light: #E0F2FE;
    --tp-orange: #F97316;
    --tp-danger: #EF4444;
    --tp-danger-light: #FEE2E2;
    --tp-bg: #F1F5F9;
    --tp-card: #FFFFFF;
    --tp-text: #1E293B;
    --tp-text-secondary: #64748B;
    --tp-text-muted: #94A3B8;
    --tp-border: #E2E8F0;
    --tp-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
    --tp-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
    --tp-radius: 12px;
    --tp-radius-xs: 6px;
    --tp-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    background: var(--tp-bg);
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    gap: 10px;
    padding: 10px 16px;
    box-sizing: border-box;
}

/* ===== BARRA DE CONTROL ===== */
.tp-control-bar[b-bozeati068] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--tp-card);
    border-radius: var(--tp-radius);
    box-shadow: var(--tp-shadow);
    padding: 10px 16px;
    flex-shrink: 0;
    gap: 12px;
    min-height: 56px;
}

.tp-control-left[b-bozeati068] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.tp-header-icon[b-bozeati068] {
    width: 38px;
    height: 38px;
    border-radius: var(--tp-radius-xs);
    background: linear-gradient(135deg, #F59E0B, #F97316);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-shrink: 0;
}

.tp-header-icon .rzi[b-bozeati068] {
    font-size: 1.2rem;
}

.tp-control-left h2[b-bozeati068] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--tp-text);
    line-height: 1.1;
}

.tp-header-subtitle[b-bozeati068] {
    margin: 2px 0 0;
    font-size: 0.72rem;
    color: var(--tp-text-secondary);
    font-weight: 500;
}

.tp-control-right[b-bozeati068] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

/* ===== BOTONES ===== */
.tp-btn[b-bozeati068] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border: none;
    border-radius: var(--tp-radius-xs);
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--tp-transition);
    white-space: nowrap;
    color: white;
}

.tp-btn:hover[b-bozeati068] {
    transform: translateY(-1px);
    box-shadow: var(--tp-shadow-md);
}

.tp-btn:active[b-bozeati068] {
    transform: translateY(0);
}

.tp-btn .rzi[b-bozeati068] {
    font-size: 1rem;
}

.tp-btn-filtros[b-bozeati068] {
    background: var(--tp-info);
}

.tp-btn-filtros.active[b-bozeati068] {
    background: #0284C7;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);
    transform: none;
}

.tp-btn-buscar[b-bozeati068] {
    background: var(--tp-orange);
}

.tp-btn-nueva[b-bozeati068] {
    background: linear-gradient(135deg, #10B981, #059669);
}

/* ===== PANEL DE FILTROS ===== */
.tp-filtros-wrapper[b-bozeati068] {
    position: relative;
    flex-shrink: 0;
}

.tp-filtros-panel[b-bozeati068] {
    background: var(--tp-card);
    border-radius: var(--tp-radius);
    box-shadow: var(--tp-shadow-md);
    overflow: hidden;
    animation: tpSlideDown-b-bozeati068 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.tp-filtros-header[b-bozeati068] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    border-bottom: 1px solid var(--tp-border);
    background: linear-gradient(135deg, var(--tp-info-light) 0%, var(--tp-card) 100%);
}

.tp-filtros-header h3[b-bozeati068] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--tp-text);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.tp-filtros-header h3 .rzi[b-bozeati068] {
    color: var(--tp-info);
    font-size: 1.1rem;
}

.tp-filtros-close-btn[b-bozeati068] {
    background: none;
    border: none;
    color: var(--tp-text-muted);
    cursor: pointer;
    padding: 4px;
    border-radius: var(--tp-radius-xs);
    transition: var(--tp-transition);
    display: flex;
    align-items: center;
}

.tp-filtros-close-btn:hover[b-bozeati068] {
    background: var(--tp-danger-light);
    color: var(--tp-danger);
}

.tp-filtros-body[b-bozeati068] {
    padding: 12px 16px;
}

.tp-filtros-grid[b-bozeati068] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

.tp-filtro-field[b-bozeati068] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.tp-filtro-label[b-bozeati068] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--tp-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.tp-filtro-field[b-bozeati068]  .rz-textbox,
.tp-filtro-field[b-bozeati068]  .rz-spinner,
.tp-filtro-field[b-bozeati068]  .rz-inputtext,
.tp-filtro-field[b-bozeati068]  .rz-calendar,
.tp-filtro-field[b-bozeati068]  .rz-numeric,
.tp-filtro-field[b-bozeati068]  input {
    border: 1.5px solid #CBD5E1 !important;
    border-radius: var(--tp-radius-xs) !important;
    font-size: 0.8rem !important;
    height: 32px !important;
    transition: var(--tp-transition);
    background: white !important;
}

.tp-filtro-field[b-bozeati068]  .rz-dropdown {
    border: 1.5px solid #CBD5E1 !important;
    border-radius: var(--tp-radius-xs) !important;
    font-size: 0.8rem !important;
    height: 32px !important;
    transition: var(--tp-transition);
    background: white !important;
    box-sizing: border-box !important;
}

.tp-filtro-field[b-bozeati068]  .rz-dropdown-trigger {
    border: none !important;
    background: transparent !important;
}

.tp-filtro-field[b-bozeati068]  .rz-textbox:focus,
.tp-filtro-field[b-bozeati068]  .rz-state-focused,
.tp-filtro-field[b-bozeati068]  input:focus,
.tp-filtro-field[b-bozeati068]  .rz-calendar:focus-within,
.tp-filtro-field[b-bozeati068]  .rz-numeric:focus-within {
    border-color: var(--tp-primary) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15) !important;
}

/* Texto del dropdown visible sin recorte */
.tp-filtro-field[b-bozeati068]  .rz-dropdown .rz-dropdown-label {
    border: none !important;
    height: 100% !important;
    line-height: 1 !important;
    padding: 0 8px !important;
    font-size: 0.8rem !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ===== BOTON DE FILA (jerarquia) ===== */
.tp-grid-action-btn[b-bozeati068] {
    background: transparent;
    border: 1px solid var(--tp-border);
    border-radius: 6px;
    cursor: pointer;
    padding: 5px 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--tp-transition);
    color: var(--tp-primary);
}

.tp-grid-action-btn:hover[b-bozeati068] {
    background: var(--tp-primary-light);
    border-color: var(--tp-primary);
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(99,102,241,0.2);
}

.tp-grid-action-btn .rzi[b-bozeati068] {
    font-size: 1rem;
}

/* ===== GRILLA ===== */
.tp-grid-wrapper[b-bozeati068] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--tp-card);
    border-radius: var(--tp-radius);
    box-shadow: var(--tp-shadow);
    overflow: hidden;
    min-height: 0;
}

[b-bozeati068] .tp-grid-wrapper .rz-datatable {
    border: none !important;
    border-radius: 0 !important;
    font-size: 0.8rem;
}

[b-bozeati068] .tp-grid-wrapper .rz-datatable-thead > tr > th {
    background: var(--tp-bg) !important;
    color: var(--tp-text-secondary) !important;
    font-weight: 700 !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    padding: 8px 10px !important;
    border-bottom: 2px solid var(--tp-border) !important;
}

[b-bozeati068] .tp-grid-wrapper .rz-datatable-tbody > tr {
    transition: background-color 0.15s ease;
}

[b-bozeati068] .tp-grid-wrapper .rz-datatable-tbody > tr:hover {
    background-color: var(--tp-primary-light) !important;
}

[b-bozeati068] .tp-grid-wrapper .rz-datatable-tbody > tr > td {
    padding: 5px 10px !important;
    border-bottom: 1px solid #F1F5F9 !important;
    font-size: 0.78rem;
}

/* ===== ANIMACIONES ===== */
@keyframes tpSlideDown-b-bozeati068 {
    from { opacity: 0; transform: translateY(-8px); max-height: 0; }
    to { opacity: 1; transform: translateY(0); max-height: 500px; }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
    .tp-container[b-bozeati068] {
        padding: 8px 10px;
        gap: 8px;
    }

    .tp-control-bar[b-bozeati068] {
        flex-wrap: wrap;
        padding: 8px 12px;
    }
}

@media (max-width: 640px) {
    .tp-container[b-bozeati068] {
        padding: 6px 8px;
        gap: 6px;
    }

    .tp-control-bar[b-bozeati068] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .tp-control-right[b-bozeati068] {
        width: 100%;
        flex-wrap: wrap;
    }

    .tp-btn[b-bozeati068] {
        flex: 1;
        justify-content: center;
    }

    .tp-filtros-grid[b-bozeati068] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Transbank/DetalleTransbankDialog.razor.rz.scp.css */
.dt-dialog[b-4kvkwk25q4] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 900px;
}

.dt-filters[b-4kvkwk25q4] {
    display: grid;
    grid-template-columns: 2fr 1.5fr 1fr 1fr auto;
    gap: 0.75rem;
    align-items: end;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
}

.dt-field[b-4kvkwk25q4] { display: flex; flex-direction: column; gap: 0.25rem; }

.dt-field label[b-4kvkwk25q4] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #4b5563;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.dt-actions[b-4kvkwk25q4] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

@media (max-width: 1100px) {
    .dt-filters[b-4kvkwk25q4] { grid-template-columns: repeat(2, 1fr); }
    .dt-actions[b-4kvkwk25q4] { grid-column: span 2; justify-content: flex-end; }
}
/* /Pages/Transbank/TransbankIndex.razor.rz.scp.css */
.tb-container[b-9c3ajvitqu] {
    --cc-primary: #6366F1;
    --cc-primary-dark: #4F46E5;
    --cc-success: #10B981;
    --cc-danger: #EF4444;
    --cc-danger-light: #FEE2E2;
    --cc-card: #FFFFFF;
    --cc-text: #1E293B;
    --cc-border: #E2E8F0;
    --cc-radius-sm: 8px;
    --cc-radius-xs: 6px;
    --cc-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
    --cc-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);

    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px 16px;
    background: #F1F5F9;
    overflow: hidden;
    box-sizing: border-box;
}

.tb-actions[b-9c3ajvitqu] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    flex-shrink: 0;
    padding: 4px 0;
}

.tb-btn[b-9c3ajvitqu] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px 6px 6px;
    background: var(--cc-card);
    border: 1.5px solid var(--cc-border);
    border-radius: var(--cc-radius-sm);
    cursor: pointer;
    transition: var(--cc-transition);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--cc-text);
    white-space: nowrap;
}

.tb-btn:hover[b-9c3ajvitqu] {
    border-color: var(--cc-primary);
    box-shadow: var(--cc-shadow-md);
    transform: translateY(-2px);
}

.tb-btn:active[b-9c3ajvitqu] { transform: translateY(0); }

.tb-btn-icon[b-9c3ajvitqu] {
    width: 32px;
    height: 32px;
    border-radius: var(--cc-radius-xs);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.tb-btn--cierre[b-9c3ajvitqu] {
    border-color: rgba(239, 68, 68, 0.3);
}

.tb-btn--cierre:hover[b-9c3ajvitqu] {
    border-color: var(--cc-danger);
    background: var(--cc-danger-light);
}

.tb-grid[b-9c3ajvitqu] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.tb-badge[b-9c3ajvitqu] {
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 0.7rem;
    font-weight: 600;
}

.tb-badge-success[b-9c3ajvitqu] {
    background: #D1FAE5;
    color: #065F46;
}

.tb-badge-danger[b-9c3ajvitqu] {
    background: #FEE2E2;
    color: #991B1B;
}

@media (max-width: 768px) {
    .tb-container[b-9c3ajvitqu] {
        padding: 8px;
        gap: 8px;
    }

    .tb-actions[b-9c3ajvitqu] {
        gap: 4px;
    }

    .tb-btn span:last-child[b-9c3ajvitqu] {
        display: none;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-ulnkfyjdqh] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-ulnkfyjdqh] {
        display: none;
    }

    .top-row.auth[b-ulnkfyjdqh] {
        justify-content: space-between;
    }

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

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

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

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

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

    .top-row[b-ulnkfyjdqh], article[b-ulnkfyjdqh] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-g0d3igfxh3] {
    background-color: rgba(255, 255, 255, 0.1);
}

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

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

.oi[b-g0d3igfxh3] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

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

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

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

    .nav-item[b-g0d3igfxh3]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

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

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

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

    .collapse[b-g0d3igfxh3] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-g0d3igfxh3] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}