@import '_content/BlazorDateRangePicker/BlazorDateRangePicker.bundle.scp.css';
@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/Havit.Blazor.Components.Web.Bootstrap/Havit.Blazor.Components.Web.Bootstrap.bundle.scp.css';

/* _content/OrigemBeneficios.Presentation.Panel/Components/SkeletonLoading.razor.rz.scp.css */
.skeleton-loading[b-a72j5d6yr8] {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: loading-b-a72j5d6yr8 1.5s infinite;
}

@keyframes loading-b-a72j5d6yr8 {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}
/* _content/OrigemBeneficios.Presentation.Panel/Layout/LoginLayout.razor.rz.scp.css */
#loading-progress[b-o0wz2wn8d9] {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    background: #CCC;
    opacity: 0.6;
}


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

    #blazor-error-ui .dismiss[b-o0wz2wn8d9] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/OrigemBeneficios.Presentation.Panel/Layout/MainLayout.razor.rz.scp.css */
#loading-progress[b-q4y56gn23z] {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    background: #CCC;
    opacity: 0.6;
}


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

    #blazor-error-ui .dismiss[b-q4y56gn23z] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Administrativo/Cadastro/Cliente/ClienteEdit.razor.rz.scp.css */
/* Estilos adicionais para melhorar a responsividade */
.min-w-0[b-xl0obfdz9f] {
    min-width: 0;
}


.truncate-simple[b-xl0obfdz9f] {
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Estilo para tornar o header sticky mais visível */
.table thead.table-light th[b-xl0obfdz9f] {
    background-color: #f1f3f4 !important;
    border-bottom: 2px solid #dee2e6;
    font-weight: 600;
}

/* Feedback visual quando todos os documentos estão selecionados */
.all-approved[b-xl0obfdz9f] {
    background: linear-gradient(45deg, #d4edda, #c3e6cb);
    border-color: #28a745;
}

.all-rejected[b-xl0obfdz9f] {
    background: linear-gradient(45deg, #f8d7da, #f1b0b7);
    border-color: #dc3545;
}

.text-truncate[b-xl0obfdz9f] {
    width:300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-truncate-filename[b-xl0obfdz9f] {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 0 !important;
    flex-grow: 1 !important;
    display: block !important;
}

.documento-info[b-xl0obfdz9f] {
    min-width: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
}

@media (max-width: 576px) {
    .card-header[b-xl0obfdz9f] {
        flex-direction: column;
        align-items: stretch !important;
        gap: 0.5rem;
    }

        .card-header .btn[b-xl0obfdz9f] {
            align-self: stretch;
        }

    .d-flex.gap-2.flex-wrap[b-xl0obfdz9f] {
        flex-direction: column;
        gap: 0.5rem !important;
    }

    .d-flex.gap-1.ms-auto[b-xl0obfdz9f] {
        margin-left: 0 !important;
        justify-content: stretch;
    }

        .d-flex.gap-1.ms-auto .btn[b-xl0obfdz9f] {
            flex: 1;
        }
}

@media (max-width: 768px) {
    .col-lg-6[b-xl0obfdz9f] {
        margin-bottom: 1rem;
    }
}

/* Melhoria visual para os cards */
.card[b-xl0obfdz9f] {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    transition: box-shadow 0.15s ease-in-out;
}

    .card:hover[b-xl0obfdz9f] {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }

.list-group-item[b-xl0obfdz9f] {
    transition: background-color 0.15s ease-in-out;
}

    .list-group-item:hover[b-xl0obfdz9f] {
        background-color: rgba(0, 0, 0, 0.02) !important;
    }

/* Melhorias nos badges */
.badge[b-xl0obfdz9f] {
    font-weight: 500;
    padding: 0.375em 0.75em;
}

/* Melhorias nos botões */
.btn-sm[b-xl0obfdz9f] {
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
}

.btn-outline-primary:hover[b-xl0obfdz9f], .btn-outline-danger:hover[b-xl0obfdz9f] {
    transform: translateY(-1px);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}


/* CSS para as tags de beneficiários no estilo da pré-venda */
.beneficiario-tag[b-xl0obfdz9f] {
    display: inline-block;
    margin-bottom: 0;
}

    .beneficiario-tag .badge[b-xl0obfdz9f] {
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        padding: 0.5rem 0.75rem;
        border-radius: 1rem;
        border: none;
        display: inline-flex;
        align-items: center;
        white-space: nowrap;
    }

/* Tag do Titular */
.titular-tag .badge[b-xl0obfdz9f] {
    background-color: #0d6efd !important;
    color: white;
    border: 2px solid #0d6efd;
}

    .titular-tag .badge i[b-xl0obfdz9f] {
        font-size: 0.8rem;
    }

/* Tag do Dependente */
.dependente-tag .badge[b-xl0obfdz9f] {
    background-color: #198754 !important;
    color: white;
    border: 2px solid #198754;
}

    .dependente-tag .badge i[b-xl0obfdz9f] {
        font-size: 0.8rem;
    }

/* Tag do Adicional */
.adicional-tag .badge[b-xl0obfdz9f] {
    background-color: #ffc107 !important;
    color: #212529 !important;
    border: 2px solid #ffc107;
    font-weight: 700;
}

    .adicional-tag .badge i[b-xl0obfdz9f] {
        font-size: 0.8rem;
        color: #212529;
    }

/* Hover effects para as tags */
.beneficiario-tag .badge:hover[b-xl0obfdz9f] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}

/* Responsividade para telas menores */
@media (max-width: 768px) {
    .beneficiario-tag .badge[b-xl0obfdz9f] {
        font-size: 0.65rem;
        padding: 0.4rem 0.6rem;
    }

        .beneficiario-tag .badge i[b-xl0obfdz9f] {
            font-size: 0.7rem;
        }
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Administrativo/Cadastro/Cliente/ClienteIndex.razor.rz.scp.css */
.popup-overlay[b-1t44akmq8o] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    backdrop-filter: blur(2px);
}

.popup-pendencias[b-1t44akmq8o] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    max-width: 500px;
    width: 90vw;
    max-height: 80vh;
    overflow: hidden;
    animation: popupSlideIn-b-1t44akmq8o 0.3s ease-out;
}
.btn-group-sm > .btn[b-1t44akmq8o], .btn-sm-2[b-1t44akmq8o] {
    --vz-btn-padding-y: 0.1rem;
    --vz-btn-padding-x: 2.5rem;
    --vz-btn-font-size: calc(var(--vz-font-base) * 0.875);
    --vz-btn-border-radius: var(--vz-border-radius-sm);
}

@keyframes popupSlideIn-b-1t44akmq8o {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.popup-header[b-1t44akmq8o] {
    padding: 20px 24px 16px;
    border-bottom: 1px solid #e9ecef;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.popup-title[b-1t44akmq8o] {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    color: #495057;
}

.popup-close-btn[b-1t44akmq8o] {
    background: none;
    border: none;
    font-size: 20px;
    color: #6c757d;
    cursor: pointer;
    padding: 8px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

    .popup-close-btn:hover[b-1t44akmq8o] {
        background: rgba(0, 0, 0, 0.1);
        color: #495057;
    }

.popup-body[b-1t44akmq8o] {
    padding: 24px;
    max-height: 400px;
    overflow-y: auto;
}

.pendencias-content[b-1t44akmq8o],
.status-content[b-1t44akmq8o] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.status-badge[b-1t44akmq8o] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-radius: 8px;
    font-weight: 500;
    text-align: center;
    justify-content: center;
}

    .status-badge.warning[b-1t44akmq8o] {
        background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
        color: #856404;
        border: 1px solid #ffeaa7;
    }

    .status-badge.success[b-1t44akmq8o] {
        background: linear-gradient(135deg, #d1e7dd 0%, #a3d9a4 100%);
        color: #0f5132;
        border: 1px solid #a3d9a4;
    }

.observacao-section[b-1t44akmq8o] {
    background: #f8f9fa;
    padding: 16px;
    border-radius: 8px;
    border-left: 4px solid #ffc107;
}

    .observacao-section h6[b-1t44akmq8o] {
        margin: 0 0 12px 0;
        color: #495057;
        font-weight: 600;
    }

.observacao-text[b-1t44akmq8o] {
    margin: 0;
    line-height: 1.5;
    color: #6c757d;
}

.pendencias-list h6[b-1t44akmq8o] {
    margin: 0 0 12px 0;
    color: #495057;
    font-weight: 600;
}

.pendencias-itens[b-1t44akmq8o] {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

    .pendencias-itens li[b-1t44akmq8o] {
        padding: 8px 0;
        color: #6c757d;
        border-bottom: 1px solid #e9ecef;
        display: flex;
        align-items: center;
    }

        .pendencias-itens li:last-child[b-1t44akmq8o] {
            border-bottom: none;
        }

.status-message[b-1t44akmq8o] {
    text-align: center;
    color: #6c757d;
    margin: 16px 0 0 0;
    font-size: 16px;
}

.popup-footer[b-1t44akmq8o] {
    padding: 16px 24px;
    border-top: 1px solid #e9ecef;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    background: #f8f9fa;
}

    .popup-footer .btn[b-1t44akmq8o] {
        border-radius: 6px;
        font-weight: 500;
        transition: all 0.2s ease;
    }

/* Responsividade */
@media (max-width: 576px) {
    .popup-pendencias[b-1t44akmq8o] {
        width: 95vw;
        margin: 20px;
    }

    .popup-header[b-1t44akmq8o],
    .popup-body[b-1t44akmq8o],
    .popup-footer[b-1t44akmq8o] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .popup-footer[b-1t44akmq8o] {
        flex-direction: column;
    }

        .popup-footer .btn[b-1t44akmq8o] {
            width: 100%;
        }
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Administrativo/Cadastro/Cliente/Testes/v0V0/ClienteEdit.razor.rz.scp.css */
/* Estilos personalizados para a tela de edição de cliente */

/* Estilo para as abas */
.nav-tabs-custom[b-e4lrycws1c] {
    border-bottom: 1px solid #e9ebec;
}

    .nav-tabs-custom .nav-item .nav-link[b-e4lrycws1c] {
        border: none;
        font-weight: 500;
        padding: 0.75rem 1.25rem;
        color: var(--bs-body-color);
        position: relative;
    }

        .nav-tabs-custom .nav-item .nav-link.active[b-e4lrycws1c] {
            color: var(--bs-primary);
        }

            .nav-tabs-custom .nav-item .nav-link.active[b-e4lrycws1c]::after {
                content: "";
                position: absolute;
                bottom: -2px;
                left: 0;
                right: 0;
                height: 2px;
                background-color: var(--bs-primary);
            }

/* Estilo para cards */
.card-header.bg-light[b-e4lrycws1c] {
    background-color: rgba(var(--bs-light-rgb), 0.5) !important;
}

/* Estilo para áreas de upload */
.dropzone[b-e4lrycws1c] {
    min-height: 150px;
    border: 2px dashed #e9ebec;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .dropzone:hover[b-e4lrycws1c] {
        border-color: var(--bs-primary);
    }

/* Estilo para áreas vazias */
.border-dashed[b-e4lrycws1c] {
    border-style: dashed !important;
}

/* Estilo para botões de ação */
.btn-icon[b-e4lrycws1c] {
    width: 32px;
    height: 32px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Estilo para tabelas responsivas */
.table-sm td[b-e4lrycws1c],
.table-sm th[b-e4lrycws1c] {
    padding: 0.5rem;
}

/* Animações */
.avatar-title[b-e4lrycws1c] {
    transition: all 0.3s ease;
}

.card:hover .avatar-title[b-e4lrycws1c] {
    transform: scale(1.05);
}

/* Estilos para dispositivos móveis */
@media (max-width: 767.98px) {
    .nav-tabs-custom .nav-link[b-e4lrycws1c] {
        padding: 0.5rem 0.75rem;
        font-size: 0.875rem;
    }

    .card-header h5[b-e4lrycws1c] {
        font-size: 1rem;
    }
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Administrativo/Cadastro/Produto/ProdutoEdit.razor.rz.scp.css */
.benefit-price[b-4nrcyrbswg] {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #ff5722; 
    font-weight: bold;
    background-color: #fff3e0;
    padding: 4px 8px;
    border-radius: 8px;
}

    .benefit-price i[b-4nrcyrbswg] {
        margin-right: 6px; 
        font-size: 20px; 
    }
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Administrativo/GestaoAssinatura/Components/GestaoAssinaturaAlteracaoDados.razor.rz.scp.css */
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Configuracao/Complementar/AprovacaoDocumento/AprovacaoDocumentoIndex.razor.rz.scp.css */
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Financeiro/Financas/CaixaBanco/CaixaBancoExtrato.razor.rz.scp.css */
.validation-message[b-4yvtwqk4zz] {
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    padding: 10px;
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
    animation: fadeIn-b-4yvtwqk4zz 0.5s ease-in-out;
}

@keyframes fadeIn-b-4yvtwqk4zz {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Financeiro/Financas/CaixaBanco/Testes/CaixaBancoNovo.razor.rz.scp.css */
.financial-control[b-qr7vp7i365] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
    font-family: system-ui, -apple-system, sans-serif;
}

.header[b-qr7vp7i365] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

    .header h1[b-qr7vp7i365] {
        font-size: 1.5rem;
        color: #666;
        font-weight: 500;
    }

.print-btn[b-qr7vp7i365] {
    background-color: #5EBFB6;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
}

.account-section[b-qr7vp7i365] {
    background: white;
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.account-selector[b-qr7vp7i365] {
    position: relative;
}

.btn-account[b-qr7vp7i365] {
    background: #5EBFB6;
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
}

.dropdown-content[b-qr7vp7i365] {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    min-width: 200px;
    z-index: 1000;
}

.dropdown-item[b-qr7vp7i365] {
    padding: 0.75rem 1rem;
    cursor: pointer;
}

    .dropdown-item:hover[b-qr7vp7i365] {
        background: #f5f5f5;
    }

.new-account[b-qr7vp7i365] {
    border-top: 1px solid #eee;
    color: #5EBFB6;
}

.account-balance[b-qr7vp7i365] {
    text-align: right;
}

.balance-amount[b-qr7vp7i365] {
    font-size: 2rem;
    font-weight: 500;
    color: #333;
    display: block;
}

.balance-label[b-qr7vp7i365] {
    color: #666;
    font-size: 0.875rem;
}

.summary-section[b-qr7vp7i365] {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
}

.summary-item[b-qr7vp7i365] {
    flex: 1;
    background: white;
    padding: 1rem;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

    .summary-item .label[b-qr7vp7i365] {
        color: #666;
        font-size: 0.875rem;
    }

    .summary-item .amount[b-qr7vp7i365] {
        margin-top: 0.5rem;
    }

        .summary-item .amount span:first-child[b-qr7vp7i365] {
            font-size: 1.25rem;
            font-weight: 500;
            color: #333;
            display: block;
        }

        .summary-item .amount span:last-child[b-qr7vp7i365] {
            font-size: 0.875rem;
            color: #666;
        }

.month-tabs[b-qr7vp7i365] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    align-items: center;
}

.btn-year[b-qr7vp7i365] {
    background: #5EBFB6;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.months[b-qr7vp7i365] {
    display: flex;
    gap: 0.5rem;
}

.btn-month[b-qr7vp7i365] {
    background: none;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    color: #666;
    border-radius: 4px;
}

    .btn-month.active[b-qr7vp7i365] {
        background: #5EBFB6;
        color: white;
    }

.transaction-tabs[b-qr7vp7i365] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #eee;
}

.btn-tab[b-qr7vp7i365] {
    background: none;
    border: none;
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    color: #666;
    position: relative;
}

    .btn-tab.active[b-qr7vp7i365] {
        color: #5EBFB6;
        font-weight: 500;
    }

        .btn-tab.active[b-qr7vp7i365]::after {
            content: '';
            position: absolute;
            bottom: -1px;
            left: 0;
            right: 0;
            height: 2px;
            background: #5EBFB6;
        }

.action-buttons[b-qr7vp7i365] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.btn-action[b-qr7vp7i365] {
    background: #5EBFB6;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.875rem;
}

.transactions-grid[b-qr7vp7i365] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    overflow: hidden;
}

table[b-qr7vp7i365] {
    width: 100%;
    border-collapse: collapse;
}

th[b-qr7vp7i365] {
    background: #f5f5f5;
    padding: 1rem;
    text-align: left;
    font-weight: 500;
    color: #666;
}

td[b-qr7vp7i365] {
    padding: 1rem;
    border-bottom: 1px solid #eee;
}

tr:hover[b-qr7vp7i365] {
    background: #f9f9f9;
}

tr.paid[b-qr7vp7i365] {
    background: #f8fff8;
}

.paid-check[b-qr7vp7i365] {
    color: #4CAF50;
    font-weight: bold;
}

tfoot td[b-qr7vp7i365] {
    padding: 1rem;
    color: #666;
}

.total[b-qr7vp7i365] {
    font-weight: 500;
    text-align: right;
}

.arrow-down[b-qr7vp7i365] {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid currentColor;
    margin-left: 0.5rem;
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Financeiro/Financas/CaixaBanco/Testes/CaixaBancoNovo2.razor.rz.scp.css */
.financial-control[b-l9e56z3h03] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
    font-family: system-ui, -apple-system, sans-serif;
}

.header[b-l9e56z3h03] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

    .header h1[b-l9e56z3h03] {
        font-size: 1.5rem;
        color: #666;
        font-weight: 500;
    }

.print-btn[b-l9e56z3h03] {
    background-color: #5EBFB6;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
}

.account-section[b-l9e56z3h03] {
    background: white;
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.account-selector[b-l9e56z3h03] {
    position: relative;
}

.btn-account[b-l9e56z3h03] {
    background: #5EBFB6;
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
}

.dropdown-content[b-l9e56z3h03] {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    min-width: 200px;
    z-index: 1000;
}

.dropdown-item[b-l9e56z3h03] {
    padding: 0.75rem 1rem;
    cursor: pointer;
}

    .dropdown-item:hover[b-l9e56z3h03] {
        background: #f5f5f5;
    }

.new-account[b-l9e56z3h03] {
    border-top: 1px solid #eee;
    color: #5EBFB6;
}

.account-balance[b-l9e56z3h03] {
    text-align: right;
}

.balance-amount[b-l9e56z3h03] {
    font-size: 2rem;
    font-weight: 500;
    color: #333;
    display: block;
}

.balance-label[b-l9e56z3h03] {
    color: #666;
    font-size: 0.875rem;
}

.summary-section[b-l9e56z3h03] {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
}

.summary-item[b-l9e56z3h03] {
    flex: 1;
    background: white;
    padding: 1rem;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

    .summary-item .label[b-l9e56z3h03] {
        color: #666;
        font-size: 0.875rem;
    }

    .summary-item .amount[b-l9e56z3h03] {
        margin-top: 0.5rem;
    }

        .summary-item .amount span:first-child[b-l9e56z3h03] {
            font-size: 1.25rem;
            font-weight: 500;
            color: #333;
            display: block;
        }

        .summary-item .amount span:last-child[b-l9e56z3h03] {
            font-size: 0.875rem;
            color: #666;
        }

.month-tabs[b-l9e56z3h03] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    align-items: center;
}

.btn-year[b-l9e56z3h03] {
    background: #5EBFB6;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.months[b-l9e56z3h03] {
    display: flex;
    gap: 0.5rem;
}

.btn-month[b-l9e56z3h03] {
    background: none;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    color: #666;
    border-radius: 4px;
}

    .btn-month.active[b-l9e56z3h03] {
        background: #5EBFB6;
        color: white;
    }

.transaction-tabs[b-l9e56z3h03] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #eee;
}

.btn-tab[b-l9e56z3h03] {
    background: none;
    border: none;
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    color: #666;
    position: relative;
}

    .btn-tab.active[b-l9e56z3h03] {
        color: #5EBFB6;
        font-weight: 500;
    }

        .btn-tab.active[b-l9e56z3h03]::after {
            content: '';
            position: absolute;
            bottom: -1px;
            left: 0;
            right: 0;
            height: 2px;
            background: #5EBFB6;
        }

.action-buttons[b-l9e56z3h03] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.btn-action[b-l9e56z3h03] {
    background: #5EBFB6;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.875rem;
}

.transactions-grid[b-l9e56z3h03] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    overflow: hidden;
}

table[b-l9e56z3h03] {
    width: 100%;
    border-collapse: collapse;
}

th[b-l9e56z3h03] {
    background: #f5f5f5;
    padding: 1rem;
    text-align: left;
    font-weight: 500;
    color: #666;
}

td[b-l9e56z3h03] {
    padding: 1rem;
    border-bottom: 1px solid #eee;
}

tr:hover[b-l9e56z3h03] {
    background: #f9f9f9;
}

tr.paid[b-l9e56z3h03] {
    background: #f8fff8;
}

.paid-check[b-l9e56z3h03] {
    color: #4CAF50;
    font-weight: bold;
}

tfoot td[b-l9e56z3h03] {
    padding: 1rem;
    color: #666;
}

.total[b-l9e56z3h03] {
    font-weight: 500;
    text-align: right;
}

.arrow-down[b-l9e56z3h03] {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid currentColor;
    margin-left: 0.5rem;
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Financeiro/Financas/Contabilidade/NotasIndex.razor.rz.scp.css */
*[b-pvrws3ujbw] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.coming-soon-wrapper[b-pvrws3ujbw] {
    min-height: 100vh;
    /*background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);*/
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    padding: 0px;
    font-family: Outfit, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.container[b-pvrws3ujbw] {
    width: 100%;
    max-width: 800px;
}

.content-card[b-pvrws3ujbw] {
    background: white;
    border-radius: 20px;
    padding: 48px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    text-align: center;
    position: relative;
    overflow: hidden;
}

    .content-card[b-pvrws3ujbw]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
    }

.icon-container[b-pvrws3ujbw] {
    margin-bottom: 32px;
}

.icon-background[b-pvrws3ujbw] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    animation: float-b-pvrws3ujbw 3s ease-in-out infinite;
}

@keyframes float-b-pvrws3ujbw {
    0%, 100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }
}

.construction-icon[b-pvrws3ujbw] {
    width: 40px;
    height: 40px;
    color: white;
    stroke-width: 2;
}

.main-content[b-pvrws3ujbw] {
    max-width: 600px;
    margin: 0 auto;
}

.title[b-pvrws3ujbw] {
    font-size: 2.0rem;
    font-weight: 700;
    color: #2d3748;
    margin-bottom: 16px;
    line-height: 1.2;
}

.subtitle[b-pvrws3ujbw] {
    font-size: 1.25rem;
    color: #718096;
    margin-bottom: 48px;
    line-height: 1.6;
}

.feature-info[b-pvrws3ujbw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 32px;
    margin-bottom: 48px;
}

.info-item[b-pvrws3ujbw] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    text-align: left;
}

.info-icon[b-pvrws3ujbw] {
    width: 48px;
    height: 48px;
    background: #edf2f7;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .info-icon svg[b-pvrws3ujbw] {
        width: 24px;
        height: 24px;
        color: #667eea;
        stroke-width: 2;
    }

.info-text h3[b-pvrws3ujbw] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 4px;
}

.info-text p[b-pvrws3ujbw] {
    font-size: 0.875rem;
    color: #718096;
    line-height: 1.5;
}

.progress-section[b-pvrws3ujbw] {
    margin-bottom: 48px;
    padding: 24px;
    background: #f7fafc;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
}

.progress-info[b-pvrws3ujbw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.progress-label[b-pvrws3ujbw] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #4a5568;
}

.progress-percentage[b-pvrws3ujbw] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #667eea;
}

.progress-bar[b-pvrws3ujbw] {
    width: 100%;
    height: 8px;
    background: #e2e8f0;
    border-radius: 4px;
    overflow: hidden;
}

.progress-fill[b-pvrws3ujbw] {
    height: 100%;
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
    border-radius: 4px;
    transition: width 0.3s ease;
    animation: progressPulse-b-pvrws3ujbw 2s ease-in-out infinite;
}

@keyframes progressPulse-b-pvrws3ujbw {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.8;
    }
}

.timeline-section[b-pvrws3ujbw] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 48px;
    flex-wrap: wrap;
    gap: 16px;
}

.timeline-item[b-pvrws3ujbw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
    min-width: 120px;
}

.timeline-icon[b-pvrws3ujbw] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

    .timeline-icon.current[b-pvrws3ujbw] {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
    }

    .timeline-icon.upcoming[b-pvrws3ujbw] {
        background: #edf2f7;
        color: #667eea;
    }

    .timeline-icon.future[b-pvrws3ujbw] {
        background: #f7fafc;
        color: #a0aec0;
    }

    .timeline-icon svg[b-pvrws3ujbw] {
        width: 20px;
        height: 20px;
        stroke-width: 2;
    }

.timeline-line[b-pvrws3ujbw] {
    flex: 1;
    height: 2px;
    background: #e2e8f0;
    margin: 0 16px;
    max-width: 80px;
}

.timeline-content h4[b-pvrws3ujbw] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 4px;
}

.timeline-content p[b-pvrws3ujbw] {
    font-size: 0.75rem;
    color: #718096;
}

.action-section[b-pvrws3ujbw] {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-primary[b-pvrws3ujbw], .btn-secondary[b-pvrws3ujbw] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 12px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
    text-decoration: none;
    white-space: nowrap;
}

.btn-primary[b-pvrws3ujbw] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

    .btn-primary:hover[b-pvrws3ujbw] {
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
    }

.btn-secondary[b-pvrws3ujbw] {
    background: #f7fafc;
    color: #4a5568;
    border: 1px solid #e2e8f0;
}

    .btn-secondary:hover[b-pvrws3ujbw] {
        background: #edf2f7;
        transform: translateY(-1px);
    }

    .btn-primary svg[b-pvrws3ujbw], .btn-secondary svg[b-pvrws3ujbw] {
        width: 16px;
        height: 16px;
        stroke-width: 2;
    }

.notification-banner[b-pvrws3ujbw] {
    margin-top: 24px;
    padding: 16px;
    border-radius: 12px;
    border-left: 4px solid;
    animation: slideIn-b-pvrws3ujbw 0.3s ease-out;
}

@keyframes slideIn-b-pvrws3ujbw {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.notification-banner.success[b-pvrws3ujbw] {
    background: #f0fff4;
    border-left-color: #38a169;
    color: #22543d;
}

.notification-banner.error[b-pvrws3ujbw] {
    background: #fed7d7;
    border-left-color: #e53e3e;
    color: #742a2a;
}

.notification-content[b-pvrws3ujbw] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.notification-icon[b-pvrws3ujbw] {
    width: 20px;
    height: 20px;
    stroke-width: 2;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .content-card[b-pvrws3ujbw] {
        padding: 32px 24px;
    }

    .title[b-pvrws3ujbw] {
        font-size: 2rem;
    }

    .subtitle[b-pvrws3ujbw] {
        font-size: 1.125rem;
    }

    .feature-info[b-pvrws3ujbw] {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .timeline-section[b-pvrws3ujbw] {
        flex-direction: column;
        gap: 24px;
    }

    .timeline-line[b-pvrws3ujbw] {
        height: 40px;
        width: 2px;
        margin: 0;
    }

    .action-section[b-pvrws3ujbw] {
        flex-direction: column;
    }

    .btn-primary[b-pvrws3ujbw], .btn-secondary[b-pvrws3ujbw] {
        justify-content: center;
    }
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Financeiro/Financas/ContaPagar/ContaPagarEdit.razor.rz.scp.css */


    .dropzone[b-vqyqogg4ku]{
        position: relative;
        overflow: hidden;
        border: 2px dotted rgba(0,0,0,.2);
        background-color: rgba(0,0,0,.09);
        margin-bottom: 0px;
        border-radius: 5px;
    }

    .dropzone.dropzone-active[b-vqyqogg4ku]{
        background-color: #999;
    }

    .dropzone label[b-vqyqogg4ku]{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }

.fileProgress[b-vqyqogg4ku]{
    vertical-align: middle !important;
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Financeiro/Financas/ContaReceber/ContaReceberEdit.razor.rz.scp.css */


    .dropzone[b-m4ujzui6lh]{
        position: relative;
        overflow: hidden;
        border: 2px dotted rgba(0,0,0,.2);
        background-color: rgba(0,0,0,.09);
        margin-bottom: 0px;
        border-radius: 5px;
    }

    .dropzone.dropzone-active[b-m4ujzui6lh]{
        background-color: #999;
    }

    .dropzone label[b-m4ujzui6lh]{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }

.fileProgress[b-m4ujzui6lh]{
    vertical-align: middle !important;
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Financeiro/Financas/Dre/Dre.razor.rz.scp.css */
div.frozen-table[b-lvo2hflqcm] {
    width: 100%;
    overflow: scroll;
    margin: 0 auto;
    min-height: 300px;
    max-height: 700px;
    resize: both;
}

    div.frozen-table table[b-lvo2hflqcm] {
        min-width: 100%;
        min-height: 100%;
        border-collapse: collapse;
    }

        div.frozen-table table th[b-lvo2hflqcm] {
            border: 0px none transparent;
            padding: 0;
        }

            div.frozen-table table th span[b-lvo2hflqcm] {
                display: block;
                font-size: 13px;
                font-weight: 600;
                padding: 3px 20px 3px 20px;
                border-right: 1px solid #2d5aff;
            }

     

        div.frozen-table table thead tr:first-child th span[b-lvo2hflqcm] {
            border: 0px none transparent;
        }

        div.frozen-table table thead tr:first-child th:first-child[b-lvo2hflqcm] {
            background: #000000;
        }

        div.frozen-table table tbody th[b-lvo2hflqcm] {
            background: #ffffff;
        }

            div.frozen-table table tbody th:only-child[b-lvo2hflqcm] {
                z-index: -1;
            }

                div.frozen-table table tbody th:only-child span[b-lvo2hflqcm] {
                    border: 0px none transparent;
                    border-top: 1px solid #2d5aff;
                    border-bottom: 1px solid #2d5aff;
                }

        div.frozen-table table tbody td[b-lvo2hflqcm] {
            /*background-color: #ffffff;*/
            padding: 1px 5px 1px 5px;
            text-align: right;
        }

    div.frozen-table[data-table="top"] thead th[b-lvo2hflqcm], div.frozen-table[data-table="both"] thead th[b-lvo2hflqcm] {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }

    div.frozen-table[data-table="left"] tbody th[b-lvo2hflqcm], div.frozen-table[data-table="both"] tbody th[b-lvo2hflqcm] {
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        z-index: 1;
    }

    div.frozen-table[data-table="left"] thead th:first-child[b-lvo2hflqcm], div.frozen-table[data-table="both"] thead th:first-child[b-lvo2hflqcm] {
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        z-index: 2;
    }

.colunafix-sticky-col[b-lvo2hflqcm]{
    border-right : #808080;
}
#main-wrapper[b-lvo2hflqcm] {
    padding: 0px 0px 40px;
}


/* MAKE LEFT COLUMN FIXEZ */
tr > :first-child[b-lvo2hflqcm] {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
}

.resultadoSobreVenda[b-lvo2hflqcm] {
    font-size: 12px;
}

td[b-lvo2hflqcm] {
    font-size: 12px;
}

.custom-swal-popup[b-lvo2hflqcm] {
    font-size: 1rem;
    border-radius: 10px;
}

.custom-swal-popup table[b-lvo2hflqcm] {
    width: 100%;
    margin-top: 10px;
}

.custom-swal-popup th[b-lvo2hflqcm],
.custom-swal-popup td[b-lvo2hflqcm] {
    padding: 6px;
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Home.razor.rz.scp.css */
body[b-um7tnth8yx] {
    background: #f8fafc;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.dashboard-container[b-um7tnth8yx] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.dashboard-header[b-um7tnth8yx] {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.5rem;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.dashboard-title[b-um7tnth8yx] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1f2937;
    margin: 0;
}

.period-selector[b-um7tnth8yx] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

    .period-selector label[b-um7tnth8yx] {
        font-weight: 500;
        color: #374151;
        font-size: 0.875rem;
    }

    .period-selector input[b-um7tnth8yx] {
        padding: 0.5rem;
        border: 1px solid #d1d5db;
        border-radius: 8px;
        font-size: 0.875rem;
    }

.btn-update[b-um7tnth8yx] {
    background: #3b82f6;
    color: white;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
    font-size: 0.875rem;
}

    .btn-update:hover[b-um7tnth8yx] {
        background: #2563eb;
    }

    .btn-update:disabled[b-um7tnth8yx] {
        background: #9ca3af;
        cursor: not-allowed;
    }

.metrics-grid[b-um7tnth8yx] {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    margin-bottom: 2rem;
}

.metric-card[b-um7tnth8yx] {
    background: #ffffff;
    border-radius: 20px;
    padding: 1.5rem;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    position: relative;
    overflow: hidden;
}

    .metric-card:hover[b-um7tnth8yx] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }

    .metric-card[b-um7tnth8yx]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: #3b82f6;
        border-radius: 20px 20px 0 0;
    }

.metric-header[b-um7tnth8yx] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.metric-title[b-um7tnth8yx] {
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.metric-icon[b-um7tnth8yx] {
    width: 32px;
    height: 32px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.metric-value[b-um7tnth8yx] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 0.5rem;
    line-height: 1;
}

.metric-change[b-um7tnth8yx] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
    font-weight: 600;
}

    .metric-change.positive[b-um7tnth8yx] {
        color: #22c55e;
    }

    .metric-change.negative[b-um7tnth8yx] {
        color: #ef4444;
    }

.metric-subtitle[b-um7tnth8yx] {
    font-size: 0.75rem;
    color: #9ca3af;
    margin-top: 0.25rem;
}

.charts-grid[b-um7tnth8yx] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.chart-card[b-um7tnth8yx] {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.5rem;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.chart-title[b-um7tnth8yx] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.chart-container[b-um7tnth8yx] {
    position: relative;
    height: 300px;
}

.tables-grid[b-um7tnth8yx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.table-card[b-um7tnth8yx] {
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.table-header[b-um7tnth8yx] {
    padding: 1.5rem;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}

.table-title[b-um7tnth8yx] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1f2937;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

.table[b-um7tnth8yx] {
    width: 100%;
    border-collapse: collapse;
}

    .table th[b-um7tnth8yx] {
        background: #f8fafc;
        padding: 1rem 1.5rem;
        text-align: left;
        font-size: 0.875rem;
        font-weight: 600;
        color: #6b7280;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    .table td[b-um7tnth8yx] {
        padding: 1rem 1.5rem;
        border-bottom: 1px solid #f1f5f9;
        font-size: 0.875rem;
    }

    .table tr:hover[b-um7tnth8yx] {
        background: #f8fafc;
    }

.status-badge[b-um7tnth8yx] {
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.status-pago[b-um7tnth8yx] {
    background: #dcfce7;
    color: #166534;
}

.status-pendente[b-um7tnth8yx] {
    background: #fef3c7;
    color: #92400e;
}

.status-vencido[b-um7tnth8yx] {
    background: #fee2e2;
    color: #991b1b;
}

.valor-positivo[b-um7tnth8yx] {
    color: #22c55e;
    font-weight: 600;
}

.valor-negativo[b-um7tnth8yx] {
    color: #ef4444;
    font-weight: 600;
}

.loading[b-um7tnth8yx] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: #6b7280;
}

.loading-spinner[b-um7tnth8yx] {
    width: 20px;
    height: 20px;
    border: 2px solid #e5e7eb;
    border-top: 2px solid #3b82f6;
    border-radius: 50%;
    animation: spin-b-um7tnth8yx 1s linear infinite;
    margin-right: 0.5rem;
}

@keyframes spin-b-um7tnth8yx {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.error-message[b-um7tnth8yx] {
    background: #fee2e2;
    color: #991b1b;
    padding: 1rem;
    border-radius: 12px;
    margin-bottom: 1rem;
    border: 1px solid #fecaca;
}

.chart-loading[b-um7tnth8yx] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
    color: #6b7280;
}

@media (max-width: 768px) {
    .dashboard-container[b-um7tnth8yx] {
        padding: 1rem;
    }

    .charts-grid[b-um7tnth8yx],
    .tables-grid[b-um7tnth8yx] {
        grid-template-columns: 1fr;
    }

    .metric-value[b-um7tnth8yx] {
        font-size: 2rem;
    }

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

    .period-selector[b-um7tnth8yx] {
        justify-content: center;
    }
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Venda/AssinaturaEdit.razor.rz.scp.css */
.modal-backdrop.fade.show[b-c52jnagkkj] {
    z-index: 1040;
}
.payment-links-container[b-c52jnagkkj] {
    background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%);
    border-radius: 12px;
    padding: 1rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border: 1px solid #e9ecef;
    min-height: 200px;
}

.payment-header[b-c52jnagkkj] {
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #e9ecef;
}

.payment-title[b-c52jnagkkj] {
    margin: 0;
    color: #495057;
    font-weight: 600;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
}

.payment-links-list[b-c52jnagkkj] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.payment-link-item[b-c52jnagkkj] {
    background: white;
    border-radius: 8px;
    padding: 0.75rem;
    border: 1px solid #dee2e6;
    transition: all 0.3s ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

    .payment-link-item:hover[b-c52jnagkkj] {
        transform: translateY(-1px);
        box-shadow: 0 3px 8px rgba(0,0,0,0.12);
        border-color: #adb5bd;
    }

    .payment-link-item.termo-adesao[b-c52jnagkkj] {
        border-left: 4px solid #0d6efd;
    }

    .payment-link-item.carne[b-c52jnagkkj] {
        border-left: 4px solid #198754;
    }

    .payment-link-item.recorrencia[b-c52jnagkkj] {
        border-left: 4px solid #0dcaf0;
    }

.link-info[b-c52jnagkkj] {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

.link-icon[b-c52jnagkkj] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.75rem;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.termo-adesao .link-icon[b-c52jnagkkj] {
    background: rgba(13, 110, 253, 0.1);
    color: #0d6efd;
}

.carne .link-icon[b-c52jnagkkj] {
    background: rgba(25, 135, 84, 0.1);
    color: #198754;
}

.recorrencia .link-icon[b-c52jnagkkj] {
    background: rgba(13, 202, 240, 0.1);
    color: #0dcaf0;
}

.link-details[b-c52jnagkkj] {
    flex-grow: 1;
    min-width: 0;
}

.link-title[b-c52jnagkkj] {
    display: block;
    font-weight: 600;
    color: #212529;
    font-size: 0.875rem;
    line-height: 1.2;
}

.link-subtitle[b-c52jnagkkj] {
    display: block;
    color: #6c757d;
    font-size: 0.75rem;
    line-height: 1.1;
    margin-top: 0.125rem;
}

.link-actions[b-c52jnagkkj] {
    display: flex;
    gap: 0.375rem;
    align-items: center;
}

.link-button[b-c52jnagkkj] {
    font-size: 0.8rem;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: all 0.2s ease;
}

    .link-button:hover[b-c52jnagkkj] {
        transform: translateY(-1px);
        text-decoration: none;
    }

.payment-action-item[b-c52jnagkkj] {
    background: rgba(255, 193, 7, 0.05);
    border-radius: 8px;
    padding: 0.75rem;
    border: 1px dashed #ffc107;
}

.no-links-message[b-c52jnagkkj] {
    background: rgba(108, 117, 125, 0.05);
    border-radius: 8px;
    border: 1px dashed #6c757d;
    margin-top: 1rem;
}

/* Responsividade */
@media (max-width: 768px) {
    .payment-links-container[b-c52jnagkkj] {
        padding: 0.75rem;
    }

    .link-actions[b-c52jnagkkj] {
        flex-direction: column;
        align-items: stretch;
    }

    .link-button[b-c52jnagkkj] {
        justify-content: center;
    }

    .payment-link-item[b-c52jnagkkj] {
        padding: 0.625rem;
    }

    .link-info[b-c52jnagkkj] {
        margin-bottom: 0.75rem;
    }
}

/* Animações sutis */
@keyframes slideInUp-b-c52jnagkkj {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.payment-link-item[b-c52jnagkkj] {
    animation: slideInUp-b-c52jnagkkj 0.4s ease-out;
}

    .payment-link-item:nth-child(1)[b-c52jnagkkj] {
        animation-delay: 0.1s;
    }

    .payment-link-item:nth-child(2)[b-c52jnagkkj] {
        animation-delay: 0.2s;
    }

    .payment-link-item:nth-child(3)[b-c52jnagkkj] {
        animation-delay: 0.3s;
    }

/* Estados especiais para o UpdateBoletoComponent */
.payment-action-item .update-boleto-section[b-c52jnagkkj] {
    margin: 0;
}

.payment-action-item .btn[b-c52jnagkkj] {
    border-radius: 6px;
    font-weight: 500;
}
.skeleton-tab[b-c52jnagkkj] {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 20px;
    padding: 12px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 180px;
    position: relative;
    overflow: hidden;
    animation: gentle-fade-b-c52jnagkkj 2.5s ease-in-out infinite;
}

    /* Shimmer sutil */
    .skeleton-tab[b-c52jnagkkj]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
        animation: shimmer-b-c52jnagkkj 3s ease-in-out infinite;
    }

.skeleton-icon[b-c52jnagkkj] {
    width: 16px;
    height: 16px;
    background: #dee2e6;
    border-radius: 50%;
}

.skeleton-text[b-c52jnagkkj] {
    height: 14px;
    background: #dee2e6;
    border-radius: 7px;
}

/* Animações simples */
@keyframes gentle-fade-b-c52jnagkkj {
    0%, 100% {
        opacity: 0.7;
    }

    50% {
        opacity: 1;
    }
}

@keyframes shimmer-b-c52jnagkkj {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

/* Delays para múltiplas abas */
.skeleton-tab:nth-child(1)[b-c52jnagkkj] {
    animation-delay: 0s;
}

.skeleton-tab:nth-child(2)[b-c52jnagkkj] {
    animation-delay: 0.4s;
}

.skeleton-tab:nth-child(3)[b-c52jnagkkj] {
    animation-delay: 0.8s;
}

/* Larguras diferentes */
.skeleton-tab:nth-child(1) .skeleton-text[b-c52jnagkkj] {
    width: 140px;
}

.skeleton-tab:nth-child(2) .skeleton-text[b-c52jnagkkj] {
    width: 90px;
}

.skeleton-tab:nth-child(3) .skeleton-text[b-c52jnagkkj] {
    width: 70px;
}

.plano-principal-card .card-header.bg-default[b-c52jnagkkj] {
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a0 100%) !important;
    border: none;
}

.metric-box[b-c52jnagkkj] {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 20px 15px;
    transition: all 0.3s ease;
    border: 1px solid #e9ecef;
}

    .metric-box:hover[b-c52jnagkkj] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

    .metric-box i[b-c52jnagkkj] {
        font-size: 2rem;
        margin-bottom: 10px;
        display: block;
    }

    .metric-box h4[b-c52jnagkkj] {
        color: #333;
        margin: 5px 0;
        font-weight: 600;
    }

    .metric-box span[b-c52jnagkkj] {
        color: #6c757d;
        font-size: 0.9rem;
        font-weight: 500;
    }

.metric-principal i[b-c52jnagkkj] {
    color: #6f42c1;
}

.metric-inclusos i[b-c52jnagkkj] {
    color: #28a745;
}

.metric-adicionais i[b-c52jnagkkj] {
    color: #ffc107;
}

.metric-parcelas i[b-c52jnagkkj] {
    color: #17a2b8;
}
/* Mobile */
@media (max-width: 768px) {
    .skeleton-tab[b-c52jnagkkj] {
        min-width: 160px;
        padding: 10px 20px;
    }

    .skeleton-icon[b-c52jnagkkj] {
        width: 14px;
        height: 14px;
    }

    .skeleton-text[b-c52jnagkkj] {
        height: 12px;
    }
}

/* Sem animação para quem prefere */
@media (prefers-reduced-motion: reduce) {
    .skeleton-tab[b-c52jnagkkj], .skeleton-tab[b-c52jnagkkj]::before {
        animation: none;
    }

    .skeleton-tab[b-c52jnagkkj] {
        opacity: 0.8;
    }
}

@keyframes skeleton-pulse-b-c52jnagkkj {
    0% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

.loading-content[b-c52jnagkkj] {
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Otimizações para performance */
.tab-pane:not(.active)[b-c52jnagkkj] {
    display: none !important;
}
/* Timeline Table Styles */
.timeline-table[b-c52jnagkkj] {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.timeline-table-header[b-c52jnagkkj] {
    background: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
}

    .timeline-table-header strong[b-c52jnagkkj] {
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-weight: 600;
    }

.timeline-row[b-c52jnagkkj] {
    border-bottom: 1px solid #f1f3f4;
    transition: all 0.3s ease;
    position: relative;
}

    .timeline-row:hover[b-c52jnagkkj] {
        background: #f8f9fa;
    }

    .timeline-row:last-child[b-c52jnagkkj] {
        border-bottom: none;
    }

.timeline-row-inicial[b-c52jnagkkj] {
    background: linear-gradient(90deg, #f8fff9 0%, #fff 100%);
    border-left: 4px solid #28a745;
}

    .timeline-row-inicial:hover[b-c52jnagkkj] {
        background: linear-gradient(90deg, #f0fff0 0%, #f8f9fa 100%);
    }

.timeline-row-error[b-c52jnagkkj] {
    background: linear-gradient(90deg, #fff5f5 0%, #fff 100%);
    border-left: 4px solid #dc3545;
}

    .timeline-row-error:hover[b-c52jnagkkj] {
        background: linear-gradient(90deg, #ffebee 0%, #f8f9fa 100%);
    }

/* Data Column */
.timeline-date[b-c52jnagkkj] {
    text-align: center;
}

.date-main[b-c52jnagkkj] {
    font-weight: 600;
    font-size: 15px;
    color: #495057;
}

.date-time[b-c52jnagkkj] {
    font-size: 12px;
    color: #6c757d;
    margin-top: 2px;
}

/* Action Column */
.timeline-action[b-c52jnagkkj] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.action-icon[b-c52jnagkkj] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

    .action-icon.text-success[b-c52jnagkkj] {
        border-color: #28a745;
        background: #f8fff9;
    }

    .action-icon.text-info[b-c52jnagkkj] {
        border-color: #17a2b8;
        background: #f0f9ff;
    }

    .action-icon.text-warning[b-c52jnagkkj] {
        border-color: #ffc107;
        background: #fffdf0;
    }

    .action-icon.text-danger[b-c52jnagkkj] {
        border-color: #dc3545;
        background: #fff5f5;
    }

    .action-icon.text-primary[b-c52jnagkkj] {
        border-color: #007bff;
        background: #f0f7ff;
    }

.action-title[b-c52jnagkkj] {
    font-weight: 600;
    font-size: 14px;
    color: #495057;
    margin-bottom: 2px;
}

.action-user[b-c52jnagkkj] {
    font-size: 12px;
    color: #6c757d;
}

/* Description Column */
.timeline-description p[b-c52jnagkkj] {
    margin-bottom: 8px;
    color: #495057;
    line-height: 1.4;
}

.timeline-description small[b-c52jnagkkj] {
    font-size: 12px;
    line-height: 1.3;
}

.status-change[b-c52jnagkkj] {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .status-change .badge[b-c52jnagkkj] {
        font-size: 10px;
        padding: 4px 8px;
    }

/* Status Column */
.timeline-status[b-c52jnagkkj] {
    text-align: center;
}

    .timeline-status .badge[b-c52jnagkkj] {
        font-size: 11px;
        padding: 6px 12px;
        font-weight: 500;
    }

/* Responsive Design */
@media (max-width: 768px) {
    .timeline-table-header[b-c52jnagkkj],
    .timeline-row[b-c52jnagkkj] {
        display: block;
    }

        .timeline-table-header .row[b-c52jnagkkj],
        .timeline-row .row[b-c52jnagkkj] {
            display: block;
        }

        .timeline-table-header .col-2[b-c52jnagkkj],
        .timeline-table-header .col-3[b-c52jnagkkj],
        .timeline-table-header .col-5[b-c52jnagkkj],
        .timeline-row .col-2[b-c52jnagkkj],
        .timeline-row .col-3[b-c52jnagkkj],
        .timeline-row .col-5[b-c52jnagkkj] {
            width: 100%;
            margin-bottom: 12px;
        }

    .timeline-action[b-c52jnagkkj] {
        justify-content: flex-start;
    }

    .timeline-date[b-c52jnagkkj] {
        text-align: left;
    }

    .timeline-status[b-c52jnagkkj] {
        text-align: left;
    }
}

/* Animations */
.timeline-row[b-c52jnagkkj] {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp-b-c52jnagkkj 0.5s ease forwards;
}

    .timeline-row:nth-child(1)[b-c52jnagkkj] {
        animation-delay: 0.1s;
    }

    .timeline-row:nth-child(2)[b-c52jnagkkj] {
        animation-delay: 0.15s;
    }

    .timeline-row:nth-child(3)[b-c52jnagkkj] {
        animation-delay: 0.2s;
    }

    .timeline-row:nth-child(4)[b-c52jnagkkj] {
        animation-delay: 0.25s;
    }

    .timeline-row:nth-child(5)[b-c52jnagkkj] {
        animation-delay: 0.3s;
    }

    .timeline-row:nth-child(6)[b-c52jnagkkj] {
        animation-delay: 0.35s;
    }

    .timeline-row:nth-child(7)[b-c52jnagkkj] {
        animation-delay: 0.4s;
    }

    .timeline-row:nth-child(8)[b-c52jnagkkj] {
        animation-delay: 0.45s;
    }

@keyframes fadeInUp-b-c52jnagkkj {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Hover Effects */
.timeline-row:hover .action-icon[b-c52jnagkkj] {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.timeline-row:hover .action-title[b-c52jnagkkj] {
    color: #007bff;
}

/* Empty State */
.timeline-table-empty[b-c52jnagkkj] {
    text-align: center;
    padding: 60px 20px;
    color: #6c757d;
}

    .timeline-table-empty i[b-c52jnagkkj] {
        font-size: 4rem;
        margin-bottom: 20px;
        opacity: 0.5;
    }
/* Estilo para as abas modernas */
.modern-tabs[b-c52jnagkkj] {
    display: flex;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    position: relative;
    background: #f8f9fa;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-top: 40px;
    margin-bottom: 0;
}

    .modern-tabs .tab-item[b-c52jnagkkj] {
        flex: 1;
        padding: 15px 0;
        text-align: center;
        color: #495057;
        font-weight: 500;
        position: relative;
        cursor: pointer;
        transition: all 0.3s ease;
        border-bottom: 3px solid transparent;
    }

        .modern-tabs .tab-item:hover[b-c52jnagkkj] {
            background-color: rgba(40, 167, 69, 0.05);
        }

        .modern-tabs .tab-item.active[b-c52jnagkkj] {
            color: #28a745;
            border-bottom: 3px solid #28a745;
            background-color: #fff;
        }

        .modern-tabs .tab-item .tab-icon[b-c52jnagkkj] {
            display: block;
            font-size: 20px;
            margin-bottom: 5px;
        }

.tab-content[b-c52jnagkkj] {
    padding: 25px;
    background: #fff;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    min-height: 300px;
    transition: all 0.3s ease;
}

.tab-pane[b-c52jnagkkj] {
    display: none;
    animation: fadeIn-b-c52jnagkkj 0.5s ease;
}

    .tab-pane.active[b-c52jnagkkj] {
        display: block;
    }

@keyframes fadeIn-b-c52jnagkkj {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
.dependenteDisabled[b-c52jnagkkj] {
    pointer-events: none; /* Impede cliques */
    opacity: 0.5; /* Torna visualmente desativado */
    cursor: not-allowed;
}

input[type="checkbox"]:disabled + label[b-c52jnagkkj] {
    opacity: 0.5;
    cursor: not-allowed;
}

.switch input:disabled + .slider[b-c52jnagkkj] {
    background: #ccc;
    cursor: not-allowed;
}

.tableFinanceiro td[b-c52jnagkkj] {
    padding: 0px 0px 0px 15px !important;
}

.group-header[b-c52jnagkkj] {
    font-size: 18px;
    font-weight: bold;
    background-color:#0056b3;
    color: #2e3b4e;
    margin-top: 20px;
    padding-left: 10px;
}

.group-subheader[b-c52jnagkkj] {
    font-size: 16px;
    color: #555;
    font-weight: 600;
    margin-top: 10px;
    padding-left: 15px;
}
.accordion-body[b-c52jnagkkj] {
    padding: 0px 0px 0px 0px;
}

.card[b-c52jnagkkj] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.card-body[b-c52jnagkkj] {
    padding: 16px;
    background-color: #f9f9f9;
    border-radius: 8px;
}

.card-title[b-c52jnagkkj] {
    font-size: 1.05rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    
}

.card-text[b-c52jnagkkj] {
    font-size: 1rem;
    color: #666;
    margin-bottom: 12px;
}

h3[b-c52jnagkkj] {
    font-size: 1.5rem;
    font-weight: bold;
    color: #0056b3;
    margin-bottom: 16px;
}

/*th {
    text-align: center;
}
td{
    text-align:center;
}*/

.table-card[b-c52jnagkkj] {
    background: #fff;
}

.table[b-c52jnagkkj] {
    font-size: 0.9rem;
    border-collapse: separate;
    border-spacing: 0;
}

    .table th[b-c52jnagkkj] {
        padding: 12px 15px;
        vertical-align: middle;
    }

    .table td[b-c52jnagkkj] {
        padding: 5px 5px;
        vertical-align: middle;
    }

.table-striped tbody tr:nth-of-type(odd)[b-c52jnagkkj] {
    background-color: #f9f9f9;
}

.table-hover tbody tr:hover[b-c52jnagkkj] {
    background-color: #e9f7f7;
}

.btn-success[b-c52jnagkkj] {
    background-color: #28a745;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
}

    .btn-success:hover[b-c52jnagkkj] {
        background-color: #218838;
    }

h6[b-c52jnagkkj] {
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    margin-top: 12px;
    margin-bottom: 8px;
}

.form-check[b-c52jnagkkj] {
    margin-left: 16px;
}

.form-check-input[b-c52jnagkkj] {
    margin-right: 8px;
}

.form-check-label[b-c52jnagkkj] {
    font-size: 0.9rem;
    color: #555;
}


.benefit-header[b-c52jnagkkj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.benefit-price[b-c52jnagkkj] {
    display: flex;
    align-items: center;
    font-size: 14px; /* Aumenta o tamanho da fonte */
    color: #ff5722; /* Cor vibrante para destaque */
    font-weight: bold;
    background-color: #fff3e0; /* Fundo sutil para destacar */
    padding: 4px 8px;
    border-radius: 8px;
    gap:12px;
}

    .benefit-price i[b-c52jnagkkj] {
        margin-right: 6px; /* Espaço entre o ícone e o preço */
        font-size: 20px; /* Um pouco maior para dar destaque ao ícone também */
    }


/* Beneficiary items styling */
.beneficiaries-group[b-c52jnagkkj] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.beneficiary-item[b-c52jnagkkj] {
    display: flex;
    align-items: center;
}

.beneficiary-checkbox[b-c52jnagkkj] {
    display: none;
}

.beneficiary-label[b-c52jnagkkj] {
    display: flex;
    align-items: center;
    border: 2px solid #1F8080; /*#007bff*/
    border-radius: 8px;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 14px;
    color: #1F8080; /*#007bff*/
    font-weight: 500;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.1s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

    .beneficiary-label .check-icon[b-c52jnagkkj] {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 20px;
        height: 20px;
        margin-right: 8px;
        border: 2px solid #1F8080; /*#007bff*/
        border-radius: 50%;
        color: transparent;
        font-size: 14px;
        transition: background-color 0.2s ease, color 0.2s ease;
    }

.beneficiary-checkbox:checked + .beneficiary-label[b-c52jnagkkj] {
    background-color: #2EB8B9; /*#007bff*/
    color: #ffffff;
    transform: translateY(2px);
    border-color: #1F8080; /*#0056b3*/
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}

    .beneficiary-checkbox:checked + .beneficiary-label .check-icon[b-c52jnagkkj] {
        background-color: #1F8080;
        color: #ffffff; /*#007bff*/
    }


.switch[b-c52jnagkkj] {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 20px;
}

    /* Hide default HTML checkbox */
    .switch input[b-c52jnagkkj] {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* Slider */
.slider[b-c52jnagkkj] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 20px;
}

    /* Slider circle */
    .slider[b-c52jnagkkj]:before {
        position: absolute;
        content: "";
        height: 14px;
        width: 14px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        transition: 0.4s;
        border-radius: 50%;
    }

/* When checked */
input:checked + .slider[b-c52jnagkkj] {
    background-color: #2EB8B9
}

    input:checked + .slider[b-c52jnagkkj]:before {
        transform: translateX(14px);
    }

.switch-container[b-c52jnagkkj] {
    display: flex;
    align-items: center; /* Alinha verticalmente */
    gap: 8px; /* Espaço entre o Switch e o texto */
}

.switch[b-c52jnagkkj] {
    display: inline-block;
}

.switch-text[b-c52jnagkkj] {
    font-size: 14px;
    font-weight: normal;
    color: #333; /* Ajuste conforme necessário */
}

/* SUBSTITUA O CSS DOS BENEFÍCIOS POR ESTE */
/* CSS PARA BENEFÍCIOS COLAPSÁVEIS COM COLUNAS */

/* Controles globais */
.global-controls[b-c52jnagkkj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 20px;
}

.summary-info[b-c52jnagkkj] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #495057;
}

.total-count[b-c52jnagkkj] {
    font-weight: 500;
}

.total-value[b-c52jnagkkj] {
    color: #28a745;
    font-weight: 600;
}

.global-actions[b-c52jnagkkj] {
    display: flex;
    gap: 8px;
}

/* Botões de ação */
.action-btn[b-c52jnagkkj] {
    background: none;
    border: 1px solid;
    padding: 6px 16px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .action-btn.primary[b-c52jnagkkj] {
        border-color: #28a745;
        color: #28a745;
    }

        .action-btn.primary:hover[b-c52jnagkkj] {
            background: #28a745;
            color: white;
        }

    .action-btn.secondary[b-c52jnagkkj] {
        border-color: #6c757d;
        color: #6c757d;
    }

        .action-btn.secondary:hover[b-c52jnagkkj] {
            background: #6c757d;
            color: white;
        }

    .action-btn:disabled[b-c52jnagkkj] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* Lista de benefícios colapsáveis */
.benefits-collapsible-list[b-c52jnagkkj] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Benefício colapsável */
.benefit-collapsible[b-c52jnagkkj] {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}

    .benefit-collapsible:hover[b-c52jnagkkj] {
        border-color: #ced4da;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }

    .benefit-collapsible.has-selections[b-c52jnagkkj] {
        border-color: #28a745;
        background: linear-gradient(135deg, #d4edda 0%, #ffffff 100%);
    }

    .benefit-collapsible.adicional.has-selections[b-c52jnagkkj] {
        border-color: #ffc107;
        background: linear-gradient(135deg, #f8fcff 0%, #ffffff 100%);
    }

/* Cabeçalho colapsável */
.benefit-header-collapsible[b-c52jnagkkj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background: #fafbfc;
    cursor: pointer;
    transition: all 0.2s ease;
    border-bottom: 1px solid #f1f3f4;
}

    .benefit-header-collapsible:hover[b-c52jnagkkj] {
        background: #f1f3f4;
    }

.header-left[b-c52jnagkkj] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

/* Ícone de expansão */
.expand-icon[b-c52jnagkkj] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #495057;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

    .expand-icon:hover[b-c52jnagkkj] {
        background: #007bff;
        color: white;
    }

/* Informações do título */
.benefit-title-info[b-c52jnagkkj] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.benefit-name-collapsible[b-c52jnagkkj] {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #495057;
    line-height: 1.3;
}

.benefit-tags[b-c52jnagkkj] {
    display: flex;
    gap: 6px;
    align-items: center;
}

/* Tags */
.tag[b-c52jnagkkj] {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .tag.incluso[b-c52jnagkkj] {
        background: #d4edda;
        color: #155724;
    }

    .tag.adicional[b-c52jnagkkj] {
        background: #cce7ff;
        color: #004085;
    }

    .tag.price[b-c52jnagkkj] {
        background: #fff3e0;
        color: #ff6b35;
    }

/* Resumo de seleção */
.selection-summary[b-c52jnagkkj] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.selected-count[b-c52jnagkkj] {
    font-size: 12px;
    font-weight: 600;
    color: #28a745;
    background: #d4edda;
    padding: 4px 8px;
    border-radius: 12px;
}

/* Conteúdo colapsável */
.benefit-content-collapsible[b-c52jnagkkj] {
    transition: all 0.3s ease;
    opacity: 1;
    transform: translateY(0);
}

/* Colunas de beneficiários */
.beneficiaries-columns[b-c52jnagkkj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1px;
    background: #f1f3f4;
    padding: 1px;
}

/* Item de beneficiário em coluna */
.beneficiary-column-item[b-c52jnagkkj] {
    background: white;
    transition: all 0.2s ease;
}

    .beneficiary-column-item:hover[b-c52jnagkkj] {
        background: #fafbfc;
    }

    .beneficiary-column-item.selected[b-c52jnagkkj] {
        background: #d4edda;
    }

    .beneficiary-column-item.disabled[b-c52jnagkkj] {
       /* opacity: 0.5;*/
        pointer-events: none;
    }

/* Label do beneficiário em coluna */
.beneficiary-column-label[b-c52jnagkkj] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    cursor: pointer;
    margin: 0;
    width: 100%;
    transition: all 0.2s ease;
}

.beneficiary-column-item.disabled .beneficiary-column-label[b-c52jnagkkj] {
    cursor: not-allowed;
}

/* Checkbox */
.beneficiary-column-label input[type="checkbox"][b-c52jnagkkj] {
    width: 16px;
    height: 16px;
    accent-color: #28a745;
    margin: 0;
    cursor: pointer;
    flex-shrink: 0;
}

/* Informações do beneficiário em coluna */
.beneficiary-column-info[b-c52jnagkkj] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.beneficiary-column-name[b-c52jnagkkj] {
    font-weight: 500;
    color: #495057;
    font-size: 14px;
    line-height: 1.3;
}

.beneficiary-column-meta[b-c52jnagkkj] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.type-tag[b-c52jnagkkj] {
    font-size: 11px;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-weight: 500;
}

.age-tag[b-c52jnagkkj] {
    font-size: 11px;
    color: #495057;
    background: #f8f9fa;
    padding: 2px 6px;
    border-radius: 3px;
    font-weight: 500;
}

/* Estado vazio */
.empty-state-collapsible[b-c52jnagkkj] {
    text-align: center;
    padding: 40px 20px;
    color: #6c757d;
}

    .empty-state-collapsible p[b-c52jnagkkj] {
        margin: 0;
        font-size: 14px;
    }

/* Responsividade */
@media (max-width: 1200px) {
    .beneficiaries-columns[b-c52jnagkkj] {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
}

@media (max-width: 768px) {
    .global-controls[b-c52jnagkkj] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .summary-info[b-c52jnagkkj] {
        justify-content: center;
    }

    .global-actions[b-c52jnagkkj] {
        justify-content: center;
    }

    .action-btn[b-c52jnagkkj] {
        flex: 1;
    }

    .benefit-header-collapsible[b-c52jnagkkj] {
        padding: 12px 16px;
    }

    .header-left[b-c52jnagkkj] {
        gap: 8px;
    }

    .benefit-name-collapsible[b-c52jnagkkj] {
        font-size: 14px;
    }

    .beneficiaries-columns[b-c52jnagkkj] {
        grid-template-columns: 1fr;
    }

    .beneficiary-column-label[b-c52jnagkkj] {
        padding: 10px 12px;
        gap: 10px;
    }

    .beneficiary-column-name[b-c52jnagkkj] {
        font-size: 13px;
    }

    .type-tag[b-c52jnagkkj], .age-tag[b-c52jnagkkj] {
        font-size: 10px;
    }
}

/* Animações */
@keyframes fadeInDown-b-c52jnagkkj {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.benefit-content-collapsible[style*="block"][b-c52jnagkkj] {
    animation: fadeInDown-b-c52jnagkkj 0.3s ease;
}

/* Micro animações */
.beneficiary-column-label input[type="checkbox"][b-c52jnagkkj] {
    transition: transform 0.1s ease;
}

    .beneficiary-column-label input[type="checkbox"]:checked[b-c52jnagkkj] {
        transform: scale(1.1);
    }

.beneficiary-column-item.selected[b-c52jnagkkj] {
    animation: selectFade-b-c52jnagkkj 0.3s ease;
}

@keyframes selectFade-b-c52jnagkkj {
    0% {
        background: #e8f5e8;
    }

    100% {
        background: #d4edda;
    }
}

/* Foco para acessibilidade */
.benefit-header-collapsible:focus[b-c52jnagkkj] {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

.beneficiary-column-label:focus-within[b-c52jnagkkj] {
    outline: 2px solid #28a745;
    outline-offset: 1px;
}

.beneficiary-column-label input[type="checkbox"]:focus[b-c52jnagkkj] {
    outline: none;
}

/* Otimizações */
.benefit-collapsible[b-c52jnagkkj] {
    will-change: border-color, box-shadow;
}

.beneficiary-column-item[b-c52jnagkkj] {
    will-change: background-color;
}

/* Melhorias visuais adicionais */
.benefit-collapsible.incluso[b-c52jnagkkj] {
    border-left: 3px solid #28a745;
}

.benefit-collapsible.adicional[b-c52jnagkkj] {
    border-left: 3px solid #007bff;
}

.expand-icon i[b-c52jnagkkj] {
    font-size: 14px;
    transition: transform 0.2s ease;
}

.benefit-header-collapsible:hover .expand-icon i[b-c52jnagkkj] {
    transform: scale(1.1);
}

/* _content/OrigemBeneficios.Presentation.Panel/Pages/Venda/AssinaturaIndex.razor.rz.scp.css */
/* Estilos originais do offcanvas */
.filters-card[b-7qgy95079w] {
    border: 1px solid #e3e6f0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    transition: box-shadow 0.3s ease;
}

    .filters-card:hover[b-7qgy95079w] {
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }
.btn-action-grouped[b-7qgy95079w] {
    min-width: 28px !important;
    width: 28px !important;
    padding: 0.25rem 0.25rem !important;
    border-radius: 4px;
    margin: 0 1px;
}

    .btn-action-grouped i[b-7qgy95079w] {
        font-size: 12px;
    }

.spinning[b-7qgy95079w] {
    animation: spin-b-7qgy95079w 1s linear infinite;
}

@keyframes spin-b-7qgy95079w {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.actions-column[b-7qgy95079w] {
    width: 85px !important;
    min-width: 85px !important;
    max-width: 85px !important;
}

.btn-group-sm .btn[b-7qgy95079w] {
    --vz-btn-padding-y: 0.25rem;
    --vz-btn-padding-x: 0.25rem;
    --vz-btn-font-size: 12px;
}

/* Ajustar header da coluna também */
th.col[b-7qgy95079w] {
    width: 85px !important;
    min-width: 85px !important;
    max-width: 85px !important;
}
.popup-overlay[b-7qgy95079w] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    backdrop-filter: blur(2px);
}

.popup-pendencias[b-7qgy95079w] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    max-width: 500px;
    width: 90vw;
    max-height: 80vh;
    overflow: hidden;
    animation: popupSlideIn-b-7qgy95079w 0.3s ease-out;
}

.btn-group-sm > .btn[b-7qgy95079w], .btn-sm-2[b-7qgy95079w] {
    --vz-btn-padding-y: 0.1rem;
    --vz-btn-padding-x: 2.5rem;
    --vz-btn-font-size: calc(var(--vz-font-base) * 0.875);
    --vz-btn-border-radius: var(--vz-border-radius-sm);
}

@keyframes popupSlideIn-b-7qgy95079w {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.popup-header[b-7qgy95079w] {
    padding: 20px 24px 16px;
    border-bottom: 1px solid #e9ecef;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.popup-title[b-7qgy95079w] {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    color: #495057;
}

.popup-close-btn[b-7qgy95079w] {
    background: none;
    border: none;
    font-size: 20px;
    color: #6c757d;
    cursor: pointer;
    padding: 8px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

    .popup-close-btn:hover[b-7qgy95079w] {
        background: rgba(0, 0, 0, 0.1);
        color: #495057;
    }

.popup-body[b-7qgy95079w] {
    padding: 24px;
    max-height: 400px;
    overflow-y: auto;
}

.pendencias-content[b-7qgy95079w],
.status-content[b-7qgy95079w] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.status-badge[b-7qgy95079w] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-radius: 8px;
    font-weight: 500;
    text-align: center;
    justify-content: center;
}

    .status-badge.warning[b-7qgy95079w] {
        background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
        color: #856404;
        border: 1px solid #ffeaa7;
    }

    .status-badge.success[b-7qgy95079w] {
        background: linear-gradient(135deg, #d1e7dd 0%, #a3d9a4 100%);
        color: #0f5132;
        border: 1px solid #a3d9a4;
    }

.observacao-section[b-7qgy95079w] {
    background: #f8f9fa;
    padding: 16px;
    border-radius: 8px;
    border-left: 4px solid #ffc107;
}

    .observacao-section h6[b-7qgy95079w] {
        margin: 0 0 12px 0;
        color: #495057;
        font-weight: 600;
    }

.observacao-text[b-7qgy95079w] {
    margin: 0;
    line-height: 1.5;
    color: #6c757d;
}

.pendencias-list h6[b-7qgy95079w] {
    margin: 0 0 12px 0;
    color: #495057;
    font-weight: 600;
}

.pendencias-itens[b-7qgy95079w] {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

    .pendencias-itens li[b-7qgy95079w] {
        padding: 8px 0;
        color: #6c757d;
        border-bottom: 1px solid #e9ecef;
        display: flex;
        align-items: center;
    }

        .pendencias-itens li:last-child[b-7qgy95079w] {
            border-bottom: none;
        }

.status-message[b-7qgy95079w] {
    text-align: center;
    color: #6c757d;
    margin: 16px 0 0 0;
    font-size: 16px;
}

.popup-footer[b-7qgy95079w] {
    padding: 16px 24px;
    border-top: 1px solid #e9ecef;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    background: #f8f9fa;
}

    .popup-footer .btn[b-7qgy95079w] {
        border-radius: 6px;
        font-weight: 500;
        transition: all 0.2s ease;
    }

/* Responsividade */
@media (max-width: 576px) {
    .popup-pendencias[b-7qgy95079w] {
        width: 95vw;
        margin: 20px;
    }

    .popup-header[b-7qgy95079w],
    .popup-body[b-7qgy95079w],
    .popup-footer[b-7qgy95079w] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .popup-footer[b-7qgy95079w] {
        flex-direction: column;
    }

        .popup-footer .btn[b-7qgy95079w] {
            width: 100%;
        }
}

/* Estilo do botão de refresh coladinho */
.btn-refresh[b-7qgy95079w] {
    height: 38px; /* Altura igual ao input do dropdown */
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
    border-radius: 0.375rem;
    border: 1px solid #ced4da;
    background-color: transparent;
    color: #6c757d;
    position: relative;
}

    .btn-refresh:hover[b-7qgy95079w] {
        background-color: #dc3545;
        border-color: #dc3545;
        color: white;
        transform: rotate(180deg);
        box-shadow: 0 2px 4px rgba(220, 53, 69, 0.3);
    }

    .btn-refresh:focus[b-7qgy95079w] {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
        outline: none;
    }

    .btn-refresh:active[b-7qgy95079w] {
        transform: rotate(180deg) scale(0.95);
    }

/* Container flex para dropdown + botão */
.d-flex.gap-2[b-7qgy95079w] {
    align-items: end; /* Alinha na base para ficar na mesma linha */
    gap: 0.5rem;
}

.flex-grow-1[b-7qgy95079w] {
    flex: 1 1 auto;
    min-width: 0; /* Permite que o dropdown encolha se necessário */
}

/* Garantir que o autocomplete não seja afetado */
.autocomplete-container[b-7qgy95079w] {
    position: relative;
    width: 100%;
}

/* Tooltip personalizado */
.btn-refresh[title][b-7qgy95079w] {
    position: relative;
}

    .btn-refresh[title]:hover[b-7qgy95079w]::before {
        content: attr(title);
        position: absolute;
        bottom: 120%;
        left: 50%;
        transform: translateX(-50%);
        background-color: #212529;
        color: white;
        padding: 0.25rem 0.5rem;
        border-radius: 0.25rem;
        font-size: 0.75rem;
        white-space: nowrap;
        z-index: 1050;
        opacity: 0;
        animation: fadeInTooltip 0.3s ease forwards;
    }

    .btn-refresh[title]:hover[b-7qgy95079w]::after {
        content: '';
        position: absolute;
        bottom: 115%;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #212529;
        z-index: 1051;
        opacity: 0;
        animation: fadeInTooltip 0.3s ease forwards;
    }

.offcanvas-start.hx-offcanvas-lg[b-7qgy95079w],
.offcanvas-end.hx-offcanvas-lg[b-7qgy95079w] {
    width: 86%;
}

/* Media queries para responsividade */
@media (max-width: 991.98px) {
    .offcanvas-start.hx-offcanvas-lg[b-7qgy95079w],
    .offcanvas-end.hx-offcanvas-lg[b-7qgy95079w] {
        width: 100% !important;
        max-width: 100% !important;
    }
}
@media (max-width: 768px) {
    .container-fluid[b-aosb9kgu43][b-7qgy95079w] {
        padding: 20px !important;
    }
}

@media (max-width: 767.98px) {
    .offcanvas-start.hx-offcanvas-lg[b-7qgy95079w],
    .offcanvas-end.hx-offcanvas-lg[b-7qgy95079w] {
        width: 100% !important;
        max-width: 100% !important;
    }

    .container-fluid[b-7qgy95079w] {
        padding: 0px !important;
    }

    /* Garantir que o conteúdo seja responsivo */
    .offcanvas-body[b-7qgy95079w] {
        padding: 0.75rem !important;
    }

    /* Ajustar formulários para mobile */
    .form-control[b-7qgy95079w], .form-select[b-7qgy95079w] {
        font-size: 16px; /* Previne zoom no iOS */
    }

    /* Botões responsivos */
    .btn-group-sm > .btn[b-7qgy95079w], .btn-sm[b-7qgy95079w] {
        font-size: 0.8rem;
        padding: 0.375rem 0.5rem;
    }

    /* Tabelas responsivas em mobile */
    .table-responsive[b-7qgy95079w] {
        font-size: 0.85rem;
    }

    /* Cards responsivos */
    .card-body[b-7qgy95079w] {
        padding: 0.75rem;
    }

    /* Ajustar colunas de formulário */
    .row.g-2 > .col-sm-2[b-7qgy95079w],
    .row.g-2 > .col-sm-1[b-7qgy95079w],
    .row.g-2 > .col-sm-3[b-7qgy95079w] {
        margin-bottom: 0.5rem;
    }
}

@media (max-width: 575.98px) {
    .offcanvas-start.hx-offcanvas-lg[b-7qgy95079w],
    .offcanvas-end.hx-offcanvas-lg[b-7qgy95079w] {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Header do offcanvas */
    .offcanvas-header[b-7qgy95079w] {
        padding: 0.75rem;
    }

    .offcanvas-title[b-7qgy95079w] {
        font-size: 1.1rem;
    }

    /* Conteúdo principal */
    .offcanvas-body[b-7qgy95079w] {
        padding: 0.5rem !important;
    }

    /* Formulários em telas muito pequenas */
    .form-label[b-7qgy95079w] {
        font-size: 0.9rem;
        margin-bottom: 0.25rem;
    }

    /* Botões de ação */
    .btn-group .btn[b-7qgy95079w] {
        font-size: 0.75rem;
        padding: 0.25rem 0.5rem;
    }

    /* Tabs responsivos */
    .nav-pills .nav-link[b-7qgy95079w] {
        font-size: 0.8rem;
        padding: 0.5rem 0.75rem;
    }

    .nav-tab-title[b-7qgy95079w] {
        font-size: 0.75rem;
    }

    .nav-tab-count[b-7qgy95079w] {
        font-size: 0.7rem;
    }
}

/* Classe adicional para forçar 100% em mobile quando necessário */
.offcanvas-mobile-full[b-7qgy95079w] {
    width: 100% !important;
    max-width: 100% !important;
}

/* Melhorar a experiência de scroll em mobile */
@media (max-width: 767.98px) {
    .table-responsive[b-7qgy95079w] {
        border: none;
    }

        .table-responsive[b-7qgy95079w]::-webkit-scrollbar {
            height: 3px;
        }

        .table-responsive[b-7qgy95079w]::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        .table-responsive[b-7qgy95079w]::-webkit-scrollbar-thumb {
            background: #c1c1c1;
            border-radius: 3px;
        }
}

/* Demonstração do offcanvas */
.demo-container[b-7qgy95079w] {
    padding: 2rem;
    background: #f8f9fa;
    min-height: 100vh;
}

.demo-card[b-7qgy95079w] {
    background: white;
    border-radius: 0.5rem;
    padding: 1.5rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.btn-demo[b-7qgy95079w] {
    margin: 0.5rem;
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Venda/AssinaturaPesquisar.razor.rz.scp.css */
/* Estilos originais do offcanvas */
.filters-card[b-3by0sppxrz] {
    border: 1px solid #e3e6f0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    transition: box-shadow 0.3s ease;
}

    .filters-card:hover[b-3by0sppxrz] {
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }

.btn-action-grouped[b-3by0sppxrz] {
    min-width: 28px !important;
    width: 28px !important;
    padding: 0.25rem 0.25rem !important;
    border-radius: 4px;
    margin: 0 1px;
}

    .btn-action-grouped i[b-3by0sppxrz] {
        font-size: 12px;
    }

.spinning[b-3by0sppxrz] {
    animation: spin-b-3by0sppxrz 1s linear infinite;
}

@keyframes spin-b-3by0sppxrz {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.actions-column[b-3by0sppxrz] {
    width: 85px !important;
    min-width: 85px !important;
    max-width: 85px !important;
}

.btn-group-sm .btn[b-3by0sppxrz] {
    --vz-btn-padding-y: 0.25rem;
    --vz-btn-padding-x: 0.25rem;
    --vz-btn-font-size: 12px;
}

/* Ajustar header da coluna também */
th.col[b-3by0sppxrz] {
    width: 85px !important;
    min-width: 85px !important;
    max-width: 85px !important;
}

.popup-overlay[b-3by0sppxrz] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    backdrop-filter: blur(2px);
}

.popup-pendencias[b-3by0sppxrz] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    max-width: 500px;
    width: 90vw;
    max-height: 80vh;
    overflow: hidden;
    animation: popupSlideIn-b-3by0sppxrz 0.3s ease-out;
}

.btn-group-sm > .btn[b-3by0sppxrz], .btn-sm-2[b-3by0sppxrz] {
    --vz-btn-padding-y: 0.1rem;
    --vz-btn-padding-x: 2.5rem;
    --vz-btn-font-size: calc(var(--vz-font-base) * 0.875);
    --vz-btn-border-radius: var(--vz-border-radius-sm);
}

@keyframes popupSlideIn-b-3by0sppxrz {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.popup-header[b-3by0sppxrz] {
    padding: 20px 24px 16px;
    border-bottom: 1px solid #e9ecef;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.popup-title[b-3by0sppxrz] {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    color: #495057;
}

.popup-close-btn[b-3by0sppxrz] {
    background: none;
    border: none;
    font-size: 20px;
    color: #6c757d;
    cursor: pointer;
    padding: 8px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

    .popup-close-btn:hover[b-3by0sppxrz] {
        background: rgba(0, 0, 0, 0.1);
        color: #495057;
    }

.popup-body[b-3by0sppxrz] {
    padding: 24px;
    max-height: 400px;
    overflow-y: auto;
}

.pendencias-content[b-3by0sppxrz],
.status-content[b-3by0sppxrz] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.status-badge[b-3by0sppxrz] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-radius: 8px;
    font-weight: 500;
    text-align: center;
    justify-content: center;
}

    .status-badge.warning[b-3by0sppxrz] {
        background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
        color: #856404;
        border: 1px solid #ffeaa7;
    }

    .status-badge.success[b-3by0sppxrz] {
        background: linear-gradient(135deg, #d1e7dd 0%, #a3d9a4 100%);
        color: #0f5132;
        border: 1px solid #a3d9a4;
    }

.observacao-section[b-3by0sppxrz] {
    background: #f8f9fa;
    padding: 16px;
    border-radius: 8px;
    border-left: 4px solid #ffc107;
}

    .observacao-section h6[b-3by0sppxrz] {
        margin: 0 0 12px 0;
        color: #495057;
        font-weight: 600;
    }

.observacao-text[b-3by0sppxrz] {
    margin: 0;
    line-height: 1.5;
    color: #6c757d;
}

.pendencias-list h6[b-3by0sppxrz] {
    margin: 0 0 12px 0;
    color: #495057;
    font-weight: 600;
}

.pendencias-itens[b-3by0sppxrz] {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

    .pendencias-itens li[b-3by0sppxrz] {
        padding: 8px 0;
        color: #6c757d;
        border-bottom: 1px solid #e9ecef;
        display: flex;
        align-items: center;
    }

        .pendencias-itens li:last-child[b-3by0sppxrz] {
            border-bottom: none;
        }

.status-message[b-3by0sppxrz] {
    text-align: center;
    color: #6c757d;
    margin: 16px 0 0 0;
    font-size: 16px;
}

.popup-footer[b-3by0sppxrz] {
    padding: 16px 24px;
    border-top: 1px solid #e9ecef;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    background: #f8f9fa;
}

    .popup-footer .btn[b-3by0sppxrz] {
        border-radius: 6px;
        font-weight: 500;
        transition: all 0.2s ease;
    }

/* Responsividade */
@media (max-width: 576px) {
    .popup-pendencias[b-3by0sppxrz] {
        width: 95vw;
        margin: 20px;
    }

    .popup-header[b-3by0sppxrz],
    .popup-body[b-3by0sppxrz],
    .popup-footer[b-3by0sppxrz] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .popup-footer[b-3by0sppxrz] {
        flex-direction: column;
    }

        .popup-footer .btn[b-3by0sppxrz] {
            width: 100%;
        }
}

/* Estilo do botão de refresh coladinho */
.btn-refresh[b-3by0sppxrz] {
    height: 38px; /* Altura igual ao input do dropdown */
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
    border-radius: 0.375rem;
    border: 1px solid #ced4da;
    background-color: transparent;
    color: #6c757d;
    position: relative;
}

    .btn-refresh:hover[b-3by0sppxrz] {
        background-color: #dc3545;
        border-color: #dc3545;
        color: white;
        transform: rotate(180deg);
        box-shadow: 0 2px 4px rgba(220, 53, 69, 0.3);
    }

    .btn-refresh:focus[b-3by0sppxrz] {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
        outline: none;
    }

    .btn-refresh:active[b-3by0sppxrz] {
        transform: rotate(180deg) scale(0.95);
    }

/* Container flex para dropdown + botão */
.d-flex.gap-2[b-3by0sppxrz] {
    align-items: end; /* Alinha na base para ficar na mesma linha */
    gap: 0.5rem;
}

.flex-grow-1[b-3by0sppxrz] {
    flex: 1 1 auto;
    min-width: 0; /* Permite que o dropdown encolha se necessário */
}

/* Garantir que o autocomplete não seja afetado */
.autocomplete-container[b-3by0sppxrz] {
    position: relative;
    width: 100%;
}

/* Tooltip personalizado */
.btn-refresh[title][b-3by0sppxrz] {
    position: relative;
}

    .btn-refresh[title]:hover[b-3by0sppxrz]::before {
        content: attr(title);
        position: absolute;
        bottom: 120%;
        left: 50%;
        transform: translateX(-50%);
        background-color: #212529;
        color: white;
        padding: 0.25rem 0.5rem;
        border-radius: 0.25rem;
        font-size: 0.75rem;
        white-space: nowrap;
        z-index: 1050;
        opacity: 0;
        animation: fadeInTooltip 0.3s ease forwards;
    }

    .btn-refresh[title]:hover[b-3by0sppxrz]::after {
        content: '';
        position: absolute;
        bottom: 115%;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #212529;
        z-index: 1051;
        opacity: 0;
        animation: fadeInTooltip 0.3s ease forwards;
    }

.offcanvas-start.hx-offcanvas-lg[b-3by0sppxrz],
.offcanvas-end.hx-offcanvas-lg[b-3by0sppxrz] {
    width: 86%;
}

/* Media queries para responsividade */
@media (max-width: 991.98px) {
    .offcanvas-start.hx-offcanvas-lg[b-3by0sppxrz],
    .offcanvas-end.hx-offcanvas-lg[b-3by0sppxrz] {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {
    .container-fluid[b-aosb9kgu43][b-3by0sppxrz] {
        padding: 20px !important;
    }
}

@media (max-width: 767.98px) {
    .offcanvas-start.hx-offcanvas-lg[b-3by0sppxrz],
    .offcanvas-end.hx-offcanvas-lg[b-3by0sppxrz] {
        width: 100% !important;
        max-width: 100% !important;
    }

    .container-fluid[b-3by0sppxrz] {
        padding: 0px !important;
    }

    /* Garantir que o conteúdo seja responsivo */
    .offcanvas-body[b-3by0sppxrz] {
        padding: 0.75rem !important;
    }

    /* Ajustar formulários para mobile */
    .form-control[b-3by0sppxrz], .form-select[b-3by0sppxrz] {
        font-size: 16px; /* Previne zoom no iOS */
    }

    /* Botões responsivos */
    .btn-group-sm > .btn[b-3by0sppxrz], .btn-sm[b-3by0sppxrz] {
        font-size: 0.8rem;
        padding: 0.375rem 0.5rem;
    }

    /* Tabelas responsivas em mobile */
    .table-responsive[b-3by0sppxrz] {
        font-size: 0.85rem;
    }

    /* Cards responsivos */
    .card-body[b-3by0sppxrz] {
        padding: 0.75rem;
    }

    /* Ajustar colunas de formulário */
    .row.g-2 > .col-sm-2[b-3by0sppxrz],
    .row.g-2 > .col-sm-1[b-3by0sppxrz],
    .row.g-2 > .col-sm-3[b-3by0sppxrz] {
        margin-bottom: 0.5rem;
    }
}

@media (max-width: 575.98px) {
    .offcanvas-start.hx-offcanvas-lg[b-3by0sppxrz],
    .offcanvas-end.hx-offcanvas-lg[b-3by0sppxrz] {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Header do offcanvas */
    .offcanvas-header[b-3by0sppxrz] {
        padding: 0.75rem;
    }

    .offcanvas-title[b-3by0sppxrz] {
        font-size: 1.1rem;
    }

    /* Conteúdo principal */
    .offcanvas-body[b-3by0sppxrz] {
        padding: 0.5rem !important;
    }

    /* Formulários em telas muito pequenas */
    .form-label[b-3by0sppxrz] {
        font-size: 0.9rem;
        margin-bottom: 0.25rem;
    }

    /* Botões de ação */
    .btn-group .btn[b-3by0sppxrz] {
        font-size: 0.75rem;
        padding: 0.25rem 0.5rem;
    }

    /* Tabs responsivos */
    .nav-pills .nav-link[b-3by0sppxrz] {
        font-size: 0.8rem;
        padding: 0.5rem 0.75rem;
    }

    .nav-tab-title[b-3by0sppxrz] {
        font-size: 0.75rem;
    }

    .nav-tab-count[b-3by0sppxrz] {
        font-size: 0.7rem;
    }
}

/* Classe adicional para forçar 100% em mobile quando necessário */
.offcanvas-mobile-full[b-3by0sppxrz] {
    width: 100% !important;
    max-width: 100% !important;
}

/* Melhorar a experiência de scroll em mobile */
@media (max-width: 767.98px) {
    .table-responsive[b-3by0sppxrz] {
        border: none;
    }

        .table-responsive[b-3by0sppxrz]::-webkit-scrollbar {
            height: 3px;
        }

        .table-responsive[b-3by0sppxrz]::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        .table-responsive[b-3by0sppxrz]::-webkit-scrollbar-thumb {
            background: #c1c1c1;
            border-radius: 3px;
        }
}

/* Demonstração do offcanvas */
.demo-container[b-3by0sppxrz] {
    padding: 2rem;
    background: #f8f9fa;
    min-height: 100vh;
}

.demo-card[b-3by0sppxrz] {
    background: white;
    border-radius: 0.5rem;
    padding: 1.5rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.btn-demo[b-3by0sppxrz] {
    margin: 0.5rem;
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Venda/Orcamento/OrcamentoPessoaFisicaPlanoSaude.razor.rz.scp.css */

.modal-backdrop.show[b-obdzc94xxi] {
    opacity: 0 !important;
}

.modal-backdrop.show[b-obdzc94xxi] {
    opacity: !important;
}

.modal-backdrop[b-obdzc94xxi] {
     --vz-backdrop-zindex: 0 !important; 
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--vz-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--vz-backdrop-bg);
}

/* Estilos para indicadores de faixa etária */
.beneficio-faixa-etaria-invalida[b-obdzc94xxi] {
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid #ffc107;
    border-radius: 4px;
    padding: 6px;
    margin-top: 8px;
}

.beneficio-indisponivel[b-obdzc94xxi] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    background: rgba(108, 117, 125, 0.1);
    border-radius: 4px;
    margin-bottom: 8px;
}

.badge[title][b-obdzc94xxi] {
    cursor: help;
}

/* Animação para elementos desabilitados por idade */
.beneficio-adicional-card.fora-faixa-etaria[b-obdzc94xxi] {
    opacity: 0.6;
    background: linear-gradient(45deg, transparent 25%, rgba(255, 193, 7, 0.1) 25%, rgba(255, 193, 7, 0.1) 50%, transparent 50%, transparent 75%, rgba(255, 193, 7, 0.1) 75%);
    background-size: 20px 20px;
}

    .beneficio-adicional-card.fora-faixa-etaria[b-obdzc94xxi]::before {
        content: '⚠️';
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 16px;
        z-index: 10;
    }

/* Estilo para checkboxes desabilitados por idade */
.form-check-input:disabled.fora-faixa-etaria[b-obdzc94xxi] {
    opacity: 0.3;
    cursor: not-allowed;
}

/* Estilo para labels desabilitadas por idade */
.form-check-label.disabled-label.fora-faixa-etaria[b-obdzc94xxi] {
    color: #6c757d;
    cursor: not-allowed;
}

    .form-check-label.disabled-label.fora-faixa-etaria .beneficio-nome[b-obdzc94xxi] {
        text-decoration: line-through;
    }

/* Estilos para o Resumo do Orçamento - Nova Estrutura */

/* Card Principal do Plano */
.plano-principal-card .card-header.bg-default[b-obdzc94xxi] {
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a0 100%) !important;
    border: none;
}

.metric-box[b-obdzc94xxi] {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 20px 15px;
    transition: all 0.3s ease;
    border: 1px solid #e9ecef;
}

    .metric-box:hover[b-obdzc94xxi] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

    .metric-box i[b-obdzc94xxi] {
        font-size: 2rem;
        margin-bottom: 10px;
        display: block;
    }

    .metric-box h4[b-obdzc94xxi] {
        color: #333;
        margin: 5px 0;
        font-weight: 600;
    }

    .metric-box span[b-obdzc94xxi] {
        color: #6c757d;
        font-size: 0.9rem;
        font-weight: 500;
    }

.metric-principal i[b-obdzc94xxi] {
    color: #6f42c1;
}

.metric-inclusos i[b-obdzc94xxi] {
    color: #28a745;
}

.metric-adicionais i[b-obdzc94xxi] {
    color: #ffc107;
}

.metric-parcelas i[b-obdzc94xxi] {
    color: #17a2b8;
}

/* Detalhamento dos Valores */
.value-breakdown .value-item[b-obdzc94xxi] {
    padding: 12px 0;
    border-bottom: 1px solid #f1f3f4;
}

    .value-breakdown .value-item:last-child[b-obdzc94xxi] {
        border-bottom: none;
    }

    .value-breakdown .value-item.total-mensal[b-obdzc94xxi] {
        background: #f8f9fa;
        padding: 15px;
        border-radius: 8px;
        border: 1px solid #e9ecef;
    }

.value-label[b-obdzc94xxi] {
    font-size: 0.95rem;
    color: #495057;
}

.value-amount[b-obdzc94xxi] {
    font-size: 1.1rem;
    font-weight: 600;
}

/* Seção de Adesão */
.adesao-section[b-obdzc94xxi] {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

/* Resumo Financeiro Final */
.financial-summary .summary-row[b-obdzc94xxi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f1f3f4;
}

    .financial-summary .summary-row:last-child[b-obdzc94xxi] {
        border-bottom: none;
    }

    .financial-summary .summary-row.total-anual[b-obdzc94xxi] {
        font-weight: 600;
        background: #f8f9fa;
        padding: 12px;
        margin: 8px -12px;
        border-radius: 6px;
    }

    .financial-summary .summary-row.total-geral[b-obdzc94xxi] {
        background: #d4edda;
        padding: 15px;
        margin: 12px -12px 0;
        border-radius: 6px;
        border: 1px solid #c3e6cb;
    }

/* Responsividade */
@media (max-width: 768px) {
    .row.g-3 .col-md-3[b-obdzc94xxi] {
        margin-bottom: 15px;
    }

    .metric-box[b-obdzc94xxi] {
        padding: 15px 10px;
    }

        .metric-box i[b-obdzc94xxi] {
            font-size: 1.5rem;
        }

        .metric-box h4[b-obdzc94xxi] {
            font-size: 1.25rem;
        }
}

/* Animações suaves */
.card[b-obdzc94xxi] {
    transition: all 0.3s ease;
}

    .card:hover[b-obdzc94xxi] {
        box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    }

/* Form controls customizados */
.form-control:focus[b-obdzc94xxi],
.form-select:focus[b-obdzc94xxi] {
    border-color: #6f42c1;
    box-shadow: 0 0 0 0.2rem rgba(111, 66, 193, 0.25);
}

/* Badges de status */
.badge[b-obdzc94xxi] {
    font-size: 0.8rem;
    padding: 6px 12px;
}

/* Botões customizados */
.btn-group .btn[b-obdzc94xxi] {
    border-radius: 6px !important;
    margin-right: 5px;
}

    .btn-group .btn:last-child[b-obdzc94xxi] {
        margin-right: 0;
    }

/* Estilos para o modal de ajuda */
.modal-content[b-obdzc94xxi] {
    border-radius: 12px;
    overflow: hidden;
}

.modal-header.bg-gradient-primary[b-obdzc94xxi] {
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a0 100%) !important;
}

.modal-icon[b-obdzc94xxi] {
    width: 50px;
    height: 50px;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.form-label .text-danger[b-obdzc94xxi] {
    font-weight: 600;
}

/* Estados de validação para inputs */
.form-control.is-invalid[b-obdzc94xxi] {
    border-color: #dc3545;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'><circle cx='6' cy='6' r='4.5'/><path d='m5.5 5.5 2 2m0-2-2 2'/></svg>");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.form-control.is-valid[b-obdzc94xxi] {
    border-color: #198754;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%23198754' d='m2.3 6.73.8-.77L4.25 7l2.42-2.42.8.77-3.22 3.22z'/></svg>");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

/* Animações para feedback visual */
.validation-feedback-enter[b-obdzc94xxi] {
    animation: slideInFromTop-b-obdzc94xxi 0.3s ease-out;
}

@keyframes slideInFromTop-b-obdzc94xxi {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.validation-feedback-exit[b-obdzc94xxi] {
    animation: slideOutToTop-b-obdzc94xxi 0.3s ease-in;
}

@keyframes slideOutToTop-b-obdzc94xxi {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-10px);
    }
}

/* Destacar seções baseadas no tipo de plano */
.card.tipo-pessoa-fisica[b-obdzc94xxi] {
    border-left: 4px solid #0d6efd;
}

.card.tipo-empresarial[b-obdzc94xxi] {
    border-left: 4px solid #6f42c1;
}

/* Indicadores de campos condicionais */
.conditional-field[b-obdzc94xxi] {
    position: relative;
}

    .conditional-field[b-obdzc94xxi]::before {
        content: '';
        position: absolute;
        left: -8px;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
        height: 20px;
        background-color: #ffc107;
        border-radius: 2px;
        opacity: 0.7;
    }

/* Estados de validação para diferentes tipos de plano */
.plano-pessoa-fisica .responsavel-financeiro-section[b-obdzc94xxi] {
    background: linear-gradient(135deg, #e3f2fd 0%, #f8f9fa 100%);
    border: 2px solid #2196f3;
    border-radius: 8px;
    padding: 1rem;
}

.plano-empresarial .responsavel-financeiro-section[b-obdzc94xxi] {
    background: linear-gradient(135deg, #f3e5f5 0%, #f8f9fa 100%);
    border: 2px solid #9c27b0;
    border-radius: 8px;
    padding: 1rem;
}

/* Botões de navegação com estados */
.btn-primary:disabled[b-obdzc94xxi] {
    opacity: 0.65;
    cursor: not-allowed;
}

.btn-validating[b-obdzc94xxi] {
    position: relative;
    overflow: hidden;
}

    .btn-validating[b-obdzc94xxi]::after {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
        animation: shimmer-b-obdzc94xxi 1.5s infinite;
    }

@keyframes shimmer-b-obdzc94xxi {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

/* Alertas de validação customizados */
.alert.validation-summary[b-obdzc94xxi] {
    border-radius: 12px;
    border: none;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

    .alert.validation-summary .alert-heading[b-obdzc94xxi] {
        display: flex;
        align-items: center;
        margin-bottom: 1rem;
    }

    .alert.validation-summary ul[b-obdzc94xxi] {
        margin-bottom: 0;
        padding-left: 1.2rem;
    }

        .alert.validation-summary ul li[b-obdzc94xxi] {
            margin-bottom: 0.25rem;
        }

/* Indicadores de progresso de validação */
.validation-progress[b-obdzc94xxi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.validation-step[b-obdzc94xxi] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #dee2e6;
    transition: all 0.3s ease;
}

    .validation-step.completed[b-obdzc94xxi] {
        background-color: #198754;
        transform: scale(1.2);
    }

    .validation-step.current[b-obdzc94xxi] {
        background-color: #0d6efd;
        transform: scale(1.4);
        box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.25);
    }

    .validation-step.error[b-obdzc94xxi] {
        background-color: #dc3545;
        transform: scale(1.2);
        box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.25);
    }

.form-select[b-obdzc94xxi] {
    --vz-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);
    display: block;
    width: 100%;
    padding: 0.3rem 2.7rem 0.3rem 0.9rem;
    font-size: var(--vz-font-base);
    font-weight: var(--vz-font-weight-normal);
    line-height: 1.5;
    color: var(--vz-body-color);
    appearance: none;
    /* background-color: var(--vz-input-bg-custom); */
    background-image: var(--vz-form-select-bg-img), var(--vz-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 0.9rem center;
    background-size: 16px 12px;
    border: var(--vz-border-width) solid var(--vz-input-border-custom);
    border-radius: var(--vz-border-radius);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

/* Novos estilos para as tags dos beneficiários */
.beneficiario-card[b-obdzc94xxi] {
    position: relative;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.beneficiario-tag[b-obdzc94xxi] {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 10;
}

.titular-tag .badge[b-obdzc94xxi] {
    background-color: #0d6efd !important;
    color: white;
    font-size: 0.7rem;
    padding: 4px 8px;
    border-radius: 12px;
}

.padrao-tag .badge[b-obdzc94xxi] {
    background-color: #198754 !important;
    color: white;
    font-size: 0.7rem;
    padding: 4px 8px;
    border-radius: 12px;
}

.adicional-tag .badge[b-obdzc94xxi] {
    background-color: #ffc107 !important;
    color: #000;
    font-size: 0.7rem;
    padding: 4px 8px;
    border-radius: 12px;
}

.titular-card[b-obdzc94xxi] {
    border-color: #0d6efd;
    background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);
}

.dependente-card.padrao[b-obdzc94xxi] {
    border-color: #198754;
    background: linear-gradient(135deg, #f0fff4 0%, #ffffff 100%);
}

.dependente-card.adicional[b-obdzc94xxi] {
    border-color: #ffc107;
    background: linear-gradient(135deg, #fff9e6 0%, #ffffff 100%);
}

.beneficio-relacionado-highlight[b-obdzc94xxi] {
    box-shadow: 0 0 15px rgba(0, 123, 255, 0.4) !important;
    transform: scale(1.02) !important;
    transition: all 0.3s ease !important;
}

.mudanca-automatica[b-obdzc94xxi] {
    animation: pulseAutomatico-b-obdzc94xxi 1s ease-in-out;
}

@keyframes pulseAutomatico-b-obdzc94xxi {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 0 20px rgba(23, 162, 184, 0.6);
    }

    100% {
        transform: scale(1);
    }
}


.beneficio-incluso-indicator[b-obdzc94xxi] {
    margin-top: 8px;
    padding: 4px 8px;
    background-color: rgba(25, 135, 84, 0.1);
    border-radius: 4px;
    border-left: 3px solid #198754;
    text-align: center;
}

    .beneficio-incluso-indicator .bi-gift[b-obdzc94xxi] {
        color: #198754;
    }

/* Destaque para valores inclusos */
.beneficio-valor .text-success[b-obdzc94xxi] {
    font-weight: 600 !important;
}

/* Animação sutil para valores inclusos */
.beneficio-incluso-indicator[b-obdzc94xxi] {
    animation: fadeInIncluso-b-obdzc94xxi 0.5s ease-in-out;
}

@keyframes fadeInIncluso-b-obdzc94xxi {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ripple-automatico[b-obdzc94xxi] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    background: radial-gradient(circle, rgba(23, 162, 184, 0.6) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: rippleEffect-b-obdzc94xxi 1s ease-out;
    pointer-events: none;
}

@keyframes rippleEffect-b-obdzc94xxi {
    0% {
        width: 10px;
        height: 10px;
        opacity: 1;
    }

    100% {
        width: 200px;
        height: 200px;
        opacity: 0;
    }
}

.tooltip-beneficio-especial[b-obdzc94xxi] {
    position: absolute;
    background: rgba(0, 0, 0, 0.9);
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 12px;
    max-width: 250px;
    z-index: 10000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    animation: fadeInTooltip-b-obdzc94xxi 0.3s ease-in;
}

.tooltip-arrow[b-obdzc94xxi] {
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(0, 0, 0, 0.9);
}

@keyframes fadeInTooltip-b-obdzc94xxi {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.badge-titular-adicional[b-obdzc94xxi] {
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
    color: white;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 12px;
    font-weight: 500;
}

/* Checkbox controlador (usado pelo titular) */
.checkbox-controlador[b-obdzc94xxi] {
    border: 2px solid #007bff !important;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
}

    .checkbox-controlador:checked[b-obdzc94xxi] {
        background-color: #007bff !important;
        border-color: #007bff !important;
    }

/* Checkbox automático (dependentes padrão) */
.checkbox-automatico[b-obdzc94xxi] {
    border: 2px solid #17a2b8 !important;
    background-color: #e7f3ff;
}

    .checkbox-automatico:checked[b-obdzc94xxi] {
        background-color: #17a2b8 !important;
        border-color: #17a2b8 !important;
    }

    .checkbox-automatico:disabled[b-obdzc94xxi] {
        opacity: 0.7;
        cursor: not-allowed;
    }

/* Label desabilitado */
.disabled-label[b-obdzc94xxi] {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

/* Card de benefício com estados especiais */
.beneficio-adicional-card.checkbox-controlador[b-obdzc94xxi] {
    border: 2px solid #007bff;
    background: linear-gradient(135deg, rgba(0, 123, 255, 0.05) 0%, rgba(255, 255, 255, 1) 100%);
}

.beneficio-adicional-card.checkbox-automatico[b-obdzc94xxi] {
    border: 2px solid #17a2b8;
    background: linear-gradient(135deg, rgba(23, 162, 184, 0.05) 0%, rgba(255, 255, 255, 1) 100%);
}

    .beneficio-adicional-card.checkbox-automatico.selected[b-obdzc94xxi] {
        border-color: #17a2b8;
        background: linear-gradient(135deg, rgba(23, 162, 184, 0.1) 0%, rgba(255, 255, 255, 1) 100%);
    }

/* Explicação do benefício */
.beneficio-explicacao[b-obdzc94xxi] {
    margin-top: 8px;
    padding: 6px 8px;
    background-color: rgba(0, 123, 255, 0.1);
    border-radius: 6px;
    border-left: 3px solid #007bff;
}

/* Status desabilitado */
.beneficio-status-desabilitado[b-obdzc94xxi] {
    margin-top: 8px;
    padding: 4px 8px;
    background-color: rgba(108, 117, 125, 0.1);
    border-radius: 4px;
    text-align: center;
}

/* Indicador de seleção automática */
.beneficio-selecionado-indicator .text-info[b-obdzc94xxi] {
    color: #17a2b8 !important;
}

/* Animações para feedback visual */
.beneficio-adicional-card.checkbox-controlador:hover[b-obdzc94xxi] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
    transition: all 0.3s ease;
}

.beneficio-adicional-card.checkbox-automatico:hover[b-obdzc94xxi] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(23, 162, 184, 0.15);
    transition: all 0.3s ease;
}

/* Tooltip visual para benefícios especiais */
.beneficio-adicional-card[data-beneficio-especial="true"][b-obdzc94xxi]::before {
    content: "";
    position: absolute;
    top: -2px;
    right: -2px;
    width: 12px;
    height: 12px;
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
    border-radius: 50%;
    box-shadow: 0 0 0 2px white;
}

/* Responsividade para dispositivos menores */
@media (max-width: 768px) {
    .badge-titular-adicional[b-obdzc94xxi] {
        font-size: 9px;
        padding: 1px 4px;
    }

    .beneficio-explicacao[b-obdzc94xxi] {
        font-size: 11px;
        padding: 4px 6px;
    }

    .beneficio-status-desabilitado[b-obdzc94xxi] {
        font-size: 11px;
        padding: 3px 6px;
    }
}

/* Estados de foco para acessibilidade */
.checkbox-controlador:focus[b-obdzc94xxi] {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

.checkbox-automatico:focus[b-obdzc94xxi] {
    outline: 2px solid #17a2b8;
    outline-offset: 2px;
}

/* Estilo para benefícios em grupo (quando vários dependentes são afetados) */
.beneficio-grupo-automatico[b-obdzc94xxi] {
    position: relative;
}

    .beneficio-grupo-automatico[b-obdzc94xxi]::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: 2px dashed #17a2b8;
        border-radius: 8px;
        pointer-events: none;
        opacity: 0.5;
    }

/* Indicador de quantidade de beneficiários afetados */
.beneficiarios-afetados-indicator[b-obdzc94xxi] {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #007bff;
    color: white;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 10px;
    min-width: 20px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}























.beneficiario-card[b-obdzc94xxi] {
        border: 2px solid #e9ecef;
        border-radius: 12px;
        padding: 16px;
        background: white;
        transition: all 0.3s ease;
        position: relative;
        min-height: 225px;
        cursor: default;
    }

    .beneficiario-card.titular-card[b-obdzc94xxi] {
        border-color: #0d6efd;
        background: linear-gradient(135deg, #f0f8ff 0%, #ffffff 100%);
    }

    .beneficiario-card.dependente-card.padrao[b-obdzc94xxi] {
        border-color: #198754;
        background: linear-gradient(135deg, #f8fff9 0%, #ffffff 100%);
    }

    .beneficiario-card.dependente-card.adicional[b-obdzc94xxi] {
        border-color: #ffc107;
        background: linear-gradient(135deg, #fffbf0 0%, #ffffff 100%);
    }

    .beneficiario-card.add-card[b-obdzc94xxi] {
        border: 2px dashed #6c757d;
        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .beneficiario-card.add-card:hover[b-obdzc94xxi] {
        border-color: #0d6efd;
        background: linear-gradient(135deg, #f0f8ff 0%, #ffffff 100%);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(13, 110, 253, 0.15);
    }

/*    .beneficiario-avatar {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        flex-shrink: 0;
    }*/

    .beneficiario-avatar.titular[b-obdzc94xxi] {
        background: #198754;
        color: white;
    }

    .beneficiario-avatar.padrao[b-obdzc94xxi] {
        background: #198754;
        color: white;
    }

    .beneficiario-avatar.adicional[b-obdzc94xxi] {
        background: #ffc107;
        color: #212529;
    }

    .btn-remove[b-obdzc94xxi] {
        position: absolute;
        top: 8px;
        right: 8px;
        background: #dc3545;
        color: white;
        border: none;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        cursor: pointer;
        transition: all 0.2s ease;
    }

    .btn-remove:hover[b-obdzc94xxi] {
        background: #bb2d3b;
        transform: scale(1.1);
    }

    .beneficiario-nome[b-obdzc94xxi] {
        font-weight: 600;
        color: #495057;
        margin-bottom: 4px;
    }

    /*.beneficiario-info {
        min-height: 120px;
    }*/

    .card.border-success[b-obdzc94xxi] {
        border-width: 2px !important;
    }

    .card-header.bg-success.bg-opacity-10[b-obdzc94xxi] {
        background-color: rgba(25, 135, 84, 0.1) !important;
    }

    .beneficio-detalhes[b-obdzc94xxi] {
        background: #f8f9fa;
        border-radius: 6px;
        padding: 8px;
        margin-top: 8px;
    }

.align-items-start[b-obdzc94xxi] {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    width: 100%;
}
.calculating[b-obdzc94xxi] {
    opacity: 0.7;
    animation: pulse-b-obdzc94xxi 1.5s infinite;
}

@keyframes pulse-b-obdzc94xxi {
    0% {
        opacity: 0.7;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.7;
    }
}

/* Destacar valores quando mudarem */
.valor-updated[b-obdzc94xxi] {
    background: #fff3cd !important;
    transition: background-color 0.5s ease;
    border: 2px solid #ffc107 !important;
    border-radius: 8px !important;
}

/* Checkbox com feedback visual melhorado */
.form-check-input:checked[b-obdzc94xxi] {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    animation: checkboxChecked-b-obdzc94xxi 0.3s ease;
}

@keyframes checkboxChecked-b-obdzc94xxi {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

/* Debug panel (apenas para desenvolvimento) */
.debug-panel[b-obdzc94xxi] {
    position: fixed;
    top: 10px;
    right: 10px;
    background: rgba(0,0,0,0.8);
    color: white;
    padding: 10px;
    border-radius: 8px;
    font-size: 12px;
    z-index: 9999;
    display: none;
}

    .debug-panel.show[b-obdzc94xxi] {
        display: block;
    }

.debug-button[b-obdzc94xxi] {
    background: #007bff;
    color: white;
    border: none;
    padding: 4px 8px;
    margin: 2px;
    border-radius: 4px;
    font-size: 10px;
    cursor: pointer;
}

    .debug-button:hover[b-obdzc94xxi] {
        background: #0056b3;
    }

/*beneficios adicionais*/
.beneficiario-adicional-section[b-obdzc94xxi] {
    background: #fafbfc;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
}

.beneficiario-header-adicional[b-obdzc94xxi] {
    background: white;
    border-radius: 8px;
    padding: 15px;
    border: 1px solid #dee2e6;
}

.beneficiario-avatar[b-obdzc94xxi] {
    width: 35px;
    height: 35px;
    background: linear-gradient(135deg, #ffc107 0%, #ffb300 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
}

.beneficiario-info[b-obdzc94xxi] {
    color: #6c757d;
    font-size: 14px;
    margin-bottom: 4px;
}

.valor-beneficiario[b-obdzc94xxi] {
    text-align: center;
    padding: 10px;
    background: #f8f9fa;
    border-radius: 8px;
    min-width: 120px;
}

.beneficios-disponiveis[b-obdzc94xxi] {
    background: white;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #dee2e6;
}

.beneficio-adicional-card[b-obdzc94xxi] {
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 12px;
    transition: all 0.3s ease;
    background: white;
    cursor: pointer;
    height: 100%;
}

    .beneficio-adicional-card:hover[b-obdzc94xxi] {
        border-color: #ffc107;
        box-shadow: 0 2px 8px rgba(255, 193, 7, 0.2);
        transform: translateY(-2px);
    }

    .beneficio-adicional-card.selected[b-obdzc94xxi] {
        border-color: #ffc107;
        background: linear-gradient(135deg, #fff9e6 0%, #ffffff 100%);
        box-shadow: 0 4px 12px rgba(255, 193, 7, 0.3);
    }

.beneficio-content[b-obdzc94xxi] {
    padding-left: 8px;
}

.beneficio-nome[b-obdzc94xxi] {
    font-weight: 600;
    color: #495057;
    font-size: 14px;
    margin-bottom: 4px;
    line-height: 1.3;
}

.beneficio-valor[b-obdzc94xxi] {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.form-check-input:checked[b-obdzc94xxi] {
    background-color: #ffc107;
    border-color: #ffc107;
}

.resumo-beneficios-adicionais .card[b-obdzc94xxi] {
    border-width: 2px;
}

.valor-total-adicional[b-obdzc94xxi] {
    padding: 10px;
    background: white;
    border-radius: 8px;
    border: 2px solid #ffc107;
}

/* Animações */
.beneficio-adicional-card[b-obdzc94xxi] {
    animation: fadeIn-b-obdzc94xxi 0.5s ease-in-out;
}

@keyframes fadeIn-b-obdzc94xxi {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsividade */
@media (max-width: 768px) {
    .beneficiario-header-adicional .d-flex[b-obdzc94xxi] {
        flex-direction: column;
        gap: 15px;
    }

    .valor-beneficiario[b-obdzc94xxi] {
        text-align: left;
    }
}
/*fim beneficios adicionais*/

.validation-message[b-obdzc94xxi] {
    border-radius: 8px;
    font-size: 10px;
    color: #fa0017;
    animation: fadeIn-b-obdzc94xxi 0.5s ease-in-out;
}
.hx-icon[b-obdzc94xxi]{
    margin-left:-5px !important;
}

.header[b-obdzc94xxi] {
    background-color: #fff;
    border-bottom: 1px solid #e9ecef;
}

.card[b-obdzc94xxi] {
    border-radius: 0.25rem;
    margin-bottom: 1.5rem;
}

.card-header[b-obdzc94xxi] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    padding: 0.75rem 1rem;
    font-weight: 500;
}

/* Modern Switch (Toggle) */
.modern-switch[b-obdzc94xxi] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.modern-switch-input[b-obdzc94xxi] {
    display: none;
}

.modern-switch-label[b-obdzc94xxi] {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 0;
}

.modern-switch-button[b-obdzc94xxi] {
    position: relative;
    width: 50px;
    height: 26px;
    background-color: #e9ecef;
    border-radius: 13px;
    margin-right: 10px;
    transition: all 0.2s ease;
}

    .modern-switch-button[b-obdzc94xxi]::before {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: white;
        top: 3px;
        left: 3px;
        transition: all 0.2s ease;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }

.modern-switch-input:checked + .modern-switch-label .modern-switch-button[b-obdzc94xxi] {
    background-color: #20c997;
}

    .modern-switch-input:checked + .modern-switch-label .modern-switch-button[b-obdzc94xxi]::before {
        transform: translateX(24px);
    }

.modern-switch-text[b-obdzc94xxi] {
    font-weight: 500;
}

/* Modern Checkbox */
.modern-checkbox[b-obdzc94xxi] {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.modern-checkbox-input[b-obdzc94xxi] {
    display: none;
}

.modern-checkbox-label[b-obdzc94xxi] {
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 2px solid #dee2e6;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-right: 10px;
    margin-top: 2px;
    flex-shrink: 0;
}

.modern-checkbox-input:checked + .modern-checkbox-label[b-obdzc94xxi] {
    background-color: #20c997;
    border-color: #20c997;
}

    .modern-checkbox-input:checked + .modern-checkbox-label[b-obdzc94xxi]::after {
        content: '';
        position: absolute;
        width: 6px;
        height: 12px;
        border: solid white;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        top: 2px;
        left: 7px;
    }

.beneficiario-info[b-obdzc94xxi] {
    flex-grow: 1;
}

.beneficiario-header[b-obdzc94xxi] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.btn-remove[b-obdzc94xxi] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 35%;
    background-color: #fc3232;
    color: white;
    border: 2px solid #ea0707;
    font-size: 14px;
    cursor: pointer;
    position: absolute;
    top: -7px;
    right: -5px;
    z-index: 10;
}

    .btn-remove:hover[b-obdzc94xxi] {
        background-color: #ff5252;
    }

/*.beneficiario-card {
    border: 2px solid #dee2e6;
    border-radius: 0.5rem;
    padding: 1rem;
    height: 100%;
    transition: all 0.2s;
    position: relative;
    padding-top: 1.5rem;
}

    .beneficiario-card.selected {
        border-color: #20c997;
        background-color: rgba(32, 201, 151, 0.1);
    }*/

/*
    .beneficiario-card {
    border: 2px solid #dee2e6;
    border-radius: 0.5rem;
    padding: 1rem;
    background-color: #FEF2F2;
    height: 100%;
    transition: all 0.2s;
    position: relative;
    padding-top: 1.5rem;
}

    .beneficiario-card.selected {
        border-color: #e2e8f0;
        background-color: #f0fdf4; 

    .beneficiario-card.add-card {
        border-style: dashed;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #6c757d;
        min-height: 100px;
    }

        .beneficiario-card.add-card:hover {
            background-color: #f8f9fa;
        }

*/

.beneficiario-card[b-obdzc94xxi] {
    transition: all 0.3s ease;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    align-items: center;
    background: white;
    position: relative;
    min-height: 225px;
}


    .beneficiario-card.selected[b-obdzc94xxi] {
        border-color: #0d6efd;
        background: #f8fff9;
    }

    .beneficiario-card.add-card[b-obdzc94xxi] {
        border-style: dashed;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #6c757d;
        min-height: 225px;
    }

        .beneficiario-card.add-card:hover[b-obdzc94xxi] {
            background-color: #f8f9fa;
        }

    .beneficiario-card:hover[b-obdzc94xxi] {
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

    /* Indicador visual para dependentes adicionais */
    .beneficiario-card.adicional[b-obdzc94xxi] {
        border-color: #ffc107;
        background: linear-gradient(135deg, #fff9e6 0%, #ffffff 100%);
    }

        .beneficiario-card.adicional[b-obdzc94xxi]::before {
            content: "ADICIONAL";
            position: absolute;
            top: 5px;
            right: 5px;
            background: #ffc107;
            color: #856404;
            font-size: 10px;
            font-weight: bold;
            padding: 2px 6px;
            border-radius: 10px;
            z-index: 10;
        }

    .beneficiario-card.padrao[b-obdzc94xxi]::before {
        content: "DEPENDENTE";
        position: absolute;
        top: 5px;
        right: 5px;
        background: #28a745;
        color: white;
        font-size: 10px;
        font-weight: bold;
        padding: 2px 6px;
        border-radius: 10px;
        z-index: 10;
    }

.form-control:focus[b-obdzc94xxi] {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Animação para mudanças */
.beneficiario-card.updating[b-obdzc94xxi] {
    transform: scale(1.02);
    border-color: #007bff;
}

.text-warning[b-obdzc94xxi] {
    color: #fd7e14 !important;
}

.tipo-plano-toggle[b-obdzc94xxi] {
    display: flex;
    align-items: center;
    padding: 0.55rem 1.5rem;
    border-radius: 2rem;
    background-color: #f8f9fa;
    margin-right: 0.75rem;
    cursor: pointer;
    border: 1px solid #dee2e6;
    font-weight: 500;
    transition: all 0.2s ease;
}

    .tipo-plano-toggle.active[b-obdzc94xxi] {
        background-color: #6c757d;
        color: white;
        border-color: #676767;
    }

    .tipo-plano-toggle:hover:not(.active)[b-obdzc94xxi] {
        background-color: #e9ecef;
    }

.beneficio-section[b-obdzc94xxi] {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

    .beneficio-section:last-child[b-obdzc94xxi] {
        border-bottom: none;
    }

/* Link de Ajuda */
.help-link[b-obdzc94xxi] {
    text-decoration: none !important;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.2s ease;
    border-radius: 6px;
    padding: 6px 12px;
}

    .help-link:hover[b-obdzc94xxi] {
        background: rgba(255, 255, 255, 0.1);
        transform: translateY(-1px);
    }

/* Modal Customizado */
.bg-gradient-primary[b-obdzc94xxi] {
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%);
}

.modal-icon[b-obdzc94xxi] {
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

/* Cards de Ajuda */
.help-card[b-obdzc94xxi] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    height: 100%;
    transition: transform 0.2s ease;
}

    .help-card:hover[b-obdzc94xxi] {
        transform: translateY(-2px);
    }

    .help-card .card-header[b-obdzc94xxi] {
        background: none;
        border: none;
        padding: 20px 20px 0 20px;
        display: flex;
        align-items: center;
        gap: 16px;
    }

.header-icon[b-obdzc94xxi] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

    .header-icon.success[b-obdzc94xxi] {
        background: #dcfce7;
        color: #166534;
    }

    .header-icon.warning[b-obdzc94xxi] {
        background: #fef3c7;
        color: #92400e;
    }

.header-content h5[b-obdzc94xxi] {
    margin: 0 0 4px 0;
    font-weight: 600;
    color: #1f2937;
}

.help-card .card-body[b-obdzc94xxi] {
    padding: 20px;
}

/* Items de Configuração */
.config-items[b-obdzc94xxi] {
    margin-bottom: 20px;
}

.config-item[b-obdzc94xxi] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid #f3f4f6;
}

    .config-item:last-child[b-obdzc94xxi] {
        border-bottom: none;
    }

.item-icon[b-obdzc94xxi] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

    .item-icon.titular[b-obdzc94xxi] {
        background: #dbeafe;
        color: #1d4ed8;
    }

    .item-icon.spouse[b-obdzc94xxi] {
        background: #fce7f3;
        color: #be185d;
    }

    .item-icon.children[b-obdzc94xxi] {
        background: #dcfce7;
        color: #166534;
    }

    .item-icon.additional[b-obdzc94xxi] {
        background: #fef3c7;
        color: #92400e;
    }

.item-content[b-obdzc94xxi] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .item-content strong[b-obdzc94xxi] {
        color: #1f2937;
        font-weight: 600;
        font-size: 0.9rem;
    }

    .item-content small[b-obdzc94xxi] {
        color: #6b7280;
        font-size: 0.8rem;
    }

/* Destaque de Valor */
.value-highlight[b-obdzc94xxi] {
    padding: 16px;
    border-radius: 8px;
    text-align: center;
    font-weight: 600;
}

    .value-highlight.success[b-obdzc94xxi] {
        background: #f0fdf4;
        color: #166534;
        border: 1px solid #bbf7d0;
    }

/* Detalhes de Preços */
.pricing-details[b-obdzc94xxi] {
    background: #fffbeb;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    padding: 16px;
}

.pricing-header[b-obdzc94xxi] {
    color: #92400e;
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 12px;
}

.pricing-list[b-obdzc94xxi] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pricing-item[b-obdzc94xxi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8rem;
    padding: 4px 0;
}

.service-name[b-obdzc94xxi] {
    color: #78716c;
    flex: 1;
}

.service-price[b-obdzc94xxi] {
    color: #92400e;
    font-weight: 600;
    margin-left: 8px;
}

/* Seção de Exemplos */
.examples-section[b-obdzc94xxi] {
    border-top: 1px solid #e5e7eb;
}

.section-header h5[b-obdzc94xxi] {
    color: #1f2937;
    font-weight: 600;
}

.example-card[b-obdzc94xxi] {
    background: white;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    height: 100%;
}

    .example-card.standard[b-obdzc94xxi] {
        border-left: 4px solid #10b981;
    }

    .example-card.additional[b-obdzc94xxi] {
        border-left: 4px solid #f59e0b;
    }

.example-header[b-obdzc94xxi] {
    margin-bottom: 16px;
}

.status-badge[b-obdzc94xxi] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
}

    .status-badge.success[b-obdzc94xxi] {
        background: #dcfce7;
        color: #166534;
    }

    .status-badge.warning[b-obdzc94xxi] {
        background: #fef3c7;
        color: #92400e;
    }

.family-composition h6[b-obdzc94xxi] {
    color: #1f2937;
    font-weight: 600;
    margin-bottom: 12px;
    font-size: 0.9rem;
}

.family-members[b-obdzc94xxi] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.member[b-obdzc94xxi] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #f9fafb;
    border-radius: 6px;
    font-size: 0.85rem;
}

    .member.additional-member[b-obdzc94xxi] {
        background: #fffbeb;
        border: 1px solid #fed7aa;
    }

    .member i[b-obdzc94xxi] {
        color: #6b7280;
        width: 16px;
    }

    .member small[b-obdzc94xxi] {
        margin-left: auto;
        font-weight: 600;
    }

/* Resumo de Resultado */
.result-summary[b-obdzc94xxi] {
    text-align: center;
    padding: 16px;
    border-radius: 8px;
}

    .result-summary.success[b-obdzc94xxi] {
        background: #f0fdf4;
        border: 1px solid #bbf7d0;
    }

.result-value[b-obdzc94xxi] {
    font-size: 1.2rem;
    color: #166534;
    margin-bottom: 8px;
}

.result-note[b-obdzc94xxi] {
    color: #166534;
    font-size: 0.85rem;
    font-weight: 600;
}

/* Breakdown de Cálculo */
.calculation-breakdown[b-obdzc94xxi] {
    background: #fef3c7;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    padding: 16px;
    font-size: 0.85rem;
}

.calc-line[b-obdzc94xxi] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    color: #78716c;
}

    .calc-line.additional[b-obdzc94xxi] {
        color: #d97706;
        font-weight: 600;
    }

.calc-total[b-obdzc94xxi] {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #fed7aa;
    color: #92400e;
}

/* Footer do Modal */
.help-note[b-obdzc94xxi] {
    display: flex;
    align-items: center;
}

/* Responsividade */
@media (max-width: 768px) {
    .modal-dialog[b-obdzc94xxi] {
        margin: 10px;
    }

    .container-fluid[b-obdzc94xxi] {
        padding: 0px !important;
    }

    .row.g-4[b-obdzc94xxi] {
        gap: 1rem !important;
    }
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Venda/Orcamento/OrcamentoPessoaJuridicaPlanoSaude.razor.rz.scp.css */

.modal-backdrop.show[b-noart6y2s5] {
    opacity: 0 !important;
}

.modal-backdrop.show[b-noart6y2s5] {
    opacity: !important;
}

.modal-backdrop[b-noart6y2s5] {
     --vz-backdrop-zindex: 0 !important; 
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--vz-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--vz-backdrop-bg);
}


/* Estilos para indicadores de faixa etária */
.beneficio-faixa-etaria-invalida[b-noart6y2s5] {
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid #ffc107;
    border-radius: 4px;
    padding: 6px;
    margin-top: 8px;
}

.beneficio-indisponivel[b-noart6y2s5] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    background: rgba(108, 117, 125, 0.1);
    border-radius: 4px;
    margin-bottom: 8px;
}

.badge[title][b-noart6y2s5] {
    cursor: help;
}

/* Animação para elementos desabilitados por idade */
.beneficio-adicional-card.fora-faixa-etaria[b-noart6y2s5] {
    opacity: 0.6;
    background: linear-gradient(45deg, transparent 25%, rgba(255, 193, 7, 0.1) 25%, rgba(255, 193, 7, 0.1) 50%, transparent 50%, transparent 75%, rgba(255, 193, 7, 0.1) 75%);
    background-size: 20px 20px;
}

    .beneficio-adicional-card.fora-faixa-etaria[b-noart6y2s5]::before {
        content: '⚠️';
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 16px;
        z-index: 10;
    }

/* Estilo para checkboxes desabilitados por idade */
.form-check-input:disabled.fora-faixa-etaria[b-noart6y2s5] {
    opacity: 0.3;
    cursor: not-allowed;
}

/* Estilo para labels desabilitadas por idade */
.form-check-label.disabled-label.fora-faixa-etaria[b-noart6y2s5] {
    color: #6c757d;
    cursor: not-allowed;
}

    .form-check-label.disabled-label.fora-faixa-etaria .beneficio-nome[b-noart6y2s5] {
        text-decoration: line-through;
    }

/* Estilos para o Resumo do Orçamento - Nova Estrutura */

/* Card Principal do Plano */
.plano-principal-card .card-header.bg-default[b-noart6y2s5] {
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a0 100%) !important;
    border: none;
}

.metric-box[b-noart6y2s5] {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 20px 15px;
    transition: all 0.3s ease;
    border: 1px solid #e9ecef;
}

    .metric-box:hover[b-noart6y2s5] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

    .metric-box i[b-noart6y2s5] {
        font-size: 2rem;
        margin-bottom: 10px;
        display: block;
    }

    .metric-box h4[b-noart6y2s5] {
        color: #333;
        margin: 5px 0;
        font-weight: 600;
    }

    .metric-box span[b-noart6y2s5] {
        color: #6c757d;
        font-size: 0.9rem;
        font-weight: 500;
    }

.metric-principal i[b-noart6y2s5] {
    color: #6f42c1;
}

.metric-inclusos i[b-noart6y2s5] {
    color: #28a745;
}

.metric-adicionais i[b-noart6y2s5] {
    color: #ffc107;
}

.metric-parcelas i[b-noart6y2s5] {
    color: #17a2b8;
}

/* Detalhamento dos Valores */
.value-breakdown .value-item[b-noart6y2s5] {
    padding: 12px 0;
    border-bottom: 1px solid #f1f3f4;
}

    .value-breakdown .value-item:last-child[b-noart6y2s5] {
        border-bottom: none;
    }

    .value-breakdown .value-item.total-mensal[b-noart6y2s5] {
        background: #f8f9fa;
        padding: 15px;
        margin-top: 5px;
        margin-left: 0px;
        margin-right: 0px;
        border-radius: 8px;
        border: 1px solid #e9ecef;
    }

.value-label[b-noart6y2s5] {
    font-size: 0.95rem;
    color: #495057;
}

.value-amount[b-noart6y2s5] {
    font-size: 1.1rem;
    font-weight: 600;
}

/* Seção de Adesão */
.adesao-section[b-noart6y2s5] {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

/* Resumo Financeiro Final */
.financial-summary .summary-row[b-noart6y2s5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f1f3f4;
}

    .financial-summary .summary-row:last-child[b-noart6y2s5] {
        border-bottom: none;
    }

    .financial-summary .summary-row.total-anual[b-noart6y2s5] {
        font-weight: 600;
        background: #f8f9fa;
        padding: 12px;
        margin: 8px -12px;
        border-radius: 6px;
    }

    .financial-summary .summary-row.total-geral[b-noart6y2s5] {
        background: #d4edda;
        padding: 15px;
        margin: 12px -12px 0;
        border-radius: 6px;
        border: 1px solid #c3e6cb;
    }

/* Responsividade */
@media (max-width: 768px) {
    .row.g-3 .col-md-3[b-noart6y2s5] {
        margin-bottom: 15px;
    }

    .metric-box[b-noart6y2s5] {
        padding: 15px 10px;
    }

        .metric-box i[b-noart6y2s5] {
            font-size: 1.5rem;
        }

        .metric-box h4[b-noart6y2s5] {
            font-size: 1.25rem;
        }
}

/* Animações suaves */
.card[b-noart6y2s5] {
    transition: all 0.3s ease;
}

    .card:hover[b-noart6y2s5] {
        box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    }

/* Form controls customizados */
.form-control:focus[b-noart6y2s5],
.form-select:focus[b-noart6y2s5] {
    border-color: #6f42c1;
    box-shadow: 0 0 0 0.2rem rgba(111, 66, 193, 0.25);
}

/* Badges de status */
.badge[b-noart6y2s5] {
    font-size: 0.8rem;
    padding: 6px 12px;
}

/* Botões customizados */
.btn-group .btn[b-noart6y2s5] {
    border-radius: 6px !important;
    margin-right: 5px;
}

    .btn-group .btn:last-child[b-noart6y2s5] {
        margin-right: 0;
    }

/* Estilos para o modal de ajuda */
.modal-content[b-noart6y2s5] {
    border-radius: 12px;
    overflow: hidden;
}

.modal-header.bg-gradient-primary[b-noart6y2s5] {
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a0 100%) !important;
}

.modal-icon[b-noart6y2s5] {
    width: 50px;
    height: 50px;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.form-label .text-danger[b-noart6y2s5] {
    font-weight: 600;
}


/* Melhorias para responsividade */
@media (max-width: 768px) {
    .alert-icon[b-noart6y2s5] {
        font-size: 1.5rem;
    }

    .status-badge[b-noart6y2s5] {
        font-size: 0.75rem;
        padding: 0.4rem 0.8rem;
        margin-top: 0.5rem;
    }

    .alert-heading[b-noart6y2s5] {
        font-size: 1.1rem;
    }

    .flex-mobile-column[b-noart6y2s5] {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .text-mobile-center[b-noart6y2s5] {
        text-align: center !important;
        width: 100%;
    }
}

@media (max-width: 576px) {
    .alert-icon[b-noart6y2s5] {
        font-size: 1.25rem;
    }

    .status-badge[b-noart6y2s5] {
        font-size: 0.7rem;
        padding: 0.3rem 0.6rem;
    }

    .alert-heading[b-noart6y2s5] {
        font-size: 1rem;
    }

    .small[b-noart6y2s5] {
        font-size: 0.8rem;
    }
}

.payment-section[b-noart6y2s5] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin: 16px 0;
}

.section-header[b-noart6y2s5] {
    padding: 16px 20px;
    border-bottom: 1px solid #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-title[b-noart6y2s5] {
    font-size: 16px;
    font-weight: 600;
    color: #374151;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.status-badge[b-noart6y2s5] {
    background: #fef3c7;
    /*color: #92400e;*/
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.section-content[b-noart6y2s5] {
    padding: 16px 20px;
}

.info-notice[b-noart6y2s5] {
    background: #f0f9ff;
    border: 1px solid #e0f2fe;
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 16px;
}

.info-notice-title[b-noart6y2s5] {
    font-weight: 600;
    color: #374151;
    margin-bottom: 4px;
    font-size: 14px;
}

.info-notice-text[b-noart6y2s5] {
    color: #6b7280;
    font-size: 13px;
    margin: 0;
}

.content-row[b-noart6y2s5] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.payment-item[b-noart6y2s5] {
    flex: 1;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.payment-item-info[b-noart6y2s5] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.payment-icon[b-noart6y2s5] {
    color: #3b82f6;
    font-size: 20px;
}

.payment-details h6[b-noart6y2s5] {
    margin: 0 0 2px 0;
    font-weight: 600;
    color: #374151;
    font-size: 14px;
}

.payment-details small[b-noart6y2s5] {
    color: #6b7280;
    font-size: 12px;
}

.payment-button[b-noart6y2s5] {
    background: #3b82f6;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.2s;
}

    .payment-button:hover[b-noart6y2s5] {
        background: #2563eb;
        color: white;
    }
.payment-refresh-button[b-noart6y2s5] {
    background: #f06548;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.2s;
}

    .payment-refresh-button:hover[b-noart6y2s5] {
        background: #f06548;
        color: white;
    }

.status-sidebar[b-noart6y2s5] {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 16px;
    min-width: 280px;
}

.status-header[b-noart6y2s5] {
    color: #374151;
    font-weight: 600;
    margin-bottom: 12px;
    font-size: 13px;
}

.status-content[b-noart6y2s5] {
    text-align: center;
}

.status-badge-large[b-noart6y2s5] {
    background: #fef3c7;
    color: #92400e;
    padding: 6px 14px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 8px;
}

.status-description[b-noart6y2s5] {
    color: #6b7280;
    font-size: 12px;
    margin-bottom: 12px;
}

.tax-id-box[b-noart6y2s5] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    padding: 8px;
}

.tax-id-label[b-noart6y2s5] {
    color: #6b7280;
    font-size: 11px;
    margin-bottom: 4px;
    display: block;
}

.tax-id-code[b-noart6y2s5] {
    font-family: 'Monaco', 'Menlo', monospace;
    font-size: 11px;
    color: #374151;
    word-break: break-all;
}

@media (max-width: 768px) {
    .content-row[b-noart6y2s5] {
        flex-direction: column;
    }

    .status-sidebar[b-noart6y2s5] {
        min-width: auto;
    }
}

.step-indicator[b-noart6y2s5] {
    background: linear-gradient(135deg, #6f42c1 0%, #007bff 100%);
    color: white;
    padding: 1rem;
    border-radius: 10px;
    margin-bottom: 2rem;
}

.colaborador-card[b-noart6y2s5] {
    border: 2px solid #e9ecef;
    padding:10px;
    border-radius: 15px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    background: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

    .colaborador-card:hover[b-noart6y2s5] {
        border-color: #007bff;
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(0, 123, 255, 0.15);
    }

    .colaborador-card.preenchido[b-noart6y2s5] {
        border-color: #28a745;
        background: linear-gradient(135deg, #f8fff9 0%, #ffffff 100%);
    }

        .colaborador-card.preenchido:hover[b-noart6y2s5] {
            border-color: #28a745;
            box-shadow: 0 8px 25px rgba(40, 167, 69, 0.15);
        }

.card-header-custom[b-noart6y2s5] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 1px solid #dee2e6;
    padding: 1rem 1.5rem;
    border-radius: 13px 13px 0 0;
}

.colaborador-card.preenchido .card-header-custom[b-noart6y2s5] {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    border-bottom-color: #28a745;
}

.colaborador-avatar[b-noart6y2s5] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: white;
    background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
    margin-right: 1rem;
    border: 3px solid white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.colaborador-card.preenchido .colaborador-avatar[b-noart6y2s5] {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
}

.progress-indicator[b-noart6y2s5] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: #e9ecef;
    border-radius: 15px 15px 0 0;
}

.progress-bar-custom[b-noart6y2s5] {
    height: 100%;
    background: linear-gradient(90deg, #007bff 0%, #28a745 100%);
    border-radius: 15px 15px 0 0;
    transition: width 0.3s ease;
}

.status-badge[b-noart6y2s5] {
    position: absolute;
    /*top: 15px;*/
    right: 35px !important;
    border-radius: 20px;
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.badge-pendente[b-noart6y2s5] {
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
}

.badge-completo[b-noart6y2s5] {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.campo-obrigatorio[b-noart6y2s5]::after {
    content: "*";
    color: #dc3545;
    font-weight: bold;
    margin-left: 3px;
}

.resumo-colaboradores[b-noart6y2s5] {
    background: linear-gradient(135deg, #e3f2fd 0%, #ffffff 100%);
    border: 2px solid #2196f3;
    border-radius: 15px;
    padding: 1.5rem;
}

.colaborador-numero[b-noart6y2s5] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #6c757d;
}

.colaborador-card.preenchido .colaborador-numero[b-noart6y2s5] {
    color: #28a745;
}

@keyframes fadeInUp-b-noart6y2s5 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.colaborador-card[b-noart6y2s5] {
    animation: fadeInUp-b-noart6y2s5 0.6s ease-out;
}

.fade-in[b-noart6y2s5] {
    animation: fadeInUp-b-noart6y2s5 0.4s ease-out;
}

.form-select[b-noart6y2s5] {
    --vz-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);
    display: block;
    width: 100%;
    padding: 0.3rem 2.7rem 0.3rem 0.9rem;
    font-size: var(--vz-font-base);
    font-weight: var(--vz-font-weight-normal);
    line-height: 1.5;
    color: var(--vz-body-color);
    appearance: none;
    /* background-color: var(--vz-input-bg-custom); */
    background-image: var(--vz-form-select-bg-img), var(--vz-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 0.9rem center;
    background-size: 16px 12px;
    border: var(--vz-border-width) solid var(--vz-input-border-custom);
    border-radius: var(--vz-border-radius);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

/* Novos estilos para as tags dos beneficiários */
.beneficiario-card[b-noart6y2s5] {
    position: relative;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.beneficiario-tag[b-noart6y2s5] {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 10;
}

.titular-tag .badge[b-noart6y2s5] {
    background-color: #0d6efd !important;
    color: white;
    font-size: 0.7rem;
    padding: 4px 8px;
    border-radius: 12px;
}

.padrao-tag .badge[b-noart6y2s5] {
    background-color: #198754 !important;
    color: white;
    font-size: 0.7rem;
    padding: 4px 8px;
    border-radius: 12px;
}

.adicional-tag .badge[b-noart6y2s5] {
    background-color: #ffc107 !important;
    color: #000;
    font-size: 0.7rem;
    padding: 4px 8px;
    border-radius: 12px;
}

.titular-card[b-noart6y2s5] {
    border-color: #0d6efd;
    background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);
}

.dependente-card.padrao[b-noart6y2s5] {
    border-color: #198754;
    background: linear-gradient(135deg, #f0fff4 0%, #ffffff 100%);
}

.dependente-card.adicional[b-noart6y2s5] {
    border-color: #ffc107;
    background: linear-gradient(135deg, #fff9e6 0%, #ffffff 100%);
}

.beneficio-relacionado-highlight[b-noart6y2s5] {
    box-shadow: 0 0 15px rgba(0, 123, 255, 0.4) !important;
    transform: scale(1.02) !important;
    transition: all 0.3s ease !important;
}

.mudanca-automatica[b-noart6y2s5] {
    animation: pulseAutomatico-b-noart6y2s5 1s ease-in-out;
}

@keyframes pulseAutomatico-b-noart6y2s5 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 0 20px rgba(23, 162, 184, 0.6);
    }

    100% {
        transform: scale(1);
    }
}


.beneficio-incluso-indicator[b-noart6y2s5] {
    margin-top: 8px;
    padding: 4px 8px;
    background-color: rgba(25, 135, 84, 0.1);
    border-radius: 4px;
    border-left: 3px solid #198754;
    text-align: center;
}

    .beneficio-incluso-indicator .bi-gift[b-noart6y2s5] {
        color: #198754;
    }

/* Destaque para valores inclusos */
.beneficio-valor .text-success[b-noart6y2s5] {
    font-weight: 600 !important;
}

/* Animação sutil para valores inclusos */
.beneficio-incluso-indicator[b-noart6y2s5] {
    animation: fadeInIncluso-b-noart6y2s5 0.5s ease-in-out;
}

@keyframes fadeInIncluso-b-noart6y2s5 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ripple-automatico[b-noart6y2s5] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    background: radial-gradient(circle, rgba(23, 162, 184, 0.6) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: rippleEffect-b-noart6y2s5 1s ease-out;
    pointer-events: none;
}

@keyframes rippleEffect-b-noart6y2s5 {
    0% {
        width: 10px;
        height: 10px;
        opacity: 1;
    }

    100% {
        width: 200px;
        height: 200px;
        opacity: 0;
    }
}

.tooltip-beneficio-especial[b-noart6y2s5] {
    position: absolute;
    background: rgba(0, 0, 0, 0.9);
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 12px;
    max-width: 250px;
    z-index: 10000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    animation: fadeInTooltip-b-noart6y2s5 0.3s ease-in;
}

.tooltip-arrow[b-noart6y2s5] {
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(0, 0, 0, 0.9);
}

@keyframes fadeInTooltip-b-noart6y2s5 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.badge-titular-adicional[b-noart6y2s5] {
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
    color: white;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 12px;
    font-weight: 500;
}

/* Checkbox controlador (usado pelo titular) */
.checkbox-controlador[b-noart6y2s5] {
    border: 2px solid #007bff !important;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
}

    .checkbox-controlador:checked[b-noart6y2s5] {
        background-color: #007bff !important;
        border-color: #007bff !important;
    }

/* Checkbox automático (dependentes padrão) */
.checkbox-automatico[b-noart6y2s5] {
    border: 2px solid #17a2b8 !important;
    background-color: #e7f3ff;
}

    .checkbox-automatico:checked[b-noart6y2s5] {
        background-color: #17a2b8 !important;
        border-color: #17a2b8 !important;
    }

    .checkbox-automatico:disabled[b-noart6y2s5] {
        opacity: 0.7;
        cursor: not-allowed;
    }

/* Label desabilitado */
.disabled-label[b-noart6y2s5] {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

/* Card de benefício com estados especiais */
.beneficio-adicional-card.checkbox-controlador[b-noart6y2s5] {
    border: 2px solid #007bff;
    background: linear-gradient(135deg, rgba(0, 123, 255, 0.05) 0%, rgba(255, 255, 255, 1) 100%);
}

.beneficio-adicional-card.checkbox-automatico[b-noart6y2s5] {
    border: 2px solid #17a2b8;
    background: linear-gradient(135deg, rgba(23, 162, 184, 0.05) 0%, rgba(255, 255, 255, 1) 100%);
}

    .beneficio-adicional-card.checkbox-automatico.selected[b-noart6y2s5] {
        border-color: #17a2b8;
        background: linear-gradient(135deg, rgba(23, 162, 184, 0.1) 0%, rgba(255, 255, 255, 1) 100%);
    }

/* Explicação do benefício */
.beneficio-explicacao[b-noart6y2s5] {
    margin-top: 8px;
    padding: 6px 8px;
    background-color: rgba(0, 123, 255, 0.1);
    border-radius: 6px;
    border-left: 3px solid #007bff;
}

/* Status desabilitado */
.beneficio-status-desabilitado[b-noart6y2s5] {
    margin-top: 8px;
    padding: 4px 8px;
    background-color: rgba(108, 117, 125, 0.1);
    border-radius: 4px;
    text-align: center;
}

/* Indicador de seleção automática */
.beneficio-selecionado-indicator .text-info[b-noart6y2s5] {
    color: #17a2b8 !important;
}

/* Animações para feedback visual */
.beneficio-adicional-card.checkbox-controlador:hover[b-noart6y2s5] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
    transition: all 0.3s ease;
}

.beneficio-adicional-card.checkbox-automatico:hover[b-noart6y2s5] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(23, 162, 184, 0.15);
    transition: all 0.3s ease;
}

/* Tooltip visual para benefícios especiais */
.beneficio-adicional-card[data-beneficio-especial="true"][b-noart6y2s5]::before {
    content: "";
    position: absolute;
    top: -2px;
    right: -2px;
    width: 12px;
    height: 12px;
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
    border-radius: 50%;
    box-shadow: 0 0 0 2px white;
}

/* Responsividade para dispositivos menores */
@media (max-width: 768px) {
    .badge-titular-adicional[b-noart6y2s5] {
        font-size: 9px;
        padding: 1px 4px;
    }

    .beneficio-explicacao[b-noart6y2s5] {
        font-size: 11px;
        padding: 4px 6px;
    }

    .beneficio-status-desabilitado[b-noart6y2s5] {
        font-size: 11px;
        padding: 3px 6px;
    }
}

/* Estados de foco para acessibilidade */
.checkbox-controlador:focus[b-noart6y2s5] {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

.checkbox-automatico:focus[b-noart6y2s5] {
    outline: 2px solid #17a2b8;
    outline-offset: 2px;
}

/* Estilo para benefícios em grupo (quando vários dependentes são afetados) */
.beneficio-grupo-automatico[b-noart6y2s5] {
    position: relative;
}

    .beneficio-grupo-automatico[b-noart6y2s5]::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: 2px dashed #17a2b8;
        border-radius: 8px;
        pointer-events: none;
        opacity: 0.5;
    }

/* Indicador de quantidade de beneficiários afetados */
.beneficiarios-afetados-indicator[b-noart6y2s5] {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #007bff;
    color: white;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 10px;
    min-width: 20px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}























.beneficiario-card[b-noart6y2s5] {
        border: 2px solid #e9ecef;
        border-radius: 12px;
        padding: 16px;
        background: white;
        transition: all 0.3s ease;
        position: relative;
        min-height: 225px;
        cursor: default;
    }

    .beneficiario-card.titular-card[b-noart6y2s5] {
        border-color: #0d6efd;
        background: linear-gradient(135deg, #f0f8ff 0%, #ffffff 100%);
    }

    .beneficiario-card.dependente-card.padrao[b-noart6y2s5] {
        border-color: #198754;
        background: linear-gradient(135deg, #f8fff9 0%, #ffffff 100%);
    }

    .beneficiario-card.dependente-card.adicional[b-noart6y2s5] {
        border-color: #ffc107;
        background: linear-gradient(135deg, #fffbf0 0%, #ffffff 100%);
    }

    .beneficiario-card.add-card[b-noart6y2s5] {
        border: 2px dashed #6c757d;
        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .beneficiario-card.add-card:hover[b-noart6y2s5] {
        border-color: #0d6efd;
        background: linear-gradient(135deg, #f0f8ff 0%, #ffffff 100%);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(13, 110, 253, 0.15);
    }

/*    .beneficiario-avatar {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        flex-shrink: 0;
    }*/

    .beneficiario-avatar.titular[b-noart6y2s5] {
        background: #198754;
        color: white;
    }

    .beneficiario-avatar.padrao[b-noart6y2s5] {
        background: #198754;
        color: white;
    }

    .beneficiario-avatar.adicional[b-noart6y2s5] {
        background: #ffc107;
        color: #212529;
    }

    .btn-remove[b-noart6y2s5] {
        position: absolute;
        top: 8px;
        right: 8px;
        background: #dc3545;
        color: white;
        border: none;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        cursor: pointer;
        transition: all 0.2s ease;
    }

    .btn-remove:hover[b-noart6y2s5] {
        background: #bb2d3b;
        transform: scale(1.1);
    }

    .beneficiario-nome[b-noart6y2s5] {
        font-weight: 600;
        color: #495057;
        margin-bottom: 4px;
    }

    /*.beneficiario-info {
        min-height: 120px;
    }*/

    .card.border-success[b-noart6y2s5] {
        border-width: 2px !important;
    }

    .card-header.bg-success.bg-opacity-10[b-noart6y2s5] {
        background-color: rgba(25, 135, 84, 0.1) !important;
    }

    .beneficio-detalhes[b-noart6y2s5] {
        background: #f8f9fa;
        border-radius: 6px;
        padding: 8px;
        margin-top: 8px;
    }

.align-items-start[b-noart6y2s5] {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    width: 100%;
}
.calculating[b-noart6y2s5] {
    opacity: 0.7;
    animation: pulse-b-noart6y2s5 1.5s infinite;
}

@keyframes pulse-b-noart6y2s5 {
    0% {
        opacity: 0.7;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.7;
    }
}

/* Destacar valores quando mudarem */
.valor-updated[b-noart6y2s5] {
    background: #fff3cd !important;
    transition: background-color 0.5s ease;
    border: 2px solid #ffc107 !important;
    border-radius: 8px !important;
}

/* Checkbox com feedback visual melhorado */
.form-check-input:checked[b-noart6y2s5] {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    animation: checkboxChecked-b-noart6y2s5 0.3s ease;
}

@keyframes checkboxChecked-b-noart6y2s5 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

/* Debug panel (apenas para desenvolvimento) */
.debug-panel[b-noart6y2s5] {
    position: fixed;
    top: 10px;
    right: 10px;
    background: rgba(0,0,0,0.8);
    color: white;
    padding: 10px;
    border-radius: 8px;
    font-size: 12px;
    z-index: 9999;
    display: none;
}

    .debug-panel.show[b-noart6y2s5] {
        display: block;
    }

.debug-button[b-noart6y2s5] {
    background: #007bff;
    color: white;
    border: none;
    padding: 4px 8px;
    margin: 2px;
    border-radius: 4px;
    font-size: 10px;
    cursor: pointer;
}

    .debug-button:hover[b-noart6y2s5] {
        background: #0056b3;
    }

/*beneficios adicionais*/
.beneficiario-adicional-section[b-noart6y2s5] {
    background: #fafbfc;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
}

.beneficiario-header-adicional[b-noart6y2s5] {
    background: white;
    border-radius: 8px;
    padding: 15px;
    border: 1px solid #dee2e6;
}

.beneficiario-avatar[b-noart6y2s5] {
    width: 35px;
    height: 35px;
    background: linear-gradient(135deg, #ffc107 0%, #ffb300 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
}

.beneficiario-info[b-noart6y2s5] {
    color: #6c757d;
    font-size: 14px;
    margin-bottom: 4px;
}

.valor-beneficiario[b-noart6y2s5] {
    text-align: center;
    padding: 10px;
    background: #f8f9fa;
    border-radius: 8px;
    min-width: 120px;
}

.beneficios-disponiveis[b-noart6y2s5] {
    background: white;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #dee2e6;
}

.beneficio-adicional-card[b-noart6y2s5] {
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 12px;
    transition: all 0.3s ease;
    background: white;
    cursor: pointer;
    height: 100%;
}

    .beneficio-adicional-card:hover[b-noart6y2s5] {
        border-color: #ffc107;
        box-shadow: 0 2px 8px rgba(255, 193, 7, 0.2);
        transform: translateY(-2px);
    }

    .beneficio-adicional-card.selected[b-noart6y2s5] {
        border-color: #ffc107;
        background: linear-gradient(135deg, #fff9e6 0%, #ffffff 100%);
        box-shadow: 0 4px 12px rgba(255, 193, 7, 0.3);
    }

.beneficio-content[b-noart6y2s5] {
    padding-left: 8px;
}

.beneficio-nome[b-noart6y2s5] {
    font-weight: 600;
    color: #495057;
    font-size: 14px;
    margin-bottom: 4px;
    line-height: 1.3;
}

.beneficio-valor[b-noart6y2s5] {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.form-check-input:checked[b-noart6y2s5] {
    background-color: #ffc107;
    border-color: #ffc107;
}

.resumo-beneficios-adicionais .card[b-noart6y2s5] {
    border-width: 2px;
}

.valor-total-adicional[b-noart6y2s5] {
    padding: 10px;
    background: white;
    border-radius: 8px;
    border: 2px solid #ffc107;
}

/* Animações */
.beneficio-adicional-card[b-noart6y2s5] {
    animation: fadeIn-b-noart6y2s5 0.5s ease-in-out;
}

@keyframes fadeIn-b-noart6y2s5 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsividade */
@media (max-width: 768px) {
    .beneficiario-header-adicional .d-flex[b-noart6y2s5] {
        flex-direction: column;
        gap: 15px;
    }

    .valor-beneficiario[b-noart6y2s5] {
        text-align: left;
    }
}
/*fim beneficios adicionais*/

.validation-message[b-noart6y2s5] {
    border-radius: 8px;
    font-size: 10px;
    color: #fa0017;
    animation: fadeIn-b-noart6y2s5 0.5s ease-in-out;
}
.hx-icon[b-noart6y2s5]{
    margin-left:-5px !important;
}

.header[b-noart6y2s5] {
    background-color: #fff;
    border-bottom: 1px solid #e9ecef;
}

.card[b-noart6y2s5] {
    border-radius: 0.25rem;
    margin-bottom: 1.5rem;
}

.card-header[b-noart6y2s5] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0.75rem 1rem;
    font-weight: 500;
}

/* Modern Switch (Toggle) */
.modern-switch[b-noart6y2s5] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.modern-switch-input[b-noart6y2s5] {
    display: none;
}

.modern-switch-label[b-noart6y2s5] {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 0;
}

.modern-switch-button[b-noart6y2s5] {
    position: relative;
    width: 50px;
    height: 26px;
    background-color: #e9ecef;
    border-radius: 13px;
    margin-right: 10px;
    transition: all 0.2s ease;
}

    .modern-switch-button[b-noart6y2s5]::before {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: white;
        top: 3px;
        left: 3px;
        transition: all 0.2s ease;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }

.modern-switch-input:checked + .modern-switch-label .modern-switch-button[b-noart6y2s5] {
    background-color: #20c997;
}

    .modern-switch-input:checked + .modern-switch-label .modern-switch-button[b-noart6y2s5]::before {
        transform: translateX(24px);
    }

.modern-switch-text[b-noart6y2s5] {
    font-weight: 500;
}

/* Modern Checkbox */
.modern-checkbox[b-noart6y2s5] {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.modern-checkbox-input[b-noart6y2s5] {
    display: none;
}

.modern-checkbox-label[b-noart6y2s5] {
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 2px solid #dee2e6;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-right: 10px;
    margin-top: 2px;
    flex-shrink: 0;
}

.modern-checkbox-input:checked + .modern-checkbox-label[b-noart6y2s5] {
    background-color: #20c997;
    border-color: #20c997;
}

    .modern-checkbox-input:checked + .modern-checkbox-label[b-noart6y2s5]::after {
        content: '';
        position: absolute;
        width: 6px;
        height: 12px;
        border: solid white;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        top: 2px;
        left: 7px;
    }

.beneficiario-info[b-noart6y2s5] {
    flex-grow: 1;
}

.beneficiario-header[b-noart6y2s5] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.btn-remove[b-noart6y2s5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 35%;
    background-color: #fc3232;
    color: white;
    border: 2px solid #ea0707;
    font-size: 14px;
    cursor: pointer;
    position: absolute;
    top: -7px;
    right: -5px;
    z-index: 10;
}

    .btn-remove:hover[b-noart6y2s5] {
        background-color: #ff5252;
    }

/*.beneficiario-card {
    border: 2px solid #dee2e6;
    border-radius: 0.5rem;
    padding: 1rem;
    height: 100%;
    transition: all 0.2s;
    position: relative;
    padding-top: 1.5rem;
}

    .beneficiario-card.selected {
        border-color: #20c997;
        background-color: rgba(32, 201, 151, 0.1);
    }*/

/*
    .beneficiario-card {
    border: 2px solid #dee2e6;
    border-radius: 0.5rem;
    padding: 1rem;
    background-color: #FEF2F2;
    height: 100%;
    transition: all 0.2s;
    position: relative;
    padding-top: 1.5rem;
}

    .beneficiario-card.selected {
        border-color: #e2e8f0;
        background-color: #f0fdf4; 

    .beneficiario-card.add-card {
        border-style: dashed;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #6c757d;
        min-height: 100px;
    }

        .beneficiario-card.add-card:hover {
            background-color: #f8f9fa;
        }

*/

.beneficiario-card[b-noart6y2s5] {
    transition: all 0.3s ease;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    align-items: center;
    background: white;
    position: relative;
    min-height: 225px;
}


    .beneficiario-card.selected[b-noart6y2s5] {
        border-color: #0d6efd;
        background: #f8fff9;
    }

    .beneficiario-card.add-card[b-noart6y2s5] {
        border-style: dashed;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #6c757d;
        min-height: 225px;
    }

        .beneficiario-card.add-card:hover[b-noart6y2s5] {
            background-color: #f8f9fa;
        }

    .beneficiario-card:hover[b-noart6y2s5] {
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

    /* Indicador visual para dependentes adicionais */
    .beneficiario-card.adicional[b-noart6y2s5] {
        border-color: #ffc107;
        background: linear-gradient(135deg, #fff9e6 0%, #ffffff 100%);
    }

        .beneficiario-card.adicional[b-noart6y2s5]::before {
            content: "ADICIONAL";
            position: absolute;
            top: 5px;
            right: 5px;
            background: #ffc107;
            color: #856404;
            font-size: 10px;
            font-weight: bold;
            padding: 2px 6px;
            border-radius: 10px;
            z-index: 10;
        }

    .beneficiario-card.padrao[b-noart6y2s5]::before {
        content: "DEPENDENTE";
        position: absolute;
        top: 5px;
        right: 5px;
        background: #28a745;
        color: white;
        font-size: 10px;
        font-weight: bold;
        padding: 2px 6px;
        border-radius: 10px;
        z-index: 10;
    }

.form-control:focus[b-noart6y2s5] {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Animação para mudanças */
.beneficiario-card.updating[b-noart6y2s5] {
    transform: scale(1.02);
    border-color: #007bff;
}

.text-warning[b-noart6y2s5] {
    color: #fd7e14 !important;
}

.tipo-plano-toggle[b-noart6y2s5] {
    display: flex;
    align-items: center;
    padding: 0.55rem 1.5rem;
    border-radius: 2rem;
    background-color: #f8f9fa;
    margin-right: 0.75rem;
    cursor: pointer;
    border: 1px solid #dee2e6;
    font-weight: 500;
    transition: all 0.2s ease;
}

    .tipo-plano-toggle.active[b-noart6y2s5] {
        background-color: #6c757d;
        color: white;
        border-color: #676767;
    }

    .tipo-plano-toggle:hover:not(.active)[b-noart6y2s5] {
        background-color: #e9ecef;
    }

.beneficio-section[b-noart6y2s5] {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

    .beneficio-section:last-child[b-noart6y2s5] {
        border-bottom: none;
    }

/* Link de Ajuda */
.help-link[b-noart6y2s5] {
    text-decoration: none !important;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.2s ease;
    border-radius: 6px;
    padding: 6px 12px;
}

    .help-link:hover[b-noart6y2s5] {
        background: rgba(255, 255, 255, 0.1);
        transform: translateY(-1px);
    }

/* Modal Customizado */
.bg-gradient-primary[b-noart6y2s5] {
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%);
}

.modal-icon[b-noart6y2s5] {
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

/* Cards de Ajuda */
.help-card[b-noart6y2s5] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    height: 100%;
    transition: transform 0.2s ease;
}

    .help-card:hover[b-noart6y2s5] {
        transform: translateY(-2px);
    }

    .help-card .card-header[b-noart6y2s5] {
        background: none;
        border: none;
        padding: 20px 20px 0 20px;
        display: flex;
        align-items: center;
        gap: 16px;
    }

.header-icon[b-noart6y2s5] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

    .header-icon.success[b-noart6y2s5] {
        background: #dcfce7;
        color: #166534;
    }

    .header-icon.warning[b-noart6y2s5] {
        background: #fef3c7;
        color: #92400e;
    }

.header-content h5[b-noart6y2s5] {
    margin: 0 0 4px 0;
    font-weight: 600;
    color: #1f2937;
}

.help-card .card-body[b-noart6y2s5] {
    padding: 20px;
}

/* Items de Configuração */
.config-items[b-noart6y2s5] {
    margin-bottom: 20px;
}

.config-item[b-noart6y2s5] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid #f3f4f6;
}

    .config-item:last-child[b-noart6y2s5] {
        border-bottom: none;
    }

.item-icon[b-noart6y2s5] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

    .item-icon.titular[b-noart6y2s5] {
        background: #dbeafe;
        color: #1d4ed8;
    }

    .item-icon.spouse[b-noart6y2s5] {
        background: #fce7f3;
        color: #be185d;
    }

    .item-icon.children[b-noart6y2s5] {
        background: #dcfce7;
        color: #166534;
    }

    .item-icon.additional[b-noart6y2s5] {
        background: #fef3c7;
        color: #92400e;
    }

.item-content[b-noart6y2s5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .item-content strong[b-noart6y2s5] {
        color: #1f2937;
        font-weight: 600;
        font-size: 0.9rem;
    }

    .item-content small[b-noart6y2s5] {
        color: #6b7280;
        font-size: 0.8rem;
    }

/* Destaque de Valor */
.value-highlight[b-noart6y2s5] {
    padding: 16px;
    border-radius: 8px;
    text-align: center;
    font-weight: 600;
}

    .value-highlight.success[b-noart6y2s5] {
        background: #f0fdf4;
        color: #166534;
        border: 1px solid #bbf7d0;
    }

/* Detalhes de Preços */
.pricing-details[b-noart6y2s5] {
    background: #fffbeb;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    padding: 16px;
}

.pricing-header[b-noart6y2s5] {
    color: #92400e;
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 12px;
}

.pricing-list[b-noart6y2s5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pricing-item[b-noart6y2s5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8rem;
    padding: 4px 0;
}

.service-name[b-noart6y2s5] {
    color: #78716c;
    flex: 1;
}

.service-price[b-noart6y2s5] {
    color: #92400e;
    font-weight: 600;
    margin-left: 8px;
}

/* Seção de Exemplos */
.examples-section[b-noart6y2s5] {
    border-top: 1px solid #e5e7eb;
}

.section-header h5[b-noart6y2s5] {
    color: #1f2937;
    font-weight: 600;
}

.example-card[b-noart6y2s5] {
    background: white;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    height: 100%;
}

    .example-card.standard[b-noart6y2s5] {
        border-left: 4px solid #10b981;
    }

    .example-card.additional[b-noart6y2s5] {
        border-left: 4px solid #f59e0b;
    }

.example-header[b-noart6y2s5] {
    margin-bottom: 16px;
}

.status-badge[b-noart6y2s5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
}

    .status-badge.success[b-noart6y2s5] {
        background: #dcfce7;
        color: #166534;
    }

    .status-badge.warning[b-noart6y2s5] {
        background: #fef3c7;
        color: #92400e;
    }

.family-composition h6[b-noart6y2s5] {
    color: #1f2937;
    font-weight: 600;
    margin-bottom: 12px;
    font-size: 0.9rem;
}

.family-members[b-noart6y2s5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.member[b-noart6y2s5] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #f9fafb;
    border-radius: 6px;
    font-size: 0.85rem;
}

    .member.additional-member[b-noart6y2s5] {
        background: #fffbeb;
        border: 1px solid #fed7aa;
    }

    .member i[b-noart6y2s5] {
        color: #6b7280;
        width: 16px;
    }

    .member small[b-noart6y2s5] {
        margin-left: auto;
        font-weight: 600;
    }

/* Resumo de Resultado */
.result-summary[b-noart6y2s5] {
    text-align: center;
    padding: 16px;
    border-radius: 8px;
}

    .result-summary.success[b-noart6y2s5] {
        background: #f0fdf4;
        border: 1px solid #bbf7d0;
    }

.result-value[b-noart6y2s5] {
    font-size: 1.2rem;
    color: #166534;
    margin-bottom: 8px;
}

.result-note[b-noart6y2s5] {
    color: #166534;
    font-size: 0.85rem;
    font-weight: 600;
}

/* Breakdown de Cálculo */
.calculation-breakdown[b-noart6y2s5] {
    background: #fef3c7;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    padding: 16px;
    font-size: 0.85rem;
}

.calc-line[b-noart6y2s5] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    color: #78716c;
}

    .calc-line.additional[b-noart6y2s5] {
        color: #d97706;
        font-weight: 600;
    }

.calc-total[b-noart6y2s5] {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #fed7aa;
    color: #92400e;
}

/* Footer do Modal */
.help-note[b-noart6y2s5] {
    display: flex;
    align-items: center;
}

/* Responsividade */
@media (max-width: 768px) {
    .modal-dialog[b-noart6y2s5] {
        margin: 10px;
    }

    .container-fluid[b-noart6y2s5] {
        padding: 0px !important;
    }

    .row.g-4[b-noart6y2s5] {
        gap: 1rem !important;
    }
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Venda/Orcamento/OrcamentoPlanoSaudeV1.razor.rz.scp.css */

.modal-backdrop.show[b-inyp314npy] {
    opacity: 0 !important;
}

.modal-backdrop[b-inyp314npy] {
     --vz-backdrop-zindex: 0 !important; 
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--vz-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--vz-backdrop-bg);
}

.beneficiario-card[b-inyp314npy] {
        border: 2px solid #e9ecef;
        border-radius: 12px;
        padding: 16px;
        background: white;
        transition: all 0.3s ease;
        position: relative;
        min-height: 200px;
        cursor: default;
    }

    .beneficiario-card.titular-card[b-inyp314npy] {
        border-color: #198754;
        background: linear-gradient(135deg, #f8fff9 0%, #ffffff 100%);
    }

    .beneficiario-card.dependente-card.padrao[b-inyp314npy] {
        border-color: #198754;
        background: linear-gradient(135deg, #f8fff9 0%, #ffffff 100%);
    }

    .beneficiario-card.dependente-card.adicional[b-inyp314npy] {
        border-color: #ffc107;
        background: linear-gradient(135deg, #fffbf0 0%, #ffffff 100%);
    }

    .beneficiario-card.add-card[b-inyp314npy] {
        border: 2px dashed #6c757d;
        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .beneficiario-card.add-card:hover[b-inyp314npy] {
        border-color: #0d6efd;
        background: linear-gradient(135deg, #f0f8ff 0%, #ffffff 100%);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(13, 110, 253, 0.15);
    }

    .beneficiario-avatar[b-inyp314npy] {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        flex-shrink: 0;
    }

    .beneficiario-avatar.titular[b-inyp314npy] {
        background: #198754;
        color: white;
    }

    .beneficiario-avatar.padrao[b-inyp314npy] {
        background: #198754;
        color: white;
    }

    .beneficiario-avatar.adicional[b-inyp314npy] {
        background: #ffc107;
        color: #212529;
    }

    .btn-remove[b-inyp314npy] {
        position: absolute;
        top: 8px;
        right: 8px;
        background: #dc3545;
        color: white;
        border: none;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        cursor: pointer;
        transition: all 0.2s ease;
    }

    .btn-remove:hover[b-inyp314npy] {
        background: #bb2d3b;
        transform: scale(1.1);
    }

    .beneficiario-nome[b-inyp314npy] {
        font-weight: 600;
        color: #495057;
        margin-bottom: 4px;
    }

    .beneficiario-info[b-inyp314npy] {
        min-height: 120px;
    }

    .card.border-success[b-inyp314npy] {
        border-width: 2px !important;
    }

    .card-header.bg-success.bg-opacity-10[b-inyp314npy] {
        background-color: rgba(25, 135, 84, 0.1) !important;
    }

    .beneficio-detalhes[b-inyp314npy] {
        background: #f8f9fa;
        border-radius: 6px;
        padding: 8px;
        margin-top: 8px;
    }

.calculating[b-inyp314npy] {
    opacity: 0.7;
    animation: pulse-b-inyp314npy 1.5s infinite;
}

@keyframes pulse-b-inyp314npy {
    0% {
        opacity: 0.7;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.7;
    }
}

/* Destacar valores quando mudarem */
.valor-updated[b-inyp314npy] {
    background: #fff3cd !important;
    transition: background-color 0.5s ease;
    border: 2px solid #ffc107 !important;
    border-radius: 8px !important;
}

/* Checkbox com feedback visual melhorado */
.form-check-input:checked[b-inyp314npy] {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    animation: checkboxChecked-b-inyp314npy 0.3s ease;
}

@keyframes checkboxChecked-b-inyp314npy {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

/* Debug panel (apenas para desenvolvimento) */
.debug-panel[b-inyp314npy] {
    position: fixed;
    top: 10px;
    right: 10px;
    background: rgba(0,0,0,0.8);
    color: white;
    padding: 10px;
    border-radius: 8px;
    font-size: 12px;
    z-index: 9999;
    display: none;
}

    .debug-panel.show[b-inyp314npy] {
        display: block;
    }

.debug-button[b-inyp314npy] {
    background: #007bff;
    color: white;
    border: none;
    padding: 4px 8px;
    margin: 2px;
    border-radius: 4px;
    font-size: 10px;
    cursor: pointer;
}

    .debug-button:hover[b-inyp314npy] {
        background: #0056b3;
    }

/*beneficios adicionais*/
.beneficiario-adicional-section[b-inyp314npy] {
    background: #fafbfc;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
}

.beneficiario-header-adicional[b-inyp314npy] {
    background: white;
    border-radius: 8px;
    padding: 15px;
    border: 1px solid #dee2e6;
}

.beneficiario-avatar[b-inyp314npy] {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #ffc107 0%, #ffb300 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
}

.beneficiario-info[b-inyp314npy] {
    color: #6c757d;
    font-size: 14px;
    margin-bottom: 4px;
}

.valor-beneficiario[b-inyp314npy] {
    text-align: center;
    padding: 10px;
    background: #f8f9fa;
    border-radius: 8px;
    min-width: 120px;
}

.beneficios-disponiveis[b-inyp314npy] {
    background: white;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #dee2e6;
}

.beneficio-adicional-card[b-inyp314npy] {
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 12px;
    transition: all 0.3s ease;
    background: white;
    cursor: pointer;
    height: 100%;
}

    .beneficio-adicional-card:hover[b-inyp314npy] {
        border-color: #ffc107;
        box-shadow: 0 2px 8px rgba(255, 193, 7, 0.2);
        transform: translateY(-2px);
    }

    .beneficio-adicional-card.selected[b-inyp314npy] {
        border-color: #ffc107;
        background: linear-gradient(135deg, #fff9e6 0%, #ffffff 100%);
        box-shadow: 0 4px 12px rgba(255, 193, 7, 0.3);
    }

.beneficio-content[b-inyp314npy] {
    padding-left: 8px;
}

.beneficio-nome[b-inyp314npy] {
    font-weight: 600;
    color: #495057;
    font-size: 14px;
    margin-bottom: 4px;
    line-height: 1.3;
}

.beneficio-valor[b-inyp314npy] {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.form-check-input:checked[b-inyp314npy] {
    background-color: #ffc107;
    border-color: #ffc107;
}

.resumo-beneficios-adicionais .card[b-inyp314npy] {
    border-width: 2px;
}

.valor-total-adicional[b-inyp314npy] {
    padding: 10px;
    background: white;
    border-radius: 8px;
    border: 2px solid #ffc107;
}

/* Animações */
.beneficio-adicional-card[b-inyp314npy] {
    animation: fadeIn-b-inyp314npy 0.5s ease-in-out;
}

@keyframes fadeIn-b-inyp314npy {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsividade */
@media (max-width: 768px) {
    .beneficiario-header-adicional .d-flex[b-inyp314npy] {
        flex-direction: column;
        gap: 15px;
    }

    .valor-beneficiario[b-inyp314npy] {
        text-align: left;
    }
}
/*fim beneficios adicionais*/

.validation-message[b-inyp314npy] {
    border-radius: 8px;
    font-size: 10px;
    color: #fa0017;
    animation: fadeIn-b-inyp314npy 0.5s ease-in-out;
}
.hx-icon[b-inyp314npy]{
    margin-left:-5px !important;
}

.header[b-inyp314npy] {
    background-color: #fff;
    border-bottom: 1px solid #e9ecef;
}

.card[b-inyp314npy] {
    border-radius: 0.25rem;
    margin-bottom: 1.5rem;
}

.card-header[b-inyp314npy] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    padding: 0.75rem 1rem;
    font-weight: 500;
}

/* Modern Switch (Toggle) */
.modern-switch[b-inyp314npy] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.modern-switch-input[b-inyp314npy] {
    display: none;
}

.modern-switch-label[b-inyp314npy] {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 0;
}

.modern-switch-button[b-inyp314npy] {
    position: relative;
    width: 50px;
    height: 26px;
    background-color: #e9ecef;
    border-radius: 13px;
    margin-right: 10px;
    transition: all 0.2s ease;
}

    .modern-switch-button[b-inyp314npy]::before {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: white;
        top: 3px;
        left: 3px;
        transition: all 0.2s ease;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }

.modern-switch-input:checked + .modern-switch-label .modern-switch-button[b-inyp314npy] {
    background-color: #20c997;
}

    .modern-switch-input:checked + .modern-switch-label .modern-switch-button[b-inyp314npy]::before {
        transform: translateX(24px);
    }

.modern-switch-text[b-inyp314npy] {
    font-weight: 500;
}

/* Modern Checkbox */
.modern-checkbox[b-inyp314npy] {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.modern-checkbox-input[b-inyp314npy] {
    display: none;
}

.modern-checkbox-label[b-inyp314npy] {
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 2px solid #dee2e6;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-right: 10px;
    margin-top: 2px;
    flex-shrink: 0;
}

.modern-checkbox-input:checked + .modern-checkbox-label[b-inyp314npy] {
    background-color: #20c997;
    border-color: #20c997;
}

    .modern-checkbox-input:checked + .modern-checkbox-label[b-inyp314npy]::after {
        content: '';
        position: absolute;
        width: 6px;
        height: 12px;
        border: solid white;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        top: 2px;
        left: 7px;
    }

.beneficiario-info[b-inyp314npy] {
    flex-grow: 1;
}

.beneficiario-header[b-inyp314npy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.btn-remove[b-inyp314npy] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 35%;
    background-color: #fc3232;
    color: white;
    border: 2px solid #ea0707;
    font-size: 14px;
    cursor: pointer;
    position: absolute;
    top: -7px;
    right: -5px;
    z-index: 10;
}

    .btn-remove:hover[b-inyp314npy] {
        background-color: #ff5252;
    }

/*.beneficiario-card {
    border: 2px solid #dee2e6;
    border-radius: 0.5rem;
    padding: 1rem;
    height: 100%;
    transition: all 0.2s;
    position: relative;
    padding-top: 1.5rem;
}

    .beneficiario-card.selected {
        border-color: #20c997;
        background-color: rgba(32, 201, 151, 0.1);
    }*/

/*
    .beneficiario-card {
    border: 2px solid #dee2e6;
    border-radius: 0.5rem;
    padding: 1rem;
    background-color: #FEF2F2;
    height: 100%;
    transition: all 0.2s;
    position: relative;
    padding-top: 1.5rem;
}

    .beneficiario-card.selected {
        border-color: #e2e8f0;
        background-color: #f0fdf4; 

    .beneficiario-card.add-card {
        border-style: dashed;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #6c757d;
        min-height: 100px;
    }

        .beneficiario-card.add-card:hover {
            background-color: #f8f9fa;
        }

*/

.beneficiario-card[b-inyp314npy] {
    transition: all 0.3s ease;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    align-items: center;
    background: white;
    position: relative;
    min-height: 150px;
}


    .beneficiario-card.selected[b-inyp314npy] {
        border-color: #28a745;
        background: #f8fff9;
    }

    .beneficiario-card.add-card[b-inyp314npy] {
        border-style: dashed;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #6c757d;
        min-height: 100px;
    }

        .beneficiario-card.add-card:hover[b-inyp314npy] {
            background-color: #f8f9fa;
        }

    .beneficiario-card:hover[b-inyp314npy] {
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

    /* Indicador visual para dependentes adicionais */
    .beneficiario-card.adicional[b-inyp314npy] {
        border-color: #ffc107;
        background: linear-gradient(135deg, #fff9e6 0%, #ffffff 100%);
    }

        .beneficiario-card.adicional[b-inyp314npy]::before {
            content: "ADICIONAL";
            position: absolute;
            top: 5px;
            right: 5px;
            background: #ffc107;
            color: #856404;
            font-size: 10px;
            font-weight: bold;
            padding: 2px 6px;
            border-radius: 4px;
            z-index: 10;
        }

    .beneficiario-card.padrao[b-inyp314npy]::before {
        content: "DEPENDENTE";
        position: absolute;
        top: 5px;
        right: 5px;
        background: #28a745;
        color: white;
        font-size: 10px;
        font-weight: bold;
        padding: 2px 6px;
        border-radius: 4px;
        z-index: 10;
    }

.form-control:focus[b-inyp314npy] {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Animação para mudanças */
.beneficiario-card.updating[b-inyp314npy] {
    transform: scale(1.02);
    border-color: #007bff;
}

.text-warning[b-inyp314npy] {
    color: #fd7e14 !important;
}

.tipo-plano-toggle[b-inyp314npy] {
    display: flex;
    align-items: center;
    padding: 0.55rem 1.5rem;
    border-radius: 2rem;
    background-color: #f8f9fa;
    margin-right: 0.75rem;
    cursor: pointer;
    border: 1px solid #dee2e6;
    font-weight: 500;
    transition: all 0.2s ease;
}

    .tipo-plano-toggle.active[b-inyp314npy] {
        background-color: #6c757d;
        color: white;
        border-color: #676767;
    }

    .tipo-plano-toggle:hover:not(.active)[b-inyp314npy] {
        background-color: #e9ecef;
    }

.beneficio-section[b-inyp314npy] {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

    .beneficio-section:last-child[b-inyp314npy] {
        border-bottom: none;
    }

/* Link de Ajuda */
.help-link[b-inyp314npy] {
    text-decoration: none !important;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.2s ease;
    border-radius: 6px;
    padding: 6px 12px;
}

    .help-link:hover[b-inyp314npy] {
        background: rgba(255, 255, 255, 0.1);
        transform: translateY(-1px);
    }

/* Modal Customizado */
.bg-gradient-primary[b-inyp314npy] {
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%);
}

.modal-icon[b-inyp314npy] {
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

/* Cards de Ajuda */
.help-card[b-inyp314npy] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    height: 100%;
    transition: transform 0.2s ease;
}

    .help-card:hover[b-inyp314npy] {
        transform: translateY(-2px);
    }

    .help-card .card-header[b-inyp314npy] {
        background: none;
        border: none;
        padding: 20px 20px 0 20px;
        display: flex;
        align-items: center;
        gap: 16px;
    }

.header-icon[b-inyp314npy] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

    .header-icon.success[b-inyp314npy] {
        background: #dcfce7;
        color: #166534;
    }

    .header-icon.warning[b-inyp314npy] {
        background: #fef3c7;
        color: #92400e;
    }

.header-content h5[b-inyp314npy] {
    margin: 0 0 4px 0;
    font-weight: 600;
    color: #1f2937;
}

.help-card .card-body[b-inyp314npy] {
    padding: 20px;
}

/* Items de Configuração */
.config-items[b-inyp314npy] {
    margin-bottom: 20px;
}

.config-item[b-inyp314npy] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid #f3f4f6;
}

    .config-item:last-child[b-inyp314npy] {
        border-bottom: none;
    }

.item-icon[b-inyp314npy] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

    .item-icon.titular[b-inyp314npy] {
        background: #dbeafe;
        color: #1d4ed8;
    }

    .item-icon.spouse[b-inyp314npy] {
        background: #fce7f3;
        color: #be185d;
    }

    .item-icon.children[b-inyp314npy] {
        background: #dcfce7;
        color: #166534;
    }

    .item-icon.additional[b-inyp314npy] {
        background: #fef3c7;
        color: #92400e;
    }

.item-content[b-inyp314npy] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .item-content strong[b-inyp314npy] {
        color: #1f2937;
        font-weight: 600;
        font-size: 0.9rem;
    }

    .item-content small[b-inyp314npy] {
        color: #6b7280;
        font-size: 0.8rem;
    }

/* Destaque de Valor */
.value-highlight[b-inyp314npy] {
    padding: 16px;
    border-radius: 8px;
    text-align: center;
    font-weight: 600;
}

    .value-highlight.success[b-inyp314npy] {
        background: #f0fdf4;
        color: #166534;
        border: 1px solid #bbf7d0;
    }

/* Detalhes de Preços */
.pricing-details[b-inyp314npy] {
    background: #fffbeb;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    padding: 16px;
}

.pricing-header[b-inyp314npy] {
    color: #92400e;
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 12px;
}

.pricing-list[b-inyp314npy] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pricing-item[b-inyp314npy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8rem;
    padding: 4px 0;
}

.service-name[b-inyp314npy] {
    color: #78716c;
    flex: 1;
}

.service-price[b-inyp314npy] {
    color: #92400e;
    font-weight: 600;
    margin-left: 8px;
}

/* Seção de Exemplos */
.examples-section[b-inyp314npy] {
    border-top: 1px solid #e5e7eb;
}

.section-header h5[b-inyp314npy] {
    color: #1f2937;
    font-weight: 600;
}

.example-card[b-inyp314npy] {
    background: white;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    height: 100%;
}

    .example-card.standard[b-inyp314npy] {
        border-left: 4px solid #10b981;
    }

    .example-card.additional[b-inyp314npy] {
        border-left: 4px solid #f59e0b;
    }

.example-header[b-inyp314npy] {
    margin-bottom: 16px;
}

.status-badge[b-inyp314npy] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
}

    .status-badge.success[b-inyp314npy] {
        background: #dcfce7;
        color: #166534;
    }

    .status-badge.warning[b-inyp314npy] {
        background: #fef3c7;
        color: #92400e;
    }

.family-composition h6[b-inyp314npy] {
    color: #1f2937;
    font-weight: 600;
    margin-bottom: 12px;
    font-size: 0.9rem;
}

.family-members[b-inyp314npy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.member[b-inyp314npy] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #f9fafb;
    border-radius: 6px;
    font-size: 0.85rem;
}

    .member.additional-member[b-inyp314npy] {
        background: #fffbeb;
        border: 1px solid #fed7aa;
    }

    .member i[b-inyp314npy] {
        color: #6b7280;
        width: 16px;
    }

    .member small[b-inyp314npy] {
        margin-left: auto;
        font-weight: 600;
    }

/* Resumo de Resultado */
.result-summary[b-inyp314npy] {
    text-align: center;
    padding: 16px;
    border-radius: 8px;
}

    .result-summary.success[b-inyp314npy] {
        background: #f0fdf4;
        border: 1px solid #bbf7d0;
    }

.result-value[b-inyp314npy] {
    font-size: 1.2rem;
    color: #166534;
    margin-bottom: 8px;
}

.result-note[b-inyp314npy] {
    color: #166534;
    font-size: 0.85rem;
    font-weight: 600;
}

/* Breakdown de Cálculo */
.calculation-breakdown[b-inyp314npy] {
    background: #fef3c7;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    padding: 16px;
    font-size: 0.85rem;
}

.calc-line[b-inyp314npy] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    color: #78716c;
}

    .calc-line.additional[b-inyp314npy] {
        color: #d97706;
        font-weight: 600;
    }

.calc-total[b-inyp314npy] {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #fed7aa;
    color: #92400e;
}

/* Footer do Modal */
.help-note[b-inyp314npy] {
    display: flex;
    align-items: center;
}

/* Responsividade */
@media (max-width: 768px) {
    .modal-dialog[b-inyp314npy] {
        margin: 10px;
    }

    .container-fluid[b-inyp314npy] {
        padding: 20px !important;
    }

    .row.g-4[b-inyp314npy] {
        gap: 1rem !important;
    }
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Venda/Orcamento/OrcamentoPlanoSaudeV2.razor.rz.scp.css */

.modal-backdrop.show[b-u6tznvnbda] {
    opacity: 0 !important;
}

.modal-backdrop.show[b-u6tznvnbda] {
    opacity: !important;
}

.modal-backdrop[b-u6tznvnbda] {
     --vz-backdrop-zindex: 0 !important; 
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--vz-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--vz-backdrop-bg);
}

.form-select[b-u6tznvnbda] {
    --vz-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);
    display: block;
    width: 100%;
    padding: 0.3rem 2.7rem 0.3rem 0.9rem;
    font-size: var(--vz-font-base);
    font-weight: var(--vz-font-weight-normal);
    line-height: 1.5;
    color: var(--vz-body-color);
    appearance: none;
    /* background-color: var(--vz-input-bg-custom); */
    background-image: var(--vz-form-select-bg-img), var(--vz-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 0.9rem center;
    background-size: 16px 12px;
    border: var(--vz-border-width) solid var(--vz-input-border-custom);
    border-radius: var(--vz-border-radius);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

/* Novos estilos para as tags dos beneficiários */
.beneficiario-card[b-u6tznvnbda] {
    position: relative;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.beneficiario-tag[b-u6tznvnbda] {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 10;
}

.titular-tag .badge[b-u6tznvnbda] {
    background-color: #0d6efd !important;
    color: white;
    font-size: 0.7rem;
    padding: 4px 8px;
    border-radius: 12px;
}

.padrao-tag .badge[b-u6tznvnbda] {
    background-color: #198754 !important;
    color: white;
    font-size: 0.7rem;
    padding: 4px 8px;
    border-radius: 12px;
}

.adicional-tag .badge[b-u6tznvnbda] {
    background-color: #ffc107 !important;
    color: #000;
    font-size: 0.7rem;
    padding: 4px 8px;
    border-radius: 12px;
}

.titular-card[b-u6tznvnbda] {
    border-color: #0d6efd;
    background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);
}

.dependente-card.padrao[b-u6tznvnbda] {
    border-color: #198754;
    background: linear-gradient(135deg, #f0fff4 0%, #ffffff 100%);
}

.dependente-card.adicional[b-u6tznvnbda] {
    border-color: #ffc107;
    background: linear-gradient(135deg, #fff9e6 0%, #ffffff 100%);
}

.beneficio-relacionado-highlight[b-u6tznvnbda] {
    box-shadow: 0 0 15px rgba(0, 123, 255, 0.4) !important;
    transform: scale(1.02) !important;
    transition: all 0.3s ease !important;
}

.mudanca-automatica[b-u6tznvnbda] {
    animation: pulseAutomatico-b-u6tznvnbda 1s ease-in-out;
}

@keyframes pulseAutomatico-b-u6tznvnbda {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 0 20px rgba(23, 162, 184, 0.6);
    }

    100% {
        transform: scale(1);
    }
}


.beneficio-incluso-indicator[b-u6tznvnbda] {
    margin-top: 8px;
    padding: 4px 8px;
    background-color: rgba(25, 135, 84, 0.1);
    border-radius: 4px;
    border-left: 3px solid #198754;
    text-align: center;
}

    .beneficio-incluso-indicator .bi-gift[b-u6tznvnbda] {
        color: #198754;
    }

/* Destaque para valores inclusos */
.beneficio-valor .text-success[b-u6tznvnbda] {
    font-weight: 600 !important;
}

/* Animação sutil para valores inclusos */
.beneficio-incluso-indicator[b-u6tznvnbda] {
    animation: fadeInIncluso-b-u6tznvnbda 0.5s ease-in-out;
}

@keyframes fadeInIncluso-b-u6tznvnbda {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ripple-automatico[b-u6tznvnbda] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    background: radial-gradient(circle, rgba(23, 162, 184, 0.6) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: rippleEffect-b-u6tznvnbda 1s ease-out;
    pointer-events: none;
}

@keyframes rippleEffect-b-u6tznvnbda {
    0% {
        width: 10px;
        height: 10px;
        opacity: 1;
    }

    100% {
        width: 200px;
        height: 200px;
        opacity: 0;
    }
}

.tooltip-beneficio-especial[b-u6tznvnbda] {
    position: absolute;
    background: rgba(0, 0, 0, 0.9);
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 12px;
    max-width: 250px;
    z-index: 10000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    animation: fadeInTooltip-b-u6tznvnbda 0.3s ease-in;
}

.tooltip-arrow[b-u6tznvnbda] {
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(0, 0, 0, 0.9);
}

@keyframes fadeInTooltip-b-u6tznvnbda {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.badge-titular-adicional[b-u6tznvnbda] {
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
    color: white;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 12px;
    font-weight: 500;
}

/* Checkbox controlador (usado pelo titular) */
.checkbox-controlador[b-u6tznvnbda] {
    border: 2px solid #007bff !important;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
}

    .checkbox-controlador:checked[b-u6tznvnbda] {
        background-color: #007bff !important;
        border-color: #007bff !important;
    }

/* Checkbox automático (dependentes padrão) */
.checkbox-automatico[b-u6tznvnbda] {
    border: 2px solid #17a2b8 !important;
    background-color: #e7f3ff;
}

    .checkbox-automatico:checked[b-u6tznvnbda] {
        background-color: #17a2b8 !important;
        border-color: #17a2b8 !important;
    }

    .checkbox-automatico:disabled[b-u6tznvnbda] {
        opacity: 0.7;
        cursor: not-allowed;
    }

/* Label desabilitado */
.disabled-label[b-u6tznvnbda] {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

/* Card de benefício com estados especiais */
.beneficio-adicional-card.checkbox-controlador[b-u6tznvnbda] {
    border: 2px solid #007bff;
    background: linear-gradient(135deg, rgba(0, 123, 255, 0.05) 0%, rgba(255, 255, 255, 1) 100%);
}

.beneficio-adicional-card.checkbox-automatico[b-u6tznvnbda] {
    border: 2px solid #17a2b8;
    background: linear-gradient(135deg, rgba(23, 162, 184, 0.05) 0%, rgba(255, 255, 255, 1) 100%);
}

    .beneficio-adicional-card.checkbox-automatico.selected[b-u6tznvnbda] {
        border-color: #17a2b8;
        background: linear-gradient(135deg, rgba(23, 162, 184, 0.1) 0%, rgba(255, 255, 255, 1) 100%);
    }

/* Explicação do benefício */
.beneficio-explicacao[b-u6tznvnbda] {
    margin-top: 8px;
    padding: 6px 8px;
    background-color: rgba(0, 123, 255, 0.1);
    border-radius: 6px;
    border-left: 3px solid #007bff;
}

/* Status desabilitado */
.beneficio-status-desabilitado[b-u6tznvnbda] {
    margin-top: 8px;
    padding: 4px 8px;
    background-color: rgba(108, 117, 125, 0.1);
    border-radius: 4px;
    text-align: center;
}

/* Indicador de seleção automática */
.beneficio-selecionado-indicator .text-info[b-u6tznvnbda] {
    color: #17a2b8 !important;
}

/* Animações para feedback visual */
.beneficio-adicional-card.checkbox-controlador:hover[b-u6tznvnbda] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
    transition: all 0.3s ease;
}

.beneficio-adicional-card.checkbox-automatico:hover[b-u6tznvnbda] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(23, 162, 184, 0.15);
    transition: all 0.3s ease;
}

/* Tooltip visual para benefícios especiais */
.beneficio-adicional-card[data-beneficio-especial="true"][b-u6tznvnbda]::before {
    content: "";
    position: absolute;
    top: -2px;
    right: -2px;
    width: 12px;
    height: 12px;
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
    border-radius: 50%;
    box-shadow: 0 0 0 2px white;
}

/* Responsividade para dispositivos menores */
@media (max-width: 768px) {
    .badge-titular-adicional[b-u6tznvnbda] {
        font-size: 9px;
        padding: 1px 4px;
    }

    .beneficio-explicacao[b-u6tznvnbda] {
        font-size: 11px;
        padding: 4px 6px;
    }

    .beneficio-status-desabilitado[b-u6tznvnbda] {
        font-size: 11px;
        padding: 3px 6px;
    }
}

/* Estados de foco para acessibilidade */
.checkbox-controlador:focus[b-u6tznvnbda] {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

.checkbox-automatico:focus[b-u6tznvnbda] {
    outline: 2px solid #17a2b8;
    outline-offset: 2px;
}

/* Estilo para benefícios em grupo (quando vários dependentes são afetados) */
.beneficio-grupo-automatico[b-u6tznvnbda] {
    position: relative;
}

    .beneficio-grupo-automatico[b-u6tznvnbda]::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: 2px dashed #17a2b8;
        border-radius: 8px;
        pointer-events: none;
        opacity: 0.5;
    }

/* Indicador de quantidade de beneficiários afetados */
.beneficiarios-afetados-indicator[b-u6tznvnbda] {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #007bff;
    color: white;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 10px;
    min-width: 20px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}























.beneficiario-card[b-u6tznvnbda] {
        border: 2px solid #e9ecef;
        border-radius: 12px;
        padding: 16px;
        background: white;
        transition: all 0.3s ease;
        position: relative;
        min-height: 225px;
        cursor: default;
    }

    .beneficiario-card.titular-card[b-u6tznvnbda] {
        border-color: #0d6efd;
        background: linear-gradient(135deg, #f0f8ff 0%, #ffffff 100%);
    }

    .beneficiario-card.dependente-card.padrao[b-u6tznvnbda] {
        border-color: #198754;
        background: linear-gradient(135deg, #f8fff9 0%, #ffffff 100%);
    }

    .beneficiario-card.dependente-card.adicional[b-u6tznvnbda] {
        border-color: #ffc107;
        background: linear-gradient(135deg, #fffbf0 0%, #ffffff 100%);
    }

    .beneficiario-card.add-card[b-u6tznvnbda] {
        border: 2px dashed #6c757d;
        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .beneficiario-card.add-card:hover[b-u6tznvnbda] {
        border-color: #0d6efd;
        background: linear-gradient(135deg, #f0f8ff 0%, #ffffff 100%);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(13, 110, 253, 0.15);
    }

/*    .beneficiario-avatar {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        flex-shrink: 0;
    }*/

    .beneficiario-avatar.titular[b-u6tznvnbda] {
        background: #198754;
        color: white;
    }

    .beneficiario-avatar.padrao[b-u6tznvnbda] {
        background: #198754;
        color: white;
    }

    .beneficiario-avatar.adicional[b-u6tznvnbda] {
        background: #ffc107;
        color: #212529;
    }

    .btn-remove[b-u6tznvnbda] {
        position: absolute;
        top: 8px;
        right: 8px;
        background: #dc3545;
        color: white;
        border: none;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        cursor: pointer;
        transition: all 0.2s ease;
    }

    .btn-remove:hover[b-u6tznvnbda] {
        background: #bb2d3b;
        transform: scale(1.1);
    }

    .beneficiario-nome[b-u6tznvnbda] {
        font-weight: 600;
        color: #495057;
        margin-bottom: 4px;
    }

    /*.beneficiario-info {
        min-height: 120px;
    }*/

    .card.border-success[b-u6tznvnbda] {
        border-width: 2px !important;
    }

    .card-header.bg-success.bg-opacity-10[b-u6tznvnbda] {
        background-color: rgba(25, 135, 84, 0.1) !important;
    }

    .beneficio-detalhes[b-u6tznvnbda] {
        background: #f8f9fa;
        border-radius: 6px;
        padding: 8px;
        margin-top: 8px;
    }

.align-items-start[b-u6tznvnbda] {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    width: 100%;
}
.calculating[b-u6tznvnbda] {
    opacity: 0.7;
    animation: pulse-b-u6tznvnbda 1.5s infinite;
}

@keyframes pulse-b-u6tznvnbda {
    0% {
        opacity: 0.7;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.7;
    }
}

/* Destacar valores quando mudarem */
.valor-updated[b-u6tznvnbda] {
    background: #fff3cd !important;
    transition: background-color 0.5s ease;
    border: 2px solid #ffc107 !important;
    border-radius: 8px !important;
}

/* Checkbox com feedback visual melhorado */
.form-check-input:checked[b-u6tznvnbda] {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    animation: checkboxChecked-b-u6tznvnbda 0.3s ease;
}

@keyframes checkboxChecked-b-u6tznvnbda {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

/* Debug panel (apenas para desenvolvimento) */
.debug-panel[b-u6tznvnbda] {
    position: fixed;
    top: 10px;
    right: 10px;
    background: rgba(0,0,0,0.8);
    color: white;
    padding: 10px;
    border-radius: 8px;
    font-size: 12px;
    z-index: 9999;
    display: none;
}

    .debug-panel.show[b-u6tznvnbda] {
        display: block;
    }

.debug-button[b-u6tznvnbda] {
    background: #007bff;
    color: white;
    border: none;
    padding: 4px 8px;
    margin: 2px;
    border-radius: 4px;
    font-size: 10px;
    cursor: pointer;
}

    .debug-button:hover[b-u6tznvnbda] {
        background: #0056b3;
    }

/*beneficios adicionais*/
.beneficiario-adicional-section[b-u6tznvnbda] {
    background: #fafbfc;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
}

.beneficiario-header-adicional[b-u6tznvnbda] {
    background: white;
    border-radius: 8px;
    padding: 15px;
    border: 1px solid #dee2e6;
}

.beneficiario-avatar[b-u6tznvnbda] {
    width: 35px;
    height: 35px;
    background: linear-gradient(135deg, #ffc107 0%, #ffb300 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
}

.beneficiario-info[b-u6tznvnbda] {
    color: #6c757d;
    font-size: 14px;
    margin-bottom: 4px;
}

.valor-beneficiario[b-u6tznvnbda] {
    text-align: center;
    padding: 10px;
    background: #f8f9fa;
    border-radius: 8px;
    min-width: 120px;
}

.beneficios-disponiveis[b-u6tznvnbda] {
    background: white;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #dee2e6;
}

.beneficio-adicional-card[b-u6tznvnbda] {
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 12px;
    transition: all 0.3s ease;
    background: white;
    cursor: pointer;
    height: 100%;
}

    .beneficio-adicional-card:hover[b-u6tznvnbda] {
        border-color: #ffc107;
        box-shadow: 0 2px 8px rgba(255, 193, 7, 0.2);
        transform: translateY(-2px);
    }

    .beneficio-adicional-card.selected[b-u6tznvnbda] {
        border-color: #ffc107;
        background: linear-gradient(135deg, #fff9e6 0%, #ffffff 100%);
        box-shadow: 0 4px 12px rgba(255, 193, 7, 0.3);
    }

.beneficio-content[b-u6tznvnbda] {
    padding-left: 8px;
}

.beneficio-nome[b-u6tznvnbda] {
    font-weight: 600;
    color: #495057;
    font-size: 14px;
    margin-bottom: 4px;
    line-height: 1.3;
}

.beneficio-valor[b-u6tznvnbda] {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.form-check-input:checked[b-u6tznvnbda] {
    background-color: #ffc107;
    border-color: #ffc107;
}

.resumo-beneficios-adicionais .card[b-u6tznvnbda] {
    border-width: 2px;
}

.valor-total-adicional[b-u6tznvnbda] {
    padding: 10px;
    background: white;
    border-radius: 8px;
    border: 2px solid #ffc107;
}

/* Animações */
.beneficio-adicional-card[b-u6tznvnbda] {
    animation: fadeIn-b-u6tznvnbda 0.5s ease-in-out;
}

@keyframes fadeIn-b-u6tznvnbda {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsividade */
@media (max-width: 768px) {
    .beneficiario-header-adicional .d-flex[b-u6tznvnbda] {
        flex-direction: column;
        gap: 15px;
    }

    .valor-beneficiario[b-u6tznvnbda] {
        text-align: left;
    }
}
/*fim beneficios adicionais*/

.validation-message[b-u6tznvnbda] {
    border-radius: 8px;
    font-size: 10px;
    color: #fa0017;
    animation: fadeIn-b-u6tznvnbda 0.5s ease-in-out;
}
.hx-icon[b-u6tznvnbda]{
    margin-left:-5px !important;
}

.header[b-u6tznvnbda] {
    background-color: #fff;
    border-bottom: 1px solid #e9ecef;
}

.card[b-u6tznvnbda] {
    border-radius: 0.25rem;
    margin-bottom: 1.5rem;
}

.card-header[b-u6tznvnbda] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    padding: 0.75rem 1rem;
    font-weight: 500;
}

/* Modern Switch (Toggle) */
.modern-switch[b-u6tznvnbda] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.modern-switch-input[b-u6tznvnbda] {
    display: none;
}

.modern-switch-label[b-u6tznvnbda] {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 0;
}

.modern-switch-button[b-u6tznvnbda] {
    position: relative;
    width: 50px;
    height: 26px;
    background-color: #e9ecef;
    border-radius: 13px;
    margin-right: 10px;
    transition: all 0.2s ease;
}

    .modern-switch-button[b-u6tznvnbda]::before {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: white;
        top: 3px;
        left: 3px;
        transition: all 0.2s ease;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }

.modern-switch-input:checked + .modern-switch-label .modern-switch-button[b-u6tznvnbda] {
    background-color: #20c997;
}

    .modern-switch-input:checked + .modern-switch-label .modern-switch-button[b-u6tznvnbda]::before {
        transform: translateX(24px);
    }

.modern-switch-text[b-u6tznvnbda] {
    font-weight: 500;
}

/* Modern Checkbox */
.modern-checkbox[b-u6tznvnbda] {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.modern-checkbox-input[b-u6tznvnbda] {
    display: none;
}

.modern-checkbox-label[b-u6tznvnbda] {
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 2px solid #dee2e6;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-right: 10px;
    margin-top: 2px;
    flex-shrink: 0;
}

.modern-checkbox-input:checked + .modern-checkbox-label[b-u6tznvnbda] {
    background-color: #20c997;
    border-color: #20c997;
}

    .modern-checkbox-input:checked + .modern-checkbox-label[b-u6tznvnbda]::after {
        content: '';
        position: absolute;
        width: 6px;
        height: 12px;
        border: solid white;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        top: 2px;
        left: 7px;
    }

.beneficiario-info[b-u6tznvnbda] {
    flex-grow: 1;
}

.beneficiario-header[b-u6tznvnbda] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.btn-remove[b-u6tznvnbda] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 35%;
    background-color: #fc3232;
    color: white;
    border: 2px solid #ea0707;
    font-size: 14px;
    cursor: pointer;
    position: absolute;
    top: -7px;
    right: -5px;
    z-index: 10;
}

    .btn-remove:hover[b-u6tznvnbda] {
        background-color: #ff5252;
    }

/*.beneficiario-card {
    border: 2px solid #dee2e6;
    border-radius: 0.5rem;
    padding: 1rem;
    height: 100%;
    transition: all 0.2s;
    position: relative;
    padding-top: 1.5rem;
}

    .beneficiario-card.selected {
        border-color: #20c997;
        background-color: rgba(32, 201, 151, 0.1);
    }*/

/*
    .beneficiario-card {
    border: 2px solid #dee2e6;
    border-radius: 0.5rem;
    padding: 1rem;
    background-color: #FEF2F2;
    height: 100%;
    transition: all 0.2s;
    position: relative;
    padding-top: 1.5rem;
}

    .beneficiario-card.selected {
        border-color: #e2e8f0;
        background-color: #f0fdf4; 

    .beneficiario-card.add-card {
        border-style: dashed;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #6c757d;
        min-height: 100px;
    }

        .beneficiario-card.add-card:hover {
            background-color: #f8f9fa;
        }

*/

.beneficiario-card[b-u6tznvnbda] {
    transition: all 0.3s ease;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    align-items: center;
    background: white;
    position: relative;
    min-height: 225px;
}


    .beneficiario-card.selected[b-u6tznvnbda] {
        border-color: #0d6efd;
        background: #f8fff9;
    }

    .beneficiario-card.add-card[b-u6tznvnbda] {
        border-style: dashed;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #6c757d;
        min-height: 225px;
    }

        .beneficiario-card.add-card:hover[b-u6tznvnbda] {
            background-color: #f8f9fa;
        }

    .beneficiario-card:hover[b-u6tznvnbda] {
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

    /* Indicador visual para dependentes adicionais */
    .beneficiario-card.adicional[b-u6tznvnbda] {
        border-color: #ffc107;
        background: linear-gradient(135deg, #fff9e6 0%, #ffffff 100%);
    }

        .beneficiario-card.adicional[b-u6tznvnbda]::before {
            content: "ADICIONAL";
            position: absolute;
            top: 5px;
            right: 5px;
            background: #ffc107;
            color: #856404;
            font-size: 10px;
            font-weight: bold;
            padding: 2px 6px;
            border-radius: 10px;
            z-index: 10;
        }

    .beneficiario-card.padrao[b-u6tznvnbda]::before {
        content: "DEPENDENTE";
        position: absolute;
        top: 5px;
        right: 5px;
        background: #28a745;
        color: white;
        font-size: 10px;
        font-weight: bold;
        padding: 2px 6px;
        border-radius: 10px;
        z-index: 10;
    }

.form-control:focus[b-u6tznvnbda] {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Animação para mudanças */
.beneficiario-card.updating[b-u6tznvnbda] {
    transform: scale(1.02);
    border-color: #007bff;
}

.text-warning[b-u6tznvnbda] {
    color: #fd7e14 !important;
}

.tipo-plano-toggle[b-u6tznvnbda] {
    display: flex;
    align-items: center;
    padding: 0.55rem 1.5rem;
    border-radius: 2rem;
    background-color: #f8f9fa;
    margin-right: 0.75rem;
    cursor: pointer;
    border: 1px solid #dee2e6;
    font-weight: 500;
    transition: all 0.2s ease;
}

    .tipo-plano-toggle.active[b-u6tznvnbda] {
        background-color: #6c757d;
        color: white;
        border-color: #676767;
    }

    .tipo-plano-toggle:hover:not(.active)[b-u6tznvnbda] {
        background-color: #e9ecef;
    }

.beneficio-section[b-u6tznvnbda] {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

    .beneficio-section:last-child[b-u6tznvnbda] {
        border-bottom: none;
    }

/* Link de Ajuda */
.help-link[b-u6tznvnbda] {
    text-decoration: none !important;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.2s ease;
    border-radius: 6px;
    padding: 6px 12px;
}

    .help-link:hover[b-u6tznvnbda] {
        background: rgba(255, 255, 255, 0.1);
        transform: translateY(-1px);
    }

/* Modal Customizado */
.bg-gradient-primary[b-u6tznvnbda] {
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%);
}

.modal-icon[b-u6tznvnbda] {
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

/* Cards de Ajuda */
.help-card[b-u6tznvnbda] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    height: 100%;
    transition: transform 0.2s ease;
}

    .help-card:hover[b-u6tznvnbda] {
        transform: translateY(-2px);
    }

    .help-card .card-header[b-u6tznvnbda] {
        background: none;
        border: none;
        padding: 20px 20px 0 20px;
        display: flex;
        align-items: center;
        gap: 16px;
    }

.header-icon[b-u6tznvnbda] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

    .header-icon.success[b-u6tznvnbda] {
        background: #dcfce7;
        color: #166534;
    }

    .header-icon.warning[b-u6tznvnbda] {
        background: #fef3c7;
        color: #92400e;
    }

.header-content h5[b-u6tznvnbda] {
    margin: 0 0 4px 0;
    font-weight: 600;
    color: #1f2937;
}

.help-card .card-body[b-u6tznvnbda] {
    padding: 20px;
}

/* Items de Configuração */
.config-items[b-u6tznvnbda] {
    margin-bottom: 20px;
}

.config-item[b-u6tznvnbda] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid #f3f4f6;
}

    .config-item:last-child[b-u6tznvnbda] {
        border-bottom: none;
    }

.item-icon[b-u6tznvnbda] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

    .item-icon.titular[b-u6tznvnbda] {
        background: #dbeafe;
        color: #1d4ed8;
    }

    .item-icon.spouse[b-u6tznvnbda] {
        background: #fce7f3;
        color: #be185d;
    }

    .item-icon.children[b-u6tznvnbda] {
        background: #dcfce7;
        color: #166534;
    }

    .item-icon.additional[b-u6tznvnbda] {
        background: #fef3c7;
        color: #92400e;
    }

.item-content[b-u6tznvnbda] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .item-content strong[b-u6tznvnbda] {
        color: #1f2937;
        font-weight: 600;
        font-size: 0.9rem;
    }

    .item-content small[b-u6tznvnbda] {
        color: #6b7280;
        font-size: 0.8rem;
    }

/* Destaque de Valor */
.value-highlight[b-u6tznvnbda] {
    padding: 16px;
    border-radius: 8px;
    text-align: center;
    font-weight: 600;
}

    .value-highlight.success[b-u6tznvnbda] {
        background: #f0fdf4;
        color: #166534;
        border: 1px solid #bbf7d0;
    }

/* Detalhes de Preços */
.pricing-details[b-u6tznvnbda] {
    background: #fffbeb;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    padding: 16px;
}

.pricing-header[b-u6tznvnbda] {
    color: #92400e;
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 12px;
}

.pricing-list[b-u6tznvnbda] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pricing-item[b-u6tznvnbda] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8rem;
    padding: 4px 0;
}

.service-name[b-u6tznvnbda] {
    color: #78716c;
    flex: 1;
}

.service-price[b-u6tznvnbda] {
    color: #92400e;
    font-weight: 600;
    margin-left: 8px;
}

/* Seção de Exemplos */
.examples-section[b-u6tznvnbda] {
    border-top: 1px solid #e5e7eb;
}

.section-header h5[b-u6tznvnbda] {
    color: #1f2937;
    font-weight: 600;
}

.example-card[b-u6tznvnbda] {
    background: white;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    height: 100%;
}

    .example-card.standard[b-u6tznvnbda] {
        border-left: 4px solid #10b981;
    }

    .example-card.additional[b-u6tznvnbda] {
        border-left: 4px solid #f59e0b;
    }

.example-header[b-u6tznvnbda] {
    margin-bottom: 16px;
}

.status-badge[b-u6tznvnbda] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
}

    .status-badge.success[b-u6tznvnbda] {
        background: #dcfce7;
        color: #166534;
    }

    .status-badge.warning[b-u6tznvnbda] {
        background: #fef3c7;
        color: #92400e;
    }

.family-composition h6[b-u6tznvnbda] {
    color: #1f2937;
    font-weight: 600;
    margin-bottom: 12px;
    font-size: 0.9rem;
}

.family-members[b-u6tznvnbda] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.member[b-u6tznvnbda] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #f9fafb;
    border-radius: 6px;
    font-size: 0.85rem;
}

    .member.additional-member[b-u6tznvnbda] {
        background: #fffbeb;
        border: 1px solid #fed7aa;
    }

    .member i[b-u6tznvnbda] {
        color: #6b7280;
        width: 16px;
    }

    .member small[b-u6tznvnbda] {
        margin-left: auto;
        font-weight: 600;
    }

/* Resumo de Resultado */
.result-summary[b-u6tznvnbda] {
    text-align: center;
    padding: 16px;
    border-radius: 8px;
}

    .result-summary.success[b-u6tznvnbda] {
        background: #f0fdf4;
        border: 1px solid #bbf7d0;
    }

.result-value[b-u6tznvnbda] {
    font-size: 1.2rem;
    color: #166534;
    margin-bottom: 8px;
}

.result-note[b-u6tznvnbda] {
    color: #166534;
    font-size: 0.85rem;
    font-weight: 600;
}

/* Breakdown de Cálculo */
.calculation-breakdown[b-u6tznvnbda] {
    background: #fef3c7;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    padding: 16px;
    font-size: 0.85rem;
}

.calc-line[b-u6tznvnbda] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    color: #78716c;
}

    .calc-line.additional[b-u6tznvnbda] {
        color: #d97706;
        font-weight: 600;
    }

.calc-total[b-u6tznvnbda] {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #fed7aa;
    color: #92400e;
}

/* Footer do Modal */
.help-note[b-u6tznvnbda] {
    display: flex;
    align-items: center;
}

/* Responsividade */
@media (max-width: 768px) {
    .modal-dialog[b-u6tznvnbda] {
        margin: 10px;
    }

    .container-fluid[b-u6tznvnbda] {
        padding: 20px !important;
    }

    .row.g-4[b-u6tznvnbda] {
        padding: 0px !important;
    }
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Venda/OrcamentoIndex.razor.rz.scp.css */
.btn-action-grouped[b-sn7psrmscf] {
    min-width: 28px !important;
    width: 28px !important;
    padding: 0.25rem 0.25rem !important;
    border-radius: 4px;
    margin: 0 1px;
}

    .btn-action-grouped i[b-sn7psrmscf] {
        font-size: 12px;
    }

.spinning[b-sn7psrmscf] {
    animation: spin-b-sn7psrmscf 1s linear infinite;
}

@keyframes spin-b-sn7psrmscf {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.actions-column[b-sn7psrmscf] {
    width: 85px !important;
    min-width: 85px !important;
    max-width: 85px !important;
}

.btn-group-sm .btn[b-sn7psrmscf] {
    --vz-btn-padding-y: 0.25rem;
    --vz-btn-padding-x: 0.25rem;
    --vz-btn-font-size: 12px;
}

/* Ajustar header da coluna também */
th.col[b-sn7psrmscf] {
    width: 85px !important;
    min-width: 85px !important;
    max-width: 85px !important;
}
/* Estilos originais do offcanvas */
.filters-card[b-sn7psrmscf] {
    border: 1px solid #e3e6f0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    transition: box-shadow 0.3s ease;
}

    .filters-card:hover[b-sn7psrmscf] {
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }

/* Estilo do botão de refresh coladinho */
.btn-refresh[b-sn7psrmscf] {
    height: 38px; /* Altura igual ao input do dropdown */
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
    border-radius: 0.375rem;
    border: 1px solid #ced4da;
    background-color: transparent;
    color: #6c757d;
    position: relative;
}

    .btn-refresh:hover[b-sn7psrmscf] {
        background-color: #dc3545;
        border-color: #dc3545;
        color: white;
        transform: rotate(180deg);
        box-shadow: 0 2px 4px rgba(220, 53, 69, 0.3);
    }

    .btn-refresh:focus[b-sn7psrmscf] {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
        outline: none;
    }

    .btn-refresh:active[b-sn7psrmscf] {
        transform: rotate(180deg) scale(0.95);
    }

/* Container flex para dropdown + botão */
.d-flex.gap-2[b-sn7psrmscf] {
    align-items: end; /* Alinha na base para ficar na mesma linha */
    gap: 0.5rem;
}

.flex-grow-1[b-sn7psrmscf] {
    flex: 1 1 auto;
    min-width: 0; /* Permite que o dropdown encolha se necessário */
}

/* Garantir que o autocomplete não seja afetado */
.autocomplete-container[b-sn7psrmscf] {
    position: relative;
    width: 100%;
}

/* Tooltip personalizado */
.btn-refresh[title][b-sn7psrmscf] {
    position: relative;
}

    .btn-refresh[title]:hover[b-sn7psrmscf]::before {
        content: attr(title);
        position: absolute;
        bottom: 120%;
        left: 50%;
        transform: translateX(-50%);
        background-color: #212529;
        color: white;
        padding: 0.25rem 0.5rem;
        border-radius: 0.25rem;
        font-size: 0.75rem;
        white-space: nowrap;
        z-index: 1050;
        opacity: 0;
        animation: fadeInTooltip 0.3s ease forwards;
    }

    .btn-refresh[title]:hover[b-sn7psrmscf]::after {
        content: '';
        position: absolute;
        bottom: 115%;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #212529;
        z-index: 1051;
        opacity: 0;
        animation: fadeInTooltip 0.3s ease forwards;
    }
/* Estilos originais do offcanvas */
.offcanvas-start.hx-offcanvas-lg[b-sn7psrmscf],
.offcanvas-end.hx-offcanvas-lg[b-sn7psrmscf] {
    width: 86%;
}

/* Media queries para responsividade */
@media (max-width: 991.98px) {
    .offcanvas-start.hx-offcanvas-lg[b-sn7psrmscf],
    .offcanvas-end.hx-offcanvas-lg[b-sn7psrmscf] {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {
    .container-fluid[b-aosb9kgu43][b-sn7psrmscf] {
        padding: 20px !important;
    }
}

@media (max-width: 767.98px) {
    .offcanvas-start.hx-offcanvas-lg[b-sn7psrmscf],
    .offcanvas-end.hx-offcanvas-lg[b-sn7psrmscf] {
        width: 100% !important;
        max-width: 100% !important;
    }

    .container-fluid[b-sn7psrmscf] {
        padding: 0px !important;
    }

    /* Garantir que o conteúdo seja responsivo */
    .offcanvas-body[b-sn7psrmscf] {
        padding: 0.75rem !important;
    }

    /* Ajustar formulários para mobile */
    .form-control[b-sn7psrmscf], .form-select[b-sn7psrmscf] {
        font-size: 16px; /* Previne zoom no iOS */
    }

    /* Botões responsivos */
    .btn-group-sm > .btn[b-sn7psrmscf], .btn-sm[b-sn7psrmscf] {
        font-size: 0.8rem;
        padding: 0.375rem 0.5rem;
    }

    /* Tabelas responsivas em mobile */
    .table-responsive[b-sn7psrmscf] {
        font-size: 0.85rem;
    }

    /* Cards responsivos */
    .card-body[b-sn7psrmscf] {
        padding: 0.75rem;
    }

    /* Ajustar colunas de formulário */
    .row.g-2 > .col-sm-2[b-sn7psrmscf],
    .row.g-2 > .col-sm-1[b-sn7psrmscf],
    .row.g-2 > .col-sm-3[b-sn7psrmscf] {
        margin-bottom: 0.5rem;
    }
}

@media (max-width: 575.98px) {
    .offcanvas-start.hx-offcanvas-lg[b-sn7psrmscf],
    .offcanvas-end.hx-offcanvas-lg[b-sn7psrmscf] {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Header do offcanvas */
    .offcanvas-header[b-sn7psrmscf] {
        padding: 0.75rem;
    }

    .offcanvas-title[b-sn7psrmscf] {
        font-size: 1.1rem;
    }

    /* Conteúdo principal */
    .offcanvas-body[b-sn7psrmscf] {
        padding: 0.5rem !important;
    }

    /* Formulários em telas muito pequenas */
    .form-label[b-sn7psrmscf] {
        font-size: 0.9rem;
        margin-bottom: 0.25rem;
    }

    /* Botões de ação */
    .btn-group .btn[b-sn7psrmscf] {
        font-size: 0.75rem;
        padding: 0.25rem 0.5rem;
    }

    /* Tabs responsivos */
    .nav-pills .nav-link[b-sn7psrmscf] {
        font-size: 0.8rem;
        padding: 0.5rem 0.75rem;
    }

    .nav-tab-title[b-sn7psrmscf] {
        font-size: 0.75rem;
    }

    .nav-tab-count[b-sn7psrmscf] {
        font-size: 0.7rem;
    }
}

/* Classe adicional para forçar 100% em mobile quando necessário */
.offcanvas-mobile-full[b-sn7psrmscf] {
    width: 100% !important;
    max-width: 100% !important;
}

/* Melhorar a experiência de scroll em mobile */
@media (max-width: 767.98px) {
    .table-responsive[b-sn7psrmscf] {
        border: none;
    }

        .table-responsive[b-sn7psrmscf]::-webkit-scrollbar {
            height: 3px;
        }

        .table-responsive[b-sn7psrmscf]::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        .table-responsive[b-sn7psrmscf]::-webkit-scrollbar-thumb {
            background: #c1c1c1;
            border-radius: 3px;
        }
}

/* Demonstração do offcanvas */
.demo-container[b-sn7psrmscf] {
    padding: 2rem;
    background: #f8f9fa;
    min-height: 100vh;
}

.demo-card[b-sn7psrmscf] {
    background: white;
    border-radius: 0.5rem;
    padding: 1.5rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.btn-demo[b-sn7psrmscf] {
    margin: 0.5rem;
}

/* Estilos para Status de Vencimento */
.vencimento-container[b-sn7psrmscf] {
    padding: 8px 12px;
    border-radius: 6px;
    border-left: 4px solid;
    background-color: rgba(255, 255, 255, 0.8);
    transition: all 0.3s ease;
    min-width: 140px;
}

.vencimento-data[b-sn7psrmscf] {
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 2px;
}

.vencimento-status[b-sn7psrmscf] {
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Status: Longe do Vencimento (Verde) */
.vencimento-longe[b-sn7psrmscf] {
    background-color: rgba(34, 197, 94, 0.1);
    border-left-color: #22c55e;
    color: #15803d;
}

    .vencimento-longe .vencimento-data[b-sn7psrmscf] {
        color: #15803d;
    }

    .vencimento-longe .vencimento-status[b-sn7psrmscf] {
        color: #16a34a;
    }

/* Status: Próximo do Vencimento (Amarelo/Laranja) */
.vencimento-perto[b-sn7psrmscf] {
    background-color: rgba(251, 146, 60, 0.1);
    border-left-color: #fb923c;
    color: #ea580c;
}

    .vencimento-perto .vencimento-data[b-sn7psrmscf] {
        color: #ea580c;
    }

    .vencimento-perto .vencimento-status[b-sn7psrmscf] {
        color: #f97316;
    }

/* Status: Vencido (Vermelho) */
.vencimento-vencido[b-sn7psrmscf] {
    background-color: rgba(239, 68, 68, 0.1);
    border-left-color: #ef4444;
    color: #dc2626;
}

    .vencimento-vencido .vencimento-data[b-sn7psrmscf] {
        color: #dc2626;
    }

    .vencimento-vencido .vencimento-status[b-sn7psrmscf] {
        color: #ef4444;
    }

/* Animação de pulso para itens vencidos */
.vencimento-vencido[b-sn7psrmscf] {
    animation: pulse-red-b-sn7psrmscf 2s infinite;
}

@keyframes pulse-red-b-sn7psrmscf {
    0% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4);
    }

    50% {
        box-shadow: 0 0 0 8px rgba(239, 68, 68, 0.1);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
    }
}

/* Hover effect */
.vencimento-container:hover[b-sn7psrmscf] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.status-badge[b-sn7psrmscf] {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-finalizado[b-sn7psrmscf] {
    background-color: #dcfce7;
    color: #166534;
}

.status-pendente[b-sn7psrmscf] {
    background-color: #fef3c7;
    color: #92400e;
}

.status-aberto[b-sn7psrmscf] {
    background-color: #dbeafe;
    color: #1e40af;
}

.legend[b-sn7psrmscf] {
    padding: 20px;
    background-color: #f8fafc;
    border-top: 1px solid #e5e7eb;
}

.legend-title[b-sn7psrmscf] {
    font-weight: 600;
    margin-bottom: 12px;
    color: #374151;
}

.legend-items[b-sn7psrmscf] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.legend-item[b-sn7psrmscf] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.legend-color[b-sn7psrmscf] {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border-left: 4px solid;
}

.legend-longe[b-sn7psrmscf] {
    background-color: rgba(34, 197, 94, 0.1);
    border-left-color: #22c55e;
}

.legend-perto[b-sn7psrmscf] {
    background-color: rgba(251, 146, 60, 0.1);
    border-left-color: #fb923c;
}

.legend-vencido[b-sn7psrmscf] {
    background-color: rgba(239, 68, 68, 0.1);
    border-left-color: #ef4444;
}

.legend-text[b-sn7psrmscf] {
    font-size: 13px;
    color: #6b7280;
}
/* Estilos para os status de vencimento nos filtros */
.status-vencimento-longe[b-sn7psrmscf] {
    color: #28a745;
    font-weight: 500;
}

.status-vencimento-perto[b-sn7psrmscf] {
    color: #ffc107;
    font-weight: 500;
}

.status-vencimento-vencido[b-sn7psrmscf] {
    color: #dc3545;
    font-weight: 500;
}

/* Estilos para os checkboxes personalizados */
.form-check-input:checked + .status-vencimento-longe[b-sn7psrmscf] {
    background-color: rgba(40, 167, 69, 0.1);
    border-radius: 4px;
    padding: 2px 6px;
}

.form-check-input:checked + .status-vencimento-perto[b-sn7psrmscf] {
    background-color: rgba(255, 193, 7, 0.1);
    border-radius: 4px;
    padding: 2px 6px;
}

.form-check-input:checked + .status-vencimento-vencido[b-sn7psrmscf] {
    background-color: rgba(220, 53, 69, 0.1);
    border-radius: 4px;
    padding: 2px 6px;
}

/* Estilos existentes para a tabela */
.vencimento-container[b-sn7psrmscf] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.vencimento-data[b-sn7psrmscf] {
    font-weight: 500;
    font-size: 0.9rem;
}

.vencimento-status[b-sn7psrmscf] {
    font-size: 0.75rem;
    opacity: 0.8;
}

.vencimento-longe[b-sn7psrmscf] {
    color: #28a745;
}

    .vencimento-longe .vencimento-data[b-sn7psrmscf] {
        color: #28a745;
    }

.vencimento-perto[b-sn7psrmscf] {
    color: #ffc107;
}

    .vencimento-perto .vencimento-data[b-sn7psrmscf] {
        color: #e09500;
    }

.vencimento-vencido[b-sn7psrmscf] {
    color: #dc3545;
}

    .vencimento-vencido .vencimento-data[b-sn7psrmscf] {
        color: #dc3545;
        font-weight: 600;
    }

/* Estilos da legenda existente */
.legend[b-sn7psrmscf] {
    margin-top: 20px;
    padding: 15px;
    background-color: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #007bff;
}

.legend-title[b-sn7psrmscf] {
    font-weight: 600;
    color: #495057;
    margin-bottom: 10px;
    font-size: 0.9rem;
}

.legend-items[b-sn7psrmscf] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.legend-item[b-sn7psrmscf] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.legend-color[b-sn7psrmscf] {
    width: 16px;
    height: 16px;
    border-radius: 3px;
}

.legend-longe[b-sn7psrmscf] {
    background-color: #28a745;
}

.legend-perto[b-sn7psrmscf] {
    background-color: #ffc107;
}

.legend-vencido[b-sn7psrmscf] {
    background-color: #dc3545;
}

.legend-text[b-sn7psrmscf] {
    font-size: 0.85rem;
    color: #6c757d;
}

/* Responsividade */
@media (max-width: 768px) {
    .legend-items[b-sn7psrmscf] {
        flex-direction: column;
        gap: 10px;
    }

    .form-check-inline[b-sn7psrmscf] {
        margin-right: 0.5rem;
    }
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Venda/PedidoEdit.razor.rz.scp.css */
.card[b-rnvo66d7j5] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.card-body[b-rnvo66d7j5] {
    padding: 16px;
    background-color: #f9f9f9;
    border-radius: 8px;
}

.card-title[b-rnvo66d7j5] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}

.card-text[b-rnvo66d7j5] {
    font-size: 1rem;
    color: #666;
    margin-bottom: 12px;
}

h3[b-rnvo66d7j5] {
    font-size: 1.5rem;
    font-weight: bold;
    color: #0056b3;
    margin-bottom: 16px;
}

h6[b-rnvo66d7j5] {
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    margin-top: 12px;
    margin-bottom: 8px;
}

.form-check[b-rnvo66d7j5] {
    margin-left: 16px;
}

.form-check-input[b-rnvo66d7j5] {
    margin-right: 8px;
}

.form-check-label[b-rnvo66d7j5] {
    font-size: 0.9rem;
    color: #555;
}


.benefit-header[b-rnvo66d7j5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.benefit-price[b-rnvo66d7j5] {
    display: flex;
    align-items: center;
    font-size: 18px; /* Aumenta o tamanho da fonte */
    color: #ff5722; /* Cor vibrante para destaque */
    font-weight: bold;
    background-color: #fff3e0; /* Fundo sutil para destacar */
    padding: 4px 8px;
    border-radius: 8px;
}

    .benefit-price i[b-rnvo66d7j5] {
        margin-right: 6px; /* Espaço entre o ícone e o preço */
        font-size: 20px; /* Um pouco maior para dar destaque ao ícone também */
    }


/* Beneficiary items styling */
.beneficiaries-group[b-rnvo66d7j5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.beneficiary-item[b-rnvo66d7j5] {
    display: flex;
    align-items: center;
}

.beneficiary-checkbox[b-rnvo66d7j5] {
    display: none;
}

.beneficiary-label[b-rnvo66d7j5] {
    display: flex;
    align-items: center;
    border: 1px solid #007bff;
    border-radius: 8px;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 14px;
    color: #007bff;
    font-weight: 500;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.1s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

    .beneficiary-label .check-icon[b-rnvo66d7j5] {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 20px;
        height: 20px;
        margin-right: 8px;
        border: 2px solid #007bff;
        border-radius: 50%;
        color: transparent;
        font-size: 14px;
        transition: background-color 0.2s ease, color 0.2s ease;
    }

.beneficiary-checkbox:checked + .beneficiary-label[b-rnvo66d7j5] {
    background-color: #007bff;
    color: #ffffff;
    transform: translateY(2px);
    border-color: #0056b3;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}

    .beneficiary-checkbox:checked + .beneficiary-label .check-icon[b-rnvo66d7j5] {
        background-color: #ffffff;
        color: #007bff;
    }
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Venda/Testes/AssinaturaVendaOuOrcamentoEdit.razor.rz.scp.css */
.rz-steps-buttons[b-86c26wsby5] {
    display: none !important;
    display: flex;
    justify-content: space-between;
    padding: var(--rz-steps-buttons-padding);
}


.dependenteDisabled[b-86c26wsby5] {
    pointer-events: none; /* Impede cliques */
    opacity: 0.5; /* Torna visualmente desativado */
    cursor: not-allowed;
}

input[type="checkbox"]:disabled + label[b-86c26wsby5] {
    opacity: 0.5;
    cursor: not-allowed;
}

.switch input:disabled + .slider[b-86c26wsby5] {
    background: #ccc;
    cursor: not-allowed;
}

.tableFinanceiro td[b-86c26wsby5] {
    padding: 0px 0px 0px 15px !important;
}

.group-header[b-86c26wsby5] {
    font-size: 18px;
    font-weight: bold;
    background-color: #0056b3;
    color: #2e3b4e;
    margin-top: 20px;
    padding-left: 10px;
}

.group-subheader[b-86c26wsby5] {
    font-size: 16px;
    color: #555;
    font-weight: 600;
    margin-top: 10px;
    padding-left: 15px;
}

.accordion-body[b-86c26wsby5] {
    padding: 0px 0px 0px 0px;
}

.card[b-86c26wsby5] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.card-body[b-86c26wsby5] {
    padding: 16px;
    background-color: #f9f9f9;
    border-radius: 8px;
}

.card-title[b-86c26wsby5] {
    font-size: 1.05rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}

.card-text[b-86c26wsby5] {
    font-size: 1rem;
    color: #666;
    margin-bottom: 12px;
}

h3[b-86c26wsby5] {
    font-size: 1.5rem;
    font-weight: bold;
    color: #0056b3;
    margin-bottom: 16px;
}

/*th {
    text-align: center;
}
td{
    text-align:center;
}*/

.table-card[b-86c26wsby5] {
    background: #fff;
}

.table[b-86c26wsby5] {
    font-size: 0.9rem;
    border-collapse: separate;
    border-spacing: 0;
}

    .table th[b-86c26wsby5] {
        padding: 12px 15px;
        vertical-align: middle;
    }

    .table td[b-86c26wsby5] {
        padding: 5px 5px;
        vertical-align: middle;
    }

.table-striped tbody tr:nth-of-type(odd)[b-86c26wsby5] {
    background-color: #f9f9f9;
}

.table-hover tbody tr:hover[b-86c26wsby5] {
    background-color: #e9f7f7;
}

.btn-success[b-86c26wsby5] {
    background-color: #28a745;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
}

    .btn-success:hover[b-86c26wsby5] {
        background-color: #218838;
    }

h6[b-86c26wsby5] {
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    margin-top: 12px;
    margin-bottom: 8px;
}

.form-check[b-86c26wsby5] {
    margin-left: 16px;
}

.form-check-input[b-86c26wsby5] {
    margin-right: 8px;
}

.form-check-label[b-86c26wsby5] {
    font-size: 0.9rem;
    color: #555;
}


.benefit-header[b-86c26wsby5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.benefit-price[b-86c26wsby5] {
    display: flex;
    align-items: center;
    font-size: 14px; /* Aumenta o tamanho da fonte */
    color: #ff5722; /* Cor vibrante para destaque */
    font-weight: bold;
    background-color: #fff3e0; /* Fundo sutil para destacar */
    padding: 4px 8px;
    border-radius: 8px;
    gap: 12px;
}

    .benefit-price i[b-86c26wsby5] {
        margin-right: 6px; /* Espaço entre o ícone e o preço */
        font-size: 20px; /* Um pouco maior para dar destaque ao ícone também */
    }


/* Beneficiary items styling */
.beneficiaries-group[b-86c26wsby5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.beneficiary-item[b-86c26wsby5] {
    display: flex;
    align-items: center;
}

.beneficiary-checkbox[b-86c26wsby5] {
    display: none;
}

.beneficiary-label[b-86c26wsby5] {
    display: flex;
    align-items: center;
    border: 2px solid #1F8080; /*#007bff*/
    border-radius: 8px;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 14px;
    color: #1F8080; /*#007bff*/
    font-weight: 500;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.1s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

    .beneficiary-label .check-icon[b-86c26wsby5] {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 20px;
        height: 20px;
        margin-right: 8px;
        border: 2px solid #1F8080; /*#007bff*/
        border-radius: 50%;
        color: transparent;
        font-size: 14px;
        transition: background-color 0.2s ease, color 0.2s ease;
    }

.beneficiary-checkbox:checked + .beneficiary-label[b-86c26wsby5] {
    background-color: #2EB8B9; /*#007bff*/
    color: #ffffff;
    transform: translateY(2px);
    border-color: #1F8080; /*#0056b3*/
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}

    .beneficiary-checkbox:checked + .beneficiary-label .check-icon[b-86c26wsby5] {
        background-color: #1F8080;
        color: #ffffff; /*#007bff*/
    }


.switch[b-86c26wsby5] {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 20px;
}

    /* Hide default HTML checkbox */
    .switch input[b-86c26wsby5] {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* Slider */
.slider[b-86c26wsby5] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 20px;
}

    /* Slider circle */
    .slider[b-86c26wsby5]:before {
        position: absolute;
        content: "";
        height: 14px;
        width: 14px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        transition: 0.4s;
        border-radius: 50%;
    }

/* When checked */
input:checked + .slider[b-86c26wsby5] {
    background-color: #2EB8B9
}

    input:checked + .slider[b-86c26wsby5]:before {
        transform: translateX(14px);
    }

.switch-container[b-86c26wsby5] {
    display: flex;
    align-items: center; /* Alinha verticalmente */
    gap: 8px; /* Espaço entre o Switch e o texto */
}

.switch[b-86c26wsby5] {
    display: inline-block;
}

.switch-text[b-86c26wsby5] {
    font-size: 14px;
    font-weight: normal;
    color: #333; /* Ajuste conforme necessário */
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Venda/Testes/v1V0/OrcamentoPlanoSaude.razor.rz.scp.css */
/* Estilos adicionais para a página de orçamento */
.wizard[b-9j9ma4ber7] {
    padding: 1rem;
}

.card[b-9j9ma4ber7] {
    border-radius: 0.5rem;
    overflow: hidden;
    transition: all 0.3s ease;
}

    .card:hover[b-9j9ma4ber7] {
        box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    }

.card-header[b-9j9ma4ber7] {
    padding: 1rem;
}

.plan-card[b-9j9ma4ber7] {
    height: 100%;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.badge[b-9j9ma4ber7] {
    font-weight: normal;
    font-size: 0.85rem;
}

/* Animações */
@keyframes fadeIn-b-9j9ma4ber7 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.step-content[b-9j9ma4ber7] {
    animation: fadeIn-b-9j9ma4ber7 0.5s ease-in-out;
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Venda/Testes/v2Cl/OrcamentoPlanoSaude.razor.rz.scp.css */
/* Estilos adicionais para a página de orçamento */
.header[b-2gwq5eud3g] {
    background-color: #fff;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 1.5rem;
}

.content[b-2gwq5eud3g] {
    background-color: #f8f9fa;
    min-height: calc(100vh - 60px);
    padding-top: 1.5rem;
    padding-bottom: 3rem;
}

.card[b-2gwq5eud3g] {
    border-radius: 0.25rem;
    overflow: hidden;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.card-header[b-2gwq5eud3g] {
    padding: 0.75rem 1rem;
    font-weight: 500;
}

.tipo-plano-toggle[b-2gwq5eud3g] {
    display: flex;
    align-items: center;
    padding: 0.5rem 1.5rem;
    border-radius: 2rem;
    background-color: #f8f9fa;
    margin-right: 0.5rem;
    cursor: pointer;
    border: 1px solid #dee2e6;
    transition: all 0.2s;
}

    .tipo-plano-toggle.active[b-2gwq5eud3g] {
        background-color: #6c757d;
        color: white;
    }

.beneficiario-card[b-2gwq5eud3g] {
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 0.75rem;
    height: 100%;
    transition: all 0.2s;
}

    .beneficiario-card.selected[b-2gwq5eud3g] {
        border-color: #20c997;
        background-color: rgba(32, 201, 151, 0.1);
    }

    .beneficiario-card.add-card[b-2gwq5eud3g] {
        border-style: dashed;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #6c757d;
        min-height: 80px;
    }

        .beneficiario-card.add-card:hover[b-2gwq5eud3g] {
            background-color: #f8f9fa;
        }

.form-check-input:checked[b-2gwq5eud3g] {
    background-color: #20c997;
    border-color: #20c997;
}

.beneficio-section[b-2gwq5eud3g] {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

    .beneficio-section:last-child[b-2gwq5eud3g] {
        border-bottom: none;
    }

.input-group-text[b-2gwq5eud3g] {
    background-color: transparent;
}

.form-control[b-2gwq5eud3g],
.form-select[b-2gwq5eud3g] {
    border-radius: 0.25rem;
}

.text-warning[b-2gwq5eud3g] {
    color: #fd7e14 !important;
}

/* Animações */
@keyframes fadeIn-b-2gwq5eud3g {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.step-content[b-2gwq5eud3g] {
    animation: fadeIn-b-2gwq5eud3g 0.5s ease-in-out;
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Venda/Testes/v2V0/OrcamentoPlanoSaude.razor.rz.scp.css */
/* Estilos adicionais para a página de orçamento */
.header[b-upwqq7qs0p] {
    background-color: #fff;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 1.5rem;
}

.content[b-upwqq7qs0p] {
    background-color: #f8f9fa;
    min-height: calc(100vh - 60px);
    padding-top: 1.5rem;
    padding-bottom: 3rem;
}

.card[b-upwqq7qs0p] {
    border-radius: 0.25rem;
    overflow: hidden;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.card-header[b-upwqq7qs0p] {
    padding: 0.75rem 1rem;
    font-weight: 500;
}

.tipo-plano-toggle[b-upwqq7qs0p] {
    display: flex;
    align-items: center;
    padding: 0.5rem 1.5rem;
    border-radius: 2rem;
    background-color: #f8f9fa;
    margin-right: 0.5rem;
    cursor: pointer;
    border: 1px solid #dee2e6;
    transition: all 0.2s;
}

    .tipo-plano-toggle.active[b-upwqq7qs0p] {
        background-color: #6c757d;
        color: white;
    }

.beneficiario-card[b-upwqq7qs0p] {
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 0.75rem;
    height: 100%;
    transition: all 0.2s;
}

    .beneficiario-card.selected[b-upwqq7qs0p] {
        border-color: #20c997;
        background-color: rgba(32, 201, 151, 0.1);
    }

    .beneficiario-card.add-card[b-upwqq7qs0p] {
        border-style: dashed;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #6c757d;
        min-height: 80px;
    }

        .beneficiario-card.add-card:hover[b-upwqq7qs0p] {
            background-color: #f8f9fa;
        }

.form-check-input:checked[b-upwqq7qs0p] {
    background-color: #20c997;
    border-color: #20c997;
}

.beneficio-section[b-upwqq7qs0p] {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

    .beneficio-section:last-child[b-upwqq7qs0p] {
        border-bottom: none;
    }

.input-group-text[b-upwqq7qs0p] {
    background-color: transparent;
}

.form-control[b-upwqq7qs0p],
.form-select[b-upwqq7qs0p] {
    border-radius: 0.25rem;
}

.text-warning[b-upwqq7qs0p] {
    color: #fd7e14 !important;
}

/* Animações */
@keyframes fadeIn-b-upwqq7qs0p {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.step-content[b-upwqq7qs0p] {
    animation: fadeIn-b-upwqq7qs0p 0.5s ease-in-out;
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Venda/Testes/v3Cl/OrcamentoPlanoSaude.razor.rz.scp.css */
/* Estilos adicionais para a página de orçamento */
.header[b-2rwhf29in1] {
    background-color: #fff;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 1.5rem;
}

.content[b-2rwhf29in1] {
    background-color: #f8f9fa;
    min-height: calc(100vh - 60px);
    padding-top: 1.5rem;
    padding-bottom: 3rem;
}

.card[b-2rwhf29in1] {
    border-radius: 0.25rem;
    overflow: hidden;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.card-header[b-2rwhf29in1] {
    padding: 0.75rem 1rem;
    font-weight: 500;
}

.tipo-plano-toggle[b-2rwhf29in1] {
    display: flex;
    align-items: center;
    padding: 0.5rem 1.5rem;
    border-radius: 2rem;
    background-color: #f8f9fa;
    margin-right: 0.5rem;
    cursor: pointer;
    border: 1px solid #dee2e6;
    transition: all 0.2s;
}

    .tipo-plano-toggle.active[b-2rwhf29in1] {
        background-color: #6c757d;
        color: white;
    }

.beneficiario-card[b-2rwhf29in1] {
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 0.75rem;
    height: 100%;
    transition: all 0.2s;
}

    .beneficiario-card.selected[b-2rwhf29in1] {
        border-color: #20c997;
        background-color: rgba(32, 201, 151, 0.1);
    }

    .beneficiario-card.add-card[b-2rwhf29in1] {
        border-style: dashed;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #6c757d;
        min-height: 80px;
    }

        .beneficiario-card.add-card:hover[b-2rwhf29in1] {
            background-color: #f8f9fa;
        }

.form-check-input:checked[b-2rwhf29in1] {
    background-color: #20c997;
    border-color: #20c997;
}

.beneficio-section[b-2rwhf29in1] {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

    .beneficio-section:last-child[b-2rwhf29in1] {
        border-bottom: none;
    }

.input-group-text[b-2rwhf29in1] {
    background-color: transparent;
}

.form-control[b-2rwhf29in1],
.form-select[b-2rwhf29in1] {
    border-radius: 0.25rem;
}

.text-warning[b-2rwhf29in1] {
    color: #fd7e14 !important;
}

/* Animações */
@keyframes fadeIn-b-2rwhf29in1 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.step-content[b-2rwhf29in1] {
    animation: fadeIn-b-2rwhf29in1 0.5s ease-in-out;
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Venda/Testes/v3V0/OrcamentoPlanoSaude.razor.rz.scp.css */
/* Estilos adicionais para a página de orçamento */
.header[b-oef9xl9qrd] {
    background-color: #fff;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 1.5rem;
}

.content[b-oef9xl9qrd] {
    background-color: #f8f9fa;
    min-height: calc(100vh - 60px);
    padding-top: 1.5rem;
    padding-bottom: 3rem;
}

.card[b-oef9xl9qrd] {
    border-radius: 0.25rem;
    overflow: hidden;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.card-header[b-oef9xl9qrd] {
    padding: 0.75rem 1rem;
    font-weight: 500;
}

.tipo-plano-toggle[b-oef9xl9qrd] {
    display: flex;
    align-items: center;
    padding: 0.5rem 1.5rem;
    border-radius: 2rem;
    background-color: #f8f9fa;
    margin-right: 0.5rem;
    cursor: pointer;
    border: 1px solid #dee2e6;
    transition: all 0.2s;
}

    .tipo-plano-toggle.active[b-oef9xl9qrd] {
        background-color: #6c757d;
        color: white;
    }

.beneficiario-card[b-oef9xl9qrd] {
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 0.75rem;
    height: 100%;
    transition: all 0.2s;
}

    .beneficiario-card.selected[b-oef9xl9qrd] {
        border-color: #20c997;
        background-color: rgba(32, 201, 151, 0.1);
    }

    .beneficiario-card.add-card[b-oef9xl9qrd] {
        border-style: dashed;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #6c757d;
        min-height: 80px;
    }

        .beneficiario-card.add-card:hover[b-oef9xl9qrd] {
            background-color: #f8f9fa;
        }

.form-check-input:checked[b-oef9xl9qrd] {
    background-color: #20c997;
    border-color: #20c997;
}

.beneficio-section[b-oef9xl9qrd] {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

    .beneficio-section:last-child[b-oef9xl9qrd] {
        border-bottom: none;
    }

.input-group-text[b-oef9xl9qrd] {
    background-color: transparent;
}

.form-control[b-oef9xl9qrd],
.form-select[b-oef9xl9qrd] {
    border-radius: 0.25rem;
}

.text-warning[b-oef9xl9qrd] {
    color: #fd7e14 !important;
}

/* Animações */
@keyframes fadeIn-b-oef9xl9qrd {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.step-content[b-oef9xl9qrd] {
    animation: fadeIn-b-oef9xl9qrd 0.5s ease-in-out;
}
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Venda/Testes/v4V0/bkp/OrcamentoPlanoSaude.razor.rz.scp.css */
/* Estilos adicionais para a página de orçamento */
/*.header {
    background-color: #fff;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 1.5rem;
}

.content {
    background-color: #f8f9fa;
    min-height: calc(100vh - 60px);
    padding-top: 1.5rem;
    padding-bottom: 3rem;
}

.card {
    border-radius: 0.25rem;
    overflow: hidden;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.card-header {
    padding: 0.75rem 1rem;
    font-weight: 500;
}

.tipo-plano-toggle {
    display: flex;
    align-items: center;
    padding: 0.5rem 1.5rem;
    border-radius: 2rem;
    background-color: #f8f9fa;
    margin-right: 0.5rem;
    cursor: pointer;
    border: 1px solid #dee2e6;
    transition: all 0.2s;
}

    .tipo-plano-toggle.active {
        background-color: #6c757d;
        color: white;
    }

.beneficiario-card {
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 0.75rem;
    height: 100%;
    transition: all 0.2s;
}

    .beneficiario-card.selected {
        border-color: #20c997;
        background-color: rgba(32, 201, 151, 0.1);
    }

    .beneficiario-card.add-card {
        border-style: dashed;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #6c757d;
        min-height: 80px;
    }

        .beneficiario-card.add-card:hover {
            background-color: #f8f9fa;
        }

.form-check-input:checked {
    background-color: #20c997;
    border-color: #20c997;
}

.beneficio-section {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

    .beneficio-section:last-child {
        border-bottom: none;
    }

.input-group-text {
    background-color: transparent;
}

.form-control,
.form-select {
    border-radius: 0.25rem;
}

.text-warning {
    color: #fd7e14 !important;
}*/

/* Animações */
/*@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.step-content {
    animation: fadeIn 0.5s ease-in-out;
}*/
/* _content/OrigemBeneficios.Presentation.Panel/Pages/Venda/Testes/v4V0/OrcamentoPlanoSaude.razor.rz.scp.css */
/* Estilos adicionais para a página de orçamento */
.header[b-f22fjkk0pq] {
    background-color: #fff;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 1.5rem;
}

.content[b-f22fjkk0pq] {
    background-color: #f8f9fa;
    min-height: calc(100vh - 60px);
    padding-top: 1.5rem;
    padding-bottom: 3rem;
}

.card[b-f22fjkk0pq] {
    border-radius: 0.25rem;
    overflow: hidden;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.card-header[b-f22fjkk0pq] {
    padding: 0.75rem 1rem;
    font-weight: 500;
}

.tipo-plano-toggle[b-f22fjkk0pq] {
    display: flex;
    align-items: center;
    padding: 0.5rem 1.5rem;
    border-radius: 2rem;
    background-color: #f8f9fa;
    margin-right: 0.5rem;
    cursor: pointer;
    border: 1px solid #dee2e6;
    transition: all 0.2s;
}

    .tipo-plano-toggle.active[b-f22fjkk0pq] {
        background-color: #6c757d;
        color: white;
    }

.beneficiario-card[b-f22fjkk0pq] {
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 0.75rem;
    height: 100%;
    transition: all 0.2s;
}

    .beneficiario-card.selected[b-f22fjkk0pq] {
        border-color: #20c997;
        background-color: rgba(32, 201, 151, 0.1);
    }

    .beneficiario-card.add-card[b-f22fjkk0pq] {
        border-style: dashed;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #6c757d;
        min-height: 80px;
    }

        .beneficiario-card.add-card:hover[b-f22fjkk0pq] {
            background-color: #f8f9fa;
        }

.form-check-input:checked[b-f22fjkk0pq] {
    background-color: #20c997;
    border-color: #20c997;
}

.beneficio-section[b-f22fjkk0pq] {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

    .beneficio-section:last-child[b-f22fjkk0pq] {
        border-bottom: none;
    }

.input-group-text[b-f22fjkk0pq] {
    background-color: transparent;
}

.form-control[b-f22fjkk0pq],
.form-select[b-f22fjkk0pq] {
    border-radius: 0.25rem;
}

.text-warning[b-f22fjkk0pq] {
    color: #fd7e14 !important;
}

/* Animações */
@keyframes fadeIn-b-f22fjkk0pq {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.step-content[b-f22fjkk0pq] {
    animation: fadeIn-b-f22fjkk0pq 0.5s ease-in-out;
}
/* _content/OrigemBeneficios.Presentation.Panel/Shared/Resumos/ResumoCliente.razor.rz.scp.css */
input[b-43v25jtqc7]{
    color: black;
}
/* _content/OrigemBeneficios.Presentation.Panel/Shared/Searchbar/ClientSearchbar.razor.rz.scp.css */