/* Tema global grafite + verde neon — camada visual, sem alterar componentes ou lógica. */
:root{
  color-scheme:dark;
  --canvas:#070b0d;--paper:#10171c;--white:#121a20;--ink:#f2f5f6;--muted:#98a4aa;--line:#26343a;
  --forest:#050b0d;--forest-2:#0c1916;--leaf:#00e676;--lime:#00e676;--lime-soft:#0d2d21;--mint:#0d2a20;
  --amber:#f3bc4e;--amber-soft:#302719;--red:#ff6b61;--red-soft:#321c1d;
  --shadow:0 16px 42px rgba(0,0,0,.24);--shadow-deep:0 28px 70px rgba(0,0,0,.48);
  --billing-ink:#e9f0f1;--billing-deep:#f4f7f8;--billing-green:#00e676;--billing-lime:#00e676;--billing-paper:#070b0d;--billing-line:#25343a;--billing-muted:#98a4aa;
}
html{background:#070b0d;color-scheme:dark}
body{background-color:#070b0d;color:#eef3f4}

/* Painel administrativo */
body.app-shell{background-color:#070b0d!important;background-image:linear-gradient(rgba(0,230,118,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(0,230,118,.018) 1px,transparent 1px)!important;background-size:72px 72px!important;color:#edf2f3!important}
body.app-shell .sidebar{background:#05090b!important;border-right:1px solid #12251f;color:#f3f6f6}
body.app-shell .brand-mark{background:#00e676!important;box-shadow:0 0 25px rgba(0,230,118,.17)!important}
body.app-shell .brand-mark i{border-color:#042015!important}
body.app-shell .brand-name small,body.app-shell .nav-caption,body.app-shell .workspace-name small{color:#8da39a!important}
body.app-shell .nav-item{color:#aab7b8!important}
body.app-shell .nav-item:hover{background:#101c1c!important;color:#fff!important}
body.app-shell .nav-item.active{background:linear-gradient(110deg,#00e676,#00c987)!important;color:#03120b!important;box-shadow:0 8px 24px rgba(0,230,118,.18)!important}
body.app-shell .nav-item.active .nav-icon{color:#03120b!important}
body.app-shell .nav-dot{background:#00e676!important;box-shadow:0 0 9px rgba(0,230,118,.7)}
body.app-shell .avatar,body.app-shell .top-avatar{background:#00e676!important;color:#03120b!important}
body.app-shell .workspace{border-color:#1b2b2d!important}
body.app-shell .workspace-settings,body.app-shell .public-link{color:#91a59e!important}
body.app-shell .main{background:rgba(7,11,13,.93)!important}
body.app-shell .topbar{background:rgba(9,15,17,.9)!important;border-color:#1c292e!important;backdrop-filter:blur(16px)}
body.app-shell .breadcrumb{color:#9ba8aa!important}
body.app-shell .breadcrumb span{color:#00e676!important}
body.app-shell .breadcrumb i{color:#536267!important}
body.app-shell .today-label,body.app-shell .eyebrow,body.app-shell .section-kicker{color:#91a09e!important}
body.app-shell .eyebrow span{color:#00e676!important}
body.app-shell .page-heading h1,body.app-shell h1,body.app-shell h2,body.app-shell h3,body.app-shell .card-heading h2,body.app-shell .section-title h2{color:#f0f4f5!important}
body.app-shell .page-heading p,body.app-shell .muted,body.app-shell .metric-note,body.app-shell .helper{color:#98a4aa!important}
body.app-shell .card,body.app-shell .stat-card,body.app-shell .chart-card,body.app-shell .health-card,body.app-shell .recent-card,body.app-shell .template-card,body.app-shell .login-layout,body.app-shell .login-panel,body.app-shell .login-form-panel{background:#11191f!important;border-color:#26343b!important;color:#eaf0f1!important;box-shadow:0 18px 46px rgba(0,0,0,.23)!important}
body.app-shell .stat-card:hover{box-shadow:0 22px 48px rgba(0,0,0,.33)!important}
body.app-shell .stat-label,body.app-shell th{color:#9aa7aa!important}
body.app-shell .metric-value{color:#f4f7f8!important}
body.app-shell .stat-icon{background:#172522!important;color:#00e676!important}
body.app-shell .stat-icon.icon-mint,body.app-shell .stat-icon.icon-lime{background:#10271e!important;color:#00e676!important}
body.app-shell .stat-icon.icon-amber{background:#302719!important;color:#f3bc4e!important}
body.app-shell .btn.primary,body.app-shell .lime-btn{background:linear-gradient(105deg,#00e676,#00c98a)!important;color:#03120b!important;border-color:transparent!important;box-shadow:0 8px 22px rgba(0,230,118,.15)!important}
body.app-shell .btn.primary:hover,body.app-shell .lime-btn:hover{background:linear-gradient(105deg,#19f58b,#00d899)!important;color:#03120b!important}
body.app-shell .btn.secondary{background:#182126!important;color:#d8e0e2!important;border-color:#303e44!important}
body.app-shell .btn.secondary:hover{background:#202c31!important;color:#fff!important}
body.app-shell .btn.success{background:#0f2b20!important;color:#39ee96!important;border-color:#174b33!important}
body.app-shell .btn.danger{background:#321c1d!important;color:#ff8b7d!important;border-color:#542b2b!important}
body.app-shell .icon-button{color:#dce5e6!important}
body.app-shell .icon-button:hover{background:#172124!important}
body.app-shell input,body.app-shell select,body.app-shell textarea{background:#0b1216!important;color:#e9eff0!important;border-color:#2b393f!important}
body.app-shell input::placeholder,body.app-shell textarea::placeholder{color:#6f7d82!important}
body.app-shell input:focus,body.app-shell select:focus,body.app-shell textarea:focus{background:#0d171a!important;border-color:#00c878!important;box-shadow:0 0 0 3px rgba(0,230,118,.13)!important}
body.app-shell select option{background:#10181d;color:#eef3f4}
body.app-shell input[type=checkbox],body.app-shell input[type=radio]{accent-color:#00e676}
body.app-shell table{background:transparent!important}
body.app-shell th,body.app-shell td{border-color:#243137!important;color:#bdc8ca!important}
body.app-shell td strong{color:#edf2f3!important}
body.app-shell .table-empty{color:#8b999d!important}
body.app-shell .badge.normal,body.app-shell .badge.paid{background:#10291e!important;color:#44e991!important}
body.app-shell .badge.pending,body.app-shell .badge.warning,body.app-shell .badge.soon,body.app-shell .badge.today{background:#302719!important;color:#f2c76b!important}
body.app-shell .badge.expired,body.app-shell .badge.blocked{background:#321d1e!important;color:#ff8b7d!important}
body.app-shell .badge.info{background:#102729!important;color:#68d9ca!important}
body.app-shell .notice{background:#10261d!important;border-color:#1b4832!important;color:#b8e6cd!important}
body.app-shell .notice.warning{background:#2c2418!important;border-color:#4b3c25!important;color:#f0d18b!important}
body.app-shell .notice.error,body.app-shell .error-box{background:#321d1e!important;border-color:#57302f!important;color:#ffb3a8!important}
body.app-shell .pill,body.app-shell .chart-period,body.app-shell .file-chip{background:#1a2427!important;color:#b9c7c8!important;border-color:#2b3a3e!important}
body.app-shell .dashboard-banner{background:radial-gradient(ellipse at 80% 25%,rgba(0,230,118,.18),transparent 34%),linear-gradient(115deg,#07110e,#0b1b17 65%,#10261d)!important;border:1px solid #164633!important;box-shadow:0 20px 48px rgba(0,0,0,.33)!important}
body.app-shell .banner-copy h2{color:#f6f8f8!important}
body.app-shell .banner-copy h2 em{color:#00e676!important}
body.app-shell .banner-copy p,body.app-shell .banner-kicker{color:#a4b7ad!important}
body.app-shell .banner-kicker>span{background:#00e676!important;box-shadow:0 0 12px rgba(0,230,118,.7)!important}
body.app-shell .banner-actions .btn{background:linear-gradient(105deg,#00e676,#00c98a)!important;color:#03120b!important}
body.app-shell .banner-link{color:#d8e4df!important}
body.app-shell .banner-link:hover{color:#00e676!important}
body.app-shell .chart-grid{stroke:#26343a!important}
body.app-shell .chart-label{fill:#8e9da0!important}
body.app-shell .chart-line{stroke:#00e676!important}
body.app-shell .chart-dot{fill:#0e171a!important;stroke:#00e676!important}
body.app-shell .legend-dot{background:#00e676!important}
body.app-shell .chart-foot{border-color:#26343a!important;color:#aab7b9!important}
body.app-shell .chart-foot strong{color:#eef3f4!important}
body.app-shell .health-track{background:#202b2f!important}
body.app-shell .bar-green{background:#00c878!important}
body.app-shell .health-cta{background:#15211c!important;color:#dce7e2!important}
body.app-shell .health-cta:hover{background:#1b2c24!important}
body.app-shell .health-cta small{color:#9badaa!important}
body.app-shell .bot-chat{background:#0b1215!important;border-color:#243239!important}
body.app-shell .bubble{background:#172126!important;border-color:#29383d!important;color:#e4ebed!important}
body.app-shell .bubble.user{background:#103322!important;border-color:#1a5635!important;color:#def5e6!important}
body.app-shell .template-cover{background:linear-gradient(135deg,#172126,#0e171a)!important}
body.app-shell .app-footer{background:#070b0d!important;border-color:#1c292e!important;color:#7f8d91!important}
body.app-shell .login-story{background:radial-gradient(ellipse at top right,rgba(0,230,118,.22),transparent 50%),#07100e!important}
body.app-shell .login-story h1{color:#f4f7f8!important}
body.app-shell .login-story p,body.app-shell .login-story .light-eyebrow{color:#a9bbb4!important}
body.app-shell .login-story .story-signal{background:#ffffff0d!important;border-color:#ffffff16!important;color:#dce8e2!important}
body.app-shell .login-layout{border-color:#26343b!important}
body.app-shell .login-form-panel{background:#10181d!important}
body.app-shell .sidebar-scrim{background:rgba(0,0,0,.74)!important}
body.app-shell hr{border-color:#26343a!important}
body.app-shell pre,body.app-shell code{background:#0a1114!important;color:#73eda7!important;border-color:#26343a!important}
body.app-shell .app-footer a,body.app-shell .table-action-link,body.app-shell a:not(.btn):not(.nav-item):not(.brand){color:#39de90}
body.app-shell a:not(.btn):not(.nav-item):not(.brand):hover{color:#89ffbd}
body.app-shell .sidebar a:not(.nav-item){color:#a3b5ad}
body.app-shell .sidebar a:not(.nav-item):hover{color:#00e676}
body.app-shell :focus-visible{outline:2px solid #00e676!important;outline-offset:2px}

/* Landing page pública, que comparte a folha principal. */
body.billing-landing{--billing-ink:#eaf0f1!important;--billing-deep:#f3f6f7!important;--billing-green:#00e676!important;--billing-lime:#00e676!important;--billing-paper:#070b0d!important;--billing-line:#25343a!important;--billing-muted:#98a4aa!important;background:#070b0d!important;color:#eef3f4!important;background-image:radial-gradient(ellipse at 78% 9%,rgba(0,230,118,.13),transparent 35%),linear-gradient(rgba(0,230,118,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(0,230,118,.018) 1px,transparent 1px)!important;background-size:auto,72px 72px,72px 72px!important}
.billing-landing .billing-header{background:rgba(5,10,12,.92)!important;border-bottom:1px solid #1c292e!important;backdrop-filter:blur(16px)}
.billing-landing .billing-nav{color:#e9eff0}
.billing-landing .billing-brand,.billing-landing .billing-nav-links a,.billing-landing .billing-login{color:#e3ebec!important}
.billing-landing .billing-brand small,.billing-landing .billing-nav-links a{color:#9ba9aa!important}
.billing-landing .billing-brand-mark{background:#00e676!important;box-shadow:0 0 20px rgba(0,230,118,.2)!important}
.billing-landing .billing-brand-mark i{border-color:#04140b!important}
.billing-landing .billing-nav-cta,.billing-landing .billing-primary-btn,.billing-landing .billing-plan-btn{background:linear-gradient(105deg,#00e676,#00c98a)!important;color:#04120b!important;border-color:transparent!important;box-shadow:0 9px 25px rgba(0,230,118,.16)!important}
.billing-landing .billing-nav-cta:hover,.billing-landing .billing-primary-btn:hover,.billing-landing .billing-plan-btn:hover{filter:brightness(1.08)}
.billing-landing .billing-hero{background:transparent!important}
.billing-landing .billing-hero h1,.billing-landing .billing-section-heading h2,.billing-landing .billing-how h2,.billing-landing .billing-final-cta h2{color:#f3f6f7!important}
.billing-landing .billing-hero h1 em,.billing-landing .billing-section-heading h2 em,.billing-landing .billing-how h2 em,.billing-landing .billing-final-cta h2 em{color:#00e676!important}
.billing-landing .billing-kicker,.billing-landing .billing-section-kicker{color:#48e99b!important}
.billing-landing .billing-hero-lead,.billing-landing .billing-hero p,.billing-landing .billing-section p,.billing-landing .billing-how p{color:#a4b0b3!important}
.billing-landing .billing-preview,.billing-landing .billing-dashboard-preview,.billing-landing .billing-preview-card,.billing-landing .billing-feature-card,.billing-landing .billing-plan-card,.billing-landing .billing-testimonial-card,.billing-landing .billing-faq-list,.billing-landing .billing-status-card{background:#11191f!important;border-color:#26343b!important;color:#eaf0f1!important;box-shadow:0 18px 46px rgba(0,0,0,.25)!important}
.billing-landing .billing-preview-topbar,.billing-landing .billing-preview-card-head{background:#0b1216!important;border-color:#25333a!important;color:#d8e0e2!important}
.billing-landing .billing-preview-heading,.billing-landing .billing-preview-brand{color:#e9eff0!important}
.billing-landing .billing-preview-metric,.billing-landing .billing-preview-activity{background:#172126!important;border-color:#29383e!important;color:#e2e9eb!important}
.billing-landing .billing-feature-card h3,.billing-landing .billing-plan-card h3,.billing-landing .billing-testimonial-card h3{color:#f1f5f6!important}
.billing-landing .billing-feature-card p,.billing-landing .billing-plan-card p,.billing-landing .billing-testimonial-card p,.billing-landing .billing-plan-footnote{color:#9ba8ab!important}
.billing-landing .billing-feature-icon,.billing-landing .billing-plan-badge,.billing-landing .billing-plan-period{background:#10281e!important;color:#48e99b!important;border-color:#194c34!important}
.billing-landing .billing-plan-price,.billing-landing .billing-plan-kicker{color:#00e676!important}
.billing-landing .billing-how,.billing-landing .billing-features,.billing-landing .billing-pricing,.billing-landing .billing-testimonials,.billing-landing .billing-faq{background:transparent!important}
.billing-landing .billing-process-list,.billing-landing .billing-process-list li,.billing-landing .billing-faq details{background:#11191f!important;border-color:#26343b!important;color:#dfe7e8!important}
.billing-landing .billing-final-cta,.billing-landing .closing-band{background:radial-gradient(ellipse at 78% 25%,rgba(0,230,118,.22),transparent 40%),linear-gradient(115deg,#07110e,#0c1c17)!important;border:1px solid #174630!important;color:#eef4f1!important}
.billing-landing .billing-footer{background:#05090b!important;border-color:#1d2a2e!important;color:#8c999d!important}
.billing-landing .billing-footer a,.billing-landing .billing-text-btn,.billing-landing .billing-secondary-link{color:#45e99a!important}
.billing-landing .billing-status-legend,.billing-landing .billing-status-card small{color:#9ba8ab!important}
.billing-landing .billing-chart-grid{stroke:#29383d!important}
.billing-landing .billing-chart{color:#00e676!important}

/* Páginas públicas isoladas: pagamento, convite, portal do assinante e revenda. */
body:not(.app-shell){background-color:#070b0d!important;background-image:radial-gradient(ellipse at 90% 4%,rgba(0,230,118,.12),transparent 34%),linear-gradient(rgba(0,230,118,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(0,230,118,.016) 1px,transparent 1px)!important;background-size:auto,72px 72px,72px 72px!important;color:#edf2f3!important}
body:not(.app-shell) .page,body:not(.app-shell) .wrap,body:not(.app-shell) .shell{color:#edf2f3!important}
body:not(.app-shell) h1,body:not(.app-shell) h2,body:not(.app-shell) h3,body:not(.app-shell) .brand{color:#f1f5f6!important}
body:not(.app-shell) p,body:not(.app-shell) .muted,body:not(.app-shell) .hint,body:not(.app-shell) .privacy,body:not(.app-shell) .footer,body:not(.app-shell) .foot{color:#9ba8ab!important}
body:not(.app-shell) .card,body:not(.app-shell) .step,body:not(.app-shell) .metric,body:not(.app-shell) .offer,body:not(.app-shell) .info-card,body:not(.app-shell) .question,body:not(.app-shell) .pix-box,body:not(.app-shell) .qr,body:not(.app-shell) .plan,body:not(.app-shell) .feature,body:not(.app-shell) .form-card,body:not(.app-shell) .plan-option,body:not(.app-shell) .billing-card{background:#11191f!important;border-color:#29373e!important;color:#e8eef0!important;box-shadow:0 16px 40px rgba(0,0,0,.25)!important}
body:not(.app-shell) .hero{background:radial-gradient(ellipse at 84% 20%,rgba(0,230,118,.18),transparent 38%),linear-gradient(115deg,#07110e,#0c2119 72%,#10221d)!important;border:1px solid #174530!important;color:#f4f7f8!important;box-shadow:0 24px 58px rgba(0,0,0,.33)!important}
body:not(.app-shell) .hero h1,body:not(.app-shell) .hero h2,body:not(.app-shell) .hero p{color:#f1f5f6!important}
body:not(.app-shell) .hero .eyebrow,body:not(.app-shell) .hero .section-eyebrow{color:#56eda0!important}
body:not(.app-shell) .brand-mark,body:not(.app-shell) .mark,.icon-label,body:not(.app-shell) .feature-icon,body:not(.app-shell) .number,body:not(.app-shell) .num{background:#0f2b20!important;color:#00e676!important;border-color:#1a4b34!important}
body:not(.app-shell) .btn,body:not(.app-shell) button.btn,body:not(.app-shell) .btn-mp,body:not(.app-shell) .btn.primary{background:linear-gradient(105deg,#00e676,#00c98a)!important;color:#04120b!important;border:1px solid transparent!important;box-shadow:0 8px 22px rgba(0,230,118,.15)!important}
body:not(.app-shell) .btn:hover,body:not(.app-shell) button.btn:hover{filter:brightness(1.08)!important}
body:not(.app-shell) .btn.secondary,body:not(.app-shell) .btn-outline{background:#182126!important;color:#dce5e7!important;border:1px solid #344248!important;box-shadow:none!important}
body:not(.app-shell) .toplink,body:not(.app-shell) .toplink a,body:not(.app-shell) .help-link,body:not(.app-shell) .support,body:not(.app-shell) .support-link,body:not(.app-shell) .footer a{color:#4be99b!important}
body:not(.app-shell) label{color:#d4dfe1!important}
body:not(.app-shell) input,body:not(.app-shell) select,body:not(.app-shell) textarea{background:#0b1216!important;color:#eff3f4!important;border-color:#2b3a40!important}
body:not(.app-shell) input::placeholder,body:not(.app-shell) textarea::placeholder{color:#718085!important}
body:not(.app-shell) input:focus,body:not(.app-shell) select:focus,body:not(.app-shell) textarea:focus{border-color:#00c878!important;box-shadow:0 0 0 3px rgba(0,230,118,.13)!important}
body:not(.app-shell) select option{background:#11191f;color:#edf2f3}
body:not(.app-shell) .notice,body:not(.app-shell) .success{background:#10291e!important;border-color:#1c5135!important;color:#b9ebcd!important}
body:not(.app-shell) .error,body:not(.app-shell) .failure{background:#321d1e!important;border-color:#5b3030!important;color:#ffb5aa!important}
body:not(.app-shell) .pending,body:not(.app-shell) .warn,body:not(.app-shell) .empty{background:#2c2418!important;border-color:#4d3e26!important;color:#f0d28e!important}
body:not(.app-shell) .pill,body:not(.app-shell) .meta-pill,body:not(.app-shell) .badge,body:not(.app-shell) .minimum{background:#17251f!important;color:#b7e9cb!important;border-color:#244334!important}
body:not(.app-shell) .price,body:not(.app-shell) .billing-plan-price{color:#00e676!important}
body:not(.app-shell) table th,body:not(.app-shell) table td{border-color:#26343a!important;color:#c3cdcf!important}
body:not(.app-shell) table td strong{color:#eff3f4!important}
body:not(.app-shell) .selected{background:#11191f!important;border-color:#29373e!important}
body:not(.app-shell) .buy-panel{border-color:#29373e!important}
body:not(.app-shell) .copy-row input{background:#0b1216!important;color:#eff3f4!important}
body:not(.app-shell) .copy{background:linear-gradient(105deg,#00e676,#00c98a)!important;color:#04120b!important}
body:not(.app-shell) .copy-state{color:#57e99e!important}
body:not(.app-shell) .brand span[style*="color"]{color:#9ba8ab!important}
body:not(.app-shell) .status.success{background:#10291e!important;color:#b9ebcd!important}
body:not(.app-shell) .status.pending{background:#302719!important;color:#f0d28e!important}
body:not(.app-shell) .status.failure{background:#321d1e!important;color:#ffb5aa!important}
body:not(.app-shell) :focus-visible{outline:2px solid #00e676!important;outline-offset:2px}
@media(max-width:760px){body:not(.app-shell) .card,body:not(.app-shell) .form-card,body:not(.app-shell) .info-card{box-shadow:0 12px 32px rgba(0,0,0,.24)!important}}

/* Componentes adicionais do painel e do checkout do assinante. */
body.app-shell [class*="-panel"],body.app-shell [class$="-box"],body.app-shell [class*="modal"],body.app-shell [class*="drawer"]{background-color:#11191f!important;border-color:#29373e!important;color:#e8eef0!important}
body.app-shell .modal-backdrop,body.app-shell .drawer-backdrop{background:rgba(0,0,0,.72)!important}
body.login-page{background:#070b0d!important}
body.login-page .login-layout{background:#10181d!important;border-color:#26343b!important;box-shadow:0 28px 80px rgba(0,0,0,.48)!important}
body.login-page .login-story{background:radial-gradient(ellipse at top right,rgba(0,230,118,.22),transparent 50%),#07100e!important}
body.login-page .login-story h1,body.login-page .login-box h2{color:#f3f6f7!important}
body.login-page .login-story p,body.login-page .login-story .light-eyebrow,body.login-page .login-hint,body.login-page .login-back{color:#a2b1b2!important}
body.login-page .login-form-side{background:#10181d!important}
body.login-page .login-box{background:#10181d!important;color:#edf2f3!important}
body.login-page .login-box label{color:#d4dfe1!important}
body.login-page .login-box input,body.login-page .login-box select{background:#0b1216!important;color:#f1f5f6!important;border-color:#2b3a40!important}
body.login-page .login-box .notice{background:#10291e!important;color:#b9ebcd!important;border-color:#1c5135!important}
body.login-page .login-box .error-box{background:#321d1e!important;color:#ffb5aa!important;border-color:#5b3030!important}
body.login-page .story-signal{background:#ffffff0d!important;border-color:#ffffff1b!important;color:#e2ece8!important}
body.login-page .story-signal small{color:#9aada5!important}
body.login-page .login-submit{background:linear-gradient(105deg,#00e676,#00c98a)!important;color:#04120b!important}
body.checkout-page .checkout-nav{background:rgba(5,10,12,.92)!important;border-color:#1c292e!important;color:#eaf0f1!important}
body.checkout-page .checkout-nav a,body.checkout-page .checkout-back-link{color:#46e89a!important}
body.checkout-page .checkout-card,body.checkout-page .checkout-summary,body.checkout-page .checkout-benefits-box,body.checkout-page .checkout-copy-box,body.checkout-page .checkout-payment-copy,body.checkout-page .checkout-code-fields,body.checkout-page .checkout-amount-breakdown{background:#11191f!important;border-color:#29373e!important;color:#e9eff0!important;box-shadow:0 16px 42px rgba(0,0,0,.25)!important}
body.checkout-page h1,body.checkout-page h2,body.checkout-page h3,body.checkout-page .checkout-card-heading{color:#f1f5f6!important}
body.checkout-page p,body.checkout-page .muted,body.checkout-page .checkout-code-help,body.checkout-page .checkout-benefits-label{color:#9ba8ab!important}
body.checkout-page .checkout-amount,body.checkout-page .checkout-total,body.checkout-page .checkout-price,body.checkout-page .public-plan-price{color:#00e676!important}
body.checkout-page .checkout-alert{background:#10291e!important;border-color:#1c5135!important;color:#b9ebcd!important}
body.checkout-page .checkout-alert-error{background:#321d1e!important;border-color:#5b3030!important;color:#ffb5aa!important}
body.checkout-page input,body.checkout-page select,body.checkout-page textarea{background:#0b1216!important;color:#eff3f4!important;border-color:#2b3a40!important}
body.checkout-page button,body.checkout-page .checkout-copy-btn,body.checkout-page .checkout-submit{background:linear-gradient(105deg,#00e676,#00c98a)!important;color:#04120b!important;border-color:transparent!important}
body.checkout-page .checkout-copy-state{color:#51e99d!important}

/* Ajustes finos da prévia de painel na landing (cartões aninhados originalmente claros). */
body.app-shell .nav-count{background:#00e676!important;color:#04120b!important}
.billing-landing .billing-dashboard-preview{background:#0d1519!important;border-color:#174530!important}
.billing-landing .billing-dashboard-preview:before{border-color:#174530!important}
.billing-landing .billing-preview-metrics>div,.billing-landing .billing-chart-card,.billing-landing .billing-status-card,.billing-landing .billing-preview-activity>div{background:#151e23!important;border-color:#2b3a40!important;color:#e6edef!important}
.billing-landing .billing-preview-lower{background:transparent!important}
.billing-landing .billing-preview-metrics small,.billing-landing .billing-preview-heading small,.billing-landing .billing-preview-card-head span,.billing-landing .billing-status-legend{color:#9ba8ab!important}
.billing-landing .billing-preview-metrics strong,.billing-landing .billing-preview-heading h2,.billing-landing .billing-preview-card-head b,.billing-landing .billing-preview-activity p,.billing-landing .billing-preview-activity strong{color:#edf3f4!important}
.billing-landing .billing-preview-metrics em,.billing-landing .billing-preview-activity a{color:#42e795!important}
.billing-landing .billing-chart-grid{background:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#29383d 32px)!important}
.billing-landing .billing-status-ring{background:conic-gradient(#00e676 0 72%,#26353a 72% 100%)!important}
.billing-landing .billing-status-ring:before{background:#151e23!important}
.billing-landing .billing-status-ring strong{color:#00e676!important}
.billing-landing .billing-status-ring small{color:#9ba8ab!important}
.billing-landing .billing-activity-avatar{background:#102b20!important;color:#43e895!important}
.billing-landing .billing-activity-avatar.alt{background:#17272a!important;color:#83dcd1!important}
.billing-landing .billing-dashboard-preview svg path[stroke]{stroke:#00e676!important}

.billing-landing .billing-status-ring:after{background:#151e23!important}


/* Corrige os fundos claros hard-coded das tabelas responsivas (assinantes, indicações e assinaturas). */
body.app-shell .clients-table tbody tr[data-client-row],body.app-shell .clients-table tbody tr:not([data-client-row]),body.app-shell .referral-ranking-table tbody tr,body.app-shell .referral-map-table tbody tr,body.app-shell .subscription-links-table tbody tr,body.app-shell .referrals-table tbody tr,body.app-shell .subscription-audit-table tbody tr{background:#11191f!important;background-image:none!important;border-color:#2b3a40!important;box-shadow:none!important;color:#dce5e7!important}
body.app-shell .clients-table tbody tr[data-client-row] td,body.app-shell .referral-ranking-table tbody td,body.app-shell .referral-map-table tbody td,body.app-shell .subscription-links-table tbody td,body.app-shell .referrals-table tbody td,body.app-shell .subscription-audit-table tbody td{background:transparent!important;color:#cbd5d7!important;border-color:#2b3a40!important}
body.app-shell .clients-table tbody td:before,body.app-shell .referral-ranking-table tbody td:before,body.app-shell .referral-map-table tbody td:before,body.app-shell .subscription-links-table tbody td:before,body.app-shell .referrals-table tbody td:before,body.app-shell .subscription-audit-table tbody td:before{color:#9ba9ac!important}
body.app-shell .clients-table tbody td:nth-child(1) strong,body.app-shell .referral-ranking-table tbody td strong,body.app-shell .referral-map-table tbody td strong{color:#f1f5f6!important}
body.app-shell .clients-table tbody td:nth-child(1) .muted,body.app-shell .clients-table tbody td .muted{color:#a7b3b5!important}
body.app-shell .clients-table tbody td:nth-child(4){background:#10271e!important;border-color:#1d4b34!important;color:#e0eee6!important}
body.app-shell .clients-table tbody td:nth-child(4):before{color:#59e99e!important}
body.app-shell .clients-table tbody td:nth-child(7){background:#172126!important;border-color:#2d3c42!important;color:#e8eff0!important}
body.app-shell .client-filter-row,body.app-shell .client-search-bar,body.app-shell .quick-search-field,body.app-shell .billing-card{background:#11191f!important;border-color:#29373e!important;color:#e5edef!important;box-shadow:none!important}
body.app-shell .billing-card p,body.app-shell .billing-card-meta,body.app-shell .billing-card-meta span{color:#aab7ba!important}
body.app-shell .billing-card-meta strong,body.app-shell .billing-card h3{color:#f1f5f6!important}
body.app-shell .client-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0 8px;padding:12px 14px;border:1px solid #29373e;border-radius:12px;background:#10181d;color:#aab7ba;font-size:11px}
body.app-shell .client-pagination-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.app-shell .client-pagination .pill{white-space:nowrap}
body.app-shell .mobile-menu{background:#121a1f!important;border:1px solid #2b3a40!important;color:#e3ebed!important}
@media(max-width:760px){
 body.app-shell{background-image:none!important}
 body.app-shell .topbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 body.app-shell .clients-table tbody tr[data-client-row],body.app-shell .referral-ranking-table tbody tr,body.app-shell .referral-map-table tbody tr,body.app-shell .subscription-links-table tbody tr,body.app-shell .referrals-table tbody tr,body.app-shell .subscription-audit-table tbody tr{box-shadow:none!important}
 body.app-shell .stat-card:hover{transform:none!important}
 body.app-shell .btn{transition:none!important}
 body.app-shell .client-pagination{align-items:flex-start;flex-direction:column}
}
/* Fallback de contraste para tabelas administrativas em qualquer página. */
body.app-shell table tbody tr{background:#11191f!important;background-image:none!important;border-color:#2b3a40!important}
body.app-shell table tbody td{background-color:transparent!important;color:#cbd5d7!important;border-color:#2b3a40!important}
body.app-shell table tbody td:before{color:#9ba9ac!important}


/* Tema escuro explícito para componentes próprios do fluxo, planos e atendimento. */
body.app-shell .flow-option-card,body.app-shell .flow-test-settings,body.app-shell .flow-variable-group,body.app-shell .template-variable-groups>div,body.app-shell .template-preview-contact,body.app-shell .mini-catalog-row,body.app-shell .referral-balance-table tbody tr,body.app-shell .referral-links-table tbody tr,body.app-shell .flow-guide-badge,body.app-shell .plan-card,body.app-shell .integration-card,body.app-shell .flow-media-list .file-chip{background:#11191f!important;background-image:none!important;border-color:#29373e!important;color:#e6edef!important;box-shadow:none!important}
body.app-shell .flow-option-card h3,body.app-shell .flow-option-card strong,body.app-shell .plan-card h3,body.app-shell .integration-card strong,body.app-shell .template-preview-contact strong{color:#f1f5f6!important}
body.app-shell .flow-option-card p,body.app-shell .flow-option-card small,body.app-shell .flow-option-card .helper,body.app-shell .plan-card p,body.app-shell .integration-card p,body.app-shell .mini-catalog-row .muted{color:#a4b1b4!important}
body.app-shell .flow-guide-badge{color:#58e99f!important}
body.app-shell .switch-field,body.app-shell .bot-switch-grid .switch-field{background:#121a20!important;border-color:#2d3b42!important;color:#e6edef!important}
body.app-shell .switch-field strong{color:#edf3f4!important}
body.app-shell .switch-field small{color:#9ba9ac!important}
body.app-shell .switch-ui{background:#2a383e!important}
body.app-shell .switch-field input:checked+.switch-ui{background:#00c878!important}
body.app-shell .menu-preview{border-color:#29373e!important;color:#aebabc!important}
body.app-shell .menu-preview strong{color:#edf3f4!important}
body.app-shell .menu-preview span{background:#10291e!important;color:#54e99a!important;border:1px solid #1c5135!important}
body.app-shell .plan-duration,body.app-shell .plan-tag{background:#10291e!important;border-color:#1c5135!important;color:#55e99b!important}
body.app-shell .plan-price strong{color:#00e676!important}
body.app-shell .plan-price span,body.app-shell .plan-credit-summary span{color:#9ba8ab!important}
body.app-shell .plan-credit-summary{background:#15211c!important;border-color:#294334!important;color:#d8e9de!important}
body.app-shell .plan-showcase{background:radial-gradient(ellipse at 85% 15%,rgba(0,230,118,.18),transparent 45%),linear-gradient(125deg,#07110e,#10251b)!important;border:1px solid #174530!important;color:#eef5f1!important}
body.app-shell .plan-showcase h2,body.app-shell .plan-showcase strong{color:#f1f6f3!important}
body.app-shell .plan-showcase em,body.app-shell .plan-showcase .showcase-points svg{color:#00e676!important}
body.app-shell .plan-showcase p,body.app-shell .plan-showcase .showcase-points{color:#b0c0b8!important}
body.app-shell .whatsapp-section-nav{position:sticky;top:62px;z-index:8;display:flex;gap:7px;max-width:100%;margin:0 0 14px;padding:9px;border:1px solid #24343a;border-radius:13px;background:#0b1216;color:#cbd6d8;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
body.app-shell .whatsapp-section-nav a{flex:0 0 auto;padding:8px 11px;border:1px solid #29383e;border-radius:999px;background:#121a1f;color:#b8c7c7!important;text-decoration:none;font-size:11px;font-weight:700;white-space:nowrap}
body.app-shell .whatsapp-section-nav a:hover{background:#10291e!important;border-color:#1c5135!important;color:#57e99d!important}
body.app-shell #wa-connection,body.app-shell #wa-automation,body.app-shell #wa-integrations,body.app-shell #wa-cloud-api,body.app-shell #wa-rules,body.app-shell #wa-simulator,body.app-shell #wa-human,body.app-shell #wa-tests,body.app-shell #wa-privacy{scroll-margin-top:136px}
body.app-shell .flow-editor-panel .section-title .actions{flex-wrap:wrap}
body.app-shell .evolution-qr{background:#11191f!important;border-color:#29373e!important;color:#dbe4e6!important}
body.app-shell .evolution-qr img{background:#fff!important}

/* Página pública: elimina os últimos cartões claros e destaca passos, preços e suporte. */
body.billing-landing .billing-process-list article,body.billing-landing .billing-empty-plans,body.billing-landing .public-plan-card,body.billing-landing .public-plans-empty,body.billing-landing .public-how,body.billing-landing .public-steps article{background:#11191f!important;background-image:none!important;border-color:#29373e!important;color:#e7eef0!important;box-shadow:none!important}
body.billing-landing .billing-process-list article h3,body.billing-landing .public-plan-card h3,body.billing-landing .public-how h2,body.billing-landing .public-steps article strong{color:#f1f5f6!important}
body.billing-landing .billing-process-list article p,body.billing-landing .public-plan-card p,body.billing-landing .public-how p,body.billing-landing .public-steps article p{color:#a5b1b4!important}
body.billing-landing .billing-process-list article>span,body.billing-landing .public-steps article>span{background:#10291e!important;color:#53e99a!important;border-color:#1c5135!important}
body.billing-landing .public-plan-kicker,body.billing-landing .public-plan-price,body.billing-landing .public-plan-period{color:#00e676!important}
body.billing-landing .billing-empty-plans,body.billing-landing .public-plans-empty{color:#bac6c8!important}
body.billing-landing .billing-support-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border:1px solid #1a5136;border-radius:999px;background:#10291e;color:#62eca6!important;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}
body.billing-landing .billing-support-cta:hover{background:#153a28!important;border-color:#29724b!important}
body.checkout-page .checkout-payment-panel,body.checkout-page .checkout-empty{background:#11191f!important;border-color:#29373e!important;color:#e7eef0!important;box-shadow:0 16px 42px rgba(0,0,0,.25)!important}
body.checkout-page .checkout-empty h1,body.checkout-page .checkout-empty h2,body.checkout-page .checkout-payment-panel h1,body.checkout-page .checkout-payment-panel h2,body.checkout-page .checkout-payment-panel h3{color:#f1f5f6!important}
body.checkout-page .checkout-empty p,body.checkout-page .checkout-payment-panel p{color:#a5b1b4!important}
body:not(.app-shell) .public-plan-card,body:not(.app-shell) .public-plans-empty,body:not(.app-shell) .public-how,body:not(.app-shell) .public-steps article{background:#11191f!important;background-image:none!important;border-color:#29373e!important;color:#e7eef0!important;box-shadow:0 14px 34px rgba(0,0,0,.24)!important}
body:not(.app-shell) .public-plan-card h3,body:not(.app-shell) .public-how h2,body:not(.app-shell) .public-steps article strong{color:#f1f5f6!important}
body:not(.app-shell) .public-plan-card p,body:not(.app-shell) .public-how p,body:not(.app-shell) .public-steps article p{color:#a5b1b4!important}
body:not(.app-shell) .public-plan-kicker,body:not(.app-shell) .public-plan-price,body:not(.app-shell) .public-plan-period{color:#00e676!important}
@media(max-width:760px){body.app-shell .whatsapp-section-nav{top:58px;margin-left:-2px;margin-right:-2px;padding:7px}body.app-shell .whatsapp-section-nav a{padding:8px 10px;font-size:10px}body.app-shell #wa-connection,body.app-shell #wa-automation,body.app-shell #wa-integrations,body.app-shell #wa-cloud-api,body.app-shell #wa-rules,body.app-shell #wa-simulator,body.app-shell #wa-human,body.app-shell #wa-tests,body.app-shell #wa-privacy{scroll-margin-top:122px}body.billing-landing .billing-support-cta{min-height:38px;padding:0 11px;font-size:10px}}


/* Correções orientadas pelo vídeo: guia/variáveis e prévia dos templates. */
body.app-shell .template-variable-guide,body.app-shell .flow-variable-guide,body.app-shell .template-preview,body.app-shell .template-edit{background:#11191f!important;background-image:none!important;border-color:#29373e!important;color:#e7eef0!important;box-shadow:none!important}
body.app-shell .template-variable-guide>summary,body.app-shell .template-preview>summary,body.app-shell .template-edit>summary{background:#11191f!important;color:#e7eef0!important}
body.app-shell .template-variable-guide[open]>summary,body.app-shell .template-preview[open]>summary,body.app-shell .template-edit[open]>summary{background:#15211c!important;border-color:#29373e!important}
body.app-shell .template-variable-guide>summary strong,body.app-shell .template-variable-guide>summary>b,body.app-shell .template-variable-groups strong{color:#72e9a7!important}
body.app-shell .template-variable-guide>summary small,body.app-shell .template-variable-content>p,body.app-shell .template-preview .helper,body.app-shell .template-edit .helper{color:#aab7ba!important}
body.app-shell .template-variable-guide>summary>b{background:#10291e!important;border:1px solid #1c5135!important}
body.app-shell .template-variable-content{background:#11191f!important}
body.app-shell .template-variable-groups>div{background:#151e23!important;border-color:#2b3a40!important}
body.app-shell .template-variable-groups code{background:#0b1216!important;border-color:#26343a!important;color:#72e9a7!important}
body.app-shell .template-variable-note{background:#2c2418!important;border:1px solid #4b3c25!important;color:#f0d18b!important}
body.app-shell .template-variable-note strong{color:#ffe3a6!important}
body.app-shell .template-preview-dialog{background:#11191f!important;border-color:#29373e!important;color:#e7eef0!important}
body.app-shell .template-preview-phone{background:#0b1216!important;border-color:#29373e!important}
body.app-shell .template-preview-contact{background:#151e23!important;border-color:#2b3a40!important;color:#e7eef0!important}
body.app-shell .template-preview-chat{background:#103322!important;border:1px solid #1a5635!important;color:#def5e6!important;box-shadow:none!important}
body.app-shell .template-preview-message{color:#e3f3e8!important}
body.app-shell .template-preview-time{color:#9db9a8!important}
body.app-shell .template-preview-backdrop{background:rgba(0,0,0,.78)!important}
body.app-shell .template-body>p{color:#c0ccce!important;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
body.app-shell .emoji-palette button{background:#182126!important;border-color:#344248!important;color:#e7eef0!important}
body.app-shell .emoji-palette button:hover{background:#10291e!important;border-color:#1c5135!important;color:#69efa7!important}

/* Ações de cobrança: prioriza envio/pagamento e recolhe operações menos frequentes. */
body.app-shell .billing-card-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%}
body.app-shell .billing-card-primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;min-width:0}
body.app-shell .billing-card-primary-actions>form{display:flex;min-width:0;margin:0}
body.app-shell .billing-card-primary-actions .btn{width:100%;min-height:40px;white-space:normal;line-height:1.25}
body.app-shell .billing-card-more{width:100%;border:1px solid #29373e;border-radius:10px;background:#0b1216!important;color:#d4dfe1;overflow:hidden}
body.app-shell .billing-card-more>summary{padding:10px 12px;cursor:pointer;list-style:none;color:#54e99a;font-size:11px;font-weight:800}
body.app-shell .billing-card-more>summary::-webkit-details-marker{display:none}
body.app-shell .billing-card-more>summary:after{content:'＋';float:right;color:#8ba59a}
body.app-shell .billing-card-more[open]>summary{border-bottom:1px solid #29373e;background:#121a20!important}
body.app-shell .billing-card-more[open]>summary:after{content:'−'}
body.app-shell .billing-card-more-grid{display:flex;flex-wrap:wrap;gap:7px;padding:10px}
body.app-shell .billing-card-more-grid>form{display:flex;min-width:0;margin:0}
body.app-shell .billing-card-more-grid .btn{min-height:36px;white-space:normal;line-height:1.25}

/* Cron e relatórios: leitura e controles legíveis sem ampliar a página inteira. */
body.app-shell .runner-box{background:#11191f!important;border:1px solid #29373e!important;color:#e5edef!important}
body.app-shell .runner-box>strong,body.app-shell .runner-box>span{color:#e7eef0!important}
body.app-shell .runner-box .helper{color:#aab7ba!important}
body.app-shell .runner-box .copy-box input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}
body.app-shell .runner-box .copy-box .btn{background:#10291e!important;border:1px solid #1c5135!important;color:#58e99f!important}
body.app-shell .cron-command-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:9px}
body.app-shell .cron-command-copy pre{min-width:0;overflow-wrap:anywhere;overflow-x:auto;margin:0}
body.app-shell .cron-command-copy .btn{align-self:start;white-space:nowrap}
body.app-shell .report-chart-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#315343 #11191f;scrollbar-width:thin}
body.app-shell .report-chart-scroll .bar-chart{min-width:680px}
body.app-shell .report-chart-scroll:focus-visible{outline:2px solid #00e676;outline-offset:2px}
body.app-shell .report-card .bar-label{color:#aab7ba!important;font-size:10px!important}
body.app-shell .report-table{overflow-x:auto}

/* Landing: texto de depoimentos e botão de contratação com contraste consistente. */
body.billing-landing .billing-testimonial-card blockquote{color:#dce5e7!important;line-height:1.7}
body.billing-landing .billing-testimonial-card footer strong{color:#f1f5f6!important}
body.billing-landing .billing-testimonial-card footer small{color:#aab7ba!important}
body.billing-landing .billing-plan-btn,body.billing-landing .billing-plan-card.highlighted .billing-plan-btn{background:linear-gradient(105deg,#00e676,#00c98a)!important;color:#04120b!important;border:1px solid transparent!important;box-shadow:0 8px 22px rgba(0,230,118,.18)!important;font-weight:850}
body.billing-landing .billing-plan-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
@media(max-width:760px){body.app-shell .billing-card-primary-actions{grid-template-columns:1fr}body.app-shell .billing-card-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body.app-shell .billing-card-more-grid .btn{width:100%;min-height:42px}body.app-shell .cron-command-copy{grid-template-columns:minmax(0,1fr)}body.app-shell .cron-command-copy .btn{width:100%}body.app-shell .report-chart-scroll .bar-chart{min-width:600px;height:185px;gap:8px}body.app-shell .report-card .bar-label{font-size:9px!important}}


/* Modal Criar Cliente: o cabeçalho sticky ainda herdava fundo branco do CSS base. */
body.app-shell .client-form-overlay:not([hidden]){background:rgba(0,0,0,.78)!important}
body.app-shell .client-form-overlay .client-form-dialog-card{background:#11191f!important;background-image:none!important;border-color:#29373e!important;color:#e7eef0!important;box-shadow:0 28px 80px rgba(0,0,0,.58)!important}
body.app-shell .client-form-overlay .client-form-dialog-card>.section-title{background:rgba(17,25,31,.97)!important;border-bottom-color:#29373e!important;color:#e7eef0!important;backdrop-filter:blur(12px)}
body.app-shell .client-form-overlay .client-form-dialog-card>.section-title h2{color:#f1f5f6!important}
body.app-shell .client-form-overlay .client-form-dialog-card>.section-title p{color:#aab7ba!important}
body.app-shell .client-form-overlay .client-form-dialog-card label{color:#cbd6d8!important}
body.app-shell .client-form-overlay .client-form-dialog-card .helper{color:#9eacb0!important}
body.app-shell .client-form-overlay .client-form-dialog-card .client-advanced{background:#0d1519!important;border:1px solid #29373e!important;color:#e7eef0!important}
body.app-shell .client-form-overlay .client-form-dialog-card .client-advanced>summary{color:#e7eef0!important}
body.app-shell .client-form-overlay .client-form-dialog-card .client-advanced>summary span{color:#72e9a7!important}
@media(max-width:760px){body.app-shell .client-form-overlay:not([hidden]){padding:10px;background:rgba(0,0,0,.82)!important}body.app-shell .client-form-overlay .client-form-dialog-card>.section-title{background:rgba(17,25,31,.98)!important}}


/* Conversão pública: equivalência de preço calculada a partir do ciclo cadastrado. */
body.billing-landing .billing-plan-economy{display:grid;gap:2px;margin:12px 0;padding:10px 12px;border:1px solid rgba(56,233,143,.22);border-radius:12px;background:rgba(12,34,25,.78);color:#b9c9c4;font-size:11px}
body.billing-landing .billing-plan-economy strong{color:#71efa8;font-size:16px}
body.billing-landing .billing-plan-economy small{color:#75e7a4;font-weight:750;line-height:1.4}
body:not(.app-shell) .plan-economy-note{display:grid;gap:3px;margin:9px 0 12px;padding:9px 11px;border:1px solid #24533d;border-radius:10px;background:#0d2119;color:#b7c9c0;font-size:11px;line-height:1.4}
body:not(.app-shell) .plan-economy-note strong{color:#72e9a7}
body:not(.app-shell) .plan-economy-note span{color:#72e9a7;font-weight:750}

/* Portal do assinante: compartilhar o convite sem expor dados privados. */
body.client-portal-page .client-referral-card{background:#11191f!important;border:1px solid #29373e!important;color:#e7eef0!important}
body.client-portal-page .client-referral-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
body.client-portal-page .client-referral-heading h2{margin:0 0 6px;color:#f0f5f6}
body.client-portal-page .client-referral-badge{padding:8px 11px;border:1px solid #1d583a;border-radius:999px;background:#10291e;color:#72e9a7;font-size:12px;font-weight:800}
body.client-portal-page .client-referral-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0}
body.client-portal-page .client-referral-stats>div{display:grid;gap:3px;padding:11px;border:1px solid #29373e;border-radius:12px;background:#0b1216}
body.client-portal-page .client-referral-stats strong{color:#72e9a7;font-size:16px;overflow-wrap:anywhere}
body.client-portal-page .client-referral-stats span,body.client-portal-page .client-referral-label{color:#aab7ba;font-size:11px}
body.client-portal-page .client-referral-label{display:block;margin:10px 0 6px;font-weight:750}
body.client-portal-page .client-referral-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:stretch}
body.client-portal-page .client-referral-actions input{min-width:0;width:100%;background:#0b1216!important;border:1px solid #344248!important;color:#e7eef0!important}
body.client-portal-page .client-referral-actions .btn{display:inline-flex;justify-content:center;align-items:center;min-height:42px;margin-top:0;white-space:normal;text-align:center}
body.client-portal-page #client-referral-copy-status{min-height:1em;margin:8px 0 0;color:#aab7ba}
@media(max-width:650px){body.client-portal-page .client-referral-stats{grid-template-columns:repeat(3,minmax(0,1fr))}body.client-portal-page .client-referral-actions{grid-template-columns:1fr}body.client-portal-page .client-referral-actions .btn{width:100%}}

/* Portal do cliente no mesmo padrão do admin e da revenda. */
body.client-portal-page{background:#070b0d!important;color:#edf2f3!important;background-image:linear-gradient(rgba(0,230,118,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(0,230,118,.018) 1px,transparent 1px)!important;background-size:72px 72px!important}
body.client-portal-page .wrap{max-width:1060px}body.client-portal-page .brand{color:#00e676!important;letter-spacing:.14em}body.client-portal-page .card{background:#11191f!important;border-color:#26343b!important;color:#eaf0f1;box-shadow:0 18px 46px rgba(0,0,0,.23)}body.client-portal-page h1,body.client-portal-page h2,body.client-portal-page h3{color:#f0f4f5!important}body.client-portal-page .muted{color:#98a4aa!important}body.client-portal-page .metric{background:#0b1216;border-color:#26343b}body.client-portal-page .metric strong{color:#f4f7f8}body.client-portal-page input{background:#0b1216;color:#e9eff0;border-color:#2b393f}body.client-portal-page input:focus{border-color:#00c878;box-shadow:0 0 0 3px rgba(0,230,118,.13)}body.client-portal-page .btn{background:linear-gradient(105deg,#00e676,#00c98a);color:#03120b}body.client-portal-page .btn.secondary{background:#182126;color:#d8e0e2;border:1px solid #303e44}body.client-portal-page .client-referral-card{border-color:#164633!important}

body.client-portal-page .brand{display:flex;align-items:center;gap:12px;flex-wrap:wrap}body.client-portal-page .brand small{font-size:10px;letter-spacing:.14em;color:#8fa29b}body.client-portal-page .client-wa-link{margin-left:auto;display:inline-flex;align-items:center;padding:9px 12px;border:1px solid #1b5135;border-radius:10px;color:#4be99b!important;font-size:11px;letter-spacing:0;font-weight:700}body.client-portal-page .client-wa-link:hover{background:#10291e}@media(max-width:650px){body.client-portal-page .brand{align-items:flex-start;flex-direction:column}body.client-portal-page .client-wa-link{margin-left:0}}

/* Compactação mobile compartilhada: evita cabeçalhos empilhados e áreas vazias. */
@media(max-width:650px){
 body.client-portal-page .wrap{padding:16px 14px 28px!important}
 body.client-portal-page .brand{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;grid-template-rows:auto auto;align-items:center!important;column-gap:10px!important;row-gap:2px!important;margin-bottom:16px!important;min-height:38px}
 body.client-portal-page .brand img{grid-column:1;grid-row:1 / span 2}
 body.client-portal-page .brand span{grid-column:2;grid-row:1;line-height:1.1}
 body.client-portal-page .brand small{grid-column:2;grid-row:2;margin:0!important;line-height:1.1}
 body.client-portal-page .brand .pwa-install-button{display:none!important}
 body.client-portal-page .client-wa-link{grid-column:3;grid-row:1 / span 2;margin:0!important;white-space:nowrap;padding:8px 9px!important;font-size:10px!important}
 body.client-portal-page .card{margin-bottom:12px!important;padding:18px!important}
 body.client-portal-page .login-message{margin-bottom:17px!important;padding:17px!important}
 body.client-portal-page .login-message-pills{margin-top:13px!important;gap:6px!important}
 body.client-portal-page .login-message-pills span{padding:7px 9px!important}
}

/* Correção final do topo do assinante no celular: linha compacta, sem área vazia. */
@media(max-width:650px){body.client-portal-page .wrap{padding-top:10px!important}body.client-portal-page .brand{height:auto!important;min-height:0!important;padding:0!important;margin:0 0 14px!important;grid-template-columns:36px minmax(0,1fr) auto!important;grid-template-rows:19px 14px!important;column-gap:9px!important;row-gap:0!important;align-content:start!important}body.client-portal-page .brand img{width:36px!important;height:36px!important}body.client-portal-page .brand span{font-size:14px!important;line-height:19px!important}body.client-portal-page .brand small{font-size:8px!important;line-height:14px!important}body.client-portal-page .client-wa-link{font-size:9px!important;padding:7px 8px!important;line-height:18px!important}}

/* Padrão do cadastro de revenda aplicado às áreas de login e assinante. */
body.reference-public.client-portal-page .wrap{max-width:1040px!important;padding:24px 18px 54px!important}body.reference-public.client-portal-page .card{border-radius:19px!important;padding:24px!important}body.reference-public.client-portal-page .login-message{border-radius:22px!important;padding:30px 32px!important;background:radial-gradient(ellipse at 80% 25%,rgba(0,230,118,.18),transparent 34%),linear-gradient(115deg,#07110e,#0b1b17 65%,#10261d)!important;border:1px solid #164633!important}body.reference-public.client-portal-page .login-message h1{font-size:clamp(29px,5vw,43px)!important;max-width:700px!important}body.reference-public.client-portal-page .login-message p{max-width:680px!important;font-size:14px!important;line-height:1.65!important}body.reference-public.client-portal-page .login-message-pills{gap:8px!important;margin-top:19px!important}body.reference-public.client-portal-page .login-message-pills span{padding:8px 11px!important;border-radius:99px!important;background:#ffffff12!important;border:1px solid #ffffff25!important;font-size:11px!important}
@media(max-width:650px){body.reference-public.client-portal-page .wrap{padding:15px 13px 35px!important}body.reference-public.client-portal-page .card{padding:19px!important}body.reference-public.client-portal-page .login-message{padding:27px 22px!important}body.reference-public.client-portal-page .login-message h1{font-size:31px!important}}

/* Ajuste estrutural final: portal de acesso acompanha a largura e o respiro do cadastro. */
body.reference-public>main.login{width:min(1040px,calc(100% - 36px))!important;max-width:none!important;margin:24px auto 54px!important;padding:24px!important;border:1px solid #26343b!important;border-radius:19px!important;background:#11191f!important;box-shadow:0 18px 46px rgba(0,0,0,.32)!important;color:#edf2f3!important}body.reference-public>main.login>.brand{display:flex!important;margin:0 0 18px!important;color:#f0f5f4!important}body.reference-public>main.login>.login-message{margin:0 0 18px!important;padding:30px 32px!important;border-radius:22px!important;background:radial-gradient(ellipse at 80% 25%,rgba(0,230,118,.18),transparent 34%),linear-gradient(115deg,#07110e,#0b1b17 65%,#10261d)!important;border:1px solid #164633!important}body.reference-public>main.login>form{max-width:100%!important;padding:21px!important;border:1px solid #26343b!important;border-radius:15px!important;background:#0b1216!important}body.reference-public>main.login>h1{color:#f4f7f8!important}body.reference-public>main.login>.muted,body.reference-public>main.login>.login-help{color:#9aacab!important}body.reference-public>main.login>input,body.reference-public>main.login>form input{background:#07110e!important;border-color:#2b393f!important;color:#e9eff0!important}body.reference-public>main.login>form button{width:100%;min-height:43px;border-radius:10px;background:linear-gradient(100deg,#00e676,#00c98a)!important;color:#03120b!important;font-weight:800;border:0}body.reference-public>main.login .login-tip{background:#10261d!important;border-color:#1b4832!important;color:#b8e6cd!important}body.reference-public>main.login .login-tip strong{color:#f1f6f3!important}
@media(max-width:650px){body.reference-public>main.login{width:calc(100% - 26px)!important;margin:15px auto 35px!important;padding:18px!important}body.reference-public>main.login>.login-message{padding:27px 22px!important}body.reference-public>main.login>form{padding:18px!important}}