/**
 * Cloud Win / Rackon — extensões WHMCS (header neon, whites, orderform, faturas)
 */

/* ——— Tipografia ——— */
body.rackon-client h1,
body.rackon-client h2,
body.rackon-client h3,
body.rackon-client .h1,
body.rackon-client .h2,
body.rackon-client .h3,
body.rackon-client .header-lined h1,
body.rackon-client .cap-hero__title,
body.rackon-client .cap-home-hero__title,
body.rackon-client .text-gradient {
  font-family: var(--rk-font-display) !important;
  letter-spacing: 0.04em;
}

body.rackon-client .text-gradient,
body.rackon-client .header-lined h1 {
  background: var(--rk-grad) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* ——— Logo branca na central ——— */
body.rackon-client .logo img.logo-light {
  filter: brightness(0) invert(1) drop-shadow(0 0 12px rgba(0, 229, 255, 0.35));
}

body.rackon-client .logo .logo-dark,
body.rackon-client .logo span.logo-dark {
  display: none !important;
}

body.rackon-client .logo .logo-light {
  display: inline-block !important;
}

/* ——— Page hero (banner do dashboard) ——— */
body.rackon-client .hero-bg-wrap,
body.rackon-client .header-banner-styled,
body.rackon-client .small-header {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin-bottom: 1.25rem;
  overflow: visible !important;
}

body.rackon-client .hero-bg-wrap::before,
body.rackon-client .cros-bg-shapes-right,
body.rackon-client .cros-bg-shapes-left {
  display: none !important;
}

body.rackon-client .rk-page-hero {
  position: relative;
  padding: 1.75rem 1.5rem 1.35rem;
  border-radius: var(--rk-radius);
  border: 1px solid var(--rk-border);
  background: var(--rk-glass);
  box-shadow: var(--rk-glow);
  overflow: hidden;
  margin-bottom: 0.5rem;
}

body.rackon-client .rk-page-hero__smoke {
  position: absolute;
  inset: -20%;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse 55% 70% at 15% 40%, rgba(0, 229, 255, 0.14), transparent 55%),
    radial-gradient(ellipse 45% 55% at 85% 25%, rgba(124, 77, 255, 0.12), transparent 50%),
    radial-gradient(ellipse 40% 50% at 60% 90%, rgba(45, 212, 191, 0.08), transparent 55%);
  animation: rk-smoke 12s ease-in-out infinite alternate;
}

@keyframes rk-smoke {
  0% { transform: translate(0, 0) scale(1); opacity: 0.85; }
  100% { transform: translate(-2%, 3%) scale(1.05); opacity: 1; }
}

body.rackon-client .rk-page-hero__grid {
  position: absolute;
  inset: 0;
  opacity: 0.35;
  background-image:
    linear-gradient(var(--rk-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--rk-grid) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none;
  z-index: 0;
}

body.rackon-client .rk-page-hero__icons {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
}

body.rackon-client .rk-float-icon {
  position: absolute;
  font-family: var(--rk-font-mono);
  font-size: 0.65rem;
  font-weight: 500;
  color: rgba(0, 229, 255, 0.35);
  padding: 0.2rem 0.45rem;
  border: 1px solid rgba(0, 229, 255, 0.12);
  border-radius: 6px;
  background: rgba(0, 229, 255, 0.04);
  animation: rk-float 8s ease-in-out infinite;
  white-space: nowrap;
}

@keyframes rk-float {
  0%, 100% { transform: translateY(0); opacity: 0.45; }
  50% { transform: translateY(-8px); opacity: 0.85; }
}

body.rackon-client .rk-page-hero__body {
  position: relative;
  z-index: 2;
}

body.rackon-client .rk-page-hero h1 {
  font-size: clamp(1.35rem, 3vw, 1.85rem);
  margin: 0 0 0.35rem;
}

body.rackon-client .rk-page-hero .breadcrumb {
  margin: 0;
  padding: 0;
  background: transparent !important;
}

body.rackon-client .rk-page-hero .breadcrumb a {
  color: var(--rk-muted) !important;
}

body.rackon-client .rk-page-hero .breadcrumb .active {
  color: var(--rk-cyan) !important;
}

body.rackon-client .search-group .form-control,
body.rackon-client #table-search {
  background: rgba(6, 10, 18, 0.7) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: 999px !important;
  color: var(--rk-text) !important;
  max-width: 280px;
}

/* ——— Mata brancos globais ——— */
body.rackon-client .primary-content,
body.rackon-client #main-body,
body.rackon-client .main-container,
body.rackon-client .main-content {
  background: transparent !important;
}

body.rackon-client .bg-white,
body.rackon-client .white,
body.rackon-client .TM-card.white,
body.rackon-client .field-container.TM-card,
body.rackon-client .product-configurable-options,
body.rackon-client .cap-hero,
body.rackon-client .cap-table-wrap,
body.rackon-client .dataTables_wrapper,
body.rackon-client table.dataTable,
body.rackon-client .dataTables_scroll,
body.rackon-client .div-service-item,
body.rackon-client .product-details-overview,
body.rackon-client .tab-pane .card,
body.rackon-client .client-home-panels .panel-body,
body.rackon-client .order-summary,
body.rackon-client .view-cart-items,
body.rackon-client .checkout-container .card {
  background: var(--rk-glass) !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: var(--rk-border) !important;
  color: var(--rk-text) !important;
}

/* cap-home / cap-products inline light theme */
body.rackon-client .cap-home-page,
body.rackon-client .cap-products--modern,
body.rackon-client .cap-products {
  color: var(--rk-text) !important;
  font-family: var(--rk-font-body) !important;
}

body.rackon-client .cap-home-hero,
body.rackon-client .cap-hero {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  box-shadow: var(--rk-glow) !important;
}

body.rackon-client .cap-home-hero__icon,
body.rackon-client .cap-hero__icon {
  background: var(--rk-grad-soft) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-cyan) !important;
  box-shadow: 0 0 24px rgba(0, 229, 255, 0.15) !important;
}

body.rackon-client .cap-home-hero__title,
body.rackon-client .cap-hero__title {
  background: var(--rk-grad) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

body.rackon-client .cap-home-hero__kicker,
body.rackon-client .cap-home-hero__desc,
body.rackon-client .cap-hero__desc,
body.rackon-client .cap-stat__label,
body.rackon-client .text-muted {
  color: var(--rk-muted) !important;
}

body.rackon-client .cap-stat__value {
  color: var(--rk-cyan) !important;
  font-family: var(--rk-font-display);
}

body.rackon-client .cap-home-shortcuts .cap-home-shortcut,
body.rackon-client .cap-home-tool,
body.rackon-client .cap-home-card,
body.rackon-client .cap-home-panel,
body.rackon-client .cap-home-status-row,
body.rackon-client .cap-toolbar,
body.rackon-client .cap-btn-outline,
body.rackon-client .cap-home-btn-outline {
  background: rgba(10, 16, 28, 0.75) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-text) !important;
  border-radius: var(--rk-radius) !important;
}

body.rackon-client .cap-home-btn-primary,
body.rackon-client .cap-btn-primary {
  background: var(--rk-grad) !important;
  color: #060a12 !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 700;
  box-shadow: 0 10px 28px rgba(0, 229, 255, 0.22) !important;
}

body.rackon-client .cap-home-card__header,
body.rackon-client .cap-home-card__footer,
body.rackon-client .panel-heading {
  background: rgba(0, 229, 255, 0.04) !important;
  border-color: var(--rk-border) !important;
}

/* Tiles / swiper — remove barra horizontal */
body.rackon-client .cap-home-tiles-swiper {
  overflow: hidden !important;
  padding-bottom: 0.5rem;
}

body.rackon-client .cap-home-tiles-swiper .swiper-wrapper {
  overflow: visible !important;
}

body.rackon-client .tile,
body.rackon-client .tile.cap-home-tile {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  box-shadow: var(--rk-glow) !important;
}

body.rackon-client .tile .title {
  color: var(--rk-muted) !important;
}

body.rackon-client .tile .stat {
  color: var(--rk-text) !important;
  font-family: var(--rk-font-display);
}

/* Painel suporte — botões departamento */
body.rackon-client .cap-home-panels .panel-footer,
body.rackon-client .client-home-panels .panel-footer {
  overflow: hidden !important;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  padding: 0.75rem !important;
}

body.rackon-client .cap-home-panels .panel-footer .btn,
body.rackon-client .client-home-panels .panel-footer a {
  background: rgba(0, 229, 255, 0.08) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-cyan) !important;
  border-radius: 999px !important;
  font-weight: 600;
  white-space: normal;
}

body.rackon-client .cap-home-panels .panel-footer .btn:hover {
  background: rgba(0, 229, 255, 0.15) !important;
  color: var(--rk-text) !important;
}

/* Tabela serviços / faturas */
body.rackon-client .cap-table,
body.rackon-client table.dataTable {
  background: transparent !important;
}

body.rackon-client table.dataTable tbody tr {
  background: rgba(10, 16, 28, 0.5) !important;
}

body.rackon-client table.dataTable tbody tr:nth-child(even) {
  background: rgba(0, 229, 255, 0.03) !important;
}

body.rackon-client table.dataTable tbody tr:hover {
  background: rgba(0, 229, 255, 0.08) !important;
}

body.rackon-client table.dataTable tbody td {
  color: var(--rk-text) !important;
  border-color: var(--rk-border) !important;
}

body.rackon-client table.dataTable tbody td a {
  color: var(--rk-cyan) !important;
}

body.rackon-client .dataTables_filter input,
body.rackon-client .cap-search__input {
  background: rgba(6, 10, 18, 0.7) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-text) !important;
  border-radius: 999px !important;
}

body.rackon-client .cap-search__icon {
  color: var(--rk-muted);
}

/* Product details white cards */
body.rackon-client .client-product-details .card,
body.rackon-client .product-details-header,
body.rackon-client .cap-pd-hero,
body.rackon-client .module-client-area .card {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-text) !important;
}

body.rackon-client .product-status-text,
body.rackon-client .cap-pd-hero__title {
  color: var(--rk-text) !important;
}

/* ——— Detalhes do produto / painel VPS embutido ——— */
body.rackon-client .cap-pd-page {
  color: var(--rk-text) !important;
}

body.rackon-client .cap-pd-hero {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  box-shadow: var(--rk-glow) !important;
}

body.rackon-client .cap-pd-hero__icon {
  background: var(--rk-grad-soft) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-cyan) !important;
  box-shadow: 0 0 20px rgba(0, 229, 255, 0.12) !important;
}

body.rackon-client .cap-pd-hero__kicker,
body.rackon-client .cap-pd-hero__meta,
body.rackon-client .cap-pd-section__head .desc {
  color: var(--rk-muted) !important;
}

body.rackon-client .cap-pd-hero__title {
  color: var(--rk-text) !important;
  background: none !important;
  -webkit-text-fill-color: var(--rk-text) !important;
}

body.rackon-client .cap-pd-badge {
  background: rgba(0, 229, 255, 0.1) !important;
  color: var(--rk-cyan) !important;
}

body.rackon-client .cap-pd-meta-card,
body.rackon-client .cw-product-meta-bar--nova {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  box-shadow: var(--rk-glow) !important;
  backdrop-filter: blur(12px) !important;
}

body.rackon-client .cw-meta-details-summary {
  color: var(--rk-cyan) !important;
}

body.rackon-client .cw-meta-details {
  border-top-color: var(--rk-border) !important;
}

body.rackon-client .product-navigation,
body.rackon-client .product-navigation--compact {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  box-shadow: var(--rk-glow) !important;
}

body.rackon-client .product-title,
body.rackon-client .product-title--compact {
  color: var(--rk-text) !important;
}

/* Aura do painel — borda glass em vez de azul sólido */
body.rackon-client .cw-panel-aura-wrap {
  padding: 1px !important;
  border-radius: 18px !important;
  background: linear-gradient(
    125deg,
    rgba(0, 229, 255, 0.28) 0%,
    rgba(124, 77, 255, 0.22) 42%,
    rgba(45, 212, 191, 0.18) 72%,
    rgba(0, 229, 255, 0.24) 100%
  ) !important;
  background-size: 200% 200% !important;
  box-shadow: 0 0 40px rgba(0, 229, 255, 0.08), inset 0 1px 0 rgba(0, 229, 255, 0.12) !important;
}

body.rackon-client .cw-panel-aura-lights {
  background:
    radial-gradient(ellipse 80% 50% at 20% 0%, rgba(0, 229, 255, 0.12), transparent 55%),
    radial-gradient(ellipse 60% 40% at 90% 100%, rgba(124, 77, 255, 0.1), transparent 50%) !important;
  opacity: 0.65 !important;
  mix-blend-mode: screen !important;
}

body.rackon-client .cw-panel-aura-content {
  border-radius: 17px !important;
}

body.rackon-client .cw-panel-priority--nova,
body.rackon-client .cap-pd-panel-card.cw-panel-priority--nova {
  background: rgba(10, 16, 28, 0.72) !important;
  backdrop-filter: blur(16px) saturate(1.2) !important;
  border: 1px solid var(--rk-border) !important;
  box-shadow: var(--rk-shadow) !important;
}

body.rackon-client .cw-panel-priority--nova > .card-header,
body.rackon-client .cap-pd-panel-card > .card-header {
  background: rgba(0, 229, 255, 0.05) !important;
  border-bottom: 1px solid var(--rk-border) !important;
}

body.rackon-client .cw-panel-priority--nova .nav-link,
body.rackon-client .cap-pd-panel-card .nav-link {
  color: var(--rk-muted) !important;
}

body.rackon-client .cw-panel-priority--nova .nav-link.active,
body.rackon-client .cap-pd-panel-card .nav-link.active {
  background: var(--rk-grad-soft) !important;
  color: var(--rk-cyan) !important;
  border: 1px solid rgba(0, 229, 255, 0.25) !important;
  box-shadow: 0 0 18px rgba(0, 229, 255, 0.12) !important;
}

body.rackon-client .cw-panel-priority--nova .card-body,
body.rackon-client .cap-pd-panel-card .card-body {
  background: transparent !important;
  color: var(--rk-text) !important;
}

body.rackon-client .list-info .list-heading {
  color: var(--rk-muted) !important;
}

body.rackon-client .list-info .list-text {
  color: var(--rk-text) !important;
}

body.rackon-client .module-client-area {
  background: transparent !important;
  padding: 0.25rem 0 !important;
}

body.rackon-client .cw-whmcs-bar {
  margin-bottom: 0.75rem !important;
  gap: 0.45rem !important;
}

body.rackon-client .cw-whmcs-bar .btn-default {
  background: rgba(0, 229, 255, 0.06) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-cyan) !important;
  border-radius: 999px !important;
}

body.rackon-client .cw-whmcs-bar .btn-primary {
  background: var(--rk-grad-warm) !important;
  border: none !important;
  color: #060a12 !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}

body.rackon-client #cw-panel-status {
  color: var(--rk-muted) !important;
}

body.rackon-client #cw-panel-status.cw-ok {
  color: var(--rk-ok) !important;
}

body.rackon-client #vmbIframe {
  border: 1px solid var(--rk-border) !important;
  border-radius: 14px !important;
  box-shadow: var(--rk-glow), inset 0 0 0 1px rgba(0, 229, 255, 0.06) !important;
  background: #030712 !important;
}

body.rackon-client .cap-btn-outline {
  background: rgba(0, 229, 255, 0.06) !important;
  border-color: var(--rk-border) !important;
  color: var(--rk-cyan) !important;
}

body.rackon-client .cap-btn-success {
  background: rgba(52, 211, 153, 0.2) !important;
  border: 1px solid rgba(52, 211, 153, 0.35) !important;
  color: var(--rk-ok) !important;
}

@media (prefers-reduced-motion: reduce) {
  body.rackon-client .cw-panel-aura-wrap {
    background: linear-gradient(125deg, rgba(0, 229, 255, 0.22), rgba(124, 77, 255, 0.18)) !important;
    animation: none !important;
  }
}

/* ——— ORDERFORM: pricing style-2 ——— */
body.rackon-client .cros-pricing-table,
body.rackon-client .cros-pricing-table.light {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  box-shadow: var(--rk-glow) !important;
  color: var(--rk-text) !important;
}

body.rackon-client .cros-pricing-table h4,
body.rackon-client .cros-pricing-table .price-highlight,
body.rackon-client .cros-pricing-table .cost {
  color: var(--rk-cyan) !important;
  font-family: var(--rk-font-display);
}

body.rackon-client .cros-pricing-table .desc,
body.rackon-client .cros-pricing-table .cycle,
body.rackon-client .cros-pricing-table .plan-features {
  color: var(--rk-muted) !important;
}

body.rackon-client .cros-pricing-table .btn-order-now {
  background: var(--rk-grad-warm) !important;
  border: none !important;
  color: #060a12 !important;
  border-radius: 999px !important;
  font-weight: 700;
  box-shadow: 0 12px 32px rgba(251, 146, 60, 0.2);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.rackon-client .cros-pricing-table:hover {
  border-color: rgba(0, 229, 255, 0.35) !important;
  box-shadow: 0 20px 50px rgba(0, 229, 255, 0.12) !important;
  transform: translateY(-4px);
}

body.rackon-client .cros-pricing-table.active,
body.rackon-client .cros-pricing-table.featured-plan {
  border-color: rgba(0, 229, 255, 0.45) !important;
  box-shadow: 0 0 0 1px rgba(0, 229, 255, 0.2), 0 24px 48px rgba(0, 229, 255, 0.15) !important;
}

body.rackon-client .free-domain-badge {
  background: rgba(0, 229, 255, 0.08) !important;
  border-color: var(--rk-border) !important;
  color: var(--rk-muted) !important;
}

/* Billing cycle cards */
body.rackon-client .pcb {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-text) !important;
}

body.rackon-client input[type="radio"]:checked + .pcb {
  border-color: rgba(0, 229, 255, 0.5) !important;
  background: rgba(0, 229, 255, 0.1) !important;
  box-shadow: 0 0 24px rgba(0, 229, 255, 0.15) !important;
}

body.rackon-client .pcb .c-name {
  color: var(--rk-muted) !important;
}

body.rackon-client .pcb .c-price {
  color: var(--rk-cyan) !important;
  font-family: var(--rk-font-display);
}

body.rackon-client .section-billing-cycle .sub-heading {
  color: var(--rk-cyan) !important;
  border-color: var(--rk-border) !important;
}

body.rackon-client .sub-heading {
  background: transparent !important;
  border: none !important;
  color: var(--rk-cyan) !important;
  font-family: var(--rk-font-display);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.78rem !important;
}

body.rackon-client .sub-heading span {
  background: transparent !important;
}

/* OS cards */
body.rackon-client .os-card {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  box-shadow: var(--rk-glow) !important;
}

body.rackon-client .os-card div,
body.rackon-client .os-card div small {
  color: var(--rk-text) !important;
}

body.rackon-client .os-card.selected {
  border-color: rgba(0, 229, 255, 0.55) !important;
  box-shadow: 0 0 0 1px rgba(0, 229, 255, 0.25), 0 20px 40px rgba(0, 229, 255, 0.15) !important;
}

body.rackon-client .os-category-divider {
  background: var(--rk-grad-soft) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-cyan) !important;
  border-radius: 999px !important;
}

body.rackon-client .os-card__icon.fab.fa-linux {
  color: var(--rk-teal) !important;
}

/* Order summary sticky */
body.rackon-client .order-summary,
body.rackon-client #orderSummary,
body.rackon-client .sticky-sidebar-inner .order-summary {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: var(--rk-radius) !important;
  box-shadow: var(--rk-shadow) !important;
}

body.rackon-client .order-summary h2,
body.rackon-client .order-summary .summary-title {
  background: var(--rk-grad) !important;
  color: #060a12 !important;
  font-family: var(--rk-font-display);
}

body.rackon-client .btn-checkout,
body.rackon-client #btnCompleteProductConfig,
body.rackon-client .btn-continue {
  background: var(--rk-grad-warm) !important;
  border: none !important;
  color: #060a12 !important;
  border-radius: 999px !important;
  font-weight: 700;
}

/* Payment gateway cards — efeito algoritmo */
body.rackon-client #cros-payment-gateway .radio-inline,
body.rackon-client #cros-payment-gateway .TM-card,
body.rackon-client .payment-method-list .paymethod-info {
  position: relative;
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: var(--rk-radius) !important;
  color: var(--rk-text) !important;
  overflow: hidden;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

body.rackon-client #cros-payment-gateway .radio-inline::before,
body.rackon-client .payment-method-list .paymethod-info::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    90deg,
    transparent,
    transparent 8px,
    rgba(0, 229, 255, 0.03) 8px,
    rgba(0, 229, 255, 0.03) 9px
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

body.rackon-client #cros-payment-gateway .radio-inline:hover::before,
body.rackon-client #cros-payment-gateway .radio-inline.is-selected::before,
body.rackon-client #cros-payment-gateway .radio-inline:has(:checked)::before {
  opacity: 1;
}

body.rackon-client #cros-payment-gateway .radio-inline.is-selected,
body.rackon-client #cros-payment-gateway .radio-inline:has(:checked) {
  border-color: rgba(0, 229, 255, 0.45) !important;
  box-shadow: 0 0 28px rgba(0, 229, 255, 0.12) !important;
}

/* View cart / checkout white blocks */
body.rackon-client #order-standard_cart .view-cart-items .item,
body.rackon-client .cart-item,
body.rackon-client .summary-container,
body.rackon-client .promo-box {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-text) !important;
}

body.rackon-client .sidebar .panel,
body.rackon-client #order-standard_cart .cart-sidebar .panel {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
}

body.rackon-client .sidebar .list-group-item.active,
body.rackon-client #order-standard_cart .list-group-item.active {
  background: var(--rk-grad-soft) !important;
  color: var(--rk-cyan) !important;
}

/* Botões brancos / outline → neon */
body.rackon-client .btn-light,
body.rackon-client .btn-outline-primary,
body.rackon-client .btn-outline-secondary,
body.rackon-client .cap-home-btn-outline,
body.rackon-client .cap-btn-outline,
body.rackon-client .panel-footer .btn-default,
body.rackon-client .btn.btn-sm.btn-default {
  background: rgba(0, 229, 255, 0.06) !important;
  border: 1px solid rgba(0, 229, 255, 0.28) !important;
  color: var(--rk-cyan) !important;
  border-radius: 999px !important;
  font-weight: 600;
}

body.rackon-client .btn-light:hover,
body.rackon-client .btn-outline-primary:hover,
body.rackon-client .cap-btn-outline:hover {
  background: rgba(0, 229, 255, 0.14) !important;
  color: var(--rk-text) !important;
  box-shadow: 0 0 20px rgba(0, 229, 255, 0.15);
}

/* Ripple click */
body.rackon-client .rk-ripple-host {
  position: relative;
  overflow: hidden;
}

body.rackon-client .rk-ripple {
  position: absolute;
  border-radius: 50%;
  background: rgba(0, 229, 255, 0.35);
  transform: scale(0);
  animation: rk-ripple 0.55s ease-out;
  pointer-events: none;
}

@keyframes rk-ripple {
  to {
    transform: scale(4);
    opacity: 0;
  }
}

/* Verification banners */
body.rackon-client .verification-banner {
  background: rgba(251, 146, 60, 0.12) !important;
  border: 1px solid rgba(251, 146, 60, 0.3) !important;
  color: var(--rk-warn) !important;
}

/* DataTables odd rows pink fix */
body.rackon-client table.dataTable.stripe tbody tr.odd,
body.rackon-client table.dataTable.display tbody tr.odd {
  background: rgba(10, 16, 28, 0.55) !important;
}

body.rackon-client table.dataTable.stripe tbody tr.even,
body.rackon-client table.dataTable.display tbody tr.even {
  background: rgba(0, 229, 255, 0.04) !important;
}

/* Scrollbar subtle */
body.rackon-client ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

body.rackon-client ::-webkit-scrollbar-thumb {
  background: rgba(0, 229, 255, 0.2);
  border-radius: 999px;
}

body.rackon-client ::-webkit-scrollbar-track {
  background: rgba(6, 10, 18, 0.5);
}

body.rackon-client .os-card.rk-pulse-once {
  animation: rk-os-pulse 0.45s ease;
}

@keyframes rk-os-pulse {
  0% { box-shadow: 0 0 0 0 rgba(0, 229, 255, 0.45); }
  100% { box-shadow: 0 0 0 16px rgba(0, 229, 255, 0); }
}

body.rackon-client .cros-pricing-table:hover::before {
  opacity: 0.5 !important;
  background:
    linear-gradient(105deg, transparent 35%, rgba(0, 229, 255, 0.15) 50%, transparent 65%) !important;
  animation: rk-sweep 2.5s ease-in-out infinite;
}

@keyframes rk-sweep {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

@media (prefers-reduced-motion: reduce) {
  body.rackon-client .rk-page-hero__smoke,
  body.rackon-client .rk-float-icon,
  body.rackon-client .cros-pricing-table::before {
    animation: none !important;
  }
}

/* ——— Legibilidade global (textos escuros demais) ——— */
body.rackon-client p,
body.rackon-client .lead,
body.rackon-client label,
body.rackon-client .control-label,
body.rackon-client .form-text,
body.rackon-client .text-muted,
body.rackon-client .text-secondary,
body.rackon-client small.text-muted {
  color: var(--rk-muted) !important;
}

body.rackon-client .panel-body,
body.rackon-client .card-text,
body.rackon-client .main-content p,
body.rackon-client .article-content,
body.rackon-client .article-content p,
body.rackon-client .article-content li,
body.rackon-client .article-content td,
body.rackon-client .kbarticles p {
  color: #b8c9dc !important;
}

body.rackon-client .article-content a,
body.rackon-client .main-content a:not(.btn) {
  color: var(--rk-cyan) !important;
}

body.rackon-client .article h1,
body.rackon-client .article-content h1,
body.rackon-client .article-content h2,
body.rackon-client .article-content h3,
body.rackon-client .article-content h4 {
  color: var(--rk-text) !important;
}

body.rackon-client .article-content pre,
body.rackon-client .article-content code {
  background: rgba(0, 229, 255, 0.08) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-teal) !important;
  border-radius: 8px;
}

/* Suporte — departamentos */
body.rackon-client .ticket-departments a,
body.rackon-client .ticket-departments.list a {
  display: block;
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: var(--rk-radius) !important;
  padding: 1rem 1.15rem !important;
  margin-bottom: 0.65rem !important;
  color: var(--rk-text) !important;
  text-decoration: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

body.rackon-client .ticket-departments a:hover,
body.rackon-client .ticket-departments.list a:hover {
  border-color: rgba(0, 229, 255, 0.35) !important;
  box-shadow: 0 12px 32px rgba(0, 229, 255, 0.1) !important;
  transform: translateY(-2px);
}

body.rackon-client .ticket-departments .name,
body.rackon-client .ticket-departments h5 {
  color: var(--rk-text) !important;
  margin-bottom: 0.35rem !important;
}

body.rackon-client .ticket-departments .desc,
body.rackon-client .ticket-departments span.desc,
body.rackon-client p.desc.text-muted {
  color: #9eb0c4 !important;
  display: block;
  line-height: 1.5;
}

body.rackon-client .ticket-departments .text-primary {
  color: var(--rk-cyan) !important;
}

/* Tag cloud / sidebar widgets */
body.rackon-client .tag-cloud a,
body.rackon-client .kb-tag-cloud a {
  color: var(--rk-muted) !important;
}

body.rackon-client .tag-cloud a:hover,
body.rackon-client .kb-tag-cloud a:hover {
  color: var(--rk-cyan) !important;
}

/* KB cards relacionados */
body.rackon-client .kb-article,
body.rackon-client .kb-also-read .kb-article p {
  color: var(--rk-muted) !important;
}

body.rackon-client .kb-article:hover {
  border-color: rgba(0, 229, 255, 0.3) !important;
}