/**
 * Cloud Win Enterprise ? ENRICH
 * v=20260725p11 ? cloud essence ? login light ? Jura
 */

/* ========== FOOTER MINIMAL ========== */
html[data-theme="enterprise"] body.rackon-client .sec.footer,
html[data-theme="enterprise"] body.rackon-client .block-footer {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 1.5rem 0 0 !important;
  min-height: 0 !important;
}

html[data-theme="enterprise"] body.rackon-client .block-footer > .footer-widgets,
html[data-theme="enterprise"] body.rackon-client .block-footer .fcCode,
html[data-theme="enterprise"] body.rackon-client .block-footer .cros-partners,
html[data-theme="enterprise"] body.rackon-client .block-footer .payment-icons,
html[data-theme="enterprise"] body.rackon-client .sec.footer .row:not(.footer-last) {
  display: none !important;
}

html[data-theme="enterprise"] body.rackon-client .sfooter {
  background: linear-gradient(180deg, transparent, rgba(42, 69, 120, 0.03)) !important;
  border-top: 1px solid rgba(42, 69, 120, 0.1) !important;
  padding: 0.7rem 0 !important;
  margin: 0 !important;
}

html[data-theme="enterprise"] body.rackon-client .sfooter .footer-last {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem;
  flex-wrap: wrap;
  padding: 0 !important;
  min-height: 0 !important;
}

html[data-theme="enterprise"] body.rackon-client .footer-copyright,
html[data-theme="enterprise"] body.rackon-client .footer-copyright span {
  font-family: "Jura", sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  color: #94A3B8 !important;
  -webkit-text-fill-color: #94A3B8 !important;
  margin: 0 !important;
  text-align: left !important;
}

html[data-theme="enterprise"] body.rackon-client .sfooter .btn-container {
  display: flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  margin: 0 !important;
}

html[data-theme="enterprise"] body.rackon-client .sfooter .social-icons {
  display: none !important; /* minimal */
}

html[data-theme="enterprise"] body.rackon-client .sfooter .back-to-top {
  width: 2rem !important;
  height: 2rem !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px)) !important;
  box-shadow: 0 6px 16px rgba(42, 69, 120, 0.06) !important;
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease !important;
}

html[data-theme="enterprise"] body.rackon-client .sfooter .back-to-top:hover {
  background: #FFFBEB !important;
  border-color: rgba(232, 185, 49, 0.55) !important;
  transform: translateY(-2px) !important;
}

html[data-theme="enterprise"] body.rackon-client .sfooter .back-to-top i {
  color: #2A4578 !important;
  font-size: 0.75rem !important;
}

/* ========== PRODUCT DETAILS ? hero chips ========== */
html[data-theme="enterprise"] body.rackon-client .cap-pd-hero {
  background: linear-gradient(135deg, #FFFFFF 0%, #FAFBFF 55%, #FFFBEB 100%) !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px)) !important;
  box-shadow: 0 18px 44px rgba(42, 69, 120, 0.08) !important;
  position: relative;
  overflow: hidden;
  padding: 1.25rem 1.4rem 1.1rem !important;
  margin-bottom: 1.15rem !important;
}

html[data-theme="enterprise"] body.rackon-client .cap-pd-hero::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 3px;
  background: linear-gradient(90deg, #C8102E, #E8B931, #2A4578);
}

html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  align-items: center !important;
  margin-top: 1rem !important;
  padding-top: 0.85rem !important;
  border-top: 1px dashed rgba(42, 69, 120, 0.1) !important;
}

html[data-theme="enterprise"] body.rackon-client .cap-pd-chip,
html[data-theme="enterprise"] body.rackon-client .cw-product-meta-bar--nova,
html[data-theme="enterprise"] body.rackon-client .cw-product-meta-bar--nova span,
html[data-theme="enterprise"] body.rackon-client .cw-product-meta-bar--nova .badge,
html[data-theme="enterprise"] body.rackon-client .cw-product-meta-bar--nova a {
  background: #F8FAFC !important;
  border: 1.5px solid rgba(42, 69, 120, 0.1) !important;
  color: #2A4578 !important;
  -webkit-text-fill-color: #2A4578 !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 7px 100%, 0 calc(100% - 7px)) !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.03em !important;
  padding: 0.4rem 0.75rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  box-shadow: 0 4px 12px rgba(42, 69, 120, 0.04) !important;
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease !important;
}

html[data-theme="enterprise"] body.rackon-client .cap-pd-chip:hover {
  background: #FFFBEB !important;
  border-color: rgba(232, 185, 49, 0.45) !important;
  transform: translateY(-1px);
}

html[data-theme="enterprise"] body.rackon-client .cap-pd-chip--status,
html[data-theme="enterprise"] body.rackon-client .status-sticker.status-sticker--inline {
  background: #ECFDF5 !important;
  border-color: rgba(5, 150, 105, 0.3) !important;
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

html[data-theme="enterprise"] body.rackon-client .cap-pd-chip i {
  color: #2F3A8F !important;
}

html[data-theme="enterprise"] body.rackon-client .cw-product-meta-bar--nova {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.55rem !important;
  align-items: center !important;
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)) !important;
  padding: 0.85rem 1rem !important;
  box-shadow: 0 12px 28px rgba(42, 69, 120, 0.06) !important;
  margin-bottom: 1rem !important;
}

html[data-theme="enterprise"] body.rackon-client .cw-product-meta-bar--nova .btn,
html[data-theme="enterprise"] body.rackon-client .cw-product-meta-bar--nova a.btn {
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.14) !important;
  color: #2A4578 !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 7px 100%, 0 calc(100% - 7px)) !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  font-size: 0.68rem !important;
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease !important;
}

html[data-theme="enterprise"] body.rackon-client .cw-product-meta-bar--nova .btn:hover {
  background: #FFFBEB !important;
  border-color: rgba(232, 185, 49, 0.5) !important;
  transform: translateY(-1px);
}

/* ========== SUPPORT CARDS ========== */
html[data-theme="enterprise"] body.rackon-client .product-support-card,
html[data-theme="enterprise"] body.rackon-client .cw-support-below-panel .product-support-card {
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px)) !important;
  box-shadow: 0 16px 40px rgba(42, 69, 120, 0.07) !important;
  overflow: hidden;
}

html[data-theme="enterprise"] body.rackon-client .product-support-card .card-header {
  background: linear-gradient(180deg, #FAFBFF, #F4F6FB) !important;
  border-bottom: 1px solid rgba(42, 69, 120, 0.08) !important;
  border-left: 3px solid #E8B931 !important;
  padding: 0.95rem 1.15rem !important;
}

html[data-theme="enterprise"] body.rackon-client .product-support-card .card-header h4 {
  font-family: "Jura", sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #2A4578 !important;
  margin: 0 !important;
}

html[data-theme="enterprise"] body.rackon-client .product-support-card .card-header h4 i {
  color: #B45309 !important;
}

html[data-theme="enterprise"] body.rackon-client .support-item {
  height: 100%;
  background: linear-gradient(180deg, #FFFFFF, #FAFBFF) !important;
  border: 1.5px solid rgba(42, 69, 120, 0.1) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px)) !important;
  padding: 1.25rem 1.1rem 1.15rem !important;
  text-align: left !important;
  box-shadow: 0 10px 24px rgba(42, 69, 120, 0.05) !important;
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s ease, border-color 0.28s ease !important;
  position: relative;
  overflow: hidden;
}

html[data-theme="enterprise"] body.rackon-client .support-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(232, 185, 49, 0.1), transparent 55%);
  opacity: 0;
  transition: opacity 0.28s ease;
  pointer-events: none;
}

html[data-theme="enterprise"] body.rackon-client .support-item:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(232, 185, 49, 0.5) !important;
  box-shadow: 0 22px 44px rgba(42, 69, 120, 0.12) !important;
}

html[data-theme="enterprise"] body.rackon-client .support-item:hover::before {
  opacity: 1;
}

html[data-theme="enterprise"] body.rackon-client .support-item .support-icon {
  width: 2.75rem !important;
  height: 2.75rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(145deg, #EEF2FF, #FFFBEB) !important;
  border: 1.5px solid rgba(42, 69, 120, 0.1) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 7px 100%, 0 calc(100% - 7px)) !important;
  margin-bottom: 0.85rem !important;
  transition: transform 0.28s ease;
  position: relative;
  z-index: 1;
}

html[data-theme="enterprise"] body.rackon-client .support-item:hover .support-icon {
  transform: scale(1.08) rotate(-4deg);
}

html[data-theme="enterprise"] body.rackon-client .support-item .support-icon i {
  color: #2A4578 !important;
  font-size: 1.1rem !important;
  background: none !important;
}

html[data-theme="enterprise"] body.rackon-client .support-item h5 {
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.92rem !important;
  color: #2A4578 !important;
  margin: 0 0 0.45rem !important;
  position: relative;
  z-index: 1;
}

html[data-theme="enterprise"] body.rackon-client .support-item p {
  font-size: 0.8rem !important;
  line-height: 1.45 !important;
  color: #64748B !important;
  margin: 0 0 0.95rem !important;
  position: relative;
  z-index: 1;
}

html[data-theme="enterprise"] body.rackon-client .support-item .btn {
  background: linear-gradient(180deg, #3A5A9A, #2A4578) !important;
  border: 1px solid rgba(232, 185, 49, 0.45) !important;
  color: #fff !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)) !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  font-size: 0.68rem !important;
  padding: 0.45rem 0.9rem !important;
  position: relative;
  z-index: 1;
  transition: transform 0.2s ease, filter 0.2s ease !important;
}

html[data-theme="enterprise"] body.rackon-client .support-item .btn:hover {
  color: #fff !important;
  filter: brightness(1.06);
  transform: translateY(-1px);
}

/* Panel tabs PD */
html[data-theme="enterprise"] body.rackon-client .cw-panel-priority--nova,
html[data-theme="enterprise"] body.rackon-client .cap-pd-panel-card {
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)) !important;
  box-shadow: 0 14px 36px rgba(42, 69, 120, 0.07) !important;
  overflow: hidden;
}

html[data-theme="enterprise"] body.rackon-client .cw-panel-priority--nova .nav-link.active {
  background: #FFFBEB !important;
  color: #2A4578 !important;
  border: 1.5px solid rgba(232, 185, 49, 0.45) !important;
  box-shadow: 0 0 0 2px rgba(232, 185, 49, 0.12) !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)) !important;
  font-weight: 800 !important;
}

@media (max-width: 767px) {
  html[data-theme="enterprise"] body.rackon-client .support-item {
    margin-bottom: 0.75rem;
  }
  html[data-theme="enterprise"] body.rackon-client .sfooter .footer-last {
    justify-content: center !important;
    text-align: center !important;
  }
  html[data-theme="enterprise"] body.rackon-client .footer-copyright {
    text-align: center !important;
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="enterprise"] body.rackon-client .support-item,
  html[data-theme="enterprise"] body.rackon-client .cap-pd-chip {
    transition: none !important;
  }
}

/* ==========================================================================
   DASHBOARD TECH p4 ? tiles / atalhos / hero / painel de servi?o
   ========================================================================== */

/* ?? Page ambient ?? */
html[data-theme="enterprise"] body.rackon-client .cap-home-page {
  position: relative;
  isolation: isolate;
}

html[data-theme="enterprise"] body.rackon-client .cap-home-page::before {
  content: "";
  position: absolute;
  inset: -1rem -0.5rem auto;
  height: 22rem;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 70% 55% at 12% 20%, rgba(232, 185, 49, 0.14), transparent 60%),
    radial-gradient(ellipse 55% 45% at 88% 10%, rgba(47, 58, 143, 0.12), transparent 55%),
    radial-gradient(ellipse 40% 40% at 50% 0%, rgba(200, 16, 46, 0.06), transparent 50%);
  animation: cw-dash-ambient 8s ease-in-out infinite alternate;
}

@keyframes cw-dash-ambient {
  from { opacity: 0.75; transform: translateY(0); }
  to { opacity: 1; transform: translateY(8px); }
}

/* ?? Hero tech ?? */
html[data-theme="enterprise"] body.rackon-client .cap-home-hero {
  position: relative !important;
  overflow: hidden !important;
  border: 1.5px solid rgba(42, 69, 120, 0.14) !important;
  box-shadow: 0 20px 48px rgba(42, 69, 120, 0.1) !important;
  background:
    linear-gradient(135deg, #FFFFFF 0%, #FAFBFF 45%, #FFFBEB 100%) !important;
}

html[data-theme="enterprise"] body.rackon-client .cap-home-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.45;
  background-image:
    linear-gradient(rgba(42, 69, 120, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(42, 69, 120, 0.04) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.55), transparent 75%);
  animation: cw-grid-drift 18s linear infinite;
}

html[data-theme="enterprise"] body.rackon-client .cap-home-hero__deco {
  position: absolute !important;
  right: -8%;
  top: -40%;
  width: 55%;
  height: 180%;
  pointer-events: none;
  background:
    radial-gradient(circle at 40% 50%, rgba(232, 185, 49, 0.18), transparent 55%),
    radial-gradient(circle at 70% 30%, rgba(47, 58, 143, 0.14), transparent 50%);
  animation: cw-hero-orb 6s ease-in-out infinite alternate;
}

@keyframes cw-hero-orb {
  from { transform: translate(0, 0) scale(1); opacity: 0.7; }
  to { transform: translate(-12px, 10px) scale(1.06); opacity: 1; }
}

@keyframes cw-grid-drift {
  from { background-position: 0 0, 0 0; }
  to { background-position: 28px 28px, 28px 28px; }
}

html[data-theme="enterprise"] body.rackon-client .cap-home-hero__title,
html[data-theme="enterprise"] body.rackon-client .cap-home-hero__kicker,
html[data-theme="enterprise"] body.rackon-client .cap-home-section__title,
html[data-theme="enterprise"] body.rackon-client .cap-home-card__title {
  font-family: "Jura", sans-serif !important;
}

html[data-theme="enterprise"] body.rackon-client .cap-home-section__title {
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #2A4578 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

html[data-theme="enterprise"] body.rackon-client .cap-home-section__title i {
  color: #B45309 !important;
}

/* ?? Stats tiles: contorno tech + bg animado ?? */
html[data-theme="enterprise"] body.rackon-client .tile.cap-home-tile,
html[data-theme="enterprise"] body.rackon-client .cap-home-tile {
  isolation: isolate;
  background:
    linear-gradient(165deg, #FFFFFF 0%, #F8FAFC 55%, #FFFBEB 140%) !important;
  border: 2px solid rgba(42, 69, 120, 0.14) !important;
  box-shadow:
    0 16px 40px rgba(42, 69, 120, 0.08),
    inset 0 0 0 1px rgba(255, 255, 255, 0.7) !important;
}

/* grid animado */
html[data-theme="enterprise"] body.rackon-client .tile.cap-home-tile::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 0.55 !important;
  background-image:
    linear-gradient(rgba(42, 69, 120, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(42, 69, 120, 0.045) 1px, transparent 1px),
    radial-gradient(circle at 80% 20%, rgba(232, 185, 49, 0.16), transparent 45%) !important;
  background-size: 18px 18px, 18px 18px, 100% 100% !important;
  animation: cw-tile-grid 14s linear infinite !important;
}

@keyframes cw-tile-grid {
  from { background-position: 0 0, 0 0, 0 0; }
  to { background-position: 18px 18px, 18px 18px, 0 0; }
}

/* scan line */
html[data-theme="enterprise"] body.rackon-client .tile.cap-home-tile .stats::before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: -40%;
  height: 40%;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(232, 185, 49, 0.12), transparent);
  animation: cw-tile-scan 3.8s ease-in-out infinite;
  z-index: 1;
}

@keyframes cw-tile-scan {
  0% { top: -45%; opacity: 0; }
  20% { opacity: 1; }
  100% { top: 110%; opacity: 0; }
}

html[data-theme="enterprise"] body.rackon-client .tile.cap-home-tile .stats {
  position: relative;
  z-index: 2;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem;
  min-height: 7.5rem;
  text-decoration: none !important;
}

/* cantos tech (L-brackets) */
html[data-theme="enterprise"] body.rackon-client .tile.cap-home-tile .stats::after {
  content: "";
  position: absolute;
  inset: 8px;
  pointer-events: none;
  border: 1px solid transparent;
  border-image: linear-gradient(135deg, rgba(232, 185, 49, 0.55), transparent 40%, transparent 60%, rgba(42, 69, 120, 0.2)) 1;
  opacity: 0.7;
  transition: opacity 0.3s ease, inset 0.3s ease;
  z-index: 0;
  box-shadow:
    inset 10px 10px 0 -9px rgba(232, 185, 49, 0.55),
    inset -10px -10px 0 -9px rgba(42, 69, 120, 0.2);
}

html[data-theme="enterprise"] body.rackon-client .tile.cap-home-tile:hover {
  border-color: rgba(232, 185, 49, 0.65) !important;
  box-shadow:
    0 0 0 1px rgba(232, 185, 49, 0.35),
    0 28px 56px rgba(42, 69, 120, 0.14),
    0 0 40px rgba(232, 185, 49, 0.12) !important;
}

html[data-theme="enterprise"] body.rackon-client .tile.cap-home-tile:hover .stats::after {
  opacity: 1;
}

html[data-theme="enterprise"] body.rackon-client .tile.cap-home-tile .icon {
  position: relative;
  z-index: 2;
}

html[data-theme="enterprise"] body.rackon-client .tile.cap-home-tile .stat,
html[data-theme="enterprise"] body.rackon-client .tile.cap-home-tile .title {
  position: relative;
  z-index: 2;
  font-family: "Jura", sans-serif !important;
}

html[data-theme="enterprise"] body.rackon-client .tile.cap-home-tile .stat {
  font-size: 2.15rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  background: linear-gradient(180deg, #2A4578 20%, #2F3A8F 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

html[data-theme="enterprise"] body.rackon-client .tile.cap-home-tile .stat > i,
html[data-theme="enterprise"] body.rackon-client .tile.cap-home-tile .stat .fas,
html[data-theme="enterprise"] body.rackon-client .tile.cap-home-tile .stat .far {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: #2A4578 !important;
  -webkit-text-fill-color: #2A4578 !important;
}

html[data-theme="enterprise"] body.rackon-client .tile.cap-home-tile .stat.text-danger,
html[data-theme="enterprise"] body.rackon-client .tile.cap-home-tile .stat.text-danger * {
  background: none !important;
  color: #C8102E !important;
  -webkit-text-fill-color: #C8102E !important;
}

html[data-theme="enterprise"] body.rackon-client .tile.cap-home-tile .title {
  font-size: 0.7rem !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #64748B !important;
  -webkit-text-fill-color: #64748B !important;
  font-weight: 700 !important;
}

/* stagger entrance */
html[data-theme="enterprise"] body.rackon-client .cap-home-tiles-swiper .swiper-slide .cap-home-tile {
  animation: cw-tile-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}
html[data-theme="enterprise"] body.rackon-client .cap-home-tiles-swiper .swiper-slide:nth-child(1) .cap-home-tile { animation-delay: 0.04s; }
html[data-theme="enterprise"] body.rackon-client .cap-home-tiles-swiper .swiper-slide:nth-child(2) .cap-home-tile { animation-delay: 0.1s; }
html[data-theme="enterprise"] body.rackon-client .cap-home-tiles-swiper .swiper-slide:nth-child(3) .cap-home-tile { animation-delay: 0.16s; }
html[data-theme="enterprise"] body.rackon-client .cap-home-tiles-swiper .swiper-slide:nth-child(4) .cap-home-tile { animation-delay: 0.22s; }

@keyframes cw-tile-in {
  from { opacity: 0; transform: translateY(14px) scale(0.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

/* ?? Quick shortcuts tech ?? */
html[data-theme="enterprise"] body.rackon-client .cap-home-shortcut {
  background:
    linear-gradient(160deg, #FFFFFF, #F8FAFC 60%, #EEF2FF) !important;
  border: 2px solid rgba(42, 69, 120, 0.12) !important;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px)) !important;
  box-shadow: 0 14px 32px rgba(42, 69, 120, 0.07) !important;
  min-height: 6.25rem !important;
  font-family: "Jura", sans-serif !important;
}

html[data-theme="enterprise"] body.rackon-client .cap-home-shortcut::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(42, 69, 120, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(42, 69, 120, 0.035) 1px, transparent 1px);
  background-size: 16px 16px;
  opacity: 0.7;
  animation: cw-tile-grid 16s linear infinite;
}

html[data-theme="enterprise"] body.rackon-client .cap-home-shortcut span {
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  font-size: 0.72rem !important;
  color: #2A4578 !important;
  position: relative;
  z-index: 1;
}

html[data-theme="enterprise"] body.rackon-client .cap-home-shortcut:hover {
  border-color: rgba(232, 185, 49, 0.6) !important;
  box-shadow:
    0 0 0 1px rgba(232, 185, 49, 0.25),
    0 22px 44px rgba(42, 69, 120, 0.12) !important;
}

/* ?? Sidebar / cards home ?? */
html[data-theme="enterprise"] body.rackon-client .cap-home-card,
html[data-theme="enterprise"] body.rackon-client .sidebar .panel,
html[data-theme="enterprise"] body.rackon-client .panel-sidebar {
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  box-shadow: 0 14px 36px rgba(42, 69, 120, 0.07) !important;
  position: relative;
  overflow: hidden;
}

html[data-theme="enterprise"] body.rackon-client .cap-home-card::before,
html[data-theme="enterprise"] body.rackon-client .sidebar .panel::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 2px;
  background: linear-gradient(90deg, #C8102E, #E8B931, #2A4578);
  z-index: 2;
}

/* ==========================================================================
   PAINEL DE SERVI?O ? destaque tech (product details)
   ========================================================================== */

html[data-theme="enterprise"] body.rackon-client .cw-panel-aura-wrap {
  position: relative !important;
  padding: 1rem !important;
  margin: 0.5rem 0 1.25rem !important;
  background:
    radial-gradient(ellipse 80% 60% at 10% 0%, rgba(232, 185, 49, 0.18), transparent 55%),
    radial-gradient(ellipse 60% 50% at 95% 100%, rgba(47, 58, 143, 0.2), transparent 50%),
    linear-gradient(145deg, #2A4578 0%, #3A5A9A 45%, #243B6B 100%) !important;
  border: 1.5px solid rgba(232, 185, 49, 0.35) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px)) !important;
  box-shadow:
    0 28px 64px rgba(42, 69, 120, 0.28),
    inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
  overflow: hidden !important;
}

/* reativa luzes / grid animado (identity escondia) */
html[data-theme="enterprise"] body.rackon-client .cw-panel-aura-lights {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: 1 !important;
  background-image:
    linear-gradient(rgba(232, 185, 49, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(232, 185, 49, 0.07) 1px, transparent 1px) !important;
  background-size: 32px 32px !important;
  animation: cw-panel-grid 22s linear infinite !important;
  mask-image: radial-gradient(ellipse at 50% 30%, #000 20%, transparent 75%);
}

html[data-theme="enterprise"] body.rackon-client .cw-panel-aura-lights::before {
  content: "";
  position: absolute;
  inset: -20%;
  background:
    radial-gradient(circle at 20% 30%, rgba(232, 185, 49, 0.35), transparent 35%),
    radial-gradient(circle at 80% 70%, rgba(200, 16, 46, 0.18), transparent 40%);
  animation: cw-panel-orbs 7s ease-in-out infinite alternate;
}

html[data-theme="enterprise"] body.rackon-client .cw-panel-aura-lights::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  height: 35%;
  top: -40%;
  background: linear-gradient(180deg, transparent, rgba(246, 226, 122, 0.1), transparent);
  animation: cw-panel-scan 5.5s ease-in-out infinite;
}

@keyframes cw-panel-grid {
  from { background-position: 0 0, 0 0; }
  to { background-position: 32px 32px, 32px 32px; }
}

@keyframes cw-panel-orbs {
  from { transform: translate(0, 0) scale(1); }
  to { transform: translate(12px, -10px) scale(1.08); }
}

@keyframes cw-panel-scan {
  0% { top: -40%; opacity: 0; }
  15% { opacity: 1; }
  100% { top: 110%; opacity: 0; }
}

html[data-theme="enterprise"] body.rackon-client .cw-panel-aura-content {
  position: relative !important;
  z-index: 1 !important;
}

html[data-theme="enterprise"] body.rackon-client .cw-panel-aura-wrap .cw-panel-priority--nova,
html[data-theme="enterprise"] body.rackon-client .cw-panel-aura-wrap .cap-pd-panel-card {
  background: rgba(255, 255, 255, 0.97) !important;
  border: 1.5px solid rgba(232, 185, 49, 0.28) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18) !important;
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)) !important;
}

html[data-theme="enterprise"] body.rackon-client .cw-panel-aura-wrap .card-header {
  background: linear-gradient(180deg, #FAFBFF, #F4F6FB) !important;
  border-bottom: 1px solid rgba(42, 69, 120, 0.08) !important;
}

html[data-theme="enterprise"] body.rackon-client .cw-panel-aura-wrap .nav-link {
  font-family: "Jura", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 0.7rem !important;
  color: #475569 !important;
}

/* Module / iframe ? moldura só no container (NÃO no #vmbIframe).
   grid-column: full width mesmo se HTML antigo deixar o bloco dentro do list-info grid */
html[data-theme="enterprise"] body.rackon-client .module-client-area,
html[data-theme="enterprise"] body.rackon-client .cw-panel-aura-wrap .module-client-area,
html[data-theme="enterprise"] body.rackon-client .list-info .module-client-area,
html[data-theme="enterprise"] body.rackon-client .cw-module-frame {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  grid-column: 1 / -1 !important;
  clear: both !important;
  text-align: left !important;
  margin-top: 0.75rem !important;
  padding: 1rem 1rem 1.25rem !important;
  box-sizing: border-box !important;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(232, 185, 49, 0.12), transparent 55%),
    linear-gradient(165deg, #FFFFFF 0%, #FAFBFF 55%, #FFFBEB 120%) !important;
  border: 1.5px solid rgba(232, 185, 49, 0.4) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px)) !important;
  box-shadow:
    0 16px 40px rgba(42, 69, 120, 0.1),
    inset 0 0 0 1px rgba(255, 255, 255, 0.7) !important;
  overflow: visible !important;
}

html[data-theme="enterprise"] body.rackon-client .module-client-area::before {
  content: "CONSOLE - SERVICO";
  display: block;
  font-family: "Jura", sans-serif !important;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  color: #B45309;
  text-align: left;
  margin-bottom: 0.75rem;
  padding-bottom: 0.55rem;
  border-bottom: 1px solid rgba(232, 185, 49, 0.28);
  position: relative;
  z-index: 2;
}

html[data-theme="enterprise"] body.rackon-client .module-client-area::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(42, 69, 120, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(42, 69, 120, 0.045) 1px, transparent 1px);
  background-size: 22px 22px;
  animation: cw-panel-grid 20s linear infinite;
  opacity: 0.85;
  z-index: 0;
}

html[data-theme="enterprise"] body.rackon-client .module-client-area .cw-whmcs-bar,
html[data-theme="enterprise"] body.rackon-client .module-client-area iframe,
html[data-theme="enterprise"] body.rackon-client .module-client-area > * {
  position: relative;
  z-index: 1;
}

html[data-theme="enterprise"] body.rackon-client .module-client-area .cw-whmcs-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.5rem !important;
  width: 100% !important;
  margin-bottom: 0.75rem !important;
}

/* Iframe do modulo ? largura total (nunca default 300px) */
html[data-theme="enterprise"] body.rackon-client .module-client-area iframe,
html[data-theme="enterprise"] body.rackon-client #vmbIframe,
html[data-theme="enterprise"] body.rackon-client iframe#vmbIframe {
  display: block !important;
  float: none !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: 720px !important;
  height: 720px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  clip-path: none !important;
  box-sizing: border-box !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="enterprise"] body.rackon-client .cap-pd-page {
  font-family: "Jura", sans-serif !important;
}

html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__title,
html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__kicker,
html[data-theme="enterprise"] body.rackon-client .list-info .list-heading,
html[data-theme="enterprise"] body.rackon-client .list-info .list-text {
  font-family: "Jura", sans-serif !important;
}

@media (max-width: 767px) {
  html[data-theme="enterprise"] body.rackon-client .cw-panel-aura-wrap {
    padding: 0.65rem !important;
  }
  html[data-theme="enterprise"] body.rackon-client .module-client-area {
    padding: 0.75rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="enterprise"] body.rackon-client .cap-home-page::before,
  html[data-theme="enterprise"] body.rackon-client .cap-home-hero::after,
  html[data-theme="enterprise"] body.rackon-client .cap-home-hero__deco,
  html[data-theme="enterprise"] body.rackon-client .tile.cap-home-tile::before,
  html[data-theme="enterprise"] body.rackon-client .tile.cap-home-tile .stats::before,
  html[data-theme="enterprise"] body.rackon-client .cap-home-shortcut::after,
  html[data-theme="enterprise"] body.rackon-client .cw-panel-aura-lights,
  html[data-theme="enterprise"] body.rackon-client .cw-panel-aura-lights::before,
  html[data-theme="enterprise"] body.rackon-client .cw-panel-aura-lights::after,
  html[data-theme="enterprise"] body.rackon-client .module-client-area::after,
  html[data-theme="enterprise"] body.rackon-client .cap-home-tiles-swiper .swiper-slide .cap-home-tile {
    animation: none !important;
  }
}

/* ==========================================================================
   GOLD PASS p5 ? azuis ? dourado + cards vibe dashboard + meta + tips
   ========================================================================== */

/* Links / ?cones azuis ? gold */
html[data-theme="enterprise"] body.rackon-client a:not(.btn):not(.nav-link):not(.dropdown-item),
html[data-theme="enterprise"] body.rackon-client .text-primary,
html[data-theme="enterprise"] body.rackon-client .cap-card__link,
html[data-theme="enterprise"] body.rackon-client .list-group-item a {
  color: #2A4578 !important;
}
html[data-theme="enterprise"] body.rackon-client a:not(.btn):hover {
  color: #B45309 !important;
}

html[data-theme="enterprise"] body.rackon-client .pagination > .active > a,
html[data-theme="enterprise"] body.rackon-client .pagination > .active > span,
html[data-theme="enterprise"] body.rackon-client .page-item.active .page-link,
html[data-theme="enterprise"] body.rackon-client .dataTables_paginate .paginate_button.current,
html[data-theme="enterprise"] body.rackon-client .pagination .page-item.active .page-link {
  background: linear-gradient(180deg, #3A5A9A, #2A4578) !important;
  border-color: rgba(232, 185, 49, 0.55) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 700 !important;
  border-radius: 0 !important;
  clip-path: none !important;
  min-width: 2.25rem;
  text-align: center;
}

html[data-theme="enterprise"] body.rackon-client .pagination > li > a,
html[data-theme="enterprise"] body.rackon-client .page-link {
  color: #2A4578 !important;
  border-color: rgba(42, 69, 120, 0.16) !important;
  font-family: "Jura", sans-serif !important;
  background: #fff !important;
}

/* Tips card */
html[data-theme="enterprise"] body.rackon-client .cap-tips-card,
html[data-theme="enterprise"] body.rackon-client .service-tips .card {
  background: linear-gradient(165deg, #FFFFFF, #FAFBFF 60%, #FFFBEB) !important;
  border: 2px solid rgba(42, 69, 120, 0.12) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)) !important;
  box-shadow: 0 16px 40px rgba(42, 69, 120, 0.08) !important;
  overflow: hidden;
  position: relative;
}

html[data-theme="enterprise"] body.rackon-client .cap-tips-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.45;
  background-image:
    linear-gradient(rgba(42, 69, 120, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(42, 69, 120, 0.035) 1px, transparent 1px);
  background-size: 18px 18px;
  animation: cw-tile-grid 16s linear infinite;
}

html[data-theme="enterprise"] body.rackon-client .cap-tips-card__head,
html[data-theme="enterprise"] body.rackon-client .service-tips .card-header {
  position: relative;
  z-index: 1;
  background: linear-gradient(180deg, #FAFBFF, #F4F6FB) !important;
  border-bottom: 1px solid rgba(42, 69, 120, 0.08) !important;
  border-left: 3px solid #E8B931 !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-size: 0.78rem !important;
  color: #2A4578 !important;
}

html[data-theme="enterprise"] body.rackon-client .cap-tips-card__head i,
html[data-theme="enterprise"] body.rackon-client .service-tips .card-header i {
  color: #B45309 !important;
}

html[data-theme="enterprise"] body.rackon-client .cap-tips .tip-item,
html[data-theme="enterprise"] body.rackon-client .service-tips .tip-item {
  position: relative;
  z-index: 1;
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.1) !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)) !important;
  padding: 1rem !important;
  height: 100%;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

html[data-theme="enterprise"] body.rackon-client .cap-tips .tip-item:hover {
  transform: translateY(-3px);
  border-color: rgba(232, 185, 49, 0.5) !important;
  box-shadow: 0 14px 28px rgba(42, 69, 120, 0.1) !important;
}

html[data-theme="enterprise"] body.rackon-client .cap-tips .tip-icon,
html[data-theme="enterprise"] body.rackon-client .service-tips .tip-icon {
  background: linear-gradient(145deg, #FFFBEB, #EEF2FF) !important;
  border: 1.5px solid rgba(232, 185, 49, 0.35) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px)) !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 0.65rem !important;
}

html[data-theme="enterprise"] body.rackon-client .cap-tips .tip-icon i,
html[data-theme="enterprise"] body.rackon-client .service-tips .tip-icon i {
  color: #B45309 !important;
  background: none !important;
}

html[data-theme="enterprise"] body.rackon-client .cap-tips .tip-content h5,
html[data-theme="enterprise"] body.rackon-client .service-tips h5 {
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  color: #2A4578 !important;
  font-size: 0.88rem !important;
}

html[data-theme="enterprise"] body.rackon-client .cap-tips .tip-content p {
  color: #64748B !important;
  font-size: 0.8rem !important;
  margin: 0 !important;
}

/* Products list / table cards */
html[data-theme="enterprise"] body.rackon-client .cap-products--modern .card,
html[data-theme="enterprise"] body.rackon-client #tableServicesList_wrapper,
html[data-theme="enterprise"] body.rackon-client .table-container,
html[data-theme="enterprise"] body.rackon-client .dataTables_wrapper {
  font-family: "Jura", sans-serif !important;
}

html[data-theme="enterprise"] body.rackon-client .cap-service-row,
html[data-theme="enterprise"] body.rackon-client .cap-card,
html[data-theme="enterprise"] body.rackon-client .list-group .list-group-item,
html[data-theme="enterprise"] body.rackon-client #tableServicesList tbody tr {
  background: linear-gradient(165deg, #FFFFFF, #FAFBFF) !important;
  border-color: rgba(42, 69, 120, 0.1) !important;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}

html[data-theme="enterprise"] body.rackon-client #tableServicesList tbody tr:hover {
  background: #FFFBEB !important;
  box-shadow: inset 3px 0 0 #E8B931;
}

html[data-theme="enterprise"] body.rackon-client .cap-service-icon,
html[data-theme="enterprise"] body.rackon-client .product-icon,
html[data-theme="enterprise"] body.rackon-client .cap-card__icon,
html[data-theme="enterprise"] body.rackon-client .list-group-item .fa-server,
html[data-theme="enterprise"] body.rackon-client td .fa-server {
  background: linear-gradient(145deg, #FFFBEB, #EEF2FF) !important;
  color: #B45309 !important;
  border: 1px solid rgba(232, 185, 49, 0.35) !important;
}

html[data-theme="enterprise"] body.rackon-client .cap-service-domain,
html[data-theme="enterprise"] body.rackon-client .cap-card__meta a,
html[data-theme="enterprise"] body.rackon-client #tableServicesList .text-primary,
html[data-theme="enterprise"] body.rackon-client #tableServicesList a {
  color: #B45309 !important;
}

/* Meta bar pequeninha ? alinhamento + gold */
html[data-theme="enterprise"] body.rackon-client .cw-product-meta-bar--nova {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.65rem !important;
  background:
    linear-gradient(165deg, #FFFFFF 0%, #FAFBFF 55%, #FFFBEB 120%) !important;
  border: 2px solid rgba(42, 69, 120, 0.12) !important;
  box-shadow: 0 14px 32px rgba(42, 69, 120, 0.07) !important;
  position: relative;
  overflow: hidden;
}

html[data-theme="enterprise"] body.rackon-client .cw-product-meta-bar--nova::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.4;
  background-image:
    linear-gradient(rgba(42, 69, 120, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(42, 69, 120, 0.035) 1px, transparent 1px);
  background-size: 16px 16px;
  animation: cw-tile-grid 18s linear infinite;
}

html[data-theme="enterprise"] body.rackon-client .cw-product-meta-row {
  position: relative;
  z-index: 1;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.65rem !important;
  width: 100%;
}

html[data-theme="enterprise"] body.rackon-client .cw-product-meta-row > .d-flex {
  gap: 0.45rem !important;
  align-items: center !important;
}

html[data-theme="enterprise"] body.rackon-client .cw-product-meta-bar--nova .status-sticker,
html[data-theme="enterprise"] body.rackon-client .cw-product-meta-bar--nova .cw-meta-domain,
html[data-theme="enterprise"] body.rackon-client .cw-quick-links-inline .btn {
  position: relative;
  z-index: 1;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  min-height: 2rem !important;
  padding: 0.35rem 0.75rem !important;
  margin: 0 !important;
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 7px 100%, 0 calc(100% - 7px)) !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.04em !important;
  color: #2A4578 !important;
  line-height: 1.2 !important;
  box-shadow: 0 4px 12px rgba(42, 69, 120, 0.04) !important;
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease !important;
}

html[data-theme="enterprise"] body.rackon-client .cw-product-meta-bar--nova .status-sticker {
  background: #ECFDF5 !important;
  border-color: rgba(5, 150, 105, 0.3) !important;
  color: #047857 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

html[data-theme="enterprise"] body.rackon-client .cw-quick-links-inline {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 0.4rem !important;
  align-items: center !important;
}

html[data-theme="enterprise"] body.rackon-client .cw-quick-links-inline .btn:hover {
  background: #FFFBEB !important;
  border-color: rgba(232, 185, 49, 0.55) !important;
  color: #2A4578 !important;
  transform: translateY(-1px);
}

html[data-theme="enterprise"] body.rackon-client .cw-quick-links-inline .btn i {
  color: #B45309 !important;
}

html[data-theme="enterprise"] body.rackon-client .cw-meta-details {
  position: relative;
  z-index: 1;
  width: 100%;
  border-top: 1px dashed rgba(42, 69, 120, 0.12) !important;
  padding-top: 0.55rem !important;
  margin-top: 0 !important;
}

html[data-theme="enterprise"] body.rackon-client .cw-meta-details-summary {
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #2A4578 !important;
  cursor: pointer;
  list-style: none;
  display: flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
}

html[data-theme="enterprise"] body.rackon-client .cw-meta-details-summary::-webkit-details-marker {
  display: none;
}

html[data-theme="enterprise"] body.rackon-client .cw-meta-details-summary i {
  color: #B45309 !important;
}

/* PD chips ? gold accents */
html[data-theme="enterprise"] body.rackon-client .cap-pd-chip i {
  color: #B45309 !important;
}

html[data-theme="enterprise"] body.rackon-client .cap-home-hero__kicker,
html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__kicker {
  color: #B45309 !important;
}

/* Cards gen?ricos ? vibe dashboard */
html[data-theme="enterprise"] body.rackon-client .card:not(.cros-navbar):not(.dropdown-menu),
html[data-theme="enterprise"] body.rackon-client .panel:not(.panel-sidebar) {
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

html[data-theme="enterprise"] body.rackon-client .main-content .card:hover,
html[data-theme="enterprise"] body.rackon-client .primary-content .card:hover {
  border-color: rgba(232, 185, 49, 0.4) !important;
}

html[data-theme="enterprise"] body.rackon-client .btn-outline-primary {
  color: #2A4578 !important;
  border-color: rgba(42, 69, 120, 0.18) !important;
  background: #fff !important;
}
html[data-theme="enterprise"] body.rackon-client .btn-outline-primary:hover {
  background: #FFFBEB !important;
  border-color: rgba(232, 185, 49, 0.55) !important;
  color: #2A4578 !important;
}

/* ==========================================================================
   SITE BACKGROUND ? hero cloudwin.com.br (grid + c?digos) em todas as p?ginas
   ========================================================================== */

html[data-theme="enterprise"] body.rackon-client {
  position: relative;
  isolation: isolate;
}

#cw-site-bg {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

/* conte?do acima do fundo ? sem for?ar position em header/nav fixed */
html[data-theme="enterprise"] body.rackon-client #main-body,
html[data-theme="enterprise"] body.rackon-client .primary-content,
html[data-theme="enterprise"] body.rackon-client .main-content,
html[data-theme="enterprise"] body.rackon-client .cap-home-page,
html[data-theme="enterprise"] body.rackon-client .cap-pd-page,
html[data-theme="enterprise"] body.rackon-client #order-standard_cart {
  position: relative;
  z-index: 1;
}

.cw-site-bg__grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(42, 69, 120, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(42, 69, 120, 0.045) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(ellipse at 35% 30%, #000 0%, transparent 75%);
  -webkit-mask-image: radial-gradient(ellipse at 35% 30%, #000 0%, transparent 75%);
  opacity: 0.9;
  animation: cw-site-grid-drift 28s linear infinite;
}

@keyframes cw-site-grid-drift {
  from { background-position: 0 0, 0 0; }
  to { background-position: 48px 48px, 48px 48px; }
}

.cw-site-bg__aurora {
  position: absolute;
  width: min(520px, 70vw);
  height: min(520px, 70vw);
  border-radius: 50%;
  filter: blur(40px);
  opacity: 0.45;
  animation: cw-site-aurora 10s ease-in-out infinite alternate;
}
.cw-site-bg__aurora--a {
  top: -8%;
  right: -6%;
  background: rgba(47, 58, 143, 0.28);
}
.cw-site-bg__aurora--b {
  bottom: -12%;
  left: -8%;
  background: rgba(232, 185, 49, 0.22);
  animation-delay: -3s;
}

@keyframes cw-site-aurora {
  from { transform: translate(0, 0) scale(1); }
  to { transform: translate(12px, -10px) scale(1.06); }
}

.cw-site-bg__shape {
  position: absolute;
  right: -6%;
  top: 0;
  width: min(42vw, 520px);
  height: 70vh;
  background: linear-gradient(165deg, rgba(246, 226, 122, 0.35) 0%, rgba(232, 185, 49, 0.28) 48%, rgba(201, 146, 18, 0.18) 100%);
  clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%);
  opacity: 0.55;
  overflow: hidden;
}
.cw-site-bg__shape::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(42, 69, 120, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(42, 69, 120, 0.07) 1px, transparent 1px);
  background-size: 36px 36px;
  opacity: 0.6;
}

.cw-site-bg__scan {
  position: absolute;
  left: -10%;
  width: 120%;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(42, 69, 120, 0.28), transparent);
  box-shadow: 0 0 18px rgba(42, 69, 120, 0.12);
  animation: cw-site-scan 7s ease-in-out infinite;
  opacity: 0.4;
}

@keyframes cw-site-scan {
  0% { top: 6%; opacity: 0; }
  12% { opacity: 0.45; }
  88% { opacity: 0.35; }
  100% { top: 92%; opacity: 0; }
}

.cw-site-bg__bits {
  position: absolute;
  left: 2.5%;
  top: 18%;
  width: min(30vw, 300px);
  margin: 0;
  font-family: "Jura", ui-monospace, monospace !important;
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  color: rgba(47, 58, 143, 0.26);
  line-height: 1.7;
  white-space: pre-wrap;
  background: none !important;
  border: 0 !important;
  animation: cw-site-bits 20s linear infinite;
}

.cw-site-bg__code {
  position: absolute;
  right: 3%;
  bottom: 12%;
  width: min(34vw, 260px);
  margin: 0;
  font-family: "Jura", ui-monospace, monospace !important;
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: rgba(42, 69, 120, 0.32);
  line-height: 1.55;
  text-align: right;
  white-space: pre-wrap;
  background: none !important;
  border: 0 !important;
  animation: cw-site-code 7s ease-in-out infinite;
}

@keyframes cw-site-bits {
  from { transform: translateY(0); }
  to { transform: translateY(-32px); }
}

@keyframes cw-site-code {
  0%, 100% { opacity: 0.28; }
  50% { opacity: 0.55; }
}

/* ?reas de conte?do transparentes para o fundo aparecer */
html[data-theme="enterprise"] body.rackon-client #main-body,
html[data-theme="enterprise"] body.rackon-client .primary-content,
html[data-theme="enterprise"] body.rackon-client .main-content,
html[data-theme="enterprise"] body.rackon-client .container,
html[data-theme="enterprise"] body.rackon-client .cap-home-page,
html[data-theme="enterprise"] body.rackon-client .cap-pd-page,
html[data-theme="enterprise"] body.rackon-client #order-standard_cart.modern-cart {
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 991px) {
  .cw-site-bg__bits { display: none; }
  .cw-site-bg__shape {
    width: 120%;
    right: -25%;
    top: auto;
    bottom: -8%;
    height: 38vh;
    clip-path: none;
    border-radius: 40% 60% 0 0;
    opacity: 0.35;
  }
  .cw-site-bg__code {
    font-size: 0.55rem;
    bottom: 6%;
    right: 4%;
    opacity: 0.35;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cw-site-bg__grid,
  .cw-site-bg__aurora,
  .cw-site-bg__scan,
  .cw-site-bg__bits,
  .cw-site-bg__code {
    animation: none !important;
  }
}

/* ==========================================================================
   HEADER + MOBILE ? Enterprise only ? sticky ? alinhado
   #mobile-header e #header NUNCA juntos (mesmo navbar-right).
   Breakpoint ?nico: 992px (lg), alinhado ao navbar-expand-lg.
   ========================================================================== */

/* some o switcher residual */
html[data-theme="enterprise"] .rk-theme-switcher,
html[data-theme="enterprise"] li.rk-theme-switcher,
html[data-theme="enterprise"] .cThemeSwitcher,
html[data-theme="enterprise"] .tswicther,
html[data-theme="enterprise"] li:has(.cThemeSwitcher) {
  display: none !important;
}

/* Dock header sticky */
html[data-theme="enterprise"] body.rackon-client #main-navbar,
html[data-theme="enterprise"] body.rackon-client .cros-navbar.navbar-fixed-top,
html[data-theme="enterprise"] body.rackon-client .cros-navbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 1040 !important;
}

html[data-theme="enterprise"] body.rackon-client .logo-section {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem;
}

/* ??? Desktop / tablet landscape: s? #header ??? */
@media (min-width: 992px) {
  html[data-theme="enterprise"] body.rackon-client #mobile-header,
  html[data-theme="enterprise"] body.rackon-client .navbar-header .top,
  html[data-theme="enterprise"] body.rackon-client .secondary-menu-mobile {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
  }

  html[data-theme="enterprise"] body.rackon-client .cros-navbar > .container {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  html[data-theme="enterprise"] body.rackon-client .navbar-header {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    flex: 0 0 auto !important;
    float: none !important;
  }

  html[data-theme="enterprise"] body.rackon-client #primary-nav.navbar-collapse {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    width: auto !important;
  }

  html[data-theme="enterprise"] body.rackon-client #primary-nav > .navbar-nav:not(#header) {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    float: none !important;
    margin: 0 !important;
  }

  html[data-theme="enterprise"] body.rackon-client #primary-nav > .navbar-nav:not(#header) > li {
    float: none !important;
    display: flex !important;
    align-items: center !important;
  }

  html[data-theme="enterprise"] body.rackon-client #header.nav.navbar-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0.35rem !important;
    margin: 0 0 0 auto !important;
    float: none !important;
    padding: 0 !important;
  }
}

/* ??? Mobile: s? #mobile-header ??? */
@media (max-width: 991.98px) {
  html[data-theme="enterprise"] body.rackon-client #header.nav.navbar-nav {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html[data-theme="enterprise"] body.rackon-client .navbar-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 0.5rem;
  }

  html[data-theme="enterprise"] body.rackon-client .navbar-header .top {
    display: flex !important;
    align-items: center !important;
  }

  html[data-theme="enterprise"] body.rackon-client #mobile-header.nav.secondary-menu-mobile {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0.25rem !important;
    margin: 0 !important;
  }
}

/* ?cones utilit?rios ? caixas iguais, sem clip cortando avatar */
html[data-theme="enterprise"] body.rackon-client #header > li,
html[data-theme="enterprise"] body.rackon-client #mobile-header > li {
  display: inline-flex !important;
  align-items: center !important;
  float: none !important;
  margin: 0 !important;
  position: relative;
  vertical-align: middle !important;
  height: 2.5rem !important;
}

html[data-theme="enterprise"] body.rackon-client #header > li > a,
html[data-theme="enterprise"] body.rackon-client #header > li > .nav-link,
html[data-theme="enterprise"] body.rackon-client #mobile-header > li > a,
html[data-theme="enterprise"] body.rackon-client #mobile-header > li > .nav-link,
html[data-theme="enterprise"] body.rackon-client #header .Secondary_Navbar-Account > a,
html[data-theme="enterprise"] body.rackon-client #mobile-header .Secondary_Navbar-Account > a,
html[data-theme="enterprise"] body.rackon-client #header .lang-btn > .btn,
html[data-theme="enterprise"] body.rackon-client #mobile-header .lang-btn > .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  min-width: 2.5rem !important;
  max-width: 2.5rem !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  overflow: visible !important;
  border-radius: 0 !important;
  clip-path: none !important;
  border: 1.5px solid rgba(42, 69, 120, 0.14) !important;
  background: #fff !important;
  color: var(--cw-navy, #2A4578) !important;
  box-shadow: 0 4px 12px rgba(42, 69, 120, 0.06) !important;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease !important;
}

/* Esconde texto do menu de conta ? s? ?cone */
html[data-theme="enterprise"] body.rackon-client #header > li > a > span:not(.badge),
html[data-theme="enterprise"] body.rackon-client #mobile-header > li > a > span:not(.badge),
html[data-theme="enterprise"] body.rackon-client #header .Secondary_Navbar-Account > a > span:not(.badge),
html[data-theme="enterprise"] body.rackon-client #mobile-header .Secondary_Navbar-Account > a > span:not(.badge) {
  display: none !important;
}

html[data-theme="enterprise"] body.rackon-client #header > li > a:hover,
html[data-theme="enterprise"] body.rackon-client #mobile-header > li > a:hover,
html[data-theme="enterprise"] body.rackon-client #header .Secondary_Navbar-Account > a:hover,
html[data-theme="enterprise"] body.rackon-client #mobile-header .Secondary_Navbar-Account > a:hover,
html[data-theme="enterprise"] body.rackon-client #header .lang-btn > .btn:hover,
html[data-theme="enterprise"] body.rackon-client #mobile-header .lang-btn > .btn:hover {
  background: #FFFBEB !important;
  border-color: rgba(232, 185, 49, 0.55) !important;
  transform: translateY(-1px);
  color: var(--cw-navy, #2A4578) !important;
}

html[data-theme="enterprise"] body.rackon-client #header > li > a i,
html[data-theme="enterprise"] body.rackon-client #mobile-header > li > a i,
html[data-theme="enterprise"] body.rackon-client #header .Secondary_Navbar-Account > a i,
html[data-theme="enterprise"] body.rackon-client #mobile-header .Secondary_Navbar-Account > a i {
  font-size: 1rem !important;
  line-height: 1 !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  color: var(--cw-navy, #2A4578) !important;
  border: 0 !important;
  background: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
}

/* Remove c?rculo/borda do avatar FA no header */
html[data-theme="enterprise"] body.rackon-client #header .user_icon,
html[data-theme="enterprise"] body.rackon-client #mobile-header .user_icon,
html[data-theme="enterprise"] body.rackon-client #header .Secondary_Navbar-Account .nav-link img,
html[data-theme="enterprise"] body.rackon-client #mobile-header .Secondary_Navbar-Account .nav-link img,
html[data-theme="enterprise"] body.rackon-client #header .Secondary_Navbar-Account [class*="fa-"],
html[data-theme="enterprise"] body.rackon-client #mobile-header .Secondary_Navbar-Account [class*="fa-"] {
  width: 1.1rem !important;
  height: 1.1rem !important;
  max-width: 1.1rem !important;
  max-height: 1.1rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  background: none !important;
  object-fit: contain !important;
  clip-path: none !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}

html[data-theme="enterprise"] body.rackon-client #header .badge,
html[data-theme="enterprise"] body.rackon-client #mobile-header .badge {
  position: absolute;
  top: -3px;
  right: -3px;
  background: #C8102E !important;
  border: 0 !important;
  font-size: 0.58rem !important;
  min-width: 1rem;
  padding: 0.15rem 0.3rem !important;
  z-index: 2;
}

/* Sidebar ATALHOS ? esconde Sair (j? tem no header) */
html[data-theme="enterprise"] body.rackon-client .panel-sidebar[menuitemname="Client Shortcuts"] a[href*="logout"],
html[data-theme="enterprise"] body.rackon-client .card-sidebar[menuitemname="Client Shortcuts"] a[href*="logout"],
html[data-theme="enterprise"] body.rackon-client .panel-sidebar a[menuitemname="Logout"],
html[data-theme="enterprise"] body.rackon-client .sidebar .list-group-item[href*="logout.php"] {
  display: none !important;
}

/* Dashboard slim extras */
html[data-theme="enterprise"] body.rackon-client .cap-home-hero {
  margin-bottom: 1rem !important;
  padding: 0.85rem 1.1rem !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-home-hero__title {
  font-size: 1.35rem !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-home-hero__desc {
  display: block !important;
  color: #64748B !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  margin: 0.15rem 0 0 !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-home-shortcuts .cap-home-shortcut {
  min-height: 4.25rem !important;
  padding: 0.75rem 0.65rem !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-home-search,
html[data-theme="enterprise"] body.rackon-client .cap-home-status {
  display: none !important;
}

/* ========== MOBILE SIDE MENU ========== */
html[data-theme="enterprise"] body.rackon-client #navbar-side,
html[data-theme="enterprise"] body.rackon-client .navbar-side {
  background: linear-gradient(180deg, #FFFFFF 0%, #FAFBFF 60%, #FFFBEB 100%) !important;
  border-right: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  box-shadow: 12px 0 40px rgba(42, 69, 120, 0.12) !important;
  z-index: 1050 !important;
}

html[data-theme="enterprise"] body.rackon-client #navbar-side::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 3px;
  background: linear-gradient(90deg, #C8102E, #E8B931, #2A4578);
  z-index: 2;
}

html[data-theme="enterprise"] body.rackon-client #navbar-side .sidebar-scroll {
  background: transparent !important;
  padding-top: 0.5rem;
}

html[data-theme="enterprise"] body.rackon-client #navbar-side .media-search {
  background: transparent !important;
  border: 0 !important;
  padding: 0.85rem 1rem 0.65rem !important;
}

html[data-theme="enterprise"] body.rackon-client #navbar-side .input-icon {
  position: relative;
}

html[data-theme="enterprise"] body.rackon-client #navbar-side .input-icon .fa,
html[data-theme="enterprise"] body.rackon-client #navbar-side .input-icon .fas,
html[data-theme="enterprise"] body.rackon-client #navbar-side .input-icon .far {
  position: absolute !important;
  left: 0.85rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #B45309 !important;
  font-size: 0.85rem !important;
  z-index: 2;
  background: none !important;
  width: auto !important;
  height: auto !important;
}

html[data-theme="enterprise"] body.rackon-client #navbar-side .input-menu {
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)) !important;
  color: #2A4578 !important;
  font-family: "Jura", sans-serif !important;
  padding: 0.65rem 0.85rem 0.65rem 2.35rem !important;
  width: 100% !important;
  box-shadow: 0 6px 16px rgba(42, 69, 120, 0.05) !important;
}

html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li > a,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav .nav-link {
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.1) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)) !important;
  color: #2A4578 !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  font-size: 0.72rem !important;
  margin: 0.35rem 0.85rem !important;
  padding: 0.75rem 0.95rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.5rem;
  box-shadow: 0 6px 16px rgba(42, 69, 120, 0.04) !important;
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease !important;
}

html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li > a:hover,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li.open > a,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li.active > a {
  background: #FFFBEB !important;
  border-color: rgba(232, 185, 49, 0.55) !important;
  color: #2A4578 !important;
  transform: translateX(2px);
  box-shadow: 0 0 0 1px rgba(232, 185, 49, 0.2), 0 10px 22px rgba(42, 69, 120, 0.08) !important;
}

/* mata azul Bootstrap do item aberto */
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li.open > a,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li > a.bg-primary,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li > a[style*="background"] {
  background: #FFFBEB !important;
  color: #2A4578 !important;
}

html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li > a i,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav .nav-link i,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav .caret,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav .fa-angle-down,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav .fa-chevron-down {
  color: #B45309 !important;
  background: none !important;
}

html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav .dropdown-menu,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav .collapse,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav ul {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0.15rem 0.85rem 0.5rem 1.15rem !important;
  margin: 0 !important;
  position: static !important;
  float: none !important;
  width: auto !important;
}

html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav .dropdown-menu > li > a,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav .dropdown-item,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav ul a {
  background: transparent !important;
  border: 0 !important;
  border-left: 2px solid rgba(232, 185, 49, 0.35) !important;
  border-radius: 0 !important;
  color: #334155 !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  padding: 0.45rem 0.75rem !important;
  margin: 0.15rem 0 !important;
  display: block !important;
}

html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav .dropdown-menu > li > a:hover {
  background: rgba(232, 185, 49, 0.1) !important;
  color: #2A4578 !important;
  border-left-color: #E8B931 !important;
}

html[data-theme="enterprise"] body.rackon-client #navbar-side .sidebar-shortcuts .btn,
html[data-theme="enterprise"] body.rackon-client #navbar-side .lang-btn .btn {
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)) !important;
  color: #2A4578 !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  font-size: 0.72rem !important;
}

/* Fallback ?cones quebrados (fad/fal/fa vazio) */
html[data-theme="enterprise"] body.rackon-client #navbar-side .fad:not([class*="fa-"]):before,
html[data-theme="enterprise"] body.rackon-client #navbar-side .fal:not([class*="fa-"]):before {
  content: none !important;
}

html[data-theme="enterprise"] body.rackon-client #navbar-side .fad,
html[data-theme="enterprise"] body.rackon-client #navbar-side .fal {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

@media (max-width: 991px) {
  html[data-theme="enterprise"] body.rackon-client .cros-navbar {
    position: sticky !important;
    top: 0 !important;
  }
  html[data-theme="enterprise"] body.rackon-client #mobile-header > li > a span:not(.badge) {
    display: none !important; /* s? ?cones no mobile header */
  }
}

/* ==========================================================================
   CLOUD ESSENCE p11 ? painel acolhedor VPS/Dedicated (sem vibe rack)
   ========================================================================== */

/* Atmosphere mais 'c?u' no painel */
html[data-theme="enterprise"] body.rackon-client:not(.login) {
  background-image:
    radial-gradient(ellipse 90% 60% at 100% -10%, rgba(61, 95, 160, 0.14), transparent 55%),
    radial-gradient(ellipse 70% 50% at -10% 100%, rgba(232, 185, 49, 0.12), transparent 50%),
    radial-gradient(ellipse 50% 40% at 80% 80%, rgba(100, 140, 220, 0.08), transparent 45%),
    linear-gradient(180deg, #FFFFFF 0%, #F5F8FF 45%, #EEF2FF 100%) !important;
}

/* Titlebar mais leve */
html[data-theme="enterprise"] body.rackon-client .cw-page-titlebar {
  background: transparent !important;
  border: 0 !important;
  padding-top: 0.65rem !important;
  padding-bottom: 0.35rem !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-page-titlebar .page-title h1,
html[data-theme="enterprise"] body.rackon-client .cw-page-titlebar h1 {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #2A4578 !important;
}

/* Hero dashboard ? boas-vindas cloud */
html[data-theme="enterprise"] body.rackon-client .cap-home-hero {
  background:
    linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(240,245,255,0.96) 55%, rgba(255,251,235,0.95) 100%) !important;
  border: 1.5px solid rgba(42, 69, 120, 0.1) !important;
  box-shadow: 0 16px 40px rgba(42, 69, 120, 0.07) !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-home-hero__kicker {
  color: #B45309 !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-home-hero__icon.rk-avatar,
html[data-theme="enterprise"] body.rackon-client .rk-avatar {
  background: linear-gradient(145deg, #EEF2FF, #FFFBEB) !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  box-shadow: 0 10px 24px rgba(42, 69, 120, 0.08) !important;
}

/* Tiles ? mais ar / menos 'rack box' */
html[data-theme="enterprise"] body.rackon-client .tile.cap-home-tile,
html[data-theme="enterprise"] body.rackon-client .cap-home-tile {
  background:
    linear-gradient(180deg, #FFFFFF 0%, #F8FAFF 100%) !important;
  border: 1.5px solid rgba(42, 69, 120, 0.1) !important;
}
html[data-theme="enterprise"] body.rackon-client .tile .stat,
html[data-theme="enterprise"] body.rackon-client .cap-home-tile .stat {
  color: #2A4578 !important;
  font-weight: 800 !important;
}
html[data-theme="enterprise"] body.rackon-client .tile .title,
html[data-theme="enterprise"] body.rackon-client .cap-home-tile .title {
  color: #64748B !important;
  letter-spacing: 0.08em !important;
}

/* Atalhos ? pills cloud */
html[data-theme="enterprise"] body.rackon-client .cap-home-shortcut {
  background: linear-gradient(180deg, #FFFFFF, #F7F9FF) !important;
  border: 1.5px solid rgba(42, 69, 120, 0.1) !important;
  color: #2A4578 !important;
  box-shadow: 0 10px 24px rgba(42, 69, 120, 0.05) !important;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-home-shortcut:hover {
  transform: translateY(-3px);
  border-color: rgba(232, 185, 49, 0.5) !important;
  box-shadow: 0 16px 32px rgba(42, 69, 120, 0.1) !important;
  text-decoration: none !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-home-shortcut i {
  color: #3D5FA0 !important;
}

/* Sidebar ? headers suaves (n?o bloco navy pesado) */
html[data-theme="enterprise"] body.rackon-client .panel-sidebar > .panel-heading,
html[data-theme="enterprise"] body.rackon-client .sidebar .panel > .panel-heading,
html[data-theme="enterprise"] body.rackon-client .panel-sidebar .card-header,
html[data-theme="enterprise"] body.rackon-client .sidebar .card-header {
  background: linear-gradient(180deg, #FAFBFF, #F0F4FF) !important;
  color: #2A4578 !important;
  border-bottom: 1px solid rgba(42, 69, 120, 0.1) !important;
  border-left: 3px solid #E8B931 !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
}
html[data-theme="enterprise"] body.rackon-client .panel-sidebar .btn-primary,
html[data-theme="enterprise"] body.rackon-client .sidebar .btn-primary {
  background: linear-gradient(180deg, #3A5A9A, #2A4578) !important;
  border-color: rgba(232, 185, 49, 0.35) !important;
}

/* Conta no header ? ?cone user se o menu vier sem ?cone (caixa vazia) */
html[data-theme="enterprise"] body.rackon-client #header .Secondary_Navbar-Account > a::before,
html[data-theme="enterprise"] body.rackon-client #mobile-header .Secondary_Navbar-Account > a::before {
  content: "\f007";
  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "FontAwesome" !important;
  font-weight: 900 !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  color: #2A4578 !important;
}
html[data-theme="enterprise"] body.rackon-client #header .Secondary_Navbar-Account > a i,
html[data-theme="enterprise"] body.rackon-client #mobile-header .Secondary_Navbar-Account > a i {
  display: none !important; /* evita ?cone duplicado / c?rculo quebrado */
}
html[data-theme="enterprise"] body.rackon-client #header .Secondary_Navbar-Account > a img,
html[data-theme="enterprise"] body.rackon-client #mobile-header .Secondary_Navbar-Account > a img {
  display: none !important;
}

/* Servi?os panel ? sensa??o de 'meu servidor' */
html[data-theme="enterprise"] body.rackon-client .cap-home-panel.panel-services,
html[data-theme="enterprise"] body.rackon-client .panel-services {
  border: 1.5px solid rgba(42, 69, 120, 0.1) !important;
  box-shadow: 0 16px 40px rgba(42, 69, 120, 0.07) !important;
  background: #fff !important;
}

/* ==========================================================================
   EMAIL VERIFY ? datacenter alert (glass + pulse + scan)
   ========================================================================== */
html[data-theme="enterprise"] body.rackon-client .verification-banner.email-verification,
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert {
  position: relative !important;
  overflow: hidden !important;
  background: rgba(255, 248, 248, 0.78) !important;
  backdrop-filter: blur(14px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.2) !important;
  border: 0 !important;
  border-bottom: 1.5px solid rgba(200, 16, 46, 0.28) !important;
  box-shadow:
    0 10px 28px rgba(200, 16, 46, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
  color: #4A1520 !important;
  padding: 0.7rem 0 !important;
  margin: 0 !important;
  z-index: 1030 !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #C8102E, #E8B931, #C8102E);
  background-size: 100% 200%;
  animation: cwDcBar 2.8s linear infinite;
  z-index: 2;
}
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert__scan {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    100deg,
    transparent 0%,
    rgba(200, 16, 46, 0.06) 42%,
    rgba(255, 255, 255, 0.35) 50%,
    rgba(200, 16, 46, 0.06) 58%,
    transparent 100%
  );
  background-size: 220% 100%;
  animation: cwDcScan 4.5s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert__glow {
  position: absolute;
  left: 10%;
  right: 10%;
  top: -40%;
  height: 80%;
  background: radial-gradient(ellipse at center, rgba(200, 16, 46, 0.14), transparent 70%);
  animation: cwDcGlow 2.4s ease-in-out infinite alternate;
  pointer-events: none;
  z-index: 0;
}
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert > .container {
  position: relative;
  z-index: 1;
}
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert__row {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1rem;
}
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert__status {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  flex: 0 0 auto;
}
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert__led {
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 50%;
  background: #C8102E;
  box-shadow: 0 0 0 0 rgba(200, 16, 46, 0.55);
  animation: cwDcPulse 1.6s ease-out infinite;
}
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert__tag {
  font-family: "Jura", sans-serif !important;
  font-size: 0.62rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #C8102E !important;
  padding: 0.2rem 0.45rem;
  border: 1px solid rgba(200, 16, 46, 0.35);
  background: rgba(200, 16, 46, 0.08);
  clip-path: polygon(0 0, calc(100% - 5px) 0, 100% 5px, 100% 100%, 5px 100%, 0 calc(100% - 5px));
}
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert__body {
  display: flex !important;
  align-items: flex-start;
  gap: 0.65rem;
  flex: 1 1 220px;
  min-width: 0;
}
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert__icon {
  flex: 0 0 auto;
  width: 2.1rem;
  height: 2.1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(200, 16, 46, 0.1);
  border: 1px solid rgba(200, 16, 46, 0.28);
  color: #C8102E !important;
  clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px));
}
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert__icon i {
  color: #C8102E !important;
  font-size: 0.95rem !important;
  margin: 0 !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert__text,
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert .text {
  font-family: "Jura", sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #4A1520 !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert__actions {
  display: inline-flex !important;
  align-items: center;
  gap: 0.45rem;
  flex: 0 0 auto;
  margin-left: auto;
}
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert__btn,
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert .btn-resend-verify-email,
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert .btn-action {
  background: linear-gradient(180deg, #3A5A9A, #2A4578) !important;
  border: 1.5px solid rgba(232, 185, 49, 0.4) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)) !important;
  padding: 0.55rem 0.9rem !important;
  box-shadow: 0 8px 18px rgba(42, 69, 120, 0.18) !important;
  white-space: nowrap;
  width: auto !important;
  display: inline-flex !important;
  align-items: center;
  gap: 0.4rem;
}
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert__btn:hover,
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert .btn-resend-verify-email:hover {
  background: linear-gradient(180deg, #4568B0, #2A4578) !important;
  border-color: rgba(232, 185, 49, 0.65) !important;
  color: #fff !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert__btn-ico {
  font-size: 0.72rem !important;
  opacity: 0.9;
}
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert__close,
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert .btn.close {
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.7) !important;
  border: 1px solid rgba(200, 16, 46, 0.25) !important;
  color: #C8102E !important;
  opacity: 1 !important;
  float: none !important;
  text-shadow: none !important;
  font-size: 1.25rem !important;
  line-height: 1 !important;
  clip-path: polygon(0 0, calc(100% - 5px) 0, 100% 5px, 100% 100%, 5px 100%, 0 calc(100% - 5px));
}
html[data-theme="enterprise"] body.rackon-client .cw-dc-alert__close:hover {
  background: #fff !important;
  border-color: rgba(200, 16, 46, 0.45) !important;
}

@keyframes cwDcPulse {
  0% { box-shadow: 0 0 0 0 rgba(200, 16, 46, 0.55); }
  70% { box-shadow: 0 0 0 10px rgba(200, 16, 46, 0); }
  100% { box-shadow: 0 0 0 0 rgba(200, 16, 46, 0); }
}
@keyframes cwDcScan {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}
@keyframes cwDcGlow {
  from { opacity: 0.35; }
  to { opacity: 0.85; }
}
@keyframes cwDcBar {
  from { background-position: 0 0; }
  to { background-position: 0 200%; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="enterprise"] body.rackon-client .cw-dc-alert::before,
  html[data-theme="enterprise"] body.rackon-client .cw-dc-alert__scan,
  html[data-theme="enterprise"] body.rackon-client .cw-dc-alert__glow,
  html[data-theme="enterprise"] body.rackon-client .cw-dc-alert__led {
    animation: none !important;
  }
}

@media (max-width: 575.98px) {
  html[data-theme="enterprise"] body.rackon-client .cw-dc-alert__actions {
    width: 100%;
    margin-left: 0;
    justify-content: stretch;
  }
  html[data-theme="enterprise"] body.rackon-client .cw-dc-alert__btn {
    flex: 1 1 auto;
    justify-content: center;
  }
}

/* ==========================================================================
   SERVICES LIST ROW ? card destaque Enterprise
   ========================================================================== */
html[data-theme="enterprise"] body.rackon-client #tableServicesList.cap-table {
  border-collapse: separate !important;
  border-spacing: 0 0.55rem !important;
  background: transparent !important;
}
html[data-theme="enterprise"] body.rackon-client #tableServicesList thead th {
  background: transparent !important;
  border: 0 !important;
  color: #64748B !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  padding: 0.35rem 1rem 0.55rem !important;
}
html[data-theme="enterprise"] body.rackon-client #tableServicesList tbody tr.cap-row {
  background: linear-gradient(165deg, #FFFFFF 0%, #F8FAFF 100%) !important;
  box-shadow: 0 10px 28px rgba(42, 69, 120, 0.07) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}
html[data-theme="enterprise"] body.rackon-client #tableServicesList tbody tr.cap-row td {
  background: transparent !important;
  border: 0 !important;
  border-top: 1.5px solid rgba(42, 69, 120, 0.1) !important;
  border-bottom: 1.5px solid rgba(42, 69, 120, 0.1) !important;
  padding: 1.05rem 1rem !important;
  vertical-align: middle !important;
}
html[data-theme="enterprise"] body.rackon-client #tableServicesList tbody tr.cap-row td:first-child {
  border-left: 3px solid #E8B931 !important;
  padding-left: 1.05rem !important;
}
html[data-theme="enterprise"] body.rackon-client #tableServicesList tbody tr.cap-row td:last-child {
  border-right: 1.5px solid rgba(42, 69, 120, 0.1) !important;
}
html[data-theme="enterprise"] body.rackon-client #tableServicesList tbody tr.cap-row:hover {
  transform: translateY(-2px);
  background: linear-gradient(165deg, #FFFFFF 0%, #FFFBEB 100%) !important;
  box-shadow: 0 16px 36px rgba(42, 69, 120, 0.12) !important;
}
html[data-theme="enterprise"] body.rackon-client #tableServicesList tbody tr.cap-row:hover td:first-child {
  border-left-color: #C8102E !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-product-cell {
  align-items: center !important;
  gap: 0.95rem !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-product-cell__icon {
  width: 3rem !important;
  height: 3rem !important;
  background: linear-gradient(145deg, #EEF2FF, #FFFBEB) !important;
  color: #B45309 !important;
  border: 1.5px solid rgba(232, 185, 49, 0.45) !important;
  box-shadow: 0 8px 18px rgba(42, 69, 120, 0.08) !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-product-cell__kicker {
  color: #B45309 !important;
  font-family: "Jura", sans-serif !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-product-cell__title {
  color: #2A4578 !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.02rem !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-price-cell {
  color: #2A4578 !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.08rem !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-table-wrap {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-card__kicker {
  color: #B45309 !important;
  font-family: "Jura", sans-serif !important;
}

/* ==========================================================================
   PRODUCT DETAILS HERO ? destaque cloud (p16)
   ========================================================================== */
html[data-theme="enterprise"] body.rackon-client .cap-pd-hero {
  background:
    radial-gradient(ellipse 70% 80% at 100% 0%, rgba(232, 185, 49, 0.14), transparent 55%),
    radial-gradient(ellipse 55% 70% at 0% 100%, rgba(61, 95, 160, 0.1), transparent 50%),
    linear-gradient(145deg, #FFFFFF 0%, #F5F8FF 50%, #FFFBEB 100%) !important;
  padding: 1.35rem 1.45rem 1.15rem !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__inner {
  align-items: flex-start !important;
  gap: 1rem 1.35rem !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__intro {
  align-items: center !important;
  gap: 1.05rem !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__icon {
  width: 4rem !important;
  height: 4rem !important;
  background: linear-gradient(145deg, #EEF2FF, #FFFBEB) !important;
  color: #B45309 !important;
  border: 1.5px solid rgba(232, 185, 49, 0.5) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px)) !important;
  box-shadow: 0 14px 32px rgba(42, 69, 120, 0.12) !important;
  font-size: 1.5rem !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__kicker {
  color: #B45309 !important;
  font-family: "Jura", sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  margin-bottom: 0.3rem !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__title {
  color: #2A4578 !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(1.3rem, 2.5vw, 1.75rem) !important;
  line-height: 1.2 !important;
  margin: 0 0 0.2rem !important;
  -webkit-text-fill-color: #2A4578 !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__managing {
  margin: 0 !important;
  color: #64748B !important;
  font-family: "Jura", sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__actions {
  align-items: center !important;
  gap: 0.45rem !important;
  padding-top: 0.35rem !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__actions .btn {
  min-height: 2.5rem !important;
  margin: 0 !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  font-size: 0.7rem !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)) !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0.55rem 1rem !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__actions .cap-btn-primary,
html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__actions .cap-btn-success {
  background: linear-gradient(180deg, #3A5A9A, #2A4578) !important;
  border: 1.5px solid rgba(232, 185, 49, 0.4) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 10px 22px rgba(42, 69, 120, 0.18) !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__actions .btn-outline-danger,
html[data-theme="enterprise"] body.rackon-client .cap-pd-btn-cancel {
  background: #fff !important;
  border: 1.5px solid rgba(200, 16, 46, 0.35) !important;
  color: #C8102E !important;
  -webkit-text-fill-color: #C8102E !important;
  box-shadow: 0 6px 14px rgba(200, 16, 46, 0.06) !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__chips {
  gap: 0.5rem !important;
  margin-top: 1.15rem !important;
  padding-top: 1rem !important;
  border-top: 1px dashed rgba(42, 69, 120, 0.14) !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-chip {
  min-height: 2.15rem !important;
  padding: 0.4rem 0.8rem !important;
  font-size: 0.74rem !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-chip--billing {
  background: #FFFBEB !important;
  border-color: rgba(232, 185, 49, 0.4) !important;
  color: #2A4578 !important;
  -webkit-text-fill-color: #2A4578 !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-chip--back {
  margin-left: auto !important;
  background: #fff !important;
  border-color: rgba(42, 69, 120, 0.16) !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-chip__label {
  opacity: 0.65;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__actions {
    width: 100%;
    justify-content: stretch;
  }
  html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__actions .btn {
    flex: 1 1 auto;
  }
  html[data-theme="enterprise"] body.rackon-client .cap-pd-chip--back {
    margin-left: 0 !important;
  }
}

/* ==========================================================================
   LIVE STATUS + LIST-INFO IMPACT + HOME SERVICES (p17)
   ========================================================================== */

/* ?? ATIVO pulsando (hero, chips, home, tabelas) ?? */
@keyframes cwLivePulse {
  0% { box-shadow: 0 0 0 0 rgba(5, 150, 105, 0.55); }
  70% { box-shadow: 0 0 0 10px rgba(5, 150, 105, 0); }
  100% { box-shadow: 0 0 0 0 rgba(5, 150, 105, 0); }
}
@keyframes cwLiveGlow {
  0%, 100% { opacity: 1; filter: drop-shadow(0 0 2px rgba(16, 185, 129, 0.7)); }
  50% { opacity: 0.65; filter: drop-shadow(0 0 6px rgba(16, 185, 129, 0.95)); }
}
@keyframes cwInfoScan {
  0% { background-position: 0% 0; }
  100% { background-position: 200% 0; }
}
@keyframes cwInfoIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__title-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.65rem 0.85rem !important;
  margin: 0 0 0.25rem !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__title-row .cap-pd-hero__title {
  margin: 0 !important;
}

html[data-theme="enterprise"] body.rackon-client .cap-pd-status-live {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  padding: 0.4rem 0.75rem !important;
  background: rgba(236, 253, 245, 0.95) !important;
  border: 1.5px solid rgba(5, 150, 105, 0.4) !important;
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 7px 100%, 0 calc(100% - 7px)) !important;
  box-shadow: 0 0 0 0 rgba(5, 150, 105, 0.45);
  animation: cwLivePulse 1.8s ease-out infinite;
  white-space: nowrap;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-status-live__led {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background: #10B981;
  animation: cwLiveGlow 1.4s ease-in-out infinite;
  flex-shrink: 0;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-status-live.product-status-pending,
html[data-theme="enterprise"] body.rackon-client .cap-pd-status-live.status-pending {
  background: #FFFBEB !important;
  border-color: rgba(232, 185, 49, 0.5) !important;
  color: #B45309 !important;
  -webkit-text-fill-color: #B45309 !important;
  animation: none;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-status-live.product-status-pending .cap-pd-status-live__led,
html[data-theme="enterprise"] body.rackon-client .cap-pd-status-live.status-pending .cap-pd-status-live__led {
  background: #E8B931;
  animation: cwLiveGlow 1.4s ease-in-out infinite;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-status-live.product-status-suspended,
html[data-theme="enterprise"] body.rackon-client .cap-pd-status-live.status-suspended,
html[data-theme="enterprise"] body.rackon-client .cap-pd-status-live.product-status-terminated,
html[data-theme="enterprise"] body.rackon-client .cap-pd-status-live.status-cancelled {
  background: #FEF2F2 !important;
  border-color: rgba(200, 16, 46, 0.35) !important;
  color: #C8102E !important;
  -webkit-text-fill-color: #C8102E !important;
  animation: none;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-status-live.product-status-suspended .cap-pd-status-live__led,
html[data-theme="enterprise"] body.rackon-client .cap-pd-status-live.status-suspended .cap-pd-status-live__led {
  background: #C8102E;
}

/* Retornar alinhado com a??es */
html[data-theme="enterprise"] body.rackon-client .cap-pd-btn-back {
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.16) !important;
  color: #2A4578 !important;
  -webkit-text-fill-color: #2A4578 !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  font-size: 0.7rem !important;
  min-height: 2.5rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)) !important;
  border-radius: 0 !important;
  box-shadow: 0 6px 14px rgba(42, 69, 120, 0.06) !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-btn-back:hover {
  background: #FFFBEB !important;
  border-color: rgba(232, 185, 49, 0.5) !important;
  color: #2A4578 !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__actions {
  position: relative;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__actions .cap-pd-btn-cancel + .cap-pd-btn-back,
html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__actions .cap-pd-btn-back {
  margin-left: 0.15rem;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__actions .cap-pd-btn-back::before {
  content: "";
  width: 1px;
  height: 1.35rem;
  background: rgba(42, 69, 120, 0.16);
  margin-right: 0.35rem;
  display: inline-block;
}

/* Chips meta ? s? info (sem status/voltar soltos) */
html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  align-items: stretch !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-pd-hero__chips .cap-pd-chip {
  flex: 1 1 auto;
  justify-content: flex-start !important;
  min-width: 9rem;
}

/* Badge ATIVO pulsando em listas / home / tabela */
html[data-theme="enterprise"] body.rackon-client .status-active,
html[data-theme="enterprise"] body.rackon-client .label.status-active,
html[data-theme="enterprise"] body.rackon-client .cap-badge.status-active,
html[data-theme="enterprise"] body.rackon-client .product-status-active,
html[data-theme="enterprise"] body.rackon-client .status-sticker.product-status-active,
html[data-theme="enterprise"] body.rackon-client .cap-pd-chip--status.product-status-active,
html[data-theme="enterprise"] body.rackon-client .cap-home-panel .label.label-success,
html[data-theme="enterprise"] body.rackon-client .cap-home-panel .badge-success,
html[data-theme="enterprise"] body.rackon-client .panel-services .label-success,
html[data-theme="enterprise"] body.rackon-client .panel-services .badge {
  position: relative !important;
  background: #ECFDF5 !important;
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
  border: 1.5px solid rgba(5, 150, 105, 0.4) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px)) !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 0.4em 0.85em 0.4em 1.55em !important;
  animation: cwLivePulse 2s ease-out infinite;
  box-shadow: 0 0 0 0 rgba(5, 150, 105, 0.4);
}
html[data-theme="enterprise"] body.rackon-client .status-active::before,
html[data-theme="enterprise"] body.rackon-client .label.status-active::before,
html[data-theme="enterprise"] body.rackon-client .cap-badge.status-active::before,
html[data-theme="enterprise"] body.rackon-client .product-status-active::before,
html[data-theme="enterprise"] body.rackon-client .status-sticker.product-status-active::before,
html[data-theme="enterprise"] body.rackon-client .panel-services .label-success::before,
html[data-theme="enterprise"] body.rackon-client .panel-services .badge::before,
html[data-theme="enterprise"] body.rackon-client .cap-home-panel .label.label-success::before,
html[data-theme="enterprise"] body.rackon-client .cap-home-panel .badge-success::before {
  content: "" !important;
  position: absolute !important;
  left: 0.55rem !important;
  top: 50% !important;
  width: 0.45rem !important;
  height: 0.45rem !important;
  margin-top: -0.225rem !important;
  border-radius: 50% !important;
  background: #10B981 !important;
  animation: cwLiveGlow 1.4s ease-in-out infinite !important;
}

/* ?? Informa??o do servidor / list-info ?? */
html[data-theme="enterprise"] body.rackon-client .list-info {
  list-style: none !important;
  padding: 0.35rem !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 0.65rem !important;
}
html[data-theme="enterprise"] body.rackon-client .list-info li {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 0.35rem !important;
  padding: 0.95rem 1rem !important;
  margin: 0 !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  border-bottom: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  background:
    linear-gradient(110deg, rgba(255,255,255,0.2) 0%, rgba(232,185,49,0.08) 45%, rgba(255,255,255,0.2) 90%),
    linear-gradient(165deg, #FFFFFF, #F7F9FF) !important;
  background-size: 220% 100%, 100% 100% !important;
  animation: cwInfoIn 0.45s ease both, cwInfoScan 7s linear infinite !important;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px)) !important;
  box-shadow: 0 10px 24px rgba(42, 69, 120, 0.06) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease !important;
}
html[data-theme="enterprise"] body.rackon-client .list-info li:nth-child(1) { animation-delay: 0s, 0s !important; }
html[data-theme="enterprise"] body.rackon-client .list-info li:nth-child(2) { animation-delay: 0.06s, -1s !important; }
html[data-theme="enterprise"] body.rackon-client .list-info li:nth-child(3) { animation-delay: 0.12s, -2s !important; }
html[data-theme="enterprise"] body.rackon-client .list-info li:nth-child(4) { animation-delay: 0.18s, -3s !important; }
html[data-theme="enterprise"] body.rackon-client .list-info li:nth-child(5) { animation-delay: 0.24s, -4s !important; }
html[data-theme="enterprise"] body.rackon-client .list-info li:hover {
  transform: translateY(-2px);
  border-color: rgba(232, 185, 49, 0.5) !important;
  box-shadow: 0 16px 32px rgba(42, 69, 120, 0.1) !important;
}
html[data-theme="enterprise"] body.rackon-client .list-info li::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #E8B931, #2A4578);
}
html[data-theme="enterprise"] body.rackon-client .list-info .list-heading {
  font-family: "Jura", sans-serif !important;
  font-size: 0.65rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #B45309 !important;
  margin: 0 !important;
  padding-left: 0.35rem !important;
}
html[data-theme="enterprise"] body.rackon-client .list-info .list-text {
  font-family: "Jura", sans-serif !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  color: #2A4578 !important;
  -webkit-text-fill-color: #2A4578 !important;
  margin: 0 !important;
  padding-left: 0.35rem !important;
  word-break: break-word;
  line-height: 1.35 !important;
}

/* Tabs do painel ? mais vivos */
html[data-theme="enterprise"] body.rackon-client .cap-pd-panel-card .nav-link.active,
html[data-theme="enterprise"] body.rackon-client .cw-panel-priority--nova .nav-link.active {
  background: #FFFBEB !important;
  border: 1.5px solid rgba(232, 185, 49, 0.55) !important;
  color: #2A4578 !important;
  -webkit-text-fill-color: #2A4578 !important;
  box-shadow: 0 0 0 1px rgba(232, 185, 49, 0.15), 0 8px 18px rgba(42, 69, 120, 0.08) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)) !important;
}

/* Home ? card Produtos/Servi?os */
html[data-theme="enterprise"] body.rackon-client .cap-home-panel.panel-services .list-group-item,
html[data-theme="enterprise"] body.rackon-client .panel-services .list-group-item {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.65rem !important;
  padding: 1rem 1.1rem !important;
  background: linear-gradient(165deg, #FFFFFF, #F7F9FF) !important;
  border: 1.5px solid rgba(42, 69, 120, 0.1) !important;
  margin: 0.55rem 0.75rem !important;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px)) !important;
  box-shadow: 0 10px 24px rgba(42, 69, 120, 0.06) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-home-panel.panel-services .list-group-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(42, 69, 120, 0.1) !important;
  border-color: rgba(232, 185, 49, 0.45) !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-home-panel.panel-services .panel-footer,
html[data-theme="enterprise"] body.rackon-client .panel-services .panel-footer {
  background: transparent !important;
  border: 0 !important;
  text-align: right !important;
  padding: 0.35rem 0.85rem 0.85rem !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-home-panel.panel-services .panel-footer .btn,
html[data-theme="enterprise"] body.rackon-client .panel-services .panel-footer a {
  background: linear-gradient(180deg, #3A5A9A, #2A4578) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 1.5px solid rgba(232, 185, 49, 0.35) !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)) !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  font-size: 0.7rem !important;
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="enterprise"] body.rackon-client .cap-pd-status-live,
  html[data-theme="enterprise"] body.rackon-client .cap-pd-status-live__led,
  html[data-theme="enterprise"] body.rackon-client .status-active,
  html[data-theme="enterprise"] body.rackon-client .label.status-active,
  html[data-theme="enterprise"] body.rackon-client .product-status-active,
  html[data-theme="enterprise"] body.rackon-client .list-info li {
    animation: none !important;
  }
}

/* ==========================================================================
   SUPPORT TICKET OPEN ? confian?a + profissional (p18)
   ========================================================================== */
html[data-theme="enterprise"] body.rackon-client.support-tickets-page .cw-page-titlebar h1,
html[data-theme="enterprise"] body.rackon-client.support-tickets-page .header-lined h1 {
  font-family: "Jura", sans-serif !important;
  color: #2A4578 !important;
}

html[data-theme="enterprise"] body.rackon-client .cw-ticket-open {
  font-family: "Jura", sans-serif !important;
  max-width: 920px;
}

html[data-theme="enterprise"] body.rackon-client .cw-ticket-hero {
  display: flex;
  gap: 1.15rem;
  align-items: flex-start;
  padding: 1.35rem 1.4rem;
  margin-bottom: 1.25rem;
  background:
    radial-gradient(ellipse 70% 90% at 100% 0%, rgba(232, 185, 49, 0.16), transparent 55%),
    linear-gradient(145deg, #FFFFFF 0%, #F4F7FF 55%, #FFFBEB 100%);
  border: 1.5px solid rgba(42, 69, 120, 0.12);
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
  box-shadow: 0 18px 44px rgba(42, 69, 120, 0.08);
  position: relative;
  overflow: hidden;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-hero::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 3px;
  background: linear-gradient(90deg, #C8102E, #E8B931, #2A4578);
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-hero--compact {
  padding: 1.1rem 1.25rem;
  margin-bottom: 1rem;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-hero__icon {
  width: 3.5rem;
  height: 3.5rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, #EEF2FF, #FFFBEB);
  border: 1.5px solid rgba(232, 185, 49, 0.45);
  color: #B45309;
  font-size: 1.35rem;
  clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px));
  box-shadow: 0 10px 24px rgba(42, 69, 120, 0.1);
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-hero__kicker {
  margin: 0 0 0.3rem;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #B45309;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-hero__title {
  margin: 0 0 0.35rem;
  font-size: clamp(1.2rem, 2.2vw, 1.55rem);
  font-weight: 800;
  color: #2A4578;
  line-height: 1.25;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-hero__sub {
  margin: 0;
  color: #64748B;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.45;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-hero__trust {
  list-style: none;
  padding: 0;
  margin: 0.85rem 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.85rem;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-hero__trust li {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #2A4578;
  letter-spacing: 0.02em;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-hero__trust i {
  color: #10B981;
}

html[data-theme="enterprise"] body.rackon-client .cw-ticket-pick-label {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #64748B;
  margin: 0 0 0.75rem;
}

html[data-theme="enterprise"] body.rackon-client .cw-ticket-depts,
html[data-theme="enterprise"] body.rackon-client .ticket-departments.cw-ticket-depts {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-dept {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  padding: 1.1rem 1.15rem !important;
  margin: 0 !important;
  background: linear-gradient(165deg, #FFFFFF, #F7F9FF) !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)) !important;
  box-shadow: 0 12px 28px rgba(42, 69, 120, 0.06) !important;
  text-decoration: none !important;
  color: inherit !important;
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease !important;
  position: relative;
  overflow: hidden;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-dept::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #E8B931, #2A4578);
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-dept:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(232, 185, 49, 0.55) !important;
  box-shadow: 0 18px 40px rgba(42, 69, 120, 0.12) !important;
  background: linear-gradient(165deg, #FFFFFF, #FFFBEB) !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-dept__icon {
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, #EEF2FF, #FFFBEB);
  border: 1.5px solid rgba(232, 185, 49, 0.4);
  color: #B45309;
  font-size: 1.15rem;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-dept__body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-dept__name,
html[data-theme="enterprise"] body.rackon-client .cw-ticket-dept .name {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #2A4578 !important;
  margin: 0 !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-dept__desc,
html[data-theme="enterprise"] body.rackon-client .cw-ticket-dept .desc {
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  color: #64748B !important;
  line-height: 1.4 !important;
  display: block !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-dept__cta {
  width: 2.35rem;
  height: 2.35rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1.5px solid rgba(42, 69, 120, 0.14);
  color: #2A4578;
  clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px));
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-dept:hover .cw-ticket-dept__cta {
  background: #FFFBEB;
  border-color: rgba(232, 185, 49, 0.55);
  transform: translateX(2px);
}

/* Form cards */
html[data-theme="enterprise"] body.rackon-client .cw-ticket-form .TM-card,
html[data-theme="enterprise"] body.rackon-client .cw-ticket-card {
  background: linear-gradient(165deg, #FFFFFF, #F8FAFF) !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)) !important;
  box-shadow: 0 14px 36px rgba(42, 69, 120, 0.07) !important;
  padding: 1.2rem 1.25rem 1.1rem !important;
  margin-bottom: 1rem !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-card__head {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px dashed rgba(42, 69, 120, 0.12);
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-card__step {
  width: 1.85rem;
  height: 1.85rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #3A5A9A, #2A4578);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 800;
  clip-path: polygon(0 0, calc(100% - 5px) 0, 100% 5px, 100% 100%, 5px 100%, 0 calc(100% - 5px));
  flex-shrink: 0;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-card__head strong {
  display: block;
  color: #2A4578;
  font-size: 0.95rem;
  font-weight: 800;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-card__head span {
  display: block;
  color: #64748B;
  font-size: 0.78rem;
  font-weight: 600;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-form label {
  font-family: "Jura", sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.04em;
  color: #2A4578 !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-form .form-control,
html[data-theme="enterprise"] body.rackon-client .cw-ticket-form select.form-control {
  border: 1.5px solid rgba(42, 69, 120, 0.14) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
  min-height: 2.65rem;
  font-family: "Jura", sans-serif !important;
  font-weight: 600 !important;
  color: #1A2B4A !important;
  background: #fff !important;
  box-shadow: none !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-form .form-control:focus {
  border-color: rgba(232, 185, 49, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(232, 185, 49, 0.15) !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
  margin-top: 0.5rem;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-actions #openTicketSubmit,
html[data-theme="enterprise"] body.rackon-client .cw-ticket-actions .btn-primary {
  background: linear-gradient(180deg, #3A5A9A, #2A4578) !important;
  border: 1.5px solid rgba(232, 185, 49, 0.4) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 0.78rem !important;
  min-height: 2.85rem;
  padding: 0.7rem 1.35rem !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px)) !important;
  box-shadow: 0 14px 28px rgba(42, 69, 120, 0.2) !important;
  display: inline-flex !important;
  align-items: center;
  gap: 0.45rem;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-actions .btn-default {
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.16) !important;
  color: #2A4578 !important;
  font-weight: 700 !important;
  min-height: 2.85rem;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
  border-radius: 0 !important;
}

html[data-theme="enterprise"] body.rackon-client.support-tickets-page .markdown-editor,
html[data-theme="enterprise"] body.rackon-client .cw-ticket-form .md-header {
  border-color: rgba(42, 69, 120, 0.14) !important;
  background: #fff !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-ticket-form .btn-primary.btn-sm,
html[data-theme="enterprise"] body.rackon-client .cw-ticket-form .md-header .btn-primary {
  background: linear-gradient(180deg, #3A5A9A, #2A4578) !important;
  border-color: rgba(232, 185, 49, 0.35) !important;
  color: #fff !important;
}

@media (max-width: 575.98px) {
  html[data-theme="enterprise"] body.rackon-client .cw-ticket-hero {
    flex-direction: column;
  }
  html[data-theme="enterprise"] body.rackon-client .cw-ticket-actions {
    flex-direction: column;
    align-items: stretch;
  }
  html[data-theme="enterprise"] body.rackon-client .cw-ticket-actions .btn {
    width: 100%;
    justify-content: center;
  }
}

/* ==========================================================================
   BILLING / INVOICES ? cards profissionais (p19)
   ========================================================================== */
html[data-theme="enterprise"] body.rackon-client .cw-billing-hero,
html[data-theme="enterprise"] body.rackon-client .invoices-header {
  font-family: "Jura", sans-serif !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-billing-hero .btn-primary,
html[data-theme="enterprise"] body.rackon-client .invoices-header .btn-primary {
  background: linear-gradient(180deg, #3A5A9A, #2A4578) !important;
  border: 1.5px solid rgba(232, 185, 49, 0.4) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  font-size: 0.72rem !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)) !important;
  box-shadow: 0 10px 22px rgba(42, 69, 120, 0.16) !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-billing-hero .btn-outline-primary,
html[data-theme="enterprise"] body.rackon-client .invoices-header .btn-outline-primary {
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.16) !important;
  color: #2A4578 !important;
  font-weight: 700 !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)) !important;
}

html[data-theme="enterprise"] body.rackon-client .summary-box,
html[data-theme="enterprise"] body.rackon-client .summary-box.summary-total,
html[data-theme="enterprise"] body.rackon-client .summary-box.summary-overdue,
html[data-theme="enterprise"] body.rackon-client .summary-box.summary-credit,
html[data-theme="enterprise"] body.rackon-client .summary-box.summary-paid {
  background: linear-gradient(165deg, #FFFFFF, #F7F9FF) !important;
  color: #2A4578 !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px)) !important;
  box-shadow: 0 12px 28px rgba(42, 69, 120, 0.06) !important;
  text-align: left !important;
}
html[data-theme="enterprise"] body.rackon-client .summary-value {
  color: #2A4578 !important;
  -webkit-text-fill-color: #2A4578 !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
}
html[data-theme="enterprise"] body.rackon-client .summary-label {
  color: #64748B !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-size: 0.68rem !important;
  opacity: 1 !important;
}
html[data-theme="enterprise"] body.rackon-client .summary-icon {
  color: #2A4578 !important;
  opacity: 0.12 !important;
}

html[data-theme="enterprise"] body.rackon-client .filter-options .card,
html[data-theme="enterprise"] body.rackon-client .invoices-help .card,
html[data-theme="enterprise"] body.rackon-client .table-container {
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)) !important;
  box-shadow: 0 14px 36px rgba(42, 69, 120, 0.06) !important;
  overflow: hidden;
}
html[data-theme="enterprise"] body.rackon-client .invoices-table thead th {
  background: #FAFBFF !important;
  color: #64748B !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 0.7rem !important;
}
html[data-theme="enterprise"] body.rackon-client .invoice-number a {
  color: #2A4578 !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
}
html[data-theme="enterprise"] body.rackon-client .invoice-total {
  color: #2A4578 !important;
  font-weight: 800 !important;
  font-family: "Jura", sans-serif !important;
}
html[data-theme="enterprise"] body.rackon-client .status-paid,
html[data-theme="enterprise"] body.rackon-client .label.status-paid {
  background: #ECFDF5 !important;
  color: #047857 !important;
  border: 1px solid rgba(5, 150, 105, 0.3) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 5px) 0, 100% 5px, 100% 100%, 5px 100%, 0 calc(100% - 5px));
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
html[data-theme="enterprise"] body.rackon-client .status-unpaid,
html[data-theme="enterprise"] body.rackon-client .label.status-unpaid {
  background: #FEF2F2 !important;
  color: #C8102E !important;
  border: 1px solid rgba(200, 16, 46, 0.25) !important;
  border-radius: 0 !important;
  font-weight: 800 !important;
}
html[data-theme="enterprise"] body.rackon-client .panel-sidebar .list-group-item.active,
html[data-theme="enterprise"] body.rackon-client .sidebar .list-group-item.active {
  background: #FFFBEB !important;
  border-left: 3px solid #E8B931 !important;
  color: #2A4578 !important;
}

html[data-theme="enterprise"] body.rackon-client .invoices-help .card-header {
  background: linear-gradient(180deg, #FAFBFF, #F0F4FF) !important;
  border-bottom: 1px solid rgba(42, 69, 120, 0.1) !important;
  border-left: 3px solid #E8B931 !important;
  color: #2A4578 !important;
  font-family: "Jura", sans-serif !important;
}

/* ==========================================================================
   BILLING TABLE + FAQ ? mesma pegada dos cards (p20)
   ========================================================================== */
html[data-theme="enterprise"] body.rackon-client .filter-options .card {
  background: linear-gradient(165deg, #FFFFFF, #F8FAFF) !important;
  padding: 0 !important;
}
html[data-theme="enterprise"] body.rackon-client .filter-options .card-body {
  padding: 1rem 1.15rem !important;
}
html[data-theme="enterprise"] body.rackon-client .filter-options .form-control,
html[data-theme="enterprise"] body.rackon-client .search-box input {
  border: 1.5px solid rgba(42, 69, 120, 0.14) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
  font-family: "Jura", sans-serif !important;
  font-weight: 600 !important;
  color: #1A2B4A !important;
  min-height: 2.65rem;
}
html[data-theme="enterprise"] body.rackon-client .status-filter label {
  font-family: "Jura", sans-serif !important;
  font-weight: 700 !important;
  color: #2A4578 !important;
  font-size: 0.78rem !important;
}

html[data-theme="enterprise"] body.rackon-client .cw-billing-table,
html[data-theme="enterprise"] body.rackon-client .table-container.cw-billing-table {
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  box-shadow: 0 16px 40px rgba(42, 69, 120, 0.07) !important;
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)) !important;
}
html[data-theme="enterprise"] body.rackon-client #tableInvoicesList tbody tr.cw-inv-row td,
html[data-theme="enterprise"] body.rackon-client .invoices-table tbody tr td {
  vertical-align: middle !important;
  border-color: rgba(42, 69, 120, 0.08) !important;
  padding: 0.95rem 1rem !important;
  font-family: "Jura", sans-serif !important;
}
html[data-theme="enterprise"] body.rackon-client #tableInvoicesList tbody tr.cw-inv-row:hover,
html[data-theme="enterprise"] body.rackon-client .invoices-table tbody tr:hover {
  background: #FFFBEB !important;
  box-shadow: inset 3px 0 0 #E8B931;
}
html[data-theme="enterprise"] body.rackon-client .invoice-number__tag {
  color: #B45309 !important;
}
html[data-theme="enterprise"] body.rackon-client .action-buttons .btn-outline-primary {
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.16) !important;
  color: #2A4578 !important;
  border-radius: 0 !important;
}
html[data-theme="enterprise"] body.rackon-client .action-buttons .btn-danger {
  background: linear-gradient(180deg, #3A5A9A, #2A4578) !important;
  border: 1.5px solid rgba(232, 185, 49, 0.35) !important;
  color: #fff !important;
}

html[data-theme="enterprise"] body.rackon-client .cw-billing-tip,
html[data-theme="enterprise"] body.rackon-client .invoices-help .help-item {
  display: flex !important;
  gap: 0.85rem !important;
  background: linear-gradient(165deg, #FFFFFF, #F7F9FF) !important;
  border: 1.5px solid rgba(42, 69, 120, 0.1) !important;
  box-shadow: 0 8px 20px rgba(42, 69, 120, 0.04) !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-billing-tip__icon {
  background: linear-gradient(145deg, #EEF2FF, #FFFBEB) !important;
  border: 1.5px solid rgba(232, 185, 49, 0.4) !important;
  color: #B45309 !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-billing-tip h5,
html[data-theme="enterprise"] body.rackon-client .invoices-help .help-item h5 {
  color: #2A4578 !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-billing-tip p,
html[data-theme="enterprise"] body.rackon-client .invoices-help .help-item p {
  color: #64748B !important;
  font-family: "Jura", sans-serif !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-billing-help__foot a,
html[data-theme="enterprise"] body.rackon-client .invoices-help .card-footer a {
  color: #2A4578 !important;
  font-weight: 800 !important;
}

html[data-theme="enterprise"] body.rackon-client .dataTables_wrapper .dataTables_paginate .paginate_button.current,
html[data-theme="enterprise"] body.rackon-client .dataTables_paginate .paginate_button.current {
  background: linear-gradient(180deg, #3A5A9A, #2A4578) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 1.5px solid rgba(232, 185, 49, 0.35) !important;
  border-radius: 0 !important;
}

/* ==========================================================================
   VIEW INVOICE ? remove dark neon, Enterprise light (p21)
   ========================================================================== */
html[data-theme="enterprise"] body.rackon-client.viewinvoice,
html[data-theme="enterprise"] body.rackon-client.viewinvoice.dark-mode {
  background: #F4F6FB !important;
  background-image: none !important;
  color: #1A2B4A !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice::before,
html[data-theme="enterprise"] body.rackon-client.viewinvoice::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

html[data-theme="enterprise"] body.rackon-client.viewinvoice .cw-invoice-page {
  font-family: "Jura", sans-serif !important;
}

/* Main invoice card */
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.quote,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .cw-invoice-card {
  background: linear-gradient(165deg, #FFFFFF, #F8FAFF) !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
  box-shadow: 0 18px 44px rgba(42, 69, 120, 0.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: #1A2B4A !important;
  padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.15rem, 2.5vw, 2rem) !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice::before,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.quote::before,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .cw-invoice-card::before {
  background: linear-gradient(180deg, rgba(232, 185, 49, 0.12), transparent 40%) !important;
  border-radius: 0 !important;
  opacity: 1;
}

/* Logo: light version on light card */
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .company-logo img.logo-light,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .cw-invoice-logo img.logo-light,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .company-logo h2.logo-light {
  display: block !important;
  filter: none !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .company-logo img.logo-dark,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .cw-invoice-logo img.logo-dark,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .company-logo h2.logo-dark {
  display: none !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .company-logo img {
  filter: none !important;
  max-height: 52px !important;
}

html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice h4,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.quote h4 {
  color: #2A4578 !important;
  border-bottom: 2px solid #E8B931 !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  font-size: 0.85rem !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice address,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .section,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .invoice-info .title {
  color: #1A2B4A !important;
  font-family: "Jura", sans-serif !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .text-muted,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .invoice-date .text-muted {
  color: #64748B !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .invoice-info,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.quote .quote-info {
  border-color: rgba(42, 69, 120, 0.12) !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .invoice-title .title {
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  color: #2A4578 !important;
  font-size: clamp(1.25rem, 2.5vw, 1.65rem) !important;
}

/* Status badges */
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .invoice-status.label {
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 5px) 0, 100% 5px, 100% 100%, 5px 100%, 0 calc(100% - 5px));
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 0.4rem 0.75rem !important;
  font-size: 0.7rem !important;
  border: 1px solid transparent !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .invoice-status.label-success {
  background: #ECFDF5 !important;
  color: #047857 !important;
  border-color: rgba(5, 150, 105, 0.28) !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .invoice-status.label-danger {
  background: #FEF2F2 !important;
  color: #C8102E !important;
  border-color: rgba(200, 16, 46, 0.25) !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .invoice-status.label-warning {
  background: #FFFBEB !important;
  color: #B45309 !important;
  border-color: rgba(232, 185, 49, 0.4) !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .invoice-status.label-info {
  background: #EEF2FF !important;
  color: #2A4578 !important;
  border-color: rgba(42, 69, 120, 0.2) !important;
}

/* Tables */
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .table,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .table-responsive {
  background: transparent !important;
  color: #1A2B4A !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .table > thead > tr > th {
  background: #FAFBFF !important;
  color: #64748B !important;
  border-color: rgba(42, 69, 120, 0.1) !important;
  font-family: "Jura", sans-serif !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 0.7rem !important;
  font-weight: 800 !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .table > tbody > tr > td,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .table > tbody > tr > th,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .table > tfoot > tr > td {
  border-color: rgba(42, 69, 120, 0.08) !important;
  color: #1A2B4A !important;
  background: transparent !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 600 !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .table > tbody > tr:hover > td {
  background: #FFFBEB !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .table tr.active > td,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .table tr.total-row.active > td {
  background: #EEF2FF !important;
  border-top: 1px solid rgba(232, 185, 49, 0.35) !important;
  color: #2A4578 !important;
  font-weight: 800 !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .total-row td {
  color: #64748B !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .panel,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice .alert {
  background: #F8FAFF !important;
  border-color: rgba(42, 69, 120, 0.12) !important;
  color: #1A2B4A !important;
  border-radius: 0 !important;
}

/* Sidebar pay panel */
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .panel-invoice-info,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .cw-invoice-pay {
  background: linear-gradient(165deg, #FFFFFF, #F7F9FF) !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
  box-shadow: 0 14px 32px rgba(42, 69, 120, 0.07) !important;
  overflow: hidden;
  margin-bottom: 0.85rem;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .panel-invoice-info .total .text-muted {
  color: #64748B !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .panel-invoice-info .total-price {
  font-family: "Jura", sans-serif !important;
  font-size: clamp(1.45rem, 4vw, 1.85rem) !important;
  font-weight: 800 !important;
  color: #2A4578 !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .panel-invoice-info label {
  color: #64748B !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .panel-invoice-info .form-control,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .panel-invoice-info select {
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.14) !important;
  color: #1A2B4A !important;
  border-radius: 0 !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form p,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form span,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form label,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form div {
  color: #64748B !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form strong,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form b,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form h3,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form h4 {
  color: #2A4578 !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form textarea,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form input[type="text"],
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form input[readonly] {
  background: #fff !important;
  color: #2A4578 !important;
  border: 1.5px solid rgba(42, 69, 120, 0.14) !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form .btn,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form button,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form input[type="submit"] {
  background: linear-gradient(180deg, #3A5A9A, #2A4578) !important;
  border: 1.5px solid rgba(232, 185, 49, 0.35) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .panel-invoice-info .payment-form a {
  color: #2A4578 !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .panel-apply-credit .btn-success {
  background: linear-gradient(180deg, #3A5A9A, #2A4578) !important;
  border: 1.5px solid rgba(232, 185, 49, 0.35) !important;
  color: #fff !important;
  border-radius: 0 !important;
}

/* Actions sidebar */
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .rk-invoice-actions,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .cw-invoice-actions {
  background: linear-gradient(165deg, #FFFFFF, #F7F9FF) !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
  box-shadow: 0 14px 32px rgba(42, 69, 120, 0.07) !important;
  padding: 0.85rem 0.85rem 1rem !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .rk-invoice-actions > .panel-heading {
  background: transparent !important;
  border-bottom: 1px solid rgba(42, 69, 120, 0.1) !important;
  border-left: 3px solid #E8B931;
  padding: 0.35rem 0 0.65rem 0.65rem !important;
  margin-bottom: 0.65rem;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .rk-invoice-actions .panel-title {
  color: #2A4578 !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .rk-invoice-actions .panel-title > i:first-child {
  color: #B45309 !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .rk-invoice-actions .panel-minimise {
  color: #64748B !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar a.rk-invoice-action,
html[data-theme="enterprise"] 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: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
  color: #2A4578 !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  box-shadow: 0 6px 16px rgba(42, 69, 120, 0.04) !important;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar a.rk-invoice-action span {
  color: inherit !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar a.rk-invoice-action i,
html[data-theme="enterprise"] 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: 0 !important;
  clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px));
  background: linear-gradient(145deg, #EEF2FF, #FFFBEB) !important;
  border: 1px solid rgba(232, 185, 49, 0.35);
  color: #B45309 !important;
  font-size: 0.95rem !important;
  margin: 0 !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar a.rk-invoice-action:hover,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar a.rk-invoice-action:focus {
  margin-left: 0 !important;
  transform: translateX(3px);
  background: #FFFBEB !important;
  border-color: rgba(232, 185, 49, 0.5) !important;
  color: #2A4578 !important;
  box-shadow: 0 10px 24px rgba(42, 69, 120, 0.1) !important;
  text-decoration: none !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar a.rk-invoice-action--back {
  background: linear-gradient(180deg, #3A5A9A, #2A4578) !important;
  border: 1.5px solid rgba(232, 185, 49, 0.4) !important;
  color: #fff !important;
  font-weight: 800 !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar a.rk-invoice-action--back span {
  color: #fff !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar a.rk-invoice-action--back i {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(232, 185, 49, 0.35) !important;
  color: #E8B931 !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar a.rk-invoice-action--back:hover,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar a.rk-invoice-action--back:focus {
  background: linear-gradient(180deg, #4568AE, #2A4578) !important;
  border-color: rgba(232, 185, 49, 0.55) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(42, 69, 120, 0.18) !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar a.rk-invoice-action--download i {
  background: #ECFDF5 !important;
  color: #047857 !important;
  border-color: rgba(5, 150, 105, 0.25) !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar a.rk-invoice-action--print i {
  background: #FFFBEB !important;
  color: #B45309 !important;
}

/* Kill leftover dark glass / cyan glow if polish somehow loads */
html[data-theme="enterprise"] body.rackon-client.viewinvoice .invoice-container,
html[data-theme="enterprise"] body.rackon-client.viewinvoice #invoice-body,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .panel,
html[data-theme="enterprise"] body.rackon-client.viewinvoice .well {
  background: #fff !important;
  border-color: rgba(42, 69, 120, 0.12) !important;
  color: #1A2B4A !important;
  box-shadow: 0 12px 28px rgba(42, 69, 120, 0.06) !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .invoice-logo img {
  filter: none !important;
}

@media print {
  html[data-theme="enterprise"] body.rackon-client.viewinvoice .cw-invoice-actions,
  html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar {
    display: none !important;
  }
  html[data-theme="enterprise"] body.rackon-client.viewinvoice .TM-card.invoice,
  html[data-theme="enterprise"] body.rackon-client.viewinvoice .cw-invoice-card {
    box-shadow: none !important;
    border: 1px solid #ccc !important;
    clip-path: none !important;
  }
}

/* ==========================================================================
   ADD FUNDS + FLOATING CREDIT CHIP (p22)
   ========================================================================== */
html[data-theme="enterprise"] body.rackon-client .cw-funds {
  font-family: "Jura", sans-serif !important;
  margin-bottom: 1.5rem;
}

html[data-theme="enterprise"] body.rackon-client .cw-funds-hero {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  align-items: stretch;
  padding: 1.35rem 1.4rem;
  margin-bottom: 1.15rem;
  background: linear-gradient(145deg, #FFFFFF 0%, #F4F7FF 55%, #FFFBEB 100%);
  border: 1.5px solid rgba(42, 69, 120, 0.12);
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
  box-shadow: 0 16px 40px rgba(42, 69, 120, 0.07);
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-hero__icon {
  width: 3.25rem;
  height: 3.25rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, #EEF2FF, #FFFBEB);
  border: 1.5px solid rgba(232, 185, 49, 0.45);
  color: #B45309;
  font-size: 1.25rem;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-hero__text {
  flex: 1 1 220px;
  min-width: 0;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-hero__kicker {
  margin: 0 0 0.25rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #B45309;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-hero__title {
  margin: 0 0 0.35rem;
  font-size: clamp(1.35rem, 2.5vw, 1.7rem);
  font-weight: 800;
  color: #2A4578;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-hero__sub {
  margin: 0 0 0.75rem;
  color: #64748B;
  font-weight: 600;
  font-size: 0.92rem;
  line-height: 1.45;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-hero__trust {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 1rem;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-hero__trust li {
  font-size: 0.78rem;
  font-weight: 700;
  color: #2A4578;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-hero__trust i {
  color: #047857;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-hero__balance {
  flex: 0 0 auto;
  min-width: 9.5rem;
  padding: 1rem 1.15rem;
  background: linear-gradient(180deg, #3A5A9A, #2A4578);
  border: 1.5px solid rgba(232, 185, 49, 0.4);
  color: #fff;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0 12px 28px rgba(42, 69, 120, 0.2);
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-hero__balance-label,
html[data-theme="enterprise"] body.rackon-client .cw-funds-hero__balance-hint {
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.75;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-hero__balance-value {
  font-size: 1.45rem;
  font-weight: 800;
  line-height: 1.2;
  margin: 0.2rem 0;
  color: #E8B931;
}

html[data-theme="enterprise"] body.rackon-client .cw-funds-benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-benefit {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  padding: 0.95rem 1rem;
  background: linear-gradient(165deg, #FFFFFF, #F7F9FF);
  border: 1.5px solid rgba(42, 69, 120, 0.1);
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
  box-shadow: 0 8px 20px rgba(42, 69, 120, 0.04);
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-benefit__icon {
  width: 2.35rem;
  height: 2.35rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, #EEF2FF, #FFFBEB);
  border: 1px solid rgba(232, 185, 49, 0.35);
  color: #B45309;
  clip-path: polygon(0 0, calc(100% - 5px) 0, 100% 5px, 100% 100%, 5px 100%, 0 calc(100% - 5px));
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-benefit strong {
  display: block;
  color: #2A4578;
  font-weight: 800;
  font-size: 0.88rem;
  margin-bottom: 0.2rem;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-benefit p {
  margin: 0;
  color: #64748B;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.4;
}

html[data-theme="enterprise"] body.rackon-client .cw-funds-packs-label {
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #2A4578;
  margin: 0 0 0.65rem;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-packs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-pack {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  text-align: left;
  padding: 1rem 0.95rem;
  background: linear-gradient(165deg, #FFFFFF, #F8FAFF);
  border: 1.5px solid rgba(42, 69, 120, 0.12);
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
  box-shadow: 0 10px 24px rgba(42, 69, 120, 0.05);
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-family: "Jura", sans-serif !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-pack:hover,
html[data-theme="enterprise"] body.rackon-client .cw-funds-pack.is-active {
  transform: translateY(-3px);
  border-color: rgba(232, 185, 49, 0.55);
  box-shadow: 0 16px 32px rgba(42, 69, 120, 0.1);
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-pack.is-featured {
  background: linear-gradient(165deg, #FFFBEB, #FFFFFF 40%, #F0F4FF);
  border-color: rgba(232, 185, 49, 0.5);
  box-shadow: 0 14px 32px rgba(232, 185, 49, 0.12);
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-pack__tag {
  display: inline-flex;
  align-self: flex-start;
  padding: 0.2rem 0.5rem;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: #EEF2FF;
  color: #2A4578;
  border: 1px solid rgba(42, 69, 120, 0.15);
  clip-path: polygon(0 0, calc(100% - 4px) 0, 100% 4px, 100% 100%, 4px 100%, 0 calc(100% - 4px));
  margin-bottom: 0.35rem;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-pack__tag--gold {
  background: #FFFBEB;
  color: #B45309;
  border-color: rgba(232, 185, 49, 0.45);
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-pack__tag--hot {
  background: #FEF2F2;
  color: #C8102E;
  border-color: rgba(200, 16, 46, 0.25);
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-pack__amount {
  font-size: 1.35rem;
  font-weight: 800;
  color: #2A4578;
  line-height: 1.15;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-pack__bonus {
  font-size: 0.82rem;
  font-weight: 800;
  color: #B45309;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-pack__hint {
  font-size: 0.72rem;
  font-weight: 600;
  color: #64748B;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-packs-note {
  font-size: 0.75rem;
  color: #64748B;
  font-weight: 600;
  margin: 0 0 1.15rem;
}

html[data-theme="enterprise"] body.rackon-client .cw-funds-form,
html[data-theme="enterprise"] body.rackon-client .cw-funds .card.cw-funds-form {
  background: linear-gradient(165deg, #FFFFFF, #F8FAFF) !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
  box-shadow: 0 16px 40px rgba(42, 69, 120, 0.07) !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-form .col-form-label {
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #2A4578 !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-form .form-control,
html[data-theme="enterprise"] body.rackon-client .cw-funds-form .custom-select {
  border: 1.5px solid rgba(42, 69, 120, 0.14) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
  font-family: "Jura", sans-serif !important;
  font-weight: 700 !important;
  color: #1A2B4A !important;
  min-height: 2.75rem;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-form .btn-primary {
  background: linear-gradient(180deg, #3A5A9A, #2A4578) !important;
  border: 1.5px solid rgba(232, 185, 49, 0.4) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  font-size: 0.72rem !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)) !important;
  min-height: 2.75rem;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-form #amount.cw-funds-amount-pulse {
  box-shadow: 0 0 0 3px rgba(232, 185, 49, 0.35);
  border-color: rgba(232, 185, 49, 0.55) !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-limits {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  margin: 0.65rem 0 0;
  font-size: 0.72rem;
  font-weight: 700;
  color: #64748B;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-disclaimer {
  margin-top: 0.85rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #64748B;
}
html[data-theme="enterprise"] body.rackon-client .cw-funds-disclaimer i {
  color: #B45309;
  margin-right: 0.35rem;
}

/* Sidebar funds panel */
html[data-theme="enterprise"] body.rackon-client .panel-funds {
  background: linear-gradient(165deg, #FFFFFF, #F7F9FF) !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
  box-shadow: 0 12px 28px rgba(42, 69, 120, 0.06) !important;
}
html[data-theme="enterprise"] body.rackon-client .panel-funds .total-text {
  color: #64748B !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
html[data-theme="enterprise"] body.rackon-client .panel-funds .total-price {
  color: #2A4578 !important;
  font-weight: 800 !important;
  font-family: "Jura", sans-serif !important;
}
html[data-theme="enterprise"] body.rackon-client .panel-funds .total-price i {
  color: #B45309 !important;
}

/* Floating credit chip ? canto inferior ESQUERDO (WhatsApp fica ? direita) */
html[data-theme="enterprise"] body.rackon-client .cw-credit-float-wrap {
  position: fixed;
  left: 1.1rem;
  right: auto;
  bottom: 1.25rem;
  z-index: 1035;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  gap: 0.35rem;
  pointer-events: none;
}
html[data-theme="enterprise"] body.rackon-client .cw-credit-float-wrap.is-hidden {
  display: none !important;
}
html[data-theme="enterprise"] body.rackon-client .cw-credit-float,
html[data-theme="enterprise"] body.rackon-client .cw-credit-float__close {
  pointer-events: auto;
}
html[data-theme="enterprise"] body.rackon-client .cw-credit-float {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.55rem 0.7rem 0.55rem 0.55rem;
  background: linear-gradient(180deg, #3A5A9A, #2A4578);
  border: 1.5px solid rgba(232, 185, 49, 0.45);
  color: #fff !important;
  text-decoration: none !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
  box-shadow: 0 14px 32px rgba(42, 69, 120, 0.28);
  font-family: "Jura", sans-serif !important;
  max-width: 11.5rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease, max-width 0.25s ease;
}
html[data-theme="enterprise"] body.rackon-client .cw-credit-float:hover,
html[data-theme="enterprise"] body.rackon-client .cw-credit-float:focus {
  color: #fff !important;
  text-decoration: none !important;
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(42, 69, 120, 0.35);
  max-width: 14rem;
}
html[data-theme="enterprise"] body.rackon-client .cw-credit-float__icon {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(232, 185, 49, 0.35);
  color: #E8B931;
  clip-path: polygon(0 0, calc(100% - 5px) 0, 100% 5px, 100% 100%, 5px 100%, 0 calc(100% - 5px));
}
html[data-theme="enterprise"] body.rackon-client .cw-credit-float__body {
  display: flex;
  flex-direction: column;
  min-width: 0;
  line-height: 1.15;
}
html[data-theme="enterprise"] body.rackon-client .cw-credit-float__label {
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.75;
}
html[data-theme="enterprise"] body.rackon-client .cw-credit-float__value {
  font-size: 0.88rem;
  font-weight: 800;
  color: #E8B931;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[data-theme="enterprise"] body.rackon-client .cw-credit-float__cta {
  width: 1.55rem;
  height: 1.55rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #E8B931;
  color: #2A4578;
  font-size: 0.7rem;
  clip-path: polygon(0 0, calc(100% - 4px) 0, 100% 4px, 100% 100%, 4px 100%, 0 calc(100% - 4px));
  opacity: 0.95;
}
html[data-theme="enterprise"] body.rackon-client .cw-credit-float__close {
  appearance: none;
  border: 0;
  width: 1.35rem;
  height: 1.35rem;
  padding: 0;
  margin-top: -0.15rem;
  border-radius: 50%;
  background: #fff;
  color: #64748B;
  border: 1px solid rgba(42, 69, 120, 0.15);
  font-size: 0.95rem;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(42, 69, 120, 0.12);
  opacity: 0.55;
  transition: opacity 0.2s ease;
}
html[data-theme="enterprise"] body.rackon-client .cw-credit-float-wrap:hover .cw-credit-float__close,
html[data-theme="enterprise"] body.rackon-client .cw-credit-float__close:focus {
  opacity: 1;
}

@media (max-width: 991.98px) {
  html[data-theme="enterprise"] body.rackon-client .cw-funds-packs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  html[data-theme="enterprise"] body.rackon-client .cw-funds-benefits {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575.98px) {
  html[data-theme="enterprise"] body.rackon-client .cw-funds-hero {
    flex-direction: column;
  }
  html[data-theme="enterprise"] body.rackon-client .cw-funds-hero__balance {
    width: 100%;
  }
  html[data-theme="enterprise"] body.rackon-client .cw-funds-packs {
    grid-template-columns: 1fr 1fr;
  }
  html[data-theme="enterprise"] body.rackon-client .cw-credit-float-wrap {
    left: 0.75rem;
    right: auto;
    bottom: 0.85rem;
  }
  html[data-theme="enterprise"] body.rackon-client .cw-credit-float {
    max-width: 9.5rem;
    padding: 0.45rem 0.55rem;
  }
  html[data-theme="enterprise"] body.rackon-client .cw-credit-float__value {
    font-size: 0.78rem;
  }
}

/* ==========================================================================
   FINAL POLISH p26 — Links úteis · Serviços · Fatura Voltar · Mobile menu
   ========================================================================== */

/* ---- Links úteis ---- */
html[data-theme="enterprise"] body.rackon-client .cap-home-card,
html[data-theme="enterprise"] body.rackon-client .cap-home-tools .cap-home-card {
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px)) !important;
  border-radius: 0 !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-home-card__title {
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-size: 0.78rem !important;
  color: #2A4578 !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-home-card__title i {
  color: #B45309 !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-home-tool,
html[data-theme="enterprise"] body.rackon-client a.cap-home-tool {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.65rem !important;
  min-height: 7.25rem !important;
  padding: 1.15rem 0.85rem !important;
  text-decoration: none !important;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(232, 185, 49, 0.1), transparent 55%),
    linear-gradient(165deg, #FFFFFF, #F7F9FF) !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px)) !important;
  box-shadow: 0 12px 28px rgba(42, 69, 120, 0.06) !important;
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease !important;
  position: relative;
  overflow: hidden;
}
html[data-theme="enterprise"] body.rackon-client .cap-home-tool:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(232, 185, 49, 0.55) !important;
  box-shadow: 0 0 0 1px rgba(232, 185, 49, 0.2), 0 18px 36px rgba(42, 69, 120, 0.12) !important;
  text-decoration: none !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-home-tool__icon {
  width: 2.75rem;
  height: 2.75rem;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(145deg, #FFFBEB, #EEF2FF) !important;
  border: 1px solid rgba(232, 185, 49, 0.4) !important;
  clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 7px 100%, 0 calc(100% - 7px));
}
html[data-theme="enterprise"] body.rackon-client .cap-home-tool__icon i,
html[data-theme="enterprise"] body.rackon-client .cap-home-tool i {
  margin: 0 !important;
  font-size: 1.15rem !important;
  color: #B45309 !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-home-tool__label,
html[data-theme="enterprise"] body.rackon-client .cap-home-tool span {
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  font-size: 0.72rem !important;
  color: #2A4578 !important;
  -webkit-text-fill-color: #2A4578 !important;
  text-align: center;
  line-height: 1.3;
}

/* ---- Produtos/Serviços: layout + Ver detalhes ---- */
html[data-theme="enterprise"] body.rackon-client .cap-home-panel.panel-services,
html[data-theme="enterprise"] body.rackon-client .panel-services {
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px)) !important;
  overflow: hidden !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-home-panel.panel-services .panel-heading {
  border-left: 3px solid #E8B931 !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-home-panel.panel-services .panel-title {
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 0.78rem !important;
  color: #2A4578 !important;
}
html[data-theme="enterprise"] body.rackon-client .cap-home-panel.panel-services .list-group-item,
html[data-theme="enterprise"] body.rackon-client .panel-services .list-group-item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 0.45rem 0.75rem !important;
  padding: 1.05rem 1.15rem !important;
}
html[data-theme="enterprise"] body.rackon-client .panel-services .list-group-item > i:first-child {
  display: none !important;
}
html[data-theme="enterprise"] body.rackon-client .panel-services .list-group-item .label,
html[data-theme="enterprise"] body.rackon-client .panel-services .list-group-item .badge,
html[data-theme="enterprise"] body.rackon-client .panel-services .list-group-item .label-success,
html[data-theme="enterprise"] body.rackon-client .panel-services .list-group-item [class*="status"] {
  justify-self: end !important;
  align-self: start !important;
  margin: 0 !important;
  float: none !important;
  position: relative !important;
  z-index: 2 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
html[data-theme="enterprise"] body.rackon-client .panel-services .list-group-item .btn,
html[data-theme="enterprise"] body.rackon-client .panel-services .list-group-item a.btn,
html[data-theme="enterprise"] body.rackon-client .panel-services .list-group-item .cw-svc-details-btn,
html[data-theme="enterprise"] body.rackon-client .panel-services .list-group-item a[href*="productdetails"],
html[data-theme="enterprise"] body.rackon-client .panel-services .list-group-item a[href*="action=product"] {
  grid-column: 1 / -1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  width: 100% !important;
  margin: 0.35rem 0 0 !important;
  padding: 0.65rem 1rem !important;
  float: none !important;
  background: linear-gradient(180deg, #3A5A9A, #2A4578) !important;
  border: 1.5px solid rgba(232, 185, 49, 0.45) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 0.72rem !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)) !important;
  box-shadow: 0 10px 22px rgba(42, 69, 120, 0.16) !important;
  text-decoration: none !important;
}
html[data-theme="enterprise"] body.rackon-client .panel-services .list-group-item .btn:hover,
html[data-theme="enterprise"] body.rackon-client .panel-services .list-group-item .cw-svc-details-btn:hover {
  background: linear-gradient(180deg, #4568AE, #2A4578) !important;
  border-color: rgba(232, 185, 49, 0.65) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* ---- Fatura AÇÕES / Voltar ---- */
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar .rk-invoice-actions__list {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.55rem !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar a.rk-invoice-action span {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar a.rk-invoice-action--back {
  background: linear-gradient(180deg, #3A5A9A, #2A4578) !important;
  border: 1.5px solid rgba(232, 185, 49, 0.45) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  margin-top: 0.25rem !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar a.rk-invoice-action--back span {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html[data-theme="enterprise"] body.rackon-client.viewinvoice .sidebar a.rk-invoice-action--back span:empty::before {
  content: "Voltar";
}

/* ---- Mobile side menu: texto + ícones + placeholder ---- */
html[data-theme="enterprise"] body.rackon-client #navbar-side .input-menu {
  color: #2A4578 !important;
  -webkit-text-fill-color: #2A4578 !important;
  opacity: 1 !important;
}
html[data-theme="enterprise"] body.rackon-client #navbar-side .input-menu::placeholder {
  color: #64748B !important;
  -webkit-text-fill-color: #64748B !important;
  opacity: 1 !important;
}
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li > a,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li.open > a,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li.active > a,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li > a.bg-primary,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li > a.text-white {
  background: #fff !important;
  color: #2A4578 !important;
  -webkit-text-fill-color: #2A4578 !important;
}
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li.open > a,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li > a.bg-primary {
  background: #FFFBEB !important;
  border-color: rgba(232, 185, 49, 0.55) !important;
  color: #2A4578 !important;
  -webkit-text-fill-color: #2A4578 !important;
}
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li > a .mtext,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li > a .menu-name,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li.open > a .mtext,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li.open > a .menu-name,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li > a.bg-primary .mtext,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li > a.bg-primary * {
  color: #2A4578 !important;
  -webkit-text-fill-color: #2A4578 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li > a > i,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li > a .cw-side-icon,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li > a .cw-side-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.35rem !important;
  min-width: 1.35rem !important;
  color: #B45309 !important;
  -webkit-text-fill-color: #B45309 !important;
  font-size: 0.9rem !important;
  opacity: 1 !important;
  visibility: visible !important;
  flex: 0 0 auto !important;
}
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li > a .fa.arrow,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li > a span.fa.arrow {
  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li > a .fa.arrow::before,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li > a span.fa.arrow::before {
  content: "\f078" !important;
  color: #B45309 !important;
}
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li.open > a .fa.arrow::before,
html[data-theme="enterprise"] body.rackon-client #navbar-side .side-nav > li.open > a .cw-side-arrow::before {
  content: "\f077" !important;
}
html[data-theme="enterprise"] body.rackon-client #navbar-side .fad,
html[data-theme="enterprise"] body.rackon-client #navbar-side .fal,
html[data-theme="enterprise"] body.rackon-client #navbar-side .fas,
html[data-theme="enterprise"] body.rackon-client #navbar-side .far {
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  display: inline-block !important;
  -webkit-font-smoothing: antialiased;
}
html[data-theme="enterprise"] body.rackon-client #navbar-side .sidebar-shortcuts .btn,
html[data-theme="enterprise"] body.rackon-client #navbar-side .lang-btn .btn {
  background: #FFFBEB !important;
  color: #2A4578 !important;
  -webkit-text-fill-color: #2A4578 !important;
  border-color: rgba(232, 185, 49, 0.4) !important;
}

@media (max-width: 575.98px) {
  html[data-theme="enterprise"] body.rackon-client .cap-home-tool {
    min-height: 6.25rem !important;
  }
  html[data-theme="enterprise"] body.rackon-client .panel-services .list-group-item {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}


/* ==========================================================================
   WhatsApp flutuante p27 — Enterprise (CSS do dark skin desligado)
   ========================================================================== */
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link-wrap {
  display: block !important;
  position: fixed !important;
  right: clamp(0.85rem, 2.5vw, 1.5rem) !important;
  bottom: clamp(0.85rem, 2.5vw, 1.5rem) !important;
  left: auto !important;
  z-index: 1040 !important;
  width: auto !important;
  max-width: min(20rem, calc(100vw - 1.5rem)) !important;
  pointer-events: none !important;
  overflow: visible !important;
  filter: none !important;
}
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link {
  --rk-tilt-x: 0;
  --rk-tilt-y: 0;
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 4.25rem !important;
  min-height: 4.25rem !important;
  text-decoration: none !important;
  color: #fff !important;
  pointer-events: auto !important;
  overflow: hidden !important;
  border-radius: 1.1rem !important;
  border: 1.5px solid rgba(37, 211, 102, 0.45) !important;
  background: transparent !important;
  box-shadow: 0 10px 28px rgba(15, 27, 61, 0.18) !important;
  transform: perspective(700px) rotateX(var(--rk-tilt-x)) rotateY(var(--rk-tilt-y));
  transition:
    width 0.42s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.18s ease,
    box-shadow 0.28s ease !important;
}
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link:hover,
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link.is-active,
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link:focus-visible {
  width: min(19rem, calc(100vw - 1.5rem)) !important;
  outline: none !important;
  box-shadow: 0 16px 36px rgba(15, 27, 61, 0.22) !important;
  border-color: rgba(232, 185, 49, 0.55) !important;
}
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__field {
  display: none !important;
}
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__aurora {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 30% 50%, rgba(37, 211, 102, 0.18), transparent 45%),
    radial-gradient(circle at 80% 40%, rgba(232, 185, 49, 0.1), transparent 40%);
  pointer-events: none;
  z-index: 0;
}
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__ring-spin {
  position: absolute;
  inset: -3px;
  border-radius: 1.1rem;
  background: conic-gradient(from 0deg, #25D366, #E8B931, #2A4578, #25D366);
  opacity: 0.55;
  animation: cw-wa-spin 4s linear infinite;
  pointer-events: none;
  z-index: 0;
  padding: 2px;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
@keyframes cw-wa-spin { to { transform: rotate(360deg); } }
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__panel {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: stretch;
  min-height: 4.25rem;
  border-radius: 1rem;
  overflow: hidden;
  background: linear-gradient(145deg, #FFFFFF 0%, #F4FBF7 55%, #FFFBEB 100%);
  border: 1px solid rgba(37, 211, 102, 0.28);
}
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__corner { display: none; }
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__beacon {
  position: relative;
  flex: 0 0 4.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(160deg, #25D366, #128C7E);
}
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__beacon-hex {
  position: absolute;
  inset: 0.55rem;
  border: 1px solid rgba(255, 255, 255, 0.35);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  opacity: 0.55;
}
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__beacon i {
  position: relative;
  z-index: 1;
  font-size: 1.55rem !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__beacon-pulse {
  position: absolute;
  inset: 0.35rem;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.45);
  animation: cw-wa-pulse 2s ease-in-out infinite;
  pointer-events: none;
}
@keyframes cw-wa-pulse {
  0%, 100% { transform: scale(0.85); opacity: 0.7; }
  50% { transform: scale(1.05); opacity: 0.2; }
}
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__hud {
  display: none;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  gap: 0.2rem;
  padding: 0.55rem 0.85rem 0.55rem 0.35rem;
  min-width: 0;
  color: #2A4578;
  font-family: "Jura", sans-serif;
}
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link:hover .rk-cloud-link__hud,
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link.is-active .rk-cloud-link__hud,
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link:focus-visible .rk-cloud-link__hud {
  display: flex;
}
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__hud-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__live {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: #047857;
}
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__live-dot {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: #25D366;
  box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  animation: cw-wa-live 1.6s ease-out infinite;
}
@keyframes cw-wa-live {
  0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.45); }
  100% { box-shadow: 0 0 0 8px rgba(37, 211, 102, 0); }
}
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__tag {
  color: #B45309;
  background: #FFFBEB;
  border: 1px solid rgba(232, 185, 49, 0.4);
  padding: 0.1rem 0.35rem;
  font-size: 0.58rem;
}
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__stream-wrap {
  overflow: hidden;
  height: 0.7rem;
  opacity: 0.55;
}
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__stream {
  display: inline-block;
  white-space: nowrap;
  font-size: 0.58rem;
  color: #64748B;
  animation: cw-wa-stream 8s linear infinite;
}
@keyframes cw-wa-stream {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__term {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.72rem;
  font-weight: 700;
  color: #2A4578;
  min-height: 1.1rem;
}
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__prompt { color: #25D366; }
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__cursor {
  color: #B45309;
  animation: cw-wa-cursor 1s step-end infinite;
}
@keyframes cw-wa-cursor {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #2A4578;
}
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__cta i {
  color: #25D366;
  font-size: 0.65rem;
}
html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__orb { display: none !important; }

/* Mobile: bolinha compacta (igual ao que já funcionava) */
@media (max-width: 767px) {
  html[data-theme="enterprise"] body.rackon-client .rk-cloud-link-wrap {
    right: max(0.75rem, env(safe-area-inset-right, 0px)) !important;
    bottom: max(0.75rem, env(safe-area-inset-bottom, 0px)) !important;
    width: 3.25rem !important;
    height: 3.25rem !important;
    max-width: none !important;
  }
  html[data-theme="enterprise"] body.rackon-client .rk-cloud-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 3.25rem !important;
    height: 3.25rem !important;
    min-height: 0 !important;
    border-radius: 50% !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  html[data-theme="enterprise"] body.rackon-client .rk-cloud-link:hover,
  html[data-theme="enterprise"] body.rackon-client .rk-cloud-link.is-active {
    width: 3.25rem !important;
    height: 3.25rem !important;
  }
  html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__aurora,
  html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__ring-spin,
  html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__hud,
  html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__beacon-hex,
  html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__beacon-pulse {
    display: none !important;
  }
  html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__panel {
    width: 100%;
    height: 100%;
    min-height: 0;
    border: 0;
    border-radius: 50%;
    background: linear-gradient(160deg, #25D366, #128C7E);
  }
  html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__beacon {
    flex: 1;
    width: 100%;
    background: transparent;
  }
  html[data-theme="enterprise"] body.rackon-client .rk-cloud-link__beacon i {
    font-size: 1.45rem !important;
  }
}