/* /Components/AutoGenerarConfigTab.razor.rz.scp.css */
/* ============================================================
   AutoGenerarConfigTab Component Styles (Scoped)
   Sistema de tokens - Compatible con HFramework theme
   ============================================================ */

/* -- Body ---------------------------------------------------- */
.ag-body[b-rg8iu2xdnx] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
    background-color: rgba(248, 250, 252, 0.4);
}

.ag-content[b-rg8iu2xdnx] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 48rem;
    margin: 0 auto;
}

/* -- Section & Labels ---------------------------------------- */
.ag-section[b-rg8iu2xdnx] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.ag-label-title[b-rg8iu2xdnx] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #1e293b;
}

/* -- Selector Row -------------------------------------------- */
.ag-selector-row[b-rg8iu2xdnx] {
    display: flex;
    gap: 0.625rem;
    align-items: stretch;
}

.ag-select[b-rg8iu2xdnx] {
    flex: 1;
    background-color: white;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    padding: 0.625rem 2.25rem 0.625rem 0.75rem;
    color: #0f172a;
    font-size: 0.875rem;
    transition: all 0.15s ease-in-out;
    outline: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    cursor: pointer;
}

.ag-select:focus[b-rg8iu2xdnx] {
    border-color: #137fec;
    box-shadow: 0 0 0 2px rgba(19, 127, 236, 0.15);
}

.ag-btn-add[b-rg8iu2xdnx] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.625rem 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #137fec;
    background-color: rgba(19, 127, 236, 0.08);
    border: 1px solid rgba(19, 127, 236, 0.2);
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

.ag-btn-add:hover:not(:disabled)[b-rg8iu2xdnx] {
    background-color: rgba(19, 127, 236, 0.15);
}

.ag-btn-add:disabled[b-rg8iu2xdnx] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* -- Tags ---------------------------------------------------- */
.ag-tags[b-rg8iu2xdnx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.ag-tag[b-rg8iu2xdnx] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    background-color: rgba(19, 127, 236, 0.08);
    color: #137fec;
    font-size: 0.75rem;
    font-weight: 700;
    border: 1px solid rgba(19, 127, 236, 0.2);
}

.ag-tag-remove[b-rg8iu2xdnx] {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 0;
    opacity: 0.7;
    transition: opacity 0.15s;
}

.ag-tag-remove:hover:not(:disabled)[b-rg8iu2xdnx] {
    opacity: 1;
}

.ag-tag-remove:disabled[b-rg8iu2xdnx] {
    cursor: not-allowed;
}

/* -- Table --------------------------------------------------- */
.ag-table-container[b-rg8iu2xdnx] {
    border: 1px solid #e2e8f0;
    border-radius: 0.625rem;
    overflow: hidden;
    background-color: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.ag-table[b-rg8iu2xdnx] {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}

.ag-table thead tr[b-rg8iu2xdnx] {
    background-color: #f8fafc;
}

.ag-table th[b-rg8iu2xdnx] {
    padding: 0.75rem 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #1e293b;
    border-bottom: 1px solid #e2e8f0;
}

.ag-th-center[b-rg8iu2xdnx] {
    text-align: center;
}

.ag-th-right[b-rg8iu2xdnx] {
    text-align: right;
}

.ag-table tbody tr[b-rg8iu2xdnx] {
    transition: background-color 0.15s;
}

.ag-table tbody tr:hover[b-rg8iu2xdnx] {
    background-color: rgba(248, 250, 252, 0.6);
}

.ag-table td[b-rg8iu2xdnx] {
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
    color: #334155;
    border-bottom: 1px solid #f1f5f9;
}

.ag-td-center[b-rg8iu2xdnx] {
    text-align: center;
}

.ag-td-right[b-rg8iu2xdnx] {
    text-align: right;
}

/* -- Table Cells --------------------------------------------- */
.ag-cell-dte[b-rg8iu2xdnx] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.ag-cell-name[b-rg8iu2xdnx] {
    font-weight: 500;
    color: #1e293b;
}

.ag-cell-code[b-rg8iu2xdnx] {
    font-size: 0.75rem;
    color: #94a3b8;
}

/* -- Input Quantity ------------------------------------------- */
.ag-input-quantity[b-rg8iu2xdnx] {
    width: 5.5rem;
    height: 2.25rem;
    text-align: center;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    background-color: white;
    color: #0f172a;
    font-size: 0.875rem;
    font-weight: 700;
    outline: none;
    transition: all 0.15s;
}

.ag-input-quantity:focus[b-rg8iu2xdnx] {
    border-color: #137fec;
    box-shadow: 0 0 0 2px rgba(19, 127, 236, 0.15);
}

.ag-input-quantity:disabled[b-rg8iu2xdnx] {
    background-color: #f8fafc;
    color: #94a3b8;
    cursor: not-allowed;
}

/* -- Progress Bar -------------------------------------------- */
.ag-progress-cell[b-rg8iu2xdnx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.ag-progress-bar[b-rg8iu2xdnx] {
    flex: 1;
    height: 0.375rem;
    background-color: #e2e8f0;
    border-radius: 9999px;
    overflow: hidden;
}

.ag-progress-fill[b-rg8iu2xdnx] {
    height: 100%;
    background-color: #137fec;
    border-radius: 9999px;
    transition: width 0.3s ease;
}

.ag-progress-count[b-rg8iu2xdnx] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #475569;
    white-space: nowrap;
    min-width: 3.5rem;
    text-align: right;
}

/* -- Info & Error Alerts ------------------------------------- */
.ag-info-alert[b-rg8iu2xdnx] {
    display: flex;
    gap: 0.625rem;
    padding: 0.875rem 1rem;
    border-radius: 0.5rem;
    background-color: rgba(19, 127, 236, 0.05);
    border: 1px solid rgba(19, 127, 236, 0.15);
    color: #475569;
    font-size: 0.8125rem;
    line-height: 1.5;
}

.ag-info-alert p[b-rg8iu2xdnx] {
    margin: 0;
}

.ag-error-alert[b-rg8iu2xdnx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    font-size: 0.8125rem;
}

/* -- Footer -------------------------------------------------- */
.ag-footer[b-rg8iu2xdnx] {
    padding: 1rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background-color: #f8fafc;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.ag-footer-info[b-rg8iu2xdnx] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8125rem;
    color: #64748b;
}

.ag-footer-actions[b-rg8iu2xdnx] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

/* -- Buttons ------------------------------------------------- */
.ag-btn[b-rg8iu2xdnx] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1.125rem;
    font-size: 0.8125rem;
    font-weight: 600;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

.ag-btn--secondary[b-rg8iu2xdnx] {
    color: #475569;
    background: transparent;
    border: 1px solid #cbd5e1;
}

.ag-btn--secondary:hover[b-rg8iu2xdnx] {
    background-color: #f1f5f9;
}

.ag-btn--primary[b-rg8iu2xdnx] {
    color: white;
    background-color: #137fec;
    box-shadow: 0 1px 3px rgba(19, 127, 236, 0.2);
}

.ag-btn--primary:hover:not(:disabled)[b-rg8iu2xdnx] {
    background-color: #1170d4;
    transform: translateY(-1px);
}

.ag-btn--primary:disabled[b-rg8iu2xdnx] {
    background-color: #93c5fd;
    cursor: not-allowed;
    transform: none;
}

.ag-btn--warning[b-rg8iu2xdnx] {
    color: white;
    background-color: #f59e0b;
    box-shadow: 0 1px 3px rgba(245, 158, 11, 0.2);
}

.ag-btn--warning:hover[b-rg8iu2xdnx] {
    background-color: #d97706;
}

/* ============ DARK MODE ============ */

[data-theme="dark"] .ag-body[b-rg8iu2xdnx] {
    background-color: rgba(15, 23, 42, 0.6);
}

[data-theme="dark"] .ag-label-title[b-rg8iu2xdnx] {
    color: #e2e8f0;
}

[data-theme="dark"] .ag-select[b-rg8iu2xdnx] {
    background-color: #1e293b;
    border-color: #334155;
    color: #f1f5f9;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
}

[data-theme="dark"] .ag-table-container[b-rg8iu2xdnx] {
    border-color: #1e293b;
    background-color: #0f172a;
}

[data-theme="dark"] .ag-table thead tr[b-rg8iu2xdnx] {
    background-color: rgba(30, 41, 59, 0.5);
}

[data-theme="dark"] .ag-table th[b-rg8iu2xdnx] {
    color: #e2e8f0;
    border-bottom-color: #1e293b;
}

[data-theme="dark"] .ag-table td[b-rg8iu2xdnx] {
    color: #cbd5e1;
    border-bottom-color: #1e293b;
}

[data-theme="dark"] .ag-table tbody tr:hover[b-rg8iu2xdnx] {
    background-color: rgba(30, 41, 59, 0.3);
}

[data-theme="dark"] .ag-cell-name[b-rg8iu2xdnx] {
    color: #e2e8f0;
}

[data-theme="dark"] .ag-cell-code[b-rg8iu2xdnx] {
    color: #64748b;
}

[data-theme="dark"] .ag-input-quantity[b-rg8iu2xdnx] {
    background-color: #1e293b;
    border-color: #334155;
    color: #f1f5f9;
}

[data-theme="dark"] .ag-input-quantity:disabled[b-rg8iu2xdnx] {
    background-color: #0f172a;
    color: #475569;
}

[data-theme="dark"] .ag-progress-bar[b-rg8iu2xdnx] {
    background-color: #1e293b;
}

[data-theme="dark"] .ag-progress-count[b-rg8iu2xdnx] {
    color: #94a3b8;
}

[data-theme="dark"] .ag-info-alert[b-rg8iu2xdnx] {
    background-color: rgba(19, 127, 236, 0.08);
    border-color: rgba(19, 127, 236, 0.2);
    color: #94a3b8;
}

[data-theme="dark"] .ag-error-alert[b-rg8iu2xdnx] {
    background-color: rgba(153, 27, 27, 0.2);
    border-color: #7f1d1d;
    color: #fca5a5;
}

[data-theme="dark"] .ag-footer[b-rg8iu2xdnx] {
    background-color: rgba(15, 23, 42, 0.5);
    border-top-color: #1e293b;
}

[data-theme="dark"] .ag-footer-info[b-rg8iu2xdnx] {
    color: #94a3b8;
}

[data-theme="dark"] .ag-btn--secondary[b-rg8iu2xdnx] {
    color: #94a3b8;
    border-color: #334155;
}

[data-theme="dark"] .ag-btn--secondary:hover[b-rg8iu2xdnx] {
    background-color: #1e293b;
}
/* /Components/AutoGenerarFacturasModal.razor.rz.scp.css */
/* ============================================================
   AutoGenerarFacturasModal Component Styles (Scoped)
   Sistema de tokens - Compatible con HFramework theme
   ============================================================ */

/* -- Loading State ------------------------------------------- */
.ag-loading[b-096zqjxhe2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem;
    color: #64748b;
    font-size: 0.875rem;
}


/* -- Body ---------------------------------------------------- */
.ag-body[b-096zqjxhe2] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
    background-color: rgba(248, 250, 252, 0.4);
}

.ag-content[b-096zqjxhe2] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 48rem;
    margin: 0 auto;
}

/* -- Section & Labels ---------------------------------------- */
.ag-section[b-096zqjxhe2] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.ag-label-title[b-096zqjxhe2] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #1e293b;
}

/* -- Selector Row -------------------------------------------- */
.ag-selector-row[b-096zqjxhe2] {
    display: flex;
    gap: 0.625rem;
    align-items: stretch;
}

.ag-select[b-096zqjxhe2] {
    flex: 1;
    background-color: white;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    padding: 0.625rem 2.25rem 0.625rem 0.75rem;
    color: #0f172a;
    font-size: 0.875rem;
    transition: all 0.15s ease-in-out;
    outline: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    cursor: pointer;
}

.ag-select:focus[b-096zqjxhe2] {
    border-color: #137fec;
    box-shadow: 0 0 0 2px rgba(19, 127, 236, 0.15);
}

.ag-btn-add[b-096zqjxhe2] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.625rem 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #137fec;
    background-color: rgba(19, 127, 236, 0.08);
    border: 1px solid rgba(19, 127, 236, 0.2);
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

.ag-btn-add:hover:not(:disabled)[b-096zqjxhe2] {
    background-color: rgba(19, 127, 236, 0.15);
}

.ag-btn-add:disabled[b-096zqjxhe2] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* -- Tags ---------------------------------------------------- */
.ag-tags[b-096zqjxhe2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.ag-tag[b-096zqjxhe2] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    background-color: rgba(19, 127, 236, 0.08);
    color: #137fec;
    font-size: 0.75rem;
    font-weight: 700;
    border: 1px solid rgba(19, 127, 236, 0.2);
}

.ag-tag-remove[b-096zqjxhe2] {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 0;
    opacity: 0.7;
    transition: opacity 0.15s;
}

.ag-tag-remove:hover:not(:disabled)[b-096zqjxhe2] {
    opacity: 1;
}

.ag-tag-remove:disabled[b-096zqjxhe2] {
    cursor: not-allowed;
}

/* -- Table --------------------------------------------------- */
.ag-table-container[b-096zqjxhe2] {
    border: 1px solid #e2e8f0;
    border-radius: 0.625rem;
    overflow: hidden;
    background-color: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.ag-table-container--results[b-096zqjxhe2] {
    margin: 0;
}

.ag-table[b-096zqjxhe2] {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}

.ag-table thead tr[b-096zqjxhe2] {
    background-color: #f8fafc;
}

.ag-table th[b-096zqjxhe2] {
    padding: 0.75rem 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #1e293b;
    border-bottom: 1px solid #e2e8f0;
}

.ag-th-center[b-096zqjxhe2] {
    text-align: center;
}

.ag-th-right[b-096zqjxhe2] {
    text-align: right;
}

.ag-table tbody tr[b-096zqjxhe2] {
    transition: background-color 0.15s;
}

.ag-table tbody tr:hover[b-096zqjxhe2] {
    background-color: rgba(248, 250, 252, 0.6);
}

.ag-table td[b-096zqjxhe2] {
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
    color: #334155;
    border-bottom: 1px solid #f1f5f9;
}

.ag-td-center[b-096zqjxhe2] {
    text-align: center;
}

.ag-td-right[b-096zqjxhe2] {
    text-align: right;
}

/* -- Table Cells --------------------------------------------- */
.ag-cell-dte[b-096zqjxhe2] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.ag-cell-name[b-096zqjxhe2] {
    font-weight: 500;
    color: #1e293b;
}

.ag-cell-code[b-096zqjxhe2] {
    font-size: 0.75rem;
    color: #94a3b8;
}

.ag-cell-mono[b-096zqjxhe2] {
    font-family: 'Roboto Mono', 'Consolas', monospace;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #475569;
}

.ag-cell-uuid[b-096zqjxhe2] {
    font-family: 'Roboto Mono', 'Consolas', monospace;
    font-size: 0.75rem;
    color: #94a3b8;
}

.ag-cell-amount[b-096zqjxhe2] {
    font-weight: 700;
}

/* -- Input Quantity ------------------------------------------- */
.ag-input-quantity[b-096zqjxhe2] {
    width: 5.5rem;
    height: 2.25rem;
    text-align: center;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    background-color: white;
    color: #0f172a;
    font-size: 0.875rem;
    font-weight: 700;
    outline: none;
    transition: all 0.15s;
}

.ag-input-quantity:focus[b-096zqjxhe2] {
    border-color: #137fec;
    box-shadow: 0 0 0 2px rgba(19, 127, 236, 0.15);
}

.ag-input-quantity:disabled[b-096zqjxhe2] {
    background-color: #f8fafc;
    color: #94a3b8;
    cursor: not-allowed;
}

/* -- Progress Bar -------------------------------------------- */
.ag-progress-cell[b-096zqjxhe2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.ag-progress-bar[b-096zqjxhe2] {
    flex: 1;
    height: 0.375rem;
    background-color: #e2e8f0;
    border-radius: 9999px;
    overflow: hidden;
}

.ag-progress-fill[b-096zqjxhe2] {
    height: 100%;
    background-color: #137fec;
    border-radius: 9999px;
    transition: width 0.3s ease;
}

.ag-progress-count[b-096zqjxhe2] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #475569;
    white-space: nowrap;
    min-width: 3.5rem;
    text-align: right;
}

/* -- Badges -------------------------------------------------- */
.ag-badge[b-096zqjxhe2] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.ag-badge--factura[b-096zqjxhe2] {
    background-color: #eff6ff;
    color: #2563eb;
}

.ag-badge--ccf[b-096zqjxhe2] {
    background-color: #faf5ff;
    color: #9333ea;
}

.ag-badge--nce[b-096zqjxhe2] {
    background-color: #fefce8;
    color: #ca8a04;
}

.ag-badge--fex[b-096zqjxhe2] {
    background-color: #ecfdf5;
    color: #059669;
}

.ag-badge--fse[b-096zqjxhe2] {
    background-color: #fef2f2;
    color: #dc2626;
}

/* -- Status Badges ------------------------------------------- */
.ag-status[b-096zqjxhe2] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.1875rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.ag-status-dot[b-096zqjxhe2] {
    display: inline-block;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 9999px;
}

.ag-status--success[b-096zqjxhe2] {
    background-color: #ecfdf5;
    color: #059669;
}

.ag-status--success .ag-status-dot[b-096zqjxhe2] {
    background-color: #10b981;
}

.ag-status--pending[b-096zqjxhe2] {
    background-color: #fefce8;
    color: #ca8a04;
}

.ag-status--pending .ag-status-dot[b-096zqjxhe2] {
    background-color: #f59e0b;
}

.ag-status--error[b-096zqjxhe2] {
    background-color: #fef2f2;
    color: #dc2626;
}

.ag-status--error .ag-status-dot[b-096zqjxhe2] {
    background-color: #ef4444;
}

/* -- Info & Error Alerts ------------------------------------- */
.ag-info-alert[b-096zqjxhe2] {
    display: flex;
    gap: 0.625rem;
    padding: 0.875rem 1rem;
    border-radius: 0.5rem;
    background-color: rgba(19, 127, 236, 0.05);
    border: 1px solid rgba(19, 127, 236, 0.15);
    color: #475569;
    font-size: 0.8125rem;
    line-height: 1.5;
}

.ag-info-alert p[b-096zqjxhe2] {
    margin: 0;
}

.ag-error-alert[b-096zqjxhe2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    font-size: 0.8125rem;
}

/* -- Search Bar ---------------------------------------------- */
.ag-search-bar[b-096zqjxhe2] {
    margin-bottom: 1rem;
}

.ag-search-input-wrapper[b-096zqjxhe2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    background-color: white;
    transition: all 0.15s;
}

.ag-search-input-wrapper:focus-within[b-096zqjxhe2] {
    border-color: #137fec;
    box-shadow: 0 0 0 2px rgba(19, 127, 236, 0.15);
}

.ag-search-input[b-096zqjxhe2] {
    flex: 1;
    border: none;
    outline: none;
    padding: 0.625rem 0;
    font-size: 0.875rem;
    color: #0f172a;
    background: transparent;
}

.ag-search-input[b-096zqjxhe2]::placeholder {
    color: #94a3b8;
}

/* -- Empty State --------------------------------------------- */
.ag-empty-state[b-096zqjxhe2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem;
    color: #94a3b8;
    text-align: center;
}

.ag-empty-state p[b-096zqjxhe2] {
    margin: 0;
    font-size: 0.875rem;
}

/* -- Footer -------------------------------------------------- */
.ag-footer[b-096zqjxhe2] {
    padding: 1rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background-color: #f8fafc;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.ag-footer-info[b-096zqjxhe2] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8125rem;
    color: #64748b;
}

.ag-footer-actions[b-096zqjxhe2] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

/* -- Buttons ------------------------------------------------- */
.ag-btn[b-096zqjxhe2] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1.125rem;
    font-size: 0.8125rem;
    font-weight: 600;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

.ag-btn--secondary[b-096zqjxhe2] {
    color: #475569;
    background: transparent;
    border: 1px solid #cbd5e1;
}

.ag-btn--secondary:hover[b-096zqjxhe2] {
    background-color: #f1f5f9;
}

.ag-btn--primary[b-096zqjxhe2] {
    color: white;
    background-color: #137fec;
    box-shadow: 0 1px 3px rgba(19, 127, 236, 0.2);
}

.ag-btn--primary:hover:not(:disabled)[b-096zqjxhe2] {
    background-color: #1170d4;
    transform: translateY(-1px);
}

.ag-btn--primary:disabled[b-096zqjxhe2] {
    background-color: #93c5fd;
    cursor: not-allowed;
    transform: none;
}

.ag-btn--warning[b-096zqjxhe2] {
    color: white;
    background-color: #f59e0b;
    box-shadow: 0 1px 3px rgba(245, 158, 11, 0.2);
}

.ag-btn--warning:hover[b-096zqjxhe2] {
    background-color: #d97706;
}

/* -- Pagination ---------------------------------------------- */
.ag-pagination[b-096zqjxhe2] {
    display: flex;
    gap: 0.25rem;
}

.ag-page-btn[b-096zqjxhe2] {
    padding: 0.375rem 0.625rem;
    font-size: 0.8125rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    background-color: white;
    color: #475569;
    cursor: pointer;
    transition: all 0.15s;
}

.ag-page-btn:hover:not(:disabled)[b-096zqjxhe2] {
    background-color: #f8fafc;
}

.ag-page-btn:disabled[b-096zqjxhe2] {
    opacity: 0.4;
    cursor: not-allowed;
}

.ag-page-btn--active[b-096zqjxhe2] {
    background-color: #137fec;
    border-color: #137fec;
    color: white;
    font-weight: 700;
}

/* ============ DARK MODE ============ */


[data-theme="dark"] .ag-body[b-096zqjxhe2] {
    background-color: rgba(15, 23, 42, 0.6);
}

[data-theme="dark"] .ag-label-title[b-096zqjxhe2] {
    color: #e2e8f0;
}

[data-theme="dark"] .ag-select[b-096zqjxhe2] {
    background-color: #1e293b;
    border-color: #334155;
    color: #f1f5f9;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
}

[data-theme="dark"] .ag-table-container[b-096zqjxhe2] {
    border-color: #1e293b;
    background-color: #0f172a;
}

[data-theme="dark"] .ag-table thead tr[b-096zqjxhe2] {
    background-color: rgba(30, 41, 59, 0.5);
}

[data-theme="dark"] .ag-table th[b-096zqjxhe2] {
    color: #e2e8f0;
    border-bottom-color: #1e293b;
}

[data-theme="dark"] .ag-table td[b-096zqjxhe2] {
    color: #cbd5e1;
    border-bottom-color: #1e293b;
}

[data-theme="dark"] .ag-table tbody tr:hover[b-096zqjxhe2] {
    background-color: rgba(30, 41, 59, 0.3);
}

[data-theme="dark"] .ag-cell-name[b-096zqjxhe2] {
    color: #e2e8f0;
}

[data-theme="dark"] .ag-cell-code[b-096zqjxhe2] {
    color: #64748b;
}

[data-theme="dark"] .ag-input-quantity[b-096zqjxhe2] {
    background-color: #1e293b;
    border-color: #334155;
    color: #f1f5f9;
}

[data-theme="dark"] .ag-input-quantity:disabled[b-096zqjxhe2] {
    background-color: #0f172a;
    color: #475569;
}

[data-theme="dark"] .ag-progress-bar[b-096zqjxhe2] {
    background-color: #1e293b;
}

[data-theme="dark"] .ag-progress-count[b-096zqjxhe2] {
    color: #94a3b8;
}

[data-theme="dark"] .ag-info-alert[b-096zqjxhe2] {
    background-color: rgba(19, 127, 236, 0.08);
    border-color: rgba(19, 127, 236, 0.2);
    color: #94a3b8;
}

[data-theme="dark"] .ag-error-alert[b-096zqjxhe2] {
    background-color: rgba(153, 27, 27, 0.2);
    border-color: #7f1d1d;
    color: #fca5a5;
}

[data-theme="dark"] .ag-search-input-wrapper[b-096zqjxhe2] {
    border-color: #334155;
    background-color: #1e293b;
}

[data-theme="dark"] .ag-search-input[b-096zqjxhe2] {
    color: #f1f5f9;
}

[data-theme="dark"] .ag-footer[b-096zqjxhe2] {
    background-color: rgba(15, 23, 42, 0.5);
    border-top-color: #1e293b;
}

[data-theme="dark"] .ag-footer-info[b-096zqjxhe2] {
    color: #94a3b8;
}

[data-theme="dark"] .ag-btn--secondary[b-096zqjxhe2] {
    color: #94a3b8;
    border-color: #334155;
}

[data-theme="dark"] .ag-btn--secondary:hover[b-096zqjxhe2] {
    background-color: #1e293b;
}

[data-theme="dark"] .ag-page-btn[b-096zqjxhe2] {
    background-color: #1e293b;
    border-color: #334155;
    color: #cbd5e1;
}

[data-theme="dark"] .ag-page-btn:hover:not(:disabled)[b-096zqjxhe2] {
    background-color: #334155;
}

[data-theme="dark"] .ag-badge--factura[b-096zqjxhe2] {
    background-color: rgba(37, 99, 235, 0.15);
}

[data-theme="dark"] .ag-badge--ccf[b-096zqjxhe2] {
    background-color: rgba(147, 51, 234, 0.15);
}

[data-theme="dark"] .ag-badge--nce[b-096zqjxhe2] {
    background-color: rgba(202, 138, 4, 0.15);
}

[data-theme="dark"] .ag-badge--fex[b-096zqjxhe2] {
    background-color: rgba(5, 150, 105, 0.15);
}

[data-theme="dark"] .ag-badge--fse[b-096zqjxhe2] {
    background-color: rgba(220, 38, 38, 0.15);
}

[data-theme="dark"] .ag-status--success[b-096zqjxhe2] {
    background-color: rgba(5, 150, 105, 0.15);
}

[data-theme="dark"] .ag-status--pending[b-096zqjxhe2] {
    background-color: rgba(202, 138, 4, 0.15);
}

[data-theme="dark"] .ag-status--error[b-096zqjxhe2] {
    background-color: rgba(220, 38, 38, 0.15);
}

[data-theme="dark"] .ag-empty-state[b-096zqjxhe2] {
    color: #475569;
}

[data-theme="dark"] .ag-loading[b-096zqjxhe2] {
    color: #64748b;
}
/* /Components/AutoGenerarResultsTab.razor.rz.scp.css */
/* ============================================================
   AutoGenerarResultsTab Component Styles (Scoped)
   Sistema de tokens - Compatible con HFramework theme
   ============================================================ */

/* -- Body ---------------------------------------------------- */
.ag-body[b-o7dkgd6sr2] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
    background-color: rgba(248, 250, 252, 0.4);
}

/* -- Search Bar ---------------------------------------------- */
.ag-search-bar[b-o7dkgd6sr2] {
    margin-bottom: 1rem;
}

.ag-search-input-wrapper[b-o7dkgd6sr2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    background-color: white;
    transition: all 0.15s;
}

.ag-search-input-wrapper:focus-within[b-o7dkgd6sr2] {
    border-color: #137fec;
    box-shadow: 0 0 0 2px rgba(19, 127, 236, 0.15);
}

.ag-search-input[b-o7dkgd6sr2] {
    flex: 1;
    border: none;
    outline: none;
    padding: 0.625rem 0;
    font-size: 0.875rem;
    color: #0f172a;
    background: transparent;
}

.ag-search-input[b-o7dkgd6sr2]::placeholder {
    color: #94a3b8;
}

/* -- Empty State --------------------------------------------- */
.ag-empty-state[b-o7dkgd6sr2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem;
    color: #94a3b8;
    text-align: center;
}

.ag-empty-state p[b-o7dkgd6sr2] {
    margin: 0;
    font-size: 0.875rem;
}

/* -- Table --------------------------------------------------- */
.ag-table-container[b-o7dkgd6sr2] {
    border: 1px solid #e2e8f0;
    border-radius: 0.625rem;
    overflow: hidden;
    background-color: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.ag-table-container--results[b-o7dkgd6sr2] {
    margin: 0;
}

.ag-table[b-o7dkgd6sr2] {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}

.ag-table thead tr[b-o7dkgd6sr2] {
    background-color: #f8fafc;
}

.ag-table th[b-o7dkgd6sr2] {
    padding: 0.75rem 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #1e293b;
    border-bottom: 1px solid #e2e8f0;
}

.ag-th-center[b-o7dkgd6sr2] {
    text-align: center;
}

.ag-th-right[b-o7dkgd6sr2] {
    text-align: right;
}

.ag-table tbody tr[b-o7dkgd6sr2] {
    transition: background-color 0.15s;
}

.ag-table tbody tr:hover[b-o7dkgd6sr2] {
    background-color: rgba(248, 250, 252, 0.6);
}

.ag-table td[b-o7dkgd6sr2] {
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
    color: #334155;
    border-bottom: 1px solid #f1f5f9;
}

.ag-td-center[b-o7dkgd6sr2] {
    text-align: center;
}

.ag-td-right[b-o7dkgd6sr2] {
    text-align: right;
}

/* -- Table Cells --------------------------------------------- */
.ag-cell-mono[b-o7dkgd6sr2] {
    font-family: 'Roboto Mono', 'Consolas', monospace;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #475569;
}

.ag-cell-uuid[b-o7dkgd6sr2] {
    font-family: 'Roboto Mono', 'Consolas', monospace;
    font-size: 0.75rem;
    color: #94a3b8;
}

.ag-cell-amount[b-o7dkgd6sr2] {
    font-weight: 700;
}

/* -- Badges -------------------------------------------------- */
.ag-badge[b-o7dkgd6sr2] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.ag-badge--factura[b-o7dkgd6sr2] {
    background-color: #eff6ff;
    color: #2563eb;
}

.ag-badge--ccf[b-o7dkgd6sr2] {
    background-color: #faf5ff;
    color: #9333ea;
}

.ag-badge--nce[b-o7dkgd6sr2] {
    background-color: #fefce8;
    color: #ca8a04;
}

.ag-badge--fex[b-o7dkgd6sr2] {
    background-color: #ecfdf5;
    color: #059669;
}

.ag-badge--fse[b-o7dkgd6sr2] {
    background-color: #fef2f2;
    color: #dc2626;
}

/* -- Status Badges ------------------------------------------- */
.ag-status[b-o7dkgd6sr2] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.1875rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.ag-status-dot[b-o7dkgd6sr2] {
    display: inline-block;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 9999px;
}

.ag-status--success[b-o7dkgd6sr2] {
    background-color: #ecfdf5;
    color: #059669;
}

.ag-status--success .ag-status-dot[b-o7dkgd6sr2] {
    background-color: #10b981;
}

.ag-status--pending[b-o7dkgd6sr2] {
    background-color: #fefce8;
    color: #ca8a04;
}

.ag-status--pending .ag-status-dot[b-o7dkgd6sr2] {
    background-color: #f59e0b;
}

.ag-status--error[b-o7dkgd6sr2] {
    background-color: #fef2f2;
    color: #dc2626;
}

.ag-status--error .ag-status-dot[b-o7dkgd6sr2] {
    background-color: #ef4444;
}

/* -- Footer -------------------------------------------------- */
.ag-footer[b-o7dkgd6sr2] {
    padding: 1rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background-color: #f8fafc;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.ag-footer-info[b-o7dkgd6sr2] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8125rem;
    color: #64748b;
}

/* -- Pagination ---------------------------------------------- */
.ag-pagination[b-o7dkgd6sr2] {
    display: flex;
    gap: 0.25rem;
}

.ag-page-btn[b-o7dkgd6sr2] {
    padding: 0.375rem 0.625rem;
    font-size: 0.8125rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    background-color: white;
    color: #475569;
    cursor: pointer;
    transition: all 0.15s;
}

.ag-page-btn:hover:not(:disabled)[b-o7dkgd6sr2] {
    background-color: #f8fafc;
}

.ag-page-btn:disabled[b-o7dkgd6sr2] {
    opacity: 0.4;
    cursor: not-allowed;
}

.ag-page-btn--active[b-o7dkgd6sr2] {
    background-color: #137fec;
    border-color: #137fec;
    color: white;
    font-weight: 700;
}

/* ============ DARK MODE ============ */

[data-theme="dark"] .ag-body[b-o7dkgd6sr2] {
    background-color: rgba(15, 23, 42, 0.6);
}

[data-theme="dark"] .ag-search-input-wrapper[b-o7dkgd6sr2] {
    border-color: #334155;
    background-color: #1e293b;
}

[data-theme="dark"] .ag-search-input[b-o7dkgd6sr2] {
    color: #f1f5f9;
}

[data-theme="dark"] .ag-empty-state[b-o7dkgd6sr2] {
    color: #475569;
}

[data-theme="dark"] .ag-table-container[b-o7dkgd6sr2] {
    border-color: #1e293b;
    background-color: #0f172a;
}

[data-theme="dark"] .ag-table thead tr[b-o7dkgd6sr2] {
    background-color: rgba(30, 41, 59, 0.5);
}

[data-theme="dark"] .ag-table th[b-o7dkgd6sr2] {
    color: #e2e8f0;
    border-bottom-color: #1e293b;
}

[data-theme="dark"] .ag-table td[b-o7dkgd6sr2] {
    color: #cbd5e1;
    border-bottom-color: #1e293b;
}

[data-theme="dark"] .ag-table tbody tr:hover[b-o7dkgd6sr2] {
    background-color: rgba(30, 41, 59, 0.3);
}

[data-theme="dark"] .ag-badge--factura[b-o7dkgd6sr2] {
    background-color: rgba(37, 99, 235, 0.15);
}

[data-theme="dark"] .ag-badge--ccf[b-o7dkgd6sr2] {
    background-color: rgba(147, 51, 234, 0.15);
}

[data-theme="dark"] .ag-badge--nce[b-o7dkgd6sr2] {
    background-color: rgba(202, 138, 4, 0.15);
}

[data-theme="dark"] .ag-badge--fex[b-o7dkgd6sr2] {
    background-color: rgba(5, 150, 105, 0.15);
}

[data-theme="dark"] .ag-badge--fse[b-o7dkgd6sr2] {
    background-color: rgba(220, 38, 38, 0.15);
}

[data-theme="dark"] .ag-status--success[b-o7dkgd6sr2] {
    background-color: rgba(5, 150, 105, 0.15);
}

[data-theme="dark"] .ag-status--pending[b-o7dkgd6sr2] {
    background-color: rgba(202, 138, 4, 0.15);
}

[data-theme="dark"] .ag-status--error[b-o7dkgd6sr2] {
    background-color: rgba(220, 38, 38, 0.15);
}

[data-theme="dark"] .ag-footer[b-o7dkgd6sr2] {
    background-color: rgba(15, 23, 42, 0.5);
    border-top-color: #1e293b;
}

[data-theme="dark"] .ag-footer-info[b-o7dkgd6sr2] {
    color: #94a3b8;
}

[data-theme="dark"] .ag-page-btn[b-o7dkgd6sr2] {
    background-color: #1e293b;
    border-color: #334155;
    color: #cbd5e1;
}

[data-theme="dark"] .ag-page-btn:hover:not(:disabled)[b-o7dkgd6sr2] {
    background-color: #334155;
}
/* /Components/Branding.razor.rz.scp.css */
/* Branding Scoped Styles */

.tc-card[b-7pf5yflavv] {
    background-color: var(--sys-bg-component);
    border-radius: 0.5rem;
    border: 1px solid var(--sys-border-light);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    padding: 1.5rem;
    position: relative;
}

.tc-card-title-lg[b-7pf5yflavv] {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--sys-text-primary);
    border-bottom: 1px solid var(--sys-border-light);
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}

.tc-logo-uploader[b-7pf5yflavv] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1.5rem;
}

.tc-logo-preview[b-7pf5yflavv] {
    width: 8rem;
    height: 8rem;
    border: 2px dashed var(--sys-border-light);
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--sys-bg-secondary);
    overflow: hidden;
    position: relative;
}

.tc-logo-img[b-7pf5yflavv] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tc-logo-remove[b-7pf5yflavv] {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    background-color: #ef4444;
    color: white;
    border: none;
    border-radius: 50%;
    padding: 0.25rem;
    display: flex;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.tc-logo-remove:hover[b-7pf5yflavv] {
    background-color: #dc2626;
}

.tc-logo-placeholder[b-7pf5yflavv] {
    color: var(--sys-text-muted);
    font-size: 0.75rem;
    text-align: center;
    padding: 0 0.5rem;
}

.tc-label[b-7pf5yflavv] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--sys-text-secondary);
    margin-bottom: 0.25rem;
}

.tc-file-input[b-7pf5yflavv] {
    display: block;
    width: 100%;
    font-size: 0.875rem;
    color: var(--sys-text-secondary);
}
/* /Components/ConsoleGestionContingencia.razor.rz.scp.css */
.console-grid[b-2i9i4nnhjy] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem;
    align-items: flex-start;
    height: 100%;
    padding-bottom: 1rem;
}

@media (min-width: 1024px) {
    .console-grid[b-2i9i4nnhjy] {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
}

.panel-docs[b-2i9i4nnhjy] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
}

@media (min-width: 1024px) {
    .panel-docs[b-2i9i4nnhjy] {
        grid-column: span 7 / span 7;
    }
}

.docs-card[b-2i9i4nnhjy] {
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    box-shadow: var(--hf-card-shadow);
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

/* Specific background for dark mode nested component cards if not using generic tokens yet */
:root[data-hf-theme="dark"] .docs-card[b-2i9i4nnhjy] {
    background-color: #1A2633;
}

.filter-header[b-2i9i4nnhjy] {
    padding: 1rem;
    background-color: var(--hf-bg);
    border-bottom: 1px solid var(--hf-border-color);
}

.filter-row[b-2i9i4nnhjy] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media (min-width: 768px) {
    .filter-row[b-2i9i4nnhjy] {
        flex-direction: row;
    }
}

.filter-field[b-2i9i4nnhjy] {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.field-label[b-2i9i4nnhjy] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--hf-text-secondary);
    letter-spacing: 0.05em;
}

.apply-btn-wrapper[b-2i9i4nnhjy] {
    display: flex;
    align-items: flex-end;
}

.list-header[b-2i9i4nnhjy] {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid var(--hf-border-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.list-header-title[b-2i9i4nnhjy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.header-title-text[b-2i9i4nnhjy] {
    font-weight: 700;
    color: var(--hf-text-primary);
    margin: 0;
}

.count-badge[b-2i9i4nnhjy] {
    padding: 0.125rem 0.5rem;
    background-color: rgba(19, 127, 236, 0.1);
    color: var(--hf-primary);
    font-size: 10px;
    border-radius: 0.25rem;
    font-weight: 700;
    text-transform: uppercase;
}

.search-bar-container[b-2i9i4nnhjy] {
    padding: 0.75rem;
    background-color: var(--hf-surface);
    border-bottom: 1px solid var(--hf-border-color);
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
}

.search-input-wrapper[b-2i9i4nnhjy] {
    position: relative;
    flex: 1 1 0%;
}

.search-icon[b-2i9i4nnhjy] {
    position: absolute;
    left: 0.625rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--hf-text-secondary);
    pointer-events: none;
}

.search-input[b-2i9i4nnhjy] {
    width: 100%;
    padding-left: 2rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 0.375rem;
    border: 1px solid var(--hf-border-color);
    font-size: 0.75rem;
    background-color: var(--hf-surface);
    color: var(--hf-text-primary);
    transition: border-color 0.2s;
    outline: none;
}

.search-input:focus[b-2i9i4nnhjy] {
    border-color: var(--hf-primary);
}

.dropdown-wrapper[b-2i9i4nnhjy] {
    width: 12rem;
}

.table-body[b-2i9i4nnhjy] {
    flex: 1 1 0%;
    overflow: auto;
}

.loading-container[b-2i9i4nnhjy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: var(--hf-text-secondary);
}

.no-results[b-2i9i4nnhjy] {
    padding: 2rem;
    text-align: center;
    color: var(--hf-text-secondary);
    font-size: 0.75rem;
}

.summary-panel[b-2i9i4nnhjy] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

@media (min-width: 1024px) {
    .summary-panel[b-2i9i4nnhjy] {
        grid-column: span 5 / span 5;
    }
}

.params-card[b-2i9i4nnhjy] {
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    box-shadow: var(--hf-card-shadow);
    padding: 1.5rem;
}

.panel-header[b-2i9i4nnhjy] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.icon-box[b-2i9i4nnhjy] {
    padding: 0.625rem;
    border-radius: 0.75rem;
    background-color: var(--hf-primary);
    color: white;
}

.panel-title-text[b-2i9i4nnhjy] {
    font-weight: 700;
    color: var(--hf-text-primary);
    font-size: 1rem;
    margin: 0;
}

.panel-subtitle-text[b-2i9i4nnhjy] {
    font-size: 11px;
    color: var(--hf-text-secondary);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05em;
    margin: 0;
}

.content-stack[b-2i9i4nnhjy] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.range-grid[b-2i9i4nnhjy] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.readonly-display[b-2i9i4nnhjy] {
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    background-color: var(--hf-bg);
    border: 1px solid var(--hf-border-color);
    color: var(--hf-text-primary);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.validation-alert[b-2i9i4nnhjy] {
    background-color: rgba(19, 127, 236, 0.05);
    padding: 1rem;
    border-radius: 0.75rem;
    border: 1px solid rgba(19, 127, 236, 0.1);
    margin-top: 1rem;
}

.alert-header[b-2i9i4nnhjy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.375rem;
    color: var(--hf-primary);
}

.alert-title[b-2i9i4nnhjy] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.alert-text[b-2i9i4nnhjy] {
    font-size: 11px;
    color: var(--hf-text-primary);
    opacity: 0.8;
    line-height: 1.625;
    margin: 0;
}

.action-container[b-2i9i4nnhjy] {
    padding-top: 1rem;
}

.transmission-btn[b-2i9i4nnhjy] {
    width: 100%;
    padding: 1rem 0;
    border-radius: 0.75rem;
    font-size: 0.875rem;
    font-weight: 700;
    transition: all 0.2s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.125rem;
    border: none;
    cursor: pointer;
}

.transmission-btn:disabled[b-2i9i4nnhjy] {
    background-color: #cbd5e1;
    /* slate-300 equivalent or hf-bg-hover */
    color: var(--hf-text-secondary);
    cursor: not-allowed;
}

.transmission-btn:not(:disabled)[b-2i9i4nnhjy] {
    background-color: var(--hf-primary);
    color: white;
    box-shadow: 0 10px 15px -3px rgba(19, 127, 236, 0.2);
}

.transmission-btn:not(:disabled):hover[b-2i9i4nnhjy] {
    opacity: 0.9;
}

.btn-main-row[b-2i9i4nnhjy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-icon[b-2i9i4nnhjy] {
    font-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
}

.transmission-btn:hover .btn-icon[b-2i9i4nnhjy] {
    transform: translateX(0.25rem);
}

.btn-helper-text[b-2i9i4nnhjy] {
    font-size: 10px;
    font-weight: 400;
    opacity: 0.8;
}

.legal-note[b-2i9i4nnhjy] {
    border-radius: 0.75rem;
    border: 1px solid rgba(234, 88, 12, 0.3);
    background-color: rgba(234, 88, 12, 0.05);
    padding: 1rem;
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

.legal-note-content[b-2i9i4nnhjy] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.legal-note-title[b-2i9i4nnhjy] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--hf-warning);
    text-transform: uppercase;
    letter-spacing: -0.025em;
    margin: 0;
}

.legal-note-text[b-2i9i4nnhjy] {
    font-size: 10px;
    color: var(--hf-warning);
    opacity: 0.9;
    line-height: 1.625;
    font-weight: 500;
    margin: 0;
}
/* /Components/CreateRoleForm.razor.rz.scp.css */
/* ===== CREATE ROLE MODAL ===== */
.create-role-modal[b-gi8hbo9lsl] {
    display: flex;
    flex-direction: column;
    max-height: 80vh;
    font-family: 'Inter', 'Segoe UI', sans-serif;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

/* Header */
.modal-header[b-gi8hbo9lsl] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 24px 32px;
    border-bottom: 1px solid #e2e8f0;
}

.header-left[b-gi8hbo9lsl] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.header-icon[b-gi8hbo9lsl] {
    margin-top: 2px;
}

[b-gi8hbo9lsl] .icon-primary {
    color: #3b82f6;
}

.modal-title[b-gi8hbo9lsl] {
    font-size: 22px;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
}

.modal-subtitle[b-gi8hbo9lsl] {
    font-size: 13px;
    color: #94a3b8;
    margin: 4px 0 0;
}

.btn-close[b-gi8hbo9lsl] {
    background: none;
    border: none;
    color: #94a3b8;
    cursor: pointer;
    padding: 4px;
    transition: color 0.15s;
}

.btn-close:hover[b-gi8hbo9lsl] {
    color: #475569;
}

/* Body */
.modal-body[b-gi8hbo9lsl] {
    flex: 1;
    overflow-y: auto;
    padding: 24px 32px;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.loading-state[b-gi8hbo9lsl] {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

.spinner[b-gi8hbo9lsl] {
    width: 32px;
    height: 32px;
    border: 3px solid #e2e8f0;
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: spin-b-gi8hbo9lsl 0.7s linear infinite;
}

@keyframes spin-b-gi8hbo9lsl {
    to {
        transform: rotate(360deg);
    }
}

/* Form Sections */
.form-section[b-gi8hbo9lsl] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-grid[b-gi8hbo9lsl] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.form-column[b-gi8hbo9lsl] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.form-label[b-gi8hbo9lsl] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.label-text[b-gi8hbo9lsl] {
    font-size: 13px;
    font-weight: 600;
    color: #1e293b;
}

.form-input[b-gi8hbo9lsl] {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    font-size: 14px;
    color: #0f172a;
    outline: none;
    transition: border-color 0.15s;
}

.form-input:focus[b-gi8hbo9lsl] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

.form-textarea[b-gi8hbo9lsl] {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    font-size: 14px;
    color: #0f172a;
    resize: none;
    min-height: 90px;
    outline: none;
    transition: border-color 0.15s;
}

.form-textarea:focus[b-gi8hbo9lsl] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

/* Permissions Matrix */
.matrix-header[b-gi8hbo9lsl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.matrix-title[b-gi8hbo9lsl] {
    font-size: 17px;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
}

.matrix-actions[b-gi8hbo9lsl] {
    display: flex;
    gap: 16px;
}

.btn-link[b-gi8hbo9lsl] {
    background: none;
    border: none;
    font-size: 12px;
    font-weight: 600;
    color: #3b82f6;
    cursor: pointer;
    transition: opacity 0.15s;
}

.btn-link:hover[b-gi8hbo9lsl] {
    text-decoration: underline;
}

.matrix-table-wrapper[b-gi8hbo9lsl] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
}

.matrix-table[b-gi8hbo9lsl] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.matrix-table thead tr[b-gi8hbo9lsl] {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.matrix-table th[b-gi8hbo9lsl] {
    padding: 14px 20px;
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.col-module[b-gi8hbo9lsl] {
    width: 40%;
}

.col-action[b-gi8hbo9lsl] {
    text-align: center;
    width: 15%;
}

.matrix-table tbody tr[b-gi8hbo9lsl] {
    border-bottom: 1px solid #f1f5f9;
    transition: background 0.1s;
}

.matrix-table tbody tr:last-child[b-gi8hbo9lsl] {
    border-bottom: none;
}

.matrix-table tbody tr:hover[b-gi8hbo9lsl] {
    background: #f8fafc;
}

.cell-module[b-gi8hbo9lsl] {
    padding: 16px 20px;
}

.module-name[b-gi8hbo9lsl] {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #0f172a;
}

.module-desc[b-gi8hbo9lsl] {
    display: block;
    font-size: 11px;
    color: #94a3b8;
    margin-top: 2px;
}

.cell-action[b-gi8hbo9lsl] {
    padding: 16px 20px;
    text-align: center;
}

[b-gi8hbo9lsl] .icon-disabled {
    color: #cbd5e1;
}

/* Custom Checkbox */
.custom-checkbox[b-gi8hbo9lsl] {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #cbd5e1;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.15s;
    position: relative;
}

.custom-checkbox:checked[b-gi8hbo9lsl] {
    background: #3b82f6;
    border-color: #3b82f6;
}

.custom-checkbox:checked[b-gi8hbo9lsl]::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.custom-checkbox:hover[b-gi8hbo9lsl] {
    border-color: #3b82f6;
}

/* Security Note */
.security-note[b-gi8hbo9lsl] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 20px;
    background: rgba(59, 130, 246, 0.04);
    border: 1px solid rgba(59, 130, 246, 0.1);
    border-radius: 10px;
}

.note-icon-wrapper[b-gi8hbo9lsl] {
    background: rgba(59, 130, 246, 0.12);
    padding: 8px;
    border-radius: 8px;
    flex-shrink: 0;
}

.note-title[b-gi8hbo9lsl] {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
}

.note-text[b-gi8hbo9lsl] {
    font-size: 12px;
    color: #64748b;
    margin: 4px 0 0;
    line-height: 1.5;
}

/* Footer */
.modal-footer[b-gi8hbo9lsl] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 20px 32px;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}

.btn-cancel[b-gi8hbo9lsl] {
    padding: 10px 24px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: transparent;
    font-size: 13px;
    font-weight: 600;
    color: #475569;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-cancel:hover[b-gi8hbo9lsl] {
    background: #ffffff;
}

.btn-create[b-gi8hbo9lsl] {
    padding: 10px 32px;
    border: none;
    border-radius: 8px;
    background: #3b82f6;
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25);
    transition: all 0.15s;
}

.btn-create:hover:not(:disabled)[b-gi8hbo9lsl] {
    background: #2563eb;
}

.btn-create:disabled[b-gi8hbo9lsl] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* /Components/CustomerForm.razor.rz.scp.css */
/* CustomerForm Scoped Styles */

.cf-modal-overlay[b-4s9gdgzanl] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px);
}

.cf-modal-container[b-4s9gdgzanl] {
    width: 100%;
    max-width: 800px;
    max-height: 90vh;
    background-color: var(--sys-bg-component);
    border-radius: 1rem;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--sys-border-light);
}

/* Header */
.cf-header[b-4s9gdgzanl] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--sys-border-light);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.cf-title[b-4s9gdgzanl] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--sys-text-primary);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
}

.cf-subtitle[b-4s9gdgzanl] {
    font-size: 0.875rem;
    color: var(--sys-text-secondary);
    margin: 0.25rem 0 0 0;
}

.cf-close-btn[b-4s9gdgzanl] {
    padding: 0.5rem;
    color: var(--sys-text-muted);
    background: transparent;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cf-close-btn:hover[b-4s9gdgzanl] {
    background-color: var(--sys-bg-secondary);
    color: var(--sys-text-primary);
}

/* Body & Content */
.cf-body[b-4s9gdgzanl] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.cf-section-header[b-4s9gdgzanl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.cf-section-indicator[b-4s9gdgzanl] {
    width: 4px;
    height: 1.25rem;
    background-color: var(--sys-primary);
    border-radius: 2px;
}

.cf-section-title[b-4s9gdgzanl] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--sys-text-primary);
    margin: 0;
}

.cf-grid[b-4s9gdgzanl] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.25rem;
}

@media (min-width: 640px) {
    .cf-grid[b-4s9gdgzanl] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.cf-col-span-2[b-4s9gdgzanl] {
    grid-column: 1 / -1;
}

.cf-label[b-4s9gdgzanl] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--sys-text-primary);
    margin-bottom: 0.5rem;
}

.cf-mt-8[b-4s9gdgzanl] {
    margin-top: 2rem;
}

/* Form Controls */
.cf-input[b-4s9gdgzanl] {
    width: 100%;
}

.cf-icon-input-wrapper[b-4s9gdgzanl] {
    position: relative;
    display: flex;
    align-items: center;
}

.cf-input-icon[b-4s9gdgzanl] {
    position: absolute;
    left: 0.75rem;
    color: var(--sys-text-muted);
    font-size: 1.25rem;
    pointer-events: none;
    z-index: 10;
}

.cf-input-with-icon[b-4s9gdgzanl] {
    padding-left: 2.75rem !important;
}

/* Footer & Buttons */
.cf-footer[b-4s9gdgzanl] {
    padding: 1rem;
    border-top: 1px solid var(--sys-border-light);
    margin-top: 2.5rem;
   
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    background-color: var(--sys-bg-secondary);
}

.cf-footer-info[b-4s9gdgzanl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--sys-text-secondary);
}

.cf-footer-actions[b-4s9gdgzanl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.cf-btn-primary[b-4s9gdgzanl] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background-color: var(--sys-primary);
    color: white;
    font-weight: 600;
    border-radius: 0.5rem;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
}

.cf-btn-primary:hover[b-4s9gdgzanl] {
    background-color: var(--sys-primary-hover);
    transform: translateY(-1px);
}

.cf-btn-secondary[b-4s9gdgzanl] {
    padding: 0.625rem 1.25rem;
    background-color: var(--sys-bg-component);
    color: var(--sys-text-primary);
    font-weight: 600;
    border-radius: 0.5rem;
    border: 1px solid var(--sys-border-light);
    cursor: pointer;
    transition: all 0.2s;
}

.cf-btn-secondary:hover[b-4s9gdgzanl] {
    background-color: var(--sys-bg-secondary);
}

.cf-info-text[b-4s9gdgzanl] {
    font-size: 0.75rem;
}

/* Theme Utilities */
.text-primary[b-4s9gdgzanl] {
    color: var(--sys-primary);
}
/* /Components/DteInvalidationConsole.razor.rz.scp.css */
.filters-section[b-8s250ml7vl] {
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    box-shadow: var(--hf-card-shadow);
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.section-header[b-8s250ml7vl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.header-icon[b-8s250ml7vl] {
    color: var(--hf-primary);
    font-size: 1.25rem;
}

.header-title[b-8s250ml7vl] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--hf-primary);
    margin: 0;
}

.filters-grid[b-8s250ml7vl] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .filters-grid[b-8s250ml7vl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .filters-grid[b-8s250ml7vl] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.filter-group[b-8s250ml7vl] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.filter-label[b-8s250ml7vl] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--hf-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.search-input-wrapper[b-8s250ml7vl] {
    position: relative;
}

.search-input-icon[b-8s250ml7vl] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--hf-text-secondary);
    font-size: 0.875rem;
    z-index: 10;
}

.search-input[b-8s250ml7vl] {
    display: block;
    width: 100%;
    padding-left: 2.5rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(var(--hf-primary-rgb), 0.2);
    background-color: var(--hf-bg);
    color: var(--hf-text-primary);
    font-size: 0.875rem;
    outline: none;
    transition: border-color 0.2s;
}

.search-input:focus[b-8s250ml7vl] {
    border-color: var(--hf-primary);
}

.filters-actions[b-8s250ml7vl] {
    margin-top: 1.5rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

/* Results section */
.results-section[b-8s250ml7vl] {
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    box-shadow: var(--hf-card-shadow);
    overflow: hidden;
}

.results-header[b-8s250ml7vl] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(var(--hf-primary-rgb), 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.results-title[b-8s250ml7vl] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--hf-primary);
    margin: 0;
}

.results-count[b-8s250ml7vl] {
    font-size: 0.75rem;
    color: var(--hf-text-secondary);
    background-color: var(--hf-bg);
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    border-radius: 9999px;
}

.results-count-bold[b-8s250ml7vl] {
    font-weight: 700;
    color: var(--hf-primary);
}

.grid-wrapper[b-8s250ml7vl] {
    overflow-x: auto;
}

.loading-container[b-8s250ml7vl] {
    padding: 3rem;
    text-align: center;
    color: var(--hf-text-secondary);
}

.empty-results[b-8s250ml7vl] {
    padding: 3rem;
    text-align: center;
    color: var(--hf-text-secondary);
}

/* Grid Cell specifics */
.uuid-cell[b-8s250ml7vl] {
    font-family: var(--hf-font-mono);
    font-size: 0.75rem;
}

.uuid-cell.invalidated[b-8s250ml7vl] {
    color: var(--hf-text-secondary);
    font-style: italic;
    opacity: 0.6;
}

.uuid-cell.active[b-8s250ml7vl] {
    color: var(--hf-text-primary);
}

.cell-subtext[b-8s250ml7vl] {
    font-size: 10px;
    color: var(--hf-text-secondary);
    opacity: 0.7;
    margin-top: 0.25rem;
}

.control-num[b-8s250ml7vl] {
    font-weight: 500;
}

.control-num.invalidated[b-8s250ml7vl] {
    color: var(--hf-text-secondary);
    opacity: 0.6;
}

.control-num.active[b-8s250ml7vl] {
    color: var(--hf-text-primary);
}

.receptor-name[b-8s250ml7vl] {
    font-weight: 700;
}

.receptor-name.invalidated[b-8s250ml7vl] {
    color: var(--hf-text-secondary);
    text-decoration: line-through;
    opacity: 0.6;
}

.monto-cell[b-8s250ml7vl] {
    text-align: right;
    font-weight: 700;
}

.monto-cell.invalidated[b-8s250ml7vl] {
    color: var(--hf-text-secondary);
    opacity: 0.6;
}

/* Status Pills */
.status-pill[b-8s250ml7vl] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.status-indicator[b-8s250ml7vl] {
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
}

.status-invalidado[b-8s250ml7vl] {
    background-color: rgba(var(--hf-text-secondary-rgb), 0.1);
    color: var(--hf-text-secondary);
}

.status-invalidado .status-indicator[b-8s250ml7vl] {
    background-color: var(--hf-text-secondary);
    opacity: 0.5;
}

.status-procesado[b-8s250ml7vl] {
    background-color: rgba(var(--hf-success-rgb), 0.1);
    color: var(--hf-success);
}

.status-procesado .status-indicator[b-8s250ml7vl] {
    background-color: var(--hf-success);
}

.status-warning[b-8s250ml7vl] {
    background-color: rgba(var(--hf-warning-rgb), 0.1);
    color: var(--hf-warning);
}

.status-warning .status-indicator[b-8s250ml7vl] {
    background-color: var(--hf-warning);
}

/* Actions */
.actions-group[b-8s250ml7vl] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.btn-invalidar[b-8s250ml7vl] {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--hf-danger);
    border: 1px solid rgba(var(--hf-danger-rgb), 0.2);
    background: transparent;
    cursor: pointer;
    border-radius: var(--hf-radius-sm);
    transition: all 0.2s;
}

.btn-invalidar:hover[b-8s250ml7vl] {
    background-color: var(--hf-danger);
    color: white;
}

.btn-locked[b-8s250ml7vl] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* /Components/DteTenantConfig.razor.rz.scp.css */
/* DteTenantConfig Scoped Styles */

.tc-card[b-oe8jhue64m] {
    background-color: var(--sys-bg-component);
    border-radius: 0.5rem;
    border: 1px solid var(--sys-border-light);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    padding: 1.5rem;
    position: relative;
}

.tc-card-title-lg[b-oe8jhue64m] {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--sys-text-primary);
    border-bottom: 1px solid var(--sys-border-light);
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}

.tc-form-grid[b-oe8jhue64m] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    padding: 1rem;
}

@media (min-width: 768px) {
    .tc-form-grid[b-oe8jhue64m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/DteTimelineHistory.razor.rz.scp.css */
.history-layout[b-7o2q3064m2] {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media (min-width: 640px) {
    .history-layout[b-7o2q3064m2] {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

/* Base states */
.loading-state[b-7o2q3064m2] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 16rem;
    color: var(--hf-text-secondary);
}

.loading-text[b-7o2q3064m2] {
    margin-left: 0.75rem;
    font-weight: 700;
    font-size: 1.125rem;
}

.empty-state[b-7o2q3064m2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
    background-color: var(--hf-bg);
    border-radius: 0.75rem;
    border: 1px dashed rgba(var(--hf-primary-rgb), 0.2);
}

.empty-icon-wrapper[b-7o2q3064m2] {
    background-color: var(--hf-surface);
    padding: 1.5rem;
    border-radius: 9999px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    margin-bottom: 1.5rem;
}

.empty-title[b-7o2q3064m2] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--hf-primary);
    margin-bottom: 0.5rem;
    margin-top: 0;
}

.empty-text[b-7o2q3064m2] {
    color: var(--hf-text-secondary);
    max-width: 28rem;
    margin: 0;
}

/* Navigation */
.breadcrumb-nav[b-7o2q3064m2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding-bottom: 1.5rem;
}

.breadcrumb-item[b-7o2q3064m2] {
    color: var(--hf-text-secondary);
    font-size: 0.875rem;
    font-weight: 500;
}

.breadcrumb-separator[b-7o2q3064m2] {
    color: var(--hf-text-secondary);
    opacity: 0.5;
    font-size: 0.875rem;
}

.breadcrumb-active[b-7o2q3064m2] {
    color: var(--hf-primary);
    font-weight: 700;
}

/* Header */
.page-header[b-7o2q3064m2] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 2rem;
}

.header-title-group[b-7o2q3064m2] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.header-title[b-7o2q3064m2] {
    font-size: 1.875rem;
    font-weight: 900;
    color: var(--hf-primary);
    line-height: 1.25;
    letter-spacing: -0.025em;
    margin: 0;
}

.header-subtitle-area[b-7o2q3064m2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.type-badge[b-7o2q3064m2] {
    background-color: rgba(var(--hf-primary-rgb), 0.1);
    color: var(--hf-primary);
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.uuid-text[b-7o2q3064m2] {
    color: var(--hf-text-secondary);
    font-size: 0.875rem;
    font-weight: 500;
    margin: 0;
}

/* Summary Card */
.summary-card[b-7o2q3064m2] {
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.summary-title[b-7o2q3064m2] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--hf-primary);
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    margin-top: 0;
}

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

@media (min-width: 768px) {
    .summary-grid[b-7o2q3064m2] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 3rem;
    }
}

.summary-item[b-7o2q3064m2] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    border-left: 2px solid rgba(var(--hf-primary-rgb), 0.3);
    padding-left: 1rem;
}

.summary-item-secondary[b-7o2q3064m2] {
    border-color: rgba(var(--hf-primary-rgb), 0.1);
}

.item-label[b-7o2q3064m2] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--hf-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0;
}

.item-value-lg[b-7o2q3064m2] {
    font-size: 1.25rem;
    font-weight: 900;
    color: var(--hf-primary);
    margin: 0;
}

.item-value-md[b-7o2q3064m2] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--hf-primary);
    margin: 0;
}

.item-subtext[b-7o2q3064m2] {
    font-size: 0.75rem;
    color: var(--hf-text-secondary);
    opacity: 0.6;
    margin: 0;
}

/* Timeline */
.timeline-section-header[b-7o2q3064m2] {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-title[b-7o2q3064m2] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--hf-primary);
    display: flex;
    align-items: center;
    margin: 0;
}

.update-time[b-7o2q3064m2] {
    font-size: 0.75rem;
    color: var(--hf-text-secondary);
    font-style: italic;
    opacity: 0.7;
}

.events-list[b-7o2q3064m2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.event-card[b-7o2q3064m2] {
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    padding: 1.25rem;
    position: relative;
    overflow: hidden;
}

.event-card-muted[b-7o2q3064m2] {
    opacity: 0.8;
}

.status-indicator[b-7o2q3064m2] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0.25rem;
}

.status-success[b-7o2q3064m2] {
    background-color: var(--hf-success);
}

.status-error[b-7o2q3064m2] {
    background-color: var(--hf-danger);
}

.status-warning[b-7o2q3064m2] {
    background-color: var(--hf-warning);
}

.event-content-row[b-7o2q3064m2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media (min-width: 768px) {
    .event-content-row[b-7o2q3064m2] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.event-main-area[b-7o2q3064m2] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.event-icon-box[b-7o2q3064m2] {
    padding: 0.5rem;
    border-radius: 0.5rem;
}

.box-success[b-7o2q3064m2] {
    background-color: rgba(var(--hf-success-rgb), 0.1);
    color: var(--hf-success);
}

.box-error[b-7o2q3064m2] {
    background-color: rgba(var(--hf-danger-rgb), 0.1);
    color: var(--hf-danger);
}

.box-warning[b-7o2q3064m2] {
    background-color: rgba(var(--hf-warning-rgb), 0.1);
    color: var(--hf-warning);
}

.event-title-line[b-7o2q3064m2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.25rem;
}

.event-name[b-7o2q3064m2] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--hf-text-primary);
    letter-spacing: -0.025em;
    margin: 0;
}

.event-badge[b-7o2q3064m2] {
    font-size: 10px;
    font-weight: 700;
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.badge-success[b-7o2q3064m2] {
    background-color: rgba(var(--hf-success-rgb), 0.1);
    color: var(--hf-success);
}

.badge-error[b-7o2q3064m2] {
    background-color: rgba(var(--hf-danger-rgb), 0.1);
    color: var(--hf-danger);
}

.badge-warning[b-7o2q3064m2] {
    background-color: rgba(var(--hf-warning-rgb), 0.1);
    color: var(--hf-warning);
}

.event-description[b-7o2q3064m2] {
    font-size: 0.875rem;
    color: var(--hf-text-secondary);
    margin: 0;
}

.event-meta[b-7o2q3064m2] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.5rem;
}

.meta-item[b-7o2q3064m2] {
    display: flex;
    align-items: center;
    font-size: 0.75rem;
    color: var(--hf-text-secondary);
    opacity: 0.7;
}

/* MH Stamp Area */
.mh-stamp-area[b-7o2q3064m2] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(var(--hf-primary-rgb), 0.1);
}

@media (min-width: 768px) {
    .mh-stamp-area[b-7o2q3064m2] {
        padding-top: 0;
        border-top: none;
        border-left: 1px solid rgba(var(--hf-primary-rgb), 0.1);
        padding-left: 1.5rem;
    }
}

.stamp-label[b-7o2q3064m2] {
    font-size: 10px;
    font-weight: 700;
    color: var(--hf-text-secondary);
    opacity: 0.6;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 0.25rem;
    margin-top: 0;
}

.stamp-value-wrapper[b-7o2q3064m2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.stamp-code[b-7o2q3064m2] {
    font-size: 0.75rem;
    font-family: var(--hf-font-mono);
    background-color: var(--hf-bg);
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    width: 8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--hf-text-primary);
    margin: 0;
}

.stamp-status-text[b-7o2q3064m2] {
    font-size: 0.75rem;
    font-weight: 700;
    background-color: rgba(var(--hf-danger-rgb), 0.1);
    color: var(--hf-danger);
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    border: 1px solid rgba(var(--hf-danger-rgb), 0.2);
    margin: 0;
}
/* /Components/EmpleadoForm.razor.rz.scp.css */
/* EmpleadoForm Scoped Styles */

.cf-modal-overlay[b-u2392u6u5j] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px);
}

.cf-modal-container[b-u2392u6u5j] {
    width: 100%;
    max-width: 800px;
    max-height: 90vh;
    background-color: var(--sys-bg-component);
    border-radius: 1rem;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--sys-border-light);
}

/* Header */
.cf-header[b-u2392u6u5j] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--sys-border-light);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.cf-title[b-u2392u6u5j] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--sys-text-primary);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
}

.cf-subtitle[b-u2392u6u5j] {
    font-size: 0.875rem;
    color: var(--sys-text-secondary);
    margin: 0.25rem 0 0 0;
}

.cf-close-btn[b-u2392u6u5j] {
    padding: 0.5rem;
    color: var(--sys-text-muted);
    background: transparent;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cf-close-btn:hover[b-u2392u6u5j] {
    background-color: var(--sys-bg-secondary);
    color: var(--sys-text-primary);
}

/* Body & Content */
.cf-body[b-u2392u6u5j] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.cf-section-header[b-u2392u6u5j] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.cf-section-indicator[b-u2392u6u5j] {
    width: 4px;
    height: 1.25rem;
    background-color: var(--sys-primary);
    border-radius: 2px;
}

.cf-section-title[b-u2392u6u5j] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--sys-text-primary);
    margin: 0;
}

.cf-grid[b-u2392u6u5j] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.25rem;
}

@media (min-width: 640px) {
    .cf-grid[b-u2392u6u5j] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.cf-col-span-2[b-u2392u6u5j] {
    grid-column: 1 / -1;
}

.cf-label[b-u2392u6u5j] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--sys-text-primary);
    margin-bottom: 0.5rem;
}

.cf-mt-8[b-u2392u6u5j] {
    margin-top: 2rem;
}

/* Form Controls */
.cf-input[b-u2392u6u5j] {
    width: 100%;
}

/* Footer & Buttons */
.cf-footer[b-u2392u6u5j] {
    padding: 1rem;
    border-top: 1px solid var(--sys-border-light);
    margin-top: 2.5rem;

    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    background-color: var(--sys-bg-secondary);
}

.cf-footer-info[b-u2392u6u5j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--sys-text-secondary);
}

.cf-footer-actions[b-u2392u6u5j] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.cf-info-text[b-u2392u6u5j] {
    font-size: 0.75rem;
}

/* Theme Utilities */
.text-primary[b-u2392u6u5j] {
    color: var(--sys-primary);
}
/* /Components/FacturaPdfModal.razor.rz.scp.css */
/* FacturaPdfModal Scoped Styles */
.pdf-modal-content[b-9v0qthwnio] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: 75vh;
    overflow-y: auto;
    padding: 0.5rem;
    min-height: 70vh;
}

/* Header */
.pdf-modal-header[b-9v0qthwnio] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 2px solid var(--hf-primary, #137fec);
    padding-bottom: 1rem;
    gap: 1rem;
}

.pdf-modal-company[b-9v0qthwnio] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.pdf-modal-logo[b-9v0qthwnio] {
    width: 60px;
    height: 60px;
    background: #f0f2f4;
    border: 1px dashed #dbe0e6;
    border-radius: 0.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #617589;
    font-size: 0.625rem;
    font-weight: 600;
    flex-shrink: 0;
}

.pdf-modal-company-name[b-9v0qthwnio] {
    font-size: 0.875rem;
    font-weight: 800;
    color: var(--hf-text-primary, #111418);
    text-transform: uppercase;
    margin: 0;
}

.pdf-modal-detail[b-9v0qthwnio] {
    font-size: 0.625rem;
    color: #617589;
    margin: 0.125rem 0 0;
}

.pdf-modal-doctype[b-9v0qthwnio] {
    border: 2px solid var(--hf-primary, #137fec);
    border-radius: 0.375rem;
    padding: 0.75rem;
    text-align: center;
    min-width: 220px;
    background: rgba(19, 127, 236, 0.04);
    flex-shrink: 0;
}

.pdf-modal-doctype-title[b-9v0qthwnio] {
    color: var(--hf-primary, #137fec);
    font-size: 0.8125rem;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
}

.pdf-modal-doctype-sub[b-9v0qthwnio] {
    font-size: 0.5625rem;
    color: #617589;
    font-weight: 700;
    margin: 0.125rem 0 0;
}

.pdf-modal-doctype-info[b-9v0qthwnio] {
    margin-top: 0.375rem;
}

.pdf-modal-doctype-info p[b-9v0qthwnio] {
    font-size: 0.625rem;
    color: #111418;
    margin: 0.125rem 0;
}

.pdf-modal-control[b-9v0qthwnio] {
    color: var(--hf-primary, #137fec);
}

/* Info Grid */
.pdf-modal-info-grid[b-9v0qthwnio] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.pdf-modal-info-card[b-9v0qthwnio] {
    border: 1px solid var(--hf-border, #dbe0e6);
    border-radius: 0.375rem;
    padding: 0.75rem;
}

.pdf-modal-info-title[b-9v0qthwnio] {
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--hf-text-primary, #111418);
    border-bottom: 1px solid #f0f2f4;
    padding-bottom: 0.375rem;
    margin: 0 0 0.5rem;
}

.pdf-modal-info-card p[b-9v0qthwnio] {
    font-size: 0.625rem;
    color: #111418;
    margin: 0.25rem 0;
}

.pdf-modal-label[b-9v0qthwnio] {
    font-weight: 600;
    color: #617589;
}

/* Date */
.pdf-modal-date[b-9v0qthwnio] {
    display: flex;
    gap: 1.5rem;
    font-size: 0.625rem;
    color: #111418;
    padding: 0.375rem 0;
    border-bottom: 1px solid #f0f2f4;
}

/* Table */
.pdf-modal-table[b-9v0qthwnio] {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid var(--hf-border, #dbe0e6);
    flex: 1;
}

.pdf-modal-table thead tr[b-9v0qthwnio] {
    background: var(--hf-primary, #137fec);
    color: white;
}

.pdf-modal-table th[b-9v0qthwnio] {
    padding: 0.375rem 0.625rem;
    font-size: 0.5625rem;
    font-weight: 600;
    text-transform: uppercase;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.pdf-modal-table td[b-9v0qthwnio] {
    padding: 0.5rem 0.625rem;
    font-size: 0.625rem;
    color: #111418;
    border-bottom: 1px solid #f0f2f4;
    border-right: 1px solid #dbe0e6;
}

.text-right[b-9v0qthwnio] {
    text-align: right;
}

/* Totals */
.pdf-modal-totals[b-9v0qthwnio] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: auto;
}

.pdf-modal-words[b-9v0qthwnio] {
    flex: 1;
    border: 1px solid var(--hf-border, #dbe0e6);
    border-radius: 0.375rem;
    padding: 0.75rem;
    background: rgba(246, 247, 248, 0.5);
}

.pdf-modal-words-label[b-9v0qthwnio] {
    font-size: 0.5625rem;
    font-weight: 700;
    color: #617589;
    text-transform: uppercase;
    margin: 0 0 0.375rem;
}

.pdf-modal-words-value[b-9v0qthwnio] {
    font-size: 0.625rem;
    font-weight: 600;
    color: #111418;
    margin: 0;
}

.pdf-modal-amounts[b-9v0qthwnio] {
    width: 35%;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.pdf-modal-amount-row[b-9v0qthwnio] {
    display: flex;
    justify-content: space-between;
    font-size: 0.625rem;
    color: #617589;
}

.pdf-modal-amount-row span:last-child[b-9v0qthwnio] {
    font-weight: 600;
    color: #111418;
}

.pdf-modal-total-final[b-9v0qthwnio] {
    padding-top: 0.25rem;
    border-top: 1px solid #f0f2f4;
    font-size: 0.75rem;
}

.pdf-modal-total-final span[b-9v0qthwnio] {
    font-weight: 900 !important;
    color: var(--hf-primary, #137fec) !important;
    text-transform: uppercase;
}

/* MH Footer */
.pdf-modal-footer[b-9v0qthwnio] {
    border-top: 1px solid #f0f2f4;
    padding-top: 0.75rem;
}

.pdf-modal-footer-grid[b-9v0qthwnio] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.pdf-modal-mh-label[b-9v0qthwnio] {
    font-size: 0.5625rem;
    font-weight: 700;
    color: #617589;
    text-transform: uppercase;
    margin: 0 0 0.125rem;
}

.pdf-modal-mh-value[b-9v0qthwnio] {
    font-size: 0.5625rem;
    color: #111418;
    font-family: monospace;
    word-break: break-all;
    margin: 0;
}

/* ─── Email Notification Status ───────────────────────────────────────── */
.pdf-modal-email-status[b-9v0qthwnio] {
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 0.75rem;
    font-weight: 500;
    margin-top: 4px;
}

.email-ok[b-9v0qthwnio] {
    background: rgba(16, 185, 129, 0.08);
    border: 1px solid rgba(16, 185, 129, 0.25);
    color: #065f46;
}

.email-fail[b-9v0qthwnio] {
    background: rgba(245, 158, 11, 0.08);
    border: 1px solid rgba(245, 158, 11, 0.3);
    color: #92400e;
}

.email-status-content[b-9v0qthwnio] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.btn-resend[b-9v0qthwnio] {
    padding: 5px 14px;
    border-radius: 6px;
    background: #137fec;
    color: white;
    border: none;
    font-size: 0.7rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s ease;
}

.btn-resend:hover[b-9v0qthwnio] {
    background: #0f63c4;
}
/* /Components/GeneralTenantData.razor.rz.scp.css */
/* GeneralTenantData Scoped Styles */

.tc-grid[b-o240uwc1wk] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1.5rem;
}

.tc-col-main[b-o240uwc1wk] {
    grid-column: span 12;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

@media (min-width: 1024px) {
    .tc-col-main[b-o240uwc1wk] {
        grid-column: span 8;
    }
}

.tc-col-side[b-o240uwc1wk] {
    grid-column: span 12;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

@media (min-width: 1024px) {
    .tc-col-side[b-o240uwc1wk] {
        grid-column: span 4;
    }
}

.tc-card[b-o240uwc1wk] {
    background-color: var(--sys-bg-component);
    border-radius: 0.5rem;
    border: 1px solid var(--sys-border-light);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    padding: 1.5rem;
    position: relative;
}

.tc-card-header[b-o240uwc1wk] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.tc-card-title[b-o240uwc1wk] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--sys-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.025em;
    margin: 0;
}

.tc-form-grid[b-o240uwc1wk] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    padding: 1rem;
}

@media (min-width: 768px) {
    .tc-form-grid[b-o240uwc1wk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.tc-field-group[b-o240uwc1wk] {
    margin-bottom: 1.5rem;
}

.tc-label[b-o240uwc1wk] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--sys-text-secondary);
    margin-bottom: 0.25rem;
}

.tc-badge[b-o240uwc1wk] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.tc-badge-success[b-o240uwc1wk] {
    background-color: #ecfdf5;
    color: #065f46;
}

/* Status Widget */
.tc-status-row[b-o240uwc1wk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.tc-status-label[b-o240uwc1wk] {
    font-size: 0.875rem;
    color: var(--sys-text-muted);
}

.tc-status-value[b-o240uwc1wk] {
    font-size: 0.875rem;
    font-weight: 700;
}

.tc-text-primary[b-o240uwc1wk] {
    color: var(--sys-primary);
}

.tc-plan-expiry[b-o240uwc1wk] {
    border-bottom: 1px solid var(--sys-border-light);
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}

.tc-usage-header[b-o240uwc1wk] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 0.5rem;
}

.tc-usage-label[b-o240uwc1wk] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--sys-text-muted);
}

.tc-usage-counts[b-o240uwc1wk] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--sys-text-primary);
}

.tc-usage-progress[b-o240uwc1wk] {
    height: 0.5rem;
    width: 100%;
    background-color: var(--sys-bg-secondary);
    border-radius: 1rem;
    overflow: hidden;
}

.tc-progress-fill[b-o240uwc1wk] {
    height: 100%;
    background-color: var(--sys-primary);
    border-radius: 1rem;
}

/* Environment Badges */
.tc-env-alert[b-o240uwc1wk] {
    border-radius: 0.5rem;
    padding: 1rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    border: 1px solid transparent;
}

.tc-env-test[b-o240uwc1wk] {
    background-color: #fffbeb;
    border-color: #fde68a;
    color: #92400e;
}

.tc-env-prod[b-o240uwc1wk] {
    background-color: #ecfdf5;
    border-color: #a7f3d0;
    color: #065f46;
}

.tc-env-title[b-o240uwc1wk] {
    font-size: 0.875rem;
    font-weight: 700;
    margin: 0;
}

.tc-env-subtitle[b-o240uwc1wk] {
    font-size: 0.75rem;
    margin: 0;
    opacity: 0.85;
}

.tc-icon-mt[b-o240uwc1wk] {
    margin-top: 0.125rem;
}

.tc-w-full[b-o240uwc1wk] {
    width: 100%;
}
/* /Components/HistorialEventosContingencia.razor.rz.scp.css */
.history-layout[b-q0odhzn30s] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: 100%;
    padding-bottom: 2rem;
}

.top-stats-area[b-q0odhzn30s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.title-group[b-q0odhzn30s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.history-title[b-q0odhzn30s] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--hf-text-primary);
    margin: 0;
}

.stats-badge[b-q0odhzn30s] {
    background-color: rgba(19, 127, 236, 0.1);
    color: var(--hf-primary);
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
    margin-left: 0.5rem;
}

.filters-section[b-q0odhzn30s] {
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    box-shadow: var(--hf-card-shadow);
    padding: 1rem;
    background-color: var(--hf-bg);
    flex-shrink: 0;
}

.filters-grid[b-q0odhzn30s] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
    align-items: flex-end;
}

@media (min-width: 768px) {
    .filters-grid[b-q0odhzn30s] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .filters-grid[b-q0odhzn30s] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.date-filter-field[b-q0odhzn30s] {
    grid-column: span 1 / span 1;
}

@media (min-width: 768px) {
    .date-filter-field[b-q0odhzn30s] {
        grid-column: span 2 / span 2;
    }
}

.filter-item[b-q0odhzn30s] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.filter-label[b-q0odhzn30s] {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--hf-text-secondary);
    letter-spacing: 0.05em;
}

.search-field-group[b-q0odhzn30s] {
    display: flex;
    gap: 0.75rem;
}

.search-input-wrapper[b-q0odhzn30s] {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.search-icon-input[b-q0odhzn30s] {
    position: relative;
}

.search-icon[b-q0odhzn30s] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--hf-text-secondary);
}

.search-input[b-q0odhzn30s] {
    display: block;
    width: 100%;
    padding-left: 2.25rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 0.5rem;
    border: 1px solid var(--hf-border-color);
    background-color: var(--hf-surface);
    font-size: 0.875rem;
    color: var(--hf-text-primary);
    outline: none;
    transition: border-color 0.2s;
}

.search-input:focus[b-q0odhzn30s] {
    border-color: var(--hf-primary);
}

.grid-container[b-q0odhzn30s] {
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    box-shadow: var(--hf-card-shadow);
    overflow: hidden;
    flex: 1 1 0%;
    height: 100%;
}

.loading-state[b-q0odhzn30s] {
    text-align: center;
    color: var(--hf-text-secondary);
    padding: 3rem;
}

.empty-state[b-q0odhzn30s] {
    text-align: center;
    color: var(--hf-text-secondary);
    font-weight: 500;
    padding: 3rem;
}

.row-date[b-q0odhzn30s] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--hf-text-primary);
    margin: 0;
}

.row-time[b-q0odhzn30s] {
    font-size: 10px;
    color: var(--hf-text-secondary);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    margin-top: 0.125rem;
    margin: 0;
}

.message-wrapper[b-q0odhzn30s] {
    max-width: 20rem;
}

.row-message[b-q0odhzn30s] {
    font-size: 0.75rem;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-error[b-q0odhzn30s] {
    color: var(--hf-danger);
    font-weight: 500;
}

.sello-empty[b-q0odhzn30s] {
    font-size: 0.75rem;
    font-style: italic;
    color: var(--hf-text-secondary);
    opacity: 0.6;
    margin: 0;
}

.sello-tag[b-q0odhzn30s] {
    font-size: 0.75rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    color: var(--hf-text-primary);
    background-color: var(--hf-bg);
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    width: max-content;
    border: 1px solid var(--hf-border-color);
    margin: 0;
}

.status-pill[b-q0odhzn30s] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.status-indicator[b-q0odhzn30s] {
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 9999px;
}

.pill-processed[b-q0odhzn30s] {
    background-color: rgba(22, 163, 74, 0.1);
    color: var(--hf-success);
}

.pill-rejected[b-q0odhzn30s] {
    background-color: rgba(239, 68, 68, 0.1);
    color: var(--hf-danger);
}

.pill-warning[b-q0odhzn30s] {
    background-color: rgba(234, 88, 12, 0.1);
    color: var(--hf-warning);
}

.ind-processed[b-q0odhzn30s] {
    background-color: var(--hf-success);
}

.ind-rejected[b-q0odhzn30s] {
    background-color: var(--hf-danger);
}

.ind-warning[b-q0odhzn30s] {
    background-color: var(--hf-warning);
}

.user-row[b-q0odhzn30s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.user-avatar[b-q0odhzn30s] {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 9999px;
    background-color: var(--hf-surface);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    color: var(--hf-text-secondary);
    text-transform: uppercase;
    border: 1px solid var(--hf-border-color);
}

.user-name[b-q0odhzn30s] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--hf-text-primary);
    margin: 0;
}

.action-row[b-q0odhzn30s] {
    display: flex;
    justify-content: flex-end;
    padding-top: 0.25rem;
}
/* /Components/InvalidacionModal.razor.rz.scp.css */
.info-banner[b-hvnpa2ouwh] {
    background-color: var(--hf-warning);
    border-bottom: 1px solid var(--hf-warning);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    --hf-warning-opacity: 0.1;
    --hf-border-opacity: 0.2;
    background-color: rgba(var(--hf-warning-rgb), var(--hf-warning-opacity));
    border-color: rgba(var(--hf-warning-rgb), var(--hf-border-opacity));
}

.banner-content[b-hvnpa2ouwh] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.banner-item[b-hvnpa2ouwh] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.banner-label[b-hvnpa2ouwh] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--hf-warning);
}

.banner-value[b-hvnpa2ouwh] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--hf-text-primary);
}

.banner-value-mono[b-hvnpa2ouwh] {
    font-family: var(--hf-font-mono);
}

.banner-value-bold[b-hvnpa2ouwh] {
    font-weight: 700;
    color: var(--hf-warning);
}

.section-title-group[b-hvnpa2ouwh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.section-bar[b-hvnpa2ouwh] {
    width: 0.375rem;
    height: 1.5rem;
    background-color: var(--hf-danger);
    border-radius: 9999px;
}

.section-title[b-hvnpa2ouwh] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--hf-text-primary);
    margin: 0;
}

.error-banner[b-hvnpa2ouwh] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.875rem;
    border-top: 1px solid var(--hf-danger);
    background-color: rgba(var(--hf-danger-rgb), 0.1);
    color: var(--hf-danger);
    border-color: rgba(var(--hf-danger-rgb), 0.2);
}

.footer-actions[b-hvnpa2ouwh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media (min-width: 768px) {
    .footer-actions[b-hvnpa2ouwh] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}

.footer-info[b-hvnpa2ouwh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--hf-text-secondary);
}

.footer-info-text[b-hvnpa2ouwh] {
    font-size: 10px;
}

.btn-group[b-hvnpa2ouwh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
/* /Components/ItemForm.razor.rz.scp.css */
/* ItemForm Scoped Styles */

.cf-modal-overlay[b-0czqnjekg0] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px);
}

.cf-modal-container[b-0czqnjekg0] {
    width: 100%;
    max-width: 800px;
    max-height: 90vh;
    background-color: var(--sys-bg-component);
    border-radius: 1rem;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--sys-border-light);
}

/* Header */
.cf-header[b-0czqnjekg0] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--sys-border-light);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.cf-title[b-0czqnjekg0] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--sys-text-primary);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
}

.cf-subtitle[b-0czqnjekg0] {
    font-size: 0.875rem;
    color: var(--sys-text-secondary);
    margin: 0.25rem 0 0 0;
}

.cf-close-btn[b-0czqnjekg0] {
    padding: 0.5rem;
    color: var(--sys-text-muted);
    background: transparent;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cf-close-btn:hover[b-0czqnjekg0] {
    background-color: var(--sys-bg-secondary);
    color: var(--sys-text-primary);
}

/* Body & Content */
.cf-body[b-0czqnjekg0] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

/* Alerts */
.cf-error-alert[b-0czqnjekg0] {
    padding: 0.75rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    color: #b91c1c;
    /* text-red-700 equivalent */
    background-color: #fef2f2;
    /* bg-red-100 equivalent */
    border-radius: 0.5rem;
    border: 1px solid #fee2e2;
}

.cf-section-header[b-0czqnjekg0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.cf-section-indicator[b-0czqnjekg0] {
    width: 4px;
    height: 1.25rem;
    background-color: var(--sys-primary);
    border-radius: 2px;
}

.cf-section-title[b-0czqnjekg0] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--sys-text-primary);
    margin: 0;
}

.cf-grid[b-0czqnjekg0] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.25rem;
}

@media (min-width: 640px) {
    .cf-grid[b-0czqnjekg0] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.cf-col-span-2[b-0czqnjekg0] {
    grid-column: 1 / -1;
}

.cf-label[b-0czqnjekg0] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--sys-text-primary);
    margin-bottom: 0.5rem;
}

.cf-mt-8[b-0czqnjekg0] {
    margin-top: 2rem;
}

/* Form Controls */
.cf-input[b-0czqnjekg0] {
    width: 100%;
}

/* Footer & Buttons */
.cf-footer[b-0czqnjekg0] {
    padding: 1rem;
    border-top: 1px solid var(--sys-border-light);
    margin-top: 2.5rem;

    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    background-color: var(--sys-bg-secondary);
}

.cf-footer-info[b-0czqnjekg0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--sys-text-secondary);
}

.cf-footer-actions[b-0czqnjekg0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.cf-info-text[b-0czqnjekg0] {
    font-size: 0.75rem;
}

/* Theme Utilities */
.cf-required-star[b-0czqnjekg0] {
    color: var(--sys-primary);
}

.text-primary[b-0czqnjekg0] {
    color: var(--sys-primary);
}
/* /Components/Sucursal.razor.rz.scp.css */
/* Sucursal Component Scoped Styles */

.suc-overlay[b-cicpvux6hi] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px);
}

.suc-container[b-cicpvux6hi] {
    width: 100%;
    max-width: 800px;
    max-height: 90vh;
    background-color: var(--sys-bg-component);
    border-radius: 1rem;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--sys-border-light);
}

/* Header */
.suc-header[b-cicpvux6hi] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--sys-border-light);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.suc-title[b-cicpvux6hi] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--sys-text-primary);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
}

.suc-title-icon[b-cicpvux6hi] {
    color: var(--sys-primary);
}

.suc-subtitle[b-cicpvux6hi] {
    font-size: 0.875rem;
    color: var(--sys-text-secondary);
    margin: 0.25rem 0 0 0;
}

.suc-close-btn[b-cicpvux6hi] {
    padding: 0.5rem;
    color: var(--sys-text-muted);
    background: transparent;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.suc-close-btn:hover[b-cicpvux6hi] {
    background-color: var(--sys-bg-secondary);
    color: var(--sys-text-primary);
}

/* Search Bar */
.suc-search-bar[b-cicpvux6hi] {
    padding: 1rem 1.5rem;
    background-color: var(--sys-bg-secondary);
    border-bottom: 1px solid var(--sys-border-light);
}

.suc-search-wrapper[b-cicpvux6hi] {
    position: relative;
    display: flex;
    align-items: center;
}

.suc-search-icon[b-cicpvux6hi] {
    position: absolute;
    left: 1rem;
    color: var(--sys-text-muted);
    pointer-events: none;
}

.suc-search-input[b-cicpvux6hi] {
    width: 100%;
    padding: 0.75rem 1rem 0.75rem 2.75rem;
    background-color: var(--sys-bg-component);
    border: 1px solid var(--sys-border-light);
    border-radius: 0.625rem;
    color: var(--sys-text-primary);
    font-size: 0.875rem;
    transition: all 0.2s;
}

.suc-search-input:focus[b-cicpvux6hi] {
    outline: none;
    border-color: var(--sys-primary);
    box-shadow: 0 0 0 3px var(--sys-primary-light);
}

/* Content Area */
.suc-content[b-cicpvux6hi] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.suc-section[b-cicpvux6hi] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.suc-section-header-row[b-cicpvux6hi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.suc-section-title[b-cicpvux6hi] {
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    color: var(--sys-text-secondary);
    margin: 0;
}

.suc-count[b-cicpvux6hi] {
    font-size: 0.75rem;
    color: var(--sys-text-muted);
}

/* Branch Cards */
.suc-active-card[b-cicpvux6hi] {
    position: relative;
    padding: 1.25rem;
    background-color: var(--sys-primary-light);
    border: 2px solid var(--sys-primary);
    border-radius: 1rem;
}

.suc-active-badge[b-cicpvux6hi] {
    position: absolute;
    top: 0;
    right: 1.25rem;
    transform: translateY(-50%);
    background-color: var(--sys-primary);
    color: white;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.75rem;
    border-radius: 2rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.suc-branch-card[b-cicpvux6hi] {
    text-align: left;
    width: 100%;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: all 0.2s;
}

.suc-branch-card--selectable[b-cicpvux6hi] {
    background-color: var(--sys-bg-component);
    border: 1px solid var(--sys-border-light);
    border-radius: 0.875rem;
    padding: 1rem;
}

.suc-branch-card--selectable:hover[b-cicpvux6hi] {
    border-color: var(--sys-primary);
    background-color: var(--sys-bg-secondary);
    transform: translateY(-2px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.suc-branch-card--selected[b-cicpvux6hi] {
    border-color: var(--sys-primary);
    background-color: var(--sys-primary-light);
}

.suc-branch-card--restricted[b-cicpvux6hi] {
    cursor: default;
    opacity: 0.7;
    background-color: var(--sys-bg-secondary);
    border: 1px solid var(--sys-border-light);
    border-radius: 0.875rem;
    padding: 1rem;
}

.suc-card-body[b-cicpvux6hi] {
    display: flex;
    gap: 1.25rem;
    align-items: flex-start;
}

.suc-card-body--dimmed[b-cicpvux6hi] {
    filter: grayscale(1);
}

.suc-card-icon[b-cicpvux6hi] {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.suc-card-icon--active[b-cicpvux6hi] {
    background-color: var(--sys-primary);
    color: white;
}

.suc-card-icon--default[b-cicpvux6hi] {
    background-color: var(--sys-bg-secondary);
    color: var(--sys-primary);
}

.suc-card-icon--locked[b-cicpvux6hi] {
    background-color: var(--sys-bg-light);
    color: var(--sys-text-muted);
}

.suc-card-info[b-cicpvux6hi] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.suc-card-name[b-cicpvux6hi] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--sys-text-primary);
    margin: 0;
}

.suc-card-name--restricted[b-cicpvux6hi] {
    color: var(--sys-text-secondary);
}

.suc-tags[b-cicpvux6hi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.suc-tag[b-cicpvux6hi] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.125rem 0.625rem;
    border-radius: 2rem;
}

.suc-tag--mh[b-cicpvux6hi] {
    background-color: var(--sys-bg-secondary);
    color: var(--sys-text-secondary);
}

.suc-tag--mh-sm[b-cicpvux6hi] {
    background-color: var(--sys-bg-light);
    color: var(--sys-text-muted);
}

.suc-tag--status[b-cicpvux6hi] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.suc-status--active[b-cicpvux6hi] {
    background-color: #dcfce7;
    color: #166534;
}

.suc-status--inactive[b-cicpvux6hi] {
    background-color: #fee2e2;
    color: #991b1b;
}

.suc-status-dot[b-cicpvux6hi] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: currentColor;
}

.suc-tag--restricted[b-cicpvux6hi] {
    background-color: var(--sys-bg-light);
    color: var(--sys-text-muted);
}

.suc-status-inline[b-cicpvux6hi] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.suc-card-address[b-cicpvux6hi] {
    font-size: 0.8125rem;
    color: var(--sys-text-secondary);
    margin: 0.25rem 0 0 0;
    line-height: 1.4;
}

/* Info Panel */
.suc-info-panel[b-cicpvux6hi] {
    display: flex;
    gap: 1rem;
    padding: 1.25rem;
    background-color: var(--sys-bg-secondary);
    border-radius: 0.75rem;
    border: 1px dashed var(--sys-border-light);
}

.suc-info-icon[b-cicpvux6hi] {
    color: var(--sys-primary);
    flex-shrink: 0;
}

.suc-info-text[b-cicpvux6hi] {
    font-size: 0.8125rem;
    color: var(--sys-text-secondary);
    margin: 0;
    line-height: 1.5;
}

.suc-info-bold[b-cicpvux6hi] {
    font-weight: 700;
    color: var(--sys-text-primary);
}

/* Grid */
.suc-grid[b-cicpvux6hi] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
}

@media (min-width: 640px) {
    .suc-grid[b-cicpvux6hi] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Footer */
.suc-footer[b-cicpvux6hi] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--sys-border-light);
    background-color: var(--sys-bg-secondary);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
}

.suc-footer-addons[b-cicpvux6hi] {
    flex: 1;
}

.suc-checkbox-label[b-cicpvux6hi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    user-select: none;
    font-size: 0.875rem;
    color: var(--sys-text-secondary);
}

.suc-checkbox[b-cicpvux6hi] {
    width: 1rem;
    height: 1rem;
    border-radius: 0.25rem;
    border: 1px solid var(--sys-border-light);
    accent-color: var(--sys-primary);
}

.suc-footer-actions[b-cicpvux6hi] {
    display: flex;
    gap: 0.75rem;
}

.suc-btn-cancel[b-cicpvux6hi] {
    padding: 0.625rem 1.25rem;
    background-color: var(--sys-bg-component);
    color: var(--sys-text-primary);
    font-weight: 600;
    font-size: 0.875rem;
    border-radius: 0.5rem;
    border: 1px solid var(--sys-border-light);
    cursor: pointer;
    transition: all 0.2s;
}

.suc-btn-cancel:hover[b-cicpvux6hi] {
    background-color: var(--sys-bg-secondary);
}

.suc-btn-confirm[b-cicpvux6hi] {
    padding: 0.625rem 1.5rem;
    background-color: var(--sys-primary);
    color: white;
    font-weight: 700;
    font-size: 0.875rem;
    border-radius: 0.5rem;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
}

.suc-btn-confirm:hover:not(:disabled)[b-cicpvux6hi] {
    background-color: var(--sys-primary-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.suc-btn-confirm:disabled[b-cicpvux6hi] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-0jdudv06m1] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-0jdudv06m1] {
    flex: 1;
    min-width: 0;
    /* Critical: Allows flex item to shrink below content size, enabling grid scroll */
}



.top-row[b-0jdudv06m1] {
    background-color: var(--sys-bg-component);
    border-bottom: 1px solid var(--sys-border-light);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

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

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

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

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

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

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

    .top-row[b-0jdudv06m1],
    article[b-0jdudv06m1] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Pages/ClientPage.razor.rz.scp.css */
.client-page-container[b-gpedjo9b2u] {
    padding: var(--hf-spacing-4);
    display: flex;
    flex-direction: column;
    gap: var(--hf-spacing-4);
}

.actions-cell[b-gpedjo9b2u] {
    display: flex;
    gap: var(--hf-spacing-2);
}
/* /Pages/Compras.razor.rz.scp.css */
/* Compras Page Styles - Refactored to HFramework Tokens */

.compras-container[b-ywwsct97iv] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-bottom: 2rem;
}

.compras-controls[b-ywwsct97iv] {
    display: flex;
    justify-content: flex-end;
    padding: 0.75rem 1.25rem;
    background-color: var(--hf-surface);
    border-radius: var(--hf-radius-md);
    border: 1px solid var(--hf-border-color);
}

.toggle-container[b-ywwsct97iv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.toggle-label[b-ywwsct97iv] {
    font-size: var(--hf-font-size-sm);
    font-weight: 500;
    color: var(--hf-text-secondary);
}

/* Page Header */
.compras-header[b-ywwsct97iv] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    .compras-header[b-ywwsct97iv] {
        flex-direction: row;
        align-items: center;
    }
}

.header-title-area h2[b-ywwsct97iv] {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--hf-text-primary);
    letter-spacing: -0.025em;
    margin-bottom: 0.25rem;
}

.header-subtitle[b-ywwsct97iv] {
    color: var(--hf-text-secondary);
    font-size: var(--hf-font-size-sm);
}

.header-actions[b-ywwsct97iv] {
    display: flex;
    gap: 0.75rem;
}

/* Processing Hub */
.processing-hub[b-ywwsct97iv] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

@media (min-width: 1024px) {
    .processing-hub[b-ywwsct97iv] {
        grid-template-columns: 1fr 1fr;
    }
}

/* Specific UI helpers for the Grid in this page */
.status-pill[b-ywwsct97iv] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.625rem;
    font-weight: 700;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.status-pill-validated[b-ywwsct97iv] {
    background-color: var(--hf-color-green-dim);
    color: var(--hf-color-green);
}

.status-pill-pending[b-ywwsct97iv] {
    background-color: var(--hf-color-orange-dim);
    color: var(--hf-color-orange);
}

.uuid-text[b-ywwsct97iv] {
    font-family: var(--hf-font-family-mono, monospace);
    font-size: 0.625rem;
    color: var(--hf-text-secondary);
    opacity: 0.7;
}

.monto-value[b-ywwsct97iv] {
    font-weight: 700;
}
/* /Pages/Configuracion/NotificacionesPage.razor.rz.scp.css */
/* NotificacionesPage Scoped Styles */

.notif-page-root[b-24gk6d4l3x] {
    padding: 1.5rem;
    background-color: var(--hf-bg);
    height: 100%;
    overflow-y: auto;
}

/* Header Section */
.notif-page-header[b-24gk6d4l3x] {
    margin-bottom: 2rem;
}

.notif-header-card[b-24gk6d4l3x] {
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    box-shadow: var(--hf-card-shadow);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem;
}

.notif-icon-container[b-24gk6d4l3x] {
    padding: 0.75rem;
    background-color: rgba(var(--hf-primary-rgb), 0.1);
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Feedback Alerts */
.notif-alert[b-24gk6d4l3x] {
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    box-shadow: var(--hf-card-shadow);
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-left: 4px solid transparent;
}

.notif-alert.success[b-24gk6d4l3x] {
    border-left-color: var(--hf-success);
    background-color: rgba(var(--hf-success-rgb), 0.05);
}

.notif-alert.error[b-24gk6d4l3x] {
    border-left-color: var(--hf-error);
    background-color: rgba(var(--hf-error-rgb), 0.05);
}

/* Page Sections */
.notif-section[b-24gk6d4l3x] {
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    box-shadow: var(--hf-card-shadow);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.notif-section.test-mode[b-24gk6d4l3x] {
    background-color: rgba(var(--hf-primary-rgb), 0.05);
    border-color: rgba(var(--hf-primary-rgb), 0.2);
}

.notif-section-header[b-24gk6d4l3x] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--hf-border-color);
    padding-bottom: 0.75rem;
}

.notif-section-title[b-24gk6d4l3x] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--hf-primary);
    margin: 0;
}

/* Provider Selector */
.provider-tab-list[b-24gk6d4l3x] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.provider-tab[b-24gk6d4l3x] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    border: 2px solid var(--hf-border-color);
    border-radius: 10px;
    background: var(--hf-surface);
    cursor: pointer;
    transition: all 0.15s ease;
    text-align: left;
    min-width: 220px;
    flex: 1;
}

.provider-tab:hover:not(:disabled)[b-24gk6d4l3x] {
    border-color: var(--hf-primary);
    background: rgba(var(--hf-primary-rgb), 0.04);
}

.provider-tab-active[b-24gk6d4l3x] {
    border-color: var(--hf-primary) !important;
    background: rgba(var(--hf-primary-rgb), 0.06) !important;
    box-shadow: 0 0 0 3px rgba(var(--hf-primary-rgb), 0.1);
}

.provider-tab:disabled[b-24gk6d4l3x] {
    opacity: 0.5;
    cursor: not-allowed;
    filter: grayscale(1);
}

.provider-tab-name[b-24gk6d4l3x] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--hf-text-primary);
    line-height: 1.2;
}

.provider-tab-desc[b-24gk6d4l3x] {
    font-size: 0.75rem;
    color: var(--hf-text-secondary);
    margin-top: 2px;
}

/* Info Boxes */
.provider-info-box[b-24gk6d4l3x] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: rgba(var(--hf-primary-rgb), 0.05);
    border: 1px solid rgba(var(--hf-primary-rgb), 0.15);
    border-radius: 8px;
    padding: 12px 14px;
}

.provider-info-box p[b-24gk6d4l3x] {
    margin: 0;
    color: var(--hf-text-primary);
}

.provider-info-box a[b-24gk6d4l3x] {
    text-decoration: underline;
    color: var(--hf-primary);
}

.provider-info-blue[b-24gk6d4l3x] {
    background: rgba(var(--hf-primary-rgb), 0.05);
    border-color: rgba(var(--hf-primary-rgb), 0.2);
}

.provider-info-green[b-24gk6d4l3x] {
    background: rgba(var(--hf-success-rgb), 0.05);
    border-color: rgba(var(--hf-success-rgb), 0.2);
}

.notif-alert-close[b-24gk6d4l3x] {
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--hf-text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    transition: color 0.2s;
}

.notif-alert-close:hover[b-24gk6d4l3x] {
    color: var(--hf-primary);
}

.notif-loading-container[b-24gk6d4l3x] {
    display: flex;
    justify-content: center;
    padding: 4rem 0;
}

/* Dynamic Tags */
.notif-tag-container[b-24gk6d4l3x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.tag-hint-label[b-24gk6d4l3x] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--hf-text-secondary);
}

.tag-chip[b-24gk6d4l3x] {
    padding: 4px 10px;
    background: rgba(var(--hf-primary-rgb), 0.08);
    color: var(--hf-primary);
    border: 1px solid rgba(var(--hf-primary-rgb), 0.2);
    border-radius: 4px;
    font-size: 0.75rem;
    font-family: var(--hf-font-mono);
    cursor: pointer;
    transition: background .15s;
    user-select: none;
    display: inline-block;
}

.tag-chip:hover[b-24gk6d4l3x] {
    background: rgba(var(--hf-primary-rgb), 0.16);
}

/* Layout & Containers */
.notif-header-info[b-24gk6d4l3x] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.notif-title[b-24gk6d4l3x] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--hf-primary);
    margin: 0;
}

.notif-subtitle[b-24gk6d4l3x] {
    font-size: var(--hf-font-size-sm);
    color: var(--hf-text-secondary);
    margin-top: 0.25rem;
    margin-bottom: 0;
}

.notif-header-actions[b-24gk6d4l3x] {
    display: flex;
    gap: 0.75rem;
}

/* Grids */
.notif-grid[b-24gk6d4l3x] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .notif-grid[b-24gk6d4l3x] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Forms & Inputs */
.notif-input[b-24gk6d4l3x] {
    display: block;
    width: 100%;
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    padding: 0.5rem;
    background-color: var(--hf-surface);
    color: var(--hf-text-primary);
    transition: all 0.2s;
}

.notif-input:focus[b-24gk6d4l3x] {
    outline: none;
    border-color: var(--hf-primary);
    box-shadow: 0 0 0 2px rgba(var(--hf-primary-rgb), 0.1);
}

.notif-textarea[b-24gk6d4l3x] {
    display: block;
    width: 100%;
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    padding: 0.75rem;
    background-color: var(--hf-surface);
    color: var(--hf-text-primary);
    font-family: inherit;
    resize: vertical;
    min-height: 120px;
    transition: all 0.2s;
}

.notif-textarea:focus[b-24gk6d4l3x] {
    outline: none;
    border-color: var(--hf-primary);
}

.notif-help-text[b-24gk6d4l3x] {
    font-size: var(--hf-font-size-xs);
    color: var(--hf-text-secondary);
    margin-top: 0.25rem;
    margin-bottom: 0;
    line-height: 1.4;
}

.notif-help-text.primary[b-24gk6d4l3x] {
    color: var(--hf-primary);
    font-style: italic;
}

/* Test Mode Details */
.notif-test-details[b-24gk6d4l3x] {
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid rgba(var(--hf-primary-rgb), 0.1);
}

.notif-flex-col[b-24gk6d4l3x] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Utilities */
/* Toggle switch */
.toggle-switch[b-24gk6d4l3x] {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.toggle-switch input[b-24gk6d4l3x] {
    position: absolute;
    opacity: 0;
    width: 0;
}

.toggle-slider[b-24gk6d4l3x] {
    width: 44px;
    height: 24px;
    background: var(--hf-border-color);
    border-radius: 12px;
    transition: background .2s;
    position: relative;
}

.toggle-slider[b-24gk6d4l3x]::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 50%;
    transition: transform .2s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}

.toggle-switch input:checked+.toggle-slider[b-24gk6d4l3x] {
    background: var(--hf-primary);
}

.toggle-switch input:checked+.toggle-slider[b-24gk6d4l3x]::after {
    transform: translateX(20px);
}

/* Spinner */
.spinner[b-24gk6d4l3x] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--hf-border-color);
    border-top-color: var(--hf-primary);
    border-radius: 50%;
    animation: spin-b-24gk6d4l3x .6s linear infinite;
}

@keyframes spin-b-24gk6d4l3x {
    to {
        transform: rotate(360deg);
    }
}

/* Additional Semantic Scoping */
.notif-feedback-content[b-24gk6d4l3x] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.notif-provider-title[b-24gk6d4l3x] {
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--hf-primary);
    margin: 0;
}

.notif-tag-hint-wrapper[b-24gk6d4l3x] {
    margin-top: 12px;
}

.notif-test-mode-header[b-24gk6d4l3x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.notif-status-success[b-24gk6d4l3x] {
    color: var(--hf-success);
    font-weight: 600;
}

.notif-status-error[b-24gk6d4l3x] {
    color: var(--hf-error);
    font-weight: 600;
}

.notif-text-primary[b-24gk6d4l3x] {
    color: var(--hf-primary);
}
/* /Pages/Configuracion/RolesPage.razor.rz.scp.css */
/* Roles Page Layout - Refactored to HFramework Tokens */

.roles-page[b-xjehhmbfeh] {
    display: flex;
    height: 100%;
    min-height: calc(100vh - 64px);
    background: var(--hf-bg);
}

/* ===== LEFT SIDEBAR ===== */
.roles-sidebar[b-xjehhmbfeh] {
    width: 260px;
    min-width: 260px;
    background: var(--hf-surface);
    border-right: 1px solid var(--hf-border-color);
    display: flex;
    flex-direction: column;
    padding: 1.5rem 0;
}

.sidebar-header[b-xjehhmbfeh] {
    padding: 0 1.5rem 1.25rem;
    border-bottom: 1px solid var(--hf-border-color);
}

.sidebar-title[b-xjehhmbfeh] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--hf-text-primary);
    margin: 0 0 0.25rem;
}

.sidebar-subtitle[b-xjehhmbfeh] {
    font-size: var(--hf-font-size-xs);
    color: var(--hf-text-secondary);
    margin: 0;
}

.sidebar-loading[b-xjehhmbfeh] {
    display: flex;
    justify-content: center;
    padding: 2.5rem 0;
}

/* Role List */
.role-list[b-xjehhmbfeh] {
    list-style: none;
    padding: 0.75rem 0;
    margin: 0;
    flex: 1;
    overflow-y: auto;
}

.role-item[b-xjehhmbfeh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    transition: all 0.15s ease;
    position: relative;
}

.role-item:hover[b-xjehhmbfeh] {
    background: var(--hf-bg-hover);
}

.role-item.selected[b-xjehhmbfeh] {
    background: var(--hf-primary-light);
}

.role-indicator[b-xjehhmbfeh] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: var(--hf-border-color);
    flex-shrink: 0;
}

.role-item.selected .role-indicator[b-xjehhmbfeh] {
    background: var(--hf-primary);
    box-shadow: 0 0 0 3px var(--hf-primary-light);
}

.role-info[b-xjehhmbfeh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.role-name[b-xjehhmbfeh] {
    font-size: var(--hf-font-size-sm);
    font-weight: 600;
    color: var(--hf-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.role-badge[b-xjehhmbfeh] {
    font-size: var(--hf-font-size-xs);
    font-weight: 700;
    color: var(--hf-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.7;
}

.role-item.selected .role-name[b-xjehhmbfeh] {
    color: var(--hf-primary);
}

.role-item.selected .role-badge[b-xjehhmbfeh] {
    color: var(--hf-primary);
    opacity: 0.9;
}

.role-arrow[b-xjehhmbfeh] {
    color: var(--hf-primary);
    flex-shrink: 0;
    opacity: 0.8;
}

/* Create Role Button */
.sidebar-footer[b-xjehhmbfeh] {
    padding: 1rem 1.5rem 0;
    border-top: 1px solid var(--hf-border-color);
}

.btn-create-role[b-xjehhmbfeh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.625rem 1rem;
    background: transparent;
    border: 2px dashed var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    color: var(--hf-text-secondary);
    font-size: var(--hf-font-size-sm);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-create-role:hover:not(:disabled)[b-xjehhmbfeh] {
    border-color: var(--hf-primary);
    color: var(--hf-primary);
    background: var(--hf-primary-light);
}

.btn-create-role:disabled[b-xjehhmbfeh] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ===== RIGHT PANEL ===== */
.permissions-panel[b-xjehhmbfeh] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: 1.5rem 2rem;
    min-width: 0;
}

/* Empty State */
.empty-state[b-xjehhmbfeh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    gap: 1rem;
    color: var(--hf-text-secondary);
}

[b-xjehhmbfeh] .empty-icon {
    color: var(--hf-border-color);
    opacity: 0.5;
}

.empty-state p[b-xjehhmbfeh] {
    font-size: var(--hf-font-size-sm);
    margin: 0;
}

/* Panel Header */
.panel-header[b-xjehhmbfeh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 2rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.panel-header-left[b-xjehhmbfeh] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.selected-role-label[b-xjehhmbfeh] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--hf-primary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

[b-xjehhmbfeh] .label-icon {
    color: var(--hf-primary);
}

.panel-title[b-xjehhmbfeh] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--hf-text-primary);
    margin: 0;
}

.panel-header-actions[b-xjehhmbfeh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.btn-discard[b-xjehhmbfeh] {
    padding: 0.5rem 1.25rem;
    background: transparent;
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-sm);
    font-size: var(--hf-font-size-sm);
    font-weight: 600;
    color: var(--hf-text-secondary);
    cursor: pointer;
    transition: all 0.2s;
}

.btn-discard:hover[b-xjehhmbfeh] {
    background: var(--hf-bg-hover);
    border-color: var(--hf-text-secondary);
    color: var(--hf-text-primary);
}

.btn-save[b-xjehhmbfeh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1.5rem;
    background: var(--hf-primary);
    border: none;
    border-radius: var(--hf-radius-sm);
    font-size: var(--hf-font-size-sm);
    font-weight: 700;
    color: white;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-save:hover:not(:disabled)[b-xjehhmbfeh] {
    background: var(--hf-primary-hover);
    transform: translateY(-1px);
}

.btn-save:disabled[b-xjehhmbfeh] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ===== MODULE SECTIONS ===== */
.modules-container[b-xjehhmbfeh] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    flex: 1;
}

.module-header[b-xjehhmbfeh] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin-bottom: 0.875rem;
}

[b-xjehhmbfeh] .module-icon {
    color: var(--hf-text-secondary);
}

.module-title[b-xjehhmbfeh] {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--hf-text-primary);
    margin: 0;
}

/* ===== PERMISSION CARDS GRID ===== */
.permissions-grid[b-xjehhmbfeh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 0.75rem;
}

.permission-card[b-xjehhmbfeh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    transition: all 0.2s ease;
}

.permission-card:hover[b-xjehhmbfeh] {
    border-color: var(--hf-primary);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.permission-card.active[b-xjehhmbfeh] {
    border-color: var(--hf-primary);
    background: var(--hf-primary-light);
}

.permission-info[b-xjehhmbfeh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.permission-name[b-xjehhmbfeh] {
    font-size: var(--hf-font-size-sm);
    font-weight: 700;
    color: var(--hf-text-primary);
}

.permission-desc[b-xjehhmbfeh] {
    font-size: var(--hf-font-size-xs);
    color: var(--hf-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0.8;
}

/* ===== TOGGLE SWITCH ===== */
.toggle-switch[b-xjehhmbfeh] {
    position: relative;
    display: inline-block;
    width: 2.75rem;
    height: 1.5rem;
    flex-shrink: 0;
    cursor: pointer;
}

.toggle-switch input[b-xjehhmbfeh] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider[b-xjehhmbfeh] {
    position: absolute;
    inset: 0;
    background: var(--hf-border-color);
    border-radius: 9999px;
    transition: all 0.25s ease;
}

.toggle-slider[b-xjehhmbfeh]::before {
    content: "";
    position: absolute;
    height: 1.125rem;
    width: 1.125rem;
    left: 3px;
    bottom: 3px;
    background: white;
    border-radius: 50%;
    transition: all 0.25s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.toggle-switch input:checked+.toggle-slider[b-xjehhmbfeh] {
    background: var(--hf-primary);
}

.toggle-switch input:checked+.toggle-slider[b-xjehhmbfeh]::before {
    transform: translateX(1.25rem);
}

.toggle-switch:hover .toggle-slider[b-xjehhmbfeh] {
    background: var(--hf-text-secondary);
}

.toggle-switch:hover input:checked+.toggle-slider[b-xjehhmbfeh] {
    background: var(--hf-primary-hover);
}

/* ===== SYSTEM NOTE ===== */
.system-note[b-xjehhmbfeh] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 2rem;
    padding: 1rem 1.25rem;
    background: var(--hf-bg);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
}

[b-xjehhmbfeh] .note-icon {
    color: var(--hf-primary);
    margin-top: 2px;
}

.system-note strong[b-xjehhmbfeh] {
    font-size: var(--hf-font-size-xs);
    font-weight: 700;
    color: var(--hf-primary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.system-note p[b-xjehhmbfeh] {
    font-size: var(--hf-font-size-sm);
    color: var(--hf-text-secondary);
    margin: 4px 0 0;
    line-height: 1.5;
}

/* ===== SPINNERS ===== */
.spinner[b-xjehhmbfeh] {
    width: 2rem;
    height: 2rem;
    border: 3px solid var(--hf-primary-light);
    border-top-color: var(--hf-primary);
    border-radius: 50%;
    animation: spin-b-xjehhmbfeh 0.7s linear infinite;
}

@keyframes spin-b-xjehhmbfeh {
    to {
        transform: rotate(360deg);
    }
}

.panel-loading[b-xjehhmbfeh] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .roles-page[b-xjehhmbfeh] {
        flex-direction: column;
    }

    .roles-sidebar[b-xjehhmbfeh] {
        width: 100%;
        min-width: unset;
        border-right: none;
        border-bottom: 1px solid var(--hf-border-color);
        max-height: 200px;
    }

    .permissions-grid[b-xjehhmbfeh] {
        grid-template-columns: 1fr;
    }
}

/* ===== TOP BAR ACTIONS ===== */
.top-bar-actions[b-xjehhmbfeh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.btn-action-primary[b-xjehhmbfeh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1.25rem;
    background-color: var(--hf-primary);
    border: none;
    border-radius: var(--hf-radius-sm);
    color: white;
    font-size: var(--hf-font-size-sm);
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-action-primary:hover[b-xjehhmbfeh] {
    background-color: var(--hf-primary-hover);
    transform: translateY(-1px);
}

.btn-action-primary:active[b-xjehhmbfeh] {
    transform: translateY(0);
}
/* /Pages/ConfigurationPage.razor.rz.scp.css */
/* Configuration Page Grid and Classes */
.config-grid[b-mav3ixok6q] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
    padding-bottom: 15rem;
}

@media (min-width: 768px) {
    .config-grid[b-mav3ixok6q] {
        grid-template-columns: repeat(2, 1fr);
        padding: 0 2rem;
    }
}

@media (min-width: 1024px) {
    .config-grid[b-mav3ixok6q] {
        grid-template-columns: repeat(3, 1fr);
        padding: 0 5%;
    }
}

@media (min-width: 1400px) {
    .config-grid[b-mav3ixok6q] {
        grid-template-columns: repeat(4, 1fr);
        padding: 0 2%;
    }
}


.config-card-wrapper[b-mav3ixok6q] {
    cursor: pointer;
    transition: transform 0.2s;
}

.config-card-wrapper:hover[b-mav3ixok6q] {
    transform: translateY(-4px);
}

.config-card-disabled[b-mav3ixok6q] {
    opacity: 0.75;
}
/* /Pages/ContingenciaPage.razor.rz.scp.css */
.page-layout[b-uzivoh4x0h] {
    display: flex;
    height: 100%;
    width: 100%;
    background-color: var(--hf-bg);
    font-family: var(--sys-font-sans, ui-sans-serif, system-ui);
}

.main-content[b-uzivoh4x0h] {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

.page-header[b-uzivoh4x0h] {
    padding-left: 2rem;
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.header-title[b-uzivoh4x0h] {
    font-size: 1.875rem;
    font-weight: 900;
    color: var(--hf-text-primary);
    letter-spacing: -0.025em;
    line-height: 1.25;
}

.header-badge[b-uzivoh4x0h] {
    color: var(--hf-primary);
    font-weight: 400;
    font-size: 1.5rem;
    margin-left: 0.5rem;
}

.header-subtitle[b-uzivoh4x0h] {
    color: var(--hf-text-secondary);
    margin-top: 0.5rem;
}

.content-body[b-uzivoh4x0h] {
    flex: 1 1 0%;
    overflow: hidden;
    padding-left: 2rem;
    padding-bottom: 2rem;
}

.card-container[b-uzivoh4x0h] {
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    box-shadow: var(--hf-card-shadow);
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
}

.tab-content-wrapper[b-uzivoh4x0h] {
    height: 100%;
    overflow-y: auto;
    padding-right: 0.5rem;
}
/* /Pages/CreditoFiscal.razor.rz.scp.css */
/* CreditoFiscal.razor.css 
 * Strict semantic encapsulation for DTE Generation 
 */

 .dte-generator-container[b-llszpp3jky] {
    padding: 1rem;
    background-color: var(--hf-bg);
    height: 100%;
    overflow: auto;
}

.dte-generator-title[b-llszpp3jky] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--hf-primary);
}

.dte-generator-layout[b-llszpp3jky] {
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 768px) {
    .dte-generator-layout[b-llszpp3jky] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.dte-form-panel[b-llszpp3jky] {
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    padding: 1rem;
    box-shadow: var(--hf-card-shadow);
}

.dte-panel-title[b-llszpp3jky] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--hf-primary);
    border-bottom: 1px solid var(--hf-border-color);
    padding-bottom: 0.5rem;
}

.dte-section[b-llszpp3jky] {
    margin-bottom: 1rem;
    border: 1px solid var(--hf-border-color);
    padding: 1rem;
    border-radius: var(--hf-radius-md);
    background-color: var(--hf-bg);
}

.dte-section-title[b-llszpp3jky] {
    font-weight: 700;
    color: var(--hf-text-secondary);
    margin-bottom: 0.75rem;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dte-grid-2[b-llszpp3jky] {
    grid-template-columns: repeat(2, 1fr);
}

.dte-grid-1[b-llszpp3jky] {
    grid-template-columns: 1fr;
}

.dte-col-span-2[b-llszpp3jky] {
    grid-column: span 2 / span 2;
}

.dte-label[b-llszpp3jky] {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--hf-text-secondary);
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

.dte-input[b-llszpp3jky] {
    display: block;
    width: 100%;
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    padding: 0.5rem;
    background-color: var(--hf-surface);
    color: var(--hf-text-primary);
}

.dte-autocomplete-wrapper[b-llszpp3jky] {
    position: relative;
}

.dte-autocomplete-list[b-llszpp3jky] {
    position: absolute;
    z-index: 50;
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    width: 100%;
    max-height: 10rem;
    overflow-y: auto;
    box-shadow: var(--hf-card-shadow);
    margin-top: 0.25rem;
    padding: 0;
    list-style: none;
}

.dte-autocomplete-item[b-llszpp3jky] {
    padding: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
    color: var(--hf-text-primary);
    border-bottom: 1px solid var(--hf-border-color);
}
.dte-autocomplete-item:last-child[b-llszpp3jky] {
    border-bottom: none;
}
.dte-autocomplete-item:hover[b-llszpp3jky] {
    background-color: var(--hf-bg-hover);
}

.dte-flex-1[b-llszpp3jky] {
    flex: 1;
}

.dte-btn-add[b-llszpp3jky] {
    background-color: var(--hf-success);
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: var(--hf-radius-md);
    font-size: 0.75rem;
    border: none;
    cursor: pointer;
}
.dte-btn-add:hover[b-llszpp3jky] {
    opacity: 0.8;
}

.dte-btn-remove[b-llszpp3jky] {
    color: var(--hf-error);
    font-size: 0.75rem;
    font-weight: 700;
    background: transparent;
    border: none;
    cursor: pointer;
}
.dte-btn-remove:hover[b-llszpp3jky] {
    text-decoration: underline;
}

.dte-item-row[b-llszpp3jky] {
    border-bottom: 1px solid var(--hf-border-color);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.dte-item-row:last-child[b-llszpp3jky] {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.dte-grid-12[b-llszpp3jky] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: flex-end;
}
.dte-col-span-5[b-llszpp3jky] { grid-column: span 5 / span 5; }
.dte-col-span-2-grid[b-llszpp3jky] { grid-column: span 2 / span 2; }
.dte-col-span-1[b-llszpp3jky] { grid-column: span 1 / span 1; }

.dte-readonly-box[b-llszpp3jky] {
    padding: 0.5rem;
    background-color: var(--hf-surface);
    border-radius: var(--hf-radius-md);
    text-align: right;
    color: var(--hf-text-primary);
    border: 1px solid var(--hf-border-color);
}

.dte-tax-row[b-llszpp3jky] {
    display: flex;
    justify-content: space-between;
    background-color: var(--hf-surface);
    padding: 0.75rem;
    border-radius: var(--hf-radius-md);
    margin-bottom: 0.5rem;
    border: 1px solid rgba(var(--hf-primary-rgb), 0.2);
}

.dte-tax-label[b-llszpp3jky] {
    color: var(--hf-text-secondary);
}
.dte-tax-value[b-llszpp3jky] {
    font-weight: 700;
    color: var(--hf-text-primary);
}

.dte-total-bold[b-llszpp3jky] {
    font-weight: 700;
    font-size: 1.125rem;
}

.dte-btn-generate[b-llszpp3jky] {
    margin-top: 1rem;
    background-color: var(--hf-primary);
    color: white;
    padding: 0.75rem 1rem;
    border-radius: var(--hf-radius-md);
    width: 100%;
    font-weight: 700;
    border: none;
    cursor: pointer;
    font-size: 1.125rem;
    box-shadow: var(--hf-card-shadow);
    transition: opacity 0.2s;
}
.dte-btn-generate:hover[b-llszpp3jky] {
    opacity: 0.9;
}

.dte-json-output[b-llszpp3jky] {
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    padding: 1rem;
    border-radius: var(--hf-radius-md);
    box-shadow: var(--hf-card-shadow);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.875rem;
    overflow: auto;
    max-height: 800px;
}
.dte-json-content[b-llszpp3jky] {
    color: var(--hf-text-secondary);
    white-space: pre-wrap;
}
/* /Pages/EmpleadoPage.razor.rz.scp.css */
/* /Pages/FacturaElectronica.razor.rz.scp.css */
/* CreditoFiscal.razor.css 
 * Strict semantic encapsulation for DTE Generation 
 */

 .dte-generator-container[b-wv4p0z57ca] {
    padding: 1rem;
    background-color: var(--hf-bg);
    height: 100%;
    overflow: auto;
}

.dte-generator-title[b-wv4p0z57ca] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--hf-primary);
}

.dte-generator-layout[b-wv4p0z57ca] {
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 768px) {
    .dte-generator-layout[b-wv4p0z57ca] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.dte-form-panel[b-wv4p0z57ca] {
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    padding: 1rem;
    box-shadow: var(--hf-card-shadow);
}

.dte-panel-title[b-wv4p0z57ca] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--hf-primary);
    border-bottom: 1px solid var(--hf-border-color);
    padding-bottom: 0.5rem;
}

.dte-section[b-wv4p0z57ca] {
    margin-bottom: 1rem;
    border: 1px solid var(--hf-border-color);
    padding: 1rem;
    border-radius: var(--hf-radius-md);
    background-color: var(--hf-bg);
}

.dte-section-title[b-wv4p0z57ca] {
    font-weight: 700;
    color: var(--hf-text-secondary);
    margin-bottom: 0.75rem;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dte-grid-2[b-wv4p0z57ca] {
    grid-template-columns: repeat(2, 1fr);
}

.dte-grid-1[b-wv4p0z57ca] {
    grid-template-columns: 1fr;
}

.dte-col-span-2[b-wv4p0z57ca] {
    grid-column: span 2 / span 2;
}

.dte-label[b-wv4p0z57ca] {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--hf-text-secondary);
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

.dte-input[b-wv4p0z57ca] {
    display: block;
    width: 100%;
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    padding: 0.5rem;
    background-color: var(--hf-surface);
    color: var(--hf-text-primary);
}

.dte-autocomplete-wrapper[b-wv4p0z57ca] {
    position: relative;
}

.dte-autocomplete-list[b-wv4p0z57ca] {
    position: absolute;
    z-index: 50;
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    width: 100%;
    max-height: 10rem;
    overflow-y: auto;
    box-shadow: var(--hf-card-shadow);
    margin-top: 0.25rem;
    padding: 0;
    list-style: none;
}

.dte-autocomplete-item[b-wv4p0z57ca] {
    padding: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
    color: var(--hf-text-primary);
    border-bottom: 1px solid var(--hf-border-color);
}
.dte-autocomplete-item:last-child[b-wv4p0z57ca] {
    border-bottom: none;
}
.dte-autocomplete-item:hover[b-wv4p0z57ca] {
    background-color: var(--hf-bg-hover);
}

.dte-flex-1[b-wv4p0z57ca] {
    flex: 1;
}

.dte-btn-add[b-wv4p0z57ca] {
    background-color: var(--hf-success);
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: var(--hf-radius-md);
    font-size: 0.75rem;
    border: none;
    cursor: pointer;
}
.dte-btn-add:hover[b-wv4p0z57ca] {
    opacity: 0.8;
}

.dte-btn-remove[b-wv4p0z57ca] {
    color: var(--hf-error);
    font-size: 0.75rem;
    font-weight: 700;
    background: transparent;
    border: none;
    cursor: pointer;
}
.dte-btn-remove:hover[b-wv4p0z57ca] {
    text-decoration: underline;
}

.dte-item-row[b-wv4p0z57ca] {
    border-bottom: 1px solid var(--hf-border-color);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.dte-item-row:last-child[b-wv4p0z57ca] {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.dte-grid-12[b-wv4p0z57ca] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: flex-end;
}
.dte-col-span-5[b-wv4p0z57ca] { grid-column: span 5 / span 5; }
.dte-col-span-2-grid[b-wv4p0z57ca] { grid-column: span 2 / span 2; }
.dte-col-span-1[b-wv4p0z57ca] { grid-column: span 1 / span 1; }

.dte-readonly-box[b-wv4p0z57ca] {
    padding: 0.5rem;
    background-color: var(--hf-surface);
    border-radius: var(--hf-radius-md);
    text-align: right;
    color: var(--hf-text-primary);
    border: 1px solid var(--hf-border-color);
}

.dte-tax-row[b-wv4p0z57ca] {
    display: flex;
    justify-content: space-between;
    background-color: var(--hf-surface);
    padding: 0.75rem;
    border-radius: var(--hf-radius-md);
    margin-bottom: 0.5rem;
    border: 1px solid rgba(var(--hf-primary-rgb), 0.2);
}

.dte-tax-label[b-wv4p0z57ca] {
    color: var(--hf-text-secondary);
}
.dte-tax-value[b-wv4p0z57ca] {
    font-weight: 700;
    color: var(--hf-text-primary);
}

.dte-total-bold[b-wv4p0z57ca] {
    font-weight: 700;
    font-size: 1.125rem;
}

.dte-btn-generate[b-wv4p0z57ca] {
    margin-top: 1rem;
    background-color: var(--hf-primary);
    color: white;
    padding: 0.75rem 1rem;
    border-radius: var(--hf-radius-md);
    width: 100%;
    font-weight: 700;
    border: none;
    cursor: pointer;
    font-size: 1.125rem;
    box-shadow: var(--hf-card-shadow);
    transition: opacity 0.2s;
}
.dte-btn-generate:hover[b-wv4p0z57ca] {
    opacity: 0.9;
}

.dte-json-output[b-wv4p0z57ca] {
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    padding: 1rem;
    border-radius: var(--hf-radius-md);
    box-shadow: var(--hf-card-shadow);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.875rem;
    overflow: auto;
    max-height: 800px;
}
.dte-json-content[b-wv4p0z57ca] {
    color: var(--hf-text-secondary);
    white-space: pre-wrap;
}
/* /Pages/FacturaPdf.razor.rz.scp.css */
/* === FacturaPdf Scoped Styles === */

/* Loading */
.loading-container[b-a90v7jb1q9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    gap: 1rem;
    color: var(--hf-text-secondary, #617589);
}

.loading-spinner[b-a90v7jb1q9] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e4e6;
    border-top-color: var(--hf-primary, #137fec);
    border-radius: 50%;
    animation: spin-b-a90v7jb1q9 0.8s linear infinite;
}

@keyframes spin-b-a90v7jb1q9 {
    to {
        transform: rotate(360deg);
    }
}

/* Toolbar */
.pdf-toolbar[b-a90v7jb1q9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 2rem;
    background: white;
    border-bottom: 1px solid #dbe0e6;
    position: sticky;
    top: 0;
    z-index: 50;
}

.toolbar-left[b-a90v7jb1q9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.toolbar-icon[b-a90v7jb1q9] {
    font-size: 1.25rem;
}

.toolbar-title[b-a90v7jb1q9] {
    font-size: 1rem;
    font-weight: 700;
    color: #111418;
}

.toolbar-actions[b-a90v7jb1q9] {
    display: flex;
    gap: 0.5rem;
}

.btn-toolbar[b-a90v7jb1q9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: all 0.2s;
}

.btn-print[b-a90v7jb1q9] {
    background: var(--hf-primary, #137fec);
    color: white;
}

.btn-print:hover[b-a90v7jb1q9] {
    opacity: 0.9;
}

.btn-back[b-a90v7jb1q9] {
    background: #f0f2f4;
    color: #111418;
}

.btn-back:hover[b-a90v7jb1q9] {
    background: #e2e4e6;
}

/* Breadcrumb */
.breadcrumb-bar[b-a90v7jb1q9] {
    max-width: 850px;
    margin: 1.5rem auto 0;
    padding: 0 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.breadcrumb-nav[b-a90v7jb1q9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.breadcrumb-item[b-a90v7jb1q9] {
    color: #617589;
    font-size: 0.875rem;
}

.breadcrumb-separator[b-a90v7jb1q9] {
    color: #617589;
    font-size: 0.75rem;
}

.breadcrumb-active[b-a90v7jb1q9] {
    color: var(--hf-primary, #137fec);
    font-size: 0.875rem;
    font-weight: 700;
}

/* Status Badges */
.status-badge[b-a90v7jb1q9] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
    gap: 0.375rem;
}

.badge-dot[b-a90v7jb1q9] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.badge-success[b-a90v7jb1q9] {
    background: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.badge-success .badge-dot[b-a90v7jb1q9] {
    background: #16a34a;
}

.badge-error[b-a90v7jb1q9] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.badge-error .badge-dot[b-a90v7jb1q9] {
    background: #dc2626;
}

.badge-warning[b-a90v7jb1q9] {
    background: #fef9c3;
    color: #854d0e;
    border: 1px solid #fde68a;
}

.badge-warning .badge-dot[b-a90v7jb1q9] {
    background: #ca8a04;
}

.badge-info[b-a90v7jb1q9] {
    background: #dbeafe;
    color: #1e40af;
    border: 1px solid #bfdbfe;
}

.badge-info .badge-dot[b-a90v7jb1q9] {
    background: #2563eb;
}

/* Main Content */
.pdf-main[b-a90v7jb1q9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 1rem;
}

/* Document Container */
.pdf-document[b-a90v7jb1q9] {
    width: 8.5in;
    max-width: 100%;
    /* Para responsividad si la pantalla es mas pequeña */
    background: white;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #dbe0e6;
    border-radius: 2px;
    padding: 2.5rem;
    min-height: 11in;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    box-sizing: border-box;
}

/* Document Header */
.doc-header[b-a90v7jb1q9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 2px solid var(--hf-primary, #137fec);
    padding-bottom: 1.5rem;
    gap: 1rem;
}

.company-info[b-a90v7jb1q9] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.company-logo-placeholder[b-a90v7jb1q9] {
    width: 80px;
    height: 80px;
    background: #f0f2f4;
    border: 1px dashed #dbe0e6;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #617589;
    font-size: 0.75rem;
    font-weight: 600;
    flex-shrink: 0;
}

.company-name[b-a90v7jb1q9] {
    font-size: 1.125rem;
    font-weight: 800;
    color: #111418;
    text-transform: uppercase;
    margin: 0;
}

.company-detail[b-a90v7jb1q9] {
    font-size: 0.6875rem;
    color: #617589;
    line-height: 1.4;
    margin: 0.125rem 0 0;
}

.doc-type-box[b-a90v7jb1q9] {
    border: 2px solid var(--hf-primary, #137fec);
    border-radius: 0.5rem;
    padding: 1rem;
    text-align: center;
    min-width: 280px;
    background: rgba(19, 127, 236, 0.04);
    flex-shrink: 0;
}

.doc-type-title[b-a90v7jb1q9] {
    color: var(--hf-primary, #137fec);
    font-size: 1.0625rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0;
}

.doc-type-subtitle[b-a90v7jb1q9] {
    font-size: 0.625rem;
    color: #617589;
    font-weight: 700;
    margin: 0.25rem 0 0;
}

.doc-type-details[b-a90v7jb1q9] {
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.doc-type-details p[b-a90v7jb1q9] {
    font-size: 0.6875rem;
    color: #111418;
    margin: 0;
}

.doc-type-details strong[b-a90v7jb1q9] {
    font-weight: 700;
}

.control-number[b-a90v7jb1q9] {
    color: var(--hf-primary, #137fec);
}

/* Info Cards (Emisor / Receptor) */
.info-grid[b-a90v7jb1q9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.info-card[b-a90v7jb1q9] {
    border: 1px solid #dbe0e6;
    border-radius: 0.5rem;
    padding: 1rem;
}

.info-card-header[b-a90v7jb1q9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border-bottom: 1px solid #f0f2f4;
    padding-bottom: 0.5rem;
    margin-bottom: 0.75rem;
}

.info-card-header h3[b-a90v7jb1q9] {
    font-size: 0.6875rem;
    font-weight: 700;
    color: #111418;
    text-transform: uppercase;
    margin: 0;
}

.info-card-body[b-a90v7jb1q9] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.info-card-body p[b-a90v7jb1q9] {
    font-size: 0.6875rem;
    color: #111418;
    margin: 0;
}

.info-card-body .label[b-a90v7jb1q9] {
    font-weight: 600;
    color: #617589;
}

/* Date Bar */
.date-bar[b-a90v7jb1q9] {
    display: flex;
    gap: 2rem;
    font-size: 0.6875rem;
    color: #111418;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f0f2f4;
}

.date-bar p[b-a90v7jb1q9] {
    margin: 0;
}

/* Items Table */
.items-table-wrapper[b-a90v7jb1q9] {
    flex-grow: 1;
}

.items-table[b-a90v7jb1q9] {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #dbe0e6;
}

.items-table thead tr[b-a90v7jb1q9] {
    background: var(--hf-primary, #137fec);
    color: white;
}

.items-table th[b-a90v7jb1q9] {
    padding: 0.5rem 1rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.items-table th:last-child[b-a90v7jb1q9] {
    border-right: none;
}

.col-qty[b-a90v7jb1q9] {
    width: 60px;
}

.col-price[b-a90v7jb1q9],
.col-exempt[b-a90v7jb1q9] {
    width: 100px;
    text-align: right;
}

.col-taxed[b-a90v7jb1q9] {
    width: 110px;
    text-align: right;
}

.items-table td[b-a90v7jb1q9] {
    padding: 0.75rem 1rem;
    font-size: 0.6875rem;
    color: #111418;
    border-bottom: 1px solid #f0f2f4;
    border-right: 1px solid #dbe0e6;
}

.items-table td:last-child[b-a90v7jb1q9] {
    border-right: none;
}

.text-right[b-a90v7jb1q9] {
    text-align: right;
}

.font-semibold[b-a90v7jb1q9] {
    font-weight: 600;
}

.empty-row td[b-a90v7jb1q9] {
    height: 3rem;
    border: 1px solid #dbe0e6;
}

/* Totals Section */
.totals-section[b-a90v7jb1q9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
    margin-top: auto;
}

.words-box[b-a90v7jb1q9] {
    width: 60%;
    border: 1px solid #dbe0e6;
    border-radius: 0.5rem;
    padding: 1rem;
    background: rgba(246, 247, 248, 0.5);
}

.words-label[b-a90v7jb1q9] {
    font-size: 0.625rem;
    font-weight: 700;
    color: #617589;
    text-transform: uppercase;
    margin: 0 0 0.5rem;
}

.words-value[b-a90v7jb1q9] {
    font-size: 0.6875rem;
    font-weight: 600;
    color: #111418;
    margin: 0;
}

.observations[b-a90v7jb1q9] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #dbe0e6;
}

.observations p[b-a90v7jb1q9] {
    font-size: 0.625rem;
    color: #617589;
    margin: 0;
}

.totals-box[b-a90v7jb1q9] {
    width: 35%;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.total-row[b-a90v7jb1q9] {
    display: flex;
    justify-content: space-between;
    font-size: 0.6875rem;
}

.total-label[b-a90v7jb1q9] {
    color: #617589;
}

.total-value[b-a90v7jb1q9] {
    font-weight: 600;
    color: #111418;
}

.total-row-border[b-a90v7jb1q9] {
    border-bottom: 1px solid #f0f2f4;
    padding-bottom: 0.375rem;
}

.total-final[b-a90v7jb1q9] {
    font-size: 0.8125rem;
    padding-top: 0.375rem;
}

.total-final span[b-a90v7jb1q9] {
    font-weight: 900;
    color: var(--hf-primary, #137fec);
    text-transform: uppercase;
}

/* MH Footer */
.mh-footer[b-a90v7jb1q9] {
    margin-top: 1rem;
    border-top: 2px solid #f0f2f4;
    padding-top: 2rem;
}

.mh-grid[b-a90v7jb1q9] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.5rem;
    align-items: start;
}

.qr-section[b-a90v7jb1q9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.qr-placeholder[b-a90v7jb1q9] {
    width: 120px;
    height: 120px;
    background: #f0f2f4;
    border: 1px solid #dbe0e6;
    border-radius: 0.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #617589;
    font-size: 1.5rem;
    font-weight: 700;
}

.qr-label[b-a90v7jb1q9] {
    font-size: 0.5625rem;
    color: #617589;
    text-transform: uppercase;
    font-weight: 500;
}

.mh-details[b-a90v7jb1q9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.mh-details-grid[b-a90v7jb1q9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.mh-label[b-a90v7jb1q9] {
    font-size: 0.625rem;
    font-weight: 700;
    color: #617589;
    text-transform: uppercase;
    margin: 0 0 0.25rem;
}

.mh-value[b-a90v7jb1q9] {
    font-size: 0.625rem;
    color: #111418;
    margin: 0;
    word-break: break-all;
}

.mh-value.mono[b-a90v7jb1q9] {
    font-family: monospace;
}

.mh-disclaimer[b-a90v7jb1q9] {
    font-size: 0.5625rem;
    text-align: center;
    color: #617589;
    margin: 0;
}

/* Page Footer */
.page-footer[b-a90v7jb1q9] {
    margin-top: auto;
    padding-top: 1rem;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #f0f2f4;
    font-size: 0.5625rem;
    color: #617589;
}

.page-number[b-a90v7jb1q9] {
    font-weight: 700;
}

/* Print Styles */
@media print {
    .no-print[b-a90v7jb1q9] {
        display: none !important;
    }

    .print-area[b-a90v7jb1q9] {
        margin: 0 !important;
        box-shadow: none !important;
        border: none !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 1.5rem !important;
    }

    .pdf-main[b-a90v7jb1q9] {
        padding: 0 !important;
    }

    body[b-a90v7jb1q9] {
        background: white !important;
    }
}
/* /Pages/Facturas.razor.rz.scp.css */
.facturas-toolbar[b-opp4j56ugk] {
    display: flex;
    justify-content: flex-end;
    gap: var(--hf-spacing-md);
    margin-bottom: 1rem;
    width: 100%;
}

.facturas-header[b-opp4j56ugk] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: var(--hf-spacing-sm);
}

.facturas-title-bar[b-opp4j56ugk] {
    display: flex;
    align-items: center;
    gap: var(--hf-spacing-md);
}
/* /Pages/Home.razor.rz.scp.css */
/* Dashboard Page Styles */

/* Loading State is now in app.css */

/* Page Header */
.page-title[b-icxl930czy] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--sys-text-primary);
    margin: 0;
}

.page-subtitle[b-icxl930czy] {
    font-size: var(--sys-font-base, 1rem);
    color: var(--sys-text-secondary);
    margin: 0;
}

.btn-create[b-icxl930czy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    background-color: var(--sys-primary);
    color: white;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(19, 127, 236, 0.25);
    transition: all 0.2s;
}

.btn-create:hover[b-icxl930czy] {
    background-color: var(--sys-primary-hover);
    transform: translateY(-1px);
}

.btn-create .material-symbols-outlined[b-icxl930czy] {
    font-size: 1.25rem;
}

/* Table Card */
.table-card[b-icxl930czy] {
    background: var(--sys-bg-component);
    border: 1px solid var(--sys-border-light);
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}

.table-header[b-icxl930czy] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--sys-border-light);
}

.table-title[b-icxl930czy] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--sys-text-primary);
    margin: 0;
}

.table-container[b-icxl930czy] {
    padding: 1.5rem;
    overflow-x: auto;
}

.status-badge[b-icxl930czy] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
}

.status-badge[b-icxl930czy]::before {
    content: '';
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
}

.status-success[b-icxl930czy] {
    background: var(--sys-success-bg);
    color: var(--sys-success);
    border: 1px solid var(--sys-success);
}

.status-success[b-icxl930czy]::before {
    background: currentColor;
}

.status-error[b-icxl930czy] {
    background: var(--sys-error-bg);
    color: var(--sys-error);
    border: 1px solid var(--sys-error);
}

.status-error[b-icxl930czy]::before {
    background: currentColor;
}

.status-warning[b-icxl930czy] {
    background: var(--sys-warning-bg);
    color: var(--sys-warning);
    border: 1px solid var(--sys-warning);
}

.status-warning[b-icxl930czy]::before {
    background: currentColor;
}

/* Action Buttons */
.btn-icon[b-icxl930czy] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background: transparent;
    border: none;
    border-radius: 0.25rem;
    color: var(--sys-text-secondary);
    cursor: pointer;
    transition: all 0.2s;
}

.btn-icon:hover[b-icxl930czy] {
    color: var(--sys-primary);
    background-color: var(--sys-bg-component-hover);
}

.btn-icon .material-symbols-outlined[b-icxl930czy] {
    font-size: 1.25rem;
}
/* /Pages/InvalidacionesPage.razor.rz.scp.css */
.page-layout[b-r5z3iiccpt] {
    display: flex;
    height: 100%;
    width: 100%;
    background-color: var(--hf-bg);
}

.main-content[b-r5z3iiccpt] {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.page-header[b-r5z3iiccpt] {
    padding: 2rem;
    padding-bottom: 1rem;
}

.page-title[b-r5z3iiccpt] {
    font-size: 1.875rem;
    font-weight: 900;
    color: var(--hf-primary);
    letter-spacing: -0.025em;
    line-height: 1.25;
}

.tabs-container[b-r5z3iiccpt] {
    flex: 1 1 0%;
    overflow: hidden;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
}

.card-wrapper[b-r5z3iiccpt] {
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    box-shadow: var(--hf-card-shadow);
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
}

.tab-content-scroll[b-r5z3iiccpt] {
    height: 100%;
    overflow-y: auto;
    padding-right: 0.5rem;
}
/* /Pages/LoginRegisterPage.razor.rz.scp.css */
/* Login & Register Page Styles - Refactored to HFramework Tokens */

.login-container[b-g52w9la0qc] {
    display: flex;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    padding: 1rem;
    overflow: hidden;
    align-items: center;
    align-content: center;
    justify-content: center;
    z-index: 9000;
    transition: background 0.5s ease-in-out;
}

.login-background[b-g52w9la0qc] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/images/backgrounds/light01.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    transition: opacity 0.5s ease-in-out, background-image 0.5s ease-in-out;
}

[data-theme="dark"] .login-background[b-g52w9la0qc],
.dark .login-background[b-g52w9la0qc] {
    background-image: url('/images/backgrounds/dark01.png');
}

.login-card[b-g52w9la0qc] {
    position: absolute;
    z-index: 2;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 1.5rem;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05);
    padding: 2.5rem;
    animation: loginFadeIn-b-g52w9la0qc 0.5s ease;
    transition: all 0.3s ease;
}

/* Use system tokens to avoid deep and important directives */
.login-card[b-g52w9la0qc] {
    --sys-bg-component: rgba(255, 255, 255, 0.5);

    /* HFramework Form Tokens Overrides */
    --hf-surface: rgba(255, 255, 255, 0.5);
    --hf-border-color: #3b82f6;
    /* Standout blue border */
    --hf-text-primary: #0f172a;
    --hf-text-secondary: #475569;
    --hf-primary: #137fec;
    --hf-primary-light: rgba(19, 127, 236, 0.3);

    backdrop-filter: blur(10px);
}

[data-theme="dark"] .login-card[b-g52w9la0qc],
.dark .login-card[b-g52w9la0qc] {
    background: rgba(15, 23, 42, 0.4);
    --sys-bg-component: rgba(0, 0, 0, 0.2);

    /* HFramework Form Tokens Overrides (Dark) */
    --hf-surface: rgba(0, 0, 0, 0.2);
    --hf-border-color: #60a5fa;
    /* Standout blue border (Dark Mode) */
    --hf-text-primary: rgba(255, 255, 255, 0.9);
    --hf-text-secondary: rgba(203, 213, 225, 0.8);
    --hf-primary: #3b82f6;
    --hf-primary-light: rgba(59, 130, 246, 0.5);
}


/* Theme Toggle Button */
.theme-toggle-btn[b-g52w9la0qc] {
    position: fixed;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 100;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(12px);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: white;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.2s;
}

.theme-toggle-btn:hover[b-g52w9la0qc] {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
}

/* Inner Elements */
.login-logo[b-g52w9la0qc] {
    text-align: center;
    margin-bottom: 2rem;
}

.company-logo[b-g52w9la0qc] {
    width: 140px;
    height: auto;
    object-fit: contain;
}

.login-header[b-g52w9la0qc] {
    text-align: center;
    margin-bottom: 2rem;
}

.login-header h1[b-g52w9la0qc] {
    font-size: var(--sys-font-h2);
    font-weight: 700;
    color: var(--hf-text-primary);
    margin-bottom: 0.5rem;
}

.login-header p[b-g52w9la0qc] {
    font-size: var(--sys-font-base);
    color: var(--hf-text-secondary);
}

/* Auth Toggle Styles */
.auth-toggle[b-g52w9la0qc] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--sys-bg-secondary, rgba(255, 255, 255, 0.2));
    border-radius: 0.75rem;
    padding: 0.25rem;
    border: 1px solid var(--sys-border-light, rgba(0, 0, 0, 0.1));
    margin-bottom: 2rem;
}

[data-theme="dark"] .auth-toggle[b-g52w9la0qc],
.dark .auth-toggle[b-g52w9la0qc] {
    background-color: var(--sys-bg-secondary, rgba(0, 0, 0, 0.3));
    border-color: var(--sys-border-light, rgba(255, 255, 255, 0.1));
}

.auth-toggle-option[b-g52w9la0qc] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--sys-text-secondary, #64748b);
    background: transparent;
    border: none;
    transition: all 0.2s;
    cursor: pointer;
}

[data-theme="dark"] .auth-toggle-option[b-g52w9la0qc],
.dark .auth-toggle-option[b-g52w9la0qc] {
    color: var(--sys-text-secondary, #94a3b8);
}

.auth-toggle-option:hover[b-g52w9la0qc] {
    color: var(--sys-text-primary, #0f172a);
}

[data-theme="dark"] .auth-toggle-option:hover[b-g52w9la0qc],
.dark .auth-toggle-option:hover[b-g52w9la0qc] {
    color: var(--sys-text-primary, #ffffff);
}

.auth-toggle-option.active[b-g52w9la0qc] {
    background-color: var(--sys-bg-component, #ffffff);
    color: var(--sys-primary, #137fec);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

[data-theme="dark"] .auth-toggle-option.active[b-g52w9la0qc],
.dark .auth-toggle-option.active[b-g52w9la0qc] {
    background-color: var(--sys-primary, #3b82f6);
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* Form */
.auth-form[b-g52w9la0qc] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    animation: formEntry-b-g52w9la0qc 0.4s ease-out;
}

@keyframes formEntry-b-g52w9la0qc {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.login-footer[b-g52w9la0qc] {
    margin-top: 1.5rem;
    text-align: center;
}

.btn-link[b-g52w9la0qc] {
    background: none;
    border: none;
    color: var(--hf-primary);
    font-size: var(--hf-font-size-sm);
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-link:hover:not(:disabled)[b-g52w9la0qc] {
    color: white;
    text-decoration: underline;
}

.alert-error[b-g52w9la0qc] {
    margin-top: 1.5rem;
    padding: 1rem;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.2);
    border-left: 4px solid #ef4444;
    border-radius: var(--hf-radius-sm);
    color: #fca5a5;
    font-size: var(--hf-font-size-xs);
    animation: shake-b-g52w9la0qc 0.5s cubic-bezier(.36, .07, .19, .97) both;
}

@keyframes shake-b-g52w9la0qc {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}

@keyframes loginFadeIn-b-g52w9la0qc {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 640px) {
    .login-card[b-g52w9la0qc] {
        padding: 2rem 1.5rem;
        border-radius: 1rem;
    }

    .company-logo[b-g52w9la0qc] {
        width: 120px;
    }

    .login-header h1[b-g52w9la0qc] {
        font-size: 1.5rem;
    }
}
/* /Pages/SeleccionDeFactura.razor.rz.scp.css */
/* DTEs Page Styles */

/* Layout */
.dte-container[b-tpld2fuq7i] {
    width: 100%;
    padding: 1.25rem 1rem 5rem 1rem;
    /* px-4 py-5 pb-20 */
}

@media (min-width: 768px) {
    .dte-container[b-tpld2fuq7i] {
        padding-left: 2.5rem;
        /* md:px-10 */
        padding-right: 2.5rem;
    }
}

@media (min-width: 1024px) {
    .dte-container[b-tpld2fuq7i] {
        padding-left: 10rem;
        /* lg:px-40 */
        padding-right: 10rem;
    }
}

/* Header Sections */
.dte-header[b-tpld2fuq7i] {
    width: 100%;
    padding-bottom: 1.5rem;
    /* pb-6 */
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.dte-title[b-tpld2fuq7i] {
    color: var(--hf-text-primary);
    font-size: 1.5rem;
    /* text-2xl */
    font-weight: 700;
    line-height: 1.25;
}

@media (min-width: 768px) {
    .dte-title[b-tpld2fuq7i] {
        font-size: 2rem;
        /* md:text-[32px] */
    }
}

.dte-subtitle[b-tpld2fuq7i] {
    color: var(--hf-text-secondary);
    font-size: 0.875rem;
    /* text-sm */
    font-weight: 400;
}

/* Section Headers */
.dte-section-title[b-tpld2fuq7i] {
    font-size: 1.125rem;
    /* text-lg */
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    color: var(--hf-text-primary);
}

/* Grids */
.dte-grid[b-tpld2fuq7i] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 768px) {
    .dte-grid[b-tpld2fuq7i] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1024px) {
    .dte-grid[b-tpld2fuq7i] {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Styling HuTaoActionCard internals via ::deep */

/* Card Container Base */
[b-tpld2fuq7i] .hf-action-card-btn {
    /* Assuming component uses this class or we target div */
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: 0.75rem;
    /* rounded-xl */
    padding: 1.5rem;
    /* p-6 or p-5 */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    /* shadow-sm */
    transition: all 0.15s;
    cursor: pointer;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

[b-tpld2fuq7i] .hf-action-card-btn:hover {
    border-color: var(--hf-primary);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    /* shadow-md */
}

/* Featured Card Override */
[b-tpld2fuq7i] .hf-action-card {
    /* Target the component root div if possible, otherwise rely on component classes */
}

/* Featured Card Specifics (Col Span) */
[b-tpld2fuq7i] .dte-featured-card {
    grid-column: span 1;
}

@media (min-width: 768px) {
    [b-tpld2fuq7i] .dte-featured-card {
        grid-column: span 2;
    }
}

/* Icons Badge */
[b-tpld2fuq7i] .hf-action-card-icon-badge {
    background-color: rgba(19, 127, 236, 0.1);
    /* bg-blue-50 equivalent with primary color */
    padding: 1rem;
    border-radius: 0.75rem;
    /* rounded-xl */
    color: var(--hf-primary);
    display: inline-flex;
}

/* Typography Overrides */
[b-tpld2fuq7i] .hf-action-card-cat {
    font-size: 0.75rem;
    /* text-xs */
    font-weight: 700;
    color: var(--hf-primary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 0.25rem;
}

[b-tpld2fuq7i] .hf-action-card-cat-sm {
    font-size: 0.625rem;
    /* text-[10px] */
    font-weight: 700;
    color: var(--hf-text-secondary);
    /* gray-400 */
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

[b-tpld2fuq7i] .hf-action-card-title {
    font-size: 1.25rem;
    /* text-xl */
    font-weight: 700;
    margin-bottom: 0.25rem;
    color: var(--hf-text-primary);
}

[b-tpld2fuq7i] .hf-action-card-title-sm {
    font-size: 1rem;
    /* text-base */
    font-weight: 700;
    color: var(--hf-text-primary);
}

[b-tpld2fuq7i] .hf-action-card-text {
    font-size: 0.875rem;
    /* text-sm */
    color: var(--hf-text-secondary);
}

[b-tpld2fuq7i] .hf-action-card-text-xs {
    font-size: 0.75rem;
    /* text-xs */
    color: var(--hf-text-secondary);
    margin-top: 0.25rem;
}

/* Fav Button */
[b-tpld2fuq7i] .hf-fav-btn {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: none;
    border: none;
    cursor: pointer;
    color: #fbbf24;
    /* star-active color */
}

/* Start Button */
[b-tpld2fuq7i] .hf-action-btn {
    background-color: var(--hf-primary);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    /* rounded-lg */
    font-size: 0.875rem;
    /* text-sm */
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    transition: background-color 0.15s;
}

[b-tpld2fuq7i] .hf-action-btn:hover {
    background-color: var(--hf-primary-hover);
}


/* Controls Section */
.dte-controls-wrapper[b-tpld2fuq7i] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
    .dte-controls-wrapper[b-tpld2fuq7i] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.dte-controls-group[b-tpld2fuq7i] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
    max-width: 42rem;
    /* max-w-2xl */
}

@media (min-width: 640px) {
    .dte-controls-group[b-tpld2fuq7i] {
        flex-direction: row;
    }
}

.dte-input-wrapper[b-tpld2fuq7i],
.dte-select-wrapper[b-tpld2fuq7i] {
    position: relative;
    flex-grow: 1;
}

.dte-input-icon[b-tpld2fuq7i],
.dte-select-icon[b-tpld2fuq7i] {
    position: absolute;
    top: 0.625rem;
    /* top-2.5 */
    color: var(--hf-text-secondary);
    /* gray-400 */
    font-size: 1.25rem;
    pointer-events: none;
}

.dte-input-icon[b-tpld2fuq7i] {
    left: 0.75rem;
}

.dte-select-icon[b-tpld2fuq7i] {
    right: 0.75rem;
}

.dte-input[b-tpld2fuq7i],
.dte-select[b-tpld2fuq7i] {
    width: 100%;
    height: 2.5rem;
    /* h-10 */
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: 0.5rem;
    /* rounded-lg */
    font-size: 0.875rem;
    /* text-sm */
    outline: none;
    transition: all 0.15s;
}

.dte-input[b-tpld2fuq7i] {
    padding-left: 2.5rem;
    padding-right: 1rem;
}

.dte-select[b-tpld2fuq7i] {
    padding-left: 0.75rem;
    padding-right: 2.5rem;
    appearance: none;
}

.dte-input:focus[b-tpld2fuq7i],
.dte-select:focus[b-tpld2fuq7i] {
    box-shadow: 0 0 0 1px var(--hf-primary);
    border-color: var(--hf-primary);
}

/* Secondary List Grid */
.dte-grid-secondary[b-tpld2fuq7i] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 768px) {
    .dte-grid-secondary[b-tpld2fuq7i] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .dte-grid-secondary[b-tpld2fuq7i] {
        grid-template-columns: repeat(3, 1fr);
    }
}


/* Help Box */
.dte-info-box[b-tpld2fuq7i] {
    background-color: var(--hf-primary-light);
    /* bg-blue-50 */
    border: 1px solid var(--hf-border-color);
    /* border-blue-100 */
    border-radius: 0.75rem;
    /* rounded-xl */
    padding: 1rem;
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
}

.dte-info-title[b-tpld2fuq7i] {
    font-size: 0.875rem;
    /* text-sm */
    font-weight: 700;
    color: var(--hf-primary);
}

.dte-info-text[b-tpld2fuq7i] {
    font-size: 0.875rem;
    /* text-sm */
    color: var(--hf-text-secondary);
    /* text-gray-600 */
}

/* Star Icons */
.star-active[b-tpld2fuq7i] {
    color: #fbbf24;
}

.star-inactive[b-tpld2fuq7i] {
    color: #d1d5db;
    /* gray-300 */
}

[data-theme="dark"] .star-inactive[b-tpld2fuq7i] {
    color: #4b5563;
    /* gray-600 */
}
/* /Pages/TenantConfiguration.razor.rz.scp.css */
/* TenantConfiguration Page Scoped Styles */

.tc-container[b-px7tp7jk0p] {
    display: flex;
    height: 100%;
    width: 100%;
    background-color: var(--sys-bg-app);
    font-family: var(--sys-font-family);
}

.tc-main[b-px7tp7jk0p] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

.tc-scroll-area[b-px7tp7jk0p] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
}

.tc-content[b-px7tp7jk0p] {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.tc-loading-wrapper[b-px7tp7jk0p] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16rem;
}

/* Alerts */
.tc-locked-alert[b-px7tp7jk0p] {
    background-color: var(--sys-bg-secondary);
    border: 1px solid var(--sys-border-light);
    border-radius: 0.5rem;
    padding: 1rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.tc-locked-icon[b-px7tp7jk0p] {
    color: var(--sys-text-muted);
    margin-top: 0.25rem;
}

.tc-locked-title[b-px7tp7jk0p] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--sys-text-secondary);
    margin-bottom: 0.25rem;
}

.tc-locked-text[b-px7tp7jk0p] {
    font-size: 0.875rem;
    color: var(--sys-text-muted);
    margin: 0;
}

/* Form Styles */
.tc-field-group[b-px7tp7jk0p] {
    margin-bottom: 1.5rem;
}

/* Modal */
.tc-modal-overlay[b-px7tp7jk0p] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
}

.tc-unlock-modal[b-px7tp7jk0p] {
    background-color: var(--sys-bg-component);
    border-radius: 0.75rem;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
    width: 100%;
    max-width: 24rem;
}

.tc-modal-header[b-px7tp7jk0p] {
    text-align: center;
    margin-bottom: 1rem;
}

.tc-modal-icon[b-px7tp7jk0p] {
    margin: 0 auto 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    background-color: var(--sys-primary-light);
    color: var(--sys-primary);
}

.tc-modal-title[b-px7tp7jk0p] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--sys-text-primary);
    margin: 0;
}

.tc-modal-subtitle[b-px7tp7jk0p] {
    font-size: 0.875rem;
    color: var(--sys-text-secondary);
    margin: 0.25rem 0 0;
}

.tc-modal-input[b-px7tp7jk0p] {
    width: 100%;
    border-radius: 0.375rem;
    border: 1px solid var(--sys-border-light);
    padding: 0.5rem;
    background-color: var(--sys-bg-component);
    color: var(--sys-text-primary);
}

.tc-modal-input:focus[b-px7tp7jk0p] {
    outline: none;
    box-shadow: 0 0 0 2px var(--sys-primary);
    border-color: var(--sys-primary);
}

.tc-modal-actions[b-px7tp7jk0p] {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
}

/* Toast/Floating Alert */
.tc-toast-lock[b-px7tp7jk0p] {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    background-color: var(--sys-bg-component);
    border: 1px solid var(--sys-border-light);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    border-radius: 0.5rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    max-width: 20rem;
    z-index: 500;
}

.tc-toast-icon[b-px7tp7jk0p] {
    color: #f59e0b;
    background-color: #fffbeb;
    padding: 0.5rem;
    border-radius: 50%;
    display: flex;
}

.tc-toast-content[b-px7tp7jk0p] {
    flex: 1;
}

.tc-toast-title[b-px7tp7jk0p] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--sys-text-primary);
    margin: 0;
}

.tc-toast-text[b-px7tp7jk0p] {
    font-size: 0.75rem;
    color: var(--sys-text-secondary);
    margin: 0;
}

.tc-toast-close[b-px7tp7jk0p] {
    color: var(--sys-text-muted);
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
}

.tc-toast-close:hover[b-px7tp7jk0p] {
    color: var(--sys-text-primary);
}

/* TopBar Actions */
.tc-topbar-actions[b-px7tp7jk0p] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.tc-btn-toggle[b-px7tp7jk0p] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 9999px;
    border: 1px solid transparent;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    cursor: pointer;
    transition: all 0.2s;
}

.tc-btn-locked[b-px7tp7jk0p] {
    background-color: #fffbeb;
    color: #d97706;
    border-color: #fde68a;
}

.tc-btn-locked:hover[b-px7tp7jk0p] {
    background-color: #fef3c7;
}

.tc-btn-unlocked[b-px7tp7jk0p] {
    background-color: #ecfdf5;
    color: #059669;
    border-color: #a7f3d0;
}

.tc-btn-unlocked:hover[b-px7tp7jk0p] {
    background-color: #d1fae5;
}

.tc-divider[b-px7tp7jk0p] {
    height: 2rem;
    width: 1px;
    background-color: var(--sys-border-light);
}

.tc-error-text[b-px7tp7jk0p] {
    color: var(--sys-error, #ef4444);
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

.tc-w-full[b-px7tp7jk0p] {
    width: 100%;
}
/* /Pages/VentasPage.razor.rz.scp.css */
.page-container[b-30khvchy8c] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background-color: var(--hf-bg);
    height: 100%;
}

.filters-section[b-30khvchy8c] {
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    box-shadow: var(--hf-card-shadow);
    padding: 1.25rem;
    flex-shrink: 0;
}

.filters-header[b-30khvchy8c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--hf-border-color);
    padding-bottom: 0.75rem;
    margin-bottom: 1rem;
}

.filters-title-group[b-30khvchy8c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filters-title[b-30khvchy8c] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--hf-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0;
}

.btn-clear-filters[b-30khvchy8c] {
    color: var(--hf-primary);
    font-size: 0.875rem;
    font-weight: 500;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: text-decoration 0.2s;
}

.btn-clear-filters:hover[b-30khvchy8c] {
    text-decoration: underline;
}

.filters-grid[b-30khvchy8c] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

@media (min-width: 768px) {
    .filters-grid[b-30khvchy8c] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .filters-grid[b-30khvchy8c] {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
}

.filter-field[b-30khvchy8c] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.filter-label[b-30khvchy8c] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--hf-text-secondary);
    text-transform: uppercase;
}

.col-date-range[b-30khvchy8c] {
    grid-column: span 1 / span 1;
}

.col-dte-type[b-30khvchy8c] {
    grid-column: span 1 / span 1;
}

.col-seller[b-30khvchy8c] {
    grid-column: span 1 / span 1;
}

.col-branch[b-30khvchy8c] {
    grid-column: span 1 / span 1;
}

.col-status[b-30khvchy8c] {
    grid-column: span 1 / span 1;
}

.col-action[b-30khvchy8c] {
    grid-column: span 1 / span 1;
    align-items: flex-end;
}

@media (min-width: 768px) {
    .col-date-range[b-30khvchy8c] {
        grid-column: span 3 / span 3;
    }

    .col-dte-type[b-30khvchy8c] {
        grid-column: span 2 / span 2;
    }

    .col-seller[b-30khvchy8c] {
        grid-column: span 2 / span 2;
    }

    .col-branch[b-30khvchy8c] {
        grid-column: span 2 / span 2;
    }

    .col-status[b-30khvchy8c] {
        grid-column: span 2 / span 2;
    }

    .col-action[b-30khvchy8c] {
        grid-column: span 1 / span 1;
    }
}

.date-range-inputs[b-30khvchy8c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.stats-grid[b-30khvchy8c] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .stats-grid[b-30khvchy8c] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.stat-card[b-30khvchy8c] {
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    box-shadow: var(--hf-card-shadow);
    padding: 1rem;
}

.stat-label[b-30khvchy8c] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--hf-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.25rem;
}

.stat-value-group[b-30khvchy8c] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 0.25rem;
}

.stat-value[b-30khvchy8c] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--hf-primary);
    margin: 0;
}

.stat-value.text-warning[b-30khvchy8c] {
    color: var(--hf-warning);
}

.stat-trend[b-30khvchy8c] {
    font-size: 0.75rem;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.stat-trend.text-success[b-30khvchy8c] {
    color: var(--hf-success);
}

.acceptance-progress-group[b-30khvchy8c] {
    display: flex;
    align-items: center;
    flex: 1 1 0%;
}

.progress-bar-container[b-30khvchy8c] {
    height: 0.5rem;
    width: 100%;
    background-color: var(--hf-bg);
    border-radius: 9999px;
    overflow: hidden;
}

.progress-fill[b-30khvchy8c] {
    height: 100%;
    background-color: var(--hf-success);
}

.grid-section[b-30khvchy8c] {
    background-color: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    box-shadow: var(--hf-card-shadow);
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
    min-height: 400px;
}

.section-header[b-30khvchy8c] {
    padding: 1rem;
    border-bottom: 1px solid var(--hf-border-color);
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.section-title-group[b-30khvchy8c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-title[b-30khvchy8c] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--hf-primary);
    margin: 0;
}

.header-actions[b-30khvchy8c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.grid-content-wrapper[b-30khvchy8c] {
    flex: 1 1 0%;
    overflow: auto;
}

/* Custom Grid formatting */
.row-title[b-30khvchy8c] {
    font-weight: 500;
    color: var(--hf-text-primary);
    margin: 0;
}

.row-subtitle[b-30khvchy8c] {
    font-size: 0.75rem;
    color: var(--hf-text-secondary);
    text-transform: uppercase;
    margin: 0;
}

.row-uuid[b-30khvchy8c] {
    font-size: 0.75rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    color: var(--hf-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 8rem;
    margin: 0;
}

.row-total[b-30khvchy8c] {
    font-weight: 700;
    color: var(--hf-text-primary);
}

.col-right[b-30khvchy8c] {
    text-align: right;
}

.col-center[b-30khvchy8c] {
    text-align: center;
}

.action-btns[b-30khvchy8c] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25rem;
}

.icon-btn[b-30khvchy8c] {
    color: var(--hf-text-secondary);
    padding: 0.5rem;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: color 0.2s;
}

.icon-btn:hover[b-30khvchy8c] {
    color: var(--hf-primary);
}