/**
 * Cloud Win / Rackon — polish fase 3 (hero, tabelas, KB, tickets, suporte, header)
 */

@keyframes rk-hero-smoke {
  0% { transform: translate(0, 0) scale(1); opacity: 0.75; }
  50% { transform: translate(-3%, 2%) scale(1.06); opacity: 1; }
  100% { transform: translate(2%, -2%) scale(1.02); opacity: 0.85; }
}

@keyframes rk-neon-pulse {
  0%, 100% { box-shadow: 0 0 12px rgba(52, 211, 153, 0.25), inset 0 0 8px rgba(52, 211, 153, 0.06); }
  50% { box-shadow: 0 0 22px rgba(52, 211, 153, 0.45), inset 0 0 14px rgba(52, 211, 153, 0.12); }
}

@keyframes rk-ticket-in {
  from { opacity: 0; transform: translateX(-8px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes rk-os-glow {
  0%, 100% { opacity: 0.35; }
  50% { opacity: 0.75; }
}

/* ——— Hero / blocos topo (desce + fumaça neon) ——— */
body.rackon-client .cap-hero,
body.rackon-client .rk-page-hero,
body.rackon-client .invoices-header {
  margin-top: 1.35rem !important;
  margin-bottom: 1.5rem !important;
  position: relative;
  overflow: hidden;
}

body.rackon-client .primary-content > .cap-products--modern > .cap-hero:first-child,
body.rackon-client .primary-content > .cap-home-page > .cap-home-hero:first-child {
  margin-top: 0 !important;
}

body.rackon-client .cap-pd-hero {
  margin-top: 0 !important;
  margin-bottom: 0.65rem !important;
  position: relative;
  overflow: hidden;
}

body.rackon-client .cap-pd-hero::before {
  content: "";
  position: absolute;
  inset: -25%;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse 55% 65% at 12% 35%, rgba(0, 229, 255, 0.12), transparent 58%),
    radial-gradient(ellipse 50% 55% at 88% 25%, rgba(124, 77, 255, 0.1), transparent 55%),
    radial-gradient(ellipse 45% 50% at 55% 90%, rgba(45, 212, 191, 0.06), transparent 60%);
  animation: rk-hero-smoke 18s ease-in-out infinite alternate;
}

body.rackon-client .cap-hero::before,
body.rackon-client .rk-page-hero::before,
body.rackon-client .invoices-header::before {
  content: "";
  position: absolute;
  inset: -25%;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse 55% 65% at 12% 35%, rgba(0, 229, 255, 0.14), transparent 58%),
    radial-gradient(ellipse 50% 55% at 88% 25%, rgba(124, 77, 255, 0.12), transparent 55%),
    radial-gradient(ellipse 45% 50% at 55% 90%, rgba(45, 212, 191, 0.08), transparent 60%);
  animation: rk-hero-smoke 18s ease-in-out infinite alternate;
}

body.rackon-client .cap-hero > *,
body.rackon-client .rk-page-hero > *,
body.rackon-client .invoices-header > *,
body.rackon-client .cap-pd-hero > * {
  position: relative;
  z-index: 1;
}

body.rackon-client .hero-bg-wrap,
body.rackon-client .small-header.header-banner-styled {
  margin-top: 0.65rem !important;
  margin-bottom: 0.25rem !important;
}

/* ——— Logo branca (sidebar / header escuro) ——— */
body.rackon-client #navbar-side .logo img.logo-light,
body.rackon-client .navbar-side .logo img.logo-light,
body.rackon-client .logo-section .logo img.logo-light,
body.rackon-client .navbar-brand img.logo-light,
body.rackon-client a.logo img.logo-light {
  filter: brightness(0) invert(1) drop-shadow(0 0 10px rgba(0, 229, 255, 0.35)) !important;
  opacity: 1 !important;
}

body.rackon-client #navbar-side .logo .logo-dark,
body.rackon-client .logo-section .logo .logo-dark,
body.rackon-client a.logo .logo-dark {
  display: none !important;
}

body.rackon-client #navbar-side .logo .logo-light,
body.rackon-client .logo-section .logo .logo-light {
  display: inline-block !important;
}

body.rackon-client #navbar-side a.logo img,
body.rackon-client #navbar-side .logo img,
body.rackon-client.gray_logos #navbar-side a.logo img.logo-light,
body.rackon-client.gray_logos .logo-section a.logo img.logo-light {
  filter: brightness(0) invert(1) drop-shadow(0 0 10px rgba(0, 229, 255, 0.35)) !important;
}

body.rackon-client #header .lang-btn .btn,
body.rackon-client #header .lang-btn button,
body.rackon-client .navbar-nav .lang-btn .btn {
  color: var(--rk-text) !important;
}

/* Fumaça neon no fundo da página */
body.rackon-client::after {
  content: "";
  position: fixed;
  inset: -20%;
  z-index: 0;
  pointer-events: none;
  opacity: 0.45;
  background:
    radial-gradient(ellipse 42% 48% at 18% 28%, rgba(0, 229, 255, 0.06), transparent 58%),
    radial-gradient(ellipse 38% 42% at 82% 22%, rgba(124, 77, 255, 0.05), transparent 55%);
  animation: rk-hero-smoke 24s ease-in-out infinite alternate;
}

body.rackon-client .cap-products--modern .status-active,
body.rackon-client .cap-badge.status-active {
  background: rgba(52, 211, 153, 0.12) !important;
  color: #34d399 !important;
  border: 1px solid rgba(52, 211, 153, 0.45) !important;
  box-shadow: 0 0 16px rgba(52, 211, 153, 0.2), inset 0 0 10px rgba(52, 211, 153, 0.06) !important;
  animation: rk-neon-pulse 3s ease-in-out infinite;
}

body.rackon-client .cap-card {
  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 .cap-product-cell__title,
body.rackon-client .cap-price-cell {
  color: var(--rk-text) !important;
}

body.rackon-client .cap-product-cell__meta {
  color: var(--rk-muted) !important;
}

body.rackon-client .cap-product-cell__id {
  color: var(--rk-cyan) !important;
}

body.rackon-client #tableInvoicesList_wrapper,
body.rackon-client .invoices-header {
  background: transparent !important;
}

body.rackon-client .dataTables_wrapper .dataTables_filter input,
body.rackon-client .dataTables_wrapper .dataTables_length select {
  background: rgba(8, 14, 26, 0.65) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-text) !important;
}

body.rackon-client.viewinvoice .invoice-container,
body.rackon-client.viewinvoice #invoice-body {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: var(--rk-radius) !important;
  box-shadow: var(--rk-glow) !important;
}

body.rackon-client.viewinvoice .invoice-container .panel-body,
body.rackon-client.viewinvoice table.invoice-items {
  background: transparent !important;
  color: var(--rk-text) !important;
}

body.rackon-client.viewinvoice .panel-sidebar .panel-heading {
  background: rgba(0, 229, 255, 0.06) !important;
  color: var(--rk-text) !important;
  border-color: var(--rk-border) !important;
}

body.rackon-client.viewinvoice .panel-sidebar .panel-body {
  color: var(--rk-text) !important;
}

body.rackon-client.viewinvoice .invoice-title,
body.rackon-client.viewinvoice h2,
body.rackon-client.viewinvoice h3 {
  color: var(--rk-text) !important;
}

body.rackon-client.viewinvoice .invoice-logo img {
  filter: brightness(0) invert(1) drop-shadow(0 0 8px rgba(0, 229, 255, 0.25));
}

body.rackon-client .no-data {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-muted) !important;
  border-radius: var(--rk-radius) !important;
}

body.rackon-client .no-data h3 {
  color: var(--rk-text) !important;
}

body.rackon-client .lang-btn .btn,
body.rackon-client .lang-btn button,
body.rackon-client li.lang-btn > button,
body.rackon-client .pre-header .lang-btn .btn {
  color: var(--rk-text) !important;
}

body.rackon-client .lang-btn .btn span,
body.rackon-client .lang-btn button span {
  color: var(--rk-text) !important;
}

/* ——— Meus serviços — tabela ——— */
body.rackon-client .cap-table-wrap {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  box-shadow: var(--rk-glow) !important;
  border-radius: var(--rk-radius) !important;
  overflow: hidden;
}

body.rackon-client .cap-table thead th {
  background: rgba(0, 229, 255, 0.06) !important;
  color: var(--rk-muted) !important;
  border-bottom: 1px solid var(--rk-border) !important;
  font-family: var(--rk-font-display);
  letter-spacing: 0.08em;
}

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

body.rackon-client .cap-table tbody tr:hover {
  background: rgba(0, 229, 255, 0.05) !important;
  box-shadow: inset 3px 0 0 var(--rk-cyan) !important;
}

body.rackon-client .cap-table tbody tr {
  animation: rk-ticket-in 0.4s ease both;
}

/* Status Ativo — neon verde */
body.rackon-client .label.status-active,
body.rackon-client .product-status-active,
body.rackon-client .status-sticker.product-status-active,
body.rackon-client .status-sticker--inline.product-status-active,
body.rackon-client span.label.status-active {
  background: rgba(52, 211, 153, 0.12) !important;
  color: #34d399 !important;
  border: 1px solid rgba(52, 211, 153, 0.45) !important;
  box-shadow: 0 0 16px rgba(52, 211, 153, 0.2), inset 0 0 10px rgba(52, 211, 153, 0.06) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  animation: rk-neon-pulse 3s ease-in-out infinite;
}

/* ——— Suporte no produto ——— */
body.rackon-client .product-support-card {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  box-shadow: var(--rk-glow) !important;
  border-radius: var(--rk-radius) !important;
}

body.rackon-client .product-support-card .card-header,
body.rackon-client .product-support-card .card-header.bg-white {
  background: rgba(0, 229, 255, 0.05) !important;
  border-bottom: 1px solid var(--rk-border) !important;
  color: var(--rk-text) !important;
}

body.rackon-client .product-support-card .card-header h4 {
  color: var(--rk-text) !important;
}

body.rackon-client .support-item {
  background: rgba(8, 14, 26, 0.55) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: 12px !important;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 1.25rem 1rem !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

body.rackon-client .support-item:hover {
  transform: translateY(-4px);
  border-color: rgba(0, 229, 255, 0.35) !important;
  box-shadow: 0 12px 32px rgba(0, 229, 255, 0.1) !important;
}

body.rackon-client .support-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 .support-item h5 {
  color: var(--rk-text) !important;
  font-family: var(--rk-font-display);
  font-size: 0.95rem;
}

body.rackon-client .support-item p {
  color: var(--rk-muted) !important;
  flex: 1;
  min-height: 0;
}

/* ——— Ajuda abaixo do painel VPS ——— */
body.rackon-client .cw-support-below-panel {
  clear: both;
  width: 100%;
}

body.rackon-client .cw-support-below-panel .product-support-card {
  width: 100%;
}

body.rackon-client .cw-support-below-panel .card-body > .row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

body.rackon-client .cw-support-below-panel .card-body > .row > [class*="col-"] {
  display: flex;
  flex-direction: column;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

body.rackon-client .cw-support-below-panel .support-item {
  flex: 1 1 auto;
  width: 100%;
  min-height: 100%;
}

body.rackon-client .cw-support-below-panel .support-item .btn {
  margin-top: auto;
}

/* ——— Notícias ——— */
body.rackon-client .TM-card.annoucements,
body.rackon-client .annoucements.TM-card {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  box-shadow: var(--rk-glow) !important;
  border-radius: var(--rk-radius) !important;
  padding: 1.25rem !important;
}

body.rackon-client .annuncement-item {
  padding: 1.15rem 0 !important;
  border-bottom: 1px solid var(--rk-border) !important;
  transition: background 0.2s ease, padding-left 0.2s ease;
}

body.rackon-client .annuncement-item:hover {
  background: rgba(0, 229, 255, 0.04);
  padding-left: 0.5rem !important;
}

body.rackon-client .annuncement-item h2,
body.rackon-client .annuncement-item .h3 {
  color: var(--rk-text) !important;
}

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

body.rackon-client .annuncement-body,
body.rackon-client .annuncement-body p {
  color: #b8c9dc !important;
}

body.rackon-client .annoucements .heading h1 {
  color: var(--rk-text) !important;
}

/* ——— Base de conhecimento ——— */
body.rackon-client .kb-hero {
  background: rgba(12, 20, 36, 0.75) !important;
  backdrop-filter: blur(16px) !important;
  border: 1px solid var(--rk-border) !important;
  box-shadow: var(--rk-glow), var(--rk-shadow) !important;
  padding: 3rem 1.5rem 2.5rem !important;
  margin-top: 1rem;
}

body.rackon-client .kb-hero::before {
  background: none !important;
}

body.rackon-client .kb-hero::after {
  content: "";
  position: absolute;
  inset: -20%;
  pointer-events: none;
  background:
    radial-gradient(ellipse 60% 55% at 20% 30%, rgba(0, 229, 255, 0.12), transparent 55%),
    radial-gradient(ellipse 50% 45% at 80% 70%, rgba(124, 77, 255, 0.1), transparent 50%);
  animation: rk-hero-smoke 16s ease-in-out infinite alternate;
  z-index: 0;
}

body.rackon-client .kb-hero-title {
  font-family: var(--rk-font-display) !important;
  background: var(--rk-grad) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

body.rackon-client .kb-hero-subtitle {
  color: var(--rk-muted) !important;
}

body.rackon-client .kb-search {
  background: rgba(6, 10, 18, 0.65) !important;
  border: 1px solid var(--rk-border) !important;
  box-shadow: var(--rk-glow) !important;
}

body.rackon-client .kb-search .form-control {
  background: transparent !important;
  color: var(--rk-text) !important;
}

body.rackon-client .kb-search .input-group-text {
  background: transparent !important;
  color: var(--rk-muted) !important;
  border: none !important;
}

body.rackon-client .kb-search .btn-primary {
  background: var(--rk-grad-warm) !important;
  color: #060a12 !important;
  border: none !important;
  border-radius: 0 999px 999px 0 !important;
}

body.rackon-client .category-card,
body.rackon-client .article-card,
body.rackon-client .help-card {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  box-shadow: var(--rk-glow) !important;
  border-radius: var(--rk-radius) !important;
  transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

body.rackon-client .category-card:hover,
body.rackon-client .article-card:hover,
body.rackon-client .help-card:hover {
  border-color: rgba(0, 229, 255, 0.35) !important;
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(0, 229, 255, 0.1) !important;
}

body.rackon-client .category-title,
body.rackon-client .article-title,
body.rackon-client .help-card h3 {
  color: var(--rk-text) !important;
}

body.rackon-client .category-description,
body.rackon-client .article-preview,
body.rackon-client .help-card p,
body.rackon-client .category-count,
body.rackon-client .article-meta {
  color: var(--rk-muted) !important;
}

body.rackon-client .category-icon,
body.rackon-client .article-icon,
body.rackon-client .help-icon {
  color: var(--rk-cyan) !important;
}

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

/* ——— KB categoria / artigo / listagens ——— */
body.rackon-client.knowledgebase-page .section-header,
body.rackon-client.knowledgebase-page .rk-kb-section__head {
  border-bottom: 1px solid var(--rk-border) !important;
  padding-bottom: 0.75rem !important;
  margin-bottom: 1.15rem !important;
}

body.rackon-client.knowledgebase-page .section-header h2,
body.rackon-client.knowledgebase-page .rk-kb-section h2,
body.rackon-client.knowledgebase-page .section h4 {
  color: var(--rk-text) !important;
  font-family: var(--rk-font-display) !important;
  font-size: 1.15rem !important;
}

body.rackon-client.knowledgebase-page .rk-kb-cat-desc p,
body.rackon-client.knowledgebase-page .section > p {
  color: var(--rk-muted) !important;
}

body.rackon-client.knowledgebase-page .search-card,
body.rackon-client.knowledgebase-page .TM-card.search-card,
body.rackon-client.knowledgebase-page .rk-kb-search-card,
body.rackon-client.knowledgebase-page .bg-checkered {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  box-shadow: var(--rk-glow) !important;
  border-radius: var(--rk-radius) !important;
  background-image: none !important;
}

body.rackon-client.knowledgebase-page .kbarticles,
body.rackon-client.knowledgebase-page .kbcat {
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
}

body.rackon-client.knowledgebase-page .rk-kb-list-card,
body.rackon-client.knowledgebase-page .kbarticles .kb-article,
body.rackon-client.knowledgebase-page .kbcat .kb-article {
  display: flex !important;
  align-items: flex-start;
  gap: 0.85rem;
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: var(--rk-radius) !important;
  box-shadow: var(--rk-glow) !important;
  padding: 1rem 1.1rem !important;
  margin-bottom: 0.75rem !important;
  cursor: pointer;
  transition: border-color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}

body.rackon-client.knowledgebase-page .rk-kb-list-card:hover,
body.rackon-client.knowledgebase-page .kbarticles .kb-article:hover,
body.rackon-client.knowledgebase-page .kbcat .kb-article:hover {
  border-color: rgba(0, 229, 255, 0.35) !important;
  background: rgba(0, 229, 255, 0.04) !important;
  transform: translateX(4px);
  box-shadow: 0 12px 32px rgba(0, 229, 255, 0.1) !important;
}

body.rackon-client.knowledgebase-page .rk-kb-list-card__icon {
  flex: 0 0 auto;
  width: 2.35rem;
  height: 2.35rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(0, 229, 255, 0.08) !important;
  border: 1px solid rgba(0, 229, 255, 0.2) !important;
  color: var(--rk-cyan) !important;
  font-size: 1rem;
}

body.rackon-client.knowledgebase-page .rk-kb-list-card__body {
  flex: 1;
  min-width: 0;
}

body.rackon-client.knowledgebase-page .rk-kb-list-card__title,
body.rackon-client.knowledgebase-page .kbarticles .kb-article,
body.rackon-client.knowledgebase-page .kbcat .kb-article {
  color: var(--rk-text) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}

body.rackon-client.knowledgebase-page .rk-kb-list-card__title {
  margin: 0 0 0.35rem !important;
  line-height: 1.35;
}

body.rackon-client.knowledgebase-page .rk-kb-count {
  color: var(--rk-muted) !important;
  font-weight: 500;
  font-size: 0.82rem;
}

body.rackon-client.knowledgebase-page .rk-kb-list-card__preview,
body.rackon-client.knowledgebase-page .kbarticles .kb-article p,
body.rackon-client.knowledgebase-page .kbcat .kb-article p {
  color: var(--rk-muted) !important;
  font-size: 0.88rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

body.rackon-client.knowledgebase-page .kbarticles .kb-article .fal,
body.rackon-client.knowledgebase-page .kbarticles .kb-article .far,
body.rackon-client.knowledgebase-page .kbarticles .kb-article .fas,
body.rackon-client.knowledgebase-page .kbcat .kb-article .fal,
body.rackon-client.knowledgebase-page .kbcat .kb-article .far {
  color: var(--rk-cyan) !important;
}

body.rackon-client.knowledgebase-page .admin-edit-link a {
  color: var(--rk-muted) !important;
  font-size: 0.78rem !important;
}

body.rackon-client.knowledgebase-page .admin-edit-link a:hover {
  color: var(--rk-cyan) !important;
}

body.rackon-client.knowledgebase-page .category-icon,
body.rackon-client.knowledgebase-page .article-icon,
body.rackon-client.knowledgebase-page .help-icon {
  background: rgba(0, 229, 255, 0.08) !important;
  border-right: 1px solid var(--rk-border) !important;
}

body.rackon-client.knowledgebase-page .category-count {
  background: rgba(0, 229, 255, 0.1) !important;
  color: var(--rk-cyan) !important;
  border: 1px solid rgba(0, 229, 255, 0.22) !important;
}

/* Artigo — conteúdo legível (mata texto preto do editor) */
body.rackon-client.knowledgebase-page .rk-kb-article-shell,
body.rackon-client.knowledgebase-page .rk-kb-rate .TM-card {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: var(--rk-radius) !important;
  box-shadow: var(--rk-glow) !important;
  padding: 1.25rem 1.35rem !important;
  margin-bottom: 1rem !important;
}

body.rackon-client.knowledgebase-page .article-content,
body.rackon-client.knowledgebase-page .rk-kb-article-body {
  color: #c5d4e6 !important;
  line-height: 1.7 !important;
  font-size: 0.95rem !important;
}

body.rackon-client.knowledgebase-page .article-content p,
body.rackon-client.knowledgebase-page .article-content li,
body.rackon-client.knowledgebase-page .article-content span,
body.rackon-client.knowledgebase-page .article-content div,
body.rackon-client.knowledgebase-page .article-content td,
body.rackon-client.knowledgebase-page .article-content th,
body.rackon-client.knowledgebase-page .article-content label,
body.rackon-client.knowledgebase-page .article-content strong,
body.rackon-client.knowledgebase-page .article-content em,
body.rackon-client.knowledgebase-page .article-content blockquote,
body.rackon-client.knowledgebase-page .article-content [style*="color"] {
  color: #c5d4e6 !important;
}

body.rackon-client.knowledgebase-page .article-content h1,
body.rackon-client.knowledgebase-page .article-content h2,
body.rackon-client.knowledgebase-page .article-content h3,
body.rackon-client.knowledgebase-page .article-content h4,
body.rackon-client.knowledgebase-page .article-content h5,
body.rackon-client.knowledgebase-page .article-content h6 {
  color: var(--rk-text) !important;
  font-family: var(--rk-font-display) !important;
  margin-top: 1.25rem;
  margin-bottom: 0.65rem;
}

body.rackon-client.knowledgebase-page .article-content a {
  color: var(--rk-cyan) !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.rackon-client.knowledgebase-page .article-content a:hover {
  color: #7df9ff !important;
}

body.rackon-client.knowledgebase-page .article-content pre,
body.rackon-client.knowledgebase-page .article-content pre *,
body.rackon-client.knowledgebase-page .article-content code,
body.rackon-client.knowledgebase-page .article-content kbd,
body.rackon-client.knowledgebase-page .article-content samp {
  background: rgba(6, 10, 18, 0.92) !important;
  border: 1px solid rgba(0, 229, 255, 0.22) !important;
  color: #6ee7b7 !important;
  border-radius: 8px !important;
  font-family: "Consolas", "Courier New", ui-monospace, monospace !important;
  font-size: 0.86rem !important;
}

body.rackon-client.knowledgebase-page .article-content pre {
  padding: 0.85rem 1rem !important;
  overflow-x: auto;
  margin: 0.75rem 0 1rem !important;
  box-shadow: inset 0 0 24px rgba(0, 229, 255, 0.04);
}

body.rackon-client.knowledgebase-page .article-content code {
  padding: 0.12rem 0.35rem !important;
}

body.rackon-client.knowledgebase-page .article-content blockquote {
  border-left: 3px solid var(--rk-cyan) !important;
  padding-left: 1rem !important;
  margin: 1rem 0 !important;
  background: rgba(0, 229, 255, 0.04) !important;
  border-radius: 0 8px 8px 0 !important;
}

body.rackon-client.knowledgebase-page .article-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
}

body.rackon-client.knowledgebase-page .article-content table td,
body.rackon-client.knowledgebase-page .article-content table th {
  border: 1px solid var(--rk-border) !important;
  padding: 0.5rem 0.65rem !important;
  background: rgba(8, 14, 26, 0.45) !important;
}

body.rackon-client.knowledgebase-page .article-content img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  border: 1px solid var(--rk-border);
}

body.rackon-client.knowledgebase-page .article-content hr {
  border-color: var(--rk-border) !important;
  opacity: 1;
}

body.rackon-client.knowledgebase-page .article-tools,
body.rackon-client.knowledgebase-page .kb-article-details {
  color: var(--rk-muted) !important;
}

body.rackon-client.knowledgebase-page .kb-article-details li {
  color: var(--rk-muted) !important;
}

body.rackon-client.knowledgebase-page .rk-kb-rate form,
body.rackon-client.knowledgebase-page .rate-article form {
  color: var(--rk-text) !important;
}

body.rackon-client.knowledgebase-page .rk-kb-actions .btn-default,
body.rackon-client.knowledgebase-page .rk-kb-btn-back,
body.rackon-client.knowledgebase-page .rk-kb-btn-edit {
  background: rgba(8, 14, 26, 0.78) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-text) !important;
  border-radius: 999px !important;
}

body.rackon-client.knowledgebase-page .rk-kb-actions .btn-default:hover {
  border-color: rgba(0, 229, 255, 0.4) !important;
  color: var(--rk-cyan) !important;
}

body.rackon-client.knowledgebase-page .alert-info,
body.rackon-client.knowledgebase-page .rk-kb-empty {
  background: rgba(0, 229, 255, 0.08) !important;
  border: 1px solid rgba(0, 229, 255, 0.28) !important;
  color: var(--rk-text) !important;
  border-radius: 12px !important;
}

/* Sidebar KB — tags e suporte */
body.rackon-client.knowledgebase-page .sidebar .card-sidebar,
body.rackon-client.knowledgebase-page .sidebar .panel-sidebar {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: var(--rk-radius) !important;
  box-shadow: var(--rk-glow) !important;
}

body.rackon-client.knowledgebase-page .sidebar .card-sidebar .card-header,
body.rackon-client.knowledgebase-page .sidebar .panel-sidebar > .panel-heading {
  background: rgba(0, 229, 255, 0.05) !important;
  border-bottom: 1px solid var(--rk-border) !important;
  color: var(--rk-text) !important;
}

body.rackon-client.knowledgebase-page .sidebar .card-title,
body.rackon-client.knowledgebase-page .sidebar .panel-title {
  color: var(--rk-text) !important;
  font-family: var(--rk-font-display) !important;
}

body.rackon-client.knowledgebase-page .tag-cloud a,
body.rackon-client.knowledgebase-page .kb-tag-cloud a {
  display: inline-block;
  margin: 0.2rem 0.35rem 0.2rem 0;
  padding: 0.22rem 0.55rem;
  border-radius: 999px;
  background: rgba(0, 229, 255, 0.08) !important;
  border: 1px solid rgba(0, 229, 255, 0.22) !important;
  color: #9ee8ff !important;
  font-size: 0.8rem;
  font-weight: 600;
  text-decoration: none !important;
  transition: border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

body.rackon-client.knowledgebase-page .tag-cloud a:hover,
body.rackon-client.knowledgebase-page .kb-tag-cloud a:hover {
  color: var(--rk-cyan) !important;
  border-color: rgba(0, 229, 255, 0.45) !important;
  box-shadow: 0 0 14px rgba(0, 229, 255, 0.12);
}

body.rackon-client.knowledgebase-page .sidebar .list-group-item,
body.rackon-client.knowledgebase-page .sidebar .list-group-item-action {
  background: transparent !important;
  color: var(--rk-muted) !important;
  border-color: var(--rk-border) !important;
}

body.rackon-client.knowledgebase-page .sidebar .list-group-item.active,
body.rackon-client.knowledgebase-page .sidebar .list-group-item-action.active,
body.rackon-client.knowledgebase-page .sidebar .list-group-item:hover {
  background: rgba(0, 229, 255, 0.08) !important;
  color: var(--rk-cyan) !important;
}

body.rackon-client.knowledgebase-page .help-card .btn-outline-primary {
  border-color: rgba(0, 229, 255, 0.4) !important;
  color: var(--rk-cyan) !important;
  border-radius: 999px !important;
}

/* ——— Tickets ——— */
body.rackon-client #tableTicketsList_wrapper,
body.rackon-client .table-container {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: var(--rk-radius) !important;
  box-shadow: var(--rk-glow) !important;
  padding: 0.75rem !important;
  overflow: hidden;
}

body.rackon-client #tableTicketsList thead th {
  background: rgba(0, 229, 255, 0.06) !important;
  color: var(--rk-muted) !important;
  border-color: var(--rk-border) !important;
  font-family: var(--rk-font-display);
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body.rackon-client #tableTicketsList tbody td {
  color: var(--rk-text) !important;
  border-color: var(--rk-border) !important;
  vertical-align: middle !important;
  padding: 0.85rem 1rem !important;
}

body.rackon-client #tableTicketsList tbody tr {
  transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
  animation: rk-ticket-in 0.45s ease both;
}

body.rackon-client #tableTicketsList tbody tr:nth-child(1) { animation-delay: 0.04s; }
body.rackon-client #tableTicketsList tbody tr:nth-child(2) { animation-delay: 0.08s; }
body.rackon-client #tableTicketsList tbody tr:nth-child(3) { animation-delay: 0.12s; }

body.rackon-client #tableTicketsList tbody tr:hover {
  background: rgba(0, 229, 255, 0.06) !important;
  transform: translateX(4px);
  box-shadow: inset 3px 0 0 var(--rk-cyan);
}

body.rackon-client #tableTicketsList tbody td a {
  color: var(--rk-cyan) !important;
  font-weight: 600;
}

body.rackon-client .label.status,
body.rackon-client span.status {
  display: inline-block;
  padding: 0.28rem 0.65rem !important;
  border-radius: 999px !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
}

body.rackon-client .status-open,
body.rackon-client .status-customer-reply {
  background: rgba(0, 229, 255, 0.12) !important;
  color: var(--rk-cyan) !important;
  border: 1px solid rgba(0, 229, 255, 0.3) !important;
}

body.rackon-client .status-answered {
  background: rgba(52, 211, 153, 0.12) !important;
  color: #34d399 !important;
  border: 1px solid rgba(52, 211, 153, 0.35) !important;
}

body.rackon-client .status-closed {
  background: rgba(125, 143, 168, 0.15) !important;
  color: var(--rk-muted) !important;
  border: 1px solid var(--rk-border) !important;
}

body.rackon-client .table-header {
  color: var(--rk-muted) !important;
  margin-bottom: 0.75rem;
}

/* ——— Filtro Visualizar + cabeçalhos DataTables ——— */
body.rackon-client .table-container .table-header .btn,
body.rackon-client .table-header .view-filter-btns .btn,
body.rackon-client .view-filter-btns .dropdown-toggle {
  background-color: rgba(8, 14, 26, 0.85) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-text) !important;
  border-radius: 8px !important;
}

body.rackon-client .view-filter-btns .dropdown-menu {
  background: rgba(8, 14, 26, 0.96) !important;
  border: 1px solid var(--rk-border) !important;
  box-shadow: var(--rk-glow) !important;
}

body.rackon-client .view-filter-btns .dropdown-item {
  color: var(--rk-text) !important;
}

body.rackon-client .view-filter-btns .dropdown-item:hover,
body.rackon-client .view-filter-btns .dropdown-item:focus {
  background: rgba(0, 229, 255, 0.1) !important;
  color: var(--rk-cyan) !important;
}

body.rackon-client table.dataTable thead th,
body.rackon-client table.dataTable thead th[class*="sorting"],
body.rackon-client table.dataTable thead th.sorting_disabled,
body.rackon-client .table-container .listtable .table thead th,
body.rackon-client .table-container .listtable .table thead th[class*="sorting"],
body.rackon-client .invoices-table thead th,
body.rackon-client #tableDomainsList thead th {
  background-color: rgba(0, 229, 255, 0.06) !important;
  color: var(--rk-muted) !important;
  border-color: var(--rk-border) !important;
}

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

body.rackon-client #tableDomainsList tbody td a.text-small {
  color: var(--rk-cyan) !important;
}

/* ——— Domínio: visão geral ——— */
body.rackon-client .product-details .product-holder,
body.rackon-client .product-details .product-info {
  background: var(--rk-glass) !important;
  background-color: rgba(12, 20, 36, 0.78) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: var(--rk-radius) !important;
  box-shadow: var(--rk-glow) !important;
  color: var(--rk-text) !important;
}

body.rackon-client .product-details .product-holder .product-content a {
  color: var(--rk-cyan) !important;
}

body.rackon-client .product-details .product-image .fa-circle {
  color: var(--rk-cyan) !important;
  border-color: rgba(0, 229, 255, 0.35) !important;
}

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

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

body.rackon-client .product-details .list-info li {
  border-color: var(--rk-border) !important;
}

body.rackon-client .product-details .status-sticker {
  border-radius: 999px;
  font-weight: 600;
  font-size: 0.78rem;
  padding: 0.35rem 0.85rem;
}

body.rackon-client .product-details .status-sticker.product-status-expired,
body.rackon-client .product-details .status-sticker.product-status-terminated,
body.rackon-client .product-details .status-sticker.product-status-transferredaway {
  background: rgba(248, 113, 113, 0.15) !important;
  color: #f87171 !important;
  border: 1px solid rgba(248, 113, 113, 0.35) !important;
}

body.rackon-client .product-details .status-sticker.product-status-active,
body.rackon-client .product-details .status-sticker.active {
  background: rgba(52, 211, 153, 0.12) !important;
  color: #34d399 !important;
  border: 1px solid rgba(52, 211, 153, 0.35) !important;
}

body.rackon-client .product-details .status-sticker.product-status-pending,
body.rackon-client .product-details .status-sticker.product-status-pendingregistration,
body.rackon-client .product-details .status-sticker.product-status-grace,
body.rackon-client .product-details .status-sticker.product-status-redemption {
  background: rgba(251, 146, 60, 0.12) !important;
  color: var(--rk-warn) !important;
  border: 1px solid rgba(251, 146, 60, 0.35) !important;
}

/* ——— Pagamento cumulativo ——— */
body.rackon-client form[action*="masspay"] .TM-card {
  background: var(--rk-glass) !important;
  background-color: rgba(12, 20, 36, 0.78) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: var(--rk-radius) !important;
  box-shadow: var(--rk-glow) !important;
  padding: 0.75rem !important;
  overflow: hidden;
}

body.rackon-client .table-masspay thead th {
  background: rgba(0, 229, 255, 0.06) !important;
  color: var(--rk-muted) !important;
  border-color: var(--rk-border) !important;
  text-transform: uppercase;
  font-size: 0.72rem;
  letter-spacing: 0.06em;
}

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

body.rackon-client .table-masspay tbody tr.item-description {
  background: rgba(0, 229, 255, 0.03) !important;
}

body.rackon-client .table-masspay tbody tr.masspay-total td {
  background: rgba(0, 229, 255, 0.08) !important;
  font-weight: 700;
  color: var(--rk-cyan) !important;
}

body.rackon-client .table-masspay h5,
body.rackon-client .table-masspay h5 a {
  color: var(--rk-cyan) !important;
}

/* ——— Cadastro ——— */
body.rackon-client #registration .TM-card {
  background: var(--rk-glass) !important;
  background-color: rgba(12, 20, 36, 0.78) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: var(--rk-radius) !important;
  box-shadow: var(--rk-glow) !important;
  padding: 1.15rem 1.25rem !important;
}

body.rackon-client #registration h4 {
  color: var(--rk-text) !important;
  font-family: var(--rk-font-display);
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
}

body.rackon-client #registration .form-control,
body.rackon-client #registration .prepend-icon .field {
  background: rgba(8, 14, 26, 0.78) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-text) !important;
}

body.rackon-client #registration .form-control:focus,
body.rackon-client #registration .prepend-icon .field:focus {
  border-color: rgba(0, 229, 255, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.12) !important;
}

body.rackon-client #registration .prepend-icon .field-icon {
  color: var(--rk-muted) !important;
}

/* ——— Abrir ticket / ver ticket — formulários ——— */
body.rackon-client .primary-content .TM-card {
  padding: 1.15rem 1.25rem !important;
  margin-bottom: 1rem !important;
}

body.rackon-client .primary-content .TM-card label,
body.rackon-client .view-ticket label,
body.rackon-client #ticketReplyContainer label {
  color: var(--rk-muted) !important;
  font-weight: 600 !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.02em;
}

body.rackon-client .primary-content .TM-card .form-control,
body.rackon-client .view-ticket .form-control,
body.rackon-client #ticketReplyContainer .form-control,
body.rackon-client form[action*="submitticket"] .form-control {
  background: rgba(8, 14, 26, 0.78) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-text) !important;
  border-radius: 10px !important;
}

body.rackon-client .primary-content .TM-card .form-control:focus,
body.rackon-client .view-ticket .form-control:focus,
body.rackon-client #ticketReplyContainer .form-control:focus {
  border-color: rgba(0, 229, 255, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.12) !important;
  color: var(--rk-text) !important;
}

body.rackon-client .primary-content .TM-card .form-control:disabled,
body.rackon-client .primary-content .TM-card .form-control.disabled {
  background: rgba(8, 14, 26, 0.5) !important;
  color: var(--rk-muted) !important;
  opacity: 0.9;
}

body.rackon-client .primary-content h4 {
  color: var(--rk-text) !important;
  font-family: var(--rk-font-display) !important;
  letter-spacing: 0.03em;
}

body.rackon-client .primary-content .desc.text-muted,
body.rackon-client .primary-content .TM-card .text-muted {
  color: var(--rk-muted) !important;
}

/* Markdown editor (mensagem do ticket) */
body.rackon-client .md-editor {
  background: rgba(8, 14, 26, 0.78) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(0, 229, 255, 0.05) !important;
}

body.rackon-client .md-editor > .md-header,
body.rackon-client .md-editor .md-header {
  background: rgba(0, 229, 255, 0.06) !important;
  border-bottom: 1px solid var(--rk-border) !important;
}

body.rackon-client .md-editor .btn,
body.rackon-client .md-editor .btn-default,
body.rackon-client .md-editor .btn-sm {
  background: rgba(8, 14, 26, 0.85) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-muted) !important;
  border-radius: 8px !important;
}

body.rackon-client .md-editor .btn:hover,
body.rackon-client .md-editor .btn.active,
body.rackon-client .md-editor .btn:focus {
  background: rgba(0, 229, 255, 0.12) !important;
  border-color: rgba(0, 229, 255, 0.35) !important;
  color: var(--rk-cyan) !important;
}

body.rackon-client .md-editor > textarea,
body.rackon-client .md-editor textarea,
body.rackon-client .md-editor > .md-preview,
body.rackon-client .md-editor .md-input {
  background: rgba(6, 10, 18, 0.72) !important;
  color: var(--rk-text) !important;
  border: none !important;
  border-top: 1px solid var(--rk-border) !important;
}

body.rackon-client .md-editor .md-footer,
body.rackon-client .md-editor .md-controls {
  background: rgba(8, 14, 26, 0.6) !important;
  color: var(--rk-muted) !important;
  border-top: 1px solid var(--rk-border) !important;
}

body.rackon-client .md-editor.active {
  border-color: rgba(0, 229, 255, 0.35) !important;
  box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.1) !important;
}

/* Anexos */
body.rackon-client .custom-file-label {
  background: rgba(8, 14, 26, 0.78) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-muted) !important;
}

body.rackon-client .custom-file-input:focus ~ .custom-file-label {
  border-color: rgba(0, 229, 255, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.1) !important;
}

body.rackon-client .attachment-group .btn-default,
body.rackon-client #btnTicketAttachmentsAdd {
  background: rgba(0, 229, 255, 0.08) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-cyan) !important;
}

body.rackon-client .form-actions .btn-default {
  background: rgba(8, 14, 26, 0.72) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-text) !important;
}

/* Ver ticket — thread + resposta */
body.rackon-client.view-ticket-page .primary-content > .alert,
body.rackon-client.view-ticket-page .primary-content > .alert-warning,
body.rackon-client.view-ticket-page .primary-content > .alert-danger {
  background: rgba(251, 191, 36, 0.1) !important;
  border: 1px solid rgba(251, 191, 36, 0.35) !important;
  color: #fcd34d !important;
  border-radius: 12px !important;
  margin-bottom: 1rem !important;
}

body.rackon-client .rk-ticket-view {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

body.rackon-client .rk-ticket-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.15rem !important;
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: var(--rk-radius) !important;
  box-shadow: var(--rk-glow) !important;
}

body.rackon-client .rk-ticket-head__label {
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rk-muted) !important;
  margin-bottom: 0.25rem;
}

body.rackon-client .rk-ticket-head__subject {
  margin: 0;
  font-family: var(--rk-font-display) !important;
  font-size: clamp(1.05rem, 2.5vw, 1.35rem);
  font-weight: 700;
  color: var(--rk-text) !important;
  line-height: 1.35;
}

body.rackon-client .rk-ticket-head__actions .btn-primary {
  border-radius: 999px !important;
  padding: 0.45rem 1rem !important;
  font-weight: 600 !important;
}

body.rackon-client .rk-ticket-head__actions .btn-danger,
body.rackon-client .rk-ticket-btn-closed {
  background: rgba(248, 113, 113, 0.12) !important;
  border: 1px solid rgba(248, 113, 113, 0.35) !important;
  color: #f87171 !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
}

body.rackon-client .rk-ticket-head__actions .btn-danger:hover:not(:disabled) {
  background: rgba(248, 113, 113, 0.2) !important;
  border-color: rgba(248, 113, 113, 0.5) !important;
  color: #fca5a5 !important;
}

body.rackon-client .rk-ticket-thread {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

body.rackon-client .view-ticket .card,
body.rackon-client .rk-ticket-msg,
body.rackon-client #ticketReplyContainer,
body.rackon-client .rk-ticket-reply-form {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: var(--rk-radius) !important;
  box-shadow: var(--rk-glow) !important;
  color: var(--rk-text) !important;
  margin-bottom: 0 !important;
  overflow: hidden;
  animation: rk-ticket-in 0.45s ease both;
}

body.rackon-client .rk-ticket-msg--staff {
  border-color: rgba(124, 77, 255, 0.28) !important;
  box-shadow: 0 0 32px rgba(124, 77, 255, 0.08), var(--rk-glow) !important;
}

body.rackon-client .view-ticket .card-body,
body.rackon-client #ticketReplyContainer .card-body {
  background: transparent !important;
  color: var(--rk-text) !important;
  padding: 0 !important;
}

body.rackon-client .view-ticket .ticket-reply {
  padding: 0 !important;
}

body.rackon-client .view-ticket .ticket-reply .posted-by {
  background: rgba(0, 229, 255, 0.05) !important;
  border-bottom: 1px solid var(--rk-border) !important;
  padding: 0.85rem 1rem !important;
  margin: 0 !important;
}

body.rackon-client .view-ticket .ticket-reply.staff .posted-by,
body.rackon-client .rk-ticket-msg--staff .ticket-reply .posted-by {
  background: rgba(124, 77, 255, 0.1) !important;
  border-bottom-color: rgba(124, 77, 255, 0.22) !important;
}

body.rackon-client .view-ticket .ticket-reply .user-avatar img,
body.rackon-client .view-ticket .ticket-reply .user-avatar [class*="fa-"] {
  border: 2px solid var(--rk-border) !important;
  background: rgba(8, 14, 26, 0.6) !important;
  border-radius: 50% !important;
}

body.rackon-client .rk-ticket-msg--staff .ticket-reply .user-avatar [class*="fa-"] {
  color: var(--rk-violet) !important;
  border-color: rgba(124, 77, 255, 0.35) !important;
}

body.rackon-client .view-ticket .card-title,
body.rackon-client #ticketReplyContainer .card-title {
  color: var(--rk-text) !important;
  font-family: var(--rk-font-display) !important;
  font-size: 1rem !important;
  margin-bottom: 1rem !important;
  padding: 1rem 1.15rem 0 !important;
}

body.rackon-client #ticketReplyContainer .card-body > form {
  padding: 0 1.15rem 1.15rem !important;
}

body.rackon-client .view-ticket .ticket-reply .message,
body.rackon-client .view-ticket .ticket-reply .message.p-3 {
  background: rgba(8, 14, 26, 0.35) !important;
  border: none !important;
  border-radius: 0 !important;
  color: var(--rk-text) !important;
  padding: 1rem 1.15rem !important;
  margin: 0 !important;
}

body.rackon-client .view-ticket .ticket-reply.staff .message,
body.rackon-client .rk-ticket-msg--staff .ticket-reply .message {
  background: rgba(124, 77, 255, 0.04) !important;
}

body.rackon-client .view-ticket .ticket-reply .message p,
body.rackon-client .view-ticket .markdown-content {
  color: var(--rk-text) !important;
}

body.rackon-client .view-ticket .ticket-reply .message a {
  color: var(--rk-cyan) !important;
}

body.rackon-client .view-ticket .ticket-reply .message hr {
  border-color: var(--rk-border) !important;
}

body.rackon-client .view-ticket .posted-by-name,
body.rackon-client .view-ticket .posted-on {
  color: var(--rk-muted) !important;
}

body.rackon-client .view-ticket .posted-by-name {
  color: var(--rk-text) !important;
  font-weight: 600 !important;
}

body.rackon-client .view-ticket .posted-on {
  font-size: 0.8rem;
  white-space: nowrap;
}

body.rackon-client .view-ticket .attachments {
  background: rgba(0, 229, 255, 0.04) !important;
  border-top: 1px solid var(--rk-border) !important;
  color: var(--rk-muted) !important;
  margin: 0 !important;
}

body.rackon-client .view-ticket .attachment-list a {
  color: var(--rk-cyan) !important;
  text-decoration: none !important;
}

body.rackon-client .view-ticket .attachment-list li span {
  border: 1px solid var(--rk-border) !important;
  border-radius: 10px !important;
  background: rgba(8, 14, 26, 0.45) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.rackon-client .view-ticket .attachment-list li a:hover span {
  border-color: rgba(0, 229, 255, 0.35) !important;
  box-shadow: 0 8px 24px rgba(0, 229, 255, 0.1) !important;
}

body.rackon-client .view-ticket .attachment-list li figure {
  background: rgba(0, 229, 255, 0.06) !important;
  border-radius: 8px !important;
  color: var(--rk-cyan) !important;
}

body.rackon-client .view-ticket .attachment-list .caption {
  color: var(--rk-text) !important;
  font-size: 0.82rem;
}

/* Avaliação do atendimento */
body.rackon-client .ticket-reply .rating,
body.rackon-client .ticket-reply .rating-done {
  padding: 0.75rem 1.15rem 1rem !important;
  border-top: 1px solid var(--rk-border) !important;
}

body.rackon-client .ticket-reply .rating span.star,
body.rackon-client .ticket-reply .rating-done span.star {
  color: rgba(125, 143, 168, 0.45) !important;
}

body.rackon-client .ticket-reply .rating span.star:hover,
body.rackon-client .ticket-reply .rating span.star:hover ~ span.star,
body.rackon-client .ticket-reply .rating-done span.star.active {
  color: #fbbf24 !important;
}

body.rackon-client .ticket-reply .rating-done .rated {
  color: var(--rk-muted) !important;
  font-size: 0.78rem;
}

body.rackon-client .border-bottom.pl-3.pr-3.pb-3.mb-3 {
  border-color: var(--rk-border) !important;
  color: var(--rk-text) !important;
  background: rgba(0, 229, 255, 0.04) !important;
  border-radius: 12px !important;
  padding: 0.85rem 1rem !important;
}

body.rackon-client .requestor-badge {
  border-radius: 999px !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  padding: 0.2rem 0.55rem !important;
  border: 1px solid transparent !important;
}

body.rackon-client .requestor-type-operator,
body.rackon-client .requestor-type-admin {
  background: rgba(0, 229, 255, 0.12) !important;
  color: var(--rk-cyan) !important;
  border-color: rgba(0, 229, 255, 0.3) !important;
}

body.rackon-client .requestor-type-owner {
  background: rgba(52, 211, 153, 0.12) !important;
  color: #34d399 !important;
  border-color: rgba(52, 211, 153, 0.35) !important;
}

body.rackon-client .requestor-type-authorizeduser,
body.rackon-client .requestor-type-guest {
  background: rgba(125, 143, 168, 0.15) !important;
  color: var(--rk-muted) !important;
  border-color: var(--rk-border) !important;
}

/* Sidebar — informações do ticket */
body.rackon-client.view-ticket-page .sidebar .card-sidebar,
body.rackon-client.view-ticket-page .sidebar .panel-sidebar {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: var(--rk-radius) !important;
  box-shadow: var(--rk-glow) !important;
  overflow: hidden;
  margin-bottom: 0.75rem !important;
}

body.rackon-client.view-ticket-page .sidebar .card-sidebar .card-header,
body.rackon-client.view-ticket-page .sidebar .panel-sidebar > .panel-heading {
  background: rgba(0, 229, 255, 0.05) !important;
  border-bottom: 1px solid var(--rk-border) !important;
  color: var(--rk-text) !important;
}

body.rackon-client.view-ticket-page .sidebar .card-sidebar .card-title,
body.rackon-client.view-ticket-page .sidebar .panel-sidebar .panel-title {
  color: var(--rk-text) !important;
  font-family: var(--rk-font-display) !important;
  font-size: 0.95rem !important;
}

body.rackon-client.view-ticket-page .sidebar .panel-ticket-info .list-group,
body.rackon-client.view-ticket-page .sidebar .card-sidebar.panel-ticket-info .list-group {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}

body.rackon-client.view-ticket-page .sidebar .panel-ticket-info .list-group-item,
body.rackon-client.view-ticket-page .sidebar .card-sidebar.panel-ticket-info .list-group-item {
  background: transparent !important;
  color: var(--rk-text) !important;
  border-color: var(--rk-border) !important;
  padding: 0.75rem 1rem !important;
}

body.rackon-client.view-ticket-page .sidebar .panel-ticket-info .list-group-item:hover,
body.rackon-client.view-ticket-page .sidebar .card-sidebar.panel-ticket-info .list-group-item:hover {
  background: rgba(0, 229, 255, 0.04) !important;
  margin-left: 0 !important;
}

body.rackon-client.view-ticket-page .sidebar .panel-ticket-info .list-group-item strong,
body.rackon-client.view-ticket-page .sidebar .panel-ticket-info .list-group-item .title {
  color: var(--rk-muted) !important;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  display: block;
  margin-bottom: 0.2rem;
}

body.rackon-client.view-ticket-page .sidebar .panel-ticket-info .list-group-item a {
  color: var(--rk-cyan) !important;
  font-weight: 600;
}

body.rackon-client.view-ticket-page .sidebar .panel-ticket-info .panel-footer,
body.rackon-client.view-ticket-page .sidebar .card-sidebar.panel-ticket-info .card-footer {
  background: rgba(0, 229, 255, 0.03) !important;
  border-top: 1px solid var(--rk-border) !important;
  padding: 0.75rem !important;
}

body.rackon-client.view-ticket-page .sidebar .panel-ticket-info .panel-footer .btn,
body.rackon-client.view-ticket-page .sidebar .card-sidebar.panel-ticket-info .card-footer .btn {
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 0.82rem !important;
}

body.rackon-client.view-ticket-page .sidebar .panel-ticket-info .panel-footer .btn-primary,
body.rackon-client.view-ticket-page .sidebar .card-sidebar .card-footer .btn-primary {
  width: 100%;
  margin-bottom: 0.35rem;
}

body.rackon-client.view-ticket-page .sidebar .panel-ticket-info .panel-footer .btn-danger,
body.rackon-client.view-ticket-page .sidebar .card-sidebar .card-footer .btn-danger {
  width: 100%;
  background: rgba(248, 113, 113, 0.12) !important;
  border: 1px solid rgba(248, 113, 113, 0.35) !important;
  color: #f87171 !important;
}

body.rackon-client.view-ticket-page .sidebar .card-sidebar .card-body,
body.rackon-client.view-ticket-page .sidebar .panel-sidebar .panel-body {
  background: transparent !important;
  color: var(--rk-text) !important;
}

body.rackon-client.view-ticket-page .sidebar .card-sidebar .form-control,
body.rackon-client.view-ticket-page .sidebar .panel-sidebar .form-control {
  background: rgba(8, 14, 26, 0.78) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-text) !important;
  border-radius: 10px !important;
}

body.rackon-client.view-ticket-page .sidebar .card-sidebar .btn-outline-primary,
body.rackon-client.view-ticket-page .sidebar .panel-sidebar .btn-outline-primary {
  border-color: rgba(0, 229, 255, 0.35) !important;
  color: var(--rk-cyan) !important;
  border-radius: 10px !important;
}

body.rackon-client.view-ticket-page .sidebar .label,
body.rackon-client.view-ticket-page .sidebar .badge {
  border-radius: 999px !important;
  font-weight: 700 !important;
}

/* Abrir ticket / lista — estado vazio */
body.rackon-client.support-tickets-page .alert-lg.no-data {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: var(--rk-radius) !important;
  box-shadow: var(--rk-glow) !important;
  color: var(--rk-text) !important;
  padding: 2rem 1.5rem !important;
}

body.rackon-client.support-tickets-page .alert-lg.no-data .icon {
  color: var(--rk-cyan) !important;
}

body.rackon-client.support-tickets-page .alert-lg.no-data .text {
  color: var(--rk-muted) !important;
  margin-bottom: 1rem;
}

body.rackon-client.support-tickets-page h4 {
  font-family: var(--rk-font-display) !important;
  color: var(--rk-text) !important;
}

/* Prioridade nos tickets */
body.rackon-client .label.priority-high,
body.rackon-client .badge.priority-high {
  background: rgba(248, 113, 113, 0.15) !important;
  color: #f87171 !important;
  border: 1px solid rgba(248, 113, 113, 0.35) !important;
}

body.rackon-client .label.priority-medium,
body.rackon-client .badge.priority-medium {
  background: rgba(251, 191, 36, 0.12) !important;
  color: #fbbf24 !important;
  border: 1px solid rgba(251, 191, 36, 0.35) !important;
}

body.rackon-client .label.priority-low,
body.rackon-client .badge.priority-low {
  background: rgba(52, 211, 153, 0.12) !important;
  color: #34d399 !important;
  border: 1px solid rgba(52, 211, 153, 0.35) !important;
}

@media (max-width: 575.98px) {
  body.rackon-client .rk-ticket-head {
    flex-direction: column;
    align-items: stretch;
  }

  body.rackon-client .rk-ticket-head__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  body.rackon-client .rk-ticket-head__actions .btn {
    flex: 1 1 auto;
  }

  body.rackon-client .view-ticket .ticket-reply .posted-by {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
  }

  body.rackon-client .view-ticket .posted-on {
    align-self: flex-start;
    text-align: left;
  }
}

/* ——— Faturas ——— */
body.rackon-client .invoices-header .invoice-title {
  font-family: var(--rk-font-display) !important;
  color: var(--rk-text) !important;
}

body.rackon-client .invoices-header p.text-muted {
  color: var(--rk-muted) !important;
}

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

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

body.rackon-client .summary-box .summary-label {
  color: var(--rk-muted) !important;
}

body.rackon-client .filter-options .card {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
}

body.rackon-client #tableInvoicesList thead th {
  background: rgba(0, 229, 255, 0.06) !important;
  color: var(--rk-muted) !important;
  border-color: var(--rk-border) !important;
}

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

body.rackon-client #tableInvoicesList tbody tr.odd,
body.rackon-client #tableInvoicesList tbody tr:nth-child(odd) {
  background: rgba(8, 14, 26, 0.45) !important;
}

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

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

body.rackon-client .status-unpaid {
  background: rgba(248, 113, 113, 0.15) !important;
  color: #f87171 !important;
  border: 1px solid rgba(248, 113, 113, 0.35) !important;
}

body.rackon-client .status-paid {
  background: rgba(52, 211, 153, 0.12) !important;
  color: #34d399 !important;
  border: 1px solid rgba(52, 211, 153, 0.35) !important;
}

/* Fatura individual (view) — alinhar sem reescrever layout */
body.rackon-client.viewinvoice .invoice-container,
body.rackon-client .invoice-page,
body.rackon-client #invoice-body {
  color: var(--rk-text);
}

body.rackon-client.viewinvoice .panel,
body.rackon-client.viewinvoice .well,
body.rackon-client.viewinvoice .invoice-summary {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: var(--rk-radius) !important;
}

body.rackon-client.viewinvoice .panel-sidebar {
  background: rgba(8, 14, 26, 0.75) !important;
  border: 1px solid var(--rk-border) !important;
}

/* ——— Fatura: painel Ações (imprimir / download / voltar) ——— */
body.rackon-client.viewinvoice .sidebar .rk-invoice-actions {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: var(--rk-radius) !important;
  box-shadow: var(--rk-glow) !important;
  padding: 0.85rem 0.85rem 1rem !important;
  margin-top: 0.75rem;
}

body.rackon-client.viewinvoice .sidebar .rk-invoice-actions > .panel-heading {
  background: transparent !important;
  border-bottom: 1px solid var(--rk-border) !important;
  padding: 0 0 0.65rem !important;
  margin-bottom: 0.65rem;
}

body.rackon-client.viewinvoice .sidebar .rk-invoice-actions .panel-title {
  color: var(--rk-text) !important;
  font-family: var(--rk-font-display);
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  letter-spacing: 0.04em;
}

body.rackon-client.viewinvoice .sidebar .rk-invoice-actions .panel-title > i:first-child {
  color: var(--rk-cyan) !important;
  width: auto !important;
  margin-left: 0 !important;
  overflow: visible !important;
  line-height: inherit !important;
}

body.rackon-client.viewinvoice .sidebar .rk-invoice-actions .panel-minimise {
  color: var(--rk-muted) !important;
}

body.rackon-client.viewinvoice .sidebar .rk-invoice-actions__list,
body.rackon-client.viewinvoice .sidebar .rk-invoice-actions .list-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.55rem !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

body.rackon-client.viewinvoice .sidebar a.rk-invoice-action,
body.rackon-client.viewinvoice .sidebar .rk-invoice-actions a.list-group-item-action {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  float: none !important;
  width: 100% !important;
  padding: 0.8rem 0.95rem !important;
  margin: 0 !important;
  text-align: left !important;
  background: rgba(8, 14, 26, 0.72) !important;
  border: 1px solid rgba(0, 229, 255, 0.2) !important;
  border-radius: 12px !important;
  color: var(--rk-text) !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  line-height: 1.35 !important;
  box-shadow: inset 0 1px 0 rgba(0, 229, 255, 0.06);
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

body.rackon-client.viewinvoice .sidebar a.rk-invoice-action span {
  flex: 1 1 auto;
  color: inherit !important;
}

body.rackon-client.viewinvoice .sidebar a.rk-invoice-action i,
body.rackon-client.viewinvoice .sidebar .rk-invoice-actions .list-group-item-action i {
  float: none !important;
  flex: 0 0 auto;
  width: 38px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: rgba(0, 229, 255, 0.12) !important;
  color: var(--rk-cyan) !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  margin: 0 !important;
}

body.rackon-client.viewinvoice .sidebar a.rk-invoice-action:hover,
body.rackon-client.viewinvoice .sidebar a.rk-invoice-action:focus {
  margin-left: 0 !important;
  transform: translateX(4px);
  background: rgba(0, 229, 255, 0.1) !important;
  border-color: rgba(0, 229, 255, 0.38) !important;
  color: var(--rk-text) !important;
  box-shadow: 0 8px 24px rgba(0, 229, 255, 0.12), inset 0 1px 0 rgba(0, 229, 255, 0.1);
  text-decoration: none !important;
}

body.rackon-client.viewinvoice .sidebar a.rk-invoice-action--back {
  background: linear-gradient(135deg, rgba(124, 77, 255, 0.18), rgba(0, 229, 255, 0.1)) !important;
  border-color: rgba(167, 139, 250, 0.45) !important;
  color: #f0f7ff !important;
  font-weight: 700 !important;
  margin-top: 0.15rem;
}

body.rackon-client.viewinvoice .sidebar a.rk-invoice-action--back i {
  background: rgba(124, 77, 255, 0.22) !important;
  color: var(--rk-violet) !important;
}

body.rackon-client.viewinvoice .sidebar a.rk-invoice-action--back:hover,
body.rackon-client.viewinvoice .sidebar a.rk-invoice-action--back:focus {
  background: linear-gradient(135deg, rgba(124, 77, 255, 0.28), rgba(0, 229, 255, 0.14)) !important;
  border-color: rgba(167, 139, 250, 0.6) !important;
  box-shadow: 0 10px 28px rgba(124, 77, 255, 0.2), inset 0 1px 0 rgba(167, 139, 250, 0.15);
}

body.rackon-client.viewinvoice .sidebar a.rk-invoice-action--download i {
  background: rgba(52, 211, 153, 0.12) !important;
  color: #34d399 !important;
}

body.rackon-client.viewinvoice .sidebar a.rk-invoice-action--print i {
  background: rgba(251, 191, 36, 0.12) !important;
  color: #fbbf24 !important;
}

/* ——— Fatura: card principal (.TM-card.invoice) ——— */
body.rackon-client.viewinvoice {
  background-color: var(--rk-bg) !important;
  color: var(--rk-text) !important;
}

body.rackon-client.viewinvoice .TM-card.invoice,
body.rackon-client.viewinvoice .TM-card.quote {
  position: relative;
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: var(--rk-radius) !important;
  box-shadow: var(--rk-glow) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  color: var(--rk-text) !important;
  padding: clamp(1.5rem, 3vw, 2.75rem) clamp(1.25rem, 2.5vw, 2rem) !important;
}

body.rackon-client.viewinvoice .TM-card.invoice::before,
body.rackon-client.viewinvoice .TM-card.quote::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(135deg, rgba(0, 229, 255, 0.04), transparent 45%, rgba(124, 77, 255, 0.05));
}

body.rackon-client.viewinvoice .TM-card.invoice > *,
body.rackon-client.viewinvoice .TM-card.quote > * {
  position: relative;
  z-index: 1;
}

body.rackon-client.viewinvoice .TM-card.invoice .company-logo img.logo-light {
  display: none !important;
}

body.rackon-client.viewinvoice .TM-card.invoice .company-logo img.logo-dark,
body.rackon-client.viewinvoice .TM-card.invoice .company-logo h2.logo-dark {
  display: block !important;
}

body.rackon-client.viewinvoice .TM-card.invoice .company-logo img {
  filter: drop-shadow(0 0 10px rgba(0, 229, 255, 0.2));
  max-height: 48px !important;
  height: auto !important;
}

body.rackon-client.viewinvoice .TM-card.invoice h4,
body.rackon-client.viewinvoice .TM-card.quote h4 {
  color: var(--rk-text) !important;
  border-bottom-color: rgba(0, 229, 255, 0.45) !important;
  font-family: var(--rk-font-display);
  letter-spacing: 0.03em;
}

body.rackon-client.viewinvoice .TM-card.invoice address,
body.rackon-client.viewinvoice .TM-card.invoice .section,
body.rackon-client.viewinvoice .TM-card.invoice .invoice-info .title {
  color: var(--rk-text) !important;
}

body.rackon-client.viewinvoice .TM-card.invoice .text-muted,
body.rackon-client.viewinvoice .TM-card.invoice .invoice-date .text-muted {
  color: var(--rk-muted) !important;
}

body.rackon-client.viewinvoice .TM-card.invoice .invoice-info,
body.rackon-client.viewinvoice .TM-card.quote .quote-info {
  border-color: var(--rk-border) !important;
}

body.rackon-client.viewinvoice .TM-card.invoice .invoice-title .title {
  font-family: var(--rk-font-display);
  font-weight: 700 !important;
  flex-wrap: wrap;
  gap: 0.5rem;
}

body.rackon-client.viewinvoice .TM-card.invoice .invoice-status.label {
  border-radius: 999px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em;
  padding: 0.35rem 0.75rem !important;
}

body.rackon-client.viewinvoice .TM-card.invoice .invoice-status.label-danger {
  background: rgba(248, 113, 113, 0.14) !important;
  color: #f87171 !important;
  border: 1px solid rgba(248, 113, 113, 0.4) !important;
}

body.rackon-client.viewinvoice .TM-card.invoice .invoice-status.label-success {
  background: rgba(52, 211, 153, 0.12) !important;
  color: #34d399 !important;
  border: 1px solid rgba(52, 211, 153, 0.4) !important;
}

body.rackon-client.viewinvoice .TM-card.invoice .table,
body.rackon-client.viewinvoice .TM-card.invoice .table-responsive {
  background: transparent !important;
  color: var(--rk-text) !important;
}

body.rackon-client.viewinvoice .TM-card.invoice .table > thead > tr > th {
  background: rgba(0, 229, 255, 0.06) !important;
  color: var(--rk-cyan) !important;
  border-color: var(--rk-border) !important;
  font-family: var(--rk-font-display);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.78rem;
}

body.rackon-client.viewinvoice .TM-card.invoice .table > tbody > tr > td,
body.rackon-client.viewinvoice .TM-card.invoice .table > tbody > tr > th,
body.rackon-client.viewinvoice .TM-card.invoice .table > tfoot > tr > td {
  border-color: var(--rk-border) !important;
  color: var(--rk-text) !important;
  background: transparent !important;
}

body.rackon-client.viewinvoice .TM-card.invoice .table > tbody > tr:hover > td {
  background: rgba(0, 229, 255, 0.04) !important;
}

body.rackon-client.viewinvoice .TM-card.invoice .table tr.active > td,
body.rackon-client.viewinvoice .TM-card.invoice .table tr.total-row.active > td {
  background: rgba(0, 229, 255, 0.08) !important;
  border-top: 1px solid rgba(0, 229, 255, 0.25) !important;
  color: var(--rk-text) !important;
  font-weight: 700;
}

body.rackon-client.viewinvoice .TM-card.invoice .total-row td {
  color: var(--rk-muted) !important;
}

body.rackon-client.viewinvoice .TM-card.invoice .panel,
body.rackon-client.viewinvoice .TM-card.invoice .alert {
  background: rgba(8, 14, 26, 0.55) !important;
  border-color: var(--rk-border) !important;
  color: var(--rk-text) !important;
}

/* ——— Fatura: sidebar PIX / pagamento ——— */
body.rackon-client.viewinvoice .sidebar .panel-invoice-info {
  background: linear-gradient(165deg, rgba(12, 20, 36, 0.92), rgba(8, 14, 26, 0.88)) !important;
  border: 1px solid rgba(0, 229, 255, 0.22) !important;
  border-radius: var(--rk-radius) !important;
  box-shadow:
    var(--rk-glow),
    inset 0 1px 0 rgba(0, 229, 255, 0.08) !important;
  overflow: hidden;
  margin-bottom: 0.85rem;
}

body.rackon-client.viewinvoice .sidebar .panel-invoice-info .panel-body {
  padding: 1.15rem 1.1rem 1.25rem !important;
}

body.rackon-client.viewinvoice .sidebar .panel-invoice-info .total {
  gap: 0.35rem;
  margin-bottom: 1rem !important;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid var(--rk-border);
}

body.rackon-client.viewinvoice .sidebar .panel-invoice-info .total .text-muted {
  color: var(--rk-muted) !important;
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.rackon-client.viewinvoice .sidebar .panel-invoice-info .total-price {
  font-family: var(--rk-font-display) !important;
  font-size: clamp(1.45rem, 4vw, 1.85rem) !important;
  font-weight: 700 !important;
  color: var(--rk-text) !important;
  line-height: 1.15;
}

body.rackon-client.viewinvoice .sidebar .panel-invoice-info label {
  color: var(--rk-muted) !important;
  font-size: 0.82rem;
  margin-bottom: 0.35rem;
}

body.rackon-client.viewinvoice .sidebar .panel-invoice-info .form-control,
body.rackon-client.viewinvoice .sidebar .panel-invoice-info select {
  background: rgba(8, 14, 26, 0.75) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-text) !important;
  border-radius: 10px !important;
}

body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form {
  margin-top: 0.85rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form > *,
body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form form {
  width: 100%;
}

body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form table {
  width: 100% !important;
  border: 0 !important;
}

body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form table td {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--rk-text) !important;
}

body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form p,
body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form span,
body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form label,
body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form div {
  color: var(--rk-muted);
}

body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form strong,
body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form b,
body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form h3,
body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form h4 {
  color: var(--rk-text) !important;
}

/* QR PIX — moldura escura em vez do quadrado branco */
body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form img {
  display: block;
  max-width: min(100%, 220px);
  width: 100%;
  height: auto;
  margin: 0.65rem auto;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.96);
  border-radius: 14px;
  border: 1px solid rgba(0, 229, 255, 0.25);
  box-shadow:
    0 0 0 1px rgba(0, 229, 255, 0.08),
    0 12px 32px rgba(0, 0, 0, 0.35);
}

body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form textarea,
body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form input[type="text"],
body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form input[readonly] {
  background: rgba(8, 14, 26, 0.82) !important;
  border: 1px solid rgba(0, 229, 255, 0.28) !important;
  color: var(--rk-cyan) !important;
  border-radius: 12px !important;
  font-family: var(--rk-font-mono) !important;
  font-size: 0.72rem !important;
  line-height: 1.45 !important;
  padding: 0.65rem 0.75rem !important;
  resize: none;
  word-break: break-all;
}

body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form .btn,
body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form button,
body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form input[type="submit"] {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  margin-top: 0.35rem !important;
  padding: 0.65rem 1rem !important;
  background: rgba(0, 229, 255, 0.08) !important;
  border: 1px solid rgba(0, 229, 255, 0.38) !important;
  border-radius: 999px !important;
  color: var(--rk-cyan) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease,
    border-color 0.18s ease;
  box-shadow: inset 0 1px 0 rgba(0, 229, 255, 0.1);
}

body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form .btn:hover,
body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form button:hover,
body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form input[type="submit"]:hover {
  background: rgba(0, 229, 255, 0.14) !important;
  border-color: rgba(0, 229, 255, 0.55) !important;
  color: var(--rk-text) !important;
  box-shadow:
    0 8px 28px rgba(0, 229, 255, 0.18),
    inset 0 1px 0 rgba(0, 229, 255, 0.12);
}

body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form .btn:active,
body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form button:active,
body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form input[type="submit"]:active {
  transform: translateY(1px) scale(0.98);
  box-shadow:
    0 4px 18px rgba(0, 229, 255, 0.32),
    0 0 0 1px rgba(0, 229, 255, 0.2),
    inset 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form a {
  color: var(--rk-cyan) !important;
  text-decoration: none;
  font-weight: 600;
}

body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form a:hover {
  color: var(--rk-text) !important;
  text-shadow: 0 0 12px rgba(0, 229, 255, 0.35);
}

body.rackon-client.viewinvoice .sidebar .panel-apply-credit {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: var(--rk-radius) !important;
}

body.rackon-client.viewinvoice .sidebar .panel-apply-credit .btn-success {
  background: linear-gradient(135deg, rgba(52, 211, 153, 0.22), rgba(0, 229, 255, 0.12)) !important;
  border-color: rgba(52, 211, 153, 0.45) !important;
  color: #34d399 !important;
}

/* ——— Login footer branco ——— */
body.rackon-client.login .cap-login-register {
  background: rgba(0, 229, 255, 0.04) !important;
  border-top: 1px solid var(--rk-border) !important;
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
  margin-bottom: -1.5rem !important;
  padding: 1rem 1.5rem 1.15rem !important;
  border-radius: 0 0 var(--rk-radius) var(--rk-radius) !important;
}

/* ——— Navbar escuro ——— */
body.rackon-client.left-layout .cros-navbar,
body.rackon-client.left-layout #main-navbar .navbar {
  background: rgba(8, 14, 26, 0.92) !important;
  border-bottom: 1px solid var(--rk-border) !important;
  backdrop-filter: blur(12px) !important;
}

body.rackon-client #navbar-side {
  background: rgba(6, 10, 18, 0.98) !important;
  border-right: 1px solid var(--rk-border) !important;
}

/* ——— Menu mobile (sidebar) ——— */
body.rackon-client #navbar-side.primary,
body.rackon-client #navbar-side.dark,
body.rackon-client #navbar-side.fixed {
  background: rgba(6, 10, 18, 0.98) !important;
}

body.rackon-client #navbar-side .sidebar-scroll,
body.rackon-client #navbar-side .media-search {
  background: transparent !important;
}

body.rackon-client #navbar-side .input-menu,
body.rackon-client #navbar-side .media-search .form-control,
body.rackon-client #navbar-side .input-icon .input-menu {
  background: rgba(8, 14, 26, 0.9) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-text) !important;
  border-radius: 10px !important;
}

body.rackon-client #navbar-side .input-icon .far.fa-search {
  color: var(--rk-muted) !important;
}

body.rackon-client #navbar-side .side-nav > li > a,
body.rackon-client #navbar-side .navbar-nav.side-nav .nav-link,
body.rackon-client #navbar-side .side-nav .nav-link {
  color: var(--rk-text) !important;
  background: transparent !important;
}

body.rackon-client #navbar-side .side-nav > li.open > a,
body.rackon-client #navbar-side .side-nav > li.active > a,
body.rackon-client #navbar-side .side-nav > li > a:hover,
body.rackon-client #navbar-side .side-nav > li > a:focus {
  background: rgba(0, 229, 255, 0.1) !important;
  color: var(--rk-cyan) !important;
}

body.rackon-client #navbar-side .dropdown-menu,
body.rackon-client #navbar-side .side-nav .dropdown-menu,
body.rackon-client #navbar-side .collapse.show,
body.rackon-client #navbar-side .navbar-nav .dropdown-menu {
  background: rgba(8, 14, 26, 0.98) !important;
  border: 1px solid var(--rk-border) !important;
  box-shadow: var(--rk-glow) !important;
}

body.rackon-client #navbar-side .dropdown-menu > li > a,
body.rackon-client #navbar-side .dropdown-item {
  color: var(--rk-text) !important;
  background: transparent !important;
}

body.rackon-client #navbar-side .dropdown-menu > li > a:hover,
body.rackon-client #navbar-side .dropdown-item:hover,
body.rackon-client #navbar-side .dropdown-item:focus {
  background: rgba(0, 229, 255, 0.1) !important;
  color: var(--rk-cyan) !important;
}

body.rackon-client #navbar-side .btn-default,
body.rackon-client #navbar-side .sidebar-shortcuts .btn,
body.rackon-client #navbar-side .lang-btn .btn {
  background: rgba(8, 14, 26, 0.88) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-text) !important;
  border-radius: 10px !important;
}

body.rackon-client #navbar-side .sidebar-shortcuts .btn:hover,
body.rackon-client #navbar-side .lang-btn .btn:hover {
  border-color: rgba(0, 229, 255, 0.4) !important;
  color: var(--rk-cyan) !important;
}

/* Submenus mobile (Serviços, Domínios, etc.) */
body.rackon-client #navbar-side .side-nav > li.panel > a,
body.rackon-client #navbar-side.primary .side-nav > li > a,
body.rackon-client #navbar-side.dark .side-nav > li > a {
  background: transparent !important;
}

body.rackon-client #navbar-side .side-nav > li > a.active:after,
body.rackon-client #navbar-side .side-nav > li.panel > a:after {
  display: none !important;
}

body.rackon-client #navbar-side .side-nav > li.panel.open > a,
body.rackon-client #navbar-side.primary .side-nav > li.panel.open > a,
body.rackon-client #navbar-side.dark .side-nav > li.panel.open > a {
  background: rgba(0, 229, 255, 0.08) !important;
  color: var(--rk-cyan) !important;
  box-shadow: inset 3px 0 0 var(--rk-cyan) !important;
}

body.rackon-client #navbar-side .side-nav .nav,
body.rackon-client #navbar-side .side-nav > li.panel .nav.collapse,
body.rackon-client #navbar-side .side-nav > li.panel.open .nav,
body.rackon-client #navbar-side.primary .side-nav .nav,
body.rackon-client #navbar-side.dark .side-nav .nav {
  background: rgba(8, 14, 26, 0.72) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: 12px !important;
  margin: 0.35rem 0.65rem 0.55rem !important;
  padding: 0.35rem 0 !important;
  box-shadow: inset 0 1px 0 rgba(0, 229, 255, 0.05) !important;
  overflow: hidden;
}

body.rackon-client #navbar-side .side-nav li.panel ul li:before,
body.rackon-client #navbar-side .side-nav li.panel ul li a:before,
body.rackon-client #navbar-side .side-nav .nav li:before,
body.rackon-client #navbar-side .side-nav .nav li a:before {
  display: none !important;
  content: none !important;
}

body.rackon-client #navbar-side .side-nav li.panel ul li a,
body.rackon-client #navbar-side .side-nav .nav > li > a,
body.rackon-client #navbar-side .side-nav .nav li > a,
body.rackon-client #navbar-side.primary .side-nav li.panel ul li a,
body.rackon-client #navbar-side.dark .side-nav li.panel ul li a {
  color: var(--rk-muted) !important;
  background: transparent !important;
  padding: 0.62rem 0.95rem !important;
  font-size: 0.86rem !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  margin: 0.12rem 0.4rem !important;
  border: none !important;
  display: block;
}

body.rackon-client #navbar-side .side-nav li.panel ul li a .mtext,
body.rackon-client #navbar-side .side-nav li.panel ul li a .menu-name,
body.rackon-client #navbar-side .side-nav .nav li a .mtext,
body.rackon-client #navbar-side .side-nav .nav li a .menu-name {
  color: inherit !important;
}

body.rackon-client #navbar-side .side-nav li.panel ul li a:hover,
body.rackon-client #navbar-side .side-nav li.panel ul li a:focus,
body.rackon-client #navbar-side .side-nav .nav > li > a:hover,
body.rackon-client #navbar-side .side-nav .nav li > a:hover {
  color: var(--rk-cyan) !important;
  background: rgba(0, 229, 255, 0.1) !important;
}

body.rackon-client #navbar-side .side-nav li.panel ul li a.active,
body.rackon-client #navbar-side .side-nav .nav li.active > a {
  color: var(--rk-cyan) !important;
  background: rgba(0, 229, 255, 0.12) !important;
  box-shadow: inset 2px 0 0 var(--rk-cyan) !important;
}

body.rackon-client #navbar-side .side-nav .fa.arrow {
  color: var(--rk-muted) !important;
  opacity: 0.85;
}

body.rackon-client #navbar-side .side-nav > li.open > a .fa.arrow,
body.rackon-client #navbar-side .side-nav > li.panel.open > a .fa.arrow {
  color: var(--rk-cyan) !important;
}

body.rackon-client #navbar-side .side-nav > li.panel.open > a .mtext,
body.rackon-client #navbar-side.primary .side-nav > li.panel.open > a .mtext,
body.rackon-client #navbar-side.dark .side-nav > li.panel.open > a .mtext {
  color: var(--rk-cyan) !important;
}

body.rackon-client .secondary-menu-mobile .btn,
body.rackon-client #mobile-header .btn {
  background: rgba(8, 14, 26, 0.85) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-text) !important;
}

body.rackon-client .cros-navbar .navbar-header .logo-section .navbar-toggler span,
body.rackon-client .cros-navbar .navbar-toggler span {
  background: var(--rk-cyan) !important;
}

/* ——— Registro / preços de domínio — futurista ——— */
body.rackon-client.domain-pricing-page .rk-domain-hero {
  background: linear-gradient(135deg, rgba(0, 229, 255, 0.12) 0%, rgba(124, 77, 255, 0.14) 50%, rgba(6, 10, 18, 0.4) 100%) !important;
  border-bottom: 1px solid var(--rk-border) !important;
  padding: 2rem 0 2.25rem !important;
}

body.rackon-client.domain-pricing-page .rk-domain-hero .h1 {
  font-family: var(--rk-font-display) !important;
  color: var(--rk-text) !important;
  text-shadow: 0 0 28px rgba(0, 229, 255, 0.2);
  margin-bottom: 1.25rem !important;
}

body.rackon-client.domain-pricing-page .rk-domain-hero .serach-form,
body.rackon-client.domain-pricing-page .rk-domain-hero .form-search {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: 999px !important;
  box-shadow: var(--rk-glow), 0 0 32px rgba(0, 229, 255, 0.08) !important;
  overflow: hidden;
}

body.rackon-client.domain-pricing-page .rk-domain-hero .form-control.search-query {
  background: transparent !important;
  border: none !important;
  color: var(--rk-text) !important;
  padding-left: 2.5rem !important;
}

body.rackon-client.domain-pricing-page .rk-domain-hero .input-group-icon {
  color: var(--rk-cyan) !important;
}

body.rackon-client.domain-pricing-page .rk-domain-hero .btn.search {
  border-radius: 999px !important;
  margin: 0.2rem !important;
  font-weight: 700 !important;
}

body.rackon-client.domain-pricing-page .rk-domain-pricing-body {
  padding: 1.5rem 0 1rem !important;
}

body.rackon-client.domain-pricing-page .featured-tlds-container {
  margin-bottom: 1.25rem !important;
}

body.rackon-client.domain-pricing-page .featured-tld {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: var(--rk-radius) !important;
  box-shadow: var(--rk-glow) !important;
  padding: 1rem !important;
  text-align: center;
  transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
  height: 100%;
}

body.rackon-client.domain-pricing-page .featured-tld:hover {
  transform: translateY(-4px);
  border-color: rgba(0, 229, 255, 0.38) !important;
  box-shadow: 0 16px 40px rgba(0, 229, 255, 0.12) !important;
}

body.rackon-client.domain-pricing-page .featured-tld .price,
body.rackon-client.domain-pricing-page .featured-tld .price strong {
  color: var(--rk-cyan) !important;
  font-family: var(--rk-font-display) !important;
}

body.rackon-client.domain-pricing-page .featured-tld .img-container {
  background: rgba(0, 229, 255, 0.05) !important;
  border-radius: 12px !important;
  padding: 0.5rem !important;
  margin-bottom: 0.65rem !important;
}

body.rackon-client.domain-pricing-page #tableDomainPricing_wrapper,
body.rackon-client.domain-pricing-page .domain-pricing .table-container {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: var(--rk-radius) !important;
  box-shadow: var(--rk-glow) !important;
  padding: 0.85rem !important;
  margin-bottom: 1rem !important;
}

body.rackon-client.domain-pricing-page #tableDomainPricing thead th {
  background: rgba(0, 229, 255, 0.06) !important;
  color: var(--rk-muted) !important;
  border-color: var(--rk-border) !important;
  font-family: var(--rk-font-display);
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body.rackon-client.domain-pricing-page #tableDomainPricing tbody td {
  color: var(--rk-text) !important;
  border-color: var(--rk-border) !important;
  vertical-align: middle !important;
  background: transparent !important;
}

body.rackon-client.domain-pricing-page #tableDomainPricing tbody tr {
  transition: background 0.2s ease, box-shadow 0.2s ease;
}

body.rackon-client.domain-pricing-page #tableDomainPricing tbody tr:nth-child(odd) {
  background: rgba(8, 14, 26, 0.45) !important;
}

body.rackon-client.domain-pricing-page #tableDomainPricing tbody tr:nth-child(even) {
  background: rgba(0, 229, 255, 0.03) !important;
}

body.rackon-client.domain-pricing-page #tableDomainPricing tbody tr:hover {
  background: rgba(0, 229, 255, 0.08) !important;
  box-shadow: inset 3px 0 0 var(--rk-cyan);
}

body.rackon-client.domain-pricing-page #tableDomainPricing .tld-name,
body.rackon-client.domain-pricing-page #tableDomainPricing .tld-name strong {
  color: var(--rk-text) !important;
  font-family: var(--rk-font-display) !important;
}

body.rackon-client.domain-pricing-page #tableDomainPricing .tld-name .text-primary {
  color: var(--rk-cyan) !important;
}

body.rackon-client.domain-pricing-page #tableDomainPricing .text-muted,
body.rackon-client.domain-pricing-page #tableDomainPricing small.text-muted {
  color: var(--rk-muted) !important;
}

body.rackon-client.domain-pricing-page #tableDomainPricing .tld-label {
  display: none;
}

body.rackon-client.domain-pricing-page .tld-filters a,
body.rackon-client.domain-pricing-page .view-filter-btns .dropdown-item span {
  border-radius: 999px !important;
}

body.rackon-client.domain-pricing-page .tld-filters a {
  background: rgba(52, 211, 153, 0.12) !important;
  color: #34d399 !important;
  border: 1px solid rgba(52, 211, 153, 0.35) !important;
  font-weight: 700 !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

body.rackon-client.domain-pricing-page .tld-filters a:hover,
body.rackon-client.domain-pricing-page .tld-filters a.active {
  background: rgba(0, 229, 255, 0.12) !important;
  color: var(--rk-cyan) !important;
  border-color: rgba(0, 229, 255, 0.4) !important;
  box-shadow: 0 0 18px rgba(0, 229, 255, 0.15) !important;
  transform: translateY(-1px);
}

body.rackon-client.domain-pricing-page .domain-promo-box,
body.rackon-client.domain-pricing-page .spotlight-tlds {
  background: var(--rk-glass) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: var(--rk-radius) !important;
  box-shadow: var(--rk-glow) !important;
  color: var(--rk-text) !important;
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
  padding: 1.25rem !important;
  position: relative;
  overflow: hidden;
}

body.rackon-client.domain-pricing-page .domain-promo-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(0, 229, 255, 0.06), transparent 40%, rgba(124, 77, 255, 0.06));
  pointer-events: none;
}

body.rackon-client.domain-pricing-page .domain-promo-box h3,
body.rackon-client.domain-pricing-page .domain-promo-box h4,
body.rackon-client.domain-pricing-page .domain-promo-box .text-primary {
  color: var(--rk-cyan) !important;
  font-family: var(--rk-font-display) !important;
}

body.rackon-client.domain-pricing-page .domain-promo-box p,
body.rackon-client.domain-pricing-page .domain-promo-box .text-muted {
  color: var(--rk-muted) !important;
}

body.rackon-client.domain-pricing-page .domain-promo-box .btn {
  border-radius: 999px !important;
  font-weight: 700 !important;
}

body.rackon-client.domain-pricing-page .table-header label {
  color: var(--rk-muted) !important;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.72rem;
  letter-spacing: 0.06em;
}

body.rackon-client.domain-pricing-page .table-header .form-control {
  background: rgba(8, 14, 26, 0.78) !important;
  border: 1px solid var(--rk-border) !important;
  color: var(--rk-text) !important;
  border-radius: 10px !important;
}

@media (prefers-reduced-motion: reduce) {
  body.rackon-client::after,
  body.rackon-client .cap-hero::before,
  body.rackon-client .kb-hero::after,
  body.rackon-client .label.status-active,
  body.rackon-client .product-status-active,
  body.rackon-client .cap-products--modern .status-active {
    animation: none !important;
  }

  body.rackon-client #tableTicketsList tbody tr:hover {
    transform: none;
  }
}