/* ========================================
   GestãoBLZ - Clube de Assinatura v2 (camada visual)
   Carregado depois do ui-v2.css no assinaturas-ilimitadas.html. Mantém
   abas, blocos, ordem, textos, colunas, cálculos e fluxos; troca degradês,
   brilhos, pulsos, sombras coloridas e maiúsculas por cards brancos,
   cabeçalhos claros e cores chapadas (mesma linguagem de dashboard-v2,
   financeiro-v2, clientes-v2 e estoque-v2).

   - Esta página também carrega os CSS base dos Pacotes (pacotes.css,
     pacotes-table-new.css, modal-pacote*.css, pacotes-premium.css). Nada
     aqui vaza para lá: tudo é prefixado por
     body[data-support-page="assinaturas-ilimitadas"].
   - Modais ficam fora do #modernMainContent e são prefixados pelo ID.
   - Bootstrap usa !important nas utilidades (p-*, bg-light, border,
     rounded-*, text-*) e o HTML/JS têm estilos inline (modal de
     fechamento, estados vazios, botões "Salvar"), por isso algumas regras
     abaixo repetem !important.
   Para voltar ao visual anterior, basta remover o <link> deste arquivo.
   ======================================== */

body[data-support-page="assinaturas-ilimitadas"],
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent {
    background: var(--v2-page-bg);
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .content-area {
    padding: 20px 24px 32px;
    background: transparent;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .content-area > .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

/* Sem animações de entrada, flutuação, brilho ou pulso */
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(.tab-pane, .kpi-card, .analysis-card, .pacotes-table-card, .pacotes-filters, .assinaturas-empty-state, .ranking-item),
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .assinaturas-empty-state .icon-container::after,
body[data-support-page="assinaturas-ilimitadas"] .btn-attention-pulse {
    animation: none !important;
}

/* ========================================
   ABAS (Dashboard, Planos, Assinantes, Fechamento, Configurações, Relatórios)
   Barra branca discreta; aba ativa com tint da cor do salão e ícone
   preenchido (mesmo padrão de Cadastros v2).
   ======================================== */
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .cadastros-tabs {
    margin: 0 0 20px !important;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    backdrop-filter: none;
    overflow: visible;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .cadastros-tabs::before,
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .cadastros-tabs::after {
    display: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .gbz-tabs-mobile {
    margin: 0;
    padding: 6px;
    background: var(--v2-card-bg);
    border: 1px solid var(--v2-card-border);
    border-radius: var(--v2-card-radius);
    box-shadow: var(--v2-card-shadow);
    backdrop-filter: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .gbz-tabs-mobile__track {
    gap: 4px;
    padding: 0;
    flex-wrap: wrap;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .gbz-tab-chip {
    min-width: 0;
    height: 42px;
    gap: 10px;
    padding: 0 14px 0 6px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--v2-text-2);
    box-shadow: none;
    transform: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .gbz-tab-chip:hover {
    background: var(--v2-surface);
    color: var(--v2-text);
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .gbz-tab-chip:active {
    transform: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .gbz-tab-chip:focus-visible {
    outline: 2px solid var(--primary-color, #007bff);
    outline-offset: 1px;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .gbz-tab-chip__icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #eef0f3;
    color: var(--v2-muted);
    font-size: 13px;
    transition: background-color 0.15s ease, color 0.15s ease;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .gbz-tab-chip__label {
    font-size: 13.5px;
    font-weight: 500;
    letter-spacing: 0;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .gbz-tab-chip.is-active,
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .gbz-tab-chip.is-active:hover {
    background: rgba(var(--primary-r, 0), var(--primary-g, 123), var(--primary-b, 255), 0.08);
    border-color: rgba(var(--primary-r, 0), var(--primary-g, 123), var(--primary-b, 255), 0.28);
    color: var(--v2-text);
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .gbz-tab-chip.is-active .gbz-tab-chip__icon {
    background: var(--primary-color, #007bff);
    color: #ffffff;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .gbz-tab-chip.is-active .gbz-tab-chip__label {
    font-weight: 500;
}

/* ========================================
   BASE DOS CARDS
   ======================================== */
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(.kpi-card, .analysis-card, .pacotes-table-card, #assinantes-pane > .pacotes-filters) {
    background: var(--v2-card-bg);
    border: 1px solid var(--v2-card-border);
    border-radius: var(--v2-card-radius);
    box-shadow: var(--v2-card-shadow);
    transform: none;
    transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(.kpi-card, .analysis-card, .pacotes-table-card):hover {
    transform: none;
    box-shadow: var(--v2-card-shadow);
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card,
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .analysis-card {
    overflow: hidden;
}

/* Espaço uniforme entre os blocos */
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .tab-content .row.g-4 {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-planos .pacotes-table-card {
    margin-top: 0;
}

/* Cor de identidade de cada bloco (só no ícone do cabeçalho) */
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(.analysis-card, .pacotes-table-card) { --v2-accent: var(--primary-color, #007bff); }
body[data-support-page="assinaturas-ilimitadas"] #dashboard-pane .col-xl-6:first-child .analysis-card { --v2-accent: #d97706; }
body[data-support-page="assinaturas-ilimitadas"] #dashboard-pane .col-xl-6:last-child .analysis-card { --v2-accent: #6366f1; }
body[data-support-page="assinaturas-ilimitadas"] #planos-pane .pacotes-table-card { --v2-accent: #8b5cf6; }
body[data-support-page="assinaturas-ilimitadas"] #celcoinIlimitadaPendenciasCard { --v2-accent: #ea8a0a; }
body[data-support-page="assinaturas-ilimitadas"] #fechamento-pane .col-lg-4 .analysis-card { --v2-accent: #16a34a; }
body[data-support-page="assinaturas-ilimitadas"] #fechamento-pane .col-lg-8 .pacotes-table-card { --v2-accent: #0ea5e9; }
body[data-support-page="assinaturas-ilimitadas"] #fechamento-pane .row.mt-1 .analysis-card { --v2-accent: #64748b; }
body[data-support-page="assinaturas-ilimitadas"] #config-pane .analysis-card { --v2-accent: #64748b; }
body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .relatorios-period-card { --v2-accent: #6366f1; }
body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-table-card:has(#relatorioGraficoFinanceiro),
body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-table-card:has(#relatorioFinanceiroResumo) { --v2-accent: #16a34a; }
body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-table-card:has(#relatorioGraficoServicos),
body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-table-card:has(#relatorioServicosTableBody) { --v2-accent: #ea8a0a; }
body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-table-card:has(#relatorioGraficoStatus) { --v2-accent: #8b5cf6; }
body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-table-card:has(#relatorioProfissionaisTableBody) { --v2-accent: #0ea5e9; }
body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-table-card:has(#relatorioClientesTableBody),
body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-table-card:has(#relatorioCadastrosTableBody) { --v2-accent: #3b82f6; }
body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-table-card:has(#relatorioInadimplenciaTableBody) { --v2-accent: #dc2626; }
body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-table-card:has(#relatorioCancelamentosTableBody) { --v2-accent: #d97706; }
body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-table-card:has(#relatorioFechamentosTableBody) { --v2-accent: #64748b; }

/* ========================================
   CABEÇALHOS DOS CARDS
   Branco; ícone em caixinha chapada com a cor do bloco.
   ======================================== */
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .table-header,
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .analysis-card .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    min-height: 62px;
    padding: 12px 20px !important;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid var(--v2-card-divider) !important;
    border-radius: 0;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .table-header::before,
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .table-header::after {
    display: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .table-header h5,
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .analysis-card .card-header h5 {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    margin: 0;
    color: var(--v2-text);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .table-header h5 > i,
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .analysis-card .card-header h5 > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    border-radius: 8px;
    background: var(--v2-accent);
    color: #ffffff !important;
    font-size: 13px;
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .table-header .table-subtitle {
    margin: 3px 0 0 40px !important;
    color: var(--v2-muted);
    font-size: 13px;
    line-height: 1.45;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .table-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* ========================================
   BOTÕES DA PÁGINA
   Principal na cor do salão (chapada), secundários brancos com borda,
   fechamento verde, sem brilho/translate.
   ======================================== */
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 7px 14px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: 0;
    white-space: nowrap;
    box-shadow: none;
    transform: none;
    overflow: visible;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .btn::before {
    display: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .btn:hover,
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .btn:active {
    transform: none;
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .btn:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(var(--primary-r, 0), var(--primary-g, 123), var(--primary-b, 255), 0.25);
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .btn-primary {
    border: 1px solid var(--primary-color, #007bff);
    background: var(--primary-color, #007bff);
    color: #ffffff;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .btn-primary:hover,
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .btn-primary:focus,
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .btn-primary:active {
    border-color: var(--primary-dark, var(--primary-color, #0062cc));
    background: var(--primary-dark, var(--primary-color, #0062cc));
    color: #ffffff;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(.btn-outline-primary, .btn-outline-warning, .btn-outline-secondary, .btn-outline-danger) {
    border: 1px solid var(--v2-card-border);
    background: #ffffff;
    color: var(--v2-text-2);
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .btn-outline-primary i { color: var(--primary-color, #007bff); }
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .btn-outline-warning i { color: #d97706; }
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .btn-outline-secondary i { color: var(--v2-muted); }
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .btn-outline-danger i { color: #dc2626; }

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(.btn-outline-primary, .btn-outline-warning, .btn-outline-secondary):hover,
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(.btn-outline-primary, .btn-outline-warning, .btn-outline-secondary):focus {
    border-color: #d5d9e0;
    background: var(--v2-surface);
    color: var(--v2-text);
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .btn-outline-danger:hover,
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .btn-outline-danger:focus {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .btn-success {
    border: 1px solid #16a34a;
    background: #16a34a;
    color: #ffffff;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .btn-success:hover,
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .btn-success:focus {
    border-color: #15803d;
    background: #15803d;
    color: #ffffff;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .btn-sm {
    min-height: 32px;
    padding: 5px 11px;
    font-size: 13px;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .btn:disabled {
    opacity: 0.55;
}

/* ========================================
   INDICADORES (único lugar com a listra de 3px no topo)
   ======================================== */
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .assinaturas-ativas { --v2-accent: #6366f1; }
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .faturamento-ciclo { --v2-accent: #16a34a; }
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .valor-pote { --v2-accent: #f59e0b; }
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .total-fichas { --v2-accent: #0891b2; }
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .valor-ficha-estimado { --v2-accent: #8b5cf6; }
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .inadimplentes { --v2-accent: #dc2626; }
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .previsto-ativas { --v2-accent: #2563eb; }
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .proximo-fechamento { --v2-accent: #0284c7; }

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis > .row {
    --bs-gutter-x: 16px;
    --bs-gutter-y: 16px;
    margin-bottom: 16px !important;
}

body[data-support-page="assinaturas-ilimitadas"] #dashboard-pane .pacotes-kpis > .row:last-child {
    margin-bottom: 20px !important;
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-kpis {
    margin-bottom: 20px !important;
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-kpis > .row {
    margin-bottom: 0 !important;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .kpi-card {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 14px;
    height: 100%;
    min-height: 0;
    padding: 18px 18px 16px;
    overflow: hidden;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .kpi-card:hover {
    border-color: #dde0e6;
    box-shadow: var(--v2-card-shadow-hover);
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .kpi-card::before {
    content: '';
    position: absolute;
    inset: 0 0 auto 0;
    width: auto;
    height: 3px;
    background: var(--v2-accent);
    opacity: 1;
    transition: none;
    z-index: 1;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .kpi-card::after {
    display: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .kpi-card .kpi-icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    margin: 0;
    border-radius: 10px;
    background: var(--v2-accent);
    color: #ffffff;
    font-size: 17px;
    box-shadow: none;
    transform: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .kpi-card:hover .kpi-icon {
    transform: none;
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .kpi-content {
    flex: 1 1 auto;
    min-width: 0;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .kpi-content .kpi-value,
body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-kpis .kpi-content h3 {
    margin: 0 0 2px;
    color: var(--v2-text) !important;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.2;
    overflow-wrap: anywhere;
    word-break: normal;
    background: none;
    -webkit-text-fill-color: currentColor;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .kpi-content .kpi-label {
    margin: 0;
    color: var(--v2-muted);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.35;
    text-transform: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .kpi-helper {
    margin-top: 6px;
    color: var(--v2-muted);
    font-size: 12.5px;
    line-height: 1.4;
}

/* ========================================
   ANÁLISE RÁPIDA (Planos mais vendidos / Profissionais líderes)
   Lista com divisória; posição em caixinha chapada (sem medalha em degradê).
   ======================================== */
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .analysis-card .card-content {
    padding: 4px 20px 8px;
    background: #ffffff;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .analysis-card .card-content.p-4 {
    padding: 20px !important;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .planos-ranking {
    display: block;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .planos-ranking .ranking-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 13px 0;
    border: 0;
    border-bottom: 1px solid var(--v2-card-divider);
    border-radius: 0;
    background: transparent;
    text-align: left;
    box-shadow: none;
    transform: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .planos-ranking .ranking-item:last-child {
    border-bottom: 0;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .planos-ranking .ranking-item:hover {
    background: transparent;
    transform: none;
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .planos-ranking .ranking-position {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 8px;
    background: #eef0f3;
    color: var(--v2-text-2);
    font-size: 13px;
    font-weight: 500;
    box-shadow: none;
    text-shadow: none;
    animation: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .planos-ranking .ranking-position::before,
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .planos-ranking .ranking-position::after {
    display: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .planos-ranking .ranking-position.gold {
    background: rgba(245, 158, 11, 0.15);
    color: #b45309;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .planos-ranking .ranking-position.silver {
    background: #eef0f3;
    color: #4b5563;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .planos-ranking .ranking-position.bronze {
    background: rgba(180, 83, 9, 0.1);
    color: #9a3412;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .planos-ranking .plano-info {
    flex: 1 1 auto;
    min-width: 0;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .planos-ranking .plano-info h6 {
    margin: 0 0 2px;
    color: var(--v2-text);
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.35;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .planos-ranking .plano-info p {
    margin: 0;
    color: var(--v2-muted);
    font-size: 12.5px;
    line-height: 1.4;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .planos-ranking .plano-stats {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .planos-ranking .plano-stats .stat-value {
    color: var(--v2-text);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .planos-ranking .plano-stats .stat-label {
    color: var(--v2-muted);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}

/* Estados vazios dos cards (sem caixa tracejada colorida) */
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .analysis-card .empty-state {
    max-width: none;
    margin: 0;
    padding: 28px 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
    text-align: center;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .analysis-card .empty-state i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 10px;
    border-radius: 12px;
    background: #eef0f3;
    color: var(--v2-muted);
    font-size: 18px;
    opacity: 1;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .analysis-card .empty-state h5 {
    margin: 0 0 4px;
    color: var(--v2-text);
    font-size: 15px;
    font-weight: 500;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .analysis-card .empty-state p {
    color: var(--v2-muted);
    font-size: 13.5px;
}

/* Estados vazios grandes (sem planos / sem assinantes / sem dados) */
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .assinaturas-empty-state {
    margin: 16px !important;
    padding: 40px 20px !important;
    border: 1px dashed #d5d9e0;
    border-radius: 10px;
    background: var(--v2-surface);
    transform: none;
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .assinaturas-empty-state:hover {
    border-color: #d5d9e0;
    background: var(--v2-surface);
    transform: none;
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .assinaturas-empty-state .icon-container {
    width: 52px !important;
    height: 52px !important;
    margin-bottom: 14px !important;
    border-radius: 12px !important;
    background: #eef0f3;
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .assinaturas-empty-state .icon-container::after {
    display: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .assinaturas-empty-state .icon-container i {
    background: none;
    color: var(--v2-muted);
    font-size: 21px !important;
    -webkit-text-fill-color: currentColor;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .assinaturas-empty-state h4 {
    margin-bottom: 6px !important;
    color: var(--v2-text);
    font-size: 16px !important;
    font-weight: 500;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .assinaturas-empty-state p {
    max-width: 440px;
    color: var(--v2-muted) !important;
    font-size: 14px !important;
    line-height: 1.5;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .assinaturas-empty-state .btn {
    padding: 8px 16px;
    font-size: 14px;
}

/* ========================================
   PLANOS ILIMITADOS
   ======================================== */
/* Aviso de reordenação: faixa clara, sem tracejado roxo */
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-planos .planos-reorder-hint {
    gap: 10px;
    margin: 0;
    padding: 10px 20px;
    border: 0;
    border-bottom: 1px solid var(--v2-card-divider);
    border-radius: 0;
    background: var(--v2-surface);
    opacity: 1;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-planos .planos-reorder-hint .hint-icon {
    width: 26px;
    height: 26px;
    border-radius: 7px;
    background: #ffffff;
    border: 1px solid var(--v2-card-border);
    color: var(--v2-muted);
    font-size: 12px;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-planos .planos-reorder-hint .hint-text {
    color: var(--v2-text-2);
    font-size: 13.5px;
    font-weight: 400;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-planos .planos-reorder-hint .hint-saving {
    color: var(--v2-text-2);
    font-size: 13px;
    font-weight: 500;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-planos .planos-reorder-hint .hint-saving i {
    color: var(--primary-color, #007bff);
}

/* Aviso Celcoin (pendências de serviços) */
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .celcoin-sync-alert {
    margin: 12px 20px;
    padding: 10px 14px;
    border: 1px solid rgba(245, 158, 11, 0.3);
    border-radius: 8px;
    background: #fffbeb;
    color: #92400e;
    font-size: 13.5px;
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .celcoin-sync-alert i {
    color: #d97706;
}

/* Arrastar + ordem */
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-planos .drag-cell {
    gap: 8px;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-planos .drag-handle {
    width: 32px;
    height: 32px;
    border: 1px solid var(--v2-card-border);
    border-radius: 8px;
    background: #ffffff;
    color: var(--v2-muted);
    font-size: 13px;
    box-shadow: none;
    transform: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-planos .drag-handle:hover {
    border-color: #d5d9e0;
    background: var(--v2-surface);
    color: var(--v2-text);
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-planos .order-pill {
    min-width: 0;
    padding: 3px 8px;
    border-radius: 6px;
    background: #eef0f3;
    color: var(--v2-text-2);
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: 0;
}

/* Arrastando: linha "fantasma" branca com borda */
body[data-support-page="assinaturas-ilimitadas"] tr.drag-clone {
    background: #ffffff !important;
    border: 1px solid var(--v2-card-border) !important;
    border-radius: 10px;
    box-shadow: 0 10px 28px rgba(16, 24, 40, 0.14) !important;
}

/* Plano: nome escuro com o ponto na cor do plano (cor só no detalhe) */
body[data-support-page="assinaturas-ilimitadas"] .assinatura-plan-pill {
    gap: 7px;
    max-width: 100%;
    padding: 3px 9px 3px 8px;
    border: 1px solid var(--v2-card-border);
    border-radius: 6px;
    background: #ffffff;
    color: var(--v2-text);
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.35;
}

body[data-support-page="assinaturas-ilimitadas"] .assinatura-plan-pill-dot {
    flex: 0 0 9px;
    width: 9px;
    height: 9px;
    border-radius: 3px;
    background: var(--plan-color, #f59e0b);
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] .assinatura-plan-cell {
    gap: 6px;
}

body[data-support-page="assinaturas-ilimitadas"] .assinatura-plan-description {
    color: var(--v2-muted);
    font-size: 13px;
    line-height: 1.45;
}

body[data-support-page="assinaturas-ilimitadas"] .assinatura-plan-services {
    gap: 5px;
    margin-top: 2px;
}

body[data-support-page="assinaturas-ilimitadas"] .assinatura-plan-service-tag {
    padding: 2px 8px;
    border: 1px solid var(--v2-card-border);
    border-radius: 6px;
    background: var(--v2-surface);
    color: var(--v2-text-2);
    font-size: 12px;
    font-weight: 500;
}

body[data-support-page="assinaturas-ilimitadas"] .assinatura-plan-service-tag.is-more,
body[data-support-page="assinaturas-ilimitadas"] .assinatura-plan-service-tag.is-empty {
    background: #ffffff;
    color: var(--v2-muted);
}

/* Forma de pagamento: chip leve (mesmas cores de hoje) */
body[data-support-page="assinaturas-ilimitadas"] .payment-method-pill {
    gap: 5px;
    padding: 2px 8px;
    border: 0;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
}

body[data-support-page="assinaturas-ilimitadas"] .payment-method-pill i {
    font-size: 10.5px;
}

/* ========================================
   STATUS EM CHIP (mesmas cores de hoje, sem maiúsculas)
   ======================================== */
body[data-support-page="assinaturas-ilimitadas"] #planosTableContainer tbody tr td.col-status .status-badge {
    padding: 3px 9px;
    border-radius: 6px;
    font-size: 12.5px;
}

body[data-support-page="assinaturas-ilimitadas"] .status-badge.status-badge {
    display: inline-flex;
    align-items: center;
    gap: 0;
    padding: 3px 9px;
    border: 0;
    border-radius: 6px;
    background: #eef0f3;
    color: var(--v2-text-2);
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.4;
    text-transform: none;
    box-shadow: none;
    white-space: nowrap;
}

body[data-support-page="assinaturas-ilimitadas"] .status-badge.status-badge::before {
    display: none;
}

body[data-support-page="assinaturas-ilimitadas"] .status-badge.status-badge.ativo {
    background: rgba(22, 163, 74, 0.1);
    color: #15803d;
}

body[data-support-page="assinaturas-ilimitadas"] :is(.status-badge.pendente, .status-badge.vencendo).status-badge {
    background: rgba(245, 158, 11, 0.14);
    color: #b45309;
}

body[data-support-page="assinaturas-ilimitadas"] :is(.status-badge.vencido, .status-badge.inadimplente).status-badge {
    background: rgba(220, 38, 38, 0.08);
    color: #b91c1c;
}

body[data-support-page="assinaturas-ilimitadas"] :is(.status-badge.cancelado, .status-badge.inativo).status-badge {
    background: #eef0f3;
    color: #4b5563;
}

/* ========================================
   ASSINANTES: busca, filtros e ações
   ======================================== */
body[data-support-page="assinaturas-ilimitadas"] #assinantes-pane > .pacotes-filters {
    margin-bottom: 20px !important;
    padding: 14px 16px;
}

body[data-support-page="assinaturas-ilimitadas"] #assinantes-pane > .pacotes-filters > .row {
    --bs-gutter-x: 12px;
    --bs-gutter-y: 10px;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-filters .search-box {
    position: relative;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-filters .search-box i {
    position: absolute;
    top: 50%;
    left: 13px;
    transform: translateY(-50%);
    color: #9aa1ad;
    font-size: 14px;
    opacity: 1;
    pointer-events: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-filters .form-control,
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-filters .form-select {
    height: 38px;
    min-height: 38px;
    border: 1px solid var(--v2-card-border);
    border-radius: 8px;
    background-color: #ffffff;
    color: var(--v2-text);
    font-size: 14px;
    font-weight: 400;
    box-shadow: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-filters .search-box .form-control {
    padding: 0 12px 0 38px;
}

/* Selects: o atalho "background" das regras antigas apagava a seta */
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-filters .form-select {
    padding: 0 36px 0 12px;
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 14px 10px;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-filters .form-control::placeholder {
    color: #9aa1ad;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-filters :is(.form-control, .form-select):hover:not(:focus) {
    border-color: #d5d9e0;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-filters :is(.form-control, .form-select):focus {
    border-color: var(--primary-color, #007bff);
    background-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(var(--primary-r, 0), var(--primary-g, 123), var(--primary-b, 255), 0.15);
    outline: none;
}

/* ========================================
   TABELAS (planos, assinantes, fechamento, relatórios, pendências)
   ======================================== */
body[data-support-page="assinaturas-ilimitadas"] .nova-tabela-pacotes {
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] .nova-tabela-pacotes table {
    border-collapse: collapse;
}

body[data-support-page="assinaturas-ilimitadas"] .nova-tabela-pacotes thead {
    background: var(--v2-surface);
}

body[data-support-page="assinaturas-ilimitadas"] :is(#modernMainContent, .modal) .nova-tabela-pacotes thead tr th {
    padding: 10px 14px;
    border-bottom: 1px solid var(--v2-card-divider);
    background: var(--v2-surface);
    color: var(--v2-muted);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.3;
    text-transform: none;
    white-space: nowrap;
}

body[data-support-page="assinaturas-ilimitadas"] :is(#modernMainContent, .modal) .nova-tabela-pacotes thead tr th:first-child,
body[data-support-page="assinaturas-ilimitadas"] :is(#modernMainContent, .modal) .nova-tabela-pacotes tbody tr td:first-child {
    padding-left: 20px;
}

body[data-support-page="assinaturas-ilimitadas"] :is(#modernMainContent, .modal) .nova-tabela-pacotes thead tr th:last-child,
body[data-support-page="assinaturas-ilimitadas"] :is(#modernMainContent, .modal) .nova-tabela-pacotes tbody tr td:last-child {
    padding-right: 20px;
}

body[data-support-page="assinaturas-ilimitadas"] .nova-tabela-pacotes tbody tr,
body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .nova-tabela-pacotes tbody tr {
    border: 0 !important;
    border-bottom: 1px solid var(--v2-card-divider) !important;
    background: #ffffff;
    transition: background-color 0.15s ease;
}

body[data-support-page="assinaturas-ilimitadas"] .nova-tabela-pacotes tbody tr:last-child {
    border-bottom: 0 !important;
}

body[data-support-page="assinaturas-ilimitadas"] .nova-tabela-pacotes tbody tr:nth-child(n),
body[data-support-page="assinaturas-ilimitadas"] :is(#planosTableContainer, #assinantesTableContainer) tbody tr:nth-child(n) {
    background: #ffffff;
}

body[data-support-page="assinaturas-ilimitadas"] .nova-tabela-pacotes tbody tr:hover,
body[data-support-page="assinaturas-ilimitadas"] :is(#planosTableContainer, #assinantesTableContainer) tbody tr:hover,
body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .nova-tabela-pacotes tbody tr:hover {
    background: #fafbfc;
}

body[data-support-page="assinaturas-ilimitadas"] .nova-tabela-pacotes tbody tr td,
body[data-support-page="assinaturas-ilimitadas"] :is(#planosTableContainer, #assinantesTableContainer) tbody tr td,
body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .nova-tabela-pacotes tbody tr td {
    padding: 12px 14px;
    border: 0;
    color: var(--v2-text);
    font-size: 14px !important;
    line-height: 1.4;
    vertical-align: middle;
}

body[data-support-page="assinaturas-ilimitadas"] .nova-tabela-pacotes tbody td strong {
    color: var(--v2-text);
    font-weight: 500;
}

body[data-support-page="assinaturas-ilimitadas"] .nova-tabela-pacotes tbody td small,
body[data-support-page="assinaturas-ilimitadas"] .nova-tabela-pacotes tbody td .text-muted {
    color: var(--v2-muted) !important;
    font-size: 12.5px;
}

/* Valor mensal: escuro, em destaque */
body[data-support-page="assinaturas-ilimitadas"] #planosTableContainer tbody td.col-valor {
    color: var(--v2-text);
    font-size: 15px !important;
    font-weight: 500;
    white-space: nowrap;
}

body[data-support-page="assinaturas-ilimitadas"] #planosTableContainer tbody td.col-plano {
    min-width: 260px;
}

body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody td:nth-child(3),
body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody td:nth-child(4) {
    color: var(--v2-text-2);
    white-space: nowrap;
}

/* Linha "nenhum resultado" */
body[data-support-page="assinaturas-ilimitadas"] .assinaturas-no-results {
    padding: 28px 16px;
    color: var(--v2-muted);
    font-size: 14px;
    text-align: center;
}

body[data-support-page="assinaturas-ilimitadas"] .nova-tabela-pacotes tbody tr:has(> td[colspan]):hover {
    background: #ffffff;
}

/* Ações por linha: quadrados discretos, ícone na cor da ação */
body[data-support-page="assinaturas-ilimitadas"] .acoes-tabela {
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
}

body[data-support-page="assinaturas-ilimitadas"] .btn-acao {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid var(--v2-card-border);
    border-radius: 8px;
    background: #ffffff;
    color: var(--v2-text-2);
    font-size: 13px;
    box-shadow: none;
    transform: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

body[data-support-page="assinaturas-ilimitadas"] .btn-acao:hover,
body[data-support-page="assinaturas-ilimitadas"] .btn-acao:focus {
    border-color: #d5d9e0;
    background: var(--v2-surface);
    color: var(--v2-text);
    box-shadow: none;
    transform: none;
}

body[data-support-page="assinaturas-ilimitadas"] .btn-acao:focus-visible {
    outline: 2px solid var(--primary-color, #007bff);
    outline-offset: 1px;
}

body[data-support-page="assinaturas-ilimitadas"] .btn-acao[data-action="renew-assinatura"] i { color: #16a34a; }
body[data-support-page="assinaturas-ilimitadas"] .btn-acao[data-action="toggle-assinatura"] i { color: #d97706; }

body[data-support-page="assinaturas-ilimitadas"] .btn-acao.danger {
    color: #dc2626;
}

body[data-support-page="assinaturas-ilimitadas"] .btn-acao.danger:hover {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

/* "Completar" plano importado: destaque âmbar fixo (sem pulso) */
body[data-support-page="assinaturas-ilimitadas"] .btn-acao.btn-attention-pulse {
    border-color: rgba(245, 158, 11, 0.55) !important;
    background: #fffbeb !important;
    color: #b45309 !important;
    box-shadow: none;
    transform: none;
}

/* Rodapé: contador + paginação */
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .table-footer,
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .report-table-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px 20px;
    border-top: 1px solid var(--v2-card-divider);
    background: #ffffff;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .table-info {
    color: var(--v2-muted);
    font-size: 13.5px;
    font-weight: 400;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .table-info strong {
    color: var(--v2-text);
    font-weight: 500;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .pagination {
    flex-wrap: wrap;
    gap: 4px;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .pagination .page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    margin: 0;
    padding: 0 8px;
    border: 1px solid var(--v2-card-border);
    border-radius: 8px !important;
    background: #ffffff;
    color: var(--v2-text-2);
    font-size: 13.5px;
    font-weight: 500;
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .pagination .page-link:hover {
    border-color: #d5d9e0;
    background: var(--v2-surface);
    color: var(--v2-text);
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .pagination .page-item.active .page-link {
    border-color: var(--primary-color, #007bff);
    background: var(--primary-color, #007bff);
    color: #ffffff;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .pagination .page-item.disabled .page-link {
    opacity: 1;
    color: #c3c8d0;
}

/* ========================================
   FECHAMENTO DO POTE
   ======================================== */
body[data-support-page="assinaturas-ilimitadas"] #fechamento-pane .fechamento-stats {
    gap: 8px;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .fechamento-stat-item {
    padding: 10px 12px;
    border: 1px solid var(--v2-card-divider);
    border-radius: 8px;
    background: var(--v2-surface);
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .fechamento-stat-item .label {
    margin-bottom: 3px;
    color: var(--v2-muted);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.35;
    text-transform: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .fechamento-stat-item strong {
    color: var(--v2-text) !important;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .fechamento-stat-item.highlight {
    padding: 12px 14px;
    border-color: var(--v2-card-border);
    background: #ffffff;
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .fechamento-stat-item.highlight strong {
    color: var(--v2-text) !important;
    font-size: 20px;
    font-weight: 500;
}

body[data-support-page="assinaturas-ilimitadas"] #realizarFechamentoBtn {
    min-height: 44px;
    margin-top: 16px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 14.5px;
}

/* Histórico de fechamentos */
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .fechamento-history-list {
    gap: 12px;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .fechamento-history-item {
    padding: 14px 16px;
    border: 1px solid var(--v2-card-border);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .fechamento-history-head {
    align-items: center;
    margin-bottom: 12px;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .fechamento-history-title {
    color: var(--v2-text);
    font-size: 15px;
    font-weight: 500;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .fechamento-history-meta {
    margin-top: 2px;
    color: var(--v2-muted);
    font-size: 13px;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .fechamento-history-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .fechamento-history-stat {
    padding: 9px 12px;
    border: 1px solid var(--v2-card-divider);
    border-radius: 8px;
    background: var(--v2-surface);
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .fechamento-history-stat span {
    margin-bottom: 2px;
    color: var(--v2-muted);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .fechamento-history-stat strong {
    color: var(--v2-text) !important;
    font-size: 15px;
    font-weight: 500;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .fechamento-history-actions {
    margin-top: 12px;
}

/* ========================================
   CONFIGURAÇÕES
   ======================================== */
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .form-label-modern {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
    color: var(--v2-text-2);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .form-label-modern i {
    width: 14px;
    color: #9aa1ad;
    font-size: 12px;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(.form-control-modern, .form-select-modern) {
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid var(--v2-card-border);
    border-radius: 8px;
    background-color: #ffffff;
    color: var(--v2-text);
    font-size: 14.5px;
    font-weight: 400;
    box-shadow: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .form-select-modern {
    padding-right: 36px;
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 14px 10px;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(.form-control-modern, .form-select-modern):hover:not(:focus):not(:disabled) {
    border-color: #d5d9e0;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(.form-control-modern, .form-select-modern):focus {
    border-color: var(--primary-color, #007bff);
    background-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(var(--primary-r, 0), var(--primary-g, 123), var(--primary-b, 255), 0.15);
    outline: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .form-control-modern:disabled {
    background-color: var(--v2-surface);
    color: var(--v2-text-2);
}

body[data-support-page="assinaturas-ilimitadas"] #config-pane small.text-muted {
    display: block;
    margin-top: 6px;
    color: var(--v2-muted) !important;
    font-size: 13px;
    line-height: 1.45;
}

body[data-support-page="assinaturas-ilimitadas"] #config-pane .row.g-4 {
    --bs-gutter-y: 18px;
}

body[data-support-page="assinaturas-ilimitadas"] #config-pane .col-12.mt-4 {
    margin-top: 18px !important;
}

/* Formas aceitas no checkout */
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .accepted-payment-inline {
    padding: 16px 0 0;
    border: 0;
    border-top: 1px solid var(--v2-card-divider);
    border-radius: 0;
    background: transparent;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .accepted-payment-inline__header h6 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 3px;
    color: var(--v2-text);
    font-size: 14.5px;
    font-weight: 500;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .accepted-payment-inline__header h6 i {
    color: var(--v2-muted);
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .accepted-payment-inline__header p,
body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .accepted-payment-hint {
    color: var(--v2-muted);
    font-size: 13px;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .accepted-payment-option {
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--v2-card-border);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: none;
    transform: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .accepted-payment-option:hover {
    border-color: #d5d9e0;
    box-shadow: none;
    transform: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .accepted-payment-option.is-selected {
    border-color: rgba(var(--primary-r, 0), var(--primary-g, 123), var(--primary-b, 255), 0.45);
    background: rgba(var(--primary-r, 0), var(--primary-g, 123), var(--primary-b, 255), 0.05);
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .accepted-payment-option__icon {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #eef0f3;
    color: var(--v2-text-2);
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .accepted-payment-option.is-selected .accepted-payment-option__icon {
    background: var(--primary-color, #007bff);
    color: #ffffff;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .accepted-payment-option__badge {
    padding: 2px 8px;
    border: 0;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .accepted-payment-option__check {
    color: #c3c8d0;
}

body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .accepted-payment-option.is-selected .accepted-payment-option__check {
    color: var(--primary-color, #007bff);
}

/* ========================================
   RELATÓRIOS
   ======================================== */
body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .relatorios-period-card {
    margin-bottom: 20px !important;
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .relatorios-period-card .card-content.p-4 {
    padding: 16px 20px !important;
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .relatorios-period-summary {
    padding: 10px 12px;
    border: 1px solid var(--v2-card-divider);
    border-radius: 8px;
    background: var(--v2-surface);
    color: var(--v2-text-2);
    font-size: 13.5px;
    font-weight: 400;
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .relatorios-period-summary:empty {
    display: none;
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .row.g-4.mb-4 {
    margin-bottom: 20px !important;
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-table-card {
    border: 1px solid var(--v2-card-border);
    box-shadow: var(--v2-card-shadow);
}

/* Títulos das seções do relatório: ícone na caixinha, subtítulo abaixo */
body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-table-card .table-header {
    padding: 12px 20px !important;
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-table-card .table-header h5 > i {
    margin-right: 0;
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-table-card .table-header p.table-subtitle {
    margin: 3px 0 0 40px !important;
    color: var(--v2-muted);
    font-size: 13px;
}

/* Busca/filtros dentro dos cards: faixa clara */
body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-table-card .pacotes-filters {
    margin: 0;
    padding: 12px 20px !important;
    border: 0;
    border-bottom: 1px solid var(--v2-card-divider);
    border-radius: 0;
    background: var(--v2-surface);
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-filters .search-box input {
    padding-left: 38px;
    border-radius: 8px;
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-filters .form-select {
    border-radius: 8px;
}

/* Gráficos de barras: cores chapadas */
body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-table-card > .p-4 {
    padding: 16px 20px 20px !important;
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .assinaturas-report-chart {
    gap: 14px;
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .assinaturas-report-chart-row {
    gap: 5px;
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .assinaturas-report-chart-top {
    font-size: 13.5px;
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .assinaturas-report-chart-top strong {
    color: var(--v2-text);
    font-weight: 500;
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .assinaturas-report-chart-top span {
    color: var(--v2-text);
    font-size: 13.5px;
    font-weight: 500;
    white-space: nowrap;
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .assinaturas-report-chart-row small {
    color: var(--v2-muted);
    font-size: 12.5px;
    font-weight: 400;
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .assinaturas-report-chart-track {
    height: 8px;
    border-radius: 4px;
    background: #eef0f3;
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .assinaturas-report-chart-bar {
    border-radius: 4px;
    background: var(--primary-color, #007bff);
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .assinaturas-report-chart-bar.chart-success { background: #16a34a; }
body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .assinaturas-report-chart-bar.chart-danger { background: #dc2626; }
body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .assinaturas-report-chart-bar.chart-warning { background: #f59e0b; }

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .assinaturas-report-chart-empty {
    padding: 20px 12px;
    border: 1px dashed #d5d9e0;
    border-radius: 8px;
    background: var(--v2-surface);
    color: var(--v2-muted);
    font-size: 13.5px;
    font-weight: 400;
}

/* Visão financeira */
body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane #relatorioFinanceiroResumo.fechamento-history-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 0;
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .fechamento-history-stat {
    padding: 10px 12px;
    border: 1px solid var(--v2-card-divider);
    border-radius: 8px;
    background: var(--v2-surface);
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .fechamento-history-stat span {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .fechamento-history-stat strong {
    color: var(--v2-text) !important;
    font-size: 15px;
    line-height: 1.35;
}

body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .table-info {
    color: var(--v2-muted);
    font-size: 13.5px;
    font-weight: 400;
}

body[data-support-page="assinaturas-ilimitadas"] #relatoriosGlobalEmptyState {
    margin: 0 0 20px !important;
}

/* ========================================
   RESPONSIVO (página)
   ======================================== */
@media (max-width: 1399.98px) {
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .kpi-content .kpi-value,
    body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-kpis .kpi-content h3 {
        font-size: 22px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .fechamento-history-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Tablet: abas numa linha só, com rolagem lateral se faltar espaço */
@media (min-width: 769px) and (max-width: 1199.98px) {
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .gbz-tabs-mobile__track {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .gbz-tabs-mobile__track::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 991.98px) {
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .kpi-card {
        min-height: 0;
        padding: 16px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .kpi-card .kpi-icon {
        width: 42px;
        height: 42px;
        margin: 0;
        font-size: 17px;
        border-radius: 10px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #fechamento-pane .fechamento-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body[data-support-page="assinaturas-ilimitadas"] #fechamento-pane .fechamento-stat-item.highlight {
        grid-column: 1 / -1;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .report-table-footer {
        flex-direction: row;
        align-items: center;
    }
}

@media (max-width: 768px) {
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .content-area {
        padding: 12px 16px 24px;
    }

    /* Abas: barra presa sob o cabeçalho, rolagem horizontal */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .cadastros-tabs {
        position: sticky;
        top: 56px;
        z-index: 120;
        margin: -12px -16px 16px !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .gbz-tabs-mobile {
        position: static;
        padding: 6px 12px;
        border: 0;
        border-bottom: 1px solid var(--v2-card-border);
        border-radius: 0;
        background: #ffffff;
        box-shadow: none;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .gbz-tabs-mobile__track {
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 4px;
        padding: 0;
        scroll-padding: 0 12px;
        scrollbar-width: none;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .gbz-tab-chip {
        min-width: 0;
        height: 44px;
        padding: 0 12px 0 7px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .gbz-tab-chip__label {
        font-size: 14px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .tab-content .row.g-4 {
        --bs-gutter-y: 16px;
    }

    /* Indicadores: linha compacta (ícone | valor / rótulo) */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis > .row {
        --bs-gutter-y: 10px;
        margin-bottom: 10px !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #dashboard-pane .pacotes-kpis > .row:last-child,
    body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-kpis {
        margin-bottom: 16px !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .kpi-card {
        align-items: center;
        gap: 12px;
        padding: 12px 14px;
        border-radius: var(--v2-card-radius);
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .kpi-card .kpi-icon {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .kpi-content .kpi-value,
    body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-kpis .kpi-content h3 {
        margin: 0;
        font-size: 20px;
        line-height: 1.2;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .kpi-content .kpi-label {
        font-size: 13px;
        letter-spacing: 0;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-kpis .kpi-helper {
        margin-top: 2px;
        font-size: 12px;
    }

    /* Cabeçalhos dos cards */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .table-header,
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .analysis-card .card-header,
    body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-table-card .table-header {
        min-height: 0;
        padding: 12px 16px !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .table-header h5,
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .analysis-card .card-header h5 {
        font-size: 15.5px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .table-header > div:first-child {
        flex: 1 1 100%;
        min-width: 0;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .table-actions {
        flex: 1 1 100%;
        align-self: stretch;
        width: 100%;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .table-actions .btn {
        flex: 1 1 auto;
        min-height: 44px;
        font-size: 15px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #celcoinIlimitadaPendenciasCard .table-actions .btn {
        min-height: 40px;
        font-size: 14px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .analysis-card .card-content {
        padding: 2px 16px 6px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .analysis-card .card-content.p-4 {
        padding: 16px !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-planos .planos-reorder-hint {
        padding: 10px 16px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .celcoin-sync-alert {
        margin: 12px 16px;
    }

    /* Busca e filtros: 44px e fonte 16px (sem zoom no iPhone) */
    body[data-support-page="assinaturas-ilimitadas"] #assinantes-pane > .pacotes-filters {
        margin-bottom: 16px !important;
        padding: 12px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-filters .form-control,
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-filters .form-select,
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(.form-control-modern, .form-select-modern) {
        height: 44px;
        min-height: 44px;
        font-size: 16px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #assinantes-pane > .pacotes-filters .col-lg-5 {
        flex-wrap: wrap;
    }

    body[data-support-page="assinaturas-ilimitadas"] #assinantes-pane > .pacotes-filters .col-lg-5 .btn {
        flex: 1 1 0;
        min-height: 44px;
        font-size: 15px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-table-card .pacotes-filters {
        padding: 10px 16px !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .fechamento-history-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane #relatorioFinanceiroResumo.fechamento-history-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-table-card > .p-4 {
        padding: 14px 16px 16px !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #relatorios-pane .pacotes-table-card .table-header p.table-subtitle,
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .table-header .table-subtitle {
        margin-left: 0 !important;
    }

    /* Rodapé das listas */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .table-footer,
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .report-table-footer {
        flex-direction: row;
        align-items: center;
        padding: 10px 16px;
        text-align: left;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .pagination .page-link {
        min-width: 40px;
        height: 40px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .fechamento-history-head {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 6px 10px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .fechamento-history-actions .btn {
        min-height: 40px;
    }
}

@media (max-width: 576px) {
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .fechamento-history-item {
        padding: 12px 14px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #fechamento-pane .fechamento-history-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #fechamento-pane .fechamento-history-stat {
        padding: 7px 8px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #fechamento-pane .fechamento-history-stat span {
        font-size: 11.5px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #fechamento-pane .fechamento-history-stat strong {
        font-size: 13.5px;
        white-space: nowrap;
    }

    body[data-support-page="assinaturas-ilimitadas"] #config-pane .btn-modern {
        width: 100%;
        min-height: 44px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .assinaturas-empty-state {
        margin: 12px !important;
        padding: 28px 16px !important;
    }
}

/* ----------------------------------------
   LISTAS EM CARDS COMPACTOS (tablet e celular)
   ---------------------------------------- */
@media (max-width: 991.98px) {
    body[data-support-page="assinaturas-ilimitadas"] :is(#planosTableContainer, #assinantesTableContainer) {
        overflow: visible;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#planosTableContainer, #assinantesTableContainer) :is(table, tbody) {
        display: block;
        width: 100%;
        min-width: 0;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#planosTableContainer, #assinantesTableContainer) thead {
        display: none;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#planosTableContainer, #assinantesTableContainer) tbody tr {
        margin: 0 !important;
        padding: 12px 16px !important;
        border: 0 !important;
        border-bottom: 1px solid var(--v2-card-divider) !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        box-shadow: none !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#planosTableContainer, #assinantesTableContainer) tbody tr:last-child {
        border-bottom: 0 !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#planosTableContainer, #assinantesTableContainer) tbody tr td {
        display: block;
        min-width: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        font-size: 14px !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#planosTableContainer, #assinantesTableContainer) tbody tr td::before {
        content: none;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#planosTableContainer, #assinantesTableContainer) tbody tr:has(> td[colspan]) {
        display: block;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#planosTableContainer, #assinantesTableContainer) tbody td[colspan] {
        text-align: center;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#planosTableContainer, #assinantesTableContainer) .btn-acao {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        font-size: 15px;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#planosTableContainer, #assinantesTableContainer) .acoes-tabela {
        display: flex;
        grid-template-columns: none;
        justify-content: flex-end;
        gap: 6px;
    }

    /* Assinantes ----------------------------------------------------
       Linha 1: nome ................................ status
       Linha 2: ▪ plano · forma de pagamento
       Linha 3: Início dd/mm/aaaa          [ver][editar][cancelar][excluir]
       Linha 4: Último uso dd/mm/aaaa
       (contato fica no "Visualizar") */
    body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody tr:not(:has(> td[colspan])) {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "nome status"
            "plano plano"
            "inicio acoes"
            "uso acoes";
        align-items: center;
        gap: 0 12px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody td:nth-child(1) {
        grid-area: nome;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 1.35;
    }

    body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody td:nth-child(1) strong {
        font-size: 15px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody td:nth-child(1) :is(br, small) {
        display: none;
    }

    body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody td:nth-child(5) {
        grid-area: status;
        justify-self: end;
    }

    body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody td:nth-child(2) {
        grid-area: plano;
        margin: 3px 0 6px;
        min-width: 0;
    }

    body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody td:nth-child(2) .assinatura-plan-cell {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        gap: 8px;
        min-width: 0;
    }

    body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody td:nth-child(2) .assinatura-plan-pill {
        flex: 0 1 auto;
        min-width: 0;
        padding: 0;
        border: 0;
        background: transparent;
        font-size: 13.5px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody td:nth-child(2) .payment-method-pill {
        flex: 0 0 auto;
        padding: 0;
        background: transparent !important;
        color: var(--v2-muted) !important;
        font-size: 13px;
        font-weight: 400;
    }

    body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody td:nth-child(2) .payment-method-pill::before {
        content: '·';
        margin-right: 2px;
        color: #c3c8d0;
    }

    body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody td:nth-child(2) .payment-method-pill i {
        display: none;
    }

    body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody td:nth-child(3),
    body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody td:nth-child(4) {
        color: var(--v2-text);
        font-size: 12.5px !important;
        font-weight: 500;
        line-height: 1.5;
        white-space: nowrap;
    }

    body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody td:nth-child(3) { grid-area: inicio; }
    body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody td:nth-child(4) { grid-area: uso; }

    body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody td:nth-child(3)::before,
    body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody td:nth-child(4)::before {
        display: inline;
        margin-right: 4px;
        color: var(--v2-muted);
        font-weight: 400;
    }

    body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody td:nth-child(3)::before { content: 'Início'; }
    body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody td:nth-child(4)::before { content: 'Últ. uso'; }

    body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody td:nth-child(6) {
        grid-area: acoes;
        align-self: center;
    }

    /* Planos --------------------------------------------------------
       Linha 1: [arrastar] #1 ....................... status
       Linha 2: plano (nome, resumo, dias, serviços)
       Linha 3: R$ 99,90 · 2 serviço(s) · 3 ficha(s) por uso · 2 assinante(s)   [editar][excluir] */
    body[data-support-page="assinaturas-ilimitadas"] #planosTableContainer tbody tr:not(:has(> td[colspan])) {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        gap: 0 10px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #planosTableContainer tbody tr:not(:has(> td[colspan]))::before {
        content: '';
        flex: 0 0 100%;
        order: 2;
        height: 0;
    }

    body[data-support-page="assinaturas-ilimitadas"] #planosTableContainer tbody td.col-ordem {
        display: flex !important;
        order: 0;
        flex: 0 0 auto;
    }

    body[data-support-page="assinaturas-ilimitadas"] #planosTableContainer .drag-handle {
        width: 40px;
        height: 40px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #planosTableContainer tbody td.col-status {
        order: 1;
        margin-left: auto;
        justify-content: flex-end;
    }

    body[data-support-page="assinaturas-ilimitadas"] #planosTableContainer tbody td.col-plano {
        order: 3;
        flex: 0 0 100%;
        margin: 10px 0;
    }

    body[data-support-page="assinaturas-ilimitadas"] #planosTableContainer tbody td.col-plano .assinatura-plan-pill {
        padding: 0;
        border: 0;
        background: transparent;
        font-size: 15px;
        font-weight: 500;
    }

    body[data-support-page="assinaturas-ilimitadas"] #planosTableContainer tbody td.col-plano .assinatura-plan-pill-dot {
        flex-basis: 10px;
        width: 10px;
        height: 10px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #planosTableContainer tbody tr:not(:has(> td[colspan]))::after {
        content: '';
        flex: 0 0 100%;
        order: 5;
        height: 0;
    }

    body[data-support-page="assinaturas-ilimitadas"] #planosTableContainer tbody td:is(.col-valor, .col-duracao) {
        order: 4;
        line-height: 1.3;
        font-size: 13.5px !important;
        white-space: nowrap;
    }

    body[data-support-page="assinaturas-ilimitadas"] #planosTableContainer tbody td.col-valor {
        font-size: 15.5px !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #planosTableContainer tbody td.col-duracao {
        color: var(--v2-text-2);
    }

    body[data-support-page="assinaturas-ilimitadas"] #planosTableContainer tbody td.col-duracao::before {
        content: '·';
        margin-right: 10px;
        color: #c3c8d0;
    }

    body[data-support-page="assinaturas-ilimitadas"] #planosTableContainer tbody td.col-duracao::after {
        content: ' assinante(s)';
        color: var(--v2-muted);
    }

    body[data-support-page="assinaturas-ilimitadas"] #planosTableContainer tbody td.col-acoes {
        order: 4;
        margin-left: auto;
    }

    body[data-support-page="assinaturas-ilimitadas"] #planosTableContainer tbody td.col-creditos {
        order: 6;
        flex: 1 1 100%;
        min-width: 0;
        margin-top: 4px;
        color: var(--v2-text-2);
        font-size: 13px !important;
        white-space: normal;
    }

    body[data-support-page="assinaturas-ilimitadas"] #planosTableContainer tbody td.col-creditos br {
        display: none;
    }

    body[data-support-page="assinaturas-ilimitadas"] #planosTableContainer tbody td.col-creditos small {
        font-size: 13px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #planosTableContainer tbody td.col-creditos small::before {
        content: ' · ';
        color: #c3c8d0;
    }
}

/* Celular: 5 ações (venda balcão, com "Renovar") não cabem ao lado das datas */
@media (max-width: 576px) {
    /* 5 ações (venda balcão: com "Renovar"): ações ganham a linha de baixo */
    body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody tr:has(.acoes-tabela > :nth-child(5)) {
        grid-template-areas:
            "nome status"
            "plano plano"
            "inicio uso"
            "acoes acoes";
    }

    body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody tr:has(.acoes-tabela > :nth-child(5)) td:nth-child(4) {
        justify-self: end;
    }

    body[data-support-page="assinaturas-ilimitadas"] #assinantesTableContainer tbody tr:has(.acoes-tabela > :nth-child(5)) td:nth-child(6) {
        margin-top: 8px;
    }
}

/* Tabelas de resumo (fechamento, relatórios, pendências): no celular,
   cada linha vira um card com o primeiro campo em destaque e os demais
   lado a lado com o nome da coluna. */
@media (max-width: 767.98px) {
    body[data-support-page="assinaturas-ilimitadas"] :is(#fechamento-pane, #relatorios-pane, #celcoinIlimitadaPendenciasCard, #detalhesFechamentoModal) .nova-tabela-pacotes {
        overflow: visible;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#fechamento-pane, #relatorios-pane, #celcoinIlimitadaPendenciasCard, #detalhesFechamentoModal) .nova-tabela-pacotes :is(table, tbody) {
        display: block;
        width: 100%;
        min-width: 0;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#fechamento-pane, #relatorios-pane, #celcoinIlimitadaPendenciasCard, #detalhesFechamentoModal) .nova-tabela-pacotes thead {
        display: none;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#fechamento-pane, #relatorios-pane, #celcoinIlimitadaPendenciasCard, #detalhesFechamentoModal) .nova-tabela-pacotes tbody tr {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px 14px;
        margin: 0 !important;
        padding: 11px 16px !important;
        border: 0 !important;
        border-bottom: 1px solid var(--v2-card-divider) !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        box-shadow: none !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#fechamento-pane, #relatorios-pane, #celcoinIlimitadaPendenciasCard, #detalhesFechamentoModal) .nova-tabela-pacotes tbody tr:last-child {
        border-bottom: 0 !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#fechamento-pane, #relatorios-pane, #celcoinIlimitadaPendenciasCard, #detalhesFechamentoModal) .nova-tabela-pacotes tbody tr:not(:has(> td[colspan]))::before {
        content: '';
        flex: 0 0 100%;
        order: 2;
        height: 0;
        margin-top: -4px;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#fechamento-pane, #relatorios-pane, #celcoinIlimitadaPendenciasCard, #detalhesFechamentoModal) .nova-tabela-pacotes tbody tr td {
        display: block;
        order: 3;
        min-width: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        color: var(--v2-text);
        font-size: 13px !important;
        font-weight: 500;
        line-height: 1.45;
        white-space: nowrap;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#fechamento-pane, #relatorios-pane, #celcoinIlimitadaPendenciasCard, #detalhesFechamentoModal) .nova-tabela-pacotes tbody tr td[colspan] {
        flex: 1 1 100%;
        white-space: normal;
        text-align: center;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#fechamento-pane, #relatorios-pane, #celcoinIlimitadaPendenciasCard, #detalhesFechamentoModal) .nova-tabela-pacotes tbody tr td:first-child:not([colspan]) {
        order: 0;
        flex: 1 1 0;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14.5px !important;
        font-weight: 500;
        margin-bottom: 2px;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#fechamento-pane, #relatorios-pane, #celcoinIlimitadaPendenciasCard, #detalhesFechamentoModal) .nova-tabela-pacotes tbody tr td:first-child :is(br, small) {
        display: none;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#fechamento-pane, #relatorios-pane, #celcoinIlimitadaPendenciasCard, #detalhesFechamentoModal) .nova-tabela-pacotes tbody tr td:has(> .status-badge) {
        order: 1;
        margin-left: auto;
        margin-bottom: 2px;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#fechamento-pane, #relatorios-pane, #celcoinIlimitadaPendenciasCard, #detalhesFechamentoModal) .nova-tabela-pacotes tbody tr td:not(:first-child)::before {
        margin-right: 5px;
        color: var(--v2-muted);
        font-weight: 400;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#fechamento-pane, #relatorios-pane, #celcoinIlimitadaPendenciasCard, #detalhesFechamentoModal) .nova-tabela-pacotes tbody tr td:has(> .status-badge)::before {
        content: none !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#fechamento-pane, #relatorios-pane) .nova-tabela-pacotes .assinatura-plan-pill {
        padding: 0;
        border: 0;
        background: transparent;
        font-size: 13px;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#fechamento-pane, #relatorios-pane) .nova-tabela-pacotes .payment-method-pill {
        padding: 0;
        background: transparent !important;
        color: var(--v2-text) !important;
        font-size: 13px;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#fechamento-pane, #relatorios-pane) .nova-tabela-pacotes .payment-method-pill i {
        display: none;
    }

    /* Nomes das colunas (mesmos textos do cabeçalho da tabela) */
    body[data-support-page="assinaturas-ilimitadas"] :is(#profissionaisFechamentoTableBody, #relatorioProfissionaisTableBody, #detalhesFechamentoContent tbody) td:nth-child(2)::before { content: 'Atendimentos'; }
    body[data-support-page="assinaturas-ilimitadas"] :is(#profissionaisFechamentoTableBody, #relatorioProfissionaisTableBody, #detalhesFechamentoContent tbody) td:nth-child(3)::before { content: 'Fichas'; }
    body[data-support-page="assinaturas-ilimitadas"] :is(#profissionaisFechamentoTableBody, #detalhesFechamentoContent tbody) td:nth-child(4)::before { content: '% Pote'; }
    body[data-support-page="assinaturas-ilimitadas"] #profissionaisFechamentoTableBody td:nth-child(5)::before { content: 'Valor Estimado'; }
    body[data-support-page="assinaturas-ilimitadas"] #detalhesFechamentoContent tbody td:nth-child(5)::before { content: 'Valor Final'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioProfissionaisTableBody td:nth-child(4)::before { content: '% do Período'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioProfissionaisTableBody td:nth-child(5)::before { content: 'Valor Est.'; }

    body[data-support-page="assinaturas-ilimitadas"] #relatorioServicosTableBody td:nth-child(2)::before { content: 'Execuções'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioServicosTableBody td:nth-child(3)::before { content: 'Fichas'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioServicosTableBody td:nth-child(4)::before { content: 'Participação'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioServicosTableBody td:nth-child(5)::before { content: 'Profissional Líder'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioServicosTableBody td:nth-child(6)::before { content: 'Cliente Líder'; }

    body[data-support-page="assinaturas-ilimitadas"] #relatorioClientesTableBody td:nth-child(2)::before { content: 'Plano'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioClientesTableBody td:nth-child(3)::before { content: 'Visitas'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioClientesTableBody td:nth-child(4)::before { content: 'Serviços'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioClientesTableBody td:nth-child(5)::before { content: 'Fichas'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioClientesTableBody td:nth-child(6)::before { content: 'Valor Pago'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioClientesTableBody td:nth-child(7)::before { content: 'Frequência'; }

    body[data-support-page="assinaturas-ilimitadas"] #relatorioCadastrosTableBody td:nth-child(2)::before { content: none; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioCadastrosTableBody td:nth-child(3)::before { content: 'Início'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioCadastrosTableBody td:nth-child(4)::before { content: 'Renovação'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioCadastrosTableBody td:nth-child(5)::before { content: none; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioCadastrosTableBody td:nth-child(6)::before { content: 'Valor'; }

    body[data-support-page="assinaturas-ilimitadas"] :is(#relatorioInadimplenciaTableBody, #relatorioCancelamentosTableBody) td:nth-child(2)::before { content: 'Plano'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioInadimplenciaTableBody td:nth-child(3)::before { content: 'Valor'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioInadimplenciaTableBody td:nth-child(4)::before { content: 'Vencimento'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioInadimplenciaTableBody td:nth-child(5)::before { content: 'Atraso'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioCancelamentosTableBody td:nth-child(3)::before { content: 'Cancelamento'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioCancelamentosTableBody td:nth-child(4)::before { content: 'Permanência'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioCancelamentosTableBody td:nth-child(5)::before { content: 'Último Uso'; }

    body[data-support-page="assinaturas-ilimitadas"] #relatorioFechamentosTableBody td:nth-child(2)::before { content: 'Faturamento'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioFechamentosTableBody td:nth-child(3)::before { content: 'Pote'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioFechamentosTableBody td:nth-child(4)::before { content: 'Fichas'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioFechamentosTableBody td:nth-child(5)::before { content: 'Valor Ficha'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioFechamentosTableBody td:nth-child(6)::before { content: 'Profissionais'; }
    body[data-support-page="assinaturas-ilimitadas"] #relatorioFechamentosTableBody td:nth-child(7)::before { content: 'Fechado em'; }

    body[data-support-page="assinaturas-ilimitadas"] #celcoinIlimitadaPendenciasTableBody td:nth-child(2)::before { content: 'Assinatura'; }
    body[data-support-page="assinaturas-ilimitadas"] #celcoinIlimitadaPendenciasTableBody td:nth-child(3)::before { content: 'Plano'; }
    body[data-support-page="assinaturas-ilimitadas"] #celcoinIlimitadaPendenciasTableBody td:nth-child(n+5) {
        flex: 1 1 100%;
        white-space: normal;
    }
}

/* ========================================
   MODAIS: casca comum
   Plano: roxo · Assinatura/Detalhes: azul · Confirmar fechamento: vermelho
   Resumo do fechamento: verde · Importação Celcoin: âmbar
   ======================================== */
body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) {
    --m-accent: #3b82f6;
    --m-pad-x: 24px;
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal { --m-accent: #8b5cf6; }
body[data-support-page="assinaturas-ilimitadas"] #confirmarFechamentoModal { --m-accent: #dc2626; }
body[data-support-page="assinaturas-ilimitadas"] #detalhesFechamentoModal { --m-accent: #16a34a; }
body[data-support-page="assinaturas-ilimitadas"] #celcoinImportStatusModal { --m-accent: #d97706; }

body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #detalhesFechamentoModal) .modal-dialog {
    max-width: min(820px, calc(100vw - 2rem));
}

body[data-support-page="assinaturas-ilimitadas"] #confirmarFechamentoModal .modal-dialog {
    max-width: 480px;
}

body[data-support-page="assinaturas-ilimitadas"] #celcoinImportStatusModal .modal-dialog {
    max-width: 540px;
}

body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-content {
    border: 1px solid var(--v2-card-border);
    border-radius: 14px !important;
    background: #ffffff;
    box-shadow: 0 20px 50px rgba(16, 24, 40, 0.18);
    overflow: hidden;
    color: var(--v2-text);
    animation: none;
}

/* Cabeçalho branco */
body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 12px;
    min-height: 64px;
    padding: 14px var(--m-pad-x) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--v2-card-divider) !important;
    border-radius: 0;
    background: #ffffff !important;
}

body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-title {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    margin: 0;
    color: var(--v2-text) !important;
    font-size: 17px;
    font-weight: 500 !important;
    line-height: 1.3;
    letter-spacing: -0.01em;
    text-shadow: none;
}

/* Ícone do título: caixinha chapada na cor do modal */
body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-title > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 8px;
    background: var(--m-accent);
    color: #ffffff !important;
    font-size: 14px;
    box-shadow: none;
}

/* Fechar: quadrado discreto */
body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-header .btn-close {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin: 0 -6px 0 auto;
    padding: 0;
    border-radius: 8px;
    background-size: 11px;
    box-shadow: none;
    opacity: 0.55;
    transform: none;
}

body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-header .btn-close:hover {
    background-color: #f3f4f6;
    opacity: 0.9;
}

/* Corpo */
body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-body {
    padding: 20px var(--m-pad-x) !important;
    background: #ffffff !important;
    color: var(--v2-text);
}

/* Rodapé: faixa clara, botões chapados */
body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end !important;
    gap: 8px;
    padding: 12px var(--m-pad-x) !important;
    border: 0 !important;
    border-top: 1px solid var(--v2-card-divider) !important;
    border-radius: 0;
    background: var(--v2-surface) !important;
}

body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-footer > * {
    margin: 0;
}

body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-footer .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 18px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background-image: none;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 500 !important;
    line-height: 1.25;
    transform: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-footer .btn::before {
    display: none;
}

body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-footer .btn:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(var(--primary-r, 0), var(--primary-g, 123), var(--primary-b, 255), 0.2) !important;
}

/* Principal: cor do salão (o HTML já põe background inline; hover mais escuro) */
body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal) .modal-footer .btn-primary {
    border-color: var(--primary-color, #007bff) !important;
    background: var(--primary-color, #007bff) !important;
    color: #ffffff;
}

body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal) .modal-footer .btn-primary:hover,
body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal) .modal-footer .btn-primary:focus {
    border-color: var(--primary-dark, var(--primary-color, #0062cc)) !important;
    background: var(--primary-dark, var(--primary-color, #0062cc)) !important;
    color: #ffffff;
}

body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal) .modal-footer .btn-primary:disabled {
    opacity: 0.55;
}

/* Confirmar repasses: vermelho */
body[data-support-page="assinaturas-ilimitadas"] #confirmarFechamentoModal .modal-footer .btn-danger {
    border-color: #dc2626 !important;
    background: #dc2626;
    color: #ffffff;
}

body[data-support-page="assinaturas-ilimitadas"] #confirmarFechamentoModal .modal-footer .btn-danger:hover {
    border-color: #b91c1c !important;
    background: #b91c1c;
}

/* Secundários: brancos com borda */
body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-footer :is(.btn-outline-secondary, .btn-outline-primary, .btn-light) {
    border-color: var(--v2-card-border) !important;
    background: #ffffff;
    color: var(--v2-text-2) !important;
}

body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-footer :is(.btn-outline-secondary, .btn-outline-primary, .btn-light):hover {
    border-color: #d5d9e0 !important;
    background: #f3f4f6;
    color: var(--v2-text) !important;
}

body[data-support-page="assinaturas-ilimitadas"] #detalhesAssinaturaModal .modal-footer .btn-outline-primary i {
    color: #16a34a;
}

/* ========================================
   MODAIS: campos e seções
   ======================================== */
body[data-support-page="assinaturas-ilimitadas"] .modal .form-label-modern {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px !important;
    color: var(--v2-text-2) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    letter-spacing: 0;
    line-height: 1.35;
}

body[data-support-page="assinaturas-ilimitadas"] .modal .form-label-modern.d-flex {
    display: flex !important;
}

body[data-support-page="assinaturas-ilimitadas"] .modal .form-label-modern > i {
    color: #9aa1ad;
    font-size: 12px;
}

body[data-support-page="assinaturas-ilimitadas"] .modal :is(.form-control-modern, .form-select-modern, .form-select.form-control-modern) {
    min-height: 40px;
    padding: 8px 12px !important;
    border: 1px solid var(--v2-card-border) !important;
    border-radius: 8px !important;
    background-color: #ffffff;
    color: var(--v2-text);
    font-size: 14.5px;
    font-weight: 400;
    line-height: 1.4;
    box-shadow: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body[data-support-page="assinaturas-ilimitadas"] .modal :is(.form-select-modern, .form-select.form-control-modern) {
    padding-right: 36px !important;
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 14px 10px;
}

body[data-support-page="assinaturas-ilimitadas"] .modal .input-group > .form-control-modern {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

body[data-support-page="assinaturas-ilimitadas"] .modal .input-group-text {
    border: 1px solid var(--v2-card-border);
    border-left: 0;
    border-radius: 0 8px 8px 0;
    background: var(--v2-surface);
    color: var(--v2-text-2);
    font-size: 13.5px;
    font-weight: 500;
}

body[data-support-page="assinaturas-ilimitadas"] .modal :is(.form-control-modern, .form-select-modern)::placeholder {
    color: #9aa1ad;
    opacity: 1;
}

body[data-support-page="assinaturas-ilimitadas"] .modal :is(.form-control-modern, .form-select-modern):hover:not(:focus):not(:disabled) {
    border-color: #d5d9e0 !important;
}

body[data-support-page="assinaturas-ilimitadas"] .modal :is(.form-control-modern, .form-select-modern):focus {
    border-color: var(--primary-color, #007bff) !important;
    background-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(var(--primary-r, 0), var(--primary-g, 123), var(--primary-b, 255), 0.15);
    outline: 0;
}

body[data-support-page="assinaturas-ilimitadas"] .modal .form-control-modern:disabled,
body[data-support-page="assinaturas-ilimitadas"] .modal .form-control-modern[readonly],
body[data-support-page="assinaturas-ilimitadas"] .modal .renewal-locked-select {
    background: var(--v2-surface) !important;
    color: var(--v2-text-2) !important;
}

body[data-support-page="assinaturas-ilimitadas"] .modal :is(.form-text, small.text-muted, .text-muted.small) {
    color: var(--v2-muted) !important;
    font-size: 13px;
    line-height: 1.45;
}

body[data-support-page="assinaturas-ilimitadas"] .modal .form-check-input {
    border-color: #cfd4dc;
    box-shadow: none;
    cursor: pointer;
}

body[data-support-page="assinaturas-ilimitadas"] .modal .form-check-input:checked {
    border-color: var(--primary-color, #007bff);
    background-color: var(--primary-color, #007bff);
}

body[data-support-page="assinaturas-ilimitadas"] .modal .form-check-input:focus {
    border-color: var(--primary-color, #007bff);
    box-shadow: 0 0 0 3px rgba(var(--primary-r, 0), var(--primary-g, 123), var(--primary-b, 255), 0.15);
}

body[data-support-page="assinaturas-ilimitadas"] .modal .form-check-label {
    color: var(--v2-text);
    font-size: 14px;
}

/* Seções numeradas do formulário: sem caixa cinza; título com divisória */
body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal) .modal-section {
    margin-bottom: 24px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal) .modal-section:last-child,
body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .modal-section.mb-0 {
    margin-bottom: 0 !important;
}

body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal) .modal-section-title {
    gap: 8px !important;
    margin-bottom: 14px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid var(--v2-card-divider) !important;
}

body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal) .modal-section-title h6 {
    color: var(--v2-text);
    font-size: 14.5px;
    font-weight: 500 !important;
    letter-spacing: 0;
}

body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal) .modal-section-title > i {
    color: var(--m-accent) !important;
    font-size: 13px;
}

body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal) .modal-section .row {
    --bs-gutter-x: 16px;
    --bs-gutter-y: 14px;
}

/* Ajuda (i) ao lado dos rótulos */
body[data-support-page="assinaturas-ilimitadas"] .modal .assinaturas-help-btn {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    background: #eef0f3;
    color: var(--v2-muted);
    font-size: 11px;
    transform: none;
}

body[data-support-page="assinaturas-ilimitadas"] .modal .assinaturas-help-btn i {
    color: inherit !important;
}

body[data-support-page="assinaturas-ilimitadas"] .modal .assinaturas-help-btn:hover {
    background: #e4e7ec;
    color: var(--v2-text);
    transform: none;
}

/* Guia "Como preencher este plano" e textos de apoio */
body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .assinaturas-form-guide {
    margin-bottom: 20px !important;
    padding: 12px 14px;
    border: 1px solid var(--v2-card-divider);
    border-radius: 10px;
    background: var(--v2-surface);
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .assinaturas-form-guide h6 {
    margin-bottom: 4px;
    color: var(--v2-text);
    font-size: 14px;
    font-weight: 500;
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .assinaturas-form-guide p,
body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .assinaturas-section-copy {
    color: var(--v2-text-2);
    font-size: 13.5px;
    line-height: 1.5;
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .assinaturas-section-copy {
    margin: 0 0 12px;
}

/* Passo a passo (1, 2, 3) */
body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .assinaturas-usage-grid {
    gap: 8px;
    margin-bottom: 18px !important;
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .assinaturas-usage-card {
    padding: 12px 12px 12px 46px;
    border: 1px solid var(--v2-card-border);
    border-radius: 10px;
    background: #ffffff;
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .assinaturas-usage-card strong {
    color: var(--v2-text);
    font-size: 13.5px;
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .assinaturas-usage-card p {
    color: var(--v2-muted);
    font-size: 12.5px;
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .assinaturas-usage-index {
    top: 12px;
    left: 12px;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: #eef0f3;
    color: var(--v2-text-2);
    font-size: 12px;
}

/* Blocos de opção (app do cliente, bloqueio, valores online) */
body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .alert.alert-light {
    padding: 12px 14px;
    border: 1px solid var(--v2-card-border) !important;
    border-radius: 10px;
    background: #ffffff;
    color: var(--v2-text);
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .alert.alert-light > .d-flex > i {
    color: var(--m-accent) !important;
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .alert.alert-light strong {
    color: var(--v2-text);
    font-size: 14px;
    font-weight: 500;
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .alert.alert-light p {
    margin-bottom: 10px !important;
    color: var(--v2-muted) !important;
    font-size: 13px;
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .form-switch .form-check-input {
    width: 2.25em;
    height: 1.25em;
}

/* Cor do plano */
body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .plano-color-input {
    height: 40px;
    min-height: 40px;
    padding: 4px !important;
    border: 1px solid var(--v2-card-border) !important;
    border-radius: 8px !important;
}

body[data-support-page="assinaturas-ilimitadas"] .modal .assinatura-plan-preview-card {
    min-height: 40px;
    padding: 9px 12px;
    border: 1px solid var(--v2-card-border);
    border-radius: 8px;
    background: var(--v2-surface);
}

body[data-support-page="assinaturas-ilimitadas"] .modal .assinatura-plan-preview-card small {
    color: var(--v2-muted);
    font-size: 12.5px;
}

/* Dias permitidos: chips com checkbox */
body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal #planoIlimitadoDiasPermitidosUso {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-height: none;
    padding: 0;
    border: 0;
    background: transparent;
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal #planoIlimitadoDiasPermitidosUso .service-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    margin: 0;
    padding: 6px 12px 6px 10px;
    border: 1px solid var(--v2-card-border);
    border-radius: 8px;
    background: #ffffff;
    color: var(--v2-text);
    font-size: 13.5px;
    font-weight: 400;
    box-shadow: none;
    transform: none;
    cursor: pointer;
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal #planoIlimitadoDiasPermitidosUso .service-checkbox:has(input:checked) {
    border-color: rgba(var(--primary-r, 0), var(--primary-g, 123), var(--primary-b, 255), 0.4);
    background: rgba(var(--primary-r, 0), var(--primary-g, 123), var(--primary-b, 255), 0.06);
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal #planoIlimitadoDiasPermitidosUso .service-checkbox input {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--primary-color, #007bff);
}

/* Serviços liberados */
body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal #planoIlimitadoServicosList {
    max-height: 320px;
    padding: 8px !important;
    border: 1px solid var(--v2-card-border) !important;
    border-radius: 10px !important;
    background: var(--v2-surface) !important;
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .assinatura-service-row {
    margin-bottom: 6px;
    padding: 10px 12px;
    border: 1px solid var(--v2-card-border);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: none;
    transform: none;
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .assinatura-service-row:last-child {
    margin-bottom: 0;
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .assinatura-service-row.is-selected {
    border-color: rgba(var(--primary-r, 0), var(--primary-g, 123), var(--primary-b, 255), 0.4);
    background: #ffffff;
    box-shadow: inset 3px 0 0 var(--primary-color, #007bff);
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .assinatura-service-name {
    color: var(--v2-text);
    font-size: 14.5px;
    font-weight: 500;
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .assinatura-service-help,
body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .assinatura-service-caption {
    color: var(--v2-muted);
    font-size: 12.5px;
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .assinatura-service-status {
    padding: 2px 8px;
    border-radius: 6px;
    background: #eef0f3;
    color: var(--v2-muted);
    font-size: 12px;
    font-weight: 500;
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .assinatura-service-row.is-selected .assinatura-service-status {
    background: rgba(22, 163, 74, 0.1);
    color: #15803d;
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .assinatura-service-settings {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--v2-card-divider);
}

body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .assinatura-service-settings .border.rounded.bg-light {
    padding: 10px 12px !important;
    border-color: var(--v2-card-divider) !important;
    border-radius: 8px !important;
    background: var(--v2-surface) !important;
    color: var(--v2-text-2);
    font-size: 13px;
}

/* Avisos (Celcoin, renovação, cartão, balcão) */
body[data-support-page="assinaturas-ilimitadas"] .modal .celcoin-sync-alert {
    padding: 10px 14px;
    border: 1px solid rgba(245, 158, 11, 0.3);
    border-radius: 8px;
    background: #fffbeb;
    color: #92400e;
    font-size: 13.5px;
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] :is(#novaAssinaturaModal, #celcoinImportStatusModal) .alert {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 14px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 13.5px;
    line-height: 1.5;
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] :is(#novaAssinaturaModal, #celcoinImportStatusModal) .alert > i {
    margin-top: 3px;
}

body[data-support-page="assinaturas-ilimitadas"] :is(#novaAssinaturaModal, #celcoinImportStatusModal) .alert-info {
    border-color: rgba(59, 130, 246, 0.22);
    background: #eff6ff;
    color: #1e40af;
}

body[data-support-page="assinaturas-ilimitadas"] :is(#novaAssinaturaModal, #celcoinImportStatusModal) .alert-warning {
    border-color: rgba(245, 158, 11, 0.3);
    background: #fffbeb;
    color: #92400e;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal #assinaturaRenewalHint {
    display: block;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal #assinaturaRenewalHint.d-none {
    display: none !important;
}

/* Renovação manual: cards brancos, sem degradê */
body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .renewal-flow-panel {
    padding: 14px;
    border: 1px solid var(--v2-card-border);
    border-radius: 12px;
    background: var(--v2-surface);
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .renewal-flow-kicker {
    padding: 2px 8px;
    border-radius: 6px;
    background: rgba(22, 163, 74, 0.1);
    color: #15803d;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .renewal-flow-hero h6 {
    color: var(--v2-text);
    font-size: 15px;
    font-weight: 500;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .renewal-flow-hero p {
    color: var(--v2-text-2);
    font-size: 13.5px;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .renewal-flow-grid {
    gap: 8px;
    margin-bottom: 8px;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .renewal-flow-card {
    min-height: 0;
    padding: 12px;
    border: 1px solid var(--v2-card-border);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .renewal-flow-card.is-highlight {
    border-color: rgba(22, 163, 74, 0.35);
    background: #ffffff;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .renewal-flow-card .label {
    color: var(--v2-muted);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .renewal-flow-card strong {
    color: var(--v2-text);
    font-size: 15px;
    font-weight: 500;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .renewal-flow-card :is(p, small) {
    color: var(--v2-muted);
    font-size: 12.5px;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .renewal-flow-checklist {
    gap: 8px;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .renewal-flow-check {
    padding: 8px 10px;
    border: 1px solid var(--v2-card-divider);
    border-radius: 8px;
    background: #ffffff;
    color: var(--v2-text-2);
    font-size: 13px;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .renewal-flow-check i {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
    border-radius: 6px;
    background: rgba(22, 163, 74, 0.1);
    color: #16a34a;
    font-size: 10px;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .renewal-locked-note {
    margin-top: 6px;
    color: var(--v2-muted);
    font-size: 12.5px;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .renewal-payment-notice,
body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .renewal-payment-notice.is-conversion,
body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .renewal-payment-notice.is-manual {
    padding: 12px 14px;
    border: 1px solid var(--v2-card-border);
    border-radius: 10px;
    background: var(--v2-surface);
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .renewal-payment-notice__eyebrow {
    color: var(--v2-muted);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .renewal-payment-notice strong {
    color: var(--v2-text);
    font-size: 14.5px;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .renewal-payment-notice p {
    color: var(--v2-text-2);
    font-size: 13.5px;
}

/* Busca de cliente / plano */
body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .searchable-select-arrow {
    right: 13px;
    color: #6b7482;
    font-size: 11px;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .searchable-select-dropdown {
    border: 1px solid var(--v2-card-border);
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(16, 24, 40, 0.16);
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .searchable-select-option {
    padding: 10px 12px;
    border-bottom: 1px solid var(--v2-card-divider);
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .searchable-select-option .option-avatar {
    border-radius: 8px;
    background: #eef0f3;
    color: var(--v2-text-2);
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal :is(.searchable-select-empty, .searchable-select-no-results) {
    color: var(--v2-muted);
    font-size: 13.5px;
}

/* Forma de pagamento: Cartão x Balcão */
body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .insertion-mode-selector {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px !important;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .mode-option {
    align-items: flex-start;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--v2-card-border) !important;
    border-radius: 10px;
    background: #ffffff;
    opacity: 1 !important;
    box-shadow: none;
    transform: none;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .mode-option:hover {
    border-color: #d5d9e0 !important;
    background: #ffffff;
    box-shadow: none;
    transform: none;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .mode-option.selected {
    border-color: var(--primary-color, #007bff) !important;
    background: rgba(var(--primary-r, 0), var(--primary-g, 123), var(--primary-b, 255), 0.05);
    box-shadow: inset 0 0 0 1px var(--primary-color, #007bff);
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .mode-icon {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #3b82f6;
    color: #ffffff;
    font-size: 14px;
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .mode-icon.warning {
    background: #d97706;
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .mode-icon i {
    color: #ffffff !important;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .mode-info h6 {
    margin: 0 0 4px;
    color: var(--v2-text);
    font-size: 14.5px;
    font-weight: 500;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .mode-info .badge {
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    white-space: normal;
    text-align: left;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .mode-info .badge.bg-success {
    background: rgba(22, 163, 74, 0.1) !important;
    color: #15803d;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .mode-info .badge.bg-warning {
    background: rgba(245, 158, 11, 0.14) !important;
    color: #b45309 !important;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .mode-info p {
    margin: 6px 0 0;
    color: var(--v2-muted);
    font-size: 12.5px;
    line-height: 1.45;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .mode-check {
    width: 20px;
    height: 20px;
    border: 1.5px solid #cfd4dc;
    border-radius: 50%;
    background: #ffffff;
    color: transparent;
    font-size: 11px;
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .mode-option.selected .mode-check {
    border-color: var(--primary-color, #007bff);
    background: var(--primary-color, #007bff);
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .mode-option.selected .mode-check i {
    color: #ffffff !important;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal #assinaturaCardSection .row {
    --bs-gutter-x: 12px;
    --bs-gutter-y: 12px;
}

/* Venda balcão: formas de pagamento */
body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .manual-payment-builder {
    gap: 12px;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .manual-payment-copy {
    color: var(--v2-muted);
    font-size: 13px;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .manual-payment-header .btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 5px 12px;
    border: 1px solid var(--v2-card-border);
    border-radius: 8px;
    background: #ffffff;
    color: var(--v2-text-2);
    font-size: 13px;
    font-weight: 500;
    box-shadow: none;
    transform: none;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .manual-payment-header .btn:hover {
    border-color: #d5d9e0;
    background: var(--v2-surface);
    color: var(--v2-text);
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .manual-payment-header .btn i {
    color: var(--primary-color, #007bff);
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .manual-payment-methods {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 8px;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .manual-payment-method {
    justify-content: flex-start;
    gap: 8px;
    min-height: 42px;
    padding: 8px 12px;
    border: 1px solid var(--v2-card-border);
    border-radius: 8px;
    background: #ffffff;
    color: var(--v2-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    text-align: left;
    box-shadow: none;
    transform: none;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .manual-payment-method i {
    color: var(--v2-muted);
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .manual-payment-method:hover {
    border-color: #d5d9e0;
    transform: none;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .manual-payment-method.is-selected {
    border-color: var(--primary-color, #007bff);
    background: rgba(var(--primary-r, 0), var(--primary-g, 123), var(--primary-b, 255), 0.06);
    color: var(--v2-text);
    box-shadow: inset 0 0 0 1px var(--primary-color, #007bff);
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .manual-payment-method.is-selected i {
    color: var(--primary-color, #007bff);
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal :is(.manual-payment-empty, .manual-payment-item) {
    border: 1px solid var(--v2-card-border);
    border-radius: 10px;
    background: #ffffff;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .manual-payment-empty {
    padding: 12px 14px;
    border-style: dashed;
    background: var(--v2-surface);
    color: var(--v2-muted);
    font-size: 13.5px;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .manual-payment-item {
    gap: 10px;
    padding: 10px 12px;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .manual-payment-item__icon {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #eef0f3;
    color: var(--v2-text-2);
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .manual-payment-item__hint {
    color: var(--v2-muted);
    font-size: 12.5px;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .manual-payment-item__actions input {
    min-height: 40px;
    border: 1px solid var(--v2-card-border);
    border-radius: 8px;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .manual-payment-remove {
    width: 40px;
    height: 40px;
    border: 1px solid var(--v2-card-border);
    border-radius: 8px;
    background: #ffffff;
    color: #dc2626;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .manual-payment-remove:hover {
    border-color: #fecaca;
    background: #fef2f2;
}

body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .manual-payment-feedback {
    font-size: 13.5px;
}

/* ========================================
   DETALHES DA ASSINATURA / RESUMO DO FECHAMENTO
   Rótulo + valor em lista de dois colunas (sem caixas cinza)
   ======================================== */
body[data-support-page="assinaturas-ilimitadas"] :is(#detalhesAssinaturaContent, #detalhesFechamentoContent) > .row {
    --bs-gutter-x: 12px;
    --bs-gutter-y: 10px;
}

body[data-support-page="assinaturas-ilimitadas"] :is(#detalhesAssinaturaContent, #detalhesFechamentoContent) .modal-section {
    height: 100%;
    margin: 0 !important;
    padding: 10px 12px;
    border: 1px solid var(--v2-card-divider);
    border-radius: 8px;
    background: var(--v2-surface);
}

body[data-support-page="assinaturas-ilimitadas"] :is(#detalhesAssinaturaContent, #detalhesFechamentoContent) .modal-section .text-uppercase {
    margin-bottom: 2px !important;
    color: var(--v2-muted) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0;
    text-transform: none !important;
}

body[data-support-page="assinaturas-ilimitadas"] :is(#detalhesAssinaturaContent, #detalhesFechamentoContent) .modal-section .fw-semibold {
    color: var(--v2-text);
    font-size: 14.5px;
    font-weight: 500 !important;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

body[data-support-page="assinaturas-ilimitadas"] #detalhesFechamentoContent .nova-tabela-pacotes {
    border: 1px solid var(--v2-card-border);
    border-radius: 10px;
    overflow: hidden;
}

body[data-support-page="assinaturas-ilimitadas"] #detalhesFechamentoContent > .row {
    margin-bottom: 16px !important;
}

/* ========================================
   CONFIRMAR FECHAMENTO
   O HTML tem degradê/fundo rosa e ícone de 80px inline: substituídos por
   corpo branco, aviso em caixinha e valores em lista.
   ======================================== */
body[data-support-page="assinaturas-ilimitadas"] #confirmarFechamentoModal .modal-header {
    background: #ffffff !important;
}

body[data-support-page="assinaturas-ilimitadas"] #confirmarFechamentoModal .modal-title.text-danger {
    color: var(--v2-text) !important;
}

body[data-support-page="assinaturas-ilimitadas"] #confirmarFechamentoModal .modal-body {
    padding: 20px var(--m-pad-x) !important;
    background: #ffffff !important;
    text-align: left !important;
}

body[data-support-page="assinaturas-ilimitadas"] #confirmarFechamentoModal .modal-body > .icon-container {
    display: none !important;
}

body[data-support-page="assinaturas-ilimitadas"] #confirmarFechamentoModal .modal-body > h4 {
    margin-bottom: 6px !important;
    color: var(--v2-text) !important;
    font-size: 16px;
    font-weight: 500 !important;
}

body[data-support-page="assinaturas-ilimitadas"] #confirmarFechamentoModal .modal-body > p {
    margin-bottom: 16px !important;
    padding: 0 !important;
    color: var(--v2-text-2) !important;
    font-size: 14px !important;
    line-height: 1.55;
}

body[data-support-page="assinaturas-ilimitadas"] #confirmarFechamentoModal .modal-body > p strong.text-danger {
    color: #b91c1c !important;
}

body[data-support-page="assinaturas-ilimitadas"] #confirmarFechamentoModal .modal-body > .rounded-4 {
    padding: 4px 14px !important;
    border: 1px solid var(--v2-card-border) !important;
    border-radius: 10px !important;
    background: var(--v2-surface) !important;
    box-shadow: none !important;
}

body[data-support-page="assinaturas-ilimitadas"] #confirmarFechamentoModal .modal-body > .rounded-4 > .d-flex {
    margin: 0 !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid var(--v2-card-divider) !important;
}

body[data-support-page="assinaturas-ilimitadas"] #confirmarFechamentoModal .modal-body > .rounded-4 > .d-flex:last-child {
    border-bottom: 0 !important;
}

body[data-support-page="assinaturas-ilimitadas"] #confirmarFechamentoModal .modal-body > .rounded-4 span {
    color: var(--v2-text-2) !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    letter-spacing: 0;
    text-transform: none !important;
}

body[data-support-page="assinaturas-ilimitadas"] #confirmarFechamentoModal .modal-body > .rounded-4 strong {
    color: var(--v2-text) !important;
    font-size: 15px !important;
    font-weight: 500;
}

body[data-support-page="assinaturas-ilimitadas"] #confirmarFechamentoModal .modal-footer {
    justify-content: flex-end !important;
    background: var(--v2-surface) !important;
}

/* ========================================
   IMPORTAÇÃO CELCOIN
   ======================================== */
body[data-support-page="assinaturas-ilimitadas"] #celcoinImportStatusModal #celcoinImportStatusTitle {
    color: var(--v2-text);
    font-size: 15px;
}

body[data-support-page="assinaturas-ilimitadas"] #celcoinImportStatusModal #celcoinImportStatusSubtitle {
    font-size: 13.5px;
}

body[data-support-page="assinaturas-ilimitadas"] #celcoinImportStatusModal .celcoin-import-loading {
    padding: 12px 14px;
    border: 1px solid rgba(245, 158, 11, 0.3);
    border-radius: 10px;
    background: #fffbeb;
}

body[data-support-page="assinaturas-ilimitadas"] #celcoinImportStatusModal .celcoin-import-loading.is-success {
    border-color: rgba(22, 163, 74, 0.3);
    background: #f0fdf4;
}

body[data-support-page="assinaturas-ilimitadas"] #celcoinImportStatusModal .celcoin-import-loading.is-error {
    border-color: rgba(220, 38, 38, 0.25);
    background: #fef2f2;
}

body[data-support-page="assinaturas-ilimitadas"] #celcoinImportStatusModal .celcoin-import-loading__row {
    margin-bottom: 10px;
    font-size: 14px;
}

body[data-support-page="assinaturas-ilimitadas"] #celcoinImportStatusModal .celcoin-import-progress {
    height: 6px;
    border-radius: 3px;
    background: rgba(245, 158, 11, 0.15);
}

body[data-support-page="assinaturas-ilimitadas"] #celcoinImportStatusModal .progress-bar {
    background-color: #f59e0b !important;
}

body[data-support-page="assinaturas-ilimitadas"] #celcoinImportStatusModal .border.rounded.bg-light {
    padding: 12px 14px !important;
    border-color: var(--v2-card-border) !important;
    border-radius: 10px !important;
    background: var(--v2-surface) !important;
}

/* ========================================
   CENTRAL DE AJUDA (só acabamento: ícone e botão chapados)
   ======================================== */
body[data-support-page="assinaturas-ilimitadas"] #dashboardHelpModal .help-modal-icon {
    border-radius: 10px;
    background: var(--primary-color, #007bff);
    box-shadow: none;
}

body[data-support-page="assinaturas-ilimitadas"] #dashboardHelpModal .modal-footer .btn-primary {
    border: 1px solid var(--primary-color, #007bff);
    border-radius: 8px;
    background: var(--primary-color, #007bff);
    box-shadow: none;
    transform: none;
    font-weight: 500;
}

body[data-support-page="assinaturas-ilimitadas"] #dashboardHelpModal .modal-footer .btn-primary:hover {
    border-color: var(--primary-dark, var(--primary-color, #0062cc));
    background: var(--primary-dark, var(--primary-color, #0062cc));
}

/* ========================================
   RESPONSIVO: MODAIS
   ======================================== */
@media (max-width: 991.98px) {
    body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .assinaturas-usage-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-dialog {
        width: auto;
        max-width: calc(100vw - 32px);
        margin: 16px auto !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-content {
        display: flex;
        flex-direction: column;
        max-height: calc(100vh - 32px) !important;
        max-height: calc(100dvh - 32px) !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-body {
        flex: 1 1 auto;
        min-height: 0;
        max-height: none;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    /* Rodapé: "Cancelar" compacto + ação principal larga */
    body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-footer {
        flex-direction: row !important;
        flex-wrap: nowrap;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-footer .btn {
        flex: 1 1 0;
        width: auto !important;
        min-width: 0;
        min-height: 44px;
        white-space: normal;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #confirmarFechamentoModal) .modal-footer .btn[data-bs-dismiss="modal"]:not(:only-child) {
        flex: 0 0 auto;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] .modal :is(.form-control-modern, .form-select-modern, .form-select.form-control-modern, .plano-color-input) {
        min-height: 44px !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .insertion-mode-selector {
        grid-template-columns: 1fr;
    }

    body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .renewal-flow-grid,
    body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .renewal-flow-checklist {
        grid-template-columns: 1fr;
    }

    body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .manual-payment-item__actions {
        flex: 1 1 100%;
    }

    body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .manual-payment-item__actions input {
        flex: 1 1 auto;
        width: auto;
        min-height: 44px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .manual-payment-remove {
        width: 44px;
        height: 44px;
    }
}

/* CELULAR (<= 576px): folha presa na base da tela */
@media (max-width: 576px) {
    body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal, #dashboardHelpModal) {
        --m-pad-x: 16px;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal, #dashboardHelpModal) .modal-dialog {
        display: flex;
        align-items: flex-end;
        width: 100%;
        max-width: none;
        height: 100%;
        min-height: 100%;
        margin: 0 !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal, #dashboardHelpModal).fade .modal-dialog {
        transform: translateY(32px);
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal, #dashboardHelpModal).show .modal-dialog {
        transform: none;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal, #dashboardHelpModal) .modal-content {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-height: calc(100vh - 8px) !important;
        max-height: calc(100dvh - 8px) !important;
        border: 0;
        border-radius: 16px 16px 0 0 !important;
        box-shadow: 0 -8px 30px rgba(16, 24, 40, 0.16);
    }

    body[data-support-page="assinaturas-ilimitadas"] #dashboardHelpModal .modal-body {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    body[data-support-page="assinaturas-ilimitadas"] #dashboardHelpModal .modal-footer {
        flex-shrink: 0;
        padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    }

    body[data-support-page="assinaturas-ilimitadas"] #dashboardHelpModal .modal-footer .btn {
        width: 100%;
        min-height: 44px;
        justify-content: center;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-header {
        min-height: 0;
        padding: 12px var(--m-pad-x) !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-title {
        font-size: 15.5px;
        overflow-wrap: anywhere;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-title > i {
        flex-basis: 30px;
        width: 30px;
        height: 30px;
        font-size: 13px;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-header .btn-close {
        width: 36px;
        height: 36px;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-body {
        padding: 16px var(--m-pad-x) !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal, #detalhesAssinaturaModal, #confirmarFechamentoModal, #detalhesFechamentoModal, #celcoinImportStatusModal) .modal-footer {
        padding: 12px var(--m-pad-x) !important;
        padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    }

    /* Campos com fonte 16px: evita o zoom automático do iPhone ao focar */
    body[data-support-page="assinaturas-ilimitadas"] .modal :is(.form-control, .form-select):not(.plano-color-input) {
        font-size: 16px !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal) .modal-section .row {
        --bs-gutter-x: 12px;
    }

    body[data-support-page="assinaturas-ilimitadas"] :is(#criarEditarPlanoModal, #novaAssinaturaModal) .modal-section {
        margin-bottom: 20px !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #criarEditarPlanoModal .alert.alert-light {
        padding: 12px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #detalhesAssinaturaContent > .row > .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    body[data-support-page="assinaturas-ilimitadas"] #detalhesAssinaturaContent > .row > .col-md-6:nth-child(-n+2),
    body[data-support-page="assinaturas-ilimitadas"] #detalhesAssinaturaContent > .row > .col-md-6:last-child {
        width: 100%;
    }

    body[data-support-page="assinaturas-ilimitadas"] #dashboardHelpModal .modal-header {
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 10px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #dashboardHelpModal .modal-header .btn-close {
        flex-shrink: 0;
        margin: 0 0 0 auto;
    }

    body[data-support-page="assinaturas-ilimitadas"] #detalhesFechamentoContent > .row > :is(.col-md-6, .col-md-4) {
        flex: 0 0 auto;
        width: 50%;
    }

    body[data-support-page="assinaturas-ilimitadas"] #novaAssinaturaModal .manual-payment-methods {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ========================================================================
   LISTAS NO CELULAR v2 (25/09/2026)
   Cada linha vira um card próprio sobre o fundo da página:
     linha 1: nome .......................................... status
     linha 2: informação secundária em cinza (a · b)
     números: até 3 valores lado a lado (rótulo pequeno em cima)
     ações:   uma faixa só, à direita, ícones sem borda
   O card branco que envolvia a tabela fica transparente no celular.
   Só vale até 767.98px; tablet e computador não mudam.
   ======================================================================== */
@media (max-width: 767.98px) {
    /* ---------- Caixa externa: sem card, as linhas é que são cards ---------- */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card:has(:is(#planosTableBody, #assinantesTableBody, #celcoinIlimitadaPendenciasTableBody, #profissionaisFechamentoTableBody, #relatorioProfissionaisTableBody, #relatorioServicosTableBody, #relatorioClientesTableBody, #relatorioCadastrosTableBody, #relatorioInadimplenciaTableBody, #relatorioCancelamentosTableBody, #relatorioFechamentosTableBody)) {
        overflow: visible;
        border: 0 !important;
        border-radius: 0;
        background: transparent !important;
        box-shadow: none !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card:has(:is(#planosTableBody, #assinantesTableBody, #celcoinIlimitadaPendenciasTableBody, #profissionaisFechamentoTableBody, #relatorioProfissionaisTableBody, #relatorioServicosTableBody, #relatorioClientesTableBody, #relatorioCadastrosTableBody, #relatorioInadimplenciaTableBody, #relatorioCancelamentosTableBody, #relatorioFechamentosTableBody)) > .table-header {
        padding: 0 0 12px !important;
        border: 0 !important;
        background: transparent !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card:has(:is(#planosTableBody, #assinantesTableBody, #celcoinIlimitadaPendenciasTableBody, #profissionaisFechamentoTableBody, #relatorioProfissionaisTableBody, #relatorioServicosTableBody, #relatorioClientesTableBody, #relatorioCadastrosTableBody, #relatorioInadimplenciaTableBody, #relatorioCancelamentosTableBody, #relatorioFechamentosTableBody)) > .pacotes-filters {
        padding: 0 0 12px !important;
        border: 0 !important;
        background: transparent !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-planos .planos-reorder-hint {
        margin-bottom: 12px;
        padding: 10px 12px;
        border: 1px solid var(--v2-card-border);
        border-radius: 12px;
        background: #ffffff;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-planos .celcoin-sync-alert {
        margin: 0 0 12px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card .assinaturas-empty-state {
        margin: 0 !important;
        border: 1px solid var(--v2-card-border);
        border-radius: 12px;
        background: #ffffff;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card:has(:is(#planosTableBody, #assinantesTableBody, #celcoinIlimitadaPendenciasTableBody, #profissionaisFechamentoTableBody, #relatorioProfissionaisTableBody, #relatorioServicosTableBody, #relatorioClientesTableBody, #relatorioCadastrosTableBody, #relatorioInadimplenciaTableBody, #relatorioCancelamentosTableBody, #relatorioFechamentosTableBody)) :is(.nova-tabela-pacotes, table, tbody) {
        display: block;
        width: 100%;
        min-width: 0;
        margin: 0;
        overflow: visible;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card:has(:is(#planosTableBody, #assinantesTableBody, #celcoinIlimitadaPendenciasTableBody, #profissionaisFechamentoTableBody, #relatorioProfissionaisTableBody, #relatorioServicosTableBody, #relatorioClientesTableBody, #relatorioCadastrosTableBody, #relatorioInadimplenciaTableBody, #relatorioCancelamentosTableBody, #relatorioFechamentosTableBody)) thead {
        display: none;
    }

    /* ---------- Card de cada linha ---------- */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#planosTableBody, #assinantesTableBody, #celcoinIlimitadaPendenciasTableBody, #profissionaisFechamentoTableBody, #relatorioProfissionaisTableBody, #relatorioServicosTableBody, #relatorioClientesTableBody, #relatorioCadastrosTableBody, #relatorioInadimplenciaTableBody, #relatorioCancelamentosTableBody, #relatorioFechamentosTableBody) > tr {
        display: flex !important;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 0 !important;
        margin: 0 0 10px !important;
        padding: 12px 14px !important;
        border: 1px solid var(--v2-card-border) !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        box-shadow: var(--v2-card-shadow) !important;
        transform: none !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#planosTableBody, #assinantesTableBody, #celcoinIlimitadaPendenciasTableBody, #profissionaisFechamentoTableBody, #relatorioProfissionaisTableBody, #relatorioServicosTableBody, #relatorioClientesTableBody, #relatorioCadastrosTableBody, #relatorioInadimplenciaTableBody, #relatorioCancelamentosTableBody, #relatorioFechamentosTableBody) > tr:last-child {
        margin-bottom: 0 !important;
    }

    /* Quebras invisíveis: depois da linha 1 e depois da linha 2 */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#planosTableBody, #assinantesTableBody, #celcoinIlimitadaPendenciasTableBody, #profissionaisFechamentoTableBody, #relatorioProfissionaisTableBody, #relatorioServicosTableBody, #relatorioClientesTableBody, #relatorioCadastrosTableBody, #relatorioInadimplenciaTableBody, #relatorioCancelamentosTableBody, #relatorioFechamentosTableBody) > tr:not(:has(> td[colspan]))::before,
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#planosTableBody, #assinantesTableBody, #celcoinIlimitadaPendenciasTableBody, #profissionaisFechamentoTableBody, #relatorioProfissionaisTableBody, #relatorioServicosTableBody, #relatorioClientesTableBody, #relatorioCadastrosTableBody, #relatorioInadimplenciaTableBody, #relatorioCancelamentosTableBody, #relatorioFechamentosTableBody) > tr:not(:has(> td[colspan]))::after {
        content: '';
        display: block;
        flex: 0 0 100%;
        order: 2;
        height: 0;
        margin: 0;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#planosTableBody, #assinantesTableBody, #celcoinIlimitadaPendenciasTableBody, #profissionaisFechamentoTableBody, #relatorioProfissionaisTableBody, #relatorioServicosTableBody, #relatorioClientesTableBody, #relatorioCadastrosTableBody, #relatorioInadimplenciaTableBody, #relatorioCancelamentosTableBody, #relatorioFechamentosTableBody) > tr:not(:has(> td[colspan]))::after {
        order: 4;
    }

    /* Célula padrão = um número da faixa de números */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#planosTableBody, #assinantesTableBody, #celcoinIlimitadaPendenciasTableBody, #profissionaisFechamentoTableBody, #relatorioProfissionaisTableBody, #relatorioServicosTableBody, #relatorioClientesTableBody, #relatorioCadastrosTableBody, #relatorioInadimplenciaTableBody, #relatorioCancelamentosTableBody, #relatorioFechamentosTableBody) > tr > td {
        display: block !important;
        order: 5;
        flex: 1 1 0;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 10px 0 0;
        padding: 0 8px 0 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: var(--v2-text);
        font-size: 14px !important;
        font-weight: 500;
        line-height: 1.35;
        text-align: left !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#planosTableBody, #assinantesTableBody, #celcoinIlimitadaPendenciasTableBody, #profissionaisFechamentoTableBody, #relatorioProfissionaisTableBody, #relatorioServicosTableBody, #relatorioClientesTableBody, #relatorioCadastrosTableBody, #relatorioInadimplenciaTableBody, #relatorioCancelamentosTableBody, #relatorioFechamentosTableBody) > tr > td::before {
        content: none;
        display: block;
        margin: 0 0 2px;
        color: var(--v2-muted);
        font-size: 11.5px;
        font-weight: 400;
        line-height: 1.3;
        letter-spacing: 0;
        text-transform: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Linha 1: nome (primeira coluna) */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#assinantesTableBody, #celcoinIlimitadaPendenciasTableBody, #profissionaisFechamentoTableBody, #relatorioProfissionaisTableBody, #relatorioServicosTableBody, #relatorioClientesTableBody, #relatorioCadastrosTableBody, #relatorioInadimplenciaTableBody, #relatorioCancelamentosTableBody, #relatorioFechamentosTableBody) > tr > td:first-child:not([colspan]),
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #planosTableBody > tr > td.col-plano {
        order: 0;
        flex: 1 1 1px; /* >0 para a quebra invisível não dividir a linha com o nome */
        margin: 0;
        font-size: 15px !important;
        font-weight: 500;
        line-height: 1.35;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#assinantesTableBody, #celcoinIlimitadaPendenciasTableBody, #relatorioClientesTableBody, #relatorioCadastrosTableBody, #relatorioInadimplenciaTableBody, #relatorioCancelamentosTableBody) > tr > td:first-child strong {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 15px;
        font-weight: 500;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#assinantesTableBody, #relatorioClientesTableBody, #relatorioCadastrosTableBody, #relatorioInadimplenciaTableBody, #relatorioCancelamentosTableBody) > tr > td:first-child :is(br, small) {
        display: none;
    }

    /* Linha 1, à direita: status (ou valor principal) */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#planosTableBody > tr > td.col-status, #assinantesTableBody > tr > td:nth-child(5), #celcoinIlimitadaPendenciasTableBody > tr > td:nth-child(4), #relatorioCadastrosTableBody > tr > td:nth-child(7), :is(#relatorioInadimplenciaTableBody, #relatorioCancelamentosTableBody) > tr > td:nth-child(6), #relatorioClientesTableBody > tr > td:nth-child(7), :is(#profissionaisFechamentoTableBody, #relatorioProfissionaisTableBody) > tr > td:nth-child(5)) {
        order: 1;
        flex: 0 0 auto;
        max-width: 50% !important;
        margin: 0 0 0 10px;
        padding: 0 !important;
        overflow: visible;
    }

    /* Valor do profissional no lugar do status */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#profissionaisFechamentoTableBody, #relatorioProfissionaisTableBody) > tr > td:nth-child(5) {
        font-size: 15px !important;
    }

    /* Frequência do cliente como etiqueta neutra */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioClientesTableBody > tr > td:nth-child(7) {
        padding: 2px 8px !important;
        border-radius: 999px;
        background: var(--v2-surface) !important;
        color: var(--v2-text-2, #4b5563);
        font-size: 12px !important;
        font-weight: 500;
    }

    /* Linha 2: informação secundária em cinza */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#assinantesTableBody > tr > td:nth-child(2), #celcoinIlimitadaPendenciasTableBody > tr > td:nth-child(3), #relatorioServicosTableBody > tr > td:nth-child(5), #relatorioClientesTableBody > tr > td:is(:nth-child(2), :nth-child(4)), #relatorioCadastrosTableBody > tr > td:is(:nth-child(2), :nth-child(5)), :is(#relatorioInadimplenciaTableBody, #relatorioCancelamentosTableBody) > tr > td:nth-child(2), #relatorioFechamentosTableBody > tr > td:is(:nth-child(4), :nth-child(6), :nth-child(7))) {
        order: 3;
        flex: 0 1 auto;
        margin: 3px 0 0;
        padding: 0 !important;
        color: var(--v2-muted);
        font-size: 13px !important;
        font-weight: 400;
    }

    /* Separador " · " entre itens da linha 2 */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#relatorioClientesTableBody > tr > td:nth-child(4), #relatorioCadastrosTableBody > tr > td:nth-child(5), #relatorioFechamentosTableBody > tr > td:nth-child(6))::before {
        content: '\00a0·\00a0';
        display: inline;
        margin: 0;
        color: #c3c8d0;
        font-size: 13px;
    }

    /* Último item da linha 2 encolhe (reticências) em vez de descer de linha */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#relatorioClientesTableBody > tr > td:nth-child(4), #relatorioCadastrosTableBody > tr > td:nth-child(5), #relatorioFechamentosTableBody > tr > td:nth-child(7)) {
        flex: 1 1 0;
        min-width: 0 !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioFechamentosTableBody > tr > td:nth-child(4)::after { content: ' fichas'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioFechamentosTableBody > tr > td:nth-child(6)::after { content: ' profissionais'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioFechamentosTableBody > tr > td:nth-child(7)::before {
        content: '\00a0·\00a0 fechado em\00a0';
        display: inline;
        margin: 0;
        color: var(--v2-muted);
        font-size: 13px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioServicosTableBody > tr > td:nth-child(5) {
        flex: 1 1 100%;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioServicosTableBody > tr > td:nth-child(5)::before {
        content: 'Profissional líder:\00a0';
        display: inline;
        margin: 0;
        font-size: 13px;
    }

    /* Plano e forma de pagamento como texto simples (bolinha da cor do plano fica) */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#assinantesTableBody, #relatorioCadastrosTableBody) .assinatura-plan-cell {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        gap: 0;
        min-width: 0;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#assinantesTableBody, #relatorioCadastrosTableBody) .assinatura-plan-pill {
        display: inline-flex;
        max-width: 100%;
        min-width: 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--v2-muted);
        font-size: 13px;
        font-weight: 400;
        vertical-align: middle;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#assinantesTableBody, #relatorioCadastrosTableBody) .assinatura-plan-pill-text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#assinantesTableBody, #relatorioCadastrosTableBody) .payment-method-pill {
        display: inline-flex;
        align-items: center;
        flex: 0 0 auto;
        gap: 0;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent !important;
        color: var(--v2-muted) !important;
        font-size: 13px;
        font-weight: 400;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #assinantesTableBody .payment-method-pill::before {
        content: '·';
        margin: 0 6px;
        color: #c3c8d0;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#assinantesTableBody, #relatorioCadastrosTableBody) .payment-method-pill i {
        display: none;
    }

    /* Faixa de números: rótulos curtos em cima do valor */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #planosTableBody > tr > td.col-valor::before { content: 'Mensalidade'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #planosTableBody > tr > td.col-duracao::before { content: 'Assinantes'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #planosTableBody > tr > td.col-creditos::before { content: 'Serviços'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #assinantesTableBody > tr > td:nth-child(3)::before { content: 'Início'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #assinantesTableBody > tr > td:nth-child(4)::before { content: 'Último uso'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#profissionaisFechamentoTableBody, #relatorioProfissionaisTableBody) > tr > td:nth-child(2)::before { content: 'Atendimentos'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#profissionaisFechamentoTableBody, #relatorioProfissionaisTableBody) > tr > td:nth-child(3)::before { content: 'Fichas'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #profissionaisFechamentoTableBody > tr > td:nth-child(4)::before { content: '% do pote'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioProfissionaisTableBody > tr > td:nth-child(4)::before { content: '% do período'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioServicosTableBody > tr > td:nth-child(2)::before { content: 'Execuções'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioServicosTableBody > tr > td:nth-child(3)::before { content: 'Fichas'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioServicosTableBody > tr > td:nth-child(4)::before { content: 'Participação'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioClientesTableBody > tr > td:nth-child(3)::before { content: 'Visitas'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioClientesTableBody > tr > td:nth-child(5)::before { content: 'Fichas'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioClientesTableBody > tr > td:nth-child(6)::before { content: 'Valor pago'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioCadastrosTableBody > tr > td:nth-child(3)::before { content: 'Início'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioCadastrosTableBody > tr > td:nth-child(4)::before { content: 'Renovação'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioCadastrosTableBody > tr > td:nth-child(6)::before { content: 'Valor'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioInadimplenciaTableBody > tr > td:nth-child(3)::before { content: 'Valor'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioInadimplenciaTableBody > tr > td:nth-child(4)::before { content: 'Vencimento'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioInadimplenciaTableBody > tr > td:nth-child(5)::before { content: 'Atraso'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioCancelamentosTableBody > tr > td:nth-child(3)::before { content: 'Cancelado em'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioCancelamentosTableBody > tr > td:nth-child(4)::before { content: 'Permanência'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioCancelamentosTableBody > tr > td:nth-child(5)::before { content: 'Último uso'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioFechamentosTableBody > tr > td:nth-child(2)::before { content: 'Faturamento'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioFechamentosTableBody > tr > td:nth-child(3)::before { content: 'Pote'; }
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioFechamentosTableBody > tr > td:nth-child(5)::before { content: 'Valor da ficha'; }

    /* Colunas de pouco valor no celular */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #relatorioServicosTableBody > tr > td:nth-child(6),
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #celcoinIlimitadaPendenciasTableBody > tr > td:nth-child(2) {
        display: none !important;
    }

    /* ---------- Planos ---------- */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #planosTableBody > tr > td.col-plano {
        white-space: normal;
        overflow: hidden;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #planosTableBody td.col-plano .assinatura-plan-cell {
        display: block;
        min-width: 0;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #planosTableBody td.col-plano .assinatura-plan-pill {
        display: flex;
        max-width: 100%;
        min-width: 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--v2-text);
        font-size: 15px;
        font-weight: 500;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #planosTableBody td.col-plano .assinatura-plan-pill-text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* Descrição livre e dias liberados ficam para a edição do plano */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #planosTableBody td.col-plano .assinatura-plan-description {
        display: none;
    }

    /* Serviços: texto cinza numa linha, separados por " · " */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #planosTableBody td.col-plano .assinatura-plan-services {
        display: block;
        margin: 3px 0 0;
        overflow: hidden;
        color: var(--v2-muted);
        font-size: 13px;
        font-weight: 400;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #planosTableBody td.col-plano .assinatura-plan-service-tag {
        display: inline;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: inherit;
        font-size: inherit;
        font-weight: inherit;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #planosTableBody td.col-plano .assinatura-plan-service-tag + .assinatura-plan-service-tag::before {
        content: '\00a0·\00a0';
        color: #c3c8d0;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #planosTableBody td.col-plano .assinatura-plan-service-tag.is-more::before {
        content: '\00a0';
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #planosTableBody td.col-plano .assinatura-plan-service-tag.is-empty {
        color: #b45309;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #planosTableBody td.col-plano > .mt-2 {
        margin-top: 6px !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #planosTableBody td.col-plano > .mt-2 .status-badge {
        font-size: 11.5px;
    }

    /* Números do plano: 3 colunas iguais */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #planosTableBody > tr > td:is(.col-valor, .col-duracao, .col-creditos) {
        flex: 0 0 33.333%;
        color: var(--v2-text);
        font-size: 14px !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #planosTableBody > tr > td.col-duracao::after {
        content: none;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #planosTableBody > tr > td.col-creditos :is(br, small) {
        display: none;
    }

    /* Faixa de ações: arrastar + ordem à esquerda, editar/excluir à direita */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #planosTableBody > tr > td.col-ordem {
        display: flex !important;
        order: 7;
        flex: 0 0 auto;
        align-items: center;
        gap: 4px;
        margin: 10px 0 0;
        padding: 10px 0 0 !important;
        border-top: 1px solid var(--v2-card-divider) !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #planosTableBody .drag-handle {
        width: 34px;
        height: 34px;
        margin: 0;
        border: 0;
        border-radius: 9px;
        background: transparent;
        color: var(--v2-muted);
        box-shadow: none;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #planosTableBody .order-pill {
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--v2-muted);
        font-size: 12.5px;
        font-weight: 400;
    }

    /* ---------- Faixa de ações (todas as listas com ações) ---------- */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#planosTableBody > tr > td.col-acoes, #assinantesTableBody > tr > td:nth-child(6)) {
        order: 7;
        flex: 1 1 0;
        margin: 10px 0 0;
        padding: 10px 0 0 !important;
        overflow: visible;
        border-top: 1px solid var(--v2-card-divider) !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #assinantesTableBody > tr > td:nth-child(6) {
        flex-basis: 100%;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#planosTableBody, #assinantesTableBody) .acoes-tabela {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-end;
        gap: 2px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#planosTableBody, #assinantesTableBody) .btn-acao {
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        min-height: 34px;
        padding: 0;
        border: 0 !important;
        border-radius: 9px;
        background: transparent !important;
        box-shadow: none !important;
        color: var(--v2-muted);
        font-size: 15px;
        transform: none !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#planosTableBody, #assinantesTableBody) .btn-acao i {
        color: inherit !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#planosTableBody, #assinantesTableBody) .btn-acao.danger {
        color: #dc2626;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#planosTableBody, #assinantesTableBody) .btn-acao:is(:hover, :focus-visible) {
        background: var(--v2-surface) !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #planosTableBody .btn-acao.btn-attention-pulse {
        color: #b45309;
        animation: none;
    }

    /* Assinantes: "Ver detalhes" como ação principal, à esquerda */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #assinantesTableBody .btn-acao[data-action="view-assinatura"] {
        flex: 0 0 auto;
        width: auto;
        margin-right: auto;
        padding: 0 10px 0 8px;
        gap: 6px;
        color: var(--primary-color, #3b82f6);
        font-size: 13.5px;
        font-weight: 500;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #assinantesTableBody .btn-acao[data-action="view-assinatura"]::after {
        content: 'Ver detalhes';
    }

    /* ---------- Pendências de associação (gateway) ---------- */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #celcoinIlimitadaPendenciasTableBody > tr > td:first-child {
        white-space: normal;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #celcoinIlimitadaPendenciasTableBody > tr > td:first-child .small {
        overflow: hidden;
        color: var(--v2-muted) !important;
        font-size: 13px;
        font-weight: 400;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #celcoinIlimitadaPendenciasTableBody > tr > td:nth-child(3) {
        flex: 1 1 100%;
        margin-top: 6px;
        white-space: normal;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #celcoinIlimitadaPendenciasTableBody > tr > td:nth-child(3) > div:first-child {
        color: var(--v2-text);
        font-size: 13.5px;
        font-weight: 500;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #celcoinIlimitadaPendenciasTableBody > tr > td:nth-child(3) .small {
        font-size: 12.5px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #celcoinIlimitadaPendenciasTableBody > tr > td:nth-child(5),
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #celcoinIlimitadaPendenciasTableBody > tr > td:nth-child(6) {
        order: 7;
        margin: 10px 0 0;
        padding: 10px 0 0 !important;
        overflow: visible;
        border-top: 1px solid var(--v2-card-divider) !important;
        white-space: normal;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #celcoinIlimitadaPendenciasTableBody > tr > td:nth-child(5) {
        flex: 1 1 0;
        padding-right: 8px !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #celcoinIlimitadaPendenciasTableBody > tr > td:nth-child(6) {
        flex: 0 0 auto;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #celcoinIlimitadaPendenciasTableBody .form-select {
        height: 40px;
        min-height: 40px;
        font-size: 16px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent #celcoinIlimitadaPendenciasTableBody .btn {
        height: 40px;
        font-size: 14px;
    }

    /* ---------- Linha de "nenhum resultado" ---------- */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#planosTableBody, #assinantesTableBody, #celcoinIlimitadaPendenciasTableBody, #profissionaisFechamentoTableBody, #relatorioProfissionaisTableBody, #relatorioServicosTableBody, #relatorioClientesTableBody, #relatorioCadastrosTableBody, #relatorioInadimplenciaTableBody, #relatorioCancelamentosTableBody, #relatorioFechamentosTableBody) > tr:has(> td[colspan]) {
        display: block !important;
        padding: 18px 14px !important;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#planosTableBody, #assinantesTableBody, #celcoinIlimitadaPendenciasTableBody, #profissionaisFechamentoTableBody, #relatorioProfissionaisTableBody, #relatorioServicosTableBody, #relatorioClientesTableBody, #relatorioCadastrosTableBody, #relatorioInadimplenciaTableBody, #relatorioCancelamentosTableBody, #relatorioFechamentosTableBody) > tr > td[colspan] {
        margin: 0;
        padding: 0 !important;
        color: var(--v2-muted);
        font-size: 14px !important;
        font-weight: 400;
        text-align: center !important;
        white-space: normal;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent :is(#planosTableBody, #assinantesTableBody, #celcoinIlimitadaPendenciasTableBody, #profissionaisFechamentoTableBody, #relatorioProfissionaisTableBody, #relatorioServicosTableBody, #relatorioClientesTableBody, #relatorioCadastrosTableBody, #relatorioInadimplenciaTableBody, #relatorioCancelamentosTableBody, #relatorioFechamentosTableBody) .assinaturas-no-results {
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
    }

    /* ---------- Rodapé: contagem + paginação compacta, centralizados ---------- */
    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card:has(:is(#assinantesTableBody, #relatorioProfissionaisTableBody, #relatorioServicosTableBody, #relatorioClientesTableBody, #relatorioCadastrosTableBody, #relatorioInadimplenciaTableBody, #relatorioCancelamentosTableBody, #relatorioFechamentosTableBody)) :is(.table-footer, .report-table-footer) {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        padding: 12px 0 0 !important;
        border: 0 !important;
        background: transparent !important;
        text-align: center;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card :is(.table-footer, .report-table-footer) .table-info {
        color: var(--v2-muted);
        font-size: 12.5px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card :is(.table-footer, .report-table-footer) .pagination {
        flex-wrap: nowrap;
        justify-content: center;
        gap: 4px;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card :is(.table-footer, .report-table-footer) .pagination:empty {
        display: none;
    }

    body[data-support-page="assinaturas-ilimitadas"] #modernMainContent .pacotes-table-card :is(.table-footer, .report-table-footer) .pagination .page-link {
        min-width: 34px;
        height: 34px;
        padding: 0 6px;
        font-size: 13.5px;
    }
}