/* ===================================
   IAW WHMCS Theme - Light First, Brand Strong (Dark Toggle)
   Author: Dany Coutinho / In All Web
   =================================== */
/* ============ VARIÁVEIS DA MARCA ============ */
:root {
  --iaw-dark: #212123;
  --iaw-blue: #0F8CBF;
  --iaw-yellow: #FFDD00;
  --iaw-red: #F23A29;
  --iaw-darkblue: #222FBF;
  --iaw-text-dark: #343436;
  --iaw-text-light: #DEE2F0;
  --bg-primary: #ffffff;              /* Light default */
  --bg-secondary: #f8f9fa;            /* Light cards */
  --text-primary: var(--iaw-text-dark); /* Light texto main */
  --text-secondary: #6c757d;          /* Light subtexto */
  --border-glow: rgba(255, 221, 0, 0.2); /* Glow subtil light */
  --border-radius: 12px;
  --shadow-soft: 0 4px 15px rgba(0, 0, 0, 0.1); /* Sombras leves light */
  --transition: all 0.3s ease;
}

/* Dark override (toggle via data-theme="dark") */
[data-theme="dark"] {
  --bg-primary: var(--iaw-dark);
  --bg-secondary: #2a2a2d;
  --title-h1: var(--iaw-yellow);
  --text-primary: var(--iaw-text-light);
  --text-secondary: #a0a0a0;
  --shadow-soft: 0 6px 20px rgba(0, 0, 0, 0.5); /* Sombras fortes dark */
  --border-glow: rgba(255, 221, 0, 0.4);
}

/* ============ LIGHT SIMPLE SWAP: Amarelo → Azul (Site Todo) ============ */
[data-theme="light"] {
  --title-h1: var(--iaw-blue);
}

/* ============ GRID & LAYOUT IAW ============ */
.container, .container-fluid { max-width: 1200px !important; }
@media (max-width: 768px) {
.col-md-6, .col-lg-4 { width: 100% !important; flex: 0 0 100% !important; }
.row { flex-direction: column; }
}

/* ============ FORMS INPUTS ============ */
.form-check-input:checked { background-color: var(--iaw-yellow) !important; border-color: var(--iaw-yellow) !important; }
.custom-select { background: var(--bg-secondary) !important; border: var(--border-glow) !important; }
.custom-select:focus { box-shadow: 0 0 0 0.2rem rgba(255,221,0,0.25) !important; }
.custom-file-label { border: var(--border-glow) !important; color: var(--text-primary) !important; }

/* ============ TABLES GLOBAIS ============ */
.table { background: var(--bg-secondary) !important; border: var(--border-glow) !important; }
.table-hover tbody tr:hover { background-color: rgba(255,221,0,0.1) !important; }
.table thead th { border-bottom: 2px solid var(--iaw-blue) !important; color: var(--title-h1) !important; }
.thead-dark th { background: var(--iaw-darkblue) !important; }

/* ============ MODALS POPOVERS ============ */
.modal-content { background: var(--bg-secondary) !important; border: var(--border-glow) !important; }
.modal-header { border-bottom: var(--border-glow) !important; background: var(--bg-primary) !important; }
.popover { background: var(--bg-secondary) !important; border: var(--border-glow) !important; box-shadow: var(--shadow-soft) !important; }
.tooltip-inner { background: var(--iaw-dark) !important; }

/* ============ BUTTONS VARIANTS ============ */
.btn-success { background: var(--iaw-blue) !important; border-color: var(--iaw-blue) !important; }
.btn-success:hover { background: var(--iaw-yellow) !important; }
.btn-danger { background: var(--iaw-red) !important; color: white !important; }
.btn-danger:hover { background: rgba(220,53,69,0.9) !important; }
.btn-info { background: var(--iaw-darkblue) !important; }
.btn-outline-secondary { border-color: var(--border-glow) !important; color: var(--iaw-yellow) !important; }

/* ============ ALERTS BADGES ============ */
.alert-danger { background: rgba(220,53,69,0.1) !important; border: 1px solid var(--iaw-red) !important; color: var(--iaw-red) !important; }
.alert-success { background: rgba(40,167,69,0.1) !important; border: var(--border-glow) !important; }
.badge { background: var(--iaw-yellow) !important; color: #000 !important; }

/* ============ NAVS CARDS LISTS ============ */
.nav-tabs .nav-link.active { color: var(--title-h1) !important; border-bottom: 3px solid var(--iaw-yellow) !important; }
.card-group > .card, .card-deck > .card { border: var(--border-glow) !important; }
.list-group-item:hover { background: rgba(255,221,0,0.1) !important; }
.fade.show { opacity: 1 !important; transition: opacity 0.3s var(--transition); }

/* ============ GLOBAL ============ */
body,
.primary-bg-color,
.page-header {
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
  transition: var(--transition);
}

h1, h2, h3, h4, h5, h6,
.card-header,
.page-header h1 {
  font-weight: 700;
  transition: var(--transition);
}

/* Títulos com cores da marca */
h1 { color: var(--title-h1) !important; }           /* Amarelo forte */
h2 { color: var(--title-h1) !important; }             /* Azul */
h3 { color: var(--iaw-red) !important; }              /* Vermelho */

/* ============ COMPONENTES PRINCIPAIS ============ */
.header,
.navbar,
.card,
.btn,
.form-control,
.table,
.modal-content,
.alert,
.list-group-item,
.panel {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
  border-radius: var(--border-radius) !important;
  box-shadow: var(--shadow-soft) !important;
  border: 1px solid var(--border-glow) !important; /* Brilho amarelo nas bordas */
  transition: var(--transition);
}

/* Efeito hover com mais brilho */
.card:hover,
.btn:hover,
.navbar:hover {
  box-shadow: 0 8px 30px rgba(255, 221, 0, 0.2) !important;
  border-color: var(--iaw-yellow) !important;
}

/* ============ BOTÕES ============ */
.btn-primary {
  background: var(--iaw-yellow) !important;
  color: #000 !important; /* Texto preto no amarelo */
  border: none !important;
  font-weight: 600;
}

.btn-primary:hover {
  background: var(--iaw-blue) !important;
  color: white !important;
  transform: translateY(-2px);
}

/* Botões secundários (ex: cart, admin) */
.btn-outline-primary,
.cart-btn,
.btn-return-to-admin {
  border-color: var(--iaw-yellow) !important;
  color: var(--title-h1) !important;
}

.btn-outline-primary:hover,
.cart-btn:hover {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
}

/* ============ LINKS ============ */
a,
.text-primary,
.navbar-nav .nav-link {
  color: var(--iaw-blue) !important;
  transition: var(--transition);
}

a:hover,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  color: var(--title-h1) !important;
  text-shadow: 0 0 8px rgba(255, 221, 0, 0.4);
}

/* ============ NAVBAR ESPECÍFICA ============ */
.header .navbar-brand {
  color: var(--title-h1) !important;
  font-size: 1.8rem;
  font-weight: bold;
}

.header .navbar-nav .nav-link {
  color: var(--text-primary) !important;
  padding: 0.8rem 1.2rem !important;
  border-radius: var(--border-radius);
}

.header .navbar-nav .nav-link:hover,
.header .navbar-nav .nav-link.active {
  background: rgba(255, 221, 0, 0.15) !important;
  color: var(--title-h1) !important;
}

/* Topbar (logged in) */
.topbar {
  background: rgba(33, 33, 35, 0.8) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--border-glow);
}

/* ============ DOMAIN SEARCH ============ */
.domainsearch-wrapper {
  background: linear-gradient(135deg, var(--bg-primary), var(--bg-secondary)) !important;
  border: 2px solid var(--border-glow) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

.domainsearch-wrapper h2 {
  color: var(--title-h1) !important;
  text-shadow: 0 0 10px rgba(255, 221, 0, 0.3);
}

.domainsearch-wrapper .form-control {
  background: var(--bg-secondary) !important;
  border-color: var(--iaw-yellow) !important;
  color: var(--text-primary) !important;
}

/* ============ TOGGLE THEME ============ */
.theme-toggle {
  position: fixed !important;
  top: 20px !important;
  right: 20px !important;
  z-index: 99999 !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  background: var(--title-h1) !important;
  color: #000 !important;
  font-size: 20px !important;
  border: 2px solid var(--iaw-blue) !important;
  box-shadow: 0 0 15px rgba(255, 221, 0, 0.5) !important;
  transition: var(--transition) !important;
}

.theme-toggle:hover {
  background: var(--iaw-blue) !important;
  color: white !important;
  transform: scale(1.15) rotate(360deg) !important;
}

/* ============ HOMEPAGE - CARDS & ACTION BUTTONS ============ */
/* Product groups cards */
.card-columns.home .card {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-glow) !important;
  transition: var(--transition);
}
.card-columns.home .card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 35px rgba(255,221,0,0.2) !important;
  border-color: var(--iaw-yellow) !important;
}
.pricing-card-title {
  color: var(--title-h1) !important;
  font-weight: 800;
  text-shadow: 0 0 10px rgba(255,221,0,0.3);
}

/* Action icon buttons (How Can We Help / Your Account) */
.action-icon-btns {
  margin-top: 3rem;
}
.action-icon-btns a {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  transition: var(--transition);
  overflow: hidden;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2.5rem 1rem;
  text-decoration: none;
}
.action-icon-btns a:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 40px rgba(255,221,0,0.25) !important;
  border-color: var(--iaw-yellow) !important;
}
.action-icon-btns .ico-container {
  width: 90px;
  height: 90px;
  margin-bottom: 1rem;
  background: rgba(255,221,0,0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
}
.action-icon-btns a:hover .ico-container {
  background: var(--title-h1);
  transform: scale(1.1);
}
.action-icon-btns i {
  font-size: 3rem;
  color: var(--iaw-blue);
  transition: var(--transition);
}
.action-icon-btns a:hover i {
  color: #000;
}

/* Remove accents antigos (teal/pomegranate etc.) */
.action-icon-btns a[class*="card-accent-"] {
  background: var(--bg-secondary) !important;
  border-color: var(--border-glow) !important;
}

/* Responsive */
@media (max-width: 768px) {
  .action-icon-btns .col-lg {
    margin-bottom: 1.5rem;
  }
}

/* ============ CLIENT AREA HOME - DASHBOARD IAW (Versão Melhorada do Teu Código) ============ */
/* ============ SAUDAÇÃO PERSONALIZADA - CLIENT AREA HOME ============ */
.welcome-section {
  padding: 3rem 1rem;
  background: linear-gradient(135deg, rgba(255,221,0,0.1), rgba(15,140,191,0.1)) !important;
  border-radius: var(--border-radius) !important;
  border: 2px solid var(--border-glow) !important;
  box-shadow: var(--shadow-soft) !important;
  margin-bottom: 3rem !important;
}

.welcome-title {
  font-size: 3.2rem !important;
  font-weight: 900 !important;
  color: var(--title-h1) !important;
  text-shadow: 0 0 20px rgba(255,221,0,0.4);
  margin-bottom: 1rem !important;
  letter-spacing: 1px;
}

.welcome-subtitle {
  font-size: 1.4rem !important;
  color: var(--text-primary) !important;
  opacity: 0.9;
  font-weight: 500;
}

/* Responsivo - mobile */
@media (max-width: 768px) {
  .welcome-title {
    font-size: 2.4rem !important;
  }
  .welcome-subtitle {
    font-size: 1.2rem !important;
  }
  .welcome-section {
    padding: 2rem 1rem;
  }
}

/* Tiles do Topo - Estatísticas (Serviços, Domínios, Tickets, Invoices) */
.tiles .row {
  gap: 0rem; /* Espaçamento uniforme */
}

.tiles .tile {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
  border-radius: var(--border-radius) !important;
  box-shadow: var(--shadow-soft) !important;
  border: 1px solid var(--border-glow) !important;
  transition: var(--transition);
  overflow: hidden;
  position: relative;
  padding: 2rem 1.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 170px;
}

.tiles .tile:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 40px rgba(255,221,0,0.25) !important;
  border-color: var(--iaw-yellow) !important;
}

/* Ícone */
.tiles .tile i {
  font-size: 3.2rem;
  color: var(--title-h1);
  margin-bottom: 1rem;
  transition: var(--transition);
}

.tiles .tile:hover i {
  color: var(--iaw-blue);
  transform: scale(0.8);
}

/* Número grande */
.tiles .stat {
  font-size: 2.8rem;
  font-weight: 900;
  color: var(--title-h1) !important;
  text-shadow: 0 0 12px rgba(255,221,0,0.3);
  line-height: 1;
}

/* Título */
.tiles .title {
  color: var(--text-primary) !important;
  font-weight: 600;
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-top: 0.5rem;
}

/* Barra inferior colorida - gradiente amarelo → azul (teu toque genial) */
.tiles .highlight {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 10px;
  background: linear-gradient(90deg, var(--iaw-yellow), var(--iaw-blue)) !important;
  transition: var(--transition);
}

.tiles .tile:hover .highlight {
  height: 14px;
  background: linear-gradient(90deg, var(--iaw-blue), var(--iaw-yellow)) !important;
}

/* ============ PAINÉIS PRINCIPAIS ============ */
.client-home-cards .card {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  box-shadow: var(--shadow-soft) !important;
  transition: var(--transition);
  overflow: hidden;
}

.client-home-cards .card:hover {
  border-color: var(--iaw-yellow) !important;
  box-shadow: 0 12px 35px rgba(255,221,0,0.2) !important;
}

/* Cabeçalho do painel */
.client-home-cards .card-header {
  background: var(--bg-primary) !important;
  border-bottom: 2px solid var(--border-glow) !important;
  padding: 1.4rem 1.5rem;
}

.client-home-cards .card-title {
  color: var(--title-h1) !important;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0;
  text-shadow: 0 0 8px rgba(255,221,0,0.2);
}

/* Botão "View All" no cabeçalho */
.client-home-cards .btn-xs {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
  border: none !important;
  border-radius: 30px !important;
  padding: 0.5rem 1.2rem;
  font-weight: 600;
  font-size: 0.9rem;
  transition: var(--transition);
}

.client-home-cards .btn-xs:hover {
  background: var(--iaw-blue) !important;
  color: white !important;
  transform: translateY(-2px);
}

/* Itens da lista */
.client-home-cards .list-group-item {
  background: transparent !important;
  border: 1px solid var(--border-glow) !important;
  border-radius: 10px !important;
  margin: 0.4rem 0;
  padding: 1rem 1.4rem;
  transition: var(--transition);
}

.client-home-cards .list-group-item:hover {
  background: rgba(255,221,0,0.1) !important;
  border-color: var(--iaw-yellow) !important;
  padding-left: 1.8rem;
  box-shadow: 0 4px 15px rgba(255,221,0,0.15);
}

.client-home-cards .list-group-item.active {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
  border-color: var(--iaw-blue) !important;
  font-weight: 600;
}

/* Badges */
.client-home-cards .badge {
  background: var(--iaw-blue) !important;
  color: white !important;
  border-radius: 20px !important;
  padding: 0.4rem 0.8rem;
  font-weight: 600;
}

/* Remove accents antigos */
.client-home-cards [class*="card-accent-"] {
  background: var(--bg-secondary) !important;
}

/* ============ DOMAIN PRICING PAGE - IAW STYLE ============ */

/* Container principal */
.domain-pricing {
  padding: 2rem 0;
}

/* TLDs Destacados no Topo - Grid bonito com glow forte */
.featured-tlds-container {
  margin-bottom: 3rem;
}

.featured-tld {
  background: var(--bg-secondary) !important;
  border-radius: var(--border-radius) !important;
  overflow: hidden;
  border: 2px solid var(--border-glow) !important;
  transition: var(--transition);
  text-align: center;
  padding: 1.5rem;
  height: 100%;
}

.featured-tld:hover {
  transform: translateY(-12px);
  box-shadow: 0 20px 40px rgba(255, 221, 0, 0.3) !important;
  border-color: var(--iaw-yellow) !important;
}

.featured-tld .img-container {
  width: 80px;
  height: 80px;
  margin: 0 auto 1rem;
  padding: 10px;
  background: rgba(255, 221, 0, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
}

.featured-tld:hover .img-container {
  background: var(--iaw-yellow);
}

.featured-tld img {
  max-width: 60px;
  max-height: 60px;
  filter: brightness(1.2);
  transition: var(--transition);
}

.featured-tld:hover img {
  filter: brightness(1) drop-shadow(0 0 10px var(--iaw-yellow));
}

.featured-tld .price {
  background-color: transparent !important;
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--title-h1) !important;
  text-shadow: 0 0 12px rgba(255, 221, 0, 0.4);
  margin: 0;
}

/* Quando não disponível */
.featured-tld .price:contains("regnotavailable") {
  color: var(--iaw-red) !important;
  font-size: 1.1rem;
  text-shadow: none;
}

/* Selector de moeda (float right) */
.currency-selector {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-glow) !important;
  color: var(--text-primary) !important;
  padding: 0.6rem 1rem;
  border-radius: var(--border-radius);
}

/* Título da secção */
.domain-pricing h4 {
  color: var(--title-h1) !important;
  font-size: 2rem;
  text-align: center;
  margin: 3rem 0 1.5rem;
  text-shadow: 0 0 10px rgba(255, 221, 0, 0.3);
}

/* Filtros de categoria */
.tld-filters {
  text-align: center;
  margin-bottom: 2rem;
}

.tld-filters .badge {
  background: rgba(255, 221, 0, 0.15) !important;
  color: var(--title-h1) !important;
  border: 1px solid var(--border-glow);
  padding: 0.8rem 1.2rem;
  margin: 0.4rem;
  font-size: 1rem;
  transition: var(--transition);
}

.tld-filters .badge:hover,
.tld-filters .badge.badge-success {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
  box-shadow: 0 0 15px rgba(255, 221, 0, 0.5);
}

/* Tabela de preços - Moderna e limpa */
#tableDomainPricing {
  background: var(--bg-secondary) !important;
  border: 2px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  overflow: hidden;
}

#tableDomainPricing thead th {
  background: rgba(255, 221, 0, 0.15) !important;
  color: var(--title-h1) !important;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 0.5px;
  border-bottom: 2px solid var(--iaw-yellow) !important;
}

#tableDomainPricing tbody tr {
  transition: var(--transition);
}

#tableDomainPricing tbody tr:hover {
  background: rgba(255, 221, 0, 0.08) !important;
  transform: scale(1.01);
}

#tableDomainPricing tbody td {
  vertical-align: middle;
  color: var(--text-primary);
}

/* Extensão (ex: .com) */
#tableDomainPricing td:first-child {
  font-weight: 600;
  font-size: 1.2rem;
  color: var(--iaw-blue);
}

/* Promoções - Destaque forte */
.tld-sale-group {
  background: var(--iaw-red) !important;
  color: white !important;
  padding: 0.3rem 0.8rem;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: bold;
  margin-left: 0.5rem;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(242, 58, 41, 0.7); }
  70% { box-shadow: 0 0 0 10px rgba(242, 58, 41, 0); }
  100% { box-shadow: 0 0 0 0 rgba(242, 58, 41, 0); }
}

/* Preços na tabela */
#tableDomainPricing small {
  color: var(--text-secondary);
}

/* Quando não disponível */
#tableDomainPricing td:contains("regnotavailable") {
  color: var(--iaw-red) !important;
  font-style: italic;
}

/* Loading spinner */
#tableLoading {
  color: var(--title-h1);
  font-size: 1.2rem;
}

/* ============ FOOTER & MODALS - IAW STYLE ============ */
/* Footer geral */
#footer.footer {
  background: var(--bg-primary) !important;
  border-top: 2px solid var(--border-glow) !important;
  padding: 3rem 0 2rem !important;
}
.footer .nav-link {
  color: var(--text-primary) !important;
  transition: var(--transition);
}
.footer .nav-link:hover {
  color: var(--title-h1) !important;
  text-shadow: 0 0 8px var(--border-glow);
}
.footer .copyright {
  color: var(--text-secondary) !important;
  font-weight: 500;
}

/* Social accounts & language/currency list-inline */
.list-inline.list-inline-item .btn {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-glow) !important;
  color: var(--text-primary) !important;
  border-radius: var(--border-radius);
  transition: var(--transition);
}
.list-inline .iti-flag {
  filter: brightness(1.2);
}

/* Modal Choose Language/Currency */
#modalChooseLanguage.modal-localisation .modal-content {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
}
#modalChooseLanguage .item-selector .item {
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-glow) !important;
  border-radius: 8px;
  transition: var(--transition);
}
#modalChooseLanguage .item:hover,
#modalChooseLanguage .item.active {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
  box-shadow: 0 4px 15px rgba(255,221,0,0.4);
}
#modalChooseLanguage .close.text-light {
  color: var(--title-h1) !important;
}

/* Modal Ajax & System Modals */
#modalAjax.modal.system-modal .modal-content {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-glow) !important;
}
#modalAjax .modal-title {
  color: var(--title-h1) !important;
}
#modalAjax .loader i.fa-spin {
  color: var(--iaw-blue);
}
#modalAjax .modal-submit {
  background: var(--title-h1) !important;
  color: #000 !important;
}

/* Fullpage Overlay Spinner */
#fullpage-overlay {
  background: rgba(33,33,35,0.95) !important;
}
#fullpage-overlay .inner-wrapper img {
  filter: hue-rotate(40deg) brightness(1.2);
}
#fullpage-overlay .msg {
  color: var(--title-h1) !important;
}

/* Admin Return Button */
.btn-return-to-admin {
  background: var(--iaw-red) !important;
  color: white !important;
  border-radius: var(--border-radius) !important;
}
.btn-return-to-admin:hover {
  background: var(--iaw-darkblue) !important;
  transform: translateY(-2px);
}

/* Generate Password Modal (include) */
#generatePasswordModal .form-control {
  border-color: var(--border-glow) !important;
}
#generatePasswordModal .btn-generate-password {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
}

/* Responsive footer */
@media (max-width: 768px) {
  .footer .list-inline {
    text-align: center !important;
  }
  .footer .nav {
    flex-direction: column !important;
  }
}

/* ============ SIDEBAR - MENU LATERAL ============ */
/* Cards sidebar */
.card-sidebar {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  box-shadow: var(--shadow-soft) !important;
  overflow: hidden;
  margin-bottom: 1rem;
}
.card-sidebar:hover {
  border-color: var(--iaw-yellow) !important;
  box-shadow: 0 8px 25px rgba(255,221,0,0.2) !important;
}
.card-sidebar .card-header {
  background: var(--bg-primary) !important;
  border-bottom: 1px solid var(--border-glow) !important;
  cursor: pointer;
}
.card-sidebar .card-title {
  color: var(--title-h1) !important;
  font-weight: 700;
}
.card-minimise {
  color: var(--iaw-blue);
  transition: var(--transition);
}
.card-minimise:hover {
  color: var(--title-h1);
}

/* List group items */
.card-sidebar .list-group-item {
  background: transparent !important;
  border: none !important;
  padding: 1rem 1.2rem;
  transition: var(--transition);
}
.card-sidebar .list-group-item:hover,
.list-group-item.active {
  background: rgba(255,221,0,0.1) !important;
  padding-left: 1.5rem;
  border-left: 4px solid var(--title-h1) !important;
}
.sidebar-menu-item-icon {
  color: var(--iaw-blue);
  width: 30px;
}
.sidebar-menu-item-icon.loading {
  color: var(--title-h1);
}
.sidebar-menu-item-badge .badge {
  background: var(--iaw-red) !important;
  color: white !important;
}

/* Mobile sidebar */
.card.d-block.d-md-none {
  background: var(--bg-secondary) !important;
  border-radius: var(--border-radius) !important;
}

/* ============ CLIENTAREAPRODUCTDETAILS - DETALHES PRODUTO ============ */
/* Status produto + icon stack */
.product-status {
  background: var(--bg-secondary) !important;
  border-radius: var(--border-radius) !important;
  border: 1px solid var(--border-glow) !important;
  box-shadow: var(--shadow-soft) !important;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}
.product-status.product-status-active { border-color: var(--iaw-blue) !important; }
.product-status.product-status-suspended { border-color: var(--iaw-red) !important; }
.product-icon .fa-stack {
  background: linear-gradient(135deg, var(--iaw-yellow), var(--iaw-blue));
  border-radius: 50%;
  box-shadow: 0 0 20px var(--border-glow);
  margin-bottom: 1rem;
}
.product-icon h3 { color: var(--title-h1) !important; font-weight: 800; text-shadow: 0 0 10px rgba(255,221,0,0.4); }
.product-icon h4 { color: var(--iaw-blue) !important; }
.product-status-text { color: var(--text-primary) !important; font-weight: 600; }

/* Actions upgrade/renew/cancel */
.product-actions-wrapper .btn {
  border-radius: var(--border-radius) !important;
  font-weight: 600;
  margin-bottom: 1rem;
}
.product-actions-wrapper .btn-success { background: var(--iaw-blue) !important; color: white !important; }
.product-actions-wrapper .btn-primary { background: var(--iaw-yellow) !important; color: #000 !important; }
.product-actions-wrapper .btn-danger { background: var(--iaw-red) !important; color: white !important; }
.product-actions-wrapper .btn:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(255,221,0,0.3) !important; }

/* Billing info h4 */
.col-md-6 h4 { color: var(--title-h1) !important; font-weight: 700; margin-bottom: 0.5rem; }

/* Tabs responsive */
.nav-tabs.responsive-tabs-sm {
  background: var(--bg-secondary) !important;
  border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
  border: 1px solid var(--border-glow) !important;
  overflow: hidden;
}
.nav-tabs .nav-link {
  color: var(--text-primary) !important;
  border: none !important;
  padding: 1rem 1.5rem;
  transition: var(--transition);
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
  box-shadow: inset 0 -3px var(--iaw-blue);
}
.responsive-tabs-sm-connector { background: var(--border-glow) !important; }

/* Tab panes (domain/config/metrics/customfields/resourceusage) */
.tab-content.product-details-tab-container {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-glow) !important;
  border-top: none !important;
  border-radius: 0 0 var(--border-radius) var(--border-radius) !important;
  padding: 2rem;
}
.tab-pane .row strong { color: var(--iaw-blue) !important; font-weight: 600; }
.tab-pane p, .tab-pane small { color: var(--text-secondary) !important; }

/* Resource usage dials (disk/bw knob) */
#resourceusage .dial-usage {
  background: var(--bg-primary) !important;
  border: 3px solid var(--border-glow) !important;
  box-shadow: 0 0 20px var(--border-glow);
}
#resourceusage h4 { color: var(--title-h1) !important; }

/* Downloads tab */
#tabDownloads h3 { color: var(--title-h1) !important; }
#tabDownloads .btn-default { background: var(--iaw-blue) !important; color: white !important; }

/* Addons tab */
#tabAddons .card-accent-blue {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-glow) !important;
}
#tabAddons .label.status-active { background: var(--iaw-blue) !important; color: white !important; }

/* Changepw form */
#tabChangepw .using-password-strength .form-control { border-color: var(--iaw-yellow) !important; }
#tabChangepw .generate-password { background: var(--iaw-yellow) !important; color: #000 !important; }
#tabChangepw .btn-primary { background: var(--iaw-blue) !important; color: white !important; }

/* SSL status */
.ssl-inactive { color: var(--iaw-red) !important; }

/* ============ CLIENTAREAPRODUCTS - LISTA DE SERVIÇOS ============ */

/* Container da tabela */
#tableServicesList {
  background: var(--bg-secondary) !important;
  border: 2px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  overflow: hidden;
  box-shadow: var(--shadow-soft) !important;
}

/* Cabeçalho da tabela */
#tableServicesList thead th {
  background: rgba(255, 221, 0, 0.15) !important;
  color: var(--title-h1) !important;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.95rem;
  letter-spacing: 0.8px;
  border-bottom: 2px solid var(--iaw-yellow) !important;
  padding: 1.2rem 1rem;
}

/* Linhas da tabela */
#tableServicesList tbody tr {
  background: transparent !important;
  transition: var(--transition);
  cursor: pointer;
}

#tableServicesList tbody tr:hover {
  background: rgba(255, 221, 0, 0.08) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 221, 0, 0.15) !important;
}

/* Células */
#tableServicesList tbody td {
  vertical-align: middle;
  padding: 1.4rem 1rem;
  color: var(--text-primary) !important;
  border-top: 1px solid var(--border-glow) !important;
}

/* Nome do produto + domínio */
#tableServicesList td:nth-child(2) strong {
  color: var(--title-h1) !important;
  font-weight: 700;
  font-size: 1.1rem;
}

#tableServicesList td:nth-child(2) a {
  color: var(--iaw-blue) !important;
  text-decoration: underline;
  transition: var(--transition);
}

#tableServicesList td:nth-child(2) a:hover {
  color: var(--title-h1) !important;
  text-shadow: 0 0 8px rgba(255, 221, 0, 0.5);
}

/* Preço e ciclo */
#tableServicesList td:nth-child(3) {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--title-h1) !important;
}

#tableServicesList td:nth-child(3) small {
  color: var(--text-secondary) !important;
  font-size: 0.9rem;
}

/* Próxima data */
#tableServicesList td:nth-child(4) {
  color: var(--text-secondary) !important;
  font-weight: 500;
}

/* Status label */
#tableServicesList .label.status {
  padding: 0.6rem 1rem !important;
  border-radius: 30px !important;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
  min-width: 100px;
  display: inline-block;
}

#tableServicesList .status-active {
  background: var(--iaw-blue) !important;
  color: white !important;
  box-shadow: 0 0 12px rgba(15, 140, 191, 0.4);
}

#tableServicesList .status-pending {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
}

#tableServicesList .status-suspended {
  background: var(--iaw-red) !important;
  color: white !important;
}

#tableServicesList .status-terminated,
#tableServicesList .status-cancelled,
#tableServicesList .status-fraud {
  background: #6c757d !important;
  color: white !important;
}

/* Ícone SSL */
.ssl-info img {
  filter: drop-shadow(0 0 8px var(--iaw-yellow));
  transition: var(--transition);
}

#tableServicesList tr:hover .ssl-info img {
  transform: scale(1.2);
}

/* Loading spinner */
#tableLoading {
  color: var(--title-h1) !important;
  font-size: 1.3rem;
}

/* Responsivo - mobile */
@media (max-width: 768px) {
  #tableServicesList thead {
    display: none;
  }
  #tableServicesList tbody tr {
    display: block;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-glow) !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--shadow-soft) !important;
  }
  #tableServicesList tbody td {
    display: block;
    text-align: center !important;
    padding: 0.8rem 0;
    border: none !important;
  }
  #tableServicesList tbody td:before {
    content: attr(data-label) ": ";
    font-weight: 700;
    color: var(--title-h1);
  }
  #tableServicesList tbody td:last-child {
    margin-top: 1rem;
  }
}

/* ============ CLIENTAREADOMAINS - LISTA DE DOMÍNIOS ============ */

/* Container da tabela */
#tableDomainsList {
  background: var(--bg-secondary) !important;
  border: 2px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  overflow: hidden;
  box-shadow: var(--shadow-soft) !important;
}

/* Cabeçalho da tabela */
#tableDomainsList thead th {
  background: rgba(255, 221, 0, 0.15) !important;
  color: var(--title-h1) !important;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.95rem;
  letter-spacing: 0.8px;
  border-bottom: 2px solid var(--iaw-yellow) !important;
  padding: 1.2rem 1rem;
}

/* Linhas da tabela */
#tableDomainsList tbody tr {
  background: transparent !important;
  transition: var(--transition);
  cursor: pointer;
}

#tableDomainsList tbody tr:hover {
  background: rgba(255, 221, 0, 0.08) !important;
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(255, 221, 0, 0.15) !important;
}

/* Células */
#tableDomainsList tbody td {
  vertical-align: middle;
  padding: 1.5rem 1rem;
  color: var(--text-primary) !important;
  border-top: 1px solid var(--border-glow) !important;
}

/* Checkbox coluna */
#tableDomainsList td:first-child {
  text-align: center;
}

#tableDomainsList input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--title-h1);
  cursor: pointer;
}

/* Ícone SSL */
#tableDomainsList .ssl-info img {
  filter: drop-shadow(0 0 10px var(--iaw-yellow));
  transition: var(--transition);
}

#tableDomainsList tr:hover .ssl-info img {
  transform: scale(1.25);
}

/* Nome do domínio + autorenew */
#tableDomainsList td:nth-child(3) a {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--title-h1) !important;
  text-decoration: none;
  transition: var(--transition);
}

#tableDomainsList td:nth-child(3) a:hover {
  color: var(--iaw-blue) !important;
  text-shadow: 0 0 12px rgba(15, 140, 191, 0.4);
}

#tableDomainsList td:nth-child(3) small {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.95rem;
}

#tableDomainsList td:nth-child(3) .text-success {
  color: var(--iaw-blue) !important;
}

#tableDomainsList td:nth-child(3) .text-danger {
  color: var(--iaw-red) !important;
}

/* Datas (registo e próxima) */
#tableDomainsList td:nth-child(4),
#tableDomainsList td:nth-child(5) {
  font-weight: 500;
  color: var(--text-primary);
}

/* Status label */
#tableDomainsList .label.status {
  padding: 0.7rem 1.2rem !important;
  border-radius: 30px !important;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 0.6px;
  min-width: 110px;
  display: inline-block;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

#tableDomainsList .status-active {
  background: var(--iaw-blue) !important;
  color: white !important;
}

#tableDomainsList .status-pending {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
}

#tableDomainsList .status-expired,
#tableDomainsList .status-cancelled,
#tableDomainsList .status-fraud {
  background: var(--iaw-red) !important;
  color: white !important;
}

#tableDomainsList .status-grace,
#tableDomainsList .status-redemption {
  background: #fd7e14 !important;
  color: white !important;
}

#tableDomainsList .status-transferred-away {
  background: #6c757d !important;
  color: white !important;
}

/* Botões Bulk Actions (topo) */
.setBulkAction,
#btnGroupDrop1 {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-glow) !important;
  color: var(--text-primary) !important;
  border-radius: var(--border-radius) !important;
  padding: 0.7rem 1.2rem;
  font-weight: 600;
  transition: var(--transition);
  margin-right: 0.5rem;
}

.setBulkAction:hover,
#btnGroupDrop1:hover {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
  border-color: var(--iaw-yellow) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255,221,0,0.3);
}

.dropdown-menu .dropdown-item {
  color: var(--text-primary) !important;
  transition: var(--transition);
}

.dropdown-menu .dropdown-item:hover {
  background: rgba(255,221,0,0.15) !important;
  color: var(--title-h1) !important;
}

/* Loading spinner */
#tableLoading {
  color: var(--title-h1) !important;
  font-size: 1.3rem;
}

/* Responsivo - mobile (cards como na lista de serviços) */
@media (max-width: 768px) {
  #tableDomainsList thead {
    display: none;
  }
  #tableDomainsList tbody tr {
    display: block;
    margin-bottom: 1.5rem;
    padding: 1.8rem;
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-glow) !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--shadow-soft) !important;
  }
  #tableDomainsList tbody td {
    display: block;
    text-align: center !important;
    padding: 0.9rem 0;
    border: none !important;
  }
  #tableDomainsList tbody td:before {
    content: attr(data-label) ": ";
    font-weight: 700;
    color: var(--title-h1);
  }
  #tableDomainsList tbody td:first-child,
  #tableDomainsList tbody td:nth-child(2) {
    display: inline-block;
    width: auto;
    margin: 0 0.5rem;
  }
}

/* ============ CLIENTAREAINVOICES - LISTA DE FATURAS ============ */

/* Container da tabela */
#tableInvoicesList {
  background: var(--bg-secondary) !important;
  border: 2px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  overflow: hidden;
  box-shadow: var(--shadow-soft) !important;
}

/* Cabeçalho da tabela */
#tableInvoicesList thead th {
  background: rgba(255, 221, 0, 0.15) !important;
  color: var(--title-h1) !important;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.95rem;
  letter-spacing: 0.8px;
  border-bottom: 3px solid var(--iaw-yellow) !important;
  padding: 1.3rem 1rem;
}

/* Linhas da tabela */
.table-list>tbody>tr>td {
  background: var(--bg-primary) !important;
}


#tableInvoicesList tbody tr {
  background: transparent !important;
  transition: var(--transition);
  cursor: pointer;
}

#tableInvoicesList tbody tr:hover {
  background: rgba(255, 221, 0, 0.1) !important;
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(255, 221, 0, 0.2) !important;
}

/* Células */
#tableInvoicesList tbody td {
  vertical-align: middle;
  padding: 1.6rem 1rem;
  color: var(--title-h1) !important;
  border-top: 1px solid var(--border-glow) !important;
}

/* Número da fatura */
#tableInvoicesList td:first-child {
  font-weight: 700;
  font-size: 1.2rem;
  color: var(--title-h1) !important;
}

/* Datas */
#tableInvoicesList td:nth-child(2),
#tableInvoicesList td:nth-child(3) {
  font-weight: 500;
  color: var(--text-primary);
}

/* Total (valor) - Destaque forte */
#tableInvoicesList td:nth-child(4) {
  font-size: 1.4rem !important;
  font-weight: 800 !important;
  color: var(--title-h1) !important;
  text-shadow: 0 0 12px rgba(255,221,0,0.4);
}

/* Status label - Cores IAW */
#tableInvoicesList .label.status {
  padding: 0.8rem 1.4rem !important;
  border-radius: 30px !important;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 0.8px;
  min-width: 120px;
  display: inline-block;
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
}

#tableInvoicesList .status-paid {
  background: var(--iaw-blue) !important;
  color: white !important;
}

#tableInvoicesList .status-unpaid {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
  animation: pulse-glow 2s infinite;
}

#tableInvoicesList .status-cancelled,
#tableInvoicesList .status-refunded {
  background: var(--iaw-red) !important;
  color: white !important;
}

#tableInvoicesList .status-overdue {
  background: var(--iaw-red) !important;
  color: white !important;
  animation: pulse-glow 1.5s infinite;
}

#tableInvoicesList .status-collections {
  background: #6c757d !important;
  color: white !important;
}

/* Animação pulse para não pagas e overdue */
@keyframes pulse-glow {
  0% { box-shadow: 0 0 0 0 rgba(255, 221, 0, 0.7); }
  70% { box-shadow: 0 0 0 12px rgba(255, 221, 0, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 221, 0, 0); }
}

/* Loading spinner */
#tableLoading {
  color: var(--title-h1) !important;
  font-size: 1.4rem;
}

/* Responsivo - mobile (cards como nas listas anteriores) */
@media (max-width: 768px) {
  #tableInvoicesList thead {
    display: none;
  }
  #tableInvoicesList tbody tr {
    display: block;
    margin-bottom: 1.8rem;
    padding: 2rem;
    background: var(--bg-secondary) !important;
    border: 2px solid var(--border-glow) !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--shadow-soft) !important;
  }
  #tableInvoicesList tbody td {
    display: block;
    text-align: center !important;
    padding: 1rem 0;
    border: none !important;
  }
  #tableInvoicesList tbody td:before {
    content: attr(data-label) ": ";
    font-weight: 700;
    color: var(--title-h1);
    display: block;
    margin-bottom: 0.5rem;
  }
  #tableInvoicesList .status-unpaid,
  #tableInvoicesList .status-overdue {
    animation: pulse-glow 1.8s infinite;
  }
}

/* ============ SUPPORTTICKETSLIST - LISTA DE TICKETS ============ */

/* Container da tabela */
#tableTicketsList {
  background: var(--bg-secondary) !important;
  border: 2px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  overflow: hidden;
  box-shadow: var(--shadow-soft) !important;
}

/* Cabeçalho da tabela */
#tableTicketsList thead th {
  background: rgba(255, 221, 0, 0.15) !important;
  color: var(--title-h1) !important;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.95rem;
  letter-spacing: 0.8px;
  border-bottom: 3px solid var(--iaw-yellow) !important;
  padding: 1.3rem 1rem;
}

/* Linhas da tabela */
#tableTicketsList tbody tr {
  background: transparent !important;
  transition: var(--transition);
  cursor: pointer;
}

#tableTicketsList tbody tr:hover {
  background: rgba(255, 221, 0, 0.1) !important;
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(255, 221, 0, 0.2) !important;
}

/* Células */
#tableTicketsList tbody td {
  vertical-align: middle;
  padding: 1.6rem 1rem;
  color: var(--text-primary) !important;
  border-top: 1px solid var(--border-glow) !important;
}

/* Departamento */
#tableTicketsList td:first-child {
  font-weight: 600;
  color: var(--iaw-blue) !important;
}

/* Assunto + número do ticket */
#tableTicketsList .ticket-number {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--title-h1) !important;
  margin-right: 0.8rem;
}

#tableTicketsList .ticket-subject {
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--text-primary) !important;
  transition: var(--transition);
}

#tableTicketsList .ticket-subject.unread {
  font-weight: 800 !important;
  color: var(--title-h1) !important;
  text-shadow: 0 0 10px rgba(255, 221, 0, 0.4);
}

#tableTicketsList tr:hover .ticket-subject {
  color: var(--title-h1) !important;
}

/* Borda esquerda no link (original do Twenty-One) */
#tableTicketsList .border-left {
  border-left: 4px solid transparent;
  padding-left: 1rem;
  transition: var(--transition);
}

#tableTicketsList tr:hover .border-left {
  border-left-color: var(--iaw-yellow) !important;
}

/* Status label - Cores IAW */
#tableTicketsList .label.status {
  padding: 0.8rem 1.4rem !important;
  border-radius: 30px !important;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 0.8px;
  min-width: 120px;
  display: inline-block;
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
}

#tableTicketsList .status-open,
#tableTicketsList .status-customer-reply {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
  animation: pulse-glow 2s infinite;
}

#tableTicketsList .status-answered,
#tableTicketsList .status-onhold {
  background: var(--iaw-blue) !important;
  color: white !important;
}

#tableTicketsList .status-closed {
  background: #6c757d !important;
  color: white !important;
}

#tableTicketsList .status-inprogress {
  background: var(--iaw-darkblue) !important;
  color: white !important;
}

/* Custom color fallback (se o admin definir cor personalizada) */
#tableTicketsList .status-custom {
  box-shadow: 0 0 12px rgba(255,221,0,0.4);
}

/* Última resposta */
#tableTicketsList td:last-child {
  font-weight: 500;
  color: var(--text-secondary);
}

/* Animação pulse para tickets abertos/novos */
@keyframes pulse-glow {
  0% { box-shadow: 0 0 0 0 rgba(255, 221, 0, 0.7); }
  70% { box-shadow: 0 0 0 12px rgba(255, 221, 0, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 221, 0, 0); }
}

/* Loading spinner */
#tableLoading {
  color: var(--title-h1) !important;
  font-size: 1.4rem;
}

/* Responsivo - mobile (cards como nas listas anteriores) */
@media (max-width: 768px) {
  #tableTicketsList thead {
    display: none;
  }
  #tableTicketsList tbody tr {
    display: block;
    margin-bottom: 1.8rem;
    padding: 2rem;
    background: var(--bg-secondary) !important;
    border: 2px solid var(--border-glow) !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--shadow-soft) !important;
  }
  #tableTicketsList tbody td {
    display: block;
    text-align: center !important;
    padding: 1rem 0;
    border: none !important;
  }
  #tableTicketsList tbody td:before {
    content: attr(data-label) ": ";
    font-weight: 700;
    color: var(--title-h1);
    display: block;
    margin-bottom: 0.5rem;
  }
  #tableTicketsList .border-left {
    border-left: none !important;
    padding-left: 0;
  }
  #tableTicketsList .ticket-number {
    display: block;
    margin-bottom: 0.5rem;
  }
}

/* ============ LOGIN PAGE - IAW STYLE (Corrigido - Sem impacto global) ============ */

/* Fundo da página login - dark com gradiente subtil (só na página de login) */
body.template-login {
  background: linear-gradient(135deg, var(--iaw-dark), #18181b) !important;
  min-height: 100vh;
}

/* Card central apenas na página de login */
.template-login .login-form .card {
  background: var(--bg-secondary) !important;
  border: 2px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.6) !important;
  overflow: hidden;
  max-width: 540px;
  width: 100%;
  margin: 2rem auto; /* Centra horizontalmente sem flex no body */
}

/* Centrar verticalmente só no login (sem mexer no body global) */
.template-login .container {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.template-login .card-body {
  padding: 3rem 2.5rem !important;
}

/* Títulos */
.template-login h6.h3 {
  color: var(--title-h1) !important;
  font-weight: 800;
  font-size: 2.2rem;
  text-shadow: 0 0 15px rgba(255,221,0,0.4);
  margin-bottom: 1rem;
}

.template-login .text-muted {
  color: var(--text-secondary) !important;
  font-size: 1.1rem;
}

/* Labels */
.template-login .form-control-label {
  color: var(--title-h1) !important;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

/* Inputs - estilo premium com glow */
.template-login .input-group-merge .form-control {
  background: var(--bg-primary) !important;
  border: 2px solid var(--border-glow) !important;
  color: var(--text-primary) !important;
  border-radius: var(--border-radius) !important;
  padding: 1rem 1.2rem;
  font-size: 1.1rem;
  transition: var(--transition);
}

.template-login .input-group-merge .form-control:focus {
  border-color: var(--title-h1) !important;
  box-shadow: 0 0 20px rgba(255,221,0,0.4) !important;
  background: var(--bg-secondary) !important;
}

/* Ícones prepend */
.template-login .input-group-prepend .input-group-text,
.template-login .input-group-append .input-group-text {
  background: transparent !important;
  border: none !important;
  color: var(--title-h1) !important;
  padding: 0 1rem;
}

/* Toggle password button */
.template-login .btn-reveal-pw {
  background: transparent !important;
  border: none !important;
  color: var(--title-h1) !important;
  padding: 0 1rem;
  transition: var(--transition);
  cursor: pointer;
}

.template-login .btn-reveal-pw:hover {
  color: var(--iaw-blue) !important;
}

/* Botão Login principal */
.template-login .btn-primary {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
  border: none !important;
  border-radius: 30px !important;
  padding: 1rem 2.5rem !important;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: 0 8px 25px rgba(255,221,0,0.4) !important;
  transition: var(--transition);
}

.template-login .btn-primary:hover {
  background: var(--iaw-blue) !important;
  color: white !important;
  transform: translateY(-4px);
  box-shadow: 0 12px 35px rgba(15,140,191,0.4) !important;
}

/* Checkbox Remember me */
.template-login .form-check-input {
  accent-color: var(--iaw-yellow);
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 0.8rem;
}

.template-login .form-check-label {
  color: var(--text-primary) !important;
  font-weight: 500;
}

/* Links */
.template-login a {
  color: var(--iaw-blue) !important;
  font-weight: 600;
  transition: var(--transition);
}

.template-login a:hover {
  color: var(--title-h1) !important;
  text-shadow: 0 0 10px rgba(255,221,0,0.4);
}

/* Card footer */
.template-login .card-footer {
  background: var(--bg-primary) !important;
  border-top: 1px solid var(--border-glow) !important;
  padding: 1.5rem 2.5rem;
  text-align: center;
}

/* Linked Accounts */
.template-login #social-login .login-provider-btn {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-glow) !important;
  color: var(--text-primary) !important;
  border-radius: var(--border-radius) !important;
  padding: 1rem;
  margin: 0.5rem 0;
  transition: var(--transition);
  font-weight: 600;
}

.template-login #social-login .login-provider-btn:hover {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(255,221,0,0.3);
}

/* Responsivo mobile - sem problemas */
@media (max-width: 576px) {
  .template-login .card-body {
    padding: 2.5rem 1.8rem !important;
  }
  .template-login h6.h3 {
    font-size: 1.9rem;
  }
  .template-login .btn-primary {
    width: 100%;
    padding: 1.2rem !important;
  }
}

/* ============ NAVBAR - MENUS PRINCIPAL & SECUNDÁRIO ============ */

/* Links do navbar (primário e secundário) */
.navbar-nav .nav-link {
  color: var(--text-primary) !important;
  font-weight: 600;
  padding: 0.8rem 1.2rem !important;
  border-radius: var(--border-radius) !important;
  transition: var(--transition);
  position: relative;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  background: rgba(255, 221, 0, 0.15) !important;
  color: var(--title-h1) !important;
  box-shadow: 0 4px 15px rgba(255, 221, 0, 0.2);
}

/* Dropdown toggle */
.navbar-nav .dropdown-toggle::after {
  color: var(--title-h1);
  transition: var(--transition);
}

.navbar-nav .dropdown-toggle:hover::after {
  transform: rotate(180deg);
}

/* Dropdown menu */
.dropdown-menu {
  background: var(--bg-secondary) !important;
  border: 2px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  box-shadow: var(--shadow-soft) !important;
  padding: 0.5rem 0;
  margin-top: 0.5rem;
}

.dropdown-item {
  color: var(--text-primary) !important;
  padding: 0.8rem 1.5rem !important;
  border-radius: 8px !important;
  margin: 0.3rem 0.8rem;
  transition: var(--transition);
  font-weight: 500;
}

.dropdown-item:hover,
.dropdown-item.active {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
  box-shadow: 0 4px 15px rgba(255,221,0,0.3);
}

/* Divider */
.dropdown-divider {
  border-color: var(--border-glow) !important;
  margin: 0.5rem 1rem;
}

/* Badges no menu */
.badge-iaw,
.navbar-nav .badge {
  background: var(--iaw-red) !important;
  color: white !important;
  border-radius: 20px !important;
  padding: 0.4rem 0.8rem;
  font-size: 0.8rem;
  font-weight: 700;
  box-shadow: 0 0 10px rgba(242,58,41,0.4);
}

/* Menu "More..." collapsable (mobile) */
.collapsable-dropdown .dropdown-toggle {
  color: var(--title-h1) !important;
  font-weight: 700;
}

.collapsable-dropdown-menu {
  background: var(--bg-secondary) !important;
  border: 2px solid var(--border-glow) !important;
}

/* Responsivo */
@media (max-width: 1199px) {
  .navbar-nav .nav-link {
    padding: 1rem 1.5rem !important;
  }
}

/* DROPDOWN AO HOVER (DESKTOP) - ADICIONA AQUI */
@media (min-width: 992px) {
  .navbar-nav .dropdown:hover > .dropdown-menu {
    display: block !important;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    animation: fadeInDropdown 0.3s ease;
  }

  .navbar-nav .dropdown > .dropdown-toggle:active {
    pointer-events: none;
  }

  @keyframes fadeInDropdown {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
  }
}

/* ============ DOMAIN SEARCH HOMEPAGE - IAW PREMIUM STYLE ============ */

.iaw-domain-search {
  background: linear-gradient(135deg, var(--iaw-dark), #18181b) !important;
  border-bottom: 3px solid var(--border-glow) !important;
  padding: 4rem 0 !important;
  position: relative;
  overflow: hidden;
}

/* Título principal */
.domain-search-title {
  font-size: 3.2rem !important;
  font-weight: 900 !important;
  color: var(--yellow) !important;
  text-shadow: 0 0 25px rgba(255,221,0,0.5);
  margin-bottom: 1rem !important;
  letter-spacing: 1px;
}

.domain-search-subtitle {
  font-size: 1.4rem !important;
  color: var(--text-secondary) !important;
  margin-bottom: 3rem !important;
  font-weight: 500;
}

/* Input group grande e premium */
.domain-input-group {
  max-width: 800px;
  margin: 0 auto;
}

.domain-input {
  background: var(--bg-secondary) !important;
  border: 3px solid var(--border-glow) !important;
  color: var(--text-primary) !important;
  font-size: 1.4rem !important;
  padding: 1.5rem 2rem !important;
  border-radius: var(--border-radius) 0 0 var(--border-radius) !important;
  box-shadow: var(--shadow-soft) !important;
  height: auto;
}

.domain-input:focus {
  border-color: var(--iaw-yellow) !important;
  box-shadow: 0 0 30px rgba(255,221,0,0.5) !important;
  background: var(--bg-secondary) !important;
}

/* Botões */
.btn-search {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
  border: none !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  padding: 1.5rem 3rem !important;
  border-radius: 0 var(--border-radius) var(--border-radius) 0 !important;
  box-shadow: 0 8px 30px rgba(255,221,0,0.4) !important;
  transition: var(--transition);
}

.btn-search:hover {
  background: var(--iaw-blue) !important;
  color: white !important;
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(15,140,191,0.4) !important;
}

.btn-transfer {
  background: var(--iaw-blue) !important;
  color: white !important;
  border: none !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  padding: 1.5rem 2rem !important;
  margin-left: 1rem;
  border-radius: var(--border-radius) !important;
  box-shadow: 0 8px 25px rgba(15,140,191,0.3) !important;
}

.btn-transfer:hover {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
  transform: translateY(-4px);
}

/* Featured TLDs - Mais destaque */
.featured-tlds-row {
  margin-top: 4rem;
}

.tlds-title {
  color: var(--iaw-yellow) !important;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 2rem;
  text-shadow: 0 0 10px rgba(255,221,0,0.3);
}

.tld-logos {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.tld-item {
  text-align: center;
  transition: var(--transition);
}

.tld-logo-wrapper {
  width: 100px;
  height: 100px;
  background: rgba(255,221,0,0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
  padding: 15px;
  border: 2px solid var(--border-glow);
  transition: var(--transition);
}

.tld-item:hover .tld-logo-wrapper {
  background: var(--iaw-yellow);
  transform: scale(1.15);
  box-shadow: 0 0 30px rgba(255,221,0,0.6);
  border-color: var(--iaw-yellow);
}

.tld-logo-wrapper img {
  max-width: 70px;
  max-height: 70px;
  filter: brightness(1.3);
  transition: var(--transition);
}

.tld-item:hover img {
  filter: brightness(1) drop-shadow(0 0 15px var(--iaw-yellow));
}

.tld-price {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--iaw-yellow) !important;
  text-shadow: 0 0 10px rgba(255,221,0,0.3);
}

.not-available {
  color: var(--iaw-red) !important;
  font-size: 1rem;
  font-style: italic;
}

/* Link "View all pricing" */
.view-all-pricing {
  display: inline-block;
  margin-top: 3rem;
  color: var(--iaw-yellow) !important;
  font-weight: 600;
  font-size: 1.1rem;
  transition: var(--transition);
}

.view-all-pricing:hover {
  color: var(--iaw-yellow) !important;
  text-shadow: 0 0 15px rgba(255,221,0,0.5);
  transform: translateX(10px);
}

/* Responsivo mobile */
@media (max-width: 768px) {
  .domain-search-title {
    font-size: 2.4rem !important;
  }
  .domain-search-subtitle {
    font-size: 1.2rem !important;
  }
  .domain-input-group {
    padding: 0 1rem;
  }
  .domain-input {
    font-size: 1.2rem !important;
    padding: 1.2rem 1.5rem !important;
  }
  .btn-search, .btn-transfer {
    font-size: 1.1rem !important;
    padding: 1.2rem 1.8rem !important;
  }
  .tld-logos {
    gap: 1.5rem;
  }
  .tld-logo-wrapper {
    width: 80px;
    height: 80px;
  }
}

/* ============ ANNOUNCEMENTS & KNOWLEDGEBASE - TOQUE IAW SUBTIL ============ */

/* Announcements - Títulos e botões */
.announcements .announcement h1 {
  font-size: 1.8rem !important;
  font-weight: 700;
  color: var(--title-h1) !important;
  margin-bottom: 0.5rem;
}

.announcements .announcement h1 a {
  color: var(--title-h1) !important;
  transition: var(--transition);
}

.announcements .announcement h1 a:hover {
  color: var(--iaw-blue) !important;
}

.announcements .announcement article {
  color: var(--iaw-text-dark);
  line-height: 1.7;
  margin: 1.5rem 0;
}

.announcements .btn-sm {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
  border-radius: 30px !important;
  padding: 0.6rem 1.2rem;
  font-weight: 600;
}

.announcements .btn-sm:hover {
  background: var(--iaw-blue) !important;
  color: white !important;
}

/* Knowledgebase - Categorias */
.kb-category .card-body {
  transition: var(--transition);
  padding: 2rem !important;
}

.kb-category:hover {
  transform: translateY(-6px);
  border-color: var(--iaw-yellow) !important;
  box-shadow: 0 10px 30px rgba(255,221,0,0.15) !important;
}

.kb-category .h5 {
  color: var(--title-h1) !important;
  font-weight: 700;
}

.kb-category .badge {
  background: var(--iaw-blue) !important;
  font-size: 0.9rem;
}

/* Artigos populares */
.kb-article-item {
  padding: 1.2rem 1.5rem !important;
  transition: var(--transition);
}

.kb-article-item:hover {
  background: rgba(255,221,0,0.08) !important;
  padding-left: 2rem !important;
}

.kb-article-item .text-black-50 {
  color: var(--iaw-blue) !important;
}

/* Buscador KB */
.kb-search .form-control {
  background: var(--bg-secondary) !important;
  border-color: var(--border-glow) !important;
  font-size: 1.3rem;
  padding: 1.2rem 1.5rem;
}

.kb-search .btn {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
  padding: 1rem 2rem;
  font-weight: 700;
}
.kb-search .btn:hover {
  background: var(--iaw-blue) !important;
  color: white !important;
}

/* ============ BREADCRUMB - IAW STYLE ============ */

.master-breadcrumb {
  background: var(--bg-secondary) !important; /* Fundo semi-transparente dark */
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--border-glow) !important;
  padding: 0.1rem 0;
  margin-bottom: 0.5rem !important;
}

.iaw-breadcrumb {
  background: transparent !important;
  padding: 0.5rem 1rem;
  margin: 0;
  border-radius: var(--border-radius) !important;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  font-size: 1rem;
  font-weight: 500;
}

.iaw-breadcrumb .breadcrumb-item {
  color: var(--text-secondary) !important;
  transition: var(--transition);
}

.iaw-breadcrumb .breadcrumb-item a {
  color: var(--iaw-blue) !important;
  text-decoration: none;
  padding: 0.4rem 0.8rem;
  border-radius: 20px;
  transition: var(--transition);
}

.iaw-breadcrumb .breadcrumb-item a:hover {
  background: rgba(255, 221, 0, 0.15) !important;
  color: var(--title-h1) !important;
  text-shadow: 0 0 8px rgba(255, 221, 0, 0.3);
}

/* Item ativo */
.iaw-breadcrumb .breadcrumb-item.active span {
  color: var(--title-h1) !important;
  font-weight: 700;
  padding: 0.4rem 0.8rem;
  background: rgba(255, 221, 0, 0.15) !important;
  border-radius: 20px;
  text-shadow: 0 0 10px rgba(255, 221, 0, 0.3);
}

/* Separador */
.iaw-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: ">";
  color: var(--text-secondary);
  padding: 0 0.8rem;
  font-weight: bold;
}

/* Responsivo mobile */
@media (max-width: 768px) {
  .master-breadcrumb {
    padding: 0.8rem 0;
    margin-bottom: 1.5rem;
  }
  .iaw-breadcrumb {
    font-size: 0.95rem;
    padding: 0.6rem 1rem;
  }
  .iaw-breadcrumb .breadcrumb-item a,
  .iaw-breadcrumb .breadcrumb-item.active span {
    padding: 0.3rem 0.6rem;
  }
}

/* ============ CLIENTAREAEMAILS - HISTÓRICO DE EMAILS ============ */

#tableEmailsList {
  background: var(--bg-secondary) !important;
  border: 2px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  overflow: hidden;
  box-shadow: var(--shadow-soft) !important;
}

#tableEmailsList thead th {
  background: rgba(255, 221, 0, 0.15) !important;
  color: var(--title-h1) !important;
  font-weight: 700;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  border-bottom: 2px solid var(--iaw-yellow) !important;
  padding: 1rem !important;
}

#tableEmailsList tbody tr {
  transition: var(--transition);
  cursor: pointer;
}

#tableEmailsList tbody tr:hover {
  background: rgba(255, 221, 0, 0.08) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 221, 0, 0.12) !important;
}

#tableEmailsList tbody td {
  padding: 1.2rem 1rem !important;
  vertical-align: middle;
  color: var(--text-primary) !important;
  border-top: 1px solid var(--border-glow) !important;
}

/* Assunto */
#tableEmailsList td:nth-child(2) {
  font-weight: 600;
  color: var(--text-primary);
  font-size: 1.05rem;
}

#tableEmailsList .fa-paperclip {
  color: var(--iaw-blue) !important;
  font-size: 1.1rem;
}

/* Botão "Ver mensagem" */
#tableEmailsList .btn-sm {
  background: var(--iaw-blue) !important;
  color: white !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 0.5rem 1rem !important;
  font-size: 0.9rem;
  font-weight: 600;
  transition: var(--transition);
}

#tableEmailsList .btn-sm:hover {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
  transform: translateY(-2px);
}

/* Loading */
#tableLoading {
  color: var(--title-h1) !important;
  font-size: 1.2rem;
}

/* Mobile - cards */
@media (max-width: 768px) {
  #tableEmailsList thead { display: none; }
  #tableEmailsList tbody tr {
    display: block;
    margin-bottom: 1.2rem;
    padding: 1.5rem;
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-glow) !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--shadow-soft) !important;
  }
  #tableEmailsList tbody td {
    display: block;
    text-align: left !important;
    padding: 0.8rem 0;
    border: none !important;
  }
  #tableEmailsList tbody td:before {
    content: attr(data-label) ": ";
    font-weight: 700;
    color: var(--title-h1);
  }
  #tableEmailsList .btn-sm {
    width: 100%;
    margin-top: 1rem;
  }
}

/* ============ ORDERFORMS STANDARD_CART (PRODUCTS + CONFIGURE) ============ */
/* Layout geral */
#order-standard_cart .cart-body { padding: 2rem 0; }
#order-standard_cart .header-lined h1 {
  font-size: 2.4rem !important; color: var(--title-h1) !important; font-weight: 800;
}
/* Produto info (configure) */
.product-info {
  background: var(--bg-secondary) !important; border: 2px solid rgba(255,221,0,0.6) !important;
  border-radius: var(--border-radius) !important; padding: 2rem;
}
.product-title { font-size: 2rem !important; color: var(--title-h1) !important; font-weight: 700; }
/* Cards produtos (Bronze/Gold) + spacing light */
.products .row-eq-height .col-md-6,
.products .row .col-md-6 { margin-bottom: 3rem !important; }
.products .col-md-6 .product {
  background: var(--bg-secondary) !important; border: 2px solid rgba(255,221,0,0.6) !important;
  border-radius: var(--border-radius) !important; padding: 2rem 1.5rem !important;
  height: 100% !important; transition: var(--transition) !important;
}
.products .col-md-6 .product:hover {
  transform: translateY(-4px) !important; box-shadow: 0 15px 40px rgba(255,221,0,0.4) !important;
}
.products .product header { margin-bottom: 1.5rem; }
#products span[id$="-name"] {
  font-size: 1.8rem !important; color: var(--title-h1) !important; font-weight: 700 !important;
}
.product .qty { color: var(--iaw-yellow) !important; font-weight: 600; }
/* Desc/features */
.product-desc { margin-bottom: 2rem; font-size: 1.1rem; line-height: 1.6; }
.product-desc p[id$="-description"] { color: var(--text-primary) !important; }
.product-desc ul { list-style: none !important; padding: 0 !important; }
.product-desc li[id$="-feature"] {
  padding: 0.6rem 0 !important; border-left: 4px solid var(--iaw-blue) !important;
  margin: 0.5rem 0 0.5rem 1rem !important; color: var(--text-primary) !important;
}
.product-desc li[id$="-feature"]::before {
  content: "✓ "; color: var(--iaw-yellow) !important; font-weight: bold !important;
  font-size: 1.2rem; margin-right: 0.8rem;
}
/* Pricing */
.product-pricing { text-align: center; margin: 2rem 0 1.5rem; }
.product-pricing .price {
  font-size: 2.8rem !important; color: var(--title-h1) !important; font-weight: 800 !important;
  text-shadow: 0 0 15px rgba(255,221,0,0.6) !important; display: block;
}
.product-pricing small { color: var(--text-secondary) !important; font-size: 1rem; }
/* Btn order now */
.btn-order-now {
  background: var(--iaw-blue) !important; border: 2px solid var(--iaw-yellow) !important;
  color: white !important; font-weight: 600 !important; width: 100% !important;
  border-radius: var(--border-radius) !important; padding: 1rem;
}
.btn-order-now:hover {
  background: var(--iaw-yellow) !important; color: #000 !important;
  transform: translateY(-4px) !important; box-shadow: 0 10px 30px rgba(255,221,0,0.5) !important;
}
/* Dark overrides (pretos + yellow borders/hover) */
[data-theme="dark"] .products .col-md-6 .product,
[data-theme="dark"] .product-info,
[data-theme="dark"] .product-desc header {
  background: var(--iaw-dark) !important; color: var(--iaw-text-light) !important;
}

[data-theme="dark"] #order-standard_cart .products .product header {
    background: var(--iaw-dark) !important;
}

[data-theme="dark"] .products .col-md-6 .product {
  border: 2px solid var(--iaw-yellow) !important;
}
[data-theme="dark"] .products .col-md-6 .product:hover {
  box-shadow: 0 20px 50px rgba(255,221,0,0.6) !important;
}
[data-theme="dark"] .product-desc li[id$="-feature"] { border-left-color: var(--iaw-yellow) !important; }
[data-theme="dark"] #products span[id$="-name"] { color: var(--iaw-yellow) !important; }
[data-theme="dark"] .product-pricing .price { text-shadow: 0 0 20px var(--iaw-yellow) !important; }
/* Mobile */
@media (max-width: 768px) {
  .products .col-md-6 { margin-bottom: 2.5rem !important; }
  .product-pricing .price { font-size: 2.3rem !important; }
}

 /* ============ CONFIGOPTIONS SELECTS - PADDING FIX (.form-control .custom-select) ============ */
#inputConfigOption, 
#frmConfigureProduct select.form-control {
  padding: 0.375rem 1.75rem 0.375rem 0.75rem !important; /* Match theme [2] */
  line-height: 1.5 !important;
  height: auto !important;
  min-height: calc(1.5em + 0.75rem + 2px) !important;
  vertical-align: middle !important;
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  font-size: 1rem !important;
}
#frmConfigureProduct select.form-control:focus {
  padding: 0.375rem 1.75rem 0.375rem 0.75rem !important;
}
[data-theme="dark"] #inputConfigOption {
  color: var(--iaw-text-light) !important;
  -webkit-text-fill-color: var(--iaw-text-light) !important;
}

/* Secções (ciclo, config, addons) */
.section {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  padding: 1.8rem;
  margin-bottom: 2rem;
}

.section h3 {
  font-size: 1.5rem !important;
  color: var(--title-h1) !important;
  margin-bottom: 1.5rem;
  font-weight: 700;
}

/* Form controls */
#frmConfigureProduct .form-control,
#frmConfigureProduct .custom-select {
  background: var(--bg-primary) !important;
  border-color: var(--border-glow) !important;
  color: var(--text-primary) !important;
  padding: 0.9rem 1.2rem;
}

#frmConfigureProduct .form-control:focus {
  border-color: var(--iaw-yellow) !important;
  box-shadow: 0 0 15px rgba(255,221,0,0.3);
}

/* Addons cards */
.addon-card {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  transition: var(--transition);
  height: 100%;
}

.addon-card:hover,
.addon-card.selected {
  border-color: var(--iaw-yellow) !important;
  box-shadow: 0 8px 25px rgba(255,221,0,0.2) !important;
  transform: translateY(-4px);
}

.addon-card label {
  font-weight: 600;
  font-size: 1.1rem;
  color: var(--text-primary);
}

.addon-price {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--title-h1);
  margin-top: 0.5rem;
}

/* Sidebar resumo */
.order-summary.card {
  background: var(--bg-secondary) !important;
  border: 2px solid var(--border-glow) !important;
}

.order-summary .card-header {
  background: var(--bg-primary) !important;
  border-bottom: 2px solid var(--border-glow);
}

.order-summary h3 {
  color: var(--title-h1) !important;
  font-size: 1.6rem !important;
}

#btnCompleteProductConfig {
  background: var(--iaw-yellow) !important;
  color: var(--iaw-blue) !important;
  font-size: 1.2rem !important;
  padding: 1rem 2rem !important;
  border-radius: 30px !important;
  font-weight: 700;
}

#btnCompleteProductConfig:hover {
  background: var(--iaw-blue) !important;
  color: white !important;
}

/* Responsivo */
@media (max-width: 991px) {
  .secondary-cart-sidebar {
    margin-top: 3rem;
  }
}

/* ============ ORDERFORMS STANDARD_CART - VIEWCART IAW ============ */

/* Cabeçalho */
#order-standard_cart .header-lined h1 {
  font-size: 2.4rem !important;
  color: var(--title-h1) !important;
  font-weight: 800;
}

/* Cabeçalho dos itens */
.view-cart-items-header {
  background: rgba(255, 221, 0, 0.15) !important;
  padding: 1rem 1.5rem !important;
  border-radius: var(--border-radius) !important;
  margin-bottom: 1rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--title-h1) !important;
  letter-spacing: 0.8px;
}

/* Itens do carrinho (produtos, addons, domínios, renewals, upgrades) */
.view-cart-items .item {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  margin-bottom: 1.5rem;
  padding: 1.5rem !important;
  transition: var(--transition);
}

.view-cart-items .item:hover {
  border-color: var(--iaw-yellow) !important;
  box-shadow: 0 8px 25px rgba(255,221,0,0.2) !important;
  transform: translateY(-4px);
}

/* Título do item (nome produto/addon/domínio) */
.view-cart-items .item-title {
  font-size: 1.3rem !important;
  font-weight: 700;
  color: var(--title-h1) !important;
}

/* Grupo e domínio */
.view-cart-items .item-group {
  color: var(--text-secondary);
  font-size: 0.95rem;
}

.view-cart-items .item-domain {
  color: var(--iaw-blue) !important;
  font-weight: 600;
  font-size: 1.1rem;
}

/* Preço e ciclo */
.view-cart-items .item-price {
  text-align: right;
}

.view-cart-items .item-price > span:first-child {
  font-size: 1.4rem !important;
  font-weight: 800;
  color: var(--title-h1) !important;
}

.view-cart-items .cycle {
  color: var(--text-secondary);
  font-size: 0.95rem;
}

/* Botões remover/editar */
.view-cart-items .btn-link {
  color: var(--iaw-blue) !important;
  font-size: 0.9rem;
}

.view-cart-items .btn-link:hover {
  color: var(--title-h1) !important;
}

.view-cart-items .btn-remove-from-cart {
  color: var(--iaw-red) !important;
  opacity: 0.7;
}

.view-cart-items .btn-remove-from-cart:hover {
  opacity: 1;
  transform: scale(1.2);
}

/* Quantidade */
.view-cart-items .item-qty input {
  width: 80px;
  text-align: center;
}

/* Empty cart */
.view-cart-empty {
  text-align: center;
  padding: 4rem;
  color: var(--text-secondary);
  font-size: 1.4rem;
}

/* Tabs promo/tax */
.view-cart-tabs .nav-tabs {
  border-bottom: 2px solid var(--border-glow);
}

.view-cart-tabs .nav-link {
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
  border: none;
  padding: 1rem 1.5rem;
  font-weight: 600;
}

.view-cart-tabs .nav-link.active {
  background: var(--bg-secondary) !important;
  color: var(--title-h1) !important;
  border-bottom: 3px solid var(--iaw-yellow);
}

/* Resumo carrinho (sidebar) */
.order-summary {
  background: var(--bg-secondary) !important;
  border: 2px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  box-shadow: var(--shadow-soft) !important;
}

.order-summary h2 {
  font-size: 1.8rem !important;
  color: var(--title-h1) !important;
}

.order-summary .total-due-today {
  font-size: 1.8rem !important;
  font-weight: 900;
  color: var(--title-h1) !important;
  padding: 1.5rem;
  background: rgba(255,221,0,0.1) !important;
  border-radius: var(--border-radius);
}

[data-theme="dark"] .order-summary,
[data-theme="dark"] .total-due-today,
[data-theme="dark"] .summary-totals,
[data-theme="dark"] .summary-container {
  background: var(--iaw-dark) !important; /* Fundo full dark */
  color: var(--iaw-text-light) !important; /* Texto claro */
  border-color: rgba(255,221,0,0.6) !important; /* Glow mais forte dark */
}
[data-theme="dark"] .clearfix .pull-right { color: var(--iaw-yellow) !important; } /* Preços yellow */
[data-theme="light"] .total-due-today .amt { color: var(--iaw-blue) !important; } /* Preços yellow */

/* Botão Checkout */
#checkout {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
  font-size: 1.3rem !important;
  padding: 1.2rem 2.5rem !important;
  border-radius: 30px !important;
  font-weight: 700;
}

#checkout:hover {
  background: var(--iaw-blue) !important;
  color: white !important;
}

/* Botão Continue Shopping */
#continueShopping {
  color: var(--iaw-blue) !important;
}

#continueShopping:hover {
  color: var(--title-h1) !important;
}

/* Modais remove item/empty cart */
.modal-remove-item .modal-content {
  background: var(--bg-secondary) !important;
  border: 2px solid var(--border-glow) !important;
}

.modal-remove-item .modal-title {
  color: var(--title-h1) !important;
}

/* Responsivo */
@media (max-width: 991px) {
  .secondary-cart-sidebar {
    margin-top: 3rem;
  }
  .view-cart-items .item {
    padding: 1.2rem !important;
  }
}

/* ============ CUSTOM-SELECT DROPDOWN FIX ============ */
.form-control.select-inline.custom-select,
.custom-select {
  background-color: var(--bg-primary) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px !important;
  color: var(--text-primary) !important;
  -webkit-appearance: none !important;
  padding-right: 2rem !important;
}
.custom-select option {
  background: white !important;
  color: black !important;
  padding: 8px 12px !important;
  font-size: 1rem !important;
}
.custom-select:focus {
  background-color: var(--bg-secondary) !important;
  border-color: var(--iaw-yellow) !important;
  box-shadow: 0 0 0 0.2rem rgba(255,221,0,0.25) !important;
}
[data-theme="dark"] .custom-select option { background: var(--iaw-dark) !important; color: white !important; }

/* ============ CONFIGUREPRODUCT INFO ============ */
.product-info { background: var(--bg-secondary) !important; border: var(--border-glow) !important; padding: 1.5rem; border-radius: var(--border-radius) !important; }
.product-title { font-size: 1.8rem !important; color: var(--title-h1) !important; font-weight: 700; }
.sub-heading .primary-bg-color { background: var(--iaw-blue) !important; color: white !important; padding: 0.5rem 1rem; border-radius: 20px; }

/* ============ SERVER FIELDS ============ */
.field-container .col-sm-6 .form-group { margin-bottom: 1.5rem; }
.field-container input#inputHostname, .field-container input#inputRootpw,
.field-container input#inputNs1prefix, .field-container input#inputNs2prefix {
  border: var(--border-glow) !important; background: var(--bg-primary) !important;
}
.field-container label { color: var(--iaw-blue) !important; font-weight: 600; }

/* ============ METRICS ADDONS ============ */
.metrics li { border-left: 3px solid var(--iaw-blue); padding-left: 1rem; }
.panel-addon { border: var(--border-glow) !important; }
.panel-addon-selected { box-shadow: var(--shadow-soft) !important; border-color: var(--iaw-yellow) !important; }

 /* ============ BILLINGCYCLE SELECT - PADDING FIX ============ */
 #inputBillingcycle,
 #frmConfigureProduct .form-control.select-inline.custom-select {
   padding: 0.375rem 1.75rem 0.375rem 0.75rem !important; /* Exact match theme [2] */
   line-height: 1.5 !important;
   height: auto !important;
   min-height: calc(1.5em + 0.75rem + 2px) !important;
   vertical-align: middle !important;
   text-indent: 0 !important;
   color: #343436 !important; /* Forte light */
   -webkit-text-fill-color: var(--title-h1) !important;
   font-size: 1rem !important;
   background-position: right 0.75rem center !important;
   background-size: 8px 10px !important;
 }

 #inputBillingcycle:focus {
   padding: 0.375rem 1.75rem 0.375rem 0.75rem !important; /* Mantém no focus */
 }

 [data-theme="dark"] #inputBillingcycle {
   color: var(--iaw-text-light) !important;
   -webkit-text-fill-color: var(--iaw-text-light) !important;
 }

/* ============ ORDERSUMMARY IAW (Light + Dark + Product Group Fix) ============ */
.product-name { 
  font-size: 1.3rem !important; 
  font-weight: 700 !important; 
  color: var(--title-h1) !important; 
}
.product-group { 
  color: var(--iaw-blue) !important; 
  font-size: 1rem !important; 
  font-style: italic !important;
  background: var(--bg-secondary) !important;
  padding: 0.5rem 1rem !important;
  border-radius: 20px !important;
  border: 1px solid var(--border-glow) !important;
  margin-bottom: 1rem !important;
  display: inline-block !important;
}
.summary-totals .clearfix,
.clearfix { 
  margin-bottom: 0.8rem !important; 
  padding: 0.5rem 0; 
  border-bottom: 1px solid var(--border-glow) !important; 
}
.pull-left.float-left,
.clearfix .pull-left { 
  font-weight: 500 !important; 
  color: var(--text-primary) !important; 
}
.pull-right.float-right,
.clearfix .pull-right { 
  font-weight: 700 !important; 
  color: var(--title-h1) !important; 
  font-size: 1.1rem !important; 
}
.total-due-today { 
  background: linear-gradient(135deg, rgba(255,221,0,0.15), rgba(15,140,191,0.1)) !important; 
  border-top: 3px solid var(--iaw-yellow) !important; 
  padding: 1.5rem !important; 
  border-radius: 0 0 var(--border-radius) var(--border-radius) !important; 
}
.total-due-today .amt { 
  font-size: 2rem !important; 
  color: var(--iaw-yellow) !important; 
  text-shadow: 0 0 10px rgba(255,221,0,0.5) !important; 
}
.total-due-today span:last-child { 
  color: var(--text-secondary) !important; 
  font-size: 1rem !important; 
}
#cartServiceRenewal, #cartServiceAddonRenewal, #cartDomainRenewal { 
  background: rgba(255,221,0,0.05) !important; 
  border-left: 4px solid var(--iaw-blue) !important; 
  margin-bottom: 1rem !important; 
  padding: 1rem !important; 
}
#cartServiceRenewal .pull-left div:first-child { 
  font-weight: 600 !important; 
  color: var(--title-h1) !important; 
}
#linkCartRemoveServiceRenewal i.fa-trash-alt,
#linkCartRemoveDomainRenewal i.fa-trash-alt,
#linkCartRemoveServiceAddonRenewal i.fa-trash-alt {
  color: var(--iaw-red) !important; 
  transition: var(--transition) !important;
}
#linkCartRemoveServiceRenewal:hover i.fa-trash-alt,
#linkCartRemoveDomainRenewal:hover i.fa-trash-alt,
#linkCartRemoveServiceAddonRenewal:hover i.fa-trash-alt {
  color: var(--title-h1) !important; 
  transform: scale(1.3) !important; 
  text-shadow: 0 0 10px var(--iaw-yellow) !important;
}

/* Dark overrides (integrados) */
[data-theme="dark"] .product-name { 
  color: var(--iaw-yellow) !important; 
}
[data-theme="dark"] .product-group { 
  background: var(--iaw-darkblue) !important;
  color: var(--iaw-yellow) !important;
}
[data-theme="dark"] .summary-totals .clearfix {
  border-bottom: 1px solid rgba(255,221,0,0.3) !important;
  color: var(--iaw-text-light) !important;
}
[data-theme="dark"] .pull-left.float-left,
[data-theme="dark"] .clearfix .pull-left,
[data-theme="dark"] .pull-right.float-right {
  color: var(--iaw-yellow) !important;
}
[data-theme="dark"] .total-due-today {
  background: linear-gradient(135deg, var(--iaw-darkblue), var(--iaw-dark)) !important;
  box-shadow: inset 0 0 20px rgba(255,221,0,0.2) !important;
}
[data-theme="dark"] .total-due-today .amt { 
  color: var(--iaw-yellow) !important; 
  text-shadow: 0 0 15px var(--iaw-yellow) !important; 
}

/* Alerts e Loader (integrados aqui para organização) */
.alert-warning { 
  background: rgba(255,193,7,0.1) !important; 
  border: var(--border-glow) !important; 
}
.alert-warning .alert-link { 
  color: var(--iaw-yellow) !important; 
}
#orderSummaryLoader { 
  color: var(--iaw-yellow) !important; 
}

/* ============ ADDONS PROMO & PRODUCTS ============ */
.addon-promo-container {
  background: var(--bg-primary) !important;
  border: 2px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  padding: 2rem !important;
  margin-bottom: 2rem;
}
.addon-promo-container h3 { color: var(--title-h1) !important; font-size: 1.6rem; }

.addon-products {
  margin-bottom: 2rem;
}
.addon-products .col-sm-6 .panel,
.addon-products .col-sm-12 .panel-addon {
  background: var(--bg-primary) !important;
  border: var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  transition: var(--transition) !important;
  height: 100%;
}
.addon-products .panel-addon:hover,
.addon-products .panel-addon-selected {
  border-color: var(--iaw-yellow) !important;
  box-shadow: var(--shadow-soft), 0 0 20px rgba(255,221,0,0.3) !important;
  transform: translateY(-5px);
}
.panel-addon .panel-body label { color: var(--title-h1) !important; font-weight: 600; }

.panel-price {
  background: var(--bg-primary)
  color: var(--title-h1) !important;
  font-size: 1.3rem;
  font-weight: 700;
}

.panel-add i.fa-plus { color: var(--iaw-blue) !important; }

[data-theme="dark"] .addon-promo-container,
[data-theme="dark"] .addon-products .panel-addon {
  background: var(--iaw-dark) !important;
  color: var(--iaw-text-light) !important;
}
[data-theme="dark"] .panel-price { color: var(--iaw-yellow) !important; }
[data-theme="light"] .panel-price { color: var(--iaw-blue) !important; }

/* ============ MC-PROMO VIEWCART (Clean IAW Dark Fix) ============ */
#mc-promo-widgets,
.mc-promo-manage,
.mc-promos {
  background: var(--bg-secondary) !important;
  border: var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  padding: 1rem !important; /* Mínimo */
  margin-bottom: 2rem !important;
}
.mc-promo-manage h3,
.mc-promos h3 {
  color: var(--title-h1) !important;
  font-size: 1.4rem !important;
}
.store-promoted-product,
.mc-promo-login .promo-card,
.recommended-promo,
.store-promoted-product * { /* Filhos também */
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}
.store-promoted-product,
.mc-promo-login .promo-card,
.recommended-promo {
  border: var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  padding: 0.8rem !important; /* Mínimo */
}
.store-promoted-product h4,
.recommended-promo h4 {
  color: var(--title-h1) !important;
}
.store-promoted-product ul,
.store-promoted-product ul li,
.recommended-promo ul {
  color: var(--text-primary) !important;
  background: transparent !important;
  padding: 0.2rem 0 !important;
}
.store-promoted-product .btn,
.recommended-promo .btn-adicionar {
  background: var(--iaw-blue) !important;
  color: white !important;
  border: var(--border-glow) !important;
}
.promo-input-container,
input[name="promocode"],
#inputPromoCode {
  background: var(--bg-primary) !important;
  border: var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  color: var(--text-primary) !important;
}
#inputPromoCode::placeholder {
  color: var(--text-secondary) !important;
}
.btn-validar-codigo,
button[type="submit"][name="validatepromo"],
.validar-codigo {
  background: var(--iaw-blue) !important;
  color: white !important;
  border: var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  font-weight: 600 !important;
  padding: 0.75rem 1.5rem !important;
}
.impostos-estimados {
  color: var(--iaw-yellow) !important;
  font-weight: 500 !important;
}
/* Dark overrides FORTES (pretos total) */
[data-theme="dark"] #mc-promo-widgets,
[data-theme="dark"] .mc-promo-manage,
[data-theme="dark"] .mc-promos,
[data-theme="dark"] .store-promoted-product *,
[data-theme="dark"] .recommended-promo * {
  background: var(--iaw-dark) !important;
  color: var(--iaw-text-light) !important;
}
[data-theme="dark"] .store-promoted-product,
[data-theme="dark"] .mc-promo-login .promo-card,
[data-theme="dark"] .recommended-promo {
  border-color: rgba(255,221,0,0.5) !important;
}
[data-theme="dark"] #inputPromoCode,
[data-theme="dark"] input[name="promocode"] {
  background: var(--iaw-dark) !important;
  color: var(--iaw-text-light) !important;
  border-color: rgba(255,221,0,0.5) !important;
}
[data-theme="dark"] .store-promoted-product h4,
[data-theme="dark"] .recommended-promo h4 {
  color: var(--iaw-yellow) !important;
}
[data-theme="dark"] .store-promoted-product ul li,
[data-theme="dark"] .recommended-promo ul li {
  color: var(--iaw-text-light) !important;
  padding: 0.1rem 0 !important;
}

[data-theme="dark"]
#order-standard_cart .mc-promo .body {
    padding: 10px 15px;
    border-top: 10px solid var(--bg-primary);
    background-color: var(--bg-primary);
    font-size: .85em;
    display: none;
}

[data-theme="dark"]
#order-standard_cart .mc-promo {
    background-color: var(--bg-primary);
}

[data-theme="dark"]
#order-standard_cart .view-cart-tabs .tab-content {
    background-color: var(--bg-primary);
    padding: 15px;
}

/* ============ DOMAINREGISTER.TPL - IAW STYLE (Revisão Consistente) ============ */

/* Header título principal */
#order-standard_cart .header-lined h1 {
  color: var(--title-h1) !important;
  font-size: 3rem !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(255,221,0,0.4) !important;
}

/* Texto introdutório */
#order-standard_cart > .row > .cart-body > p {
  color: var(--text-primary) !important;
  font-size: 1.3rem !important;
  margin-bottom: 3rem !important;
  text-align: center;
}

/* Domain Checker Container Principal */
.domain-checker-container {
  background: var(--bg-secondary) !important;
  border: 2px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  box-shadow: var(--shadow-soft) !important;
  margin: 3rem 0 !important;
}

/* Input Group - Checker */
.input-group-box,
.input-group.input-group-lg {
  box-shadow: var(--shadow-soft) !important;
  border: 2px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  overflow: hidden;
}

#inputDomain {
  background: var(--bg-primary) !important;
  border: none !important;
  color: var(--text-primary) !important;
  font-size: 1.5rem !important;
  padding: 1.8rem 2rem !important;
}

#inputDomain:focus {
  box-shadow: 0 0 0 0.2rem rgba(255,221,0,0.25) !important;
  border-color: var(--iaw-yellow) !important;
}

/* Botão Procurar + LUPA SVG INLINE (Versão Funcional Antiga + Refinada) */
#btnCheckAvailability {
  content: "";
  background: var(--iaw-blue) !important;
  color: transparent !important;
  border: none !important;
  font-weight: 700 !important;
  font-size: 1.4rem !important;
  padding: 1.8rem 3.5rem 1.8rem 2.5rem !important; /* Espaço para lupa central */
  position: relative !important;
  overflow: hidden !important;
  border-radius: var(--border-radius) !important;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  min-height: 64px; /* Altura para lupa 44px fit */
}
#btnCheckAvailability::before {
  content: "" !important;
  width: 44px !important;
  height: 44px !important;
  background: var(--iaw-yellow) !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M505 442.7L405.3 343c28.4-34.9 45.7-79.4 45.7-128C451 96.5 354.5 0 231 0S11 96.5 11 215.9 107.5 431.8 231 431.8c48.6 0 93.1-17.3 128-45.7L458.7 486c9.4 9.4 24.6 9.4 33.9 0l12.4-12.4c9.4-9.4 9.4-24.6 0-33.9zM231 368c-84 0-152-68-152-152s68-152 152-152 152 68 152 152-68 152-152 152z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M505 442.7L405.3 343c28.4-34.9 45.7-79.4 45.7-128C451 96.5 354.5 0 231 0S11 96.5 11 215.9 107.5 431.8 231 431.8c48.6 0 93.1-17.3 128-45.7L458.7 486c9.4 9.4 24.6 9.4 33.9 0l12.4-12.4c9.4-9.4 9.4-24.6 0-33.9zM231 368c-84 0-152-68-152-152s68-152 152-152 152 68 152 152-68 152-152 152z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  position: absolute !important;
  top: 50% !important;
  right: 1.5rem !important; /* Posição direita, não centro para texto não sobrepor */
  transform: translateY(-50%) !important;
  box-shadow: 0 0 25px rgba(255,221,0,0.8) !important;
  transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
  border-radius: 50% !important;
  z-index: 2 !important;
}
/* Hover: Azul fundo, lupa preta spin + scale */
#btnCheckAvailability:hover {
  background: var(--iaw-yellow) !important;
  color: transparent !important;
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow: 0 12px 40px rgba(15,140,191,0.6) !important;
}
#btnCheckAvailability:hover::before {
  background: #000 !important;
  box-shadow: 0 0 30px rgba(0,0,0,0.9) !important;
  transform: translateY(-50%) scale(1.15) rotate(360deg) !important;
  transition: transform 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55), background 0.3s, box-shadow 0.3s !important;
}

/* Dark mode extra glow */
[data-theme="dark"] #btnCheckAvailability::before {
  background: var(--iaw-yellow) !important;
  filter: brightness(1.2) !important;
}
[data-theme="dark"] #btnCheckAvailability:hover::before {
  background: var(--iaw-blue) !important;
}

/* Resultados Pesquisa */
#DomainSearchResults {
  background: var(--bg-secondary) !important;
  border: 2px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  padding: 3rem !important;
  box-shadow: var(--shadow-soft) !important;
}

/* Mensagens disponibilidade */
.domain-available {
  color: var(--iaw-blue) !important;
  font-size: 2rem !important;
  font-weight: 800 !important;
}

.domain-unavailable,
.domain-invalid {
  color: var(--iaw-red) !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
}

/* Botão Add to Cart nos resultados */
.btn-add-to-cart,
.domain-price .btn-add-to-cart {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
  border: none !important;
  border-radius: 30px !important;
  padding: 1rem 2.5rem !important;
  font-weight: 700 !important;
}

.btn-add-to-cart:hover {
  background: var(--iaw-blue) !important;
  color: white !important;
}

/* Resultados principais - IAW Estilo [1] */
.domain-checker-result-headline {
  margin: 3rem 0 !important;
  text-align: center !important;
}
.domain-available {
  color: var(--iaw-blue) !important;
  font-size: 2rem !important; /* Reduzido [1] */
  font-weight: 800 !important;
  text-shadow: 0 0 20px rgba(15,140,191,0.3) !important; /* Suave [1] */
}
.domain-unavailable,
.domain-invalid {
  color: var(--iaw-red) !important;
  font-size: 1.6rem !important; /* Reduzido [1] */
  font-weight: 700 !important;
}

/* Preço principal - Premium mas compacto [1] */
.domain-price .price {
  font-size: 2.5rem !important; /* Reduzido de 4rem */
  font-weight: 900 !important;
  color: var(--title-h1) !important;
  text-shadow: 0 0 25px rgba(255,221,0,0.4) !important;
  margin: 2rem 0 !important;
  display: block !important;
}

/* Botão Add to Cart - IAW padrão [1] */
.btn-add-to-cart {
  background: var(--iaw-yellow) !important;
  color: var(--bg-primary) !important;
  border: none !important;
  border-radius: var(--border-radius) !important; /* Consistente [1] */
  padding: 1rem 2.5rem !important; /* Reduzido [1] */
  font-size: 1.2rem !important; /* Compacto */
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  box-shadow: 0 8px 25px rgba(255,221,0,0.3) !important; /* Suave [1] */
  transition: all var(--transition) !important;
  cursor: pointer !important;
}
.btn-add-to-cart:hover {
  background: var(--iaw-blue) !important;
  color: white !important;
  transform: translateY(-5px) !important; /* Menos agressivo [1] */
  box-shadow: 0 15px 40px rgba(15,140,191,0.4) !important;
}

/* Spotlight TLDs - Flutuante IAW [1] */
#spotlightTlds .spotlight-tld {
  background: var(--bg-secondary) !important;
  border: 2px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  padding: 2.5rem 2rem !important; /* Reduzido de 4rem [1] */
  text-align: center !important;
  transition: all var(--transition) !important;
  height: 100% !important;
  box-shadow: var(--shadow-soft) !important;
  overflow: visible !important; /* Funcionalidade [1] */
}
#spotlightTlds .spotlight-tld:hover {
  transform: translateY(-12px) !important; /* Como featured-tld [1] */
  border-color: var(--iaw-yellow) !important;
  box-shadow: 0 20px 50px rgba(255,221,0,0.3) !important;
}
#spotlightTlds .spotlight-tld img {
  max-height: 90px !important; /* Reduzido */
  margin-bottom: 1.5rem !important;
  filter: brightness(1.2);
  transition: all var(--transition) !important;
}
#spotlightTlds .spotlight-tld:hover img {
  filter: brightness(1) drop-shadow(0 0 20px var(--iaw-yellow)) !important;
  transform: scale(1.15) !important;
}
#spotlightTlds .spotlight-tld .available.price {
  font-size: 1.8rem !important; /* Alinhado spotlight original [1] */
  font-weight: 900 !important;
  color: var(--title-h1) !important;
  text-shadow: 0 0 15px rgba(255,221,0,0.3) !important;
}

/* Botão spotlight - Compacto IAW [1] */
#spotlightTlds .btn-add-to-cart {
  background: var(--iaw-yellow) !important;
  color: var(--bg-primary) !important;
  border-radius: var(--border-radius) !important;
  padding: 1rem 2.5rem !important; /* Reduzido */
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  margin-top: 1.5rem !important;
}
#spotlightTlds .btn-add-to-cart:hover {
  background: var(--iaw-blue) !important;
  color: white !important;
}

/* Dark Mode extra [1] */
[data-theme="dark"] .domain-available { text-shadow: 0 0 25px rgba(15,140,191,0.5) !important; }
[data-theme="dark"] .domain-price .price { text-shadow: 0 0 30px rgba(255,221,0,0.6) !important; }

/* Mobile - Compacto [1] */
@media (max-width: 768px) {
  .domain-available { font-size: 1.6rem !important; }
  .domain-price .price { font-size: 2rem !important; }
  .btn-add-to-cart { padding: 0.9rem 2rem !important; font-size: 1.1rem !important; }
  #spotlightTlds .spotlight-tld { padding: 2rem 1.5rem !important; }
}

/* Suggested Domains */
.suggested-domains {
  background: var(--bg-secondary) !important;
  border: 2px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  overflow: hidden !important;
  box-shadow: var(--shadow-soft) !important;
}

.suggested-domains .card-header {
  background: var(--bg-primary) !important;
  color: var(--title-h1) !important;
  border-bottom: 2px solid var(--border-glow) !important;
  font-weight: 700 !important;
}

.domain-suggestion.list-group-item {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--border-glow) !important;
  padding: 1.5rem !important;
  transition: var(--transition) !important;
}

.domain-suggestion:hover {
  background: rgba(255,221,0,0.1) !important;
  padding-left: 2rem !important;
}

/* Featured TLDs (grid no fundo) */
.featured-tlds-container {
  margin: 4rem 0 !important;
}

.featured-tld {
  background: var(--bg-secondary) !important;
  border: 2px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  padding: 2.5rem !important;
  text-align: center !important;
  transition: var(--transition) !important;
  height: 100% !important;
}

.featured-tld:hover {
  transform: translateY(-12px) !important;
  border-color: var(--iaw-yellow) !important;
  box-shadow: 0 20px 40px rgba(255,221,0,0.3) !important;
}

.featured-tld .img-container {
  width: 90px;
  height: 90px;
  margin: 0 auto 1.5rem;
  background: rgba(255,221,0,0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--border-glow);
  transition: var(--transition);
}

.featured-tld:hover .img-container {
  background: var(--iaw-yellow);
  box-shadow: 0 0 30px rgba(255,221,0,0.5);
}

.featured-tld .price {
  color: var(--title-h1) !important;
  font-size: 2rem !important;
  font-weight: 800 !important;
  text-shadow: 0 0 15px rgba(255,221,0,0.4);
}

/* Filtros de categoria */
.tld-filters .badge {
  background: rgba(255,221,0,0.15) !important;
  color: var(--title-h1) !important;
  border: 1px solid var(--border-glow) !important;
  padding: 0.8rem 1.4rem !important;
  margin: 0.5rem !important;
  font-weight: 600 !important;
  transition: var(--transition) !important;
}

.tld-filters .badge:hover,
.tld-filters .badge.active {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
  box-shadow: 0 0 20px rgba(255,221,0,0.5) !important;
}

/* Tabela de Preços TLDs - Agora consistente IAW */
.domain-pricing .bg-white {
  background: var(--bg-secondary) !important;
  border: 2px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  overflow: hidden !important;
  box-shadow: var(--shadow-soft) !important;
}

.tld-pricing-header {
  background: rgba(255,221,0,0.15) !important;
  color: var(--title-h1) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 1.5rem !important;
  border-bottom: 3px solid var(--iaw-yellow) !important;
}

[data-theme="dark"] .domain-pricing .tld-pricing-header div:nth-child(odd) {
    border-color: var(--iaw-yellow) !important;
    background-color: transparent !important;
}

[data-theme="dark"] .domain-pricing .tld-pricing-header .col-xs-4 {
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: none;
    background-color: transparent !important;
    border-radius: 4px 4px 0 0;
}

.col-xs-4 .col-4 .text-center {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--title-h1) !important;
}

.tld-row {
  background: var(--bg-secondary) !important;
  transition: var(--transition) !important;
  border-bottom: 1px solid var(--border-glow) !important;
}

.tld-row:hover {
  background: rgba(255,221,0,0.08) !important;
}

.tld-row .two-row-center {
  background: var(--bg-primary) !important;
  padding: 2rem !important;
  border-right: 1px solid var(--border-glow) !important;
}

.tld-row strong {
  color: var(--title-h1) !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
}

.tld-sale-group {
  background: var(--iaw-red) !important;
  color: white !important;
  animation: pulse 2s infinite !important;
}

[data-theme="dark"] body, .primary-bg-color, .page-header {
  vertical-align: middle;
  padding: 1.4rem 1rem;
  color: var(--title-h1) !important;
  border-top: 1px solid var(--border-glow) !important;
  font-size: 1.2rem;
  font-weight: 600;
}

/* Promo Boxes finais */
.domain-promo-box {
  background: var(--bg-secondary) !important;
  border: 2px solid var(--border-glow) !important;
  border-radius: var(--border-radius) !important;
  padding: 3rem !important;
  text-align: center !important;
  transition: var(--transition) !important;
  height: 100% !important;
}

.domain-promo-box:hover {
  transform: translateY(-10px) !important;
  border-color: var(--iaw-yellow) !important;
  box-shadow: 0 20px 50px rgba(255,221,0,0.25) !important;
}

.domain-promo-box i.fa-4x {
  color: var(--iaw-blue) !important;
}

.domain-promo-box h3 {
  color: var(--title-h1) !important;
  font-weight: 700 !important;
}

.domain-promo-box .btn {
  background: var(--iaw-yellow) !important;
  color: #000 !important;
  border-radius: 30px !important;
  padding: 1rem 3rem !important;
  font-weight: 700 !important;
}

.domain-promo-box .btn:hover {
  background: var(--iaw-blue) !important;
  color: white !important;
}

/* Dark Mode Overrides - Fundo escuro forte + glow amarelo mais visível */
[data-theme="dark"] .domain-checker-container .input-group-box {
    margin: 0 auto;
    padding: 10px;
    width: 100%;
    background-color: var(--iaw-dark);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

[data-theme="daek"] .summary-totals .clearfix, .clearfix {
    margin-bottom: 0.8rem !important;
    padding: 0.5rem 0;
    border-bottom: 0px solid var(--border-glow) !important;
}

[data-theme="dark"] .domain-checker-container,
[data-theme="dark"] #DomainSearchResults,
[data-theme="dark"] .suggested-domains,
[data-theme="dark"] .domain-pricing .bg-white,
[data-theme="dark"] .featured-tlds-container .featured-tld,
[data-theme="dark"] .spotlight-tld,
[data-theme="dark"] .domain-promo-box {
  background: #2a2a2d !important;
  border-color: rgba(255,221,0,0.4) !important;
}

[data-theme="dark"] .spotlight-tlds {
    margin: 15px 0;
    padding: 7px 14px;
    background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] .tld-pricing-header {
  background: rgba(255,221,0,0.15) !important;
  color: var(--iaw-light) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 1.5rem !important;
  border-bottom: 3px solid var(--iaw-yellow) !important;
}

[data-theme="dark"] .tld-row .two-row-center {
  background: var(--iaw-dark) !important;
}

/* Mobile */
@media (max-width: 768px) {
  #order-standard_cart .header-lined h1 {
    font-size: 2.4rem !important;
  }
  
  .domain-checker-container {
    padding: 2rem 1rem !important;
  }
  
  #inputDomain,
  #btnCheckAvailability {
    font-size: 1.2rem !important;
    padding: 1.2rem 1.5rem !important;
  }
}

/* ============ AFFILIATES.TPL - IAW STYLE (Stats, Comissões & Referrals) - YELLOW DARK FIX ============ */
body.affiliates,
.affiliates {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

/* Stats do Topo - affiliate-stat (azul light, yellow dark) */
.affiliate-stat {
    background: linear-gradient(135deg, var(--iaw-blue), var(--iaw-darkblue)) !important;
    color: white !important;
    border: none !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--shadow-soft) !important;
    font-weight: 700 !important;
    text-align: center !important;
    padding: 2rem 1rem !important;
    transition: var(--transition);
    position: relative;
    overflow: hidden;
}

.affiliate-stat::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--iaw-yellow), transparent);
}

.affiliate-stat i {
    font-size: 2rem !important;
    margin-bottom: 0.5rem !important;
    display: block;
}

.affiliate-stat span {
    font-size: 2.5rem !important;
    font-weight: 900 !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
    display: block;
}

.affiliate-stat:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 40px rgba(15, 140, 191, 0.4) !important;
}

/* Card Referral Link */
.affiliates .card.my-3 {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-glow) !important;
    box-shadow: var(--shadow-soft) !important;
}

.affiliates .card.my-3 .h3 {
    color: var(--title-h1) !important;
    font-weight: 900 !important;
    margin-bottom: 1.5rem !important;
    font-size: 2.2rem !important;
}

.affiliates .card.my-3 .form-control[readonly] {
    background: rgba(255,221,0,0.1) !important;
    border: 2px dashed var(--iaw-yellow) !important;
    color: var(--iaw-text-dark) !important;
    font-weight: 600 !important;
    padding: 1rem 1.5rem !important;
    font-size: 1.1rem !important;
    cursor: pointer;
    transition: var(--transition);
}

.affiliates .card.my-3 .form-control[readonly]:hover {
    background: rgba(255,221,0,0.2) !important;
    border-color: var(--iaw-blue) !important;
    transform: scale(1.02);
}

/* Tabela de Comissões */
.affiliates .table.table-bordered.table-striped.table-rounded {
    background: var(--bg-secondary) !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--shadow-soft) !important;
    overflow: hidden;
}

.affiliates .table th {
    background: var(--iaw-blue) !important;
    color: white !important;
    font-weight: 700 !important;
    border: none !important;
}

.affiliates .table td.text-right {
    font-weight: 600 !important;
    color: var(--iaw-yellow) !important;
}

.affiliates .table td strong {
    color: var(--title-h1) !important;
    font-size: 1.3rem !important;
}

/* Botão Withdrawal */
.affiliates .btn.btn-lg.btn-danger {
    background: linear-gradient(135deg, var(--iaw-red), #d32f2f) !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 1.2rem 3rem !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 25px rgba(242,58,41,0.3) !important;
    transition: var(--transition);
}

.affiliates .btn.btn-lg.btn-danger:hover:not(:disabled) {
    background: linear-gradient(135deg, var(--iaw-red), var(--iaw-yellow)) !important; /* Yellow hover fix */
    transform: translateY(-4px) !important;
    box-shadow: 0 15px 40px rgba(255,221,0,0.5) !important;
}

.affiliates .btn.btn-lg.btn-danger:disabled {
    background: var(--iaw-dark) !important;
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}

/* Títulos h2 */
.affiliates h2 {
    color: var(--title-h1) !important;
    font-size: 2.5rem !important;
    font-weight: 900 !important;
    text-align: center !important;
    margin: 3rem 0 2rem !important;
    text-shadow: 0 0 20px rgba(255,221,0,0.3);
}

/* Tabela AffiliatesList (DataTable) */
#tableAffiliatesList {
    background: var(--bg-secondary) !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--shadow-soft) !important;
    overflow: hidden;
}

#tableAffiliatesList th {
    background: linear-gradient(135deg, var(--iaw-blue), var(--iaw-darkblue)) !important;
    color: white !important;
    font-weight: 700 !important;
}

#tableAffiliatesList td {
    border-color: var(--border-glow) !important;
    vertical-align: middle !important;
}

#tableAffiliatesList .status {
    background: var(--iaw-yellow) !important;
    color: #000 !important;
    padding: 0.5rem 1rem !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
}

/* Affiliates Links Code */
.affiliates .margin-bottom.text-center {
    background: var(--bg-secondary) !important;
    padding: 2rem !important;
    border-radius: var(--border-radius) !important;
    border: 1px solid var(--border-glow) !important;
}

/* Dark Theme Overrides - MAIS AMARELO! */
[data-theme="dark"] .affiliate-stat {
    background: linear-gradient(135deg, var(--iaw-yellow), #f59e0b) !important; /* Yellow dominante [1] */
    color: #000 !important;
    border: 2px solid rgba(255,221,0,0.6) !important;
    box-shadow: 0 10px 30px rgba(255,221,0,0.4) !important;
}

[data-theme="dark"] .affiliate-stat::before {
    background: linear-gradient(90deg, var(--iaw-blue), transparent) !important; /* Toque azul */
}

[data-theme="dark"] .affiliate-stat span {
    text-shadow: 0 2px 10px rgba(0,0,0,0.5); /* Ajuste para yellow bg */
    color: #000 !important;
}

[data-theme="dark"] .affiliate-stat:hover {
    box-shadow: 0 20px 50px rgba(255,221,0,0.6) !important;
}

[data-theme="dark"] #tableAffiliatesList th,
[data-theme="dark"] .affiliates .table th {
    background: linear-gradient(135deg, var(--iaw-yellow), #f59e0b) !important; /* Yellow headers [1] */
    color: #000 !important;
    text-shadow: none !important;
    box-shadow: inset 0 0 10px rgba(255,221,0,0.3);
}

[data-theme="dark"] #tableAffiliatesList,
[data-theme="dark"] .affiliates .table,
[data-theme="dark"] .affiliates .card {
    background: var(--iaw-dark) !important;
    color: var(--iaw-text-light) !important;
    border-color: rgba(255,221,0,0.5) !important;
}

[data-theme="dark"] .affiliates .form-control[readonly] {
    background: rgba(255,221,0,0.15) !important;
    color: var(--iaw-text-light) !important;
    border-color: var(--iaw-yellow) !important;
}

/* Responsivo Mobile */
@media (max-width: 768px) {
    .affiliate-stat span { font-size: 2rem !important; }
    .affiliates .btn.btn-lg { width: 100% !important; margin-top: 1rem; }
    #tableAffiliatesList { font-size: 0.9rem !important; }
}

/* ============ AFFILIATE-SIGNUP.TPL - IAW STYLE (Ativação Affiliate) ============ */
body.affiliates-signup,
.affiliate-signup {
    background: var(--bg-primary) !important;
}

/* Card Principal */
.affiliate-signup .card {
    background: linear-gradient(135deg, var(--bg-secondary), rgba(255,221,0,0.05)) !important;
    border: 2px solid var(--border-glow) !important;
    border-radius: var(--border-radius-xl) !important;
    box-shadow: var(--shadow-soft) !important;
    overflow: hidden;
    transition: var(--transition);
    max-width: 600px;
    margin: 4rem auto;
}

.affiliate-signup .card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(15,140,191,0.3) !important;
    border-color: var(--iaw-yellow) !important;
}

.affiliate-signup .card-body.extra-padding {
    padding: 4rem 3rem !important;
    text-align: center;
}

/* Título h3 */
.affiliate-signup h3 {
    color: var(--title-h1) !important;
    font-size: 2.5rem !important;
    font-weight: 900 !important;
    text-shadow: 0 0 20px rgba(255,221,0,0.4) !important;
    margin-bottom: 1.5rem;
}

/* Lead Intro */
.affiliate-signup .lead {
    font-size: 1.3rem !important;
    color: var(--iaw-text-dark) !important;
    font-weight: 500 !important;
    margin-bottom: 2.5rem;
    line-height: 1.6;
}

/* Lista de Benefícios */
.affiliate-signup ul.py-4 {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 3rem 0 !important;
}

.affiliate-signup ul.py-4 li {
    font-size: 1.2rem !important;
    color: var(--text-primary) !important;
    padding: 1.2rem 0 !important;
    position: relative !important;
    border-bottom: 1px solid rgba(15,140,191,0.1) !important;
}

.affiliate-signup ul.py-4 li::before {
    content: '✓';
    position: absolute;
    left: -2rem;
    color: var(--iaw-yellow) !important;
    font-size: 1.5rem !important;
    font-weight: 900;
}

/* Botão Ativação (verde -> IAW blue/yellow) */
#activateAffiliate {
    background: linear-gradient(135deg, var(--iaw-blue), var(--iaw-darkblue)) !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 1.3rem 4rem !important;
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    color: white !important;
    box-shadow: 0 12px 35px rgba(15,140,191,0.4) !important;
    transition: var(--transition) !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#activateAffiliate:hover {
    background: linear-gradient(135deg, var(--iaw-yellow), var(--iaw-blue)) !important;
    color: #000 !important;
    transform: translateY(-5px) scale(1.05) !important;
    box-shadow: 0 20px 50px rgba(255,221,0,0.5) !important;
}

/* Alert Disabled */
.affiliate-signup .alert-warning {
    background: linear-gradient(135deg, #ff9800, #ffb74d) !important;
    border: none !important;
    color: #000 !important;
    font-weight: 600 !important;
    border-radius: var(--border-radius-xl) !important;
    box-shadow: var(--shadow-soft) !important;
    text-align: center !important;
}

/* Dark Theme Overrides */
[data-theme="dark"] .affiliate-signup .card {
    background: linear-gradient(135deg, var(--iaw-dark), rgba(255,221,0,0.1)) !important;
    border-color: rgba(255,221,0,0.4) !important;
}

[data-theme="dark"] .affiliate-signup .lead,
[data-theme="dark"] .affiliate-signup ul.py-4 li {
    color: var(--iaw-text-light) !important;
}

[data-theme="dark"] #activateAffiliate {
    background: linear-gradient(135deg, #1e40af, #1e3a8a) !important;
}

/* Mobile */
@media (max-width: 768px) {
    .affiliate-signup .card-body.extra-padding { padding: 3rem 2rem !important; }
    .affiliate-signup h3 { font-size: 2rem !important; }
    #activateAffiliate { width: 100% !important; }
}

/* ------------------------ Manual Configuration ------------------------ */

[data-theme="dark"] .dataTables_wrapper table.table-list thead th.sorting_asc, .dataTables_wrapper table.table-list thead th.sorting_desc {
    background-color: rgba(255, 221, 0, 0.15) !important;
}

[data-theme="dark"] table.table-list thead th {
    background-color: rgba(255, 221, 0, 0.15) !important;;
}

[data-theme="dark"]  tr.masspay-total td {
    background-color: rgba(255, 221, 0, 0.15) !important;;
}

[data-theme="dark"] .promo-banner {
    background-color: var(--iaw-dark) !important;
}

[data-theme="dark"] #order-standard_cart .products .product header span {
    margin: 0;
    color: var(--iaw-yellow);
    font-size: 1.2em;
}