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

   - Tudo prefixado com body[data-support-page="pacotes"]: os CSS base
     (pacotes.css, pacotes-premium.css, modal-pacote*.css) são os mesmos
     da tela Clube de Assinatura e continuam intocados.
   - Página: escopo #modernMainContent.
   - Modais: prefixados pelo ID de cada um (ficam fora do main).
     A central de ajuda (#dashboardHelpModal) tem estilo próprio,
     compartilhado entre as telas; aqui só perde o degradê do botão.
   - Overlay de processamento do gateway (.gateway-loading-overlay, criado
     pelo pacotes.js) e popups de confirmação (casca no ui-v2.css).
   - O pacotes.js pinta o plano com style="color: <cor do plano>"; o nome
     fica em texto escuro via -webkit-text-fill-color e a cor do plano
     continua só no ícone da coroa.
   Para voltar ao visual anterior, basta remover o <link> deste arquivo.
   ======================================== */

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

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

/* O container somava mais 12px de cada lado (mesmo ajuste do clientes-v2) */
body[data-support-page="pacotes"] #modernMainContent .content-area > .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

body[data-support-page="pacotes"] #modernMainContent .support-top-actions {
    margin-bottom: 12px;
}

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

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

/* Espaço uniforme entre os blocos */
body[data-support-page="pacotes"] #modernMainContent .gateway-status-row,
body[data-support-page="pacotes"] #modernMainContent .pacotes-filters {
    margin-bottom: 20px !important;
}

body[data-support-page="pacotes"] #modernMainContent .pacotes-table-card + .pacotes-table-card,
body[data-support-page="pacotes"] #modernMainContent .pacotes-planos > .pacotes-table-card + .pacotes-table-card {
    margin-top: 20px !important;
}

body[data-support-page="pacotes"] #modernMainContent .content-area .container-fluid > .row.g-4.mt-3 {
    margin-top: 4px !important;
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
}

body[data-support-page="pacotes"] #modernMainContent .pacotes-planos.mt-4 {
    margin-top: 20px !important;
}

/* Cor de identidade de cada bloco (só no ícone do cabeçalho) */
body[data-support-page="pacotes"] #modernMainContent .pacotes-table-card { --v2-accent: #6366f1; }
body[data-support-page="pacotes"] #modernMainContent #celcoinPendenciasCard { --v2-accent: #f59e0b; }
body[data-support-page="pacotes"] #modernMainContent .analysis-card { --v2-accent: #d97706; }
body[data-support-page="pacotes"] #modernMainContent .alert-card { --v2-accent: #ea580c; }
body[data-support-page="pacotes"] #modernMainContent .pacotes-planos > .pacotes-table-card:first-child { --v2-accent: #ad7f0a; }
body[data-support-page="pacotes"] #modernMainContent #acceptedOnlinePaymentCard { --v2-accent: #16a34a; }

/* Aviso "cobranças automáticas exigem gateway" */
body[data-support-page="pacotes"] #modernMainContent #pagarmeOverlayPacotes {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 20px !important;
    padding: 12px 16px;
    border: 1px solid #fde68a;
    border-radius: 10px;
    background: #fffbeb;
    color: #92400e;
    font-size: 14px;
}

body[data-support-page="pacotes"] #modernMainContent #pagarmeOverlayPacotes.d-none {
    display: none !important;
}

body[data-support-page="pacotes"] #modernMainContent #pagarmeOverlayPacotes i {
    margin: 2px 0 0 !important;
    color: #d97706;
    font-size: 15px;
}

body[data-support-page="pacotes"] #modernMainContent #pagarmeOverlayPacotes .alert-link {
    color: #92400e;
}

/* ========================================
   GATEWAY SELECIONADO
   Uma faixa: logo + nome | chip | situação + "Alterar gateway".
   ======================================== */
body[data-support-page="pacotes"] #modernMainContent .gateway-status-card {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 20px;
    padding: 14px 20px;
}

body[data-support-page="pacotes"] #modernMainContent .gateway-status-card::before,
body[data-support-page="pacotes"] #modernMainContent .gateway-status-card::after {
    display: none;
}

body[data-support-page="pacotes"] #modernMainContent .gateway-status-top {
    flex-direction: row;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

body[data-support-page="pacotes"] #modernMainContent .gateway-status-chip {
    order: 2;
    align-self: center;
    padding: 3px 8px;
    border-radius: 6px;
    background: #f1f3f6;
    color: var(--v2-text-2);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
}

body[data-support-page="pacotes"] #modernMainContent .gateway-status-brand {
    gap: 12px;
    min-width: 0;
}

body[data-support-page="pacotes"] #modernMainContent .gateway-status-logo-wrap {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border: 1px solid var(--v2-card-border);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: none;
}

body[data-support-page="pacotes"] #modernMainContent .gateway-status-logo {
    max-width: 34px;
    max-height: 28px;
}

body[data-support-page="pacotes"] #modernMainContent .gateway-status-card[data-gateway="asaas"] .gateway-status-logo {
    max-width: 36px;
    max-height: 20px;
}

body[data-support-page="pacotes"] #modernMainContent .gateway-status-text h4 {
    margin: 0;
    color: var(--v2-text);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

body[data-support-page="pacotes"] #modernMainContent .gateway-status-text p {
    margin: 1px 0 0;
    color: var(--v2-muted);
    font-size: 13px;
}

body[data-support-page="pacotes"] #modernMainContent .gateway-status-bottom {
    gap: 10px 14px;
    padding: 0;
    border-top: 0;
}

body[data-support-page="pacotes"] #modernMainContent .gateway-status-state {
    gap: 8px 10px;
}

/* Situação: chip na cor do gateway (sem sombra) */
body[data-support-page="pacotes"] #modernMainContent .gateway-status-pill,
body[data-support-page="pacotes"] #modernMainContent .gateway-status-card[data-gateway] .gateway-status-pill {
    padding: 3px 8px;
    border-radius: 6px;
    background: var(--gateway-soft, rgba(1, 175, 85, 0.12));
    color: var(--gateway-color, #01af55);
    box-shadow: none;
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: 0;
}

body[data-support-page="pacotes"] #modernMainContent .gateway-status-hint {
    color: var(--v2-muted);
    font-size: 13.5px;
}

body[data-support-page="pacotes"] #modernMainContent .gateway-status-link,
body[data-support-page="pacotes"] #modernMainContent .gateway-status-card[data-gateway] .gateway-status-link {
    gap: 7px;
    min-height: 34px;
    padding: 6px 12px;
    border: 1px solid var(--v2-card-border);
    border-radius: 8px;
    background: #ffffff;
    color: var(--v2-text-2);
    font-size: 13.5px;
    font-weight: 500;
    text-decoration: none;
    transform: none;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

body[data-support-page="pacotes"] #modernMainContent .gateway-status-link i {
    color: var(--gateway-color, #01af55);
}

body[data-support-page="pacotes"] #modernMainContent .gateway-status-link:hover,
body[data-support-page="pacotes"] #modernMainContent .gateway-status-card[data-gateway] .gateway-status-link:hover {
    border-color: #d5d9e0;
    background: var(--v2-surface);
    color: var(--v2-text);
    text-decoration: none;
    transform: none;
}

/* ========================================
   INDICADORES (único lugar com a listra de 3px no topo)
   ======================================== */
body[data-support-page="pacotes"] #modernMainContent .pacotes-kpis .pacotes-ativos { --v2-accent: #6366f1; }
body[data-support-page="pacotes"] #modernMainContent .pacotes-kpis .pacotes-pendentes { --v2-accent: #f97316; }
body[data-support-page="pacotes"] #modernMainContent .pacotes-kpis .pacotes-cancelados { --v2-accent: #64748b; }
body[data-support-page="pacotes"] #modernMainContent .pacotes-kpis .pacotes-vencidos { --v2-accent: #b91c1c; }
body[data-support-page="pacotes"] #modernMainContent .pacotes-kpis .receita-pacotes { --v2-accent: #16a34a; }
body[data-support-page="pacotes"] #modernMainContent .pacotes-kpis .creditos-disponiveis { --v2-accent: #f59e0b; }
body[data-support-page="pacotes"] #modernMainContent .pacotes-kpis .vencendo-proximos { --v2-accent: #ef4444; }
body[data-support-page="pacotes"] #modernMainContent .pacotes-kpis .pacotes-renovados { --v2-accent: #0ea5e9; }

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

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

body[data-support-page="pacotes"] #modernMainContent .pacotes-kpis .kpi-card {
    flex-direction: row;
    align-items: center;
    gap: 14px;
    height: 100%;
    min-height: 0;
    padding: 18px 20px;
}

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

body[data-support-page="pacotes"] #modernMainContent .pacotes-kpis .kpi-card::before,
body[data-support-page="pacotes"] #modernMainContent .pacotes-kpis [class*="pacotes-"].kpi-card::before,
body[data-support-page="pacotes"] #modernMainContent .pacotes-kpis .kpi-card:is(.receita-pacotes, .creditos-disponiveis, .vencendo-proximos)::before {
    inset: 0 0 auto 0;
    width: auto;
    height: 3px;
    background: var(--v2-accent);
    opacity: 1;
    z-index: 1;
}

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

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

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

body[data-support-page="pacotes"] #modernMainContent .pacotes-kpis .kpi-content h3 {
    margin: 0 0 2px;
    color: var(--v2-text);
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

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

/* ========================================
   BUSCA, FILTROS E AÇÕES
   ======================================== */
body[data-support-page="pacotes"] #modernMainContent .pacotes-filters {
    padding: 14px 16px;
}

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

/* Coluna do "Sincronizar" (botão oculto no HTML) não ocupa espaço */
body[data-support-page="pacotes"] #modernMainContent .pacotes-filters .row > [class*="col-"]:has(> #syncPacotesBtn[style*="none"]) {
    display: none;
}

body[data-support-page="pacotes"] #modernMainContent .pacotes-filters .search-box i {
    left: 13px;
    color: #9aa1ad;
    font-size: 14px;
}

body[data-support-page="pacotes"] #modernMainContent .pacotes-filters .search-box input:focus ~ i {
    color: var(--primary-color, #007bff);
}

body[data-support-page="pacotes"] #modernMainContent .pacotes-filters .form-control,
body[data-support-page="pacotes"] #modernMainContent .pacotes-filters .form-select,
body[data-support-page="pacotes"] #modernMainContent .pacotes-filters .search-box input {
    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="pacotes"] #modernMainContent .pacotes-filters .search-box input {
    padding: 0 12px 0 38px;
}

/* "Associar Pacote" continua no canto direito */
body[data-support-page="pacotes"] #modernMainContent .pacotes-filters .row > [class*="col-"]:has(> #novoPacoteBtn) {
    margin-left: auto;
}

/* Select com a seta visível */
body[data-support-page="pacotes"] #modernMainContent .pacotes-filters .form-select {
    padding: 0 36px 0 12px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 14px 10px;
}

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

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

body[data-support-page="pacotes"] #modernMainContent .pacotes-filters :is(.form-control, .form-select, .search-box input):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;
}

/* ========================================
   BOTÕES DA PÁGINA
   Principal na cor do salão; secundários brancos com borda.
   ======================================== */
body[data-support-page="pacotes"] #modernMainContent :is(.pacotes-filters, .table-header, .accepted-payment-actions, .empty-state-actions) .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 38px;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    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="pacotes"] #modernMainContent .table-header .btn,
body[data-support-page="pacotes"] #modernMainContent .accepted-payment-actions .btn,
body[data-support-page="pacotes"] #modernMainContent .empty-state-actions .btn {
    height: 34px;
    min-height: 34px;
    padding: 0 12px;
    font-size: 13.5px;
}

body[data-support-page="pacotes"] #modernMainContent :is(.pacotes-filters, .table-header, .accepted-payment-actions, .empty-state-actions) .btn::before,
body[data-support-page="pacotes"] #modernMainContent :is(.pacotes-filters, .table-header, .accepted-payment-actions, .empty-state-actions) .btn::after {
    display: none;
}

body[data-support-page="pacotes"] #modernMainContent :is(.pacotes-filters, .table-header, .accepted-payment-actions, .empty-state-actions) .btn-primary {
    border: 1px solid var(--primary-color, #007bff);
    background: var(--primary-color, #007bff);
    color: #ffffff;
}

body[data-support-page="pacotes"] #modernMainContent :is(.pacotes-filters, .table-header, .accepted-payment-actions, .empty-state-actions) .btn-primary i {
    color: #ffffff !important;
}

body[data-support-page="pacotes"] #modernMainContent :is(.pacotes-filters, .table-header, .accepted-payment-actions, .empty-state-actions) .btn-primary:is(:hover, :focus, :active) {
    border-color: var(--primary-dark, var(--primary-color, #0062cc));
    background: var(--primary-dark, var(--primary-color, #0062cc));
    color: #ffffff;
    box-shadow: none;
    transform: none;
}

body[data-support-page="pacotes"] #modernMainContent :is(.pacotes-filters, .table-header, .accepted-payment-actions, .empty-state-actions) .btn-primary:focus-visible {
    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="pacotes"] #modernMainContent :is(.pacotes-filters, .table-header) :is(.btn-outline-primary, .btn-outline-secondary, .btn-outline-warning, .btn-outline-danger) {
    border: 1px solid var(--v2-card-border);
    background: #ffffff;
    color: var(--v2-text-2);
}

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

body[data-support-page="pacotes"] #modernMainContent :is(.pacotes-filters, .table-header) :is(.btn-outline-primary, .btn-outline-secondary, .btn-outline-warning):is(:hover, :focus) {
    border-color: #d5d9e0;
    background: var(--v2-surface);
    color: var(--v2-text);
    box-shadow: none;
    transform: none;
}

body[data-support-page="pacotes"] #modernMainContent .table-header .btn-outline-danger:is(:hover, :focus) {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
    box-shadow: none;
    transform: none;
}

body[data-support-page="pacotes"] #modernMainContent :is(.pacotes-filters, .table-header, .accepted-payment-actions) .btn:disabled {
    opacity: 0.55;
}

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

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

body[data-support-page="pacotes"] #modernMainContent .pacotes-table-card .table-header h5,
body[data-support-page="pacotes"] #modernMainContent :is(.analysis-card, .alert-card) .card-header h5 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    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="pacotes"] #modernMainContent .pacotes-table-card .table-header h5 > i,
body[data-support-page="pacotes"] #modernMainContent :is(.analysis-card, .alert-card) .card-header h5 > i,
body[data-support-page="pacotes"] #modernMainContent .alert-card.warning .card-header h5 > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: var(--v2-accent);
    color: #ffffff;
    font-size: 13px;
}

body[data-support-page="pacotes"] #modernMainContent .pacotes-table-card .table-subtitle {
    margin: 4px 0 0;
    color: var(--v2-muted);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
}

/* Subtítulo alinhado ao texto do título (depois da caixinha do ícone) */
body[data-support-page="pacotes"] #modernMainContent .pacotes-table-card .table-header > div > h5 + .table-subtitle {
    margin-left: 40px;
}

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

/* Contador de pendências: chip */
body[data-support-page="pacotes"] #modernMainContent #celcoinPendenciasCountBadge {
    margin-left: 0 !important;
    padding: 3px 8px;
    border-radius: 6px;
    background: rgba(245, 158, 11, 0.14) !important;
    color: #b45309 !important;
    font-size: 12.5px;
    font-weight: 500;
}

/* Alertas: sem a borda superior/lateral colorida (a cor fica no ícone) */
body[data-support-page="pacotes"] #modernMainContent .alert-card.warning,
body[data-support-page="pacotes"] #modernMainContent .alert-card.danger {
    border: 1px solid var(--v2-card-border);
}

/* ========================================
   LISTAS (usuários no plano, pendências, planos)
   ======================================== */
body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes,
body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table {
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes table,
body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
}

body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes thead,
body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table thead {
    background: var(--v2-surface);
}

body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes thead tr th,
body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table thead th {
    padding: 10px 12px;
    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;
    text-transform: none;
    white-space: nowrap;
}

body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr,
body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr {
    border-bottom: 0;
    background: transparent;
    transition: background-color 0.15s ease;
}

body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr td,
body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody td {
    padding: 12px;
    border-bottom: 1px solid var(--v2-card-divider);
    color: var(--v2-text);
    font-size: 14px;
    line-height: 1.4;
    vertical-align: middle;
}

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

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

body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) tbody tr:last-child > td {
    border-bottom: 0;
}

body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) tbody tr:hover {
    background: #fafbfc;
}

body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) tbody tr.empty-row:hover {
    background: transparent;
}

/* Cliente */
body[data-support-page="pacotes"] #modernMainContent .celula-cliente {
    color: var(--v2-text);
    font-weight: 400;
    letter-spacing: 0;
}

body[data-support-page="pacotes"] #modernMainContent .celula-cliente strong {
    color: var(--v2-text);
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.35;
}

body[data-support-page="pacotes"] #modernMainContent .celula-cliente small {
    margin-top: 1px;
    color: var(--v2-muted);
    font-size: 12.5px;
    font-weight: 400;
}

body[data-support-page="pacotes"] #modernMainContent .celula-cliente br {
    display: none;
}

/* Plano + etiquetas: fluem lado a lado (antes, uma por linha) */
body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .plano-cell {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 6px;
    max-width: 300px;
}

body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody td.col-plano {
    min-width: 250px;
}

/* Nome do plano em texto escuro; a cor do plano fica só na coroa */
body[data-support-page="pacotes"] #modernMainContent .badge-plano {
    gap: 6px;
    max-width: 100%;
    padding: 3px 8px;
    border: 1px solid var(--v2-card-border);
    border-radius: 6px;
    background: #ffffff;
    box-shadow: none;
    -webkit-text-fill-color: var(--v2-text);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
    transform: none;
}

body[data-support-page="pacotes"] #modernMainContent .badge-plano:hover {
    background: #ffffff;
    transform: none;
}

body[data-support-page="pacotes"] #modernMainContent .badge-plano i {
    flex-shrink: 0;
    -webkit-text-fill-color: currentColor;
    font-size: 11px;
}

body[data-support-page="pacotes"] #modernMainContent :is(.pacote-origin-tag, .payment-method-tag, .plano-tag-renovado, .plano-tag-contratacao) {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: auto;
    margin: 0;
    padding: 3px 7px;
    border: 0;
    border-radius: 6px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.3;
    text-transform: none;
    white-space: nowrap;
}

body[data-support-page="pacotes"] #modernMainContent :is(.pacote-origin-tag, .payment-method-tag, .plano-tag-renovado, .plano-tag-contratacao) i {
    font-size: 10.5px;
}

body[data-support-page="pacotes"] #modernMainContent .plano-tag-renovado {
    background: rgba(14, 165, 233, 0.12);
    color: #0369a1;
}

body[data-support-page="pacotes"] #modernMainContent .plano-tag-contratacao {
    background: #eef0f3;
    color: var(--v2-text-2);
}

body[data-support-page="pacotes"] #modernMainContent .plano-tag-contratacao i {
    color: var(--v2-muted);
}

/* Créditos */
body[data-support-page="pacotes"] #modernMainContent .info-creditos {
    gap: 10px;
}

body[data-support-page="pacotes"] #modernMainContent .creditos-main {
    gap: 6px;
    min-width: 110px;
}

body[data-support-page="pacotes"] #modernMainContent .creditos-label {
    color: var(--v2-muted);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

body[data-support-page="pacotes"] #modernMainContent .texto-creditos {
    color: var(--v2-text);
    font-size: 13.5px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

body[data-support-page="pacotes"] #modernMainContent .barra-progresso {
    height: 6px;
    border: 0;
    border-radius: 999px;
    background: #eef0f3;
    box-shadow: none;
}

body[data-support-page="pacotes"] #modernMainContent .barra-progresso::before,
body[data-support-page="pacotes"] #modernMainContent .barra-progresso-fill::after {
    display: none;
}

body[data-support-page="pacotes"] #modernMainContent .barra-progresso-fill {
    background: var(--primary-color, #007bff);
    box-shadow: none;
}

body[data-support-page="pacotes"] #modernMainContent .barra-progresso-fill.full {
    background: #dc2626;
    box-shadow: none;
}

/* Ações por linha: quadrados de 32px, brancos com borda */
body[data-support-page="pacotes"] #modernMainContent .btn-credito-add,
body[data-support-page="pacotes"] #modernMainContent .btn-acao,
body[data-support-page="pacotes"] #modernMainContent .acoes-tabela .btn-acao {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid var(--v2-card-border);
    border-radius: 8px;
    background: #ffffff;
    color: var(--v2-text-2);
    box-shadow: none;
    font-size: 13px;
    transform: none;
    overflow: visible;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

body[data-support-page="pacotes"] #modernMainContent .btn-credito-add {
    color: var(--primary-color, #007bff);
}

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

body[data-support-page="pacotes"] #modernMainContent .btn-credito-add:hover {
    color: var(--primary-color, #007bff);
}

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

body[data-support-page="pacotes"] #modernMainContent .btn-acao.danger,
body[data-support-page="pacotes"] #modernMainContent .acoes-tabela .btn-acao.danger {
    color: #dc2626;
}

body[data-support-page="pacotes"] #modernMainContent .btn-acao.danger:hover,
body[data-support-page="pacotes"] #modernMainContent .acoes-tabela .btn-acao.danger:hover {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
    box-shadow: none;
}

body[data-support-page="pacotes"] #modernMainContent .acoes-tabela {
    flex-wrap: nowrap;
    gap: 6px;
}

/* Validade */
body[data-support-page="pacotes"] #modernMainContent .info-validade {
    gap: 2px;
}

body[data-support-page="pacotes"] #modernMainContent .data-validade {
    color: var(--v2-text);
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}

body[data-support-page="pacotes"] #modernMainContent .dias-restantes {
    color: var(--v2-muted);
    font-size: 12.5px;
    font-weight: 400;
}

/* Valor */
body[data-support-page="pacotes"] #modernMainContent .info-valor {
    color: var(--v2-text);
    font-size: 14.5px;
    font-weight: 500;
    letter-spacing: 0;
    white-space: nowrap;
}

body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody td.col-validade,
body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody td.col-valor,
body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody td.col-status {
    white-space: nowrap;
}

/* Status em chip (mesmas cores de hoje), sem caixa-alta nem brilho */
body[data-support-page="pacotes"] #modernMainContent .status-badge,
body[data-support-page="pacotes"] #modernMainContent .badge-status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 9px;
    border: 0;
    border-radius: 6px;
    box-shadow: none;
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.3;
    text-transform: none;
    white-space: nowrap;
}

body[data-support-page="pacotes"] #modernMainContent .status-badge::before,
body[data-support-page="pacotes"] #modernMainContent .badge-status::before {
    display: none;
}

body[data-support-page="pacotes"] #modernMainContent :is(.status-badge, .badge-status).ativo,
body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table .status-badge.ativo {
    background: rgba(22, 163, 74, 0.1);
    color: #15803d;
    box-shadow: none;
}

body[data-support-page="pacotes"] #modernMainContent :is(.status-badge, .badge-status).pendente {
    background: rgba(245, 158, 11, 0.14);
    color: #b45309;
    box-shadow: none;
}

body[data-support-page="pacotes"] #modernMainContent :is(.status-badge, .badge-status).vencendo {
    background: rgba(234, 88, 12, 0.1);
    color: #c2410c;
    box-shadow: none;
}

body[data-support-page="pacotes"] #modernMainContent :is(.status-badge, .badge-status).vencido {
    background: rgba(220, 38, 38, 0.08);
    color: #b91c1c;
    box-shadow: none;
}

body[data-support-page="pacotes"] #modernMainContent :is(.status-badge, .badge-status):is(.cancelado, .inativo),
body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table .status-badge.inativo {
    background: #eef0f3;
    color: #4b5563;
    box-shadow: none;
}

/* Pendências de associação */
body[data-support-page="pacotes"] #modernMainContent #celcoinPendenciasCard .nova-tabela-pacotes tbody td {
    white-space: normal;
}

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

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

body[data-support-page="pacotes"] #modernMainContent #celcoinPendenciasCard .nova-tabela-pacotes tbody td .text-danger {
    color: #b91c1c !important;
}

body[data-support-page="pacotes"] #modernMainContent #celcoinPendenciasCard code {
    padding: 2px 6px;
    border: 1px solid var(--v2-card-border);
    border-radius: 6px;
    background: var(--v2-surface);
    color: var(--v2-text-2);
    font-size: 12.5px;
    white-space: nowrap;
}

body[data-support-page="pacotes"] #modernMainContent #celcoinPendenciasCard .form-select {
    min-width: 150px;
    height: 34px;
    min-height: 34px;
    padding: 0 32px 0 10px;
    border: 1px solid var(--v2-card-border);
    border-radius: 8px;
    background-color: #ffffff;
    color: var(--v2-text);
    font-size: 13.5px;
    box-shadow: none;
}

body[data-support-page="pacotes"] #modernMainContent #celcoinPendenciasCard .form-select: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="pacotes"] #modernMainContent #celcoinPendenciasCard tbody .btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 12px;
    border: 1px solid var(--primary-color, #007bff);
    border-radius: 8px;
    background: var(--primary-color, #007bff);
    color: #ffffff;
    box-shadow: none;
    font-size: 13.5px;
    font-weight: 500;
    white-space: nowrap;
    transform: none;
}

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

body[data-support-page="pacotes"] #modernMainContent #celcoinPendenciasCard tbody .btn:hover {
    border-color: var(--primary-dark, var(--primary-color, #0062cc));
    background: var(--primary-dark, var(--primary-color, #0062cc));
    transform: none;
    box-shadow: none;
}

/* Planos: ordem, nome, pendências */
/* Ordem: a célula continua célula de tabela (o flex original quebrava a
   divisória da linha); botão e número lado a lado */
body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody td.drag-cell {
    display: table-cell;
    white-space: nowrap;
}

body[data-support-page="pacotes"] #modernMainContent .pacotes-planos .drag-handle {
    margin-right: 6px;
    vertical-align: middle;
}

body[data-support-page="pacotes"] #modernMainContent .pacotes-planos .order-pill {
    vertical-align: middle;
}

body[data-support-page="pacotes"] #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);
    box-shadow: none;
    font-size: 13px;
    transform: none;
}

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

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

body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table td.col-plano strong {
    color: var(--v2-text);
    font-size: 14.5px;
    font-weight: 500;
}

body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table td.col-plano small.text-muted {
    color: var(--v2-muted) !important;
    font-size: 13px;
}

body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table td.col-creditos,
body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table td.col-duracao {
    color: var(--v2-text);
    white-space: nowrap;
}

body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table td.col-valor {
    color: var(--v2-text);
    font-weight: 500;
    white-space: nowrap;
}

/* Plano com pendência: sem a barra degradê; o destaque fica nos chips */
body[data-support-page="pacotes"] #modernMainContent .plano-row-pendente td.col-plano {
    padding-left: 12px;
}

body[data-support-page="pacotes"] #modernMainContent .plano-row-pendente td.col-plano::after {
    display: none;
}

body[data-support-page="pacotes"] #modernMainContent .plano-row-pendente td.col-plano strong {
    color: var(--v2-text);
}

body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table .badge {
    padding: 3px 7px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
}

body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table .badge.bg-warning {
    background: rgba(245, 158, 11, 0.14) !important;
    color: #b45309 !important;
}

body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table .badge.bg-info-subtle {
    background: rgba(8, 145, 178, 0.1) !important;
    color: #0e7490 !important;
}

/* Editar plano com pendência: botão âmbar parado (antes pulsava) */
body[data-support-page="pacotes"] #modernMainContent .btn-pendencia-pulse,
body[data-support-page="pacotes"] #modernMainContent .acoes-tabela .btn-acao.btn-pendencia-pulse {
    border-color: #fcd34d;
    background: #fffbeb;
    color: #b45309;
    animation: none;
}

body[data-support-page="pacotes"] #modernMainContent .btn-acao.btn-pendencia-pulse:hover {
    border-color: #f59e0b;
    background: #fef3c7;
    color: #92400e;
}

/* Dica de ordenação: faixa clara sob o cabeçalho */
body[data-support-page="pacotes"] #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);
}

body[data-support-page="pacotes"] #modernMainContent .pacotes-planos .planos-reorder-hint .hint-icon {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: #eef0f3;
    color: var(--v2-text-2);
    font-size: 12px;
}

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

body[data-support-page="pacotes"] #modernMainContent .pacotes-planos .planos-reorder-hint .hint-saving {
    color: var(--primary-color, #007bff);
    font-size: 13px;
    font-weight: 500;
}

body[data-support-page="pacotes"] #modernMainContent .pacotes-planos .planos-reorder-hint.is-disabled {
    opacity: 1;
    background: var(--v2-surface);
}

/* Aviso de planos importados com pendência: sem pulso */
body[data-support-page="pacotes"] #modernMainContent .celcoin-sync-alert {
    gap: 10px;
    margin: 12px 20px;
    padding: 10px 14px;
    border: 1px solid #fde68a;
    border-radius: 10px;
    background: #fffbeb;
    color: #92400e;
    box-shadow: none;
    animation: none;
}

body[data-support-page="pacotes"] #modernMainContent .celcoin-sync-alert.d-none {
    display: none;
}

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

body[data-support-page="pacotes"] #modernMainContent .celcoin-sync-alert__text {
    font-size: 13.5px;
    font-weight: 400;
    line-height: 1.45;
}

/* Arrastando um plano */
body[data-support-page="pacotes"] #modernMainContent .plano-placeholder .placeholder-box {
    border: 1px dashed #d5d9e0;
    border-radius: 10px;
    background: var(--v2-surface);
    animation: none;
}

/* Estados vazios */
body[data-support-page="pacotes"] #modernMainContent .empty-state,
body[data-support-page="pacotes"] #modernMainContent .empty-state.small {
    max-width: 520px;
    margin: 0 auto;
    padding: 32px 16px;
    border: 0;
    border-radius: 0;
    background: transparent;
    text-align: center;
}

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

body[data-support-page="pacotes"] #modernMainContent .alertas-list .empty-state > i.fa-calendar-check {
    background: rgba(22, 163, 74, 0.1);
    color: #16a34a;
}

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

body[data-support-page="pacotes"] #modernMainContent .empty-state p {
    margin: 0;
    color: var(--v2-muted);
    font-size: 14px;
}

/* O pacotes-premium.css aumenta todo <i> do estado vazio (inclusive o do botão) */
body[data-support-page="pacotes"] #modernMainContent .empty-state .btn i {
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    font-size: 13px;
    opacity: 1;
}

body[data-support-page="pacotes"] #modernMainContent .empty-state-actions {
    justify-content: center;
    margin-top: 14px;
}

/* Rodapé: contador + paginação */
body[data-support-page="pacotes"] #modernMainContent .pacotes-table-card .table-footer {
    padding: 12px 20px;
    border-top: 1px solid var(--v2-card-divider);
    background: #ffffff;
}

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

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

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

body[data-support-page="pacotes"] #modernMainContent .pacotes-table-card .pagination .page-item .page-link {
    min-width: 34px;
    height: 34px;
    padding: 0 8px;
    border: 1px solid var(--v2-card-border);
    border-radius: 8px;
    background: #ffffff;
    color: var(--v2-text-2);
    box-shadow: none;
    font-size: 14px;
    font-weight: 500;
}

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

body[data-support-page="pacotes"] #modernMainContent .pacotes-table-card .pagination .page-item .page-link:focus {
    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="pacotes"] #modernMainContent .pacotes-table-card .pagination .page-item.active .page-link {
    border-color: var(--primary-color, #007bff);
    background: var(--primary-color, #007bff);
    color: #ffffff;
    box-shadow: none;
}

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

/* ========================================
   PLANOS MAIS VENDIDOS / ALERTAS DE VENCIMENTO
   Listas com divisória, sem caixas coloridas nem movimento.
   ======================================== */
body[data-support-page="pacotes"] #modernMainContent :is(.analysis-card, .alert-card) .card-content {
    padding: 4px 20px 12px;
}

body[data-support-page="pacotes"] #modernMainContent .planos-ranking,
body[data-support-page="pacotes"] #modernMainContent .alertas-list {
    display: block;
}

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

body[data-support-page="pacotes"] #modernMainContent .planos-ranking .ranking-item:last-child,
body[data-support-page="pacotes"] #modernMainContent .alertas-list .alerta-item:last-child {
    border-bottom: 0;
}

body[data-support-page="pacotes"] #modernMainContent .planos-ranking .ranking-item:hover,
body[data-support-page="pacotes"] #modernMainContent .alertas-list .alerta-item:hover {
    background: transparent;
    box-shadow: none;
    transform: none;
}

body[data-support-page="pacotes"] #modernMainContent .planos-ranking .ranking-position,
body[data-support-page="pacotes"] #modernMainContent .planos-ranking .ranking-position:is(.gold, .silver, .bronze) {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 8px;
    background: #eef0f3;
    box-shadow: none;
    color: var(--v2-text-2);
    font-size: 14px;
    font-weight: 500;
    text-shadow: none;
}

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

body[data-support-page="pacotes"] #modernMainContent .planos-ranking .ranking-position.gold { background: #fef3c7; color: #92400e; animation: none; }
body[data-support-page="pacotes"] #modernMainContent .planos-ranking .ranking-position.silver { background: #e5e7eb; color: #374151; }
body[data-support-page="pacotes"] #modernMainContent .planos-ranking .ranking-position.bronze { background: #fde8d7; color: #9a3412; }

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

body[data-support-page="pacotes"] #modernMainContent .planos-ranking .plano-info h6,
body[data-support-page="pacotes"] #modernMainContent .alertas-list .alerta-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="pacotes"] #modernMainContent .planos-ranking .plano-info p,
body[data-support-page="pacotes"] #modernMainContent .alertas-list .alerta-info p {
    margin: 0;
    color: var(--v2-muted);
    font-size: 13px;
    line-height: 1.4;
}

body[data-support-page="pacotes"] #modernMainContent .planos-ranking .plano-stats,
body[data-support-page="pacotes"] #modernMainContent .planos-ranking .ranking-item .plano-stats {
    flex-shrink: 0;
    text-align: right;
}

body[data-support-page="pacotes"] #modernMainContent .planos-ranking .plano-stats .stat-value {
    display: block;
    color: var(--v2-text);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1;
}

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

body[data-support-page="pacotes"] #modernMainContent .alertas-list .alerta-icon,
body[data-support-page="pacotes"] #modernMainContent .alertas-list .alerta-item.urgent .alerta-icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: rgba(245, 158, 11, 0.14);
    color: #d97706;
    box-shadow: none;
    font-size: 15px;
}

body[data-support-page="pacotes"] #modernMainContent .alertas-list .alerta-item.urgent .alerta-icon {
    background: rgba(220, 38, 38, 0.1);
    color: #dc2626;
}

body[data-support-page="pacotes"] #modernMainContent .alertas-list .alerta-info {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
}

/* ========================================
   FORMAS ACEITAS NO CHECKOUT
   ======================================== */
body[data-support-page="pacotes"] #modernMainContent .accepted-payment-card__body {
    gap: 14px;
    padding: 16px 20px;
}

body[data-support-page="pacotes"] #modernMainContent .accepted-payment-grid {
    gap: 12px;
}

body[data-support-page="pacotes"] #modernMainContent .accepted-payment-option {
    align-items: flex-start;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--v2-card-border);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: none;
    transform: none;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

body[data-support-page="pacotes"] #modernMainContent .accepted-payment-option:hover {
    border-color: #d5d9e0;
    background: var(--v2-surface);
    box-shadow: none;
    transform: none;
}

body[data-support-page="pacotes"] #modernMainContent .accepted-payment-option.is-selected {
    border-color: #86efac;
    background: #f0fdf4;
    box-shadow: none;
}

body[data-support-page="pacotes"] #modernMainContent .accepted-payment-option__icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #eef0f3;
    color: var(--v2-text-2);
    font-size: 15px;
}

body[data-support-page="pacotes"] #modernMainContent .accepted-payment-option.is-selected .accepted-payment-option__icon {
    background: #16a34a;
    color: #ffffff;
}

body[data-support-page="pacotes"] #modernMainContent .accepted-payment-option__title-row {
    gap: 6px 8px;
}

body[data-support-page="pacotes"] #modernMainContent .accepted-payment-option__content strong {
    color: var(--v2-text);
    font-size: 14.5px;
    font-weight: 500;
}

body[data-support-page="pacotes"] #modernMainContent .accepted-payment-option__content > span {
    color: var(--v2-text-2);
    font-size: 13px;
    line-height: 1.45;
}

body[data-support-page="pacotes"] #modernMainContent .accepted-payment-option__badge {
    min-height: 0;
    padding: 2px 7px;
    border: 0;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
}

body[data-support-page="pacotes"] #modernMainContent .accepted-payment-option__badge.is-enabled {
    background: rgba(22, 163, 74, 0.12);
    color: #15803d;
}

body[data-support-page="pacotes"] #modernMainContent .accepted-payment-option__badge.is-disabled {
    background: #eef0f3;
    color: var(--v2-muted);
}

body[data-support-page="pacotes"] #modernMainContent .accepted-payment-option__check {
    color: #c3c8d0;
    font-size: 17px;
}

body[data-support-page="pacotes"] #modernMainContent .accepted-payment-option.is-selected .accepted-payment-option__check {
    color: #16a34a;
}

body[data-support-page="pacotes"] #modernMainContent .accepted-payment-actions {
    gap: 10px 16px;
    padding-top: 12px;
    border-top: 1px solid var(--v2-card-divider);
}

body[data-support-page="pacotes"] #modernMainContent .accepted-payment-hint {
    color: var(--v2-muted);
    font-size: 13.5px;
}

/* ========================================
   RESPONSIVO (página)
   ======================================== */
@media (max-width: 1399.98px) {
    body[data-support-page="pacotes"] #modernMainContent .pacotes-kpis .kpi-card {
        padding: 16px;
        gap: 12px;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-kpis .kpi-content h3 {
        font-size: 22px;
    }
}

@media (max-width: 991.98px) {
    /* Planos: cabeçalho com título em cima e ações embaixo */
    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos .table-header {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos .table-header .table-actions {
        display: flex !important;
        width: auto;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos .table-header .table-actions .btn {
        width: auto;
        padding: 0 12px;
        font-size: 13.5px;
    }

    body[data-support-page="pacotes"] #modernMainContent .accepted-payment-grid--compact {
        grid-template-columns: 1fr;
    }
}

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

    body[data-support-page="pacotes"] #modernMainContent .gateway-status-row,
    body[data-support-page="pacotes"] #modernMainContent .pacotes-filters,
    body[data-support-page="pacotes"] #modernMainContent #pagarmeOverlayPacotes {
        margin-bottom: 16px !important;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-table-card + .pacotes-table-card,
    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos > .pacotes-table-card + .pacotes-table-card,
    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos.mt-4 {
        margin-top: 16px !important;
    }

    body[data-support-page="pacotes"] #modernMainContent .content-area .container-fluid > .row.g-4.mt-3 {
        margin-top: 0 !important;
        --bs-gutter-y: 16px;
    }

    /* Gateway: logo + nome; chip ao lado; situação e botão embaixo */
    body[data-support-page="pacotes"] #modernMainContent .gateway-status-card {
        gap: 12px;
        padding: 14px 16px;
    }

    body[data-support-page="pacotes"] #modernMainContent .gateway-status-top {
        width: 100%;
        justify-content: space-between;
    }

    body[data-support-page="pacotes"] #modernMainContent .gateway-status-brand {
        align-items: center;
    }

    body[data-support-page="pacotes"] #modernMainContent .gateway-status-logo-wrap {
        width: 44px;
        height: 44px;
    }

    body[data-support-page="pacotes"] #modernMainContent .gateway-status-bottom {
        width: 100%;
        padding-top: 12px;
        border-top: 1px solid var(--v2-card-divider);
    }

    body[data-support-page="pacotes"] #modernMainContent .gateway-status-link,
    body[data-support-page="pacotes"] #modernMainContent .gateway-status-card[data-gateway] .gateway-status-link {
        min-height: 40px;
        font-size: 14px;
    }

    /* Indicadores: 2 por linha, compactos */
    body[data-support-page="pacotes"] #modernMainContent .pacotes-kpis > .row {
        --bs-gutter-x: 10px;
        --bs-gutter-y: 10px;
        margin-bottom: 10px !important;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-kpis > .row:last-child {
        margin-bottom: 16px !important;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-kpis > .row > [class*="col-"] {
        flex: 0 0 auto;
        width: 50%;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-kpis .kpi-card {
        gap: 10px;
        min-height: 0;
        padding: 12px;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-kpis .kpi-card .kpi-icon,
    body[data-support-page="pacotes"] #modernMainContent .pacotes-kpis .kpi-card:hover .kpi-icon {
        width: 34px;
        height: 34px;
        border-radius: 8px;
        font-size: 14px;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-kpis .kpi-content h3 {
        margin: 0;
        font-size: 18px;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-kpis .kpi-content p {
        font-size: 12.5px;
        line-height: 1.3;
    }

    /* Filtros: 44px e fonte 16px (sem zoom no iPhone) */
    body[data-support-page="pacotes"] #modernMainContent .pacotes-filters {
        padding: 12px;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-filters .form-control,
    body[data-support-page="pacotes"] #modernMainContent .pacotes-filters .form-select,
    body[data-support-page="pacotes"] #modernMainContent .pacotes-filters .search-box input,
    body[data-support-page="pacotes"] #modernMainContent .pacotes-filters .btn {
        height: 44px;
        min-height: 44px;
        font-size: 16px;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-filters .btn {
        font-size: 15px;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-table-card .table-header,
    body[data-support-page="pacotes"] #modernMainContent :is(.analysis-card, .alert-card) .card-header {
        flex-wrap: wrap;
        min-height: 0;
        padding: 12px 16px;
    }

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

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

    body[data-support-page="pacotes"] #modernMainContent .pacotes-table-card .table-header > div > h5 + .table-subtitle {
        margin-left: 0;
        font-size: 13px;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-table-card .table-header .table-actions {
        flex: 1 1 100%;
        justify-content: stretch;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-table-card .table-header .table-actions .btn:not(.d-none) {
        flex: 1 1 auto;
        height: 40px;
        min-height: 40px;
        font-size: 14px;
    }

    /* Primeira lista: título e botão "Associar Usuários" na mesma linha se couber */
    body[data-support-page="pacotes"] #modernMainContent .pacotes-table-card:not(#celcoinPendenciasCard):not(#acceptedOnlinePaymentCard) > .table-header:has(> h5) .table-actions {
        flex: 0 1 auto;
    }

    body[data-support-page="pacotes"] #modernMainContent :is(.analysis-card, .alert-card) .card-content {
        padding: 2px 16px 8px;
    }

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

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos .planos-reorder-hint .hint-text {
        font-size: 13px;
    }

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

    body[data-support-page="pacotes"] #modernMainContent .pacotes-table-card .table-footer {
        flex-direction: row;
        align-items: center;
        gap: 10px;
        padding: 12px 16px;
        text-align: left;
    }

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

    body[data-support-page="pacotes"] #modernMainContent .accepted-payment-card__body {
        padding: 12px 16px 16px;
    }

    body[data-support-page="pacotes"] #modernMainContent .accepted-payment-actions .btn {
        width: 100%;
        height: 44px;
        min-height: 44px;
        font-size: 15px;
    }

    body[data-support-page="pacotes"] #modernMainContent .empty-state,
    body[data-support-page="pacotes"] #modernMainContent .empty-state.small {
        padding: 24px 8px;
    }
}

/* ========================================
   CELULAR / TABLET: as três listas viram cards compactos
   ======================================== */
@media (max-width: 991.98px) {
    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) {
        overflow: visible;
    }

    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) :is(table, tbody) {
        display: block;
        width: 100%;
        min-width: 0;
    }

    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) thead {
        display: none;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr,
    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        column-gap: 10px;
        row-gap: 0;
        margin: 0;
        padding: 12px 16px;
        border: 0;
        border-bottom: 1px solid var(--v2-card-divider);
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        grid-template-areas: none;
    }

    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) tbody tr:last-child {
        border-bottom: 0;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr td,
    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td,
    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr td:is(.col-creditos, .col-validade, .col-valor),
    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td:is(.col-creditos, .col-valor, .col-duracao) {
        display: block;
        min-width: 0;
        margin: 0;
        padding: 0 !important;
        border: 0;
        border-radius: 0;
        background: transparent;
        font-size: 14px;
    }

    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) tbody tr td::before {
        content: none !important;
    }

    /* Linha "nenhum pacote / nenhum plano" */
    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) tbody tr.empty-row,
    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) tbody tr:has(> td[colspan]) {
        display: block;
        padding: 0;
    }

    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) tbody tr > td[colspan] {
        padding: 8px 16px !important;
    }

    /* Usuários no plano ------------------------------------------------
       Linha 1: cliente ............................ status
       Linha 2: [coroa plano] [manual] [pagamento] [renovado]
       Linha 3: 0/3 ▬▬ [editar] · vence em 4 dias ....... R$ 450,00
       Linha 4: ações (40px)
       (telefone, e-mail, data absoluta e "Contratado em" ficam no
       computador e no Visualizar) */
    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr td.col-cliente {
        flex: 1 1 0;
        order: 0;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr td.col-status {
        display: flex;
        flex: 0 0 auto;
        order: 1;
        max-width: 62%;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr td.col-status .status-badge {
        white-space: normal;
        text-align: right;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr td.col-plano {
        flex: 1 1 100%;
        order: 2;
        margin-top: 6px;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr td.col-creditos { order: 3; }
    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr td.col-validade { order: 4; flex: 0 1 auto; }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr td.col-valor {
        order: 5;
        margin-left: auto;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr td:is(.col-creditos, .col-validade, .col-valor) {
        margin-top: 8px;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr td.col-acoes {
        flex: 1 1 100%;
        order: 6;
        margin-top: 10px;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .celula-cliente {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .celula-cliente strong {
        display: inline;
        font-size: 15px;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .celula-cliente small {
        display: none;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .plano-cell {
        gap: 5px;
        max-width: none;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .badge-plano {
        width: auto;
        justify-content: flex-start;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .plano-tag-contratacao {
        display: none;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .info-creditos {
        gap: 8px;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .creditos-main {
        flex-direction: row;
        align-items: center;
        gap: 6px;
        width: auto;
        min-width: 0;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .creditos-label {
        display: none;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .creditos-header {
        gap: 0;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .barra-progresso {
        flex: 0 0 44px;
        width: 44px;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .texto-creditos {
        font-size: 14px;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .info-validade {
        display: block;
        white-space: nowrap;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .info-validade .data-validade {
        display: none;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .info-validade .dias-restantes {
        color: var(--v2-text-2);
        font-size: 13px;
        letter-spacing: -0.01em;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .info-validade .dias-restantes::before {
        content: '·';
        margin-right: 6px;
        color: #c3c8d0;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr:not(.empty-row) {
        column-gap: 8px;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .info-creditos {
        gap: 6px;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes td.col-creditos > .texto-creditos + .info-validade,
    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .info-valor {
        font-size: 14.5px;
    }

    /* Ações: uma linha de quadrados de 40px */
    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .acoes-tabela {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .acoes-tabela .btn-acao {
        width: 40px;
        height: 40px;
        font-size: 15px;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .btn-credito-add {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }

    /* Pendências ------------------------------------------------------
       Linha 1: cliente ........................... status
       Linha 2: assinatura · plano no gateway (motivo)
       Linha 3: plano local (select) ........ [Associar] */
    body[data-support-page="pacotes"] #modernMainContent #celcoinPendenciasCard tbody tr td:nth-child(1):not([colspan]) { flex: 1 1 0; order: 0; }
    body[data-support-page="pacotes"] #modernMainContent #celcoinPendenciasCard tbody tr td:nth-child(4) { flex: 0 0 auto; order: 1; }
    body[data-support-page="pacotes"] #modernMainContent #celcoinPendenciasCard tbody tr td:nth-child(2) { order: 2; flex: 1 1 100%; margin-top: 6px; }
    body[data-support-page="pacotes"] #modernMainContent #celcoinPendenciasCard tbody tr td:nth-child(3) { order: 3; flex: 1 1 100%; margin-top: 6px; font-size: 13.5px; }
    body[data-support-page="pacotes"] #modernMainContent #celcoinPendenciasCard tbody tr td:nth-child(5) { order: 4; flex: 1 1 0; min-width: 0; margin-top: 10px; }
    body[data-support-page="pacotes"] #modernMainContent #celcoinPendenciasCard tbody tr td:nth-child(6) { order: 5; flex: 0 0 auto; margin-top: 10px; align-self: flex-start; }

    body[data-support-page="pacotes"] #modernMainContent #celcoinPendenciasCard .form-select {
        min-width: 0;
    }

    body[data-support-page="pacotes"] #modernMainContent #celcoinPendenciasCard .form-select,
    body[data-support-page="pacotes"] #modernMainContent #celcoinPendenciasCard tbody .btn {
        width: 100%;
        height: 44px;
        min-height: 44px;
        font-size: 16px;
    }

    body[data-support-page="pacotes"] #modernMainContent #celcoinPendenciasCard tbody .btn {
        font-size: 15px;
    }

    /* Planos ----------------------------------------------------------
       Linha 1: [arrastar][#1] nome do plano ............ status
       Linha 2: descrição / chips de pendência
       Linha 3: 6 créditos · R$ 189,90 · 30 dias ..... [ver][editar][excluir] */
    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-ordem {
        display: flex;
        flex: 0 0 auto;
        order: 0;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-plano {
        flex: 1 1 0;
        order: 1;
        padding-left: 0 !important;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-status {
        display: flex;
        flex: 0 0 auto;
        order: 2;
        align-self: flex-start;
        margin-top: 4px;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-plano br {
        display: none;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-plano strong {
        display: block;
        font-size: 15px;
        line-height: 1.3;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-plano small {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 13px;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td:is(.col-creditos, .col-valor, .col-duracao) {
        order: 3;
        margin-top: 10px;
        color: var(--v2-text);
        font-size: 14px;
        font-weight: 500;
        white-space: nowrap;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr:not(.empty-row) {
        column-gap: 6px;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-creditos { order: 4; }
    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-valor { order: 5; }
    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-duracao { order: 6; }

    /* Quebra de linha entre "ordem + nome + status" e os dados */
    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr:not(.empty-row)::after {
        content: '';
        flex: 0 0 100%;
        order: 3;
        height: 0;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-creditos::before {
        content: '\f3ff' !important;
        display: inline;
        margin: 0 5px 0 0;
        color: #9aa1ad;
        font-family: 'Font Awesome 6 Free';
        font-size: 12px;
        font-weight: 900;
        letter-spacing: 0;
        text-transform: none;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td:is(.col-valor, .col-duracao)::before {
        content: '·' !important;
        display: inline;
        margin: 0 6px 0 0;
        color: #c3c8d0;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0;
        text-transform: none;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-duracao {
        font-weight: 400;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-acoes {
        order: 7;
        margin-top: 8px;
        margin-left: auto;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-acoes .acoes-tabela {
        display: flex;
        gap: 6px;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-acoes .btn-acao {
        width: 40px;
        height: 40px;
        font-size: 15px;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table .drag-cell {
        gap: 6px;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table .drag-handle {
        width: 36px;
        height: 36px;
    }
}

@media (max-width: 576px) {
    body[data-support-page="pacotes"] #modernMainContent .gateway-status-text h4 {
        font-size: 15.5px;
    }

    body[data-support-page="pacotes"] #modernMainContent .planos-ranking .plano-info p {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    /* Busca inteira; status + exportar lado a lado; associar inteiro */
    body[data-support-page="pacotes"] #modernMainContent .pacotes-filters .row > .col-lg-2:has(> #filterStatus) {
        flex: 0 0 auto;
        width: 58%;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-filters .row > .col-lg-2:has(> #exportPacotesBtn) {
        flex: 0 0 auto;
        width: 42%;
    }

    /* Créditos: ícone de ticket + "0/3" + editar; a barra fica no computador */
    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .barra-progresso {
        display: none;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .info-creditos .texto-creditos::before {
        content: '\f3ff';
        margin-right: 5px;
        color: #9aa1ad;
        font-family: 'Font Awesome 6 Free';
        font-size: 12px;
        font-weight: 900;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .btn-credito-add {
        width: 32px;
        height: 32px;
        font-size: 13px;
    }
}

/* ========================================
   MODAIS: casca comum
   Cabeçalho branco com ícone em caixinha na cor do modal, corpo branco,
   rodapé em faixa clara com botões chapados.
   ======================================== */
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) {
    --m-accent: #f59e0b;
    --m-pad-x: 20px;
}

/* Pacote (associar / editar / renovar = venda): verde */
body[data-support-page="pacotes"] #pacoteModal { --m-accent: #16a34a; }
/* Pacote, plano, histórico, créditos: âmbar */
body[data-support-page="pacotes"] :is(#pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal) { --m-accent: #f59e0b; }
/* Cliente e importação: azul */
body[data-support-page="pacotes"] :is(#novoClienteRapidoModal, #celcoinImportStatusModal) { --m-accent: #2563eb; }

body[data-support-page="pacotes"] .modal-backdrop.show {
    backdrop-filter: none;
    background: #111827;
}

body[data-support-page="pacotes"] .modal-backdrop.show.show {
    opacity: 0.45;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-content,
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-content:is(.modern-modal-pacote, .modern-modal-plano) {
    border: 1px solid var(--v2-card-border);
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 20px 50px rgba(16, 24, 40, 0.18);
    overflow: hidden;
    color: var(--v2-text);
    animation: none;
}

body[data-support-page="pacotes"] .modal.show :is(.modern-modal-pacote, .modern-modal-plano) {
    animation: none;
}

body[data-support-page="pacotes"] #creditosModal .modal-dialog,
body[data-support-page="pacotes"] #novoClienteRapidoModal .modal-dialog,
body[data-support-page="pacotes"] #celcoinImportStatusModal .modal-dialog {
    max-width: 540px;
}

/* Cabeçalho branco */
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-header,
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-header.gradient-header,
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-header.gradient-header.plano-gradient {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 12px;
    min-height: 64px;
    padding: 14px var(--m-pad-x);
    border: 0;
    border-bottom: 1px solid var(--v2-card-divider);
    border-radius: 0;
    background: #ffffff !important;
    color: var(--v2-text);
    overflow: visible;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-header.gradient-header::before,
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-header.gradient-header::after {
    display: none;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-header .header-content {
    gap: 12px;
    min-width: 0;
}

/* Ícone do cabeçalho: caixinha chapada na cor do modal */
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-header .icon-wrapper,
body[data-support-page="pacotes"] #celcoinImportStatusModal .modal-title > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 8px;
    background: var(--m-accent);
    backdrop-filter: none;
    box-shadow: none;
    color: #ffffff;
    font-size: 14px;
    opacity: 1;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-title {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    margin: 0;
    color: var(--v2-text);
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.3;
    text-shadow: none;
}

/* O título repete um ícone (olho, lápis, +); o do modal já está na caixinha */
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-header.gradient-header .modal-title > i {
    display: none;
}

/* Fechar: quadrado discreto */
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-header .btn-close,
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-header .btn-close.btn-close-white {
    position: static;
    box-sizing: border-box;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin: 0 -6px 0 auto;
    padding: 0;
    border-radius: 8px;
    background-size: 11px;
    filter: none;
    opacity: 0.55;
    box-shadow: none;
    transform: none;
    transition: background-color 0.15s ease, opacity 0.15s ease;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-header .btn-close:hover {
    background-color: #f3f4f6;
    opacity: 0.9;
    transform: none;
}

/* Corpo */
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-body,
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-body.modern-modal-body {
    padding: 20px var(--m-pad-x);
    background: #ffffff;
    color: var(--v2-text);
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modern-modal-body {
    max-height: none;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modern-modal-body::-webkit-scrollbar-thumb {
    border: 0;
    background: #d5d9e0;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modern-modal-body::-webkit-scrollbar-thumb:hover {
    background: #c3c8d0;
}

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

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-footer > * {
    margin: 0;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-footer .btn,
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-footer .btn.btn-modern {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: auto;
    min-height: 40px;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-radius: 8px;
    background-image: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    transform: none;
    overflow: visible;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-footer .btn.d-none {
    display: none !important;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-footer .btn::before,
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-footer .btn::after {
    display: none;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-footer .btn:is(:hover, :active) {
    box-shadow: none;
    transform: none;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #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);
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-footer .btn i {
    font-size: 13px;
}

/* Principal: cor do salão */
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-footer .btn-primary {
    border-color: var(--primary-color, #007bff);
    background: var(--primary-color, #007bff);
    color: #ffffff;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-footer .btn-primary:is(:hover, :focus) {
    border-color: var(--primary-dark, var(--primary-color, #0062cc));
    background: var(--primary-dark, var(--primary-color, #0062cc));
    color: #ffffff;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-footer .btn-primary:disabled {
    border-color: var(--primary-color, #007bff);
    background: var(--primary-color, #007bff);
    opacity: 0.55;
}

/* Secundários: brancos com borda */
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-footer .btn-outline-secondary {
    border-color: var(--v2-card-border);
    background: #ffffff;
    color: var(--v2-text-2);
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-footer .btn-outline-secondary i {
    color: var(--v2-muted);
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-footer .btn-outline-secondary:is(:hover, :focus) {
    border-color: #d5d9e0;
    background: #f3f4f6;
    color: var(--v2-text);
}

/* Central de ajuda: só perde o degradê/sombra que o pacotes-premium.css
   põe em todo .btn-primary */
body[data-support-page="pacotes"] #dashboardHelpModal .modal-footer .btn-primary {
    border: 1px solid var(--primary-color, #007bff);
    background: var(--primary-color, #007bff);
    box-shadow: none;
    transform: none;
}

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

/* ========================================
   MODAIS: seções e campos
   ======================================== */
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .form-section {
    height: auto;
    margin-bottom: 16px;
    padding: 16px;
    border: 1px solid var(--v2-card-border);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: none;
    transition: none;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .form-section:last-child,
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .row > [class*="col-"] > .form-section {
    margin-bottom: 0;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .form-section:hover {
    border-color: var(--v2-card-border);
    box-shadow: none;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .section-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    padding: 0 0 12px;
    border: 0;
    border-bottom: 1px solid var(--v2-card-divider);
    border-radius: 0;
    background: transparent;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .section-header > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: var(--m-accent);
    box-shadow: none;
    color: #ffffff;
    font-size: 12px;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .section-header h6 {
    margin: 0;
    color: var(--v2-text);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.01em;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .row.g-4 {
    --bs-gutter-y: 16px;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .form-floating-modern {
    margin-bottom: 14px;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .form-floating-modern.mb-0,
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .row .form-floating-modern {
    margin-bottom: 0;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .form-floating-modern.mb-3 {
    margin-bottom: 14px !important;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .form-label-modern {
    gap: 6px;
    margin-bottom: 6px;
    color: var(--v2-text-2);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .form-label-modern i {
    width: 14px;
    color: #9aa1ad;
    font-size: 12px;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) :is(.form-control-modern, .form-select-modern),
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-body :is(.form-control, .form-select):not(.form-check-input):not(.color-input) {
    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;
    line-height: 1.4;
    box-shadow: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

/* Selects com a seta visível (o atalho "background" antigo a apagava) */
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .form-select-modern,
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-body .form-select {
    appearance: none;
    padding-right: 36px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px 12px;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) :is(.form-control-modern, .form-select-modern, .form-control)::placeholder {
    color: #9aa1ad;
    opacity: 1;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) :is(.form-control-modern, .form-select-modern, .form-control, .form-select):hover:not(:focus):not(:disabled):not([readonly]) {
    border-color: #d5d9e0;
    background-color: #ffffff;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) :is(.form-control-modern, .form-select-modern, .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: 0;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) :is(.form-control-modern, .form-control)[readonly],
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) :is(.form-control-modern, .form-control, .form-select, .form-select-modern):disabled {
    background-color: var(--v2-surface);
    color: var(--v2-text-2);
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) :is(.form-control-modern, .form-control)[readonly]:focus {
    border-color: var(--v2-card-border);
    box-shadow: none;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) textarea:is(.form-control-modern, .form-control) {
    resize: vertical;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .form-hint {
    gap: 6px;
    margin-top: 6px;
    color: var(--v2-muted);
    font-size: 13px;
    line-height: 1.45;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .form-hint i {
    margin-top: 3px;
    color: #9aa1ad;
    font-size: 11px;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) :is(.form-text, small.text-muted) {
    color: var(--v2-muted) !important;
    font-size: 13px;
    line-height: 1.45;
}

/* Interruptores e checkboxes na cor do salão */
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .form-check-input {
    border-color: #cfd4dc;
    box-shadow: none;
    cursor: pointer;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .form-check-input:checked {
    border-color: var(--primary-color, #007bff);
    background-color: var(--primary-color, #007bff);
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .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="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .form-switch .form-check-input {
    width: 2.25em;
    height: 1.25em;
    margin-top: 0.15em;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .form-check-label {
    color: var(--v2-text);
    font-size: 14px;
}

/* Avisos dentro dos modais: chapados, sem degradê */
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .alert {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid transparent;
    border-radius: 10px;
    box-shadow: none !important;
    font-size: 13.5px;
    line-height: 1.5;
}

/* Aviso só com ícone + texto solto: fluxo normal (o flex separava
   "Pagamento seguro:" do resto da frase em duas colunas) */
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .alert:not(:has(> div)) {
    display: block;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .alert:not(:has(> div)) > i {
    margin-right: 6px;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .alert.d-none {
    display: none !important;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .alert > i {
    flex-shrink: 0;
    margin-top: 2px;
    font-size: 15px;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .alert-info {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #1e40af;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .alert-info > i { color: #2563eb; }

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .alert-warning {
    border-color: #fde68a !important;
    background: #fffbeb;
    color: #92400e;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .alert-warning > i { color: #d97706; }

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .alert-light,
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .alert-secondary {
    display: block;
    border-color: var(--v2-card-border) !important;
    background: var(--v2-surface);
    color: var(--v2-text);
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .alert-light strong {
    color: var(--v2-text);
    font-size: 14px;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .alert-light .text-muted {
    color: var(--v2-muted) !important;
    font-size: 13px;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .alert-light .text-primary {
    color: var(--m-accent) !important;
}

/* Observação (créditos, valor e comissão vêm do plano) */
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .info-box {
    align-items: flex-start;
    gap: 10px;
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid #fde68a;
    border-left-width: 1px;
    border-radius: 10px;
    background: #fffbeb;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .info-box > i {
    margin-top: 2px;
    color: #d97706;
    font-size: 15px;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .info-content strong {
    margin-bottom: 2px;
    color: #92400e;
    font-size: 14px;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .info-content p {
    color: #92400e;
    font-size: 13.5px;
}

/* Campo somente leitura (cliente/plano ao editar) */
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .readonly-field-card {
    padding: 12px 14px;
    border: 1px solid var(--v2-card-border);
    border-radius: 10px;
    background: var(--v2-surface);
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .readonly-field-value {
    color: var(--v2-text);
    font-size: 15px;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .readonly-field-meta {
    color: var(--v2-muted);
    font-size: 13px;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .readonly-field-hint {
    font-size: 13px;
}

/* ========================================
   ASSOCIAR / EDITAR / RENOVAR PACOTE
   ======================================== */
body[data-support-page="pacotes"] #pacoteModal .input-group-cliente {
    gap: 8px;
}

body[data-support-page="pacotes"] #pacoteModal .searchable-select-arrow {
    right: 13px;
    color: #9aa1ad;
    font-size: 11px;
}

body[data-support-page="pacotes"] #pacoteModal .searchable-select-dropdown {
    top: calc(100% + 4px);
    border: 1px solid var(--v2-card-border);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 12px 32px rgba(16, 24, 40, 0.14);
    animation: none;
}

body[data-support-page="pacotes"] #pacoteModal .searchable-select-wrapper.open .searchable-select-dropdown {
    animation: none;
}

body[data-support-page="pacotes"] #pacoteModal .searchable-select-option {
    gap: 10px;
    padding: 9px 12px;
    border-bottom: 1px solid var(--v2-card-divider);
    transition: background-color 0.15s ease;
}

body[data-support-page="pacotes"] #pacoteModal .searchable-select-option:is(:hover, .highlighted) {
    background: var(--v2-surface);
}

body[data-support-page="pacotes"] #pacoteModal .searchable-select-option.selected {
    background: var(--v2-primary-tint);
}

body[data-support-page="pacotes"] #pacoteModal .searchable-select-option .option-avatar {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #eef0f3;
    box-shadow: none;
    color: var(--v2-text-2);
    font-size: 12px;
    font-weight: 500;
}

body[data-support-page="pacotes"] #pacoteModal .searchable-select-option .option-name {
    color: var(--v2-text);
    font-size: 14px;
    font-weight: 500;
}

body[data-support-page="pacotes"] #pacoteModal .searchable-select-option .option-name mark {
    padding: 0;
    border-radius: 2px;
    background: #fef3c7;
    color: inherit;
}

body[data-support-page="pacotes"] #pacoteModal .searchable-select-option .option-phone {
    color: var(--v2-muted);
    font-size: 12.5px;
}

body[data-support-page="pacotes"] #pacoteModal .searchable-select-option .option-check {
    color: var(--primary-color, #007bff);
}

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

body[data-support-page="pacotes"] #pacoteModal .searchable-select-input.has-selection {
    border-color: #86efac;
    background-color: #f0fdf4;
    font-weight: 500;
}

/* Botão "+" (criar cliente) */
body[data-support-page="pacotes"] #pacoteModal .btn-add-cliente {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    min-width: 40px;
    border: 1px solid var(--v2-card-border);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: none;
    color: var(--primary-color, #007bff);
    font-size: 14px;
    transform: none;
}

body[data-support-page="pacotes"] #pacoteModal .btn-add-cliente:hover {
    border-color: #d5d9e0;
    background: var(--v2-surface);
    color: var(--primary-color, #007bff);
    box-shadow: none;
    transform: none;
}

/* Resumo do plano */
body[data-support-page="pacotes"] #pacoteModal .plano-preview-card {
    margin-bottom: 0;
    padding: 0;
    border: 1px solid var(--v2-card-border);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: none;
}

body[data-support-page="pacotes"] #pacoteModal .plano-preview-card:has(.summary-content:not(.d-none)) {
    padding: 0;
    border-color: var(--v2-card-border);
    background: #ffffff;
    box-shadow: none;
}

body[data-support-page="pacotes"] #pacoteModal .summary-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 18px 12px;
    border: 1px dashed #d5d9e0;
    border-radius: 10px;
    background: var(--v2-surface);
    text-align: center;
}

body[data-support-page="pacotes"] #pacoteModal .plano-preview-card:has(> .summary-placeholder:not(.d-none)) {
    border: 0;
}

body[data-support-page="pacotes"] #pacoteModal .summary-placeholder.d-none {
    display: none;
}

body[data-support-page="pacotes"] #pacoteModal .summary-placeholder i {
    margin: 0;
    color: #c3c8d0;
    font-size: 20px;
    opacity: 1;
}

body[data-support-page="pacotes"] #pacoteModal .summary-placeholder p {
    margin: 0;
    color: var(--v2-muted);
    font-size: 13.5px;
}

body[data-support-page="pacotes"] #pacoteModal .summary-content {
    padding: 4px 14px 6px;
}

body[data-support-page="pacotes"] #pacoteModal .preview-header {
    gap: 8px;
    margin: 0 -14px 4px;
    padding: 8px 14px;
    border: 0;
    border-bottom: 1px solid var(--v2-card-divider);
    background: var(--v2-surface);
}

body[data-support-page="pacotes"] #pacoteModal .preview-header i {
    width: auto;
    height: auto;
    background: none;
    box-shadow: none;
    color: #9aa1ad;
    font-size: 13px;
}

body[data-support-page="pacotes"] #pacoteModal .preview-header h6 {
    margin: 0;
    color: var(--v2-text-2);
    font-size: 13.5px;
    font-weight: 500;
}

body[data-support-page="pacotes"] #pacoteModal .preview-item {
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid var(--v2-card-divider);
}

body[data-support-page="pacotes"] #pacoteModal .preview-item:last-child {
    border-bottom: 0;
}

body[data-support-page="pacotes"] #pacoteModal .preview-item label {
    color: var(--v2-muted);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}

body[data-support-page="pacotes"] #pacoteModal .preview-item label i {
    color: #9aa1ad;
}

body[data-support-page="pacotes"] #pacoteModal .preview-value strong {
    color: var(--v2-text);
    font-size: 14px;
    font-weight: 500;
}

body[data-support-page="pacotes"] #pacoteModal .preview-value small {
    color: var(--v2-muted) !important;
    font-size: 12.5px;
}

/* Modo de inserção */
body[data-support-page="pacotes"] #pacoteModal .insertion-mode-selector {
    gap: 10px;
    margin-bottom: 16px !important;
}

body[data-support-page="pacotes"] #pacoteModal .mode-option {
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--v2-card-border);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: none;
    transform: none;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

body[data-support-page="pacotes"] #pacoteModal .mode-option:hover {
    border-color: #d5d9e0;
    background: var(--v2-surface);
    box-shadow: none;
    transform: none;
}

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

body[data-support-page="pacotes"] #pacoteModal .mode-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--primary-color, #007bff);
    box-shadow: none;
    color: #ffffff;
    font-size: 15px;
}

body[data-support-page="pacotes"] #pacoteModal .mode-icon.warning {
    background: #f59e0b;
    box-shadow: none;
}

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

body[data-support-page="pacotes"] #pacoteModal .mode-info .badge {
    padding: 3px 7px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
}

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

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

body[data-support-page="pacotes"] #pacoteModal .mode-info p {
    margin: 4px 0 0;
    color: var(--v2-text-2);
    font-size: 13px;
    line-height: 1.45;
}

body[data-support-page="pacotes"] #pacoteModal .mode-check {
    width: 22px;
    height: 22px;
    border: 1px solid #cfd4dc;
    box-shadow: none;
    font-size: 12px;
}

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

body[data-support-page="pacotes"] #pacoteModal #cardFormSection h6.text-muted {
    margin: 0 !important;
    color: var(--v2-text-2) !important;
    font-size: 14px;
    font-weight: 500;
}

body[data-support-page="pacotes"] #pacoteModal #cardFormSection .mt-4.mb-3 {
    margin: 18px 0 10px !important;
}

/* Venda manual: formas de pagamento */
body[data-support-page="pacotes"] #pacoteModal .manual-payment-builder {
    gap: 12px;
}

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

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

body[data-support-page="pacotes"] #pacoteModal .manual-payment-header .btn::before {
    display: none;
}

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

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

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

body[data-support-page="pacotes"] #pacoteModal .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;
    transform: none;
}

body[data-support-page="pacotes"] #pacoteModal .manual-payment-method i {
    color: #9aa1ad;
}

body[data-support-page="pacotes"] #pacoteModal .manual-payment-method:hover {
    border-color: #d5d9e0;
    background: var(--v2-surface);
    transform: none;
}

body[data-support-page="pacotes"] #pacoteModal .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);
}

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

body[data-support-page="pacotes"] #pacoteModal .manual-payment-selected {
    gap: 8px;
}

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

body[data-support-page="pacotes"] #pacoteModal .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="pacotes"] #pacoteModal .manual-payment-item {
    gap: 10px;
    padding: 10px 12px;
}

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

body[data-support-page="pacotes"] #pacoteModal .manual-payment-item__info strong {
    color: var(--v2-text);
    font-size: 14px;
}

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

body[data-support-page="pacotes"] #pacoteModal .manual-payment-item__actions {
    gap: 6px;
}

body[data-support-page="pacotes"] #pacoteModal .manual-payment-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border: 1px solid var(--v2-card-border);
    border-radius: 8px;
    background: #ffffff;
    color: #dc2626;
}

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

body[data-support-page="pacotes"] #pacoteModal .manual-payment-feedback {
    color: var(--v2-muted);
    font-size: 13.5px;
    font-weight: 400;
}

body[data-support-page="pacotes"] #pacoteModal .manual-payment-feedback.is-valid { color: #15803d; }
body[data-support-page="pacotes"] #pacoteModal .manual-payment-feedback.is-warning { color: #b45309; }
body[data-support-page="pacotes"] #pacoteModal .manual-payment-feedback.is-danger { color: #b91c1c; }

/* Renovação manual */
body[data-support-page="pacotes"] #pacoteModal .renewal-flow-panel {
    margin-bottom: 16px !important;
    padding: 16px;
    border: 1px solid var(--v2-card-border);
    border-radius: 12px;
    background: #ffffff;
}

body[data-support-page="pacotes"] #pacoteModal .renewal-flow-panel.d-none {
    display: none;
}

body[data-support-page="pacotes"] #pacoteModal .renewal-flow-hero {
    margin-bottom: 14px;
}

body[data-support-page="pacotes"] #pacoteModal .renewal-flow-kicker {
    margin-bottom: 8px;
    padding: 3px 8px;
    border-radius: 6px;
    background: rgba(22, 163, 74, 0.12);
    color: #15803d;
    font-size: 12px;
    font-weight: 500;
    text-transform: none;
}

body[data-support-page="pacotes"] #pacoteModal .renewal-flow-hero h6 {
    margin: 0 0 4px;
    color: var(--v2-text);
    font-size: 16px;
    font-weight: 500;
}

body[data-support-page="pacotes"] #pacoteModal .renewal-flow-hero p {
    color: var(--v2-text-2);
    font-size: 13.5px;
    line-height: 1.5;
}

body[data-support-page="pacotes"] #pacoteModal .renewal-flow-grid {
    gap: 10px;
    margin-bottom: 12px;
}

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

body[data-support-page="pacotes"] #pacoteModal .renewal-flow-card.is-highlight {
    border-color: #bbf7d0;
    background: #f0fdf4;
}

body[data-support-page="pacotes"] #pacoteModal .renewal-flow-card .label {
    margin-bottom: 4px;
    color: var(--v2-muted);
    font-size: 12.5px;
    font-weight: 500;
    text-transform: none;
}

body[data-support-page="pacotes"] #pacoteModal .renewal-flow-card strong {
    margin-bottom: 2px;
    color: var(--v2-text);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
}

body[data-support-page="pacotes"] #pacoteModal .renewal-flow-card :is(p, small) {
    color: var(--v2-text-2);
    font-size: 13px;
}

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

body[data-support-page="pacotes"] #pacoteModal .renewal-flow-check {
    gap: 8px;
    padding: 8px 10px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--v2-text-2);
    font-size: 13.5px;
}

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

/* ========================================
   DETALHES DO PACOTE
   ======================================== */
body[data-support-page="pacotes"] #pacoteDetalhesModal .pacote-detalhes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 10px;
}

body[data-support-page="pacotes"] #pacoteDetalhesModal .pacote-detalhes .detail-group {
    padding: 12px 14px;
    border: 1px solid var(--v2-card-border);
    border-radius: 10px;
    background: #ffffff;
}

body[data-support-page="pacotes"] #pacoteDetalhesModal .pacote-detalhes .detail-group h6 {
    margin-bottom: 4px;
    color: var(--v2-muted);
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

body[data-support-page="pacotes"] #pacoteDetalhesModal .pacote-detalhes .detail-group p {
    color: var(--v2-text);
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.45;
}

body[data-support-page="pacotes"] #pacoteDetalhesModal .pacote-detalhes .detail-group p small {
    color: var(--v2-muted);
    font-size: 12.5px;
    font-weight: 400;
}

body[data-support-page="pacotes"] :is(#pacoteDetalhesModal, #historicoModal) .loading-state {
    padding: 24px 0;
    color: var(--v2-muted);
    font-size: 14px;
    text-align: center;
}

/* Etiqueta "Pacote Manual" e status (também usados nos modais) */
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) :is(.pacote-origin-tag, .payment-method-tag) {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    padding: 3px 8px;
    border: 0;
    border-radius: 6px;
    font-size: 12.5px;
    font-weight: 500;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .status-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 9px;
    border: 0;
    border-radius: 6px;
    box-shadow: none;
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.3;
    text-transform: none;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .status-badge::before {
    display: none;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .status-badge.ativo { background: rgba(22, 163, 74, 0.1); color: #15803d; box-shadow: none; }
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .status-badge.pendente { background: rgba(245, 158, 11, 0.14); color: #b45309; box-shadow: none; }
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .status-badge.vencendo { background: rgba(234, 88, 12, 0.1); color: #c2410c; box-shadow: none; }
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .status-badge.vencido { background: rgba(220, 38, 38, 0.08); color: #b91c1c; box-shadow: none; }
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .status-badge:is(.cancelado, .inativo) { background: #eef0f3; color: #4b5563; box-shadow: none; }

/* ========================================
   VISUALIZAR PLANO
   ======================================== */
body[data-support-page="pacotes"] #visualizarPlanoModal .plano-view-hero {
    margin-bottom: 14px;
    padding: 14px 16px;
    border: 1px solid var(--v2-card-border);
    border-radius: 12px;
    background: var(--v2-surface);
}

body[data-support-page="pacotes"] #visualizarPlanoModal .plano-view-hero::before {
    display: none;
}

body[data-support-page="pacotes"] #visualizarPlanoModal .plano-view-hero h4 {
    color: var(--v2-text);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
}

body[data-support-page="pacotes"] #visualizarPlanoModal .hero-meta {
    gap: 8px;
    margin-top: 8px;
}

body[data-support-page="pacotes"] #visualizarPlanoModal #viewPlanoStatus {
    padding: 4px 9px;
    border-radius: 6px;
    font-size: 12.5px;
    font-weight: 500;
}

body[data-support-page="pacotes"] #visualizarPlanoModal #viewPlanoStatus.bg-success {
    background: rgba(22, 163, 74, 0.1) !important;
    color: #15803d;
}

body[data-support-page="pacotes"] #visualizarPlanoModal #viewPlanoStatus.bg-secondary {
    background: #eef0f3 !important;
    color: #4b5563;
}

body[data-support-page="pacotes"] #visualizarPlanoModal .plano-color-indicator {
    width: 18px;
    height: 18px;
    border: 2px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px var(--v2-card-border);
}

body[data-support-page="pacotes"] #visualizarPlanoModal .plano-view-grid {
    gap: 10px;
}

body[data-support-page="pacotes"] #visualizarPlanoModal .plano-view-card {
    padding: 12px 14px;
    border: 1px solid var(--v2-card-border);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: none;
    transform: none;
}

body[data-support-page="pacotes"] #visualizarPlanoModal .plano-view-card:hover {
    border-color: var(--v2-card-border);
    box-shadow: none;
    transform: none;
}

body[data-support-page="pacotes"] #visualizarPlanoModal .plano-view-card .label {
    gap: 6px;
    margin-bottom: 4px;
    color: var(--v2-muted);
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

body[data-support-page="pacotes"] #visualizarPlanoModal .plano-view-card .label i {
    color: #9aa1ad;
    font-size: 11px;
}

body[data-support-page="pacotes"] #visualizarPlanoModal .plano-view-card .value {
    color: var(--v2-text);
    font-size: 15px;
    font-weight: 500;
}

body[data-support-page="pacotes"] #visualizarPlanoModal .plano-view-card .value.value-muted {
    color: var(--v2-text-2);
    font-size: 14px;
    font-weight: 400;
}

/* Pendências de plano importado: aviso âmbar parado (antes brilhava) */
body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .plano-pendencia-alert {
    gap: 10px;
    margin-bottom: 14px;
    padding: 12px 14px;
    border: 1px solid #fde68a;
    border-radius: 10px;
    background: #fffbeb;
    color: #92400e;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .plano-pendencia-alert.d-none {
    display: none;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .plano-pendencia-alert i {
    color: #d97706;
    font-size: 15px;
    animation: none;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .plano-pendencia-alert strong {
    font-size: 14px;
}

body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .plano-pendencia-alert span {
    font-size: 13.5px;
}

/* Campos pendentes de plano importado: destaque âmbar parado */
body[data-support-page="pacotes"] :is(#planoDescricaoField, #planoServicosField).is-pending-import {
    padding: 12px;
    border: 1px solid #fde68a;
    border-radius: 10px;
    outline: 0;
    background: #fffbeb;
    animation: none;
}

body[data-support-page="pacotes"] :is(#viewPlanoDescricaoCard, #viewPlanoServicosCard).is-pending-import {
    border-color: #fde68a;
    background: #fffbeb;
    animation: none;
}

/* ========================================
   NOVO / EDITAR PLANO
   ======================================== */
body[data-support-page="pacotes"] #criarEditarPlanoModal .form-section .row {
    --bs-gutter-x: 16px;
    --bs-gutter-y: 14px;
}

body[data-support-page="pacotes"] #criarEditarPlanoModal .alert-light .row {
    --bs-gutter-y: 10px;
}

body[data-support-page="pacotes"] #criarEditarPlanoModal .alert-light p.mb-3 {
    margin-bottom: 10px !important;
}

body[data-support-page="pacotes"] #criarEditarPlanoModal #planoComissaoPreview {
    display: block;
    color: var(--v2-text-2);
    font-size: 13.5px;
}

/* Cor do plano */
body[data-support-page="pacotes"] #criarEditarPlanoModal .color-picker-container {
    gap: 10px;
}

body[data-support-page="pacotes"] #criarEditarPlanoModal .color-input {
    width: 56px;
    height: 40px;
    padding: 3px;
    border: 1px solid var(--v2-card-border);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: none;
}

body[data-support-page="pacotes"] #criarEditarPlanoModal .color-preset-buttons {
    gap: 8px;
}

body[data-support-page="pacotes"] #criarEditarPlanoModal .color-preset {
    width: 28px;
    height: 28px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px var(--v2-card-border);
    transform: none;
}

body[data-support-page="pacotes"] #criarEditarPlanoModal .color-preset:is(:hover, :focus-visible) {
    border-color: #ffffff;
    box-shadow: 0 0 0 1px #9aa1ad;
    transform: none;
}

body[data-support-page="pacotes"] #criarEditarPlanoModal .color-preset.active {
    border-color: #ffffff;
    box-shadow: 0 0 0 2px var(--v2-text);
    transform: none;
}

/* Serviços incluídos / dias permitidos */
body[data-support-page="pacotes"] #criarEditarPlanoModal .servicos-checkboxes {
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 6px;
    padding: 8px;
    border: 1px solid var(--v2-card-border);
    border-radius: 10px;
    background: var(--v2-surface);
}

body[data-support-page="pacotes"] #criarEditarPlanoModal .servicos-checkboxes .service-checkbox {
    gap: 8px;
    min-height: 40px;
    margin: 0;
    padding: 8px 10px;
    border: 1px solid var(--v2-card-border);
    border-radius: 8px;
    background: #ffffff;
    color: var(--v2-text);
    font-size: 14px;
    cursor: pointer;
}

body[data-support-page="pacotes"] #criarEditarPlanoModal .servicos-checkboxes .service-checkbox:hover {
    border-color: #d5d9e0;
    background: #ffffff;
}

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

body[data-support-page="pacotes"] #criarEditarPlanoModal .servicos-checkboxes input[type="checkbox"] {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--primary-color, #007bff);
}

body[data-support-page="pacotes"] #criarEditarPlanoModal .servicos-checkboxes small.text-muted {
    font-size: 12.5px;
}

body[data-support-page="pacotes"] #criarEditarPlanoModal .servicos-checkboxes > p.text-muted {
    grid-column: 1 / -1;
    margin: 6px;
}

/* ========================================
   HISTÓRICO DO PACOTE
   ======================================== */
body[data-support-page="pacotes"] #historicoModal .historico-timeline {
    padding-left: 24px;
}

body[data-support-page="pacotes"] #historicoModal .historico-timeline::before {
    left: 6px;
    width: 2px;
    background: var(--v2-card-divider);
}

/* O dashboard-content.css também tem .timeline-item/.timeline-content
   (agenda do dashboard) e deixava cada evento numa linha só, com borda
   laranja e deslocamento no hover */
body[data-support-page="pacotes"] #historicoModal .historico-timeline .timeline-item {
    display: block;
    padding: 0 0 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
    transform: none;
}

body[data-support-page="pacotes"] #historicoModal .historico-timeline .timeline-item:hover {
    background: transparent;
    transform: none;
}

body[data-support-page="pacotes"] #historicoModal .historico-timeline .timeline-item:last-child {
    padding-bottom: 0;
}

body[data-support-page="pacotes"] #historicoModal .historico-timeline .timeline-item::before {
    left: -23px;
    top: 14px;
    width: 12px;
    height: 12px;
    border: 2px solid #ffffff;
    background: var(--m-accent);
    box-shadow: 0 0 0 1px var(--v2-card-border);
}

body[data-support-page="pacotes"] #historicoModal .historico-timeline .timeline-content {
    display: block;
    padding: 10px 14px;
    border: 1px solid var(--v2-card-border);
    border-radius: 10px;
    background: #ffffff;
}

body[data-support-page="pacotes"] #historicoModal .historico-timeline .timeline-date {
    margin-bottom: 2px;
    color: var(--v2-muted);
    font-size: 12.5px;
}

body[data-support-page="pacotes"] #historicoModal .historico-timeline .timeline-title {
    margin: 0 0 2px;
    color: var(--v2-text);
    font-size: 14.5px;
    font-weight: 500;
}

body[data-support-page="pacotes"] #historicoModal .historico-timeline .timeline-description {
    color: var(--v2-text-2);
    font-size: 13.5px;
}

body[data-support-page="pacotes"] #historicoModal .historico-timeline .timeline-actions {
    margin-top: 8px;
}

body[data-support-page="pacotes"] #historicoModal .historico-timeline .timeline-actions .btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 4px 10px;
    border: 1px solid var(--v2-card-border);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: none;
    color: var(--v2-text-2);
    font-size: 13px;
    font-weight: 500;
    transform: none;
}

body[data-support-page="pacotes"] #historicoModal .historico-timeline .timeline-actions .btn i {
    color: var(--primary-color, #007bff);
}

body[data-support-page="pacotes"] #historicoModal .historico-timeline .timeline-actions .btn:hover {
    border-color: #d5d9e0;
    background: var(--v2-surface);
    color: var(--v2-text);
}

body[data-support-page="pacotes"] #historicoModal .empty-state {
    max-width: none;
    padding: 28px 12px;
    border: 0;
    background: transparent;
    text-align: center;
}

body[data-support-page="pacotes"] #historicoModal .empty-state > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 10px;
    border-radius: 12px;
    background: #eef0f3;
    color: var(--v2-muted);
    font-size: 20px;
    opacity: 1;
}

body[data-support-page="pacotes"] #historicoModal .empty-state h6 {
    color: var(--v2-text);
    font-size: 15px;
    font-weight: 500;
}

body[data-support-page="pacotes"] #historicoModal .empty-state p {
    color: var(--v2-muted);
    font-size: 14px;
}

/* ========================================
   EDITAR CRÉDITOS
   ======================================== */
body[data-support-page="pacotes"] #creditosModal .credito-resumo {
    gap: 12px;
    margin-bottom: 14px;
    padding: 12px 14px;
    border: 1px solid var(--v2-card-border);
    border-radius: 10px;
    background: var(--v2-surface);
}

body[data-support-page="pacotes"] #creditosModal .credito-resumo .label {
    margin-bottom: 2px;
    color: var(--v2-muted);
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

body[data-support-page="pacotes"] #creditosModal .credito-resumo strong {
    color: var(--v2-text);
    font-size: 15px;
    font-weight: 500;
}

body[data-support-page="pacotes"] #creditosModal .credito-quick-actions {
    gap: 8px;
    margin-bottom: 14px;
}

body[data-support-page="pacotes"] #creditosModal .btn-credito-quick {
    flex: 1 1 0;
    min-height: 40px;
    padding: 6px 10px;
    border: 1px solid var(--v2-card-border);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: none;
    color: var(--v2-text);
    font-size: 15px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    transform: none;
}

body[data-support-page="pacotes"] #creditosModal .btn-credito-quick::before {
    display: none;
}

body[data-support-page="pacotes"] #creditosModal .btn-credito-quick:hover:not(:disabled) {
    border-color: #d5d9e0;
    background: var(--v2-surface);
    color: var(--v2-text);
    box-shadow: none;
    transform: none;
}

body[data-support-page="pacotes"] #creditosModal .btn-credito-quick:disabled {
    border-color: var(--v2-card-border);
    background: #ffffff;
    color: #9aa1ad;
    opacity: 0.6;
}

/* ========================================
   NOVO CLIENTE (rápido)
   ======================================== */
body[data-support-page="pacotes"] #novoClienteRapidoModal .alert-warning.shadow-sm {
    display: block;
}

body[data-support-page="pacotes"] #novoClienteRapidoModal .alert-warning strong {
    color: #92400e;
}

/* ========================================
   IMPORTAÇÃO (CELCOIN / ASAAS)
   ======================================== */
body[data-support-page="pacotes"] #celcoinImportStatusModal .modal-body.p-4 {
    padding: 20px var(--m-pad-x) !important;
}

body[data-support-page="pacotes"] #celcoinImportStatusModal .modal-body > .mb-3 > strong {
    color: var(--v2-text);
    font-size: 15px;
}

body[data-support-page="pacotes"] #celcoinImportStatusModal .modal-body .text-muted {
    color: var(--v2-muted) !important;
}

body[data-support-page="pacotes"] #celcoinImportStatusModal .progress {
    height: 8px;
    border-radius: 999px;
    background: #eef0f3;
}

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

/* ========================================
   PROCESSANDO NO GATEWAY (overlay criado pelo pacotes.js)
   ======================================== */
body[data-support-page="pacotes"] .gateway-loading-overlay {
    backdrop-filter: none;
    background: rgba(17, 24, 39, 0.45);
}

body[data-support-page="pacotes"] .gateway-loading-card {
    width: min(420px, calc(100vw - 32px));
    padding: 28px 28px 24px;
    border: 1px solid var(--v2-card-border);
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 20px 50px rgba(16, 24, 40, 0.18);
    transform: none;
}

body[data-support-page="pacotes"] .gateway-loading-overlay.active .gateway-loading-card {
    transform: none;
}

body[data-support-page="pacotes"] .gateway-loading-spinner {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
}

body[data-support-page="pacotes"] .gateway-loading-spinner .spinner-ring {
    border-width: 3px;
}

body[data-support-page="pacotes"] .gateway-loading-spinner .spinner-ring:nth-child(1) {
    border-color: #eef0f3;
    border-top-color: var(--primary-color, #007bff);
}

body[data-support-page="pacotes"] .gateway-loading-spinner .spinner-ring:nth-child(2),
body[data-support-page="pacotes"] .gateway-loading-spinner .spinner-ring:nth-child(3) {
    display: none;
}

body[data-support-page="pacotes"] .gateway-loading-spinner .spinner-icon {
    color: var(--primary-color, #007bff);
    font-size: 20px;
    animation: none;
}

body[data-support-page="pacotes"] .gateway-loading-title {
    margin: 0 0 6px;
    color: var(--v2-text);
    font-size: 17px;
    font-weight: 500;
}

body[data-support-page="pacotes"] .gateway-loading-subtitle {
    margin: 0 0 4px;
    color: var(--v2-text-2);
    font-size: 14px;
    line-height: 1.5;
}

body[data-support-page="pacotes"] .gateway-loading-subtitle strong {
    color: #b45309;
}

body[data-support-page="pacotes"] .gateway-loading-close-btn {
    align-items: center;
    gap: 6px;
    min-height: 40px;
    margin-top: 12px;
    padding: 8px 16px;
    border: 1px solid var(--v2-card-border);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: none;
    color: var(--v2-text-2);
    font-size: 14px;
    font-weight: 500;
    transform: none;
}

body[data-support-page="pacotes"] .gateway-loading-close-btn:hover {
    border-color: #d5d9e0;
    background: #f3f4f6;
    color: var(--v2-text);
    transform: none;
}

/* ========================================
   MODAIS: tablet / celular grande (<= 768px)
   ======================================== */
@media (max-width: 768px) {
    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-dialog {
        width: auto;
        max-width: calc(100vw - 32px);
        margin: 16px auto;
    }

    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-content {
        display: flex;
        flex-direction: column;
        max-height: calc(100vh - 32px);
        max-height: calc(var(--gestao-popup-viewport-height, 100dvh) - 32px);
    }

    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #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/Fechar" compacto + ação principal ocupando o resto */
    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-footer,
    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-footer.modern-modal-footer {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch;
    }

    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-footer .btn,
    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-footer .btn.btn-modern {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
        min-height: 44px;
        padding-left: 12px;
        padding-right: 12px;
        font-size: 15px;
        white-space: normal;
    }

    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-footer .btn[data-bs-dismiss="modal"]:not(:only-child) {
        flex: 0 0 auto;
        padding-left: 16px;
        padding-right: 16px;
    }

    /* Campos: 44px */
    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) :is(.form-control-modern, .form-select-modern),
    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-body :is(.form-control, .form-select):not(.form-check-input):not(.color-input) {
        min-height: 44px;
    }

    body[data-support-page="pacotes"] #pacoteModal .btn-add-cliente {
        width: 44px;
        min-width: 44px;
        height: 44px;
    }

    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .form-section {
        padding: 14px;
    }

    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .section-header {
        margin: 0 0 12px;
        padding: 0 0 10px;
    }

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

    body[data-support-page="pacotes"] #pacoteModal .manual-payment-item__actions {
        width: 100%;
    }

    body[data-support-page="pacotes"] #pacoteModal .manual-payment-item__actions input {
        flex: 1 1 auto;
        width: auto;
    }

    body[data-support-page="pacotes"] #pacoteModal .manual-payment-header .btn {
        width: auto;
    }
}

/* ========================================
   CELULAR (<= 576px): folha presa na base da tela
   ======================================== */
@media (max-width: 576px) {
    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) {
        --m-pad-x: 16px;
    }

    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-dialog,
    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-dialog.modal-dialog-scrollable {
        display: flex;
        align-items: flex-end;
        width: 100%;
        max-width: none;
        height: 100%;
        min-height: 100%;
        margin: 0 !important;
    }

    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal).fade .modal-dialog {
        transform: translateY(32px);
    }

    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal).show .modal-dialog {
        transform: none;
    }

    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-content,
    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-content:is(.modern-modal-pacote, .modern-modal-plano) {
        width: 100%;
        max-height: calc(100vh - 8px);
        max-height: calc(var(--gestao-popup-viewport-height, 100dvh) - 8px);
        border: 0;
        border-radius: 16px 16px 0 0;
        box-shadow: 0 -8px 30px rgba(16, 24, 40, 0.16);
    }

    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-header,
    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-header.gradient-header,
    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-header.gradient-header.plano-gradient {
        min-height: 60px;
        padding: 12px var(--m-pad-x);
    }

    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-title {
        font-size: 16px;
        overflow-wrap: anywhere;
    }

    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-header .icon-wrapper,
    body[data-support-page="pacotes"] #celcoinImportStatusModal .modal-title > i {
        flex-basis: 30px;
        width: 30px;
        height: 30px;
        font-size: 13px;
    }

    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-header .btn-close,
    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-header .btn-close.btn-close-white {
        width: 36px;
        height: 36px;
    }

    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-body,
    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-body.modern-modal-body,
    body[data-support-page="pacotes"] #celcoinImportStatusModal .modal-body.p-4 {
        padding: 16px var(--m-pad-x) !important;
    }

    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-footer,
    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-footer.modern-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="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) :is(.form-control-modern, .form-select-modern),
    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .modal-body :is(.form-control, .form-select):not(.form-check-input):not(.color-input) {
        font-size: 16px !important;
    }

    /* Seções sem caixa: o próprio modal já é o card */
    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .form-section {
        padding: 0;
        border: 0;
        border-radius: 0;
    }

    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .form-section + .form-section,
    body[data-support-page="pacotes"] #pacoteModal .row.g-4 > .col-12 + .col-12 .form-section {
        padding-top: 16px;
        border-top: 1px solid var(--v2-card-divider);
    }

    body[data-support-page="pacotes"] :is(#pacoteModal, #pacoteDetalhesModal, #visualizarPlanoModal, #criarEditarPlanoModal, #historicoModal, #creditosModal, #novoClienteRapidoModal, #celcoinImportStatusModal) .form-section .row {
        --bs-gutter-x: 12px;
    }

    body[data-support-page="pacotes"] #pacoteModal .mode-option {
        padding: 12px;
    }

    body[data-support-page="pacotes"] #pacoteModal .manual-payment-methods {
        grid-template-columns: 1fr 1fr;
    }

    body[data-support-page="pacotes"] #pacoteModal .manual-payment-method {
        min-height: 44px;
    }

    body[data-support-page="pacotes"] #pacoteModal .manual-payment-header .btn {
        width: 100%;
        min-height: 40px;
        justify-content: center;
    }

    body[data-support-page="pacotes"] #pacoteModal .preview-item {
        flex-direction: row;
        justify-content: space-between;
    }

    /* Detalhes / plano / créditos: dados em duas colunas */
    body[data-support-page="pacotes"] #pacoteDetalhesModal .pacote-detalhes,
    body[data-support-page="pacotes"] #visualizarPlanoModal .plano-view-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    body[data-support-page="pacotes"] #pacoteDetalhesModal .pacote-detalhes .detail-group {
        padding: 10px 12px;
    }

    body[data-support-page="pacotes"] #pacoteDetalhesModal .pacote-detalhes .detail-group:first-child,
    body[data-support-page="pacotes"] #pacoteDetalhesModal .pacote-detalhes .detail-group:nth-child(2) {
        grid-column: 1 / -1;
    }

    body[data-support-page="pacotes"] #visualizarPlanoModal .plano-view-card {
        padding: 10px 12px;
    }

    body[data-support-page="pacotes"] #visualizarPlanoModal .plano-view-card .value {
        font-size: 14.5px;
    }

    body[data-support-page="pacotes"] #creditosModal .credito-resumo {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    body[data-support-page="pacotes"] #creditosModal .credito-resumo > div:first-child {
        grid-column: 1 / -1;
    }

    body[data-support-page="pacotes"] #creditosModal .btn-credito-quick {
        min-height: 44px;
    }

    body[data-support-page="pacotes"] #criarEditarPlanoModal .servicos-checkboxes {
        grid-template-columns: 1fr 1fr;
    }

    body[data-support-page="pacotes"] #criarEditarPlanoModal .servicos-checkboxes .service-checkbox {
        min-height: 44px;
    }

    body[data-support-page="pacotes"] #criarEditarPlanoModal .color-preset {
        width: 32px;
        height: 32px;
    }

    body[data-support-page="pacotes"] #criarEditarPlanoModal .color-input {
        height: 44px;
    }
}

/* ========================================
   ABAS NO TOPO (css/global/page-tabs-v2.css)
   Visão geral (gateway + KPIs) acima; cada bloco em sua aba.
   ======================================== */
/* Os blocos saíram de dentro do container e agora começam no topo do painel */
body[data-support-page="pacotes"] #modernMainContent .tab-pane > .pacotes-planos.mt-4 {
    margin-top: 0 !important;
}

/* Vencimentos e análise: dois cards lado a lado, mesma altura */
body[data-support-page="pacotes"] #modernMainContent #analise-pane > .row.g-4.mt-3 {
    margin-top: 0 !important;
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
}

body[data-support-page="pacotes"] #modernMainContent #analise-pane > .row > [class*="col-"] > .analysis-card,
body[data-support-page="pacotes"] #modernMainContent #analise-pane > .row > [class*="col-"] > .alert-card {
    height: 100%;
    margin: 0;
}

/* Tabelas largas rolam dentro do card, não a página */
body[data-support-page="pacotes"] #modernMainContent #pacotesTabsContent,
body[data-support-page="pacotes"] #modernMainContent #pacotesTabsContent > .tab-pane {
    min-width: 0;
    max-width: 100%;
}

body[data-support-page="pacotes"] #modernMainContent #pacotesTabsContent .table-responsive {
    overflow-x: auto;
}

@media (max-width: 768px) {
    body[data-support-page="pacotes"] #modernMainContent #analise-pane > .row.g-4.mt-3 {
        --bs-gutter-y: 16px;
    }
}

/* Filtros: colunas pelo conteúdo (com o menu fixado aberto, as colunas
   col-lg-2 cortavam "Todos os Status" e o "Associar Pacote") */
@media (min-width: 769px) {
    body[data-support-page="pacotes"] #modernMainContent .pacotes-filters > .row > [class*="col-"] {
        flex: 0 0 auto;
        width: auto;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-filters > .row > [class*="col-"]:has(> .search-box) {
        flex: 1 1 240px;
        max-width: 420px;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-filters > .row > [class*="col-"]:has(> #filterStatus) {
        width: 190px;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-filters > .row > [class*="col-"] > .btn {
        padding-left: 16px;
        padding-right: 16px;
        white-space: nowrap;
    }
}

/* ========================================
   LISTAS NO CELULAR v2 (25/09/2026)
   Cada linha vira um card separado sobre o fundo da página:
   1) nome ........................ status
   2) linha cinza única (telefone · plano / descrição)
   3) até 3 números com rótulo pequeno em cima
   4) ações em ícones "fantasma", separadas por um fio
   O card branco que envolvia a tabela fica transparente no celular.
   ======================================== */
@media (max-width: 767.98px) {
    /* Casca: o card da lista some, título e paginação ficam soltos na página */
    body[data-support-page="pacotes"] #modernMainContent .pacotes-table-card:has(.nova-tabela-pacotes, .pacotes-planos-table) {
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        overflow: visible;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-table-card:has(.nova-tabela-pacotes, .pacotes-planos-table) > .table-header {
        padding: 0 2px 12px;
        border-bottom: 0;
        background: transparent;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos .planos-reorder-hint {
        margin: 0 0 10px;
        padding: 0 2px;
        border: 0;
        background: transparent;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos .planos-reorder-hint .hint-icon {
        width: 26px;
        height: 26px;
        background: transparent;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos .planos-reorder-hint .hint-text {
        color: var(--v2-muted);
        font-size: 12.5px;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-table-card:has(.nova-tabela-pacotes, .pacotes-planos-table) .celcoin-sync-alert {
        margin: 0 0 10px;
    }

    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) tbody {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    /* Card de cada linha */
    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) tbody tr,
    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) tbody tr:not(.empty-row) {
        column-gap: 0;
        padding: 12px 14px;
        border: 1px solid var(--v2-card-border);
        border-radius: 12px;
        background: #ffffff;
        box-shadow: var(--v2-card-shadow);
    }

    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) tbody tr:last-child {
        border-bottom: 1px solid var(--v2-card-border);
    }

    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) tbody tr:hover {
        background: #ffffff;
    }

    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) tbody tr.empty-row,
    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) tbody tr:has(> td[colspan]) {
        padding: 8px 0;
    }

    /* Linha 1 comum: nome em uma linha só + status à direita */
    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) tbody tr td.col-status {
        display: flex;
        flex: 0 0 auto;
        order: 1;
        align-self: center;
        max-width: 58%;
        margin: 0 0 0 10px;
    }

    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) tbody tr td.col-status .status-badge {
        display: block;
        overflow: hidden;
        max-width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 12px;
    }

    /* Números: rótulo pequeno em cima, valor 14px embaixo */
    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr td:is(.col-creditos, .col-validade, .col-valor),
    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td:is(.col-creditos, .col-valor, .col-duracao) {
        flex: 1 1 0;
        min-width: 0;
        align-self: flex-start;
        margin: 12px 0 0;
        padding-right: 8px !important;
        color: var(--v2-text);
        font-size: 14px;
        font-weight: 500;
        white-space: nowrap;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr td:is(.col-creditos, .col-validade, .col-valor)::before,
    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td:is(.col-creditos, .col-valor, .col-duracao)::before {
        content: attr(data-label) !important;
        display: block;
        margin: 0 0 2px;
        color: var(--v2-muted);
        font-family: inherit;
        font-size: 11.5px;
        font-weight: 400;
        letter-spacing: 0;
        text-transform: none;
    }

    /* Ações: fio fino em cima, ícones sem borda à direita */
    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) tbody tr td.col-acoes {
        flex: 1 1 0;
        order: 20;
        margin: 12px 0 0;
        padding-top: 10px !important;
        border-top: 1px solid var(--v2-card-divider);
    }

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

    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) .acoes-tabela .btn-acao,
    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table .drag-handle {
        width: 34px;
        height: 34px;
        border: 0;
        border-radius: 9px;
        background: transparent;
        color: var(--v2-muted);
        font-size: 14.5px;
    }

    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) .acoes-tabela .btn-acao:is(:hover, :focus) {
        background: var(--v2-surface);
        color: var(--v2-text);
    }

    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) .acoes-tabela .btn-acao.danger {
        color: #dc2626;
    }

    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) .acoes-tabela .btn-acao.danger:is(:hover, :focus) {
        background: rgba(220, 38, 38, 0.08);
        color: #b91c1c;
    }

    /* "Visualizar" vira o botão de texto da linha, à esquerda */
    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) .acoes-tabela .btn-acao[data-action="view"] {
        order: -1;
        gap: 6px;
        width: auto;
        margin-right: auto;
        padding: 0 11px;
        border: 1px solid var(--v2-card-border);
        color: var(--v2-text);
        font-size: 13px;
    }

    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) .acoes-tabela .btn-acao[data-action="view"]::after {
        content: 'Detalhes';
        font-family: inherit;
        font-size: 13px;
        font-weight: 500;
    }

    body[data-support-page="pacotes"] #modernMainContent :is(.nova-tabela-pacotes, .pacotes-planos-table) .acoes-tabela .btn-acao[data-action="view"] i {
        color: var(--v2-muted);
        font-size: 13px;
    }

    /* Usuários no plano -------------------------------------------------
       1) Mariana Albuquerque ...................... Ativo
       2) (11) 98765-4321 · Plano Unhas Premium · Renovado
       3) Créditos 5/8 [editar]   Validade 12/10/2026   Valor R$ 189,90
       4) [Detalhes] ........................ histórico cancelar excluir */
    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr td.col-cliente,
    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr td.col-cliente .celula-cliente {
        display: contents;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .celula-cliente strong {
        display: block;
        flex: 1 1 0;
        order: 0;
        min-width: 0;
        overflow: hidden;
        color: var(--v2-text);
        font-size: 15px;
        font-weight: 500;
        line-height: 1.3;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .celula-cliente br,
    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .celula-cliente small ~ small {
        display: none;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .celula-cliente small {
        display: block;
        flex: 0 0 auto;
        order: 3;
        max-width: 60%;
        margin-top: 3px;
        overflow: hidden;
        color: var(--v2-muted);
        font-size: 13px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr:has(> td.col-cliente)::before,
    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr:has(> td.col-cliente)::after {
        content: '';
        flex: 0 0 100%;
        order: 2;
        height: 0;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr:has(> td.col-cliente)::after {
        order: 5;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr td.col-plano {
        flex: 1 1 0;
        order: 4;
        min-width: 0;
        margin: 3px 0 0;
        overflow: hidden;
        color: var(--v2-muted);
        font-size: 13px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr td.col-cliente:has(small) + td.col-plano::before {
        content: '·' !important;
        display: inline;
        margin: 0 6px;
        color: #b8bec8;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .plano-cell {
        display: inline;
        white-space: nowrap;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .plano-cell :is(.badge-plano, .pacote-origin-tag, .plano-tag-renovado) {
        display: inline;
        width: auto;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--v2-muted) !important;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.4;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .plano-cell :is(.badge-plano, .pacote-origin-tag, .plano-tag-renovado) i,
    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .plano-cell :is(.payment-method-tag, .plano-tag-contratacao) {
        display: none;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .plano-cell :is(.pacote-origin-tag, .plano-tag-renovado)::before {
        content: '·';
        margin: 0 6px;
        color: #b8bec8;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr td.col-creditos { order: 6; }
    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr td.col-validade { order: 7; }
    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr td.col-valor { order: 8; padding-right: 0 !important; }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes tbody tr td.col-acoes {
        flex: 0 0 100%;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .info-creditos {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .creditos-main,
    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .creditos-header {
        display: block;
        width: auto;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes :is(.creditos-label, .barra-progresso) {
        display: none;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .texto-creditos,
    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .info-valor,
    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .info-validade .data-validade {
        color: var(--v2-text);
        font-size: 14px;
        font-weight: 500;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .info-creditos .texto-creditos::before {
        content: none;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .btn-credito-add {
        width: 26px;
        height: 22px;
        border: 0;
        background: transparent;
        color: var(--v2-muted);
        font-size: 12px;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .info-validade {
        display: block;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .info-validade .data-validade {
        display: inline;
    }

    body[data-support-page="pacotes"] #modernMainContent .nova-tabela-pacotes .info-validade .dias-restantes {
        display: none;
    }

    /* Pendências de associação: mesmo card, conteúdo como já estava */
    body[data-support-page="pacotes"] #modernMainContent #celcoinPendenciasCard .nova-tabela-pacotes tbody tr:not(.empty-row) {
        column-gap: 10px;
    }

    /* Planos -----------------------------------------------------------
       1) Plano Unhas Premium ......................... Ativo
       2) descrição (e chips de pendência, se houver)
       3) Créditos 8   Valor R$ 189,90   Duração 30 dias
       4) [arrastar] #1 [Detalhes] ................. editar excluir */
    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-plano,
    body[data-support-page="pacotes"] #modernMainContent .plano-row-pendente td.col-plano {
        flex: 1 1 0;
        order: 0;
        min-width: 0;
        padding-left: 0 !important;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-plano strong {
        overflow: hidden;
        color: var(--v2-text);
        font-size: 15px;
        font-weight: 500;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-plano small {
        margin-top: 2px;
        color: var(--v2-muted) !important;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-plano .badge {
        font-size: 11.5px;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-status {
        align-self: flex-start;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr:not(.empty-row)::after {
        order: 2;
    }

    /* Quebra antes da linha de ações (ordem + botões) */
    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr:not(.empty-row)::before {
        content: '';
        flex: 0 0 100%;
        order: 10;
        height: 0;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-creditos { order: 3; }
    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-valor { order: 4; }
    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-duracao { order: 5; padding-right: 0 !important; }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-ordem {
        display: flex;
        flex: 0 0 auto;
        order: 19;
        align-items: center;
        gap: 2px;
        margin: 12px 0 0;
        padding-top: 10px !important;
        border-top: 1px solid var(--v2-card-divider);
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-ordem .drag-handle {
        width: 30px;
        margin-left: -8px;
        cursor: grab;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-ordem .order-pill {
        margin-right: 8px;
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--v2-muted);
        font-size: 12.5px;
        font-weight: 500;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-acoes .acoes-tabela .btn-acao.btn-pendencia-pulse {
        background: #fffbeb;
        color: #b45309;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-planos-table tbody tr td.col-acoes .acoes-tabela .btn-acao[data-action="view"] {
        margin-right: auto;
    }

    /* Rodapé: contagem e paginação centralizadas, botões compactos */
    body[data-support-page="pacotes"] #modernMainContent .pacotes-table-card:has(.nova-tabela-pacotes) .table-footer {
        flex-direction: column;
        align-items: center;
        gap: 8px;
        padding: 14px 0 0;
        border-top: 0;
        background: transparent;
        text-align: center;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-table-card .table-footer .table-info {
        font-size: 13px;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-table-card .pagination {
        flex-wrap: nowrap;
        justify-content: center;
        gap: 4px;
        margin: 0;
    }

    body[data-support-page="pacotes"] #modernMainContent .pacotes-table-card .pagination .page-item .page-link {
        min-width: 34px;
        width: auto;
        height: 34px;
        padding: 0 8px;
        border-radius: 9px;
        font-size: 13.5px;
    }
}