/**
 * Cloud Win Classic — polish central do cliente + páginas internas
 */

:root {
  --cw-classic-hacker: #39ff14;
  --cw-classic-hacker-dim: #0adb00;
  --cw-classic-logo: url("https://cloudwin.com.br/assets/img/logo.png");
}

/* ——— Logo — navbar / sidebar (não login nem homepage solta) ——— */
html[data-theme="classic"] .cros-navbar a.logo,
html[data-theme="classic"] #navbar-side a.logo,
html[data-theme="classic"] .navbar-header a.logo,
html[data-theme="classic"] .logo-section > a.logo {
  display: inline-flex !important;
  align-items: center;
  background: url("https://cloudwin.com.br/assets/img/logo.png") no-repeat left center / contain !important;
  width: clamp(130px, 18vw, 168px) !important;
  height: 42px !important;
  min-height: 42px !important;
}

html[data-theme="classic"] .cros-navbar a.logo img,
html[data-theme="classic"] #navbar-side a.logo img,
html[data-theme="classic"] .navbar-header a.logo img,
html[data-theme="classic"] .logo-section > a.logo img {
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
}

html[data-theme="classic"] .cros-navbar .logo img.logo-light,
html[data-theme="classic"] .cros-navbar a.logo img.logo-light,
html[data-theme="classic"] #navbar-side .logo img.logo-light {
  display: none !important;
}

html[data-theme="classic"] .cros-navbar .logo .logo-dark:not(img),
html[data-theme="classic"] .cros-navbar a.logo .logo-dark:not(img),
html[data-theme="classic"] .cros-navbar .logo .logo-light:not(img),
html[data-theme="classic"] .cros-navbar a.logo .logo-light:not(img) {
  display: none !important;
}

/* ——— Hero de páginas internas (Meus Produtos, etc.) ——— */
html[data-theme="classic"] .hero-bg-wrap,
html[data-theme="classic"] .header-banner-styled,
html[data-theme="classic"] .small-header.header-banner-styled,
html[data-theme="classic"] body.rackon-client .hero-bg-wrap {
  background:
    radial-gradient(ellipse 80% 120% at 100% 0%, rgba(0, 180, 216, 0.14), transparent 55%),
    radial-gradient(ellipse 60% 80% at 0% 100%, rgba(2, 115, 212, 0.1), transparent 50%),
    linear-gradient(135deg, #f8fbff 0%, #eef6ff 48%, #f4f9ff 100%) !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(2, 115, 212, 0.1) !important;
  box-shadow: none !important;
  min-height: auto !important;
  padding: 1.35rem 0 1.15rem !important;
  margin-bottom: 1.25rem !important;
}

html[data-theme="classic"] .hero-bg-wrap::before,
html[data-theme="classic"] .header-banner-styled::before,
html[data-theme="classic"] body.rackon-client .hero-bg-wrap::before {
  display: none !important;
}

/* Lollipop verde hacker no topo das páginas internas — desligado */
html[data-theme="classic"] .hero-bg-wrap::after,
html[data-theme="classic"] .header-banner-styled::after,
html[data-theme="classic"] body.rackon-client .hero-bg-wrap::after {
  display: none !important;
  content: none !important;
}

html[data-theme="classic"] .hero-bg-wrap,
html[data-theme="classic"] .header-banner-styled {
  position: relative !important;
}

html[data-theme="classic"] .hero-bg-wrap .page-title h1,
html[data-theme="classic"] .header-banner-styled .page-title h1,
html[data-theme="classic"] .hero-bg-wrap .header-lined h1 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: none !important;
  text-shadow: none !important;
  font-weight: 700 !important;
}

html[data-theme="classic"] .hero-bg-wrap .breadcrumb,
html[data-theme="classic"] .hero-bg-wrap .breadcrumb a,
html[data-theme="classic"] .page-title .breadcrumb-item,
html[data-theme="classic"] .page-title .breadcrumb-item a {
  color: #64748b !important;
}

html[data-theme="classic"] .hero-bg-wrap .breadcrumb-item.active,
html[data-theme="classic"] .page-title .breadcrumb-item.active {
  color: #0273d4 !important;
}

/* ——— Dashboard home — tiles ——— */
html[data-theme="classic"] .cap-home-hero {
  background:
    radial-gradient(circle at 92% 8%, rgba(0, 180, 216, 0.12), transparent 42%),
    linear-gradient(135deg, #ffffff 0%, #f4f9ff 100%) !important;
  border: 1px solid rgba(2, 115, 212, 0.12) !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="classic"] .cap-home-hero__deco {
  display: none !important;
}

html[data-theme="classic"] .cap-home-hero__icon.rk-avatar,
html[data-theme="classic"] .rk-avatar {
  background: linear-gradient(145deg, #eef6ff, #ffffff) !important;
  border: 1px solid rgba(0, 180, 255, 0.28) !important;
  box-shadow: 0 8px 22px rgba(2, 115, 212, 0.12) !important;
  overflow: hidden !important;
}

html[data-theme="classic"] .rk-avatar__ring {
  display: none !important;
}

html[data-theme="classic"] .cap-home-hero__icon.rk-avatar .rk-avatar__emoji,
html[data-theme="classic"] .rk-avatar__emoji {
  color: #0273d4 !important;
  filter: none !important;
}

html[data-theme="classic"] .tile.cap-home-tile,
html[data-theme="classic"] .cap-home-page .tile.cap-home-tile {
  background: #fff !important;
  border: 1px solid rgba(2, 115, 212, 0.12) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
  border-radius: 16px !important;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease !important;
  animation: cw-classic-tile-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) backwards;
}

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

html[data-theme="classic"] .cap-home-tiles-swiper .swiper-slide:nth-child(1) .cap-home-tile { animation-delay: 0.04s; }
html[data-theme="classic"] .cap-home-tiles-swiper .swiper-slide:nth-child(2) .cap-home-tile { animation-delay: 0.1s; }
html[data-theme="classic"] .cap-home-tiles-swiper .swiper-slide:nth-child(3) .cap-home-tile { animation-delay: 0.16s; }
html[data-theme="classic"] .cap-home-tiles-swiper .swiper-slide:nth-child(4) .cap-home-tile { animation-delay: 0.22s; }

html[data-theme="classic"] .tile.cap-home-tile::before,
html[data-theme="classic"] .tile.cap-home-tile::after {
  display: none !important;
}

html[data-theme="classic"] .tile.cap-home-tile:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(2, 115, 212, 0.28) !important;
  box-shadow: 0 16px 36px rgba(2, 115, 212, 0.12) !important;
}

html[data-theme="classic"] .tile.cap-home-tile .icon i {
  color: #0273d4 !important;
  filter: none !important;
  text-shadow: none !important;
}

html[data-theme="classic"] .tile.cap-home-tile:hover .icon i {
  color: var(--cw-classic-hacker-dim) !important;
}

html[data-theme="classic"] .tile.cap-home-tile .stat {
  color: #0273d4 !important;
  text-shadow: none !important;
}

html[data-theme="classic"] .tile.cap-home-tile .title {
  color: #64748b !important;
}

/* ——— DataTables / filtros (dropdowns pretos) ——— */
html[data-theme="classic"] .dataTables_wrapper select,
html[data-theme="classic"] .dataTables_length select,
html[data-theme="classic"] .dataTables_length .custom-select,
html[data-theme="classic"] .table-container select.form-control,
html[data-theme="classic"] .table-list-controls select,
html[data-theme="classic"] .listtable select,
html[data-theme="classic"] select.custom-select,
html[data-theme="classic"] select.form-control,
html[data-theme="classic"] .pagination-length select {
  background: #fff !important;
  color: #334155 !important;
  border: 1px solid rgba(2, 115, 212, 0.2) !important;
}

html[data-theme="classic"] table.dataTable thead th,
html[data-theme="classic"] table.dataTable thead td {
  background: linear-gradient(135deg, #f8fbff, #eef6ff) !important;
  color: #0273d4 !important;
  border-color: rgba(2, 115, 212, 0.1) !important;
}

html[data-theme="classic"] .dataTables_filter input,
html[data-theme="classic"] .table-search input {
  background: #fff !important;
  color: #0f172a !important;
  border: 1px solid rgba(2, 115, 212, 0.18) !important;
}

html[data-theme="classic"] .pagination .page-link {
  background: #fff !important;
  color: #334155 !important;
  border-color: rgba(2, 115, 212, 0.15) !important;
}

html[data-theme="classic"] .pagination .page-item.active .page-link {
  background: #0273d4 !important;
  color: #fff !important;
  border-color: #0273d4 !important;
}

/* ——— Produto / suporte ——— */
html[data-theme="classic"] body.rackon-client .support-item,
html[data-theme="classic"] .cw-support-below-panel .support-item,
html[data-theme="classic"] .support-item {
  background: linear-gradient(160deg, #ffffff, #f4f9ff) !important;
  border: 1px solid rgba(2, 115, 212, 0.1) !important;
}

html[data-theme="classic"] body.rackon-client .support-item h5,
html[data-theme="classic"] .support-item h5 {
  color: #0f172a !important;
}

html[data-theme="classic"] body.rackon-client .support-item p,
html[data-theme="classic"] .support-item p {
  color: #64748b !important;
}

html[data-theme="classic"] body.rackon-client .product-support-card,
html[data-theme="classic"] .product-support-card {
  background: #fff !important;
  border: 1px solid rgba(2, 115, 212, 0.12) !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="classic"] body.rackon-client .product-support-card .card-header,
html[data-theme="classic"] .product-support-card .card-header {
  background: linear-gradient(135deg, #f8fbff, #eef6ff) !important;
  border-bottom: 1px solid rgba(2, 115, 212, 0.1) !important;
  color: #0f172a !important;
}

html[data-theme="classic"] body.rackon-client .support-item:hover,
html[data-theme="classic"] .support-item:hover {
  border-color: rgba(57, 255, 20, 0.35) !important;
  box-shadow: 0 12px 28px rgba(2, 115, 212, 0.1) !important;
}

html[data-theme="classic"] .support-icon {
  background: linear-gradient(145deg, #0273d4, #00b4d8) !important;
}

html[data-theme="classic"] .cap-pd-hero,
html[data-theme="classic"] .cap-pd-meta-card {
  background: #fff !important;
  border: 1px solid rgba(2, 115, 212, 0.12) !important;
  color: #334155 !important;
}

/* ——— Alerta verificação e-mail — glass futurista ——— */
html[data-theme="classic"] .verification-banner.email-verification {
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(16px) saturate(1.25);
  -webkit-backdrop-filter: blur(16px) saturate(1.25);
  border-top: 1px solid rgba(2, 115, 212, 0.1) !important;
  border-bottom: 1px solid rgba(57, 255, 20, 0.22) !important;
  box-shadow:
    0 4px 24px rgba(2, 115, 212, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
  color: #334155 !important;
  padding: 0.65rem 0 !important;
}

html[data-theme="classic"] .verification-banner.email-verification::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    105deg,
    rgba(57, 255, 20, 0.07) 0%,
    transparent 28%,
    rgba(2, 115, 212, 0.06) 72%,
    rgba(57, 255, 20, 0.05) 100%
  );
  pointer-events: none;
}

html[data-theme="classic"] .verification-banner.email-verification::after {
  display: none !important;
  content: none !important;
}

html[data-theme="classic"] .verification-banner.email-verification::before {
  background: linear-gradient(
    105deg,
    rgba(2, 115, 212, 0.06) 0%,
    transparent 35%,
    rgba(0, 180, 255, 0.05) 100%
  ) !important;
}

html[data-theme="classic"] .verification-banner.email-verification > .container {
  position: relative;
  z-index: 1;
}

html[data-theme="classic"] .verification-banner.email-verification .text {
  color: #334155 !important;
  font-weight: 500;
  font-size: 0.92rem;
}

html[data-theme="classic"] .verification-banner.email-verification .fa-exclamation-triangle {
  color: #f59e0b !important;
  filter: drop-shadow(0 0 6px rgba(245, 158, 11, 0.35));
  margin-right: 0.35rem;
}

html[data-theme="classic"] .verification-banner.email-verification .btn.close {
  color: #94a3b8 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="classic"] .verification-banner.email-verification .btn-action,
html[data-theme="classic"] .verification-banner.email-verification .btn-resend-verify-email {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(2, 115, 212, 0.22) !important;
  color: #0273d4 !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.02em;
  box-shadow: 0 4px 14px rgba(2, 115, 212, 0.08) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

html[data-theme="classic"] .verification-banner.email-verification .btn-action:hover,
html[data-theme="classic"] .verification-banner.email-verification .btn-resend-verify-email:hover {
  background: #fff !important;
  border-color: rgba(57, 255, 20, 0.45) !important;
  color: #0adb00 !important;
  box-shadow: 0 0 18px rgba(57, 255, 20, 0.14) !important;
}

/* ——— Lista de serviços — toolbar / filtros ——— */
html[data-theme="classic"] body.rackon-client .view-filter-btns .dropdown-toggle,
html[data-theme="classic"] body.rackon-client .cap-toolbar .cap-btn-outline,
html[data-theme="classic"] .cap-btn-outline {
  background: #fff !important;
  color: #334155 !important;
  border-color: rgba(2, 115, 212, 0.22) !important;
}

html[data-theme="classic"] body.rackon-client .view-filter-btns .dropdown-menu,
html[data-theme="classic"] body.rackon-client .cap-dropdown.dropdown-menu,
html[data-theme="classic"] body.rackon-client .cap-toolbar .dropdown-menu {
  background: #fff !important;
  border: 1px solid rgba(2, 115, 212, 0.14) !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.1) !important;
}

html[data-theme="classic"] body.rackon-client .view-filter-btns .dropdown-menu .dropdown-item,
html[data-theme="classic"] body.rackon-client .cap-dropdown .dropdown-item {
  color: #334155 !important;
}

html[data-theme="classic"] body.rackon-client .view-filter-btns .dropdown-menu .dropdown-item:hover,
html[data-theme="classic"] body.rackon-client .cap-dropdown .dropdown-item:hover {
  background: rgba(2, 115, 212, 0.08) !important;
  color: #0273d4 !important;
}

html[data-theme="classic"] body.rackon-client .dataTables_info,
html[data-theme="classic"] body.rackon-client .dataTables_length label {
  color: #64748b !important;
}