/* /Components/Admin/CompanyForm.razor.rz.scp.css */
/* Premium Modal Styles for CompanyForm */

.adm-modal-overlay[b-9vm6fupery] {
    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);
}

.adm-modal-container[b-9vm6fupery] {
    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 */
.adm-modal-header[b-9vm6fupery] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--sys-border-light);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

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

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

.adm-modal-close[b-9vm6fupery] {
    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;
}

.adm-modal-close:hover[b-9vm6fupery] {
    background-color: var(--sys-bg-secondary);
    color: var(--sys-text-primary);
}

/* Body */
.adm-modal-body[b-9vm6fupery] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

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

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

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

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

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

.adm-label[b-9vm6fupery] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--sys-text-primary);
    margin-bottom: 0.5rem;
}

.adm-required[b-9vm6fupery] {
    color: var(--sys-error);
    margin-left: 0.25rem;
}

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

.adm-footer-info[b-9vm6fupery] {
    font-size: 0.75rem;
    color: var(--sys-text-secondary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.adm-footer-actions[b-9vm6fupery] {
    display: flex;
    gap: 0.75rem;
}
/* /Components/Admin/CompanySupportModal.razor.rz.scp.css */
/* CompanySupportModal Scoped Styles */

.csm-list[b-ptctsmvds6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-height: 450px;
    overflow-y: auto;
    padding: 0.5rem;
    margin-top: 1rem;
}

/* Scrollbar styling */
.csm-list[b-ptctsmvds6]::-webkit-scrollbar {
    width: 6px;
}
.csm-list[b-ptctsmvds6]::-webkit-scrollbar-track {
    background: transparent;
}
.csm-list[b-ptctsmvds6]::-webkit-scrollbar-thumb {
    background: var(--hf-border-subtle);
    border-radius: 10px;
}

.csm-user-card[b-ptctsmvds6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background: var(--hf-surface-alt);
    border: 1px solid var(--hf-border-subtle);
    border-radius: 1rem;
    transition: all 0.2s ease;
}

.csm-user-card:hover[b-ptctsmvds6] {
    border-color: var(--sys-primary);
    transform: translateY(-1px);
    box-shadow: var(--hf-shadow-sm);
}

.csm-user-card.is-assigned[b-ptctsmvds6] {
    background: rgba(var(--sys-primary-rgb), 0.05);
    border-color: var(--sys-primary);
}

.csm-user-info[b-ptctsmvds6] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.csm-avatar[b-ptctsmvds6] {
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, var(--sys-primary), var(--sys-primary-dark));
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.9rem;
    flex-shrink: 0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.csm-details[b-ptctsmvds6] {
    display: flex;
    flex-direction: column;
}

.csm-name[b-ptctsmvds6] {
    font-weight: 700;
    color: var(--hf-text-dim);
    margin: 0;
    font-size: 0.9375rem;
}

.csm-email[b-ptctsmvds6] {
    font-size: 0.75rem;
    color: var(--hf-text-muted);
    margin: 0;
}

.csm-badges[b-ptctsmvds6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.csm-badge-default[b-ptctsmvds6] {
    background: #10b981;
    color: white;
    font-size: 0.625rem;
    font-weight: 800;
    padding: 2px 6px;
    border-radius: 4px;
    letter-spacing: 0.02em;
}

.csm-footer[b-ptctsmvds6] {
    display: flex;
    justify-content: flex-end;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
    border-top: 1px solid var(--hf-border-subtle);
}
/* /Components/Admin/DomainForm.razor.rz.scp.css */
/* Premium Modal Styles for DomainForm */

.adm-modal-overlay[b-t38dy3segp] {
    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);
    animation: fadeIn-b-t38dy3segp 0.3s ease;
}

@keyframes fadeIn-b-t38dy3segp {
    from { opacity: 0; }
    to { opacity: 1; }
}

.adm-modal-container[b-t38dy3segp] {
    width: 100%;
    max-width: 700px;
    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);
    animation: slideUp-b-t38dy3segp 0.3s ease;
}

@keyframes slideUp-b-t38dy3segp {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

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

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

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

.adm-modal-close[b-t38dy3segp] {
    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;
}

.adm-modal-close:hover[b-t38dy3segp] {
    background-color: var(--sys-bg-secondary);
    color: var(--sys-text-primary);
}

/* Body */
.adm-modal-body[b-t38dy3segp] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

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

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

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

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

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

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

.adm-required[b-t38dy3segp] {
    color: var(--sys-error);
    margin-left: 0.25rem;
}

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

.adm-footer-info[b-t38dy3segp] {
    font-size: 0.75rem;
    color: var(--sys-text-secondary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

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

.cf-col-span-2[b-t38dy3segp] {
    grid-column: span 2 / span 2;
}
/* /Components/Admin/PlanForm.razor.rz.scp.css */
/* Premium Modal Styles for PlanForm */

.adm-modal-overlay[b-y0f9zs8gwz] {
    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);
    animation: fadeIn-b-y0f9zs8gwz 0.3s ease;
}

@keyframes fadeIn-b-y0f9zs8gwz {
    from { opacity: 0; }
    to { opacity: 1; }
}

.adm-modal-container[b-y0f9zs8gwz] {
    width: 100%;
    max-width: 700px;
    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);
    animation: slideUp-b-y0f9zs8gwz 0.3s ease;
}

@keyframes slideUp-b-y0f9zs8gwz {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

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

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

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

.adm-modal-close[b-y0f9zs8gwz] {
    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;
}

.adm-modal-close:hover[b-y0f9zs8gwz] {
    background-color: var(--sys-bg-secondary);
    color: var(--sys-text-primary);
}

/* Body */
.adm-modal-body[b-y0f9zs8gwz] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

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

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

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

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

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

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

.adm-required[b-y0f9zs8gwz] {
    color: var(--sys-error);
    margin-left: 0.25rem;
}

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

.adm-footer-info[b-y0f9zs8gwz] {
    font-size: 0.75rem;
    color: var(--sys-text-secondary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.adm-footer-actions[b-y0f9zs8gwz] {
    display: flex;
    gap: 0.75rem;
}
/* /Components/Admin/ProvisionDbForm.razor.rz.scp.css */
/* Premium Modal Styles for ProvisionDbForm */

.adm-modal-overlay[b-blgyb3y0ky] {
    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);
    animation: fadeIn-b-blgyb3y0ky 0.3s ease;
}

@keyframes fadeIn-b-blgyb3y0ky {
    from { opacity: 0; }
    to { opacity: 1; }
}

.adm-modal-container[b-blgyb3y0ky] {
    width: 100%;
    max-width: 700px;
    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);
    animation: slideUp-b-blgyb3y0ky 0.3s ease;
}

@keyframes slideUp-b-blgyb3y0ky {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

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

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

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

.adm-modal-close[b-blgyb3y0ky] {
    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;
}

.adm-modal-close:hover[b-blgyb3y0ky] {
    background-color: var(--sys-bg-secondary);
    color: var(--sys-text-primary);
}

/* Body */
.adm-modal-body[b-blgyb3y0ky] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

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

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

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

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

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

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

.adm-required[b-blgyb3y0ky] {
    color: var(--sys-error);
    margin-left: 0.25rem;
}

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

.adm-footer-info[b-blgyb3y0ky] {
    font-size: 0.75rem;
    color: var(--sys-text-secondary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.adm-footer-actions[b-blgyb3y0ky] {
    display: flex;
    gap: 0.75rem;
}
/* /Components/Admin/UserForm.razor.rz.scp.css */
/* Premium Modal Styles for UserForm */

.adm-modal-overlay[b-47yftb7upm] {
    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);
    animation: fadeIn-b-47yftb7upm 0.3s ease;
}

@keyframes fadeIn-b-47yftb7upm {
    from { opacity: 0; }
    to { opacity: 1; }
}

.adm-modal-container[b-47yftb7upm] {
    width: 100%;
    max-width: 700px;
    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);
    animation: slideUp-b-47yftb7upm 0.3s ease;
}

@keyframes slideUp-b-47yftb7upm {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

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

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

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

.adm-modal-close[b-47yftb7upm] {
    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;
}

.adm-modal-close:hover[b-47yftb7upm] {
    background-color: var(--sys-bg-secondary);
    color: var(--sys-text-primary);
}

/* Body */
.adm-modal-body[b-47yftb7upm] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

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

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

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

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

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

.adm-label[b-47yftb7upm] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--sys-text-primary);
    margin-bottom: 0.5rem;
}

.adm-required[b-47yftb7upm] {
    color: var(--sys-error);
    margin-left: 0.25rem;
}

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

.adm-footer-info[b-47yftb7upm] {
    font-size: 0.75rem;
    color: var(--sys-text-secondary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.adm-footer-actions[b-47yftb7upm] {
    display: flex;
    gap: 0.75rem;
}
/* /Components/AutoGenerarConfigTab.razor.rz.scp.css */
/* ============================================================
   AutoGenerarConfigTab Component Styles (Scoped)
   Sistema de tokens - Compatible con HFramework theme
   ============================================================ */

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

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

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

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

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

.ag-select[b-l8v0lb1zvq] {
    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-l8v0lb1zvq] {
    border-color: #137fec;
    box-shadow: 0 0 0 2px rgba(19, 127, 236, 0.15);
}

.ag-btn-add[b-l8v0lb1zvq] {
    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-l8v0lb1zvq] {
    background-color: rgba(19, 127, 236, 0.15);
}

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

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

.ag-tag[b-l8v0lb1zvq] {
    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-l8v0lb1zvq] {
    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-l8v0lb1zvq] {
    opacity: 1;
}

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

/* -- Table --------------------------------------------------- */
.ag-table-container[b-l8v0lb1zvq] {
    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-l8v0lb1zvq] {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}
.ag-notice-badge[b-l8v0lb1zvq] {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    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);
    border-radius: 9999px;
    white-space: nowrap;
}

.ag-text-muted[b-l8v0lb1zvq] {
    color: var(--text-muted);
    font-size: 0.85rem;
    font-style: italic;
}

.ag-warning-alert[b-l8v0lb1zvq] {
    display: flex;
    gap: 1rem;
    background-color: rgba(255, 152, 0, 0.1);
    border: 1px solid rgba(255, 152, 0, 0.3);
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    animation: ag-fade-in 0.3s ease-out;
}

.ag-warning-alert p[b-l8v0lb1zvq] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.4;
    color: #ff9800;
}

.ag-warning-alert i[b-l8v0lb1zvq] {
    color: #ff9800;
    flex-shrink: 0;
}
.ag-table thead tr[b-l8v0lb1zvq] {
    background-color: #f8fafc;
}

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

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

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

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

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

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

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

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

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

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

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

/* -- Input Quantity ------------------------------------------- */
.ag-input-quantity[b-l8v0lb1zvq] {
    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-l8v0lb1zvq] {
    border-color: #137fec;
    box-shadow: 0 0 0 2px rgba(19, 127, 236, 0.15);
}

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

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

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

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

.ag-progress-count[b-l8v0lb1zvq] {
    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-l8v0lb1zvq] {
    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-l8v0lb1zvq] {
    margin: 0;
}

.ag-error-alert[b-l8v0lb1zvq] {
    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-l8v0lb1zvq] {
    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-l8v0lb1zvq] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8125rem;
    color: #64748b;
}

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

/* -- Buttons ------------------------------------------------- */
.ag-btn[b-l8v0lb1zvq] {
    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-l8v0lb1zvq] {
    color: #475569;
    background: transparent;
    border: 1px solid #cbd5e1;
}

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

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

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

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

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

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

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

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

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

[data-theme="dark"] .ag-select[b-l8v0lb1zvq] {
    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-l8v0lb1zvq] {
    border-color: #1e293b;
    background-color: #0f172a;
}

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

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

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

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

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

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

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

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

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

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

[data-theme="dark"] .ag-info-alert[b-l8v0lb1zvq] {
    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-l8v0lb1zvq] {
    background-color: rgba(153, 27, 27, 0.2);
    border-color: #7f1d1d;
    color: #fca5a5;
}

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

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

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

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

/* -- Switch Toggle ------------------------------------------- */
.ag-switch[b-l8v0lb1zvq] {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 20px;
}

.ag-switch input[b-l8v0lb1zvq] {
    opacity: 0;
    width: 0;
    height: 0;
}

.ag-slider[b-l8v0lb1zvq] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #cbd5e1;
    transition: .3s;
    border-radius: 20px;
}

.ag-slider[b-l8v0lb1zvq]:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .3s;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

input:checked + .ag-slider[b-l8v0lb1zvq] {
    background-color: #137fec;
}

input:checked + .ag-slider[b-l8v0lb1zvq]:before {
    transform: translateX(16px);
}

[data-theme="dark"] .ag-slider[b-l8v0lb1zvq] {
    background-color: #334155;
}

[data-theme="dark"] .ag-slider[b-l8v0lb1zvq]:before {
    background-color: #f1f5f9;
}
/* /Components/AutoGenerarFacturasModal.razor.rz.scp.css */
/* ============================================================
   AutoGenerarFacturasModal Component Styles (Scoped)
   Sistema de tokens - Compatible con HFramework theme
   ============================================================ */

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


/* -- Layout -------------------------------------------------- */
.ag-modal-container[b-am5inq7bq3] {
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

[b-am5inq7bq3] .ag-body {
    max-height: 65vh !important;
    overflow-y: auto !important;
}

/* -- Body ---------------------------------------------------- */
.ag-body[b-am5inq7bq3] {
    flex: 1;
    max-height: 55vh;
    min-height: 300px;
    overflow-y: auto;
    padding: 1.25rem;
    background-color: rgba(248, 250, 252, 0.4);
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}

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

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

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

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

.ag-select[b-am5inq7bq3] {
    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-am5inq7bq3] {
    border-color: #137fec;
    box-shadow: 0 0 0 2px rgba(19, 127, 236, 0.15);
}

.ag-btn-add[b-am5inq7bq3] {
    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-am5inq7bq3] {
    background-color: rgba(19, 127, 236, 0.15);
}

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

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

.ag-tag[b-am5inq7bq3] {
    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-am5inq7bq3] {
    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-am5inq7bq3] {
    opacity: 1;
}

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

/* -- Table --------------------------------------------------- */
.ag-table-container[b-am5inq7bq3] {
    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-am5inq7bq3] {
    margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* -- Input Quantity ------------------------------------------- */
.ag-input-quantity[b-am5inq7bq3] {
    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-am5inq7bq3] {
    border-color: #137fec;
    box-shadow: 0 0 0 2px rgba(19, 127, 236, 0.15);
}

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

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

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

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

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

/* -- Badges -------------------------------------------------- */
.ag-badge[b-am5inq7bq3] {
    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-am5inq7bq3] {
    background-color: #eff6ff;
    color: #2563eb;
}

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

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

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

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

/* -- Status Badges ------------------------------------------- */
.ag-status[b-am5inq7bq3] {
    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-am5inq7bq3] {
    display: inline-block;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 9999px;
}

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

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

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

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

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

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

/* -- Info & Error Alerts ------------------------------------- */
.ag-info-alert[b-am5inq7bq3] {
    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-am5inq7bq3] {
    margin: 0;
}

.ag-error-alert[b-am5inq7bq3] {
    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-am5inq7bq3] {
    margin-bottom: 1rem;
}

.ag-search-input-wrapper[b-am5inq7bq3] {
    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-am5inq7bq3] {
    border-color: #137fec;
    box-shadow: 0 0 0 2px rgba(19, 127, 236, 0.15);
}

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

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

/* -- Empty State --------------------------------------------- */
.ag-empty-state[b-am5inq7bq3] {
    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-am5inq7bq3] {
    margin: 0;
    font-size: 0.875rem;
}

/* -- Footer -------------------------------------------------- */
.ag-footer[b-am5inq7bq3] {
    padding: 0.875rem 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;
    position: sticky;
    bottom: 0;
    z-index: 10;
}

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

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

/* -- Buttons ------------------------------------------------- */
.ag-btn[b-am5inq7bq3] {
    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-am5inq7bq3] {
    color: #475569;
    background: transparent;
    border: 1px solid #cbd5e1;
}

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

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

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

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

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

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

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

.ag-page-btn[b-am5inq7bq3] {
    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-am5inq7bq3] {
    background-color: #f8fafc;
}

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

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

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


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

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

[data-theme="dark"] .ag-select[b-am5inq7bq3] {
    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-am5inq7bq3] {
    border-color: #1e293b;
    background-color: #0f172a;
}

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

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

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

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

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

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

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

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

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

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

[data-theme="dark"] .ag-info-alert[b-am5inq7bq3] {
    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-am5inq7bq3] {
    background-color: rgba(153, 27, 27, 0.2);
    border-color: #7f1d1d;
    color: #fca5a5;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* -- Body ---------------------------------------------------- */
.ag-body[b-q9f2ziv64v] {
    flex: 1;
    max-height: 55vh;
    min-height: 300px;
    overflow-y: auto;
    padding: 1.25rem;
    background-color: rgba(248, 250, 252, 0.4);
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}

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

.ag-search-input-wrapper[b-q9f2ziv64v] {
    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-q9f2ziv64v] {
    border-color: #137fec;
    box-shadow: 0 0 0 2px rgba(19, 127, 236, 0.15);
}

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

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

/* -- Empty State --------------------------------------------- */
.ag-empty-state[b-q9f2ziv64v] {
    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-q9f2ziv64v] {
    margin: 0;
    font-size: 0.875rem;
}

/* -- Table --------------------------------------------------- */
.ag-table-container[b-q9f2ziv64v] {
    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-q9f2ziv64v] {
    margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* -- Badges -------------------------------------------------- */
.ag-badge[b-q9f2ziv64v] {
    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-q9f2ziv64v] {
    background-color: #eff6ff;
    color: #2563eb;
}

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

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

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

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

/* -- Status Badges ------------------------------------------- */
.ag-status[b-q9f2ziv64v] {
    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-q9f2ziv64v] {
    display: inline-block;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 9999px;
}

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

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

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

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

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

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

/* -- Download Button ----------------------------------------- */
.ag-btn-download[b-q9f2ziv64v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    background-color: #f8fafc;
    color: #3b82f6;
    cursor: pointer;
    transition: all 0.15s;
}

.ag-btn-download:hover[b-q9f2ziv64v] {
    background-color: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

/* -- Detail Cell --------------------------------------------- */
.ag-cell-detail[b-q9f2ziv64v] {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8rem;
    color: #64748b;
    cursor: default;
}

/* CSS custom property for muted color */
:root[b-q9f2ziv64v] { --ag-muted: #94a3b8; }


/* -- Footer -------------------------------------------------- */
.ag-footer[b-q9f2ziv64v] {
    padding: 0.875rem 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;
    position: sticky;
    bottom: 0;
    z-index: 10;
}

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

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

.ag-page-btn[b-q9f2ziv64v] {
    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-q9f2ziv64v] {
    background-color: #f8fafc;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tc-card[b-c8suwalp5m] {
    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-c8suwalp5m] {
    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-c8suwalp5m] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1.5rem;
}

.tc-logo-preview[b-c8suwalp5m] {
    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-c8suwalp5m] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tc-logo-remove[b-c8suwalp5m] {
    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-c8suwalp5m] {
    background-color: #dc2626;
}

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

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

.tc-file-input[b-c8suwalp5m] {
    display: block;
    width: 100%;
    font-size: 0.875rem;
    color: var(--sys-text-secondary);
}
/* /Components/ConsoleGestionContingencia.razor.rz.scp.css */
.console-grid[b-6pw266skuf] {
    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-6pw266skuf] {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
}

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

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

.docs-card[b-6pw266skuf] {
    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-6pw266skuf] {
    background-color: #1A2633;
}

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

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

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

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

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

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

.list-header[b-6pw266skuf] {
    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-6pw266skuf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

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

.count-badge[b-6pw266skuf] {
    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-6pw266skuf] {
    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-6pw266skuf] {
    position: relative;
    flex: 1 1 0%;
}

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

.search-input[b-6pw266skuf] {
    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-6pw266skuf] {
    border-color: var(--hf-primary);
}

.dropdown-wrapper[b-6pw266skuf] {
    width: 12rem;
}

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

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

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

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

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

.params-card[b-6pw266skuf] {
    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-6pw266skuf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

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

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

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

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

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

.readonly-display[b-6pw266skuf] {
    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-6pw266skuf] {
    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-6pw266skuf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.375rem;
    color: var(--hf-primary);
}

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

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

.action-container[b-6pw266skuf] {
    padding-top: 1rem;
}

.transmission-btn[b-6pw266skuf] {
    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-6pw266skuf] {
    background-color: #cbd5e1;
    /* slate-300 equivalent or hf-bg-hover */
    color: var(--hf-text-secondary);
    cursor: not-allowed;
}

.transmission-btn:not(:disabled)[b-6pw266skuf] {
    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-6pw266skuf] {
    opacity: 0.9;
}

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

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

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

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

.legal-note[b-6pw266skuf] {
    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-6pw266skuf] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

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

.legal-note-text[b-6pw266skuf] {
    font-size: 10px;
    color: var(--hf-warning);
    opacity: 0.9;
    line-height: 1.625;
    font-weight: 500;
    margin: 0;
}

/* Custom Checkbox Styling */
.list-header-actions input[type="checkbox"][b-6pw266skuf],
.table-body input[type="checkbox"][b-6pw266skuf] {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: 2px solid var(--hf-bg);
    border-radius: 4px;
    background-color: transparent;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
    display: inline-block;
    vertical-align: middle;
}

/* Ensure visibility in dark mode */
:root[data-hf-theme="dark"] .list-header-actions input[type="checkbox"][b-6pw266skuf],
:root[data-hf-theme="dark"] .table-body input[type="checkbox"][b-6pw266skuf] {
    border-color: var(--hf-bg);
    background-color: rgba(255, 255, 255, 0.05);
}

.list-header-actions input[type="checkbox"]:checked[b-6pw266skuf],
.table-body input[type="checkbox"]:checked[b-6pw266skuf] {
    background-color: var(--hf-primary) !important;
    border-color: var(--hf-primary) !important;
}

.list-header-actions input[type="checkbox"]:checked[b-6pw266skuf]::after,
.table-body input[type="checkbox"]:checked[b-6pw266skuf]::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 5px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.list-header-actions input[type="checkbox"]:hover[b-6pw266skuf],
.table-body input[type="checkbox"]:hover[b-6pw266skuf] {
    border-color: var(--hf-primary) !important;
    box-shadow: 0 0 0 4px rgba(var(--hf-primary-rgb), 0.2);
}

:root[data-hf-theme="dark"] .list-header-actions input[type="checkbox"]:hover[b-6pw266skuf],
:root[data-hf-theme="dark"] .table-body input[type="checkbox"]:hover[b-6pw266skuf] {
    border-color: var(--hf-primary) !important;
    background-color: rgba(255, 255, 255, 0.1);
}

.list-header-actions .hf-text-muted[b-6pw266skuf] {
    font-weight: 600;
    transition: color 0.2s;
}

.list-header-actions div:hover .hf-text-muted[b-6pw266skuf] {
    color: var(--hf-primary);
}
/* /Components/CorrelativoSettings.razor.rz.scp.css */
.tc-correlativo-card[b-uadacud0kr] {
    background: var(--sys-bg-app);
    border-radius: 16px;
    border: 1px solid var(--sys-bg-secondary);
    overflow: hidden;
    box-shadow: var(--sys-shadow-lg);
}

.tc-correlativo-header[b-uadacud0kr] {
    padding: 1.5rem;
    background: rgba(var(--sys-primary-rgb), 0.03);
    border-bottom: 1px solid var(--sys-bg-secondary);
}

.tc-correlativo-title-group[b-uadacud0kr] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.tc-card-title[b-uadacud0kr] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--sys-text-primary);
}

.tc-card-subtitle[b-uadacud0kr] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--sys-text-secondary);
}

.tc-correlativo-body[b-uadacud0kr] {
    padding: 1.5rem;
}

.tc-modern-table[b-uadacud0kr] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 0.5rem;
}

.tc-modern-table th[b-uadacud0kr] {
    padding: 0.75rem 1rem;
    text-align: left;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--sys-text-secondary);
    font-weight: 700;
}

.tc-modern-table tr[b-uadacud0kr] {
    background: var(--sys-bg-secondary);
    transition: background-color 0.2s ease;
}

.tc-modern-table tr:hover[b-uadacud0kr] {
    background: rgba(var(--sys-primary-rgb), 0.05);
}

.tc-modern-table td[b-uadacud0kr] {
    padding: 1rem;
    vertical-align: middle;
}

.tc-modern-table tr td:first-child[b-uadacud0kr] { border-radius: 8px 0 0 8px; }
.tc-modern-table tr td:last-child[b-uadacud0kr] { border-radius: 0 8px 8px 0; }

.tc-dte-type-badge[b-uadacud0kr] {
    display: flex;
    flex-direction: column;
}

.tc-dte-type-badge .tc-code[b-uadacud0kr] {
    font-weight: 800;
    color: var(--sys-primary);
    font-size: 0.9rem;
}

.tc-dte-type-badge .tc-name[b-uadacud0kr] {
    font-size: 0.75rem;
    color: var(--sys-text-secondary);
}

.tc-location-info[b-uadacud0kr] {
    display: flex;
    flex-direction: column;
}

.tc-location-info .tc-sucursal[b-uadacud0kr] {
    font-weight: 600;
    font-size: 0.875rem;
}

.tc-location-info .tc-pv[b-uadacud0kr] {
    font-size: 0.75rem;
    color: var(--sys-text-secondary);
}

.tc-input-compact[b-uadacud0kr] {
    max-width: 100%;
}

.tc-text-center[b-uadacud0kr] { text-align: center; }

.is-saving[b-uadacud0kr] {
    opacity: 0.7;
    pointer-events: none;
}

.tc-loader-container[b-uadacud0kr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 0;
    gap: 1rem;
}
/* /Components/CreateRoleForm.razor.rz.scp.css */
/* ===== CREATE ROLE MODAL ===== */
.create-role-modal[b-z6cc582qe0] {
    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-z6cc582qe0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 24px 32px;
    border-bottom: 1px solid #e2e8f0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-input[b-z6cc582qe0] {
    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-z6cc582qe0] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

.form-textarea[b-z6cc582qe0] {
    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-z6cc582qe0] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Custom Checkbox */
.custom-checkbox[b-z6cc582qe0] {
    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-z6cc582qe0] {
    background: #3b82f6;
    border-color: #3b82f6;
}

.custom-checkbox:checked[b-z6cc582qe0]::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-z6cc582qe0] {
    border-color: #3b82f6;
}

/* Security Note */
.security-note[b-z6cc582qe0] {
    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-z6cc582qe0] {
    background: rgba(59, 130, 246, 0.12);
    padding: 8px;
    border-radius: 8px;
    flex-shrink: 0;
}

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

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

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

.btn-cancel[b-z6cc582qe0] {
    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-z6cc582qe0] {
    background: #ffffff;
}

.btn-create[b-z6cc582qe0] {
    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-z6cc582qe0] {
    background: #2563eb;
}

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

.cf-modal-overlay[b-xrq0zf3uhk] {
    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-xrq0zf3uhk] {
    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-xrq0zf3uhk] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--sys-border-light);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.cf-title[b-xrq0zf3uhk] {
    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-xrq0zf3uhk] {
    font-size: 0.875rem;
    color: var(--sys-text-secondary);
    margin: 0.25rem 0 0 0;
}

.cf-close-btn[b-xrq0zf3uhk] {
    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-xrq0zf3uhk] {
    background-color: var(--sys-bg-secondary);
    color: var(--sys-text-primary);
}

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

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

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

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

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

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

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

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

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

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

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

.cf-input-icon[b-xrq0zf3uhk] {
    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-xrq0zf3uhk] {
    padding-left: 2.75rem !important;
}

/* Footer & Buttons */
.cf-footer[b-xrq0zf3uhk] {
    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-xrq0zf3uhk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--sys-text-secondary);
}

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

.cf-btn-primary[b-xrq0zf3uhk] {
    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-xrq0zf3uhk] {
    background-color: var(--sys-primary-hover);
    transform: translateY(-1px);
}

.cf-btn-secondary[b-xrq0zf3uhk] {
    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-xrq0zf3uhk] {
    background-color: var(--sys-bg-secondary);
}

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

/* Theme Utilities */
.text-primary[b-xrq0zf3uhk] {
    color: var(--sys-primary);
}
/* /Components/DteForms/DteDetalle.razor.rz.scp.css */
/* DteDetalle Scoped Styles */

.dte-section[b-1kfbvsd5cs] {
    padding: 1.25rem;
    background-color: var(--sys-bg-component);
    border-radius: 0.75rem;
    border: 1px solid var(--sys-border-light);
    display: flex;
    flex-direction: column;
}

.dte-section-header[b-1kfbvsd5cs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--sys-border-light);
    position: relative;
}

.dte-header-align[b-1kfbvsd5cs] {
    align-items: center;
}

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

.dte-add-product-label[b-1kfbvsd5cs] {
    align-items: center;
    font-size: var(--hf-font-size-sm);
    font-weight: 600;
    color: var(--sys-text-secondary);
}

.dte-input-container[b-1kfbvsd5cs] {
    position: relative;
    width: 30rem;
    max-width: 100%;
}

/* Original items section for 05/06 */
.dte-original-items-container[b-1kfbvsd5cs] {
    margin-bottom: 1rem;
    padding: 1rem;
    background-color: var(--sys-primary-soft);
    border: 1px solid var(--sys-primary-soft);
    border-radius: 0.5rem;
}

.dte-original-title[b-1kfbvsd5cs] {
    margin-bottom: 0.75rem;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--sys-primary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.dte-original-table th[b-1kfbvsd5cs] {
    text-align: left;
    color: var(--sys-primary);
    border-bottom: 1px solid var(--sys-primary-soft);
    padding-bottom: 0.5rem;
    font-weight: 600;
}

.dte-original-tr[b-1kfbvsd5cs] {
    border-bottom: 1px solid var(--sys-primary-soft);
}

.dte-original-tr td[b-1kfbvsd5cs] {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.dte-original-item-name[b-1kfbvsd5cs] {
    font-weight: 500;
    color: var(--sys-text-primary);
}

.dte-original-item-code[b-1kfbvsd5cs] {
    font-size: 10px;
    color: var(--sys-primary);
}

.dte-orig-btn[b-1kfbvsd5cs] {
    font-size: 10px;
    padding: 0.25rem 0.5rem;
}

.hf-btn-active-toggle[b-1kfbvsd5cs] {
    background-color: var(--sys-error-bg) !important;
    color: var(--sys-error) !important;
    border: 1px solid var(--sys-error) !important;
}

.hf-btn-active-toggle:hover[b-1kfbvsd5cs] {
    background-color: var(--sys-error) !important;
    color: white !important;
}

/* Main Detalle Table */
.dte-table-container[b-1kfbvsd5cs] {
    flex: 1;
    overflow-y: auto;
    width: 100%;
}

.dte-table[b-1kfbvsd5cs] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.dte-table-header[b-1kfbvsd5cs] {
    text-align: left;
    padding: 0.75rem 1rem;
    font-weight: 600;
    color: var(--sys-text-secondary);
    border-bottom: 1px solid var(--sys-border-light);
    font-size: 0.8125rem;
}

.dte-sub-header[b-1kfbvsd5cs] {
    font-size: 0.75rem;
    text-align: left;
    font-weight: normal;
    margin-top: 0.125rem;
    color: var(--sys-text-secondary);
}

.dte-table-row[b-1kfbvsd5cs] {
    background-color: transparent;
    transition: background-color 0.2s;
}

.dte-table-row:hover[b-1kfbvsd5cs] {
    background-color: var(--sys-bg-secondary);
}

.dte-table-cell[b-1kfbvsd5cs] {
    padding: 0.75rem 1rem;
    vertical-align: top;
    height: 1px; /* The trick to allow children to have 100% height */
}

.dte-table-cell-middle[b-1kfbvsd5cs] {
    vertical-align: middle;
}

.dte-cell-content[b-1kfbvsd5cs] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Column Widths */
.dte-col-num[b-1kfbvsd5cs] { width: 2rem; }
.dte-col-actions[b-1kfbvsd5cs] { width: 4rem; }
.dte-col-qty[b-1kfbvsd5cs] { width: 5rem; padding-left: 0.5rem; padding-right: 0.5rem; }
.dte-col-product[b-1kfbvsd5cs] { width: 40%; }
.dte-col-price[b-1kfbvsd5cs] { width: 14rem; }
.dte-col-total[b-1kfbvsd5cs] { width: 7rem; padding-right: 1.5rem; }

.dte-font-medium[b-1kfbvsd5cs] {
    font-weight: 500;
}

.dte-actions-cell[b-1kfbvsd5cs] {
    padding-left: 0;
    padding-right: 0.25rem;
}

.dte-qty-input-wrapper[b-1kfbvsd5cs] {
    width: 4rem;
    margin: 0 auto;
}

/* Product Detalle row content */
.dte-product-row[b-1kfbvsd5cs] {
    position: relative;
    width: 100%;
    font-weight: bold;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--hf-border-color);
}

/* Toggles and Number Boxes */
.dte-discount-row[b-1kfbvsd5cs] {
    justify-content: flex-end;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--hf-border-color);
}

.dte-price-row[b-1kfbvsd5cs] {
    justify-content: flex-end;
}

.dte-toggle-container[b-1kfbvsd5cs] {
    display: flex;
    align-items: center;
    background-color: var(--sys-bg-surface);
    width: 11rem;
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    overflow: visible;
}

.dte-num-input-flex[b-1kfbvsd5cs] {
    flex: 1;
    padding-right: 0.25rem;
    border-top-left-radius: var(--hf-radius-md);
    border-bottom-left-radius: var(--hf-radius-md);
}

.dte-bold-red-input[b-1kfbvsd5cs] {
    font-weight: bold;
    border: none !important;
    background: transparent !important;
    color: var(--hf-danger) !important;
    padding: 0 !important;
}

.dte-search-toggle[b-1kfbvsd5cs] {
    display: flex;
    align-items: center;
    align-self: stretch;
    padding: 0.125rem;
    border-top-right-radius: var(--hf-radius-md);
    border-bottom-right-radius: var(--hf-radius-md);
}

.dte-search-toggle-option[b-1kfbvsd5cs] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    width: 2rem;
    cursor: pointer;
    font-size: 0.75rem;
    border-radius: var(--hf-radius-sm);
    transition: all 0.2s;
}

.dte-search-toggle-option.active[b-1kfbvsd5cs] {
    background-color: var(--sys-primary);
    color: white;
}

.dte-btn-link[b-1kfbvsd5cs] {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.15s;
}

.dte-btn-link:disabled[b-1kfbvsd5cs] {
    cursor: not-allowed;
    opacity: 0.5;
}

.dte-price-box[b-1kfbvsd5cs] {
    align-items: center;
    background-color: var(--sys-bg-surface);
    width: 11rem;
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    padding-right: 0.25rem;
}

.dte-bold-blue-input[b-1kfbvsd5cs] {
    font-weight: bold;
    border: none !important;
    color: #1e40af !important;
}

.dte-price-edit-btn[b-1kfbvsd5cs] {
    padding: 0.375rem;
    border-radius: var(--hf-radius-sm);
    background: transparent;
    border: none;
    cursor: pointer;
}

.dte-total-cell[b-1kfbvsd5cs] {
    padding-right: 1.5rem !important;
}

.dte-total-text[b-1kfbvsd5cs] {
    font-size: 1.125rem;
    font-weight: bold;
    color: var(--sys-text-primary);
}

/* Custom icon colors */
.dte-text-danger[b-1kfbvsd5cs] {
    color: var(--sys-error);
}

/* Dropdown fix for visibility and z-index */
[b-1kfbvsd5cs] .hf-combo-box__dropdown, 
[b-1kfbvsd5cs] .hf-select-dropdown {
    background-color: var(--sys-bg-component) !important;
    border: 1px solid var(--sys-border-light) !important;
    box-shadow: var(--hf-card-shadow) !important;
}

@media (max-width: 640px) {
    .dte-input-container[b-1kfbvsd5cs] {
        width: 100%;
    }
}
/* /Components/DteForms/DteIdentificacion.razor.rz.scp.css */
.dte-lock-btn[b-d4th3k6glr] {
    padding: 0.25rem;
    border-radius: var(--hf-radius-sm);
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--sys-text-muted);
    transition: color 0.2s, background-color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dte-lock-btn:hover[b-d4th3k6glr] {
    background-color: var(--sys-bg-secondary);
    color: var(--sys-primary);
}

.hf-justify-between[b-d4th3k6glr] {
    justify-content: space-between;
}

.hf-items-center[b-d4th3k6glr] {
    align-items: center;
}
/* /Components/DteInvalidationConsole.razor.rz.scp.css */
.filters-section[b-pzby9m26ju] {
    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-pzby9m26ju] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

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

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

.search-input-icon[b-pzby9m26ju] {
    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-pzby9m26ju] {
    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-pzby9m26ju] {
    border-color: var(--hf-primary);
}

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

/* Results section */
.results-section[b-pzby9m26ju] {
    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-pzby9m26ju] {
    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-pzby9m26ju] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--hf-primary);
    margin: 0;
}

.results-count[b-pzby9m26ju] {
    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-pzby9m26ju] {
    font-weight: 700;
    color: var(--hf-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Status Pills */
.status-pill[b-pzby9m26ju] {
    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-pzby9m26ju] {
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
}

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

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

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

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

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

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

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

.btn-invalidar[b-pzby9m26ju] {
    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-pzby9m26ju] {
    background-color: var(--hf-danger);
    color: white;
}

.btn-locked[b-pzby9m26ju] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* /Components/DteManagement.razor.rz.scp.css */
.page-container[b-cgm91zllo2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background-color: var(--hf-bg);
    height: 100%;
}

.filters-section[b-cgm91zllo2] {
    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-cgm91zllo2] {
    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-cgm91zllo2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filters-title[b-cgm91zllo2] {
    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-cgm91zllo2] {
    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-cgm91zllo2] {
    text-decoration: underline;
}

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

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

@media (max-width: 767px) {
    .filters-grid[b-cgm91zllo2] {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.filter-field[b-cgm91zllo2] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    justify-content: flex-end;
}

.filter-label[b-cgm91zllo2] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--hf-text-secondary);
    text-transform: uppercase;
}

.col-date-range[b-cgm91zllo2] { grid-column: span 3; }
.col-dte-type[b-cgm91zllo2] { grid-column: span 2; }
.col-customer[b-cgm91zllo2] { grid-column: span 3; }
.col-branch[b-cgm91zllo2] { grid-column: span 2; }
.col-status[b-cgm91zllo2] { grid-column: span 1; }
.col-action[b-cgm91zllo2] { grid-column: span 1; }

@media (max-width: 1023px) {
    .col-date-range[b-cgm91zllo2], .col-dte-type[b-cgm91zllo2], .col-customer[b-cgm91zllo2], .col-branch[b-cgm91zllo2], .col-status[b-cgm91zllo2], .col-action[b-cgm91zllo2] {
        grid-column: span 1;
    }
}

.date-range-inputs[b-cgm91zllo2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.stats-grid[b-cgm91zllo2] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    flex-shrink: 0;
}

@media (max-width: 767px) {
    .stats-grid[b-cgm91zllo2] {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.stat-card[b-cgm91zllo2] {
    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-cgm91zllo2] {
    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-cgm91zllo2] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 0.25rem;
}

.stat-value[b-cgm91zllo2] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--hf-primary);
    margin: 0;
}

.stat-value.text-warning[b-cgm91zllo2] {
    color: var(--hf-warning);
}

.acceptance-progress-group[b-cgm91zllo2] {
    display: flex;
    align-items: center;
    flex: 1 1 0%;
}

.progress-bar-container[b-cgm91zllo2] {
    height: 0.5rem;
    width: 100%;
    background-color: var(--hf-bg);
    border-radius: 9999px;
    overflow: hidden;
}

.progress-fill[b-cgm91zllo2] {
    height: 100%;
    background-color: var(--hf-success);
}

.grid-section[b-cgm91zllo2] {
    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-cgm91zllo2] {
    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[b-cgm91zllo2] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--hf-primary);
    margin: 0;
}

.grid-content-wrapper[b-cgm91zllo2] {
    flex: 1 1 0%;
    overflow: auto;
}

.row-title[b-cgm91zllo2] {
    font-weight: 500;
    color: var(--hf-text-primary);
    margin: 0;
}

.row-subtitle[b-cgm91zllo2] {
    font-size: 0.75rem;
    color: var(--hf-text-secondary);
    text-transform: uppercase;
    margin: 0;
}

.row-uuid[b-cgm91zllo2] {
    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-cgm91zllo2] {
    font-weight: 700;
    color: var(--hf-text-primary);
}

.action-btns[b-cgm91zllo2] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25rem;
}

.icon-btn[b-cgm91zllo2] {
    color: var(--hf-text-secondary);
    padding: 0.5rem;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: color 0.2s;
}

.icon-btn:hover[b-cgm91zllo2] {
    color: var(--hf-primary);
}
/* /Components/DteReportModal.razor.rz.scp.css */
.report-modal[b-fal4sf4yhu] { display: flex; flex-direction: column; height: 80vh; gap: 1rem; }
.report-tabs[b-fal4sf4yhu] { display: flex; gap: 0.5rem; border-bottom: 1px solid var(--sys-border-light); padding-bottom: 0.5rem; }
.tab-btn[b-fal4sf4yhu] { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; border: none; background: none; cursor: pointer; color: var(--sys-text-muted); font-weight: 600; border-radius: 6px; transition: 0.2s; }
.tab-btn.active[b-fal4sf4yhu] { background: var(--sys-primary-soft); color: var(--sys-primary); }
.report-content[b-fal4sf4yhu] { flex: 1; overflow-y: auto; background: var(--sys-bg-app); border-radius: 8px; padding: 1.5rem; }

/* HTML Report Styles */
.html-report-view[b-fal4sf4yhu] { background: white; color: #1e293b; padding: 2rem; border-radius: 4px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); min-height: 100%; border: 1px solid #e2e8f0; }
.report-header[b-fal4sf4yhu] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 2rem; border-bottom: 2px solid #3b82f6; padding-bottom: 1rem; }
.company-name[b-fal4sf4yhu] { font-size: 1.5rem; font-weight: 800; color: #1e3a8a; margin: 0; }
.company-subtitle[b-fal4sf4yhu] { font-size: 0.875rem; color: #64748b; margin: 0; font-weight: 600; }
.report-meta p[b-fal4sf4yhu] { margin: 0; font-size: 0.75rem; text-align: right; }

.report-table[b-fal4sf4yhu] { width: 100%; border-collapse: collapse; margin-top: 1rem; }
.report-table th[b-fal4sf4yhu] { text-align: left; background: #f8fafc; padding: 0.75rem; font-size: 0.75rem; text-transform: uppercase; color: #475569; border-bottom: 1px solid #e2e8f0; }
.report-table td[b-fal4sf4yhu] { padding: 0.75rem; border-bottom: 1px solid #f1f5f9; font-size: 0.875rem; }
.vendor-cell[b-fal4sf4yhu] { display: flex; flex-direction: column; }
.vendor-name[b-fal4sf4yhu] { font-weight: 600; color: #1e40af; }
.vendor-nrc[b-fal4sf4yhu] { font-size: 0.75rem; color: #64748b; }
.doc-badge[b-fal4sf4yhu] { background: #eff6ff; color: #2563eb; padding: 2px 8px; border-radius: 4px; font-family: monospace; font-size: 0.75rem; border: 1px solid #dbeafe; }

.text-right[b-fal4sf4yhu] { text-align: right; }
.font-bold[b-fal4sf4yhu] { font-weight: 700; }
.total-highlight[b-fal4sf4yhu] { background: #f8fafc; color: #1e3a8a; }
.total-grand[b-fal4sf4yhu] { font-size: 1rem; color: #1d4ed8; }

/* PDF View */
.pdf-report-view[b-fal4sf4yhu] { height: 100%; }
.pdf-frame[b-fal4sf4yhu] { width: 100%; height: 100%; border: none; border-radius: 4px; }
.pdf-loading[b-fal4sf4yhu] { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; color: var(--sys-text-muted); }
.h-spinner[b-fal4sf4yhu] { width: 32px; height: 32px; border: 3px solid var(--sys-border-light); border-top-color: var(--sys-primary); border-radius: 50%; animation: h-spin-b-fal4sf4yhu 0.8s linear infinite; }
@keyframes h-spin-b-fal4sf4yhu { to { transform: rotate(360deg); } }

.report-footer[b-fal4sf4yhu] { display: flex; justify-content: space-between; padding-top: 1rem; border-top: 1px solid var(--sys-border-light); }
/* /Components/DteTenantConfig.razor.rz.scp.css */
/* DteTenantConfig Scoped Styles */

.tc-card[b-en1tjxtalg] {
    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-en1tjxtalg] {
    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-en1tjxtalg] {
    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-en1tjxtalg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.tc-mt-4[b-en1tjxtalg] {
    margin-top: 1rem;
}

.cert-status-ready[b-en1tjxtalg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem;
    background-color: rgba(16, 185, 129, 0.05);
    border: 1px solid rgba(16, 185, 129, 0.2);
    border-radius: 0.5rem;
}

.cert-info[b-en1tjxtalg] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.cert-icon-success[b-en1tjxtalg] {
    color: #10b981;
}

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

.cert-subtitle[b-en1tjxtalg] {
    font-size: 0.875rem;
    margin: 0.25rem 0 0 0;
    color: var(--sys-text-secondary);
}
/* /Components/DteTimelineHistory.razor.rz.scp.css */
.history-layout[b-3g63lshx56] {
    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-3g63lshx56] {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

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

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

.empty-state[b-3g63lshx56] {
    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-3g63lshx56] {
    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-3g63lshx56] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--hf-primary);
    margin-bottom: 0.5rem;
    margin-top: 0;
}

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

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

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

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

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

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

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

.header-title[b-3g63lshx56] {
    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-3g63lshx56] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.type-badge[b-3g63lshx56] {
    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-3g63lshx56] {
    color: var(--hf-text-secondary);
    font-size: 0.875rem;
    font-weight: 500;
    margin: 0;
}

/* Summary Card */
.summary-card[b-3g63lshx56] {
    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-3g63lshx56] {
    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-3g63lshx56] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem;
}

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

.summary-item[b-3g63lshx56] {
    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-3g63lshx56] {
    border-color: rgba(var(--hf-primary-rgb), 0.1);
}

.item-label[b-3g63lshx56] {
    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-3g63lshx56] {
    font-size: 1.25rem;
    font-weight: 900;
    color: var(--hf-primary);
    margin: 0;
}

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

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

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

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

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

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

.event-card[b-3g63lshx56] {
    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-3g63lshx56] {
    opacity: 0.8;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* MH Stamp Area */
.mh-stamp-area[b-3g63lshx56] {
    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-3g63lshx56] {
        padding-top: 0;
        border-top: none;
        border-left: 1px solid rgba(var(--hf-primary-rgb), 0.1);
        padding-left: 1.5rem;
    }
}

.stamp-label[b-3g63lshx56] {
    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-3g63lshx56] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.stamp-code[b-3g63lshx56] {
    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-3g63lshx56] {
    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 */

.pf-container[b-3dmwt4oty8] {
    width: 100%;
    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 */
.pf-header[b-3dmwt4oty8] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--sys-border-light);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

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

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

.pf-close-btn[b-3dmwt4oty8] {
    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;
}

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

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

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

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

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

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

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

.pf-col-span-2[b-3dmwt4oty8] {
    grid-column: 1 / -1;
}

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

.pf-mt-8[b-3dmwt4oty8] {
    margin-top: 2rem;
}

/* Form Controls */
.pf-input[b-3dmwt4oty8] {
    width: 100%;
}

/* Footer & Buttons */
.pf-footer[b-3dmwt4oty8] {
    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);
}

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

.pf-footer-actions[b-3dmwt4oty8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.pf-info-text[b-3dmwt4oty8] {
    font-size: 0.75rem;
}

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

/* Header */
.pdf-modal-header[b-82gbkc1vwk] {
    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-82gbkc1vwk] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.pdf-modal-logo[b-82gbkc1vwk] {
    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-82gbkc1vwk] {
    font-size: 0.875rem;
    font-weight: 800;
    color: var(--hf-text-primary, #111418);
    text-transform: uppercase;
    margin: 0;
}

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

.pdf-modal-doctype[b-82gbkc1vwk] {
    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-82gbkc1vwk] {
    color: var(--hf-primary, #137fec);
    font-size: 0.8125rem;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
}

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

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

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

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

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

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

.pdf-modal-info-title[b-82gbkc1vwk] {
    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-82gbkc1vwk] {
    font-size: 0.625rem;
    color: #111418;
    margin: 0.25rem 0;
}

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

/* Date */
.pdf-modal-date[b-82gbkc1vwk] {
    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-82gbkc1vwk] {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid var(--hf-border, #dbe0e6);
    flex: 1;
}

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

.pdf-modal-table th[b-82gbkc1vwk] {
    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-82gbkc1vwk] {
    padding: 0.5rem 0.625rem;
    font-size: 0.625rem;
    color: #111418;
    border-bottom: 1px solid #f0f2f4;
    border-right: 1px solid #dbe0e6;
}

.text-right[b-82gbkc1vwk] {
    text-align: right;
}

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

.pdf-modal-words[b-82gbkc1vwk] {
    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-82gbkc1vwk] {
    font-size: 0.5625rem;
    font-weight: 700;
    color: #617589;
    text-transform: uppercase;
    margin: 0 0 0.375rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-resend[b-82gbkc1vwk] {
    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-82gbkc1vwk] {
    background: #0f63c4;
}
/* /Components/GeneralTenantData.razor.rz.scp.css */
/* GeneralTenantData Scoped Styles */

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

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

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

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

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

.tc-card[b-pk7vp2o5yf] {
    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-pk7vp2o5yf] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.tc-card-title[b-pk7vp2o5yf] {
    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-pk7vp2o5yf] {
    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-pk7vp2o5yf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

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

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

.tc-badge[b-pk7vp2o5yf] {
    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-pk7vp2o5yf] {
    background-color: #ecfdf5;
    color: #065f46;
}

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

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

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

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

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

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

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

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

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

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

/* Environment Badges */
.tc-env-alert[b-pk7vp2o5yf] {
    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-pk7vp2o5yf] {
    background-color: #fffbeb;
    border-color: #fde68a;
    color: #92400e;
}

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

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

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

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

.tc-w-full[b-pk7vp2o5yf] {
    width: 100%;
}
/* /Components/GlobalCompanySelector.razor.rz.scp.css */
/* GlobalCompanySelector Premium Styles - Duplicating Sucursal style */

.com-container[b-pyien35lt9] {
    width: 100%;
    max-width: 800px;
    max-height: 90vh;
    background-color: var(--sys-bg-component);
    border-radius: 1.25rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--sys-border-light);
    margin: 0 auto;
}

/* Header */
.com-header[b-pyien35lt9] {
    padding: 1.5rem 2rem;
    background: linear-gradient(to right, var(--sys-bg-component), var(--sys-bg-secondary));
    border-bottom: 1px solid var(--sys-border-light);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.com-title[b-pyien35lt9] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--sys-text-primary);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
    letter-spacing: -0.02em;
}

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

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

.com-close-btn[b-pyien35lt9] {
    padding: 0.5rem;
    color: var(--sys-text-muted);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--sys-border-light);
    border-radius: 0.75rem;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.com-close-btn:hover[b-pyien35lt9] {
    background-color: var(--sys-error-light);
    color: var(--sys-error);
    border-color: var(--sys-error-light);
}

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

.com-search-input[b-pyien35lt9] {
    width: 100%;
    padding: 0.875rem 1.25rem;
    background-color: var(--sys-bg-component);
    border: 1px solid var(--sys-border-light);
    border-radius: 0.75rem;
    color: var(--sys-text-primary);
    font-size: 0.9375rem;
    transition: all 0.2s;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
}

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

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

.com-section[b-pyien35lt9] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.com-section-title[b-pyien35lt9] {
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--sys-text-muted);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.com-section-title[b-pyien35lt9]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--sys-border-light);
}

/* Platform Card - Premium */
.platform-card[b-pyien35lt9] {
    position: relative;
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(var(--sys-primary-rgb), 0.1) 0%, rgba(var(--sys-primary-rgb), 0.02) 100%);
    border: 2px solid var(--sys-primary);
    border-radius: 1rem;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.platform-card:hover[b-pyien35lt9] {
    transform: translateY(-4px);
    box-shadow: 0 12px 20px -8px rgba(var(--sys-primary-rgb), 0.3);
    background: linear-gradient(135deg, rgba(var(--sys-primary-rgb), 0.15) 0%, rgba(var(--sys-primary-rgb), 0.05) 100%);
}

/* Grid for Companies */
.com-grid[b-pyien35lt9] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.25rem;
}

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

.company-card[b-pyien35lt9] {
    background-color: var(--sys-bg-component);
    border: 1px solid var(--sys-border-light);
    border-radius: 1rem;
    padding: 1.25rem;
    cursor: pointer;
    transition: all 0.25s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    width: 100%;
}

.company-card:hover[b-pyien35lt9] {
    border-color: var(--sys-primary);
    background-color: var(--sys-bg-secondary);
    transform: translateY(-2px);
    box-shadow: 0 8px 15px -5px rgba(0, 0, 0, 0.1);
}

.company-card.demo-card[b-pyien35lt9] {
    background: linear-gradient(135deg, #eff6ff 0%, #ffffff 100%);
    border: 1px dashed var(--sys-primary);
}

.card-icon[b-pyien35lt9] {
    width: 3.5rem;
    height: 3.5rem;
    background-color: var(--sys-bg-secondary);
    border-radius: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--sys-primary);
    flex-shrink: 0;
}

.platform-card .card-icon[b-pyien35lt9] {
    background-color: var(--sys-primary);
    color: white;
}

.card-info[b-pyien35lt9] {
    flex: 1;
    margin-left: 1.25rem;
}

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

.card-domain[b-pyien35lt9] {
    font-size: 0.8125rem;
    color: var(--sys-text-secondary);
    margin: 0.125rem 0 0 0;
}

.card-tag[b-pyien35lt9] {
    display: inline-block;
    font-size: 0.625rem;
    font-weight: 800;
    padding: 0.25rem 0.625rem;
    border-radius: 2rem;
    margin-top: 0.5rem;
    text-transform: uppercase;
}

.tag-platform[b-pyien35lt9] { background-color: var(--sys-primary); color: white; }
.tag-demo[b-pyien35lt9] { background-color: #dcfce7; color: #166534; }
.tag-business[b-pyien35lt9] { background-color: #f1f5f9; color: #475569; }

/* Footer */
.com-footer[b-pyien35lt9] {
    padding: 1.25rem 2rem;
    background-color: var(--sys-bg-secondary);
    border-top: 1px solid var(--sys-border-light);
    display: flex;
    justify-content: flex-end;
}

.spinner-small[b-pyien35lt9] {
    width: 20px;
    height: 20px;
    border: 3px solid rgba(var(--sys-primary-rgb), 0.1);
    border-top-color: var(--sys-primary);
    border-radius: 50%;
    animation: spin-b-pyien35lt9 1s linear infinite;
}

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

/* Sidebar trigger specific */
.company-selector[b-pyien35lt9] {
    width: 100%;
    text-align: left;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}
/* /Components/HistorialEventosContingencia.razor.rz.scp.css */
.history-layout[b-qutj5iu36h] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: 100%;
    padding-bottom: 2rem;
}

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

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

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

.stats-badge[b-qutj5iu36h] {
    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-qutj5iu36h] {
    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-qutj5iu36h] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
    align-items: flex-end;
}

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

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

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

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

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

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

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

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

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

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

.search-input[b-qutj5iu36h] {
    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-qutj5iu36h] {
    border-color: var(--hf-primary);
}

.grid-container[b-qutj5iu36h] {
    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-qutj5iu36h] {
    text-align: center;
    color: var(--hf-text-secondary);
    padding: 3rem;
}

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

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

.row-time[b-qutj5iu36h] {
    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-qutj5iu36h] {
    max-width: 20rem;
}

.row-message[b-qutj5iu36h] {
    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-qutj5iu36h] {
    color: var(--hf-danger);
    font-weight: 500;
}

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

.sello-tag[b-qutj5iu36h] {
    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-qutj5iu36h] {
    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-qutj5iu36h] {
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 9999px;
}

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

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

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

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

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

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

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

.user-avatar[b-qutj5iu36h] {
    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-qutj5iu36h] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--hf-text-primary);
    margin: 0;
}

.action-row[b-qutj5iu36h] {
    display: flex;
    justify-content: flex-end;
    padding-top: 0.25rem;
}
/* /Components/InvalidacionModal.razor.rz.scp.css */
/* Invalidation Modal Scoped CSS */

/* 
 * CRITICAL FIX: Direct override of library's modal body 
 * Using ::deep to jump out of the Blazor scope and hit HFramework classes
 */
[b-9g3bb18bo3] .hf-modal-body {
    overflow: visible !important;
    max-height: none !important;
    padding: 0 !important;
}

/* Our internal container that now handles the space */
.modal-form-container[b-9g3bb18bo3] {
    padding: 1.5rem;
    background-color: var(--sys-bg-app);
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.info-banner[b-9g3bb18bo3] {
    background: var(--sys-bg-surface);
    padding: 1rem;
    border-bottom: 1px solid var(--sys-border);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.banner-grid[b-9g3bb18bo3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
}

.banner-item[b-9g3bb18bo3] {
    display: flex;
    flex-direction: column;
}

.banner-label[b-9g3bb18bo3] {
    display: block;
    font-size: 0.75rem;
    color: var(--sys-text-secondary);
    text-transform: uppercase;
}

.banner-value[b-9g3bb18bo3] {
    font-weight: 600;
}

.banner-value-mono[b-9g3bb18bo3] {
    font-family: monospace;
}

.banner-value-primary[b-9g3bb18bo3] {
    font-weight: 700;
    color: var(--sys-primary);
}

.banner-value-truncate[b-9g3bb18bo3] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.section-bar[b-9g3bb18bo3] {
    width: 4px;
    height: 1.25rem;
    background: var(--sys-primary);
    border-radius: 2px;
}

.section-title[b-9g3bb18bo3] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.required-asterisk[b-9g3bb18bo3] {
    color: var(--sys-error);
}

.error-banner[b-9g3bb18bo3] {
    background: rgba(var(--sys-error-rgb), 0.1);
    color: var(--sys-error);
    padding: 0.75rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-top: 1px solid rgba(var(--sys-error-rgb), 0.2);
}

.error-text[b-9g3bb18bo3] {
    font-size: 0.875rem;
}

.footer-content[b-9g3bb18bo3] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--sys-border);
    background: var(--sys-bg-surface);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.footer-info[b-9g3bb18bo3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--sys-text-secondary);
    font-size: 0.75rem;
}
/* /Components/ItemForm.razor.rz.scp.css */
/* ItemForm Scoped Styles */

.cf-modal-overlay[b-gwaq705mq7] {
    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-gwaq705mq7] {
    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-gwaq705mq7] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--sys-border-light);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.cf-title[b-gwaq705mq7] {
    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-gwaq705mq7] {
    font-size: 0.875rem;
    color: var(--sys-text-secondary);
    margin: 0.25rem 0 0 0;
}

.cf-close-btn[b-gwaq705mq7] {
    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-gwaq705mq7] {
    background-color: var(--sys-bg-secondary);
    color: var(--sys-text-primary);
}

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

/* Alerts */
.cf-error-alert[b-gwaq705mq7] {
    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-gwaq705mq7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

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

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

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

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

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

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

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

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

/* Footer & Buttons */
.cf-footer[b-gwaq705mq7] {
    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-gwaq705mq7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--sys-text-secondary);
}

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

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

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

.text-primary[b-gwaq705mq7] {
    color: var(--sys-primary);
}
/* /Components/ManageAccountantAccessModal.razor.rz.scp.css */
.accountant-header[b-fmbnfjob4j] {
    background: rgba(var(--hf-primary-rgb), 0.05);
    border: 1px solid rgba(var(--hf-primary-rgb), 0.1);
}

.avatar-circle[b-fmbnfjob4j] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--hf-primary);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: bold;
    box-shadow: 0 4px 10px rgba(var(--hf-primary-rgb), 0.3);
}

.companies-list[b-fmbnfjob4j] {
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.company-item[b-fmbnfjob4j] {
    transition: background 0.2s ease;
}

.company-item:hover[b-fmbnfjob4j] {
    background: rgba(255, 255, 255, 0.05);
}

.loading-state[b-fmbnfjob4j] {
    color: var(--hf-text-gray-500);
    font-style: italic;
}

/* Custom badges/banners if not global */
.error-banner[b-fmbnfjob4j] {
    background: rgba(255, 69, 0, 0.1);
    border: 1px solid rgba(255, 69, 0, 0.2);
    color: #ff4500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.85rem;
}
/* /Components/Portal/AccountantSummary.razor.rz.scp.css */
.portal-dashboard[b-yzgb3sfznt] {
    padding: 1.5rem;
    animation: fadeIn-b-yzgb3sfznt 0.4s ease-out;
}

.portal-hero[b-yzgb3sfznt] {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    border-radius: 1.5rem;
    padding: 2.5rem;
    color: white;
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

.portal-hero[b-yzgb3sfznt]::after {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(59, 130, 246, 0.2) 0%, transparent 70%);
    pointer-events: none;
}

.hero-title[b-yzgb3sfznt] {
    font-size: 1.875rem;
    font-weight: 800;
    margin-bottom: 0.75rem;
    letter-spacing: -0.025em;
}

.hero-subtitle[b-yzgb3sfznt] {
    font-size: 1rem;
    opacity: 0.8;
    max-width: 600px;
    line-height: 1.6;
}

.hero-badge[b-yzgb3sfznt] {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    padding: 1rem 1.5rem;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.portal-stats-grid[b-yzgb3sfznt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2.5rem;
}

.portal-stat-card[b-yzgb3sfznt] {
    background: white;
    border-radius: 1.25rem;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    border: 1px solid #f1f5f9;
    transition: transform 0.2s;
}

.portal-stat-card:hover[b-yzgb3sfznt] {
    transform: translateY(-4px);
}

.stat-icon[b-yzgb3sfznt] {
    width: 56px;
    height: 56px;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stat-label[b-yzgb3sfznt] {
    font-size: 0.875rem;
    color: #64748b;
    font-weight: 500;
}

.stat-value[b-yzgb3sfznt] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}

.section-title[b-yzgb3sfznt] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 1.25rem;
    padding-left: 0.5rem;
}

.actions-grid[b-yzgb3sfznt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 1.5rem;
}

.action-card[b-yzgb3sfznt] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 1.25rem;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    text-align: left;
    cursor: pointer;
    transition: all 0.2s;
    width: 100%;
}

.action-card:hover[b-yzgb3sfznt] {
    border-color: #3b82f6;
    background: #f8faff;
    box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.1);
}

.action-icon[b-yzgb3sfznt] {
    background: #f1f5f9;
    color: #334155;
    width: 60px;
    height: 60px;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.action-card:hover .action-icon[b-yzgb3sfznt] {
    background: #3b82f6;
    color: white;
}

.action-text h4[b-yzgb3sfznt] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700;
    color: #1e293b;
}

.action-text p[b-yzgb3sfznt] {
    margin: 0.25rem 0 0;
    font-size: 0.875rem;
    color: #64748b;
}

.arrow[b-yzgb3sfznt] {
    margin-left: auto;
    opacity: 0.3;
    transition: all 0.2s;
}

.action-card:hover .arrow[b-yzgb3sfznt] {
    opacity: 1;
    color: #3b82f6;
    transform: translateX(4px);
}

@keyframes fadeIn-b-yzgb3sfznt {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
/* /Components/ProcesamientoAutomaticoCompras.razor.rz.scp.css */
/* ProcesamientoAutomaticoCompras.razor.css */

.auto-processor-container[b-j1j3hs06vg] {
    display: flex;
    flex-direction: column;
    gap: var(--hf-spacing-6);
    width: 100%;
    animation: fadeIn-b-j1j3hs06vg 0.4s ease-out;
}

@keyframes fadeIn-b-j1j3hs06vg {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.proc-header[b-j1j3hs06vg] {
    margin-bottom: var(--hf-spacing-4);
}

.hf-h1[b-j1j3hs06vg] {
    font-size: 1.875rem;
    font-weight: 800;
    color: var(--sys-text-primary);
    letter-spacing: -0.025em;
    margin-bottom: 0.5rem;
}

/* Header & Controls */
.header-controls[b-j1j3hs06vg] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--hf-spacing-4);
    margin-bottom: var(--hf-spacing-6);
}

.fetch-controls-bar[b-j1j3hs06vg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    width: 100%;
}

.date-range-picker[b-j1j3hs06vg] {
    display: flex;
    align-items: center;
    gap: var(--hf-spacing-2);
    background: var(--sys-bg-component);
    border: 1px solid var(--sys-border-light);
    padding: 0.25rem;
    border-radius: var(--hf-radius-md);
    box-shadow: var(--sys-elevation-1);
}

.date-input-group[b-j1j3hs06vg] {
    padding: 0.5rem 0.75rem;
    display: flex;
    flex-direction: column;
}

.date-label[b-j1j3hs06vg] {
    font-size: 10px;
    font-weight: 800;
    color: var(--sys-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 2px;
}

.hf-input-date[b-j1j3hs06vg] {
    border: none;
    background: transparent;
    font-size: var(--hf-font-size-sm);
    color: var(--sys-text-primary);
    padding: 0;
    outline: none;
    cursor: pointer;
}

.date-divider[b-j1j3hs06vg] {
    width: 1px;
    height: 2rem;
    background: var(--sys-border-light);
}

/* Progress Section */
.sync-progress-card[b-j1j3hs06vg] {
    background: var(--sys-bg-component);
    border: 1px solid var(--sys-border-light);
    border-radius: var(--hf-radius-md);
    padding: var(--hf-spacing-4);
    box-shadow: var(--sys-elevation-1);
}

.progress-header[b-j1j3hs06vg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--hf-spacing-2);
}

.sync-status-text[b-j1j3hs06vg] {
    display: flex;
    align-items: center;
    gap: var(--hf-spacing-2);
    font-size: var(--hf-font-size-sm);
    color: var(--sys-text-secondary);
    font-weight: 600;
}

.status-dot[b-j1j3hs06vg] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--sys-primary);
    position: relative;
}

.status-dot-ping[b-j1j3hs06vg] {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--sys-primary);
    opacity: 0.6;
    animation: ping-b-j1j3hs06vg 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes ping-b-j1j3hs06vg {
    75%, 100% { transform: scale(2); opacity: 0; }
}

.progress-bar-container[b-j1j3hs06vg] {
    width: 100%;
    height: 8px;
    background: var(--sys-bg-app);
    border-radius: 9999px;
    overflow: hidden;
}

.progress-bar-fill[b-j1j3hs06vg] {
    height: 100%;
    background: linear-gradient(90deg, var(--sys-primary), #60a5fa);
    border-radius: 9999px;
    transition: width 0.5s ease-in-out;
}

/* Bento Grid Stats */
.stats-grid[b-j1j3hs06vg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--hf-spacing-4);
    margin-bottom: var(--hf-spacing-6);
}

.stat-card[b-j1j3hs06vg] {
    background: var(--sys-bg-component);
    border: 1px solid var(--sys-border-light);
    padding: var(--hf-spacing-5);
    border-radius: var(--hf-radius-md);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    transition: transform 0.2s, box-shadow 0.2s;
}

.stat-card:hover[b-j1j3hs06vg] {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
}

.stat-label[b-j1j3hs06vg] {
    font-size: 11px;
    font-weight: 700;
    color: var(--sys-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.stat-value[b-j1j3hs06vg] {
    font-size: 2.25rem;
    font-weight: 800;
    color: var(--sys-text-primary);
    line-height: 1;
}

.stat-value.primary[b-j1j3hs06vg] { color: var(--sys-primary); }
.stat-value.muted[b-j1j3hs06vg] { color: var(--sys-text-muted); }

.stat-footer[b-j1j3hs06vg] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 12px;
    font-weight: 600;
}

.text-success[b-j1j3hs06vg] { color: var(--sys-success); }
.text-secondary[b-j1j3hs06vg] { color: var(--sys-text-secondary); }

.action-card[b-j1j3hs06vg] {
    background: linear-gradient(135deg, var(--sys-primary), #1e40af);
    color: white;
    cursor: pointer;
    justify-content: space-between;
}

.action-card:hover[b-j1j3hs06vg] {
    background: linear-gradient(135deg, #1d4ed8, #1e3a8a);
}

.action-card .stat-label[b-j1j3hs06vg] { color: rgba(255, 255, 255, 0.7); }
.action-card .stat-value[b-j1j3hs06vg] { color: white; font-size: 1.25rem; }

/* Table Section */
.results-container[b-j1j3hs06vg] {
    background: var(--sys-bg-component);
    border: 1px solid var(--sys-border-light);
    border-radius: var(--hf-radius-md);
    overflow: hidden;
    box-shadow: var(--sys-elevation-1);
}

.results-header[b-j1j3hs06vg] {
    padding: var(--hf-spacing-4);
    border-bottom: 1px solid var(--sys-border-light);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--sys-bg-component-hover);
}

.results-title[b-j1j3hs06vg] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--sys-text-primary);
}

.update-timestamp[b-j1j3hs06vg] {
    font-size: 10px;
    font-weight: 800;
    color: var(--sys-text-muted);
    text-transform: uppercase;
    background: var(--sys-bg-app);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

/* Custom Table Overrides */
[b-j1j3hs06vg] .hutao-grid {
    border: none !important;
}

[b-j1j3hs06vg] .hutao-grid thead th {
    background: var(--sys-bg-app) !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: var(--sys-text-muted) !important;
    padding: 12px 16px !important;
}

[b-j1j3hs06vg] .hutao-grid tbody tr:hover {
    background: rgba(19, 127, 236, 0.03) !important;
}

/* Status Badges */
.badge-mh[b-j1j3hs06vg] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background: var(--sys-success-bg);
    color: var(--sys-success);
    border-radius: 4px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.badge-sys[b-j1j3hs06vg] {
    display: inline-flex;
    padding: 2px 8px;
    border-radius: 9999px;
    font-size: 10px;
    font-weight: 700;
}

.badge-sys-nuevo[b-j1j3hs06vg] {
    background: var(--sys-primary-soft);
    color: var(--sys-primary);
}

.badge-sys-registrado[b-j1j3hs06vg] {
    background: var(--sys-bg-app);
    color: var(--sys-text-muted);
}

.badge-sys-error[b-j1j3hs06vg] {
    background: var(--sys-error-bg);
    color: var(--sys-error);
}

/* Footer Help */
.footer-info-grid[b-j1j3hs06vg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--hf-spacing-4);
    margin-top: var(--hf-spacing-6);
    opacity: 0.8;
}

.info-box[b-j1j3hs06vg] {
    display: flex;
    gap: var(--hf-spacing-4);
    padding: var(--hf-spacing-5);
    background: var(--sys-bg-app);
    border: 1px solid var(--sys-border-light);
    border-radius: var(--hf-radius-md);
}

.info-icon[b-j1j3hs06vg] {
    color: var(--sys-primary);
}

.info-box h4[b-j1j3hs06vg] {
    font-size: 0.875rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.info-box p[b-j1j3hs06vg] {
    font-size: 12px;
    color: var(--sys-text-secondary);
    line-height: 1.5;
    margin: 0;
}
/* /Components/Sucursal.razor.rz.scp.css */
/* Sucursal Component Scoped Styles */

.suc-overlay[b-wl16lapyfo] {
    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-wl16lapyfo] {
    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-wl16lapyfo] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--sys-border-light);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.suc-title[b-wl16lapyfo] {
    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-wl16lapyfo] {
    color: var(--sys-primary);
}

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

.suc-close-btn[b-wl16lapyfo] {
    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-wl16lapyfo] {
    background-color: var(--sys-bg-secondary);
    color: var(--sys-text-primary);
}

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

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

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

.suc-search-input[b-wl16lapyfo] {
    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-wl16lapyfo] {
    outline: none;
    border-color: var(--sys-primary);
    box-shadow: 0 0 0 3px var(--sys-primary-light);
}

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

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

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

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

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

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

.suc-active-badge[b-wl16lapyfo] {
    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-wl16lapyfo] {
    text-align: left;
    width: 100%;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: all 0.2s;
}

.suc-branch-card--selectable[b-wl16lapyfo] {
    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-wl16lapyfo] {
    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-wl16lapyfo] {
    border-color: var(--sys-primary);
    background-color: var(--sys-primary-light);
}

.suc-branch-card--restricted[b-wl16lapyfo] {
    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-wl16lapyfo] {
    display: flex;
    gap: 1.25rem;
    align-items: flex-start;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.suc-card-address[b-wl16lapyfo] {
    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-wl16lapyfo] {
    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-wl16lapyfo] {
    color: var(--sys-primary);
    flex-shrink: 0;
}

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

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

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

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

/* Footer */
.suc-footer[b-wl16lapyfo] {
    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-wl16lapyfo] {
    flex: 1;
}

.suc-checkbox-label[b-wl16lapyfo] {
    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-wl16lapyfo] {
    width: 1rem;
    height: 1rem;
    border-radius: 0.25rem;
    border: 1px solid var(--sys-border-light);
    accent-color: var(--sys-primary);
}

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

.suc-btn-cancel[b-wl16lapyfo] {
    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-wl16lapyfo] {
    background-color: var(--sys-bg-secondary);
}

.suc-btn-confirm[b-wl16lapyfo] {
    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-wl16lapyfo] {
    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-wl16lapyfo] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-92j0k3cvwz] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

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



.top-row[b-92j0k3cvwz] {
    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-92j0k3cvwz]  a,
.top-row[b-92j0k3cvwz]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

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

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

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

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

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

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

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

    .top-row[b-92j0k3cvwz],
    article[b-92j0k3cvwz] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Pages/Admin/AdminDITE.razor.rz.scp.css */
/* ==========================================================================
   AdminDITE Dashboard Styles
   ========================================================================== */

.adm-container[b-c3fow396ch] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
    animation: hfFadeIn-b-c3fow396ch 0.5s ease-out;
}

@keyframes hfFadeIn-b-c3fow396ch {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.adm-header-hero[b-c3fow396ch] {
    margin-bottom: 2.5rem;
    padding: 2.5rem;
    background: var(--hf-surface-elevated);
    border-radius: 1.5rem;
    border: 1px solid var(--hf-border-subtle);
    box-shadow: var(--hf-shadow-sm);
}

.adm-title-group[b-c3fow396ch] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.adm-title[b-c3fow396ch] {
    font-size: 2.25rem;
    font-weight: 800;
    color: var(--sys-primary);
    margin: 0;
    letter-spacing: -0.025em;
}

.adm-subtitle[b-c3fow396ch] {
    color: var(--hf-text-muted);
    font-size: 1.125rem;
    margin: 0.5rem 0 0 0;
}

.adm-loading[b-c3fow396ch] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10rem 0;
    gap: 1.5rem;
}

.adm-tab-content[b-c3fow396ch] {
    margin-top: 1.5rem;
    animation: hfSlideDown-b-c3fow396ch 0.3s ease-out;
}

@keyframes hfSlideDown-b-c3fow396ch {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

.adm-table-card[b-c3fow396ch] {
    background: var(--hf-surface);
    border-radius: 1.25rem;
    border: 1px solid var(--hf-border-subtle);
    overflow: hidden;
    box-shadow: var(--hf-shadow-sm);
}

.adm-table-card__header[b-c3fow396ch] {
    padding: 1.5rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--hf-surface-alt);
    border-bottom: 1px solid var(--hf-border-subtle);
    flex-wrap: wrap;
    gap: 1rem;
}

.adm-table-card__title[b-c3fow396ch] {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0;
    color: var(--sys-primary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.adm-grid-wrapper[b-c3fow396ch] {
    padding: 0 1rem;
}

/* User Cell */
.adm-user-cell[b-c3fow396ch] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.adm-avatar[b-c3fow396ch] {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, var(--sys-primary), var(--sys-primary-dark));
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.875rem;
    flex-shrink: 0;
    box-shadow: var(--hf-shadow-sm);
}

.adm-name[b-c3fow396ch] {
    font-weight: 600;
    color: var(--hf-text-dim);
    margin: 0;
}

.adm-subtext[b-c3fow396ch] {
    font-size: 0.75rem;
    color: var(--hf-text-muted);
    margin: 0;
}

.adm-email[b-c3fow396ch] {
    font-family: var(--hf-font-mono, monospace);
    font-size: 0.8125rem;
    color: var(--hf-text-dim);
}

/* Company Pills */
.adm-company-pills[b-c3fow396ch] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.adm-company-pill[b-c3fow396ch] {
    padding: 0.2rem 0.65rem;
    background: var(--hf-surface-alt);
    border: 1px solid var(--hf-border-subtle);
    border-radius: 2rem;
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--sys-primary);
}

/* Company Cell */
.adm-company-cell[b-c3fow396ch] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.adm-company-logo[b-c3fow396ch] {
    width: 44px;
    height: 44px;
    background: var(--hf-surface-alt);
    border: 1px solid var(--hf-border-subtle);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: var(--sys-primary);
    font-size: 1.125rem;
    flex-shrink: 0;
}

.adm-domain[b-c3fow396ch] {
    font-size: 0.8125rem;
    color: var(--hf-text-muted);
    margin: 0;
}

.adm-db-code[b-c3fow396ch] {
    background: var(--hf-surface-alt);
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
    font-size: 0.75rem;
    color: var(--hf-text-muted);
    font-family: var(--hf-font-mono, monospace);
}

.adm-price[b-c3fow396ch] {
    font-weight: 700;
    color: var(--sys-primary);
    font-size: 0.9375rem;
}

.adm-plan-name[b-c3fow396ch] {
    font-weight: 700;
    color: var(--hf-text-dim);
    letter-spacing: -0.01em;
}

/* Actions logic */
.adm-row-actions[b-c3fow396ch] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.adm-action-group[b-c3fow396ch] {
    border-left: 1px solid rgba(255,255,255,0.1);
    padding-left: 8px;
    margin-left: 4px;
    display: flex;
    gap: 4px;
}

/* Fix for icons vs text buttons */
[b-c3fow396ch] .adm-row-actions .hf-btn:not(.adm-btn-pulse) {
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.05) !important;
}

.adm-btn-pulse[b-c3fow396ch] {
    padding: 0 16px !important;
    height: 32px !important;
    border-radius: 6px !important;
    animation: pulse-blue-b-c3fow396ch 2s infinite;
    white-space: nowrap !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
}

@keyframes pulse-blue-b-c3fow396ch {
    0% { box-shadow: 0 0 0 0 rgba(var(--sys-primary-rgb), 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(var(--sys-primary-rgb), 0); }
    100% { box-shadow: 0 0 0 0 rgba(var(--sys-primary-rgb), 0); }
}

/* Consumption Progress */
.adm-progress-bar[b-c3fow396ch] {
    width: 100%;
    height: 8px;
    background: rgba(var(--sys-primary-rgb), 0.1);
    border-radius: 4px;
    overflow: hidden;
    margin-top: 4px;
}

.adm-progress-fill[b-c3fow396ch] {
    height: 100%;
    transition: width 0.3s ease;
}

.bg-primary[b-c3fow396ch] { background-color: var(--sys-primary); }
.bg-error[b-c3fow396ch] { background-color: var(--sys-error); }

/* HFramework Overrides */
[b-c3fow396ch] .adm-grid {
    border: none !important;
}

[b-c3fow396ch] .adm-grid th {
    background: transparent !important;
    text-transform: uppercase;
    font-size: 0.6875rem;
    letter-spacing: 0.05em;
    font-weight: 700;
    color: var(--hf-text-muted);
    padding: 1.25rem 1rem !important;
}

[b-c3fow396ch] .adm-grid td {
    padding: 1rem !important;
    vertical-align: middle;
}

[b-c3fow396ch] .hf-badge {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 6px !important;
    padding: 4px 10px !important;
    height: auto !important;
    width: auto !important;
    min-width: 80px;
    max-width: 150px;
    white-space: normal !important;
    text-align: center;
    line-height: 1.1;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.6rem;
}

/* Action button variants */
[b-c3fow396ch] .adm-btn-action {
    background-color: var(--hf-btn-secondary-bg) !important;
    opacity: 0.8;
}

[b-c3fow396ch] .adm-btn-pending {
    background-color: var(--sys-primary) !important;
    color: white !important;
}

[b-c3fow396ch] .adm-btn-success {
    background-color: #10b981 !important;
    color: white !important;
    border: none !important;
}

/* Module Box */
.adm-module-box[b-c3fow396ch] {
    margin: 1.5rem 0;
    padding: 1.5rem;
    background: var(--hf-surface-elevated);
    border: 1px solid var(--hf-border-subtle);
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.adm-module-info[b-c3fow396ch] {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--hf-border-subtle);
}

.adm-module-name[b-c3fow396ch] {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
    color: var(--hf-text-dim);
}

.adm-module-code[b-c3fow396ch] {
    background: var(--sys-primary);
    color: white;
    padding: 0.1rem 0.5rem;
    border-radius: 4px;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.adm-module-desc[b-c3fow396ch] {
    margin: 0.4rem 0 0 0;
    font-size: 0.875rem;
    color: var(--hf-text-muted);
    line-height: 1.4;
}

.adm-perm-code[b-c3fow396ch] {
    display: block;
    margin-top: 0.25rem;
    font-family: var(--hf-font-mono);
    color: var(--sys-warning);
    font-weight: 700;
    font-size: 0.8125rem;
}

/* Routes Section */
.adm-routes-section[b-c3fow396ch] {
    background: var(--hf-surface);
    padding: 1rem;
    border-radius: 0.75rem;
}

.adm-section-title[b-c3fow396ch] {
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--hf-text-muted);
    margin: 0 0 1rem 0;
    font-weight: 700;
}

.adm-routes-list[b-c3fow396ch] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.adm-route-item[b-c3fow396ch] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--hf-surface-alt);
    padding: 0.4rem 0.5rem 0.4rem 0.75rem;
    border-radius: 0.5rem;
    border: 1px solid var(--hf-border-subtle);
}

.adm-route-type[b-c3fow396ch] {
    font-size: 0.625rem;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--sys-primary);
    background: rgba(var(--sys-primary-rgb), 0.1);
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
}

.adm-route-path[b-c3fow396ch] {
    font-family: var(--hf-font-mono);
    font-size: 0.8125rem;
    color: var(--hf-text-dim);
}

.adm-btn-delete-route[b-c3fow396ch] {
    background: transparent;
    border: none;
    color: var(--hf-text-muted);
    cursor: pointer;
    padding: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all 0.2s;
}

.adm-btn-delete-route:hover[b-c3fow396ch] {
    background: var(--sys-error-light);
    color: var(--sys-error);
}

/* Add Route Input */
.adm-add-route[b-c3fow396ch] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-left: auto;
    padding-left: 1rem;
    border-left: 1px solid var(--hf-border-subtle);
}

.adm-route-input[b-c3fow396ch] {
    background: var(--hf-surface-elevated);
    border: 1px solid var(--hf-border-subtle);
    padding: 0.4rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.8125rem;
    width: 200px;
}

.adm-checkbox-label[b-c3fow396ch] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--hf-text-muted);
    white-space: nowrap;
}
/* /Pages/ClientPage.razor.rz.scp.css */
.client-page-container[b-zuogoqsavw] {
    padding: var(--hf-spacing-4);
    display: flex;
    flex-direction: column;
    gap: var(--hf-spacing-4);
}

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

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

.compras-controls[b-t95fbzeth6] {
    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-t95fbzeth6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

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

/* Page Header */
.compras-header[b-t95fbzeth6] {
    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-t95fbzeth6] {
        flex-direction: row;
        align-items: center;
    }
}

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

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

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

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

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

/* Specific UI helpers for the Grid in this page */
.status-pill[b-t95fbzeth6] {
    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-t95fbzeth6] {
    background-color: var(--hf-color-green-dim);
    color: var(--hf-color-green);
}

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

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

.monto-value[b-t95fbzeth6] {
    font-weight: 700;
}
/* /Pages/Configuracion/AsignacionContadoresPage.razor.rz.scp.css */
/* Tab Navigation */
.tabs-container[b-r5zdbzjdo5] {
    display: flex;
    gap: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 0.5rem;
}

.tab-btn[b-r5zdbzjdo5] {
    background: transparent;
    border: none;
    color: var(--hf-text-gray-400);
    padding: 0.75rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    border-radius: 0.5rem;
}

.tab-btn:hover[b-r5zdbzjdo5] {
    background: rgba(255, 255, 255, 0.05);
    color: var(--hf-text-white);
}

.tab-btn.active[b-r5zdbzjdo5] {
    background: rgba(var(--hf-primary-rgb), 0.1);
    color: var(--hf-primary);
}

/* Section Title Refinement */
.section-title-group[b-r5zdbzjdo5] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.section-bar[b-r5zdbzjdo5] {
    width: 4px;
    height: 24px;
    background: var(--hf-primary);
    border-radius: 2px;
}

.section-bar-secondary[b-r5zdbzjdo5] { background: var(--hf-warning); }
.section-bar-info[b-r5zdbzjdo5] { background: var(--hf-info); }

.section-title[b-r5zdbzjdo5] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--hf-text-white);
}

/* Badges */
.badge[b-r5zdbzjdo5] {
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.badge-info[b-r5zdbzjdo5] { background: rgba(0, 191, 255, 0.2); color: #00bfff; }
.badge-success[b-r5zdbzjdo5] { background: rgba(0, 255, 127, 0.2); color: #00ff7f; }
.badge-warning[b-r5zdbzjdo5] { background: rgba(255, 165, 0, 0.2); color: #ffa500; }
.badge-danger[b-r5zdbzjdo5] { background: rgba(255, 69, 0, 0.2); color: #ff4500; }
.badge-primary[b-r5zdbzjdo5] { background: rgba(var(--hf-primary-rgb), 0.2); color: var(--hf-primary); }

/* Banners */
.error-banner[b-r5zdbzjdo5], .success-banner[b-r5zdbzjdo5] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 0.5rem;
    font-size: 0.9rem;
}

.error-banner[b-r5zdbzjdo5] {
    background: rgba(255, 69, 0, 0.1);
    border: 1px solid rgba(255, 69, 0, 0.2);
    color: #ff4500;
}

.success-banner[b-r5zdbzjdo5] {
    background: rgba(0, 255, 127, 0.1);
    border: 1px solid rgba(0, 255, 127, 0.2);
    color: #00ff7f;
}

/* Glass Panel Adjustment */
.glass-panel[b-r5zdbzjdo5] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.company-selector-grid[b-r5zdbzjdo5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.5rem;
    max-height: 150px;
    overflow-y: auto;
}

.company-checkbox-item[b-r5zdbzjdo5] {
    transition: background 0.2s ease;
    border-radius: 0.25rem;
}

.company-checkbox-item:hover[b-r5zdbzjdo5] {
    background: rgba(255, 255, 255, 0.05);
}
/* /Pages/Configuracion/MisInvitacionesPage.razor.rz.scp.css */
.header-icon-wrapper[b-pz0l43y64t] {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, var(--hf-primary), var(--hf-primary-dark));
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    box-shadow: 0 8px 16px rgba(var(--hf-primary-rgb), 0.2);
}

.info-banner[b-pz0l43y64t] {
    background: rgba(var(--hf-primary-rgb), 0.05); 
    border-left: 4px solid var(--hf-primary);
}

.badge[b-pz0l43y64t] {
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
}

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

.loading-state .spinner[b-pz0l43y64t] {
    width: 40px;
    height: 40px;
    border: 3px solid rgba(var(--hf-primary-rgb), 0.1);
    border-top-color: var(--hf-primary);
    border-radius: 50%;
    animation: spin-b-pz0l43y64t 1s linear infinite;
    margin: 0 auto;
}

@keyframes spin-b-pz0l43y64t { to { transform: rotate(360deg); } }
/* /Pages/Configuracion/NotificacionesPage.razor.rz.scp.css */
/* NotificacionesPage Scoped Styles */

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

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

.notif-header-card[b-66tvoz1x4w] {
    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-66tvoz1x4w] {
    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-66tvoz1x4w] {
    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-66tvoz1x4w] {
    border-left-color: var(--hf-success);
    background-color: rgba(var(--hf-success-rgb), 0.05);
}

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

/* Page Sections */
.notif-section[b-66tvoz1x4w] {
    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-66tvoz1x4w] {
    background-color: rgba(var(--hf-primary-rgb), 0.05);
    border-color: rgba(var(--hf-primary-rgb), 0.2);
}

.notif-section-header[b-66tvoz1x4w] {
    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-66tvoz1x4w] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--hf-primary);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.notif-active-indicator[b-66tvoz1x4w] {
    font-size: 0.85rem;
    font-weight: 400;
    color: var(--hf-text-secondary);
    font-style: italic;
    opacity: 0.8;
}

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

.provider-tab[b-66tvoz1x4w] {
    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-66tvoz1x4w] {
    border-color: var(--hf-primary);
    background: rgba(var(--hf-primary-rgb), 0.04);
}

.provider-tab-active[b-66tvoz1x4w] {
    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-66tvoz1x4w] {
    opacity: 0.5;
    cursor: not-allowed;
    filter: grayscale(1);
}

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

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

/* Info Boxes */
.provider-info-box[b-66tvoz1x4w] {
    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-66tvoz1x4w] {
    margin: 0;
    color: var(--hf-text-primary);
}

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

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

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

.notif-alert-close[b-66tvoz1x4w] {
    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-66tvoz1x4w] {
    color: var(--hf-primary);
}

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

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

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

.tag-chip[b-66tvoz1x4w] {
    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-66tvoz1x4w] {
    background: rgba(var(--hf-primary-rgb), 0.16);
}

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

.notif-title[b-66tvoz1x4w] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--hf-primary);
    margin: 0;
}

.notif-subtitle[b-66tvoz1x4w] {
    font-size: var(--hf-font-size-sm);
    color: var(--hf-text-secondary);
    margin-top: 0.25rem;
    margin-bottom: 0;
}

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

/* Grids */
.notif-grid[b-66tvoz1x4w] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .notif-grid[b-66tvoz1x4w] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Forms & Inputs */
.notif-input[b-66tvoz1x4w] {
    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-66tvoz1x4w] {
    outline: none;
    border-color: var(--hf-primary);
    box-shadow: 0 0 0 2px rgba(var(--hf-primary-rgb), 0.1);
}

.notif-textarea[b-66tvoz1x4w] {
    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-66tvoz1x4w] {
    outline: none;
    border-color: var(--hf-primary);
}

.notif-help-text[b-66tvoz1x4w] {
    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-66tvoz1x4w] {
    color: var(--hf-primary);
    font-style: italic;
}

/* Test Mode Details */
.notif-test-details[b-66tvoz1x4w] {
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid rgba(var(--hf-primary-rgb), 0.1);
}

.notif-flex-col[b-66tvoz1x4w] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Utilities */
/* Toggle switch */
.toggle-switch[b-66tvoz1x4w] {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.toggle-switch input[b-66tvoz1x4w] {
    position: absolute;
    opacity: 0;
    width: 0;
}

.toggle-slider[b-66tvoz1x4w] {
    width: 44px;
    height: 24px;
    background: var(--hf-border-color);
    border-radius: 12px;
    transition: background .2s;
    position: relative;
}

.toggle-slider[b-66tvoz1x4w]::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-66tvoz1x4w] {
    background: var(--hf-primary);
}

.toggle-switch input:checked+.toggle-slider[b-66tvoz1x4w]::after {
    transform: translateX(20px);
}

/* Spinner */
.spinner[b-66tvoz1x4w] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--hf-border-color);
    border-top-color: var(--hf-primary);
    border-radius: 50%;
    animation: spin-b-66tvoz1x4w .6s linear infinite;
}

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

/* Additional Semantic Scoping */
.notif-feedback-content[b-66tvoz1x4w] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.notif-provider-title[b-66tvoz1x4w] {
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--hf-primary);
    margin: 0;
}

.notif-tag-hint-wrapper[b-66tvoz1x4w] {
    margin-top: 12px;
}

.notif-test-mode-header[b-66tvoz1x4w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.notif-status-success[b-66tvoz1x4w] {
    color: var(--hf-success);
    font-weight: 600;
}

.notif-status-error[b-66tvoz1x4w] {
    color: var(--hf-error);
    font-weight: 600;
}

.notif-text-primary[b-66tvoz1x4w] {
    color: var(--hf-primary);
}

/* Microsoft Graph Connection Card */
.ms-connection-card[b-66tvoz1x4w] {
    background-color: var(--hf-bg);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: center;
    text-align: center;
}

@media (min-width: 640px) {
    .ms-connection-card[b-66tvoz1x4w] {
        flex-direction: row;
        justify-content: space-between;
        text-align: left;
        align-items: center;
    }
}

.ms-connection-status[b-66tvoz1x4w] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.ms-status-label[b-66tvoz1x4w] {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    color: var(--hf-text-primary);
}

.ms-status-desc[b-66tvoz1x4w] {
    font-size: 0.85rem;
    color: var(--hf-text-secondary);
    margin: 4px 0 0 0;
}

.ms-connect-btn[b-66tvoz1x4w] {
    min-width: 200px;
}

.text-success[b-66tvoz1x4w] {
    color: var(--hf-success) !important;
}

.text-warning[b-66tvoz1x4w] {
    color: var(--hf-error) !important; /* Usamos error para advertencias críticas de token */
}

.notif-status-warning[b-66tvoz1x4w] {
    color: #f39c12;
}

/* Activation Banner */
.activation-banner[b-66tvoz1x4w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    background-color: var(--hf-bg);
    border: 1px solid var(--hf-border-color);
    border-radius: 12px;
    margin-top: 1rem;
    transition: all 0.3s ease;
}

.activation-banner.active[b-66tvoz1x4w] {
    background-color: rgba(var(--hf-success-rgb), 0.05);
    border-color: rgba(var(--hf-success-rgb), 0.3);
    box-shadow: 0 4px 12px rgba(var(--hf-success-rgb), 0.08);
}

.activation-info[b-66tvoz1x4w] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--hf-text-primary);
}

.notif-text-success[b-66tvoz1x4w] {
    color: var(--hf-success);
}
/* /Pages/Configuracion/PlantillaFacturaPage.razor.rz.scp.css */
.pdf-modal-overlay[b-8k9n8kmtp6] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    backdrop-filter: blur(4px);
}

.pdf-modal-content[b-8k9n8kmtp6] {
    background: var(--hf-surface);
    width: 90vw;
    height: 90vh;
    max-width: 1000px;
    border-radius: 0.75rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}

.pdf-modal-header[b-8k9n8kmtp6] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--hf-border-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pdf-modal-body[b-8k9n8kmtp6] {
    flex: 1;
    background: #525659;
    position: relative;
}

.pdf-iframe[b-8k9n8kmtp6] {
    width: 100%;
    height: 100%;
    border: none;
}

.pdf-modal-footer[b-8k9n8kmtp6] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--hf-border-color);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

.close-btn[b-8k9n8kmtp6] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--hf-text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-btn:hover[b-8k9n8kmtp6] {
    color: var(--sys-text-primary);
}

.hf-loader[b-8k9n8kmtp6] {
    border: 4px solid var(--hf-border-color);
    border-top: 4px solid var(--hf-primary);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin-b-8k9n8kmtp6 1s linear infinite;
}

@keyframes spin-b-8k9n8kmtp6 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.config-container[b-8k9n8kmtp6] {
    display: grid;
    grid-template-columns: 320px 1fr;
    height: calc(100vh - 100px);
    gap: 0;

    background: var(--hf-bg);
}

.config-sidebar[b-8k9n8kmtp6] {
    background: var(--hf-surface);
    border-right: 1px solid var(--hf-border-color);
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    box-shadow: 4px 0 10px rgba(0, 0, 0, 0.02);
    z-index: 10;

    overflow-y: auto;
    box-sizing: border-box;
}

/* Scrollbar minimalista */
.config-sidebar[b-8k9n8kmtp6]::-webkit-scrollbar {
    width: 4px;
}

.config-sidebar[b-8k9n8kmtp6]::-webkit-scrollbar-thumb {
    background: var(--hf-border-color);
    border-radius: 10px;
}

.template-grid[b-8k9n8kmtp6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.template-card[b-8k9n8kmtp6] {
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 8px;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s;
    background: var(--hf-surface);
    position: relative;
}

.template-card:hover[b-8k9n8kmtp6] {
    background: var(--hf-bg-hover);
    transform: translateY(-2px);
}

.template-card.active[b-8k9n8kmtp6] {
    border-color: var(--hf-primary);
    background: var(--hf-primary-light);
}

.active-indicator[b-8k9n8kmtp6] {
    position: absolute;
    top: -6px;
    right: -6px;
    color: var(--hf-primary);
    background: var(--hf-bg);
    border-radius: 50%;
}

.template-card span[b-8k9n8kmtp6] {
    font-size: 0.75rem;
    font-weight: 700;
    display: block;
    margin-top: 0.75rem;
    color: var(--hf-text-primary);
}

.template-preview[b-8k9n8kmtp6] {
    height: 50px;
    border-radius: 6px;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9ca3af;
}

.template-preview.moderno[b-8k9n8kmtp6] {
    background: linear-gradient(180deg, var(--hf-primary) 25%, #f3f4f6 25%);
}

.logo-upload-box[b-8k9n8kmtp6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    background: var(--hf-surface);
    padding: 12px;
    border-radius: 8px;
    border: 1px dashed var(--hf-border-color);
}

.logo-preview-img[b-8k9n8kmtp6] {
    max-width: 100%;
    max-height: 80px;
    object-fit: contain;
    border-radius: 4px;
}

.logo-placeholder[b-8k9n8kmtp6] {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--hf-bg);
    border-radius: 8px;
    color: var(--hf-text-tertiary);
}

.color-picker-container[b-8k9n8kmtp6] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.color-input[b-8k9n8kmtp6] {
    width: 42px;
    height: 42px;
    border: 2px solid var(--hf-border-color);
    border-radius: 8px;
    cursor: pointer;
    padding: 0;
    background: none;
    overflow: hidden;
}

.preview-area[b-8k9n8kmtp6] {
    background: var(--hf-bg);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.preview-toolbar[b-8k9n8kmtp6] {
    background: var(--hf-surface);
    border-bottom: 1px solid var(--hf-border-color);
    padding: 0.75rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.preview-toolbar:hover[b-8k9n8kmtp6] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.preview-viewport[b-8k9n8kmtp6] {
    flex-grow: 1;
    overflow-y: auto;
    padding: 3rem 2rem;
    display: flex;
    justify-content: center;
}

.preview-content-wrapper[b-8k9n8kmtp6] {
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);
    border-radius: 2px;
    background: white;
}

.preview-pager[b-8k9n8kmtp6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: var(--hf-bg);
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    border: 1px solid var(--hf-border-color);
}

.preview-pager button[b-8k9n8kmtp6] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--hf-text-tertiary);
    display: flex;
}

.hf-label[b-8k9n8kmtp6] {
    color: var(--hf-text-primary);
}

.hf-input[b-8k9n8kmtp6] {
    background: var(--hf-surface);
    color: var(--hf-text-primary);
    border: 1px solid var(--hf-border-color);
}

.hf-input:focus[b-8k9n8kmtp6] {
    border-color: var(--hf-primary);
    outline: none;
}
/* /Pages/Configuracion/RolesPage.razor.rz.scp.css */
/* Roles Page Layout - Refactored to HFramework Tokens */

.roles-container-main[b-22jytvlf07] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
}

.roles-main-tabs[b-22jytvlf07] {
    display: flex;
    gap: 1rem;
    padding: 0.5rem 1.5rem;
    background: var(--hf-bg-secondary);
    border-bottom: 1px solid var(--hf-border);
}

.main-tab-btn[b-22jytvlf07] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: var(--hf-text-secondary);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.main-tab-btn:hover[b-22jytvlf07] {
    color: var(--hf-primary);
}

.main-tab-btn.active[b-22jytvlf07] {
    color: var(--hf-primary);
    border-bottom-color: var(--hf-primary);
}

.roles-page[b-22jytvlf07] {
    display: flex;
    height: 100%;
    min-height: calc(100vh - 64px);
    background: var(--hf-bg);
}

/* ===== LEFT SIDEBAR ===== */
.roles-sidebar[b-22jytvlf07] {
    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-22jytvlf07] {
    padding: 0 1.5rem 1.25rem;
    border-bottom: 1px solid var(--hf-border-color);
}

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

.sidebar-subtitle[b-22jytvlf07] {
    font-size: var(--hf-font-size-xs);
    color: var(--hf-text-secondary);
    margin: 0;
}

.role-list[b-22jytvlf07] {
    list-style: none;
    padding: 0.75rem 0;
    margin: 0;
    flex: 1;
    overflow-y: auto;
}

.role-item[b-22jytvlf07] {
    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-22jytvlf07] {
    background: var(--hf-bg-hover);
}

.role-item.selected[b-22jytvlf07] {
    background: var(--hf-primary-light);
}

.role-indicator[b-22jytvlf07] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: var(--hf-border-color);
    flex-shrink: 0;
}

.role-item.selected .role-indicator[b-22jytvlf07] {
    background: var(--hf-primary);
    box-shadow: 0 0 0 3px var(--hf-primary-light);
}

.role-info[b-22jytvlf07] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.role-name[b-22jytvlf07] {
    font-size: var(--hf-font-size-sm);
    font-weight: 600;
    color: var(--hf-text-primary);
}

.role-badge[b-22jytvlf07] {
    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-name.deactivated[b-22jytvlf07] {
    color: var(--hf-text-secondary);
    text-decoration: line-through;
    opacity: 0.6;
}

.status-pill-inactive[b-22jytvlf07] {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 700;
    text-transform: uppercase;
    background: var(--hf-danger-light);
    color: var(--hf-danger);
}

/* ===== RIGHT PANEL ===== */
.permissions-panel[b-22jytvlf07] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: 1.5rem 2rem;
    min-width: 0;
}

.panel-header[b-22jytvlf07] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 2rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.panel-header-left[b-22jytvlf07] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.selected-role-label[b-22jytvlf07] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--hf-primary);
    text-transform: uppercase;
}

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

.panel-header-actions[b-22jytvlf07] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Buttons */
.btn-outline-danger[b-22jytvlf07] {
    background: transparent;
    border: 1px solid var(--hf-danger);
    color: var(--hf-danger);
    padding: 0.6rem 1.2rem;
    border-radius: var(--hf-radius-md);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-outline-danger:hover[b-22jytvlf07] {
    background: var(--hf-danger-light);
}

.btn-outline-success[b-22jytvlf07] {
    background: transparent;
    border: 1px solid #10b981;
    color: #10b981;
    padding: 0.6rem 1.2rem;
    border-radius: var(--hf-radius-md);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-outline-success:hover[b-22jytvlf07] {
    background: rgba(16, 185, 129, 0.1);
    border-color: #059669;
}

.btn-save[b-22jytvlf07] {
    padding: 0.6rem 1.5rem;
    background: var(--hf-primary);
    border: none;
    border-radius: var(--hf-radius-md);
    font-weight: 700;
    color: white;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-save:hover:not(:disabled)[b-22jytvlf07] {
    background: var(--hf-primary-hover);
    transform: translateY(-1px);
}

/* Module Tabs */
.module-tabs[b-22jytvlf07] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--hf-border-color);
}

.tab-item[b-22jytvlf07] {
    padding: 0.875rem 1.5rem;
    background: transparent;
    border: none;
    color: var(--hf-text-secondary);
    font-weight: 600;
    cursor: pointer;
    position: relative;
}

.tab-item.active[b-22jytvlf07] {
    color: var(--hf-primary);
}

.tab-indicator[b-22jytvlf07] {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--hf-primary);
    border-radius: 3px 3px 0 0;
}

/* Permission Cards */
.permissions-grid[b-22jytvlf07] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 0.75rem;
}

.permission-card[b-22jytvlf07] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    background: var(--hf-surface);
    border: 1px solid var(--hf-border-color);
    border-radius: var(--hf-radius-md);
}

.permission-name[b-22jytvlf07] {
    font-size: var(--hf-font-size-sm);
    font-weight: 700;
    color: var(--hf-text-primary);
}

.permission-desc[b-22jytvlf07] {
    font-size: var(--hf-font-size-xs);
    color: var(--hf-text-secondary);
}

/* Toggle Switch */
.toggle-switch[b-22jytvlf07] {
    position: relative;
    display: inline-block;
    width: 2.75rem;
    height: 1.5rem;
    cursor: pointer;
}

.toggle-switch input[b-22jytvlf07] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider[b-22jytvlf07] {
    position: absolute;
    inset: 0;
    background: var(--hf-border-color);
    border-radius: 9999px;
    transition: 0.25s;
}

.toggle-slider[b-22jytvlf07]::before {
    content: "";
    position: absolute;
    height: 1.125rem;
    width: 1.125rem;
    left: 3px;
    bottom: 3px;
    background: white;
    border-radius: 50%;
    transition: 0.25s;
}

.toggle-switch input:checked + .toggle-slider[b-22jytvlf07] {
    background: var(--hf-primary);
}

.toggle-switch input:checked + .toggle-slider[b-22jytvlf07]::before {
    transform: translateX(1.25rem);
}

/* Batch Section */
.batch-toggle-container[b-22jytvlf07] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--hf-primary-light);
    border: 1px solid var(--hf-primary);
    padding: 1rem 1.5rem;
    border-radius: var(--hf-radius-md);
    margin-bottom: 1.5rem;
}

.batch-info[b-22jytvlf07] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.batch-title[b-22jytvlf07] {
    font-weight: 700;
    color: var(--hf-primary);
}

/* Catalog Management */
.catalog-management[b-22jytvlf07] {
    padding: 2rem;
}

.catalog-table[b-22jytvlf07] {
    width: 100%;
    border-collapse: collapse;
}

.catalog-table th[b-22jytvlf07], .catalog-table td[b-22jytvlf07] {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid var(--hf-border-color);
}

/* System Note */
.system-note[b-22jytvlf07] {
    margin-top: auto;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1.25rem;
    background: var(--hf-bg-secondary);
    border-radius: var(--hf-radius-md);
    border-left: 4px solid var(--hf-primary);
    margin-top: 2rem;
}

.system-note strong[b-22jytvlf07] {
    display: block;
    font-size: 0.75rem;
    color: var(--hf-text-primary);
    margin-bottom: 0.25rem;
}

.system-note p[b-22jytvlf07] {
    font-size: 0.75rem;
    color: var(--hf-text-secondary);
    margin: 0;
    line-height: 1.4;
}

.note-icon[b-22jytvlf07] {
    color: var(--hf-primary);
    flex-shrink: 0;
}
/* /Pages/ConfigurationPage.razor.rz.scp.css */
/* Configuration Page Grid and Classes */
.config-grid[b-c8ise1qrue] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
    padding-bottom: 15rem;
}

@media (min-width: 768px) {
    .config-grid[b-c8ise1qrue] {
        grid-template-columns: repeat(2, 1fr);
        padding: 0 2rem;
    }
}

@media (min-width: 1024px) {
    .config-grid[b-c8ise1qrue] {
        grid-template-columns: repeat(3, 1fr);
        padding: 0 5%;
    }
}

@media (min-width: 1400px) {
    .config-grid[b-c8ise1qrue] {
        grid-template-columns: repeat(4, 1fr);
        padding: 0 2%;
    }
}


.config-card-wrapper[b-c8ise1qrue] {
    cursor: pointer;
    transition: transform 0.2s;
}

.config-card-wrapper:hover[b-c8ise1qrue] {
    transform: translateY(-4px);
}

.config-card-disabled[b-c8ise1qrue] {
    opacity: 0.75;
}
/* /Pages/ContaduriaPage.razor.rz.scp.css */
.page-container[b-sdcnql8pea] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background-color: var(--hf-bg);
    height: 100%;
}

.filters-section[b-sdcnql8pea] {
    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-sdcnql8pea] {
    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-sdcnql8pea] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filters-title[b-sdcnql8pea] {
    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-sdcnql8pea] {
    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-sdcnql8pea] {
    text-decoration: underline;
}

.grid-section[b-sdcnql8pea] {
    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-sdcnql8pea] {
    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[b-sdcnql8pea] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--hf-primary);
    margin: 0;
}

.grid-content-wrapper[b-sdcnql8pea] {
    flex: 1 1 0%;
    overflow: auto;
}

.modal-overlay[b-sdcnql8pea] {
    backdrop-filter: blur(4px);
}
/* /Pages/ContingenciaPage.razor.rz.scp.css */
.page-layout[b-0002g9m9rq] {
    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-0002g9m9rq] {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

.page-header[b-0002g9m9rq] {
    padding-left: 2rem;
    padding-top: 2rem;
    padding-bottom: 1rem;
}

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

.header-badge[b-0002g9m9rq] {
    color: var(--hf-primary);
    font-weight: 400;
    font-size: 1.5rem;
    margin-left: 0.5rem;
}

.header-subtitle[b-0002g9m9rq] {
    color: var(--hf-text-secondary);
    margin-top: 0.5rem;
}

.content-body[b-0002g9m9rq] {
    flex: 1 1 0%;
    overflow: hidden;
    padding-left: 2rem;
    padding-bottom: 2rem;
}

.card-container[b-0002g9m9rq] {
    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-0002g9m9rq] {
    height: 100%;
    overflow-y: auto;
    padding-right: 0.5rem;
}
/* /Pages/EmpleadoPage.razor.rz.scp.css */
/* /Pages/FacturaPdf.razor.rz.scp.css */
/* === FacturaPdf Scoped Styles === */

/* Loading */
.loading-container[b-7p0jl0vxda] {
    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-7p0jl0vxda] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e4e6;
    border-top-color: var(--hf-primary, #137fec);
    border-radius: 50%;
    animation: spin-b-7p0jl0vxda 0.8s linear infinite;
}

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

/* Toolbar */
.pdf-toolbar[b-7p0jl0vxda] {
    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-7p0jl0vxda] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.toolbar-icon[b-7p0jl0vxda] {
    font-size: 1.25rem;
}

.toolbar-title[b-7p0jl0vxda] {
    font-size: 1rem;
    font-weight: 700;
    color: #111418;
}

.toolbar-actions[b-7p0jl0vxda] {
    display: flex;
    gap: 0.5rem;
}

.btn-toolbar[b-7p0jl0vxda] {
    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-7p0jl0vxda] {
    background: var(--hf-primary, #137fec);
    color: white;
}

.btn-print:hover[b-7p0jl0vxda] {
    opacity: 0.9;
}

.btn-back[b-7p0jl0vxda] {
    background: #f0f2f4;
    color: #111418;
}

.btn-back:hover[b-7p0jl0vxda] {
    background: #e2e4e6;
}

/* Breadcrumb */
.breadcrumb-bar[b-7p0jl0vxda] {
    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-7p0jl0vxda] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.breadcrumb-item[b-7p0jl0vxda] {
    color: #617589;
    font-size: 0.875rem;
}

.breadcrumb-separator[b-7p0jl0vxda] {
    color: #617589;
    font-size: 0.75rem;
}

.breadcrumb-active[b-7p0jl0vxda] {
    color: var(--hf-primary, #137fec);
    font-size: 0.875rem;
    font-weight: 700;
}

/* Status Badges */
.status-badge[b-7p0jl0vxda] {
    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-7p0jl0vxda] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.badge-success[b-7p0jl0vxda] {
    background: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.badge-success .badge-dot[b-7p0jl0vxda] {
    background: #16a34a;
}

.badge-error[b-7p0jl0vxda] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.badge-error .badge-dot[b-7p0jl0vxda] {
    background: #dc2626;
}

.badge-warning[b-7p0jl0vxda] {
    background: #fef9c3;
    color: #854d0e;
    border: 1px solid #fde68a;
}

.badge-warning .badge-dot[b-7p0jl0vxda] {
    background: #ca8a04;
}

.badge-info[b-7p0jl0vxda] {
    background: #dbeafe;
    color: #1e40af;
    border: 1px solid #bfdbfe;
}

.badge-info .badge-dot[b-7p0jl0vxda] {
    background: #2563eb;
}

/* Main Content */
.pdf-main[b-7p0jl0vxda] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 1rem;
}

/* Document Container */
.pdf-document[b-7p0jl0vxda] {
    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-7p0jl0vxda] {
    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-7p0jl0vxda] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.company-logo-placeholder[b-7p0jl0vxda] {
    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-7p0jl0vxda] {
    font-size: 1.125rem;
    font-weight: 800;
    color: #111418;
    text-transform: uppercase;
    margin: 0;
}

.company-detail[b-7p0jl0vxda] {
    font-size: 0.6875rem;
    color: #617589;
    line-height: 1.4;
    margin: 0.125rem 0 0;
}

.doc-type-box[b-7p0jl0vxda] {
    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-7p0jl0vxda] {
    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-7p0jl0vxda] {
    font-size: 0.625rem;
    color: #617589;
    font-weight: 700;
    margin: 0.25rem 0 0;
}

.doc-type-details[b-7p0jl0vxda] {
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.doc-type-details p[b-7p0jl0vxda] {
    font-size: 0.6875rem;
    color: #111418;
    margin: 0;
}

.doc-type-details strong[b-7p0jl0vxda] {
    font-weight: 700;
}

.control-number[b-7p0jl0vxda] {
    color: var(--hf-primary, #137fec);
}

/* Info Cards (Emisor / Receptor) */
.info-grid[b-7p0jl0vxda] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.info-card[b-7p0jl0vxda] {
    border: 1px solid #dbe0e6;
    border-radius: 0.5rem;
    padding: 1rem;
}

.info-card-header[b-7p0jl0vxda] {
    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-7p0jl0vxda] {
    font-size: 0.6875rem;
    font-weight: 700;
    color: #111418;
    text-transform: uppercase;
    margin: 0;
}

.info-card-body[b-7p0jl0vxda] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.info-card-body p[b-7p0jl0vxda] {
    font-size: 0.6875rem;
    color: #111418;
    margin: 0;
}

.info-card-body .label[b-7p0jl0vxda] {
    font-weight: 600;
    color: #617589;
}

/* Date Bar */
.date-bar[b-7p0jl0vxda] {
    display: flex;
    gap: 2rem;
    font-size: 0.6875rem;
    color: #111418;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f0f2f4;
}

.date-bar p[b-7p0jl0vxda] {
    margin: 0;
}

/* Items Table */
.items-table-wrapper[b-7p0jl0vxda] {
    flex-grow: 1;
}

.items-table[b-7p0jl0vxda] {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #dbe0e6;
}

.items-table thead tr[b-7p0jl0vxda] {
    background: var(--hf-primary, #137fec);
    color: white;
}

.items-table th[b-7p0jl0vxda] {
    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-7p0jl0vxda] {
    border-right: none;
}

.col-qty[b-7p0jl0vxda] {
    width: 60px;
}

.col-price[b-7p0jl0vxda],
.col-exempt[b-7p0jl0vxda] {
    width: 100px;
    text-align: right;
}

.col-taxed[b-7p0jl0vxda] {
    width: 110px;
    text-align: right;
}

.items-table td[b-7p0jl0vxda] {
    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-7p0jl0vxda] {
    border-right: none;
}

.text-right[b-7p0jl0vxda] {
    text-align: right;
}

.font-semibold[b-7p0jl0vxda] {
    font-weight: 600;
}

.empty-row td[b-7p0jl0vxda] {
    height: 3rem;
    border: 1px solid #dbe0e6;
}

/* Totals Section */
.totals-section[b-7p0jl0vxda] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
    margin-top: auto;
}

.words-box[b-7p0jl0vxda] {
    width: 60%;
    border: 1px solid #dbe0e6;
    border-radius: 0.5rem;
    padding: 1rem;
    background: rgba(246, 247, 248, 0.5);
}

.words-label[b-7p0jl0vxda] {
    font-size: 0.625rem;
    font-weight: 700;
    color: #617589;
    text-transform: uppercase;
    margin: 0 0 0.5rem;
}

.words-value[b-7p0jl0vxda] {
    font-size: 0.6875rem;
    font-weight: 600;
    color: #111418;
    margin: 0;
}

.observations[b-7p0jl0vxda] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #dbe0e6;
}

.observations p[b-7p0jl0vxda] {
    font-size: 0.625rem;
    color: #617589;
    margin: 0;
}

.totals-box[b-7p0jl0vxda] {
    width: 35%;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.total-row[b-7p0jl0vxda] {
    display: flex;
    justify-content: space-between;
    font-size: 0.6875rem;
}

.total-label[b-7p0jl0vxda] {
    color: #617589;
}

.total-value[b-7p0jl0vxda] {
    font-weight: 600;
    color: #111418;
}

.total-row-border[b-7p0jl0vxda] {
    border-bottom: 1px solid #f0f2f4;
    padding-bottom: 0.375rem;
}

.total-final[b-7p0jl0vxda] {
    font-size: 0.8125rem;
    padding-top: 0.375rem;
}

.total-final span[b-7p0jl0vxda] {
    font-weight: 900;
    color: var(--hf-primary, #137fec);
    text-transform: uppercase;
}

/* MH Footer */
.mh-footer[b-7p0jl0vxda] {
    margin-top: 1rem;
    border-top: 2px solid #f0f2f4;
    padding-top: 2rem;
}

.mh-grid[b-7p0jl0vxda] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.5rem;
    align-items: start;
}

.qr-section[b-7p0jl0vxda] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.qr-placeholder[b-7p0jl0vxda] {
    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-7p0jl0vxda] {
    font-size: 0.5625rem;
    color: #617589;
    text-transform: uppercase;
    font-weight: 500;
}

.mh-details[b-7p0jl0vxda] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.mh-details-grid[b-7p0jl0vxda] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.mh-label[b-7p0jl0vxda] {
    font-size: 0.625rem;
    font-weight: 700;
    color: #617589;
    text-transform: uppercase;
    margin: 0 0 0.25rem;
}

.mh-value[b-7p0jl0vxda] {
    font-size: 0.625rem;
    color: #111418;
    margin: 0;
    word-break: break-all;
}

.mh-value.mono[b-7p0jl0vxda] {
    font-family: monospace;
}

.mh-disclaimer[b-7p0jl0vxda] {
    font-size: 0.5625rem;
    text-align: center;
    color: #617589;
    margin: 0;
}

/* Page Footer */
.page-footer[b-7p0jl0vxda] {
    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-7p0jl0vxda] {
    font-weight: 700;
}

/* Print Styles */
@media print {
    .no-print[b-7p0jl0vxda] {
        display: none !important;
    }

    .print-area[b-7p0jl0vxda] {
        margin: 0 !important;
        box-shadow: none !important;
        border: none !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 1.5rem !important;
    }

    .pdf-main[b-7p0jl0vxda] {
        padding: 0 !important;
    }

    body[b-7p0jl0vxda] {
        background: white !important;
    }
}
/* /Pages/Facturas.razor.rz.scp.css */
.facturas-toolbar[b-qlvsduvhz7] {
    display: flex;
    justify-content: flex-end;
    gap: var(--hf-spacing-md);
    margin-bottom: 1rem;
    width: 100%;
}

.facturas-header[b-qlvsduvhz7] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: var(--hf-spacing-sm);
}

.facturas-title-bar[b-qlvsduvhz7] {
    display: flex;
    align-items: center;
    gap: var(--hf-spacing-md);
}
/* /Pages/Home.razor.rz.scp.css */
.welcome-container[b-t5tmwsd37h] {
    position: relative;
    width: 100%;
    min-height: calc(100vh - 120px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    overflow: hidden;
    border-radius: 1.5rem;
    margin-top: 1rem;
}

.welcome-background[b-t5tmwsd37h] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/images/backgrounds/light01.png');
    background-size: cover;
    background-position: center;
    filter: blur(8px) brightness(0.95);
    transform: scale(1.1);
    z-index: 1;
}

[data-theme="dark"] .welcome-background[b-t5tmwsd37h],
.dark .welcome-background[b-t5tmwsd37h] {
    background-image: url('/images/backgrounds/dark01.png');
    filter: blur(8px) brightness(0.5);
}

.welcome-content[b-t5tmwsd37h] {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 800px;
    padding: 3rem;
    background: rgba(var(--sys-bg-component-rgb, 255, 255, 255), 0.6);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--sys-border-light);
    border-radius: 2rem;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    animation: welcomeFadeIn-b-t5tmwsd37h 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-theme="dark"] .welcome-content[b-t5tmwsd37h],
.dark .welcome-content[b-t5tmwsd37h] {
    background: rgba(15, 23, 42, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.welcome-icon-wrapper[b-t5tmwsd37h] {
    width: 80px;
    height: 80px;
    background: var(--sys-primary);
    color: white;
    border-radius: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    box-shadow: 0 10px 20px rgba(var(--sys-primary-rgb), 0.3);
    transform: rotate(-5deg);
    transition: transform 0.3s ease;
}

.welcome-icon-wrapper:hover[b-t5tmwsd37h] {
    transform: rotate(0deg) scale(1.05);
}

.welcome-title[b-t5tmwsd37h] {
    font-size: 3.5rem;
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    color: var(--sys-text-primary);
    letter-spacing: -0.04em;
}

.welcome-subtitle[b-t5tmwsd37h] {
    font-size: 1.25rem;
    color: var(--sys-text-secondary);
    line-height: 1.6;
    margin-bottom: 2.5rem;
}

.welcome-actions[b-t5tmwsd37h] {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

@keyframes welcomeFadeIn-b-t5tmwsd37h {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 768px) {
    .welcome-title[b-t5tmwsd37h] {
        font-size: 2.5rem;
    }
    .welcome-content[b-t5tmwsd37h] {
        padding: 2rem;
    }
}

/* --- Estilos del Dashboard Operativo (Empresa) --- */
.stats-grid[b-t5tmwsd37h] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.stat-card[b-t5tmwsd37h] {
    background: var(--sys-bg-component);
    padding: 1.5rem;
    border-radius: 1.25rem;
    border: 1px solid var(--sys-border-light);
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.stat-icon[b-t5tmwsd37h] {
    width: 48px;
    height: 48px;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stat-icon.primary[b-t5tmwsd37h] { background: #e0f2fe; color: #0ea5e9; }
.stat-icon.error[b-t5tmwsd37h] { background: #fee2e2; color: #ef4444; }
.stat-icon.warning[b-t5tmwsd37h] { background: #fef3c7; color: #f59e0b; }
.stat-icon.secondary[b-t5tmwsd37h] { background: #f1f5f9; color: #64748b; }

.stat-label[b-t5tmwsd37h] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--sys-text-secondary);
}

.stat-value[b-t5tmwsd37h] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--sys-text-primary);
}
/* /Pages/InvalidacionesPage.razor.rz.scp.css */
.page-layout[b-poglevgoj0] {
    display: flex;
    height: 100%;
    width: 100%;
    background-color: var(--hf-bg);
}

.main-content[b-poglevgoj0] {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.page-header[b-poglevgoj0] {
    padding: 2rem;
    padding-bottom: 1rem;
}

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

.tabs-container[b-poglevgoj0] {
    flex: 1 1 0%;
    overflow: hidden;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
}

.card-wrapper[b-poglevgoj0] {
    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-poglevgoj0] {
    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-v6dhoem16n] {
    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-v6dhoem16n] {
    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-v6dhoem16n],
.dark .login-background[b-v6dhoem16n] {
    background-image: url('/images/backgrounds/dark01.png');
}

.login-card[b-v6dhoem16n] {
    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-v6dhoem16n 0.5s ease;
    transition: all 0.3s ease;
}

/* Use system tokens to avoid deep and important directives */
.login-card[b-v6dhoem16n] {
    --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-v6dhoem16n],
.dark .login-card[b-v6dhoem16n] {
    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-v6dhoem16n] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 100;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: 1px solid var(--sys-border-light, rgba(0, 0, 0, 0.1));
    background: var(--sys-bg-secondary, rgba(255, 255, 255, 0.2));
    backdrop-filter: blur(8px);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    color: var(--hf-text-primary);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.2s;
}

[data-theme="dark"] .theme-toggle-btn[b-v6dhoem16n],
.dark .theme-toggle-btn[b-v6dhoem16n] {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.05);
    color: white;
}

.theme-toggle-btn:hover[b-v6dhoem16n] {
    background: var(--sys-bg-component, rgba(255, 255, 255, 0.4));
    transform: scale(1.05);
}

/* Inner Elements */
.login-logo[b-v6dhoem16n] {
    text-align: center;
    margin-bottom: 2rem;
}

.company-logo[b-v6dhoem16n] {
    width: 75px;
    height: auto;
    object-fit: contain;
}

.login-header[b-v6dhoem16n] {
    text-align: center;
    margin-bottom: 2rem;
}

.login-header h1[b-v6dhoem16n] {
    font-size: var(--sys-font-h2);
    font-weight: 700;
    color: var(--hf-text-primary);
    margin-bottom: 0.5rem;
}

.login-header p[b-v6dhoem16n] {
    font-size: var(--sys-font-base);
    color: var(--hf-text-secondary);
}

/* Auth Toggle Styles */
.auth-toggle[b-v6dhoem16n] {
    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-v6dhoem16n],
.dark .auth-toggle[b-v6dhoem16n] {
    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-v6dhoem16n] {
    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-v6dhoem16n],
.dark .auth-toggle-option[b-v6dhoem16n] {
    color: var(--sys-text-secondary, #94a3b8);
}

.auth-toggle-option:hover[b-v6dhoem16n] {
    color: var(--sys-text-primary, #0f172a);
}

[data-theme="dark"] .auth-toggle-option:hover[b-v6dhoem16n],
.dark .auth-toggle-option:hover[b-v6dhoem16n] {
    color: var(--sys-text-primary, #ffffff);
}

.auth-toggle-option.active[b-v6dhoem16n] {
    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-v6dhoem16n],
.dark .auth-toggle-option.active[b-v6dhoem16n] {
    background-color: var(--sys-primary, #3b82f6);
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* Form */
.auth-form[b-v6dhoem16n] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    animation: formEntry-b-v6dhoem16n 0.4s ease-out;
}

@keyframes formEntry-b-v6dhoem16n {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.login-footer[b-v6dhoem16n] {
    margin-top: 1.5rem;
    text-align: center;
}

.btn-link[b-v6dhoem16n] {
    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-v6dhoem16n] {
    color: white;
    text-decoration: underline;
}

.alert-error[b-v6dhoem16n] {
    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-v6dhoem16n 0.5s cubic-bezier(.36, .07, .19, .97) both;
}

@keyframes shake-b-v6dhoem16n {

    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-v6dhoem16n {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 640px) {
    .login-card[b-v6dhoem16n] {
        padding: 2rem 1.5rem;
        border-radius: 1rem;
    }

    .company-logo[b-v6dhoem16n] {
        width: 120px;
    }

    .login-header h1[b-v6dhoem16n] {
        font-size: 1.5rem;
    }
}

/* Registration CTA Card */
.registration-cta[b-v6dhoem16n] {
    margin-top: 2rem;
    padding: 1.25rem 1rem;
    border-radius: var(--sys-radius-md, 0.75rem);
    background-color: var(--sys-bg-secondary, rgba(255, 255, 255, 0.6));
    border: 1px solid var(--sys-border-light, rgba(0, 0, 0, 0.15));
    text-align: center;
    font-size: 0.85rem;
    color: var(--hf-text-primary);
    backdrop-filter: blur(8px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

[data-theme="dark"] .registration-cta[b-v6dhoem16n],
.dark .registration-cta[b-v6dhoem16n] {
    background-color: var(--sys-bg-secondary, rgba(0, 0, 0, 0.4));
    border-color: var(--sys-border-light, rgba(255, 255, 255, 0.15));
    color: var(--hf-text-secondary);
}

.registration-cta p[b-v6dhoem16n] {
    margin: 0;
    line-height: 1.5;
}

.registration-cta p:first-child[b-v6dhoem16n] {
    margin-bottom: 0.5rem;
}

.registration-link[b-v6dhoem16n] {
    color: var(--hf-primary);
    text-decoration: none;
    font-weight: 700;
    transition: color 0.2s, text-shadow 0.2s;
}

.registration-link:hover[b-v6dhoem16n] {
    color: var(--hf-primary-light);
    text-decoration: underline;
}

/* Tenant Status Screens (Loading, No Plan, Unregistered) */
.auth-status-container[b-v6dhoem16n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1rem 0;
    animation: fadeIn-b-v6dhoem16n 0.3s ease-out;
}

.auth-spinner[b-v6dhoem16n] {
    width: 40px;
    height: 40px;
    border: 3px solid rgba(255, 255, 255, 0.1);
    border-top: 3px solid var(--hf-primary);
    border-radius: 50%;
    animation: spin-b-v6dhoem16n 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-v6dhoem16n {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.status-icon[b-v6dhoem16n] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
    background: rgba(255, 255, 255, 0.1);
}

.status-icon .material-symbols-outlined[b-v6dhoem16n] {
    font-size: 32px;
}

.status-icon.warning[b-v6dhoem16n] {
    color: #f59e0b;
    background: rgba(245, 158, 11, 0.1);
}

.status-icon.error[b-v6dhoem16n] {
    color: #ef4444;
    background: rgba(239, 68, 68, 0.1);
}

.status-title[b-v6dhoem16n] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--hf-text-primary);
    margin-bottom: 0.75rem;
}

.status-message[b-v6dhoem16n] {
    font-size: 0.9rem;
    color: var(--hf-text-secondary);
    line-height: 1.5;
    margin-bottom: 1.5rem;
    max-width: 300px;
}

.status-divider[b-v6dhoem16n] {
    width: 100%;
    height: 1px;
    border: none;
    background: var(--sys-border-light, rgba(0, 0, 0, 0.1));
    margin: 0 0 1.5rem 0;
}

.status-actions[b-v6dhoem16n] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
}

.status-btn[b-v6dhoem16n] {
    display: block;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
    border: 1px solid transparent;
    cursor: pointer;
    text-align: center;
}

.status-btn.primary[b-v6dhoem16n] {
    background: var(--hf-primary);
    color: white;
}

.status-btn.primary:hover[b-v6dhoem16n] {
    filter: brightness(1.1);
    transform: translateY(-1px);
}

.status-btn.secondary[b-v6dhoem16n] {
    background: var(--sys-bg-secondary, rgba(255, 255, 255, 0.1));
    color: var(--hf-text-primary);
    border-color: var(--sys-border-light, rgba(0, 0, 0, 0.1));
}

.status-btn.secondary:hover[b-v6dhoem16n] {
    background: var(--sys-bg-component, rgba(255, 255, 255, 0.2));
}

@keyframes fadeIn-b-v6dhoem16n {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}
/* /Pages/Portal/MyCompanies.razor.rz.scp.css */
.header-icon-wrapper[b-qbw34o0i8l] {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    box-shadow: 0 8px 16px rgba(59, 130, 246, 0.2);
}

.company-info-cell[b-qbw34o0i8l] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.company-logo-placeholder[b-qbw34o0i8l] {
    width: 36px;
    height: 36px;
    background: #f1f5f9;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: #64748b;
    border: 1px solid #e2e8f0;
}

.domain-tag[b-qbw34o0i8l] {
    background: #f8fafc;
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
    font-family: 'Cascadia Code', monospace;
    font-size: 0.75rem;
    color: #334155;
}

.status-indicator[b-qbw34o0i8l] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 20px;
}

.status-indicator.active[b-qbw34o0i8l] {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
}

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

.loading-state .spinner[b-qbw34o0i8l] {
    width: 40px;
    height: 40px;
    border: 3px solid rgba(59, 130, 246, 0.1);
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: spin-b-qbw34o0i8l 1s linear infinite;
    margin: 0 auto;
}

@keyframes spin-b-qbw34o0i8l { to { transform: rotate(360deg); } }
/* /Pages/TenantConfiguration.razor.rz.scp.css */
/* TenantConfiguration Page Scoped Styles */

.tc-container[b-g576us3jty] {
    display: flex;
    height: 100%;
    width: 100%;
    background-color: var(--sys-bg-app);
    font-family: var(--sys-font-family);
}

.tc-main[b-g576us3jty] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

.tc-scroll-area[b-g576us3jty] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
}

.tc-content[b-g576us3jty] {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.tc-loading-wrapper[b-g576us3jty] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16rem;
}

/* Alerts */
.tc-locked-alert[b-g576us3jty] {
    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-g576us3jty] {
    color: var(--sys-text-muted);
    margin-top: 0.25rem;
}

.tc-locked-title[b-g576us3jty] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--sys-text-secondary);
    margin-bottom: 0.25rem;
}

.tc-locked-text[b-g576us3jty] {
    font-size: 0.875rem;
    color: var(--sys-text-muted);
    margin: 0;
}

/* Form Styles */
.tc-field-group[b-g576us3jty] {
    margin-bottom: 1.5rem;
}

/* Modal */
.tc-modal-overlay[b-g576us3jty] {
    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-g576us3jty] {
    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-g576us3jty] {
    text-align: center;
    margin-bottom: 1rem;
}

.tc-modal-icon[b-g576us3jty] {
    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-g576us3jty] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--sys-text-primary);
    margin: 0;
}

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

.tc-modal-input[b-g576us3jty] {
    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-g576us3jty] {
    outline: none;
    box-shadow: 0 0 0 2px var(--sys-primary);
    border-color: var(--sys-primary);
}

.tc-modal-actions[b-g576us3jty] {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
}

/* Toast/Floating Alert */
.tc-toast-lock[b-g576us3jty] {
    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-g576us3jty] {
    color: #f59e0b;
    background-color: #fffbeb;
    padding: 0.5rem;
    border-radius: 50%;
    display: flex;
}

.tc-toast-content[b-g576us3jty] {
    flex: 1;
}

.tc-toast-title[b-g576us3jty] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--sys-text-primary);
    margin: 0;
}

.tc-toast-text[b-g576us3jty] {
    font-size: 0.75rem;
    color: var(--sys-text-secondary);
    margin: 0;
}

.tc-toast-close[b-g576us3jty] {
    color: var(--sys-text-muted);
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
}

.tc-toast-close:hover[b-g576us3jty] {
    color: var(--sys-text-primary);
}

/* TopBar Actions */
.tc-topbar-actions[b-g576us3jty] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.tc-btn-toggle[b-g576us3jty] {
    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-g576us3jty] {
    background-color: #fffbeb;
    color: #d97706;
    border-color: #fde68a;
}

.tc-btn-locked:hover[b-g576us3jty] {
    background-color: #fef3c7;
}

.tc-btn-unlocked[b-g576us3jty] {
    background-color: #ecfdf5;
    color: #059669;
    border-color: #a7f3d0;
}

.tc-btn-unlocked:hover[b-g576us3jty] {
    background-color: #d1fae5;
}

.tc-divider[b-g576us3jty] {
    height: 2rem;
    width: 1px;
    background-color: var(--sys-border-light);
}

.tc-error-text[b-g576us3jty] {
    color: var(--sys-error, #ef4444);
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

.tc-lockout-body[b-g576us3jty] {
    padding: 1rem 0;
    text-align: center;
}

.tc-lockout-info[b-g576us3jty] {
    font-size: 0.8125rem;
    color: var(--sys-text-secondary);
    margin-top: 0.5rem;
    line-height: 1.4;
}

.tc-verifying-indicator[b-g576us3jty] {
    margin-top: 0.75rem;
    display: flex;
    justify-content: center;
}

.tc-text-center[b-g576us3jty] {
    text-align: center;
}

.tc-w-full[b-g576us3jty] {
    width: 100%;
}
/* /Pages/VentasPage.razor.rz.scp.css */
.page-container[b-ea7s81dp1g] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background-color: var(--hf-bg);
    height: 100%;
}

.filters-section[b-ea7s81dp1g] {
    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-ea7s81dp1g] {
    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-ea7s81dp1g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filters-title[b-ea7s81dp1g] {
    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-ea7s81dp1g] {
    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-ea7s81dp1g] {
    text-decoration: underline;
}

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

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

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

.filter-field[b-ea7s81dp1g] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    justify-content: flex-end;
}

.filter-label[b-ea7s81dp1g] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--hf-text-secondary);
    text-transform: uppercase;
}

.col-date-range[b-ea7s81dp1g] {
    grid-column: span 1 / span 1;
}

.col-dte-type[b-ea7s81dp1g] {
    grid-column: span 1 / span 1;
}

.col-seller[b-ea7s81dp1g] {
    grid-column: span 1 / span 1;
}

.col-branch[b-ea7s81dp1g] {
    grid-column: span 1 / span 1;
}

.col-status[b-ea7s81dp1g] {
    grid-column: span 1 / span 1;
}

.col-action[b-ea7s81dp1g] {
    grid-column: span 1 / span 1;
    align-items: flex-end;
}

@media (min-width: 768px) {
    .col-date-range[b-ea7s81dp1g] {
        grid-column: span 3 / span 3;
    }

    .col-dte-type[b-ea7s81dp1g] {
        grid-column: span 2 / span 2;
    }

    .col-seller[b-ea7s81dp1g] {
        grid-column: span 2 / span 2;
    }

    .col-branch[b-ea7s81dp1g] {
        grid-column: span 2 / span 2;
    }

    .col-status[b-ea7s81dp1g] {
        grid-column: span 2 / span 2;
    }

    .col-action[b-ea7s81dp1g] {
        grid-column: span 1 / span 1;
    }
}

.date-range-inputs[b-ea7s81dp1g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.stats-grid[b-ea7s81dp1g] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
    flex-shrink: 0;
}

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

.stat-card[b-ea7s81dp1g] {
    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-ea7s81dp1g] {
    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-ea7s81dp1g] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 0.25rem;
}

.stat-value[b-ea7s81dp1g] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--hf-primary);
    margin: 0;
}

.stat-value.text-warning[b-ea7s81dp1g] {
    color: var(--hf-warning);
}

.stat-trend[b-ea7s81dp1g] {
    font-size: 0.75rem;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.stat-trend.text-success[b-ea7s81dp1g] {
    color: var(--hf-success);
}

.acceptance-progress-group[b-ea7s81dp1g] {
    display: flex;
    align-items: center;
    flex: 1 1 0%;
}

.progress-bar-container[b-ea7s81dp1g] {
    height: 0.5rem;
    width: 100%;
    background-color: var(--hf-bg);
    border-radius: 9999px;
    overflow: hidden;
}

.progress-fill[b-ea7s81dp1g] {
    height: 100%;
    background-color: var(--hf-success);
}

.grid-section[b-ea7s81dp1g] {
    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-ea7s81dp1g] {
    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-ea7s81dp1g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

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

.header-actions[b-ea7s81dp1g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.grid-content-wrapper[b-ea7s81dp1g] {
    flex: 1 1 0%;
    overflow: auto;
}

/* Custom Grid formatting */
.row-title[b-ea7s81dp1g] {
    font-weight: 500;
    color: var(--hf-text-primary);
    margin: 0;
}

.row-subtitle[b-ea7s81dp1g] {
    font-size: 0.75rem;
    color: var(--hf-text-secondary);
    text-transform: uppercase;
    margin: 0;
}

.row-uuid[b-ea7s81dp1g] {
    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-ea7s81dp1g] {
    font-weight: 700;
    color: var(--hf-text-primary);
}

.col-right[b-ea7s81dp1g] {
    text-align: right;
}

.col-center[b-ea7s81dp1g] {
    text-align: center;
}

.action-btns[b-ea7s81dp1g] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25rem;
}

.icon-btn[b-ea7s81dp1g] {
    color: var(--hf-text-secondary);
    padding: 0.5rem;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: color 0.2s;
}

.icon-btn:hover[b-ea7s81dp1g] {
    color: var(--hf-primary);
}