/* ════════════════════════════════════════════════════════
   MegaWeb S.A.C. — WHMCS Override CSS v4.0
   Paleta Lagom2 + Branding MegaWeb
   Regla: solo apariencia visual, NO tocar layout del tema
   ════════════════════════════════════════════════════════ */

@import 'variables.css';

/* ════════════════════════════════════════
   1. BASE / RESET VISUAL
   ════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  font-family: var(--iw-font-body) !important;
  background: var(--iw-gray-bg) !important;
  color: var(--iw-gray-base) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  -webkit-font-smoothing: antialiased;
}

/* IW 2026-05-17 - product boxed right panel + matching header */
body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side {
  width: 430px !important;
  flex: 0 0 430px !important;
}

body:not(.login-bg) .iw-product-detail-header,
body:not(.login-bg) .theme-client-service-detail-page .iw-product-detail-header {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 12px !important;
  padding: 16px 20px !important;
  border: 1px solid #e6edd6 !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 94% 0%, rgba(183,229,50, .28), transparent 28%),
    linear-gradient(120deg, #343a2e 0%, #343a2e 58%, #343a2e 100%) !important;
  box-shadow: 0 14px 34px rgba(52,58,46, .14) !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-page-title {
  max-width: 860px !important;
  font-size: 23px !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-breadcrumb-link {
  color: #b7e532 !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-page-subtitle {
  border-color: rgba(255,255,255, .78) !important;
  color: #343a2e !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-btn-secondary {
  border-color: rgba(255,255,255, .30) !important;
  background: rgba(255,255,255, .14) !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-btn-secondary:hover {
  background: rgba(255,255,255, .22) !important;
}

/* IW 2026-05-17 - boxed product service model */
body:not(.login-bg) .theme-client-service-detail-page .iw-box-product {
  --c-principal: #343a2e;
  --c-principal-dark: #343a2e;
  --c-bg-soft: #f5f8ee;
  --c-accent: #343a2e;
  --c-accent-soft: #f3f6eb;
  --c-bg: #f9fbf6;
  --c-surface: #ffffff;
  --c-border: #ecf0e4;
  --c-text: #191c17;
  --c-title: #191c17;
  --c-muted: #64695e;
  --c-sidebar-a: #191c17;
  --c-sidebar-b: #191c17;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 24px !important;
  font-family: 'DM Sans', 'Plus Jakarta Sans', system-ui, sans-serif !important;
  color: var(--c-text) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-product *,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-product *::before,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-product *::after {
  box-sizing: border-box !important;
  letter-spacing: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-shell {
  display: flex !important;
  min-height: 760px !important;
  border: 1px solid var(--c-border) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: var(--c-bg) !important;
  box-shadow: 0 16px 42px rgba(25,28,23, .08) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-shell-clean {
  display: block !important;
  min-height: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-shell-clean .iw-box-main {
  width: 100% !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-sidebar {
  width: 240px !important;
  flex: 0 0 240px !important;
  display: flex !important;
  flex-direction: column !important;
  background: linear-gradient(170deg, var(--c-sidebar-a) 0%, var(--c-sidebar-b) 100%) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-logo {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 20px 20px 16px !important;
  border-bottom: 1px solid rgba(255,255,255, .07) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-logo-mark {
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 8px !important;
  background: var(--c-accent) !important;
  color: #ffffff !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-logo strong,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-user strong {
  display: block !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-logo small,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-user small {
  display: block !important;
  color: rgba(255,255,255, .45) !important;
  font-size: 11px !important;
  overflow-wrap: anywhere !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-nav {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  padding: 12px 10px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-nav-label {
  padding: 8px 10px 4px !important;
  color: rgba(255,255,255, .3) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-nav a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 38px !important;
  padding: 9px 10px !important;
  border-radius: 8px !important;
  color: rgba(255,255,255, .64) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-nav a:hover,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-nav a.active {
  background: rgba(52,58,46, .18) !important;
  color: #b7e532 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-nav i {
  width: 20px !important;
  text-align: center !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-user {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 10px !important;
  padding: 12px !important;
  border-radius: 10px !important;
  background: rgba(255,255,255, .06) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-user > span {
  width: 32px !important;
  height: 32px !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 32px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, var(--c-accent), var(--c-principal)) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-main {
  min-width: 0 !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  background: var(--c-bg) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-topnav {
  height: 52px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 24px !important;
  border-bottom: 1px solid var(--c-border) !important;
  background: var(--c-surface) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-breadcrumb {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  font-size: 13px !important;
  color: var(--c-muted) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-breadcrumb a {
  color: var(--c-muted) !important;
  text-decoration: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-breadcrumb strong {
  color: var(--c-principal) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-top-actions {
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-outline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 34px !important;
  padding: 6px 14px !important;
  border: 1px solid var(--c-border) !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: var(--c-muted) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-status {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 4px 10px !important;
  border: 1px solid #6ee7b7 !important;
  border-radius: 20px !important;
  background: #d1fae5 !important;
  color: #343a2e !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-hero {
  position: relative !important;
  padding: 28px 28px 24px !important;
  background: linear-gradient(120deg, var(--c-principal) 0%, var(--c-principal-dark) 100%) !important;
  overflow: hidden !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-registered {
  position: absolute !important;
  top: 20px !important;
  right: 28px !important;
  /*padding: 10px 16px !important;
  border: 1px solid rgba(255,255,255, .2) !important;
  border-radius: 10px !important;*/
  text-align: right !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-registered span {
  display: block !important;
  color: rgba(255,255,255, .48) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-registered strong {
  display: block !important;
  margin-top: 2px !important;
  color: var(--c-accent) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 12px !important;
  padding: 4px 12px !important;
  border: 1px solid rgba(255,255,255, .18) !important;
  border-radius: 20px !important;
  background: rgba(255,255,255, .12) !important;
  color: rgba(255,255,255, .9) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-chip b,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-tags b {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #b7e532 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-hero h2 {
  max-width: calc(100% - 210px) !important;
  margin: 0 0 4px !important;
  color: #ffffff !important;
  font-size: 26px !important;
  line-height: 1.16 !important;
  font-weight: 800 !important;
  overflow-wrap: anywhere !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-hero p {
  max-width: calc(100% - 210px) !important;
  margin: 0 0 16px !important;
  color: rgba(255,255,255, .62) !important;
  font-size: 13px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-tags,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 18px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-tags span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-height: 26px !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  background: rgba(255,255,255, .12) !important;
  color: rgba(255,255,255, .85) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-tags b.green { background: #34d399 !important; }
body:not(.login-bg) .theme-client-service-detail-page .iw-box-tags b.orange { background: #fb923c !important; }
body:not(.login-bg) .theme-client-service-detail-page .iw-box-tags b.yellow { background: #fbbf24 !important; }

body:not(.login-bg) .theme-client-service-detail-page .iw-box-hero-actions {
  margin-bottom: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-hero-actions a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 38px !important;
  padding: 9px 18px !important;
  border: 1px solid rgba(255,255,255, .18) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255, .1) !important;
  color: rgba(255,255,255, .88) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-hero-actions a.primary {
  border-color: var(--c-accent) !important;
  background: var(--c-accent) !important;
  color: #ffffff !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-features {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  border-bottom: 1px solid var(--c-border) !important;
  background: var(--c-surface) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-features > div {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 70px !important;
  padding: 14px 20px !important;
  border-right: 1px solid var(--c-border) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-features > div:last-child {
  border-right: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-features span {
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 36px !important;
  border-radius: 8px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-features .teal { background: var(--c-accent-soft) !important; color: var(--c-accent) !important; }
body:not(.login-bg) .theme-client-service-detail-page .iw-box-features .blue { background: #f2f5ea !important; color: #343a2e !important; }
body:not(.login-bg) .theme-client-service-detail-page .iw-box-features .purple { background: #f0edfe !important; color: #6246ea !important; }
body:not(.login-bg) .theme-client-service-detail-page .iw-box-features .green { background: #eafaf1 !important; color: #1d7a46 !important; }

body:not(.login-bg) .theme-client-service-detail-page .iw-box-features p {
  margin: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-features small,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-section-title,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-billing small {
  display: block !important;
  color: var(--c-muted) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-features strong {
  display: block !important;
  margin-top: 1px !important;
  color: var(--c-title) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content {
  display: flex !important;
  min-height: 430px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-main {
  min-width: 0 !important;
  flex: 1 !important;
  padding: 20px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side {
  width: 340px !important;
  flex: 0 0 340px !important;
  border-left: 1px solid var(--c-border) !important;
  background: var(--c-surface) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-grid,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-billing {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-bottom: 16px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-billing article,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts span,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts a {
  border: 1px solid var(--c-border) !important;
  background: var(--c-surface) !important;
  box-shadow: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card {
  padding: 16px 18px !important;
  border-radius: 12px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card div {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 10px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card span {
  color: var(--c-muted) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card div strong {
  color: var(--c-accent) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card > b {
  display: block !important;
  margin-bottom: 2px !important;
  color: var(--c-title) !important;
  font-size: 24px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card p {
  margin: 0 0 10px !important;
  color: var(--c-muted) !important;
  font-size: 12px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card > i {
  display: block !important;
  height: 24px !important;
  overflow: hidden !important;
  border-radius: 99px !important;
  background: linear-gradient(180deg, #f7f9f3 0%, #f0f4e6 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(52,58,46, .08),
    inset 0 2px 5px rgba(52,58,46, .08) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card em {
  display: block !important;
  height: 100% !important;
  border-radius: 99px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255, .32) 0%, rgba(255,255,255, 0) 48%),
    linear-gradient(90deg, #b7e532 0%, #343a2e 45%, #343a2e 100%) !important;
  box-shadow:
    0 0 14px rgba(52,58,46, .38),
    inset 0 1px 0 rgba(255,255,255, .35) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-grid-server .iw-box-usage-card {
  border-color: #e7eed8 !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcf8 100%) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-grid-server .iw-box-usage-card em {
  background:
    linear-gradient(180deg, rgba(255,255,255, .34) 0%, rgba(255,255,255, 0) 48%),
    linear-gradient(90deg, #343a2e 0%, #343a2e 100%) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-update {
  margin: -4px 0 16px !important;
  text-align: right !important;
  color: var(--c-muted) !important;
  font-size: 11px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-section-title {
  margin: 0 0 12px !important;
  letter-spacing: .08em !important;
  line-height: 1.2 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-bottom: 20px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) 16px !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 68px !important;
  padding: 14px 16px !important;
  border-radius: 10px !important;
  color: var(--c-title) !important;
  text-decoration: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a:hover,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts span:hover,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts a:hover {
  border-color: var(--c-accent) !important;
  background: var(--c-accent-soft) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a > span {
  width: 38px !important;
  height: 38px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 9px !important;
  background: var(--c-bg-soft) !important;
  color: var(--c-principal) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list p {
  margin: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list strong {
  display: block !important;
  color: var(--c-title) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list small {
  display: block !important;
  margin-top: 1px !important;
  color: var(--c-muted) !important;
  font-size: 12px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a > i {
  color: var(--c-muted) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-bottom: 20px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts span,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts a {
  min-height: 82px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 12px 8px 10px !important;
  border-radius: 10px !important;
  text-align: center !important;
  color: var(--c-principal) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts i {
  font-size: 20px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts b {
  color: var(--c-muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-billing {
  gap: 10px !important;
  margin-bottom: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-billing article {
  min-height: 92px !important;
  padding: 14px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--c-bg) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-billing strong {
  display: block !important;
  margin: 6px 0 2px !important;
  color: var(--c-title) !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  overflow-wrap: anywhere !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-billing strong.accent {
  color: var(--c-accent) !important;
  font-size: 18px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-billing span {
  color: var(--c-muted) !important;
  font-size: 11px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side section {
  padding: 16px 18px !important;
  border-bottom: 1px solid var(--c-border) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side h3 {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 0 12px !important;
  color: var(--c-muted) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side section > div:not(.iw-box-ns) {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 5px 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side span {
  color: var(--c-muted) !important;
  font-size: 13px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side strong,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side a {
  color: var(--c-title) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: right !important;
  text-decoration: none !important;
  overflow-wrap: anywhere !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side a {
  color: var(--c-accent) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-ns {
  margin-top: 10px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-ns span {
  display: block !important;
  margin-bottom: 6px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-ns b {
  display: block !important;
  margin-bottom: 4px !important;
  padding: 3px 8px !important;
  border: 1px solid var(--c-border) !important;
  border-radius: 6px !important;
  background: var(--c-bg-soft) !important;
  color: var(--c-principal) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-visit {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: calc(100% - 36px) !important;
  min-height: 44px !important;
  margin: 14px 18px !important;
  border-radius: 9px !important;
  background: var(--c-accent) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

@media (max-width: 1180px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-product {
    width: calc(100% - 18px) !important;
  }
}

@media (max-width: 980px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-shell,
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-content {
    flex-direction: column !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-box-sidebar,
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side {
    width: 100% !important;
    flex-basis: auto !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-box-sidebar {
    display: none !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-box-features {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-box-features > div:nth-child(2) {
    border-right: 0 !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side {
    border-left: 0 !important;
    border-top: 1px solid var(--c-border) !important;
  }
}

@media (max-width: 680px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-topnav {
    height: auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 12px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-box-top-actions,
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-outline {
    width: 100% !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-box-registered {
    position: static !important;
    display: inline-block !important;
    margin-bottom: 14px !important;
    text-align: left !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-box-hero h2,
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-hero p {
    max-width: none !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-box-features,
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-grid,
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-billing {
    grid-template-columns: 1fr !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

a { color: var(--iw-gray-dark); text-decoration: none !important; transition: color var(--iw-transition); }
a:hover { color: var(--iw-primary) !important; text-decoration: none !important; }
a:focus  { color: var(--iw-primary) !important; outline: none !important; }

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
  font-family: var(--iw-font-title) !important;
  color: var(--iw-gray-darkest) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin-top: 0 !important;
}
h1 { font-size: 22px !important; }
h2 { font-size: 18px !important; }
h3 { font-size: 15px !important; }
h4 { font-size: 14px !important; font-weight: 600 !important; }
h5 { font-size: 13px !important; font-weight: 600 !important; }

::-webkit-scrollbar              { width: 5px; height: 5px; }
::-webkit-scrollbar-track        { background: var(--iw-gray-divider); }
::-webkit-scrollbar-thumb        { background: var(--iw-gray-border); border-radius: 99px; }
::-webkit-scrollbar-thumb:hover  { background: var(--iw-gray-lighter); }

/* ════════════════════════════════════════
   2. TOPBAR PROMO
   ════════════════════════════════════════ */
.iw-topbar {
  background: var(--iw-primary);
  color: #fff;
  text-align: center;
  padding: 8px 20px;
  font-size: 12.5px;
  font-family: var(--iw-font-title);
  font-weight: 500;
  position: relative;
  z-index: 1031;
}
.iw-topbar-link { color: rgba(255,255,255,.85) !important; text-decoration: underline !important; margin-left: 8px; font-weight: 600; }
.iw-topbar-link:hover { color: #fff !important; }

/* ════════════════════════════════════════
   3. HEADER / NAVBAR PREMIUM
   ════════════════════════════════════════ */

/* ── Contenedor base ── */
nav.iw-header,
nav.navbar.clientx,
nav.navbar.wgsheaderfromaddon {
  background: #fff !important;
  border: none !important;
  border-bottom: 1px solid #eef0ea !important;
  box-shadow: 0 1px 8px rgba(0,0,0,.06) !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 60px !important;
  z-index: 1029 !important;
  position: sticky !important;
  top: 0 !important;
}

/* ── Layout interno flex ── */
.iw-header-inner {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  height: 60px !important;
  padding: 0 20px 0 236px !important; /* 220px sidebar + 16px gap */
}

/* ── Logo ── */
.iw-header-logo {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
}
.iw-header-logo img {
  height: 36px !important;
  width: auto !important;
  max-width: 160px !important;
  object-fit: contain !important;
  display: block !important;
}

/* ── Nav central ── */
.iw-header-nav {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

/* ── Acciones derecha ── */
.iw-header-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
}

/* ────────────────────────────────────────
   NAV LINKS — píldoras horizontales
   ──────────────────────────────────────── */
.iw-topnav-links {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.iw-tnl-item {
  position: relative !important;
  list-style: none !important;
}

/* Botón de ítem */
.iw-tnl-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 13px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: var(--iw-font-title) !important;
  color: #64695e !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background .15s ease, color .15s ease !important;
  white-space: nowrap !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  line-height: 1 !important;
}
.iw-tnl-btn i:first-child {
  font-size: 13px !important;
  color: #9ba88a !important;
  transition: color .15s ease !important;
}
.iw-tnl-caret {
  font-size: 9px !important;
  color: #d8dbd1 !important;
  margin-left: 2px !important;
  transition: transform .2s ease !important;
}
.iw-tnl-btn:hover {
  background: #f5f6f3 !important;
  color: #191c17 !important;
  text-decoration: none !important;
}
.iw-tnl-btn:hover i:first-child { color: var(--iw-primary) !important; }
.iw-tnl-has-sub:hover .iw-tnl-caret { transform: rotate(180deg) !important; }
.iw-tnl-btn.active {
  background: var(--iw-primary-light) !important;
  color: var(--iw-primary) !important;
  border-color: var(--iw-primary-border) !important;
}
.iw-tnl-btn.active i:first-child { color: var(--iw-primary) !important; }
.iw-tnl-btn.active .iw-tnl-caret { color: var(--iw-primary) !important; }

/* ── Dropdown panel ── */
.iw-tnl-dropdown {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 0 !important;
  min-width: 260px !important;
  background: #fff !important;
  border: 1px solid #e9ebe5 !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.13) !important;
  z-index: 9100 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-8px) !important;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
  pointer-events: none !important;
}
.iw-tnl-has-sub:hover .iw-tnl-dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}
.iw-tnl-drop-inner {
  padding: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
.iw-tnl-sub-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 9px 10px !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  color: #64695e !important;
  transition: background .14s ease !important;
}
.iw-tnl-sub-item:hover {
  background: #fafbf9 !important;
  text-decoration: none !important;
}
.iw-tnl-sub-item.active { background: var(--iw-primary-light) !important; }
.iw-tnl-sub-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 9px !important;
  background: #f8faf4 !important;
  color: var(--iw-primary) !important;
  font-size: 14px !important;
  flex-shrink: 0 !important;
}
.iw-tnl-sub-item.active .iw-tnl-sub-icon {
  background: var(--iw-primary) !important;
  color: #fff !important;
}
.iw-tnl-sub-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}
.iw-tnl-sub-body strong {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #191c17 !important;
  line-height: 1.2 !important;
  display: block !important;
}
.iw-tnl-sub-body small {
  font-size: 11.5px !important;
  color: #9ba88a !important;
  line-height: 1.3 !important;
  display: block !important;
}

/* ── WHMCS nav fallback ── */
.iw-whmcs-nav {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.iw-whmcs-nav > li > a {
  display: inline-flex !important;
  align-items: center !important;
  padding: 7px 13px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #64695e !important;
  text-decoration: none !important;
  transition: background .15s, color .15s !important;
  background: transparent !important;
  border: 1px solid transparent !important;
}
.iw-whmcs-nav > li > a:hover {
  background: #f5f6f3 !important;
  color: #191c17 !important;
}
.iw-whmcs-nav > li.active > a {
  background: var(--iw-primary-light) !important;
  color: var(--iw-primary) !important;
  border-color: var(--iw-primary-border) !important;
}

/* ────────────────────────────────────────
   ACCIONES DERECHA
   ──────────────────────────────────────── */
.iw-hdr-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 9px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #64695e !important;
  font-size: 15px !important;
  cursor: pointer !important;
  position: relative !important;
  transition: background .15s, color .15s, border-color .15s !important;
  padding: 0 !important;
}
.iw-hdr-btn:hover {
  background: #f5f6f3 !important;
  color: #191c17 !important;
  border-color: #e9ebe5 !important;
}
.iw-hdr-btn.has-badge { color: var(--iw-primary) !important; }
.iw-hdr-badge {
  position: absolute !important;
  top: -3px !important;
  right: -3px !important;
  min-width: 16px !important;
  height: 16px !important;
  padding: 0 4px !important;
  border-radius: 999px !important;
  background: var(--iw-danger) !important;
  color: #fff !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  line-height: 16px !important;
  text-align: center !important;
  border: 1.5px solid #fff !important;
}

/* ── Avatar usuario ── */
.iw-hdr-user {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 5px 10px 5px 5px !important;
  border-radius: 999px !important;
  border: 1px solid #e9ebe5 !important;
  background: #fafbf9 !important;
  color: #64695e !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: border-color .15s, box-shadow .15s !important;
}
.iw-hdr-user:hover {
  border-color: #d8dbd1 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
  color: #191c17 !important;
  text-decoration: none !important;
}
.iw-hdr-avatar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, var(--iw-primary), #343a2e) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: -.5px !important;
  flex-shrink: 0 !important;
}
.iw-hdr-username {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #64695e !important;
  max-width: 90px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

/* ── Botón login (guest) ── */
.iw-hdr-login {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  background: var(--iw-primary) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: background .15s, box-shadow .15s !important;
  box-shadow: 0 2px 8px rgba(52,58,46,.30) !important;
}
.iw-hdr-login:hover {
  background: var(--iw-primary-dark) !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(52,58,46,.40) !important;
  text-decoration: none !important;
}

/* ── Counter legacy (por si queda) ── */
.counter-header-label {
  background: var(--iw-danger) !important;
  color: #fff !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  min-width: 15px !important;
  height: 15px !important;
  border-radius: 99px !important;
  line-height: 15px !important;
}

/* ════════════════════════════════════════
   4. SIDEBAR — Base scroll/overflow
   ════════════════════════════════════════ */
nav#sidebar::-webkit-scrollbar { display: none !important; }
nav#sidebar { scrollbar-width: none !important; }
nav#sidebar ul.sidebar_items,
nav#sidebar .custom_sidebar_items { display: none; }
nav#sidebar #sidebarCollapse,
.shift-btn { display: none !important; }

/* ════════════════════════════════════════
   5. CONTENIDO PRINCIPAL
   ════════════════════════════════════════ */
#content {
  background: var(--iw-gray-bg) !important;
  padding: 24px 28px !important;
}
.theme-main-inner-page-section {
  max-width: 1280px;
}

/* ════════════════════════════════════════
   6. ELEMENTOS CLIENTX A OCULTAR
   ════════════════════════════════════════ */
.theme-head-bar.row { display: none !important; }
.new-dashboard-head-bar { display: none !important; }
.panel-sitejet-builder,
div[menuitemname="Sitejet Builder"],
.site-jet-builders-latest-homepage-view { display: none !important; }
/* Ocultar tiles duplicadas del dashboard WHMCS (ya tenemos iw-tiles) */
.default-whmcs-client-area > .tiles.mb-4 { display: none !important; }

/* ════════════════════════════════════════
   7. IW PAGE HEADER
   ════════════════════════════════════════ */
.iw-page-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  background: var(--iw-white) !important;
  border: 1px solid var(--iw-gray-border) !important;
  border-radius: var(--iw-radius-xl) !important;
  box-shadow: var(--iw-shadow-sm) !important;
  padding: 20px 24px !important;
  margin-bottom: 16px !important;
}
.iw-page-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  margin: 0 0 3px !important;
  color: var(--iw-gray-darkest) !important;
}
.iw-page-subtitle {
  font-size: 13px !important;
  color: var(--iw-gray-light) !important;
  margin: 0 !important;
}
.iw-page-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }

/* ════════════════════════════════════════
   8. IW TILES — home stats (estilo Lagom2)
   ════════════════════════════════════════ */
.iw-tiles {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  margin-bottom: 28px !important;
  text-align: left !important;
  justify-content: flex-start !important;
  align-items: start !important;
  width: 100% !important;
}
.iw-tile {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,.07), 0 0 0 1px rgba(0,0,0,.04);
  padding: 22px;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  cursor: pointer;
  text-decoration: none !important;
  transition: box-shadow .2s, transform .2s;
  color: #191c17 !important;
  border: none !important;
  position: relative;
  overflow: hidden;
  min-height: 126px;
  width: 100%;
}
.iw-tile::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  border-radius: 20px 20px 0 0;
}
.iw-tile:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
  transform: translateY(-3px);
  color: #191c17 !important;
}
/* Ícono decorativo grande en fondo */
.iw-tile-icon {
  width: 52px; height: 52px;
  border-radius: 16px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  margin: 0;
}
.iw-tile-icon svg { width: 26px; height: 26px; }
.iw-tile-content {
  min-width: 0;
  text-align: left;
}

/* Colores por tipo — tile y acento */
.iw-tile-icon.blue   { background: #eff4e5; color: #343a2e; }
.iw-tile-icon.green  { background: #dcfce7; color: #15803d; }
.iw-tile-icon.amber  { background: #fef3c7; color: #b45309; }
.iw-tile-icon.red    { background: #fee2e2; color: #dc2626; }
.iw-tile-icon.purple { background: #ede9fe; color: #7c3aed; }

.iw-tile:has(.iw-tile-icon.blue)::before   { background: #343a2e; }
.iw-tile:has(.iw-tile-icon.green)::before  { background: #15803d; }
.iw-tile:has(.iw-tile-icon.amber)::before  { background: #b45309; }
.iw-tile:has(.iw-tile-icon.red)::before    { background: #dc2626; }
.iw-tile:has(.iw-tile-icon.purple)::before { background: #7c3aed; }

.iw-tile-label {
  font-size: 11.5px;
  color: #9ba88a;
  font-weight: 600;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-family: var(--iw-font-title);
}
.iw-tile-value {
  font-family: var(--iw-font-title);
  font-size: 36px;
  font-weight: 800;
  color: #191c17;
  line-height: 1;
  letter-spacing: 0;
}
.iw-tile-value.danger { color: #dc2626 !important; }

.iw-tile-desc {
  display: block;
  margin-top: 6px;
  max-width: 210px;
  color: #64695e;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.35;
}

/* Flecha sutil en hover */
.iw-tile::after {
  content: "→";
  position: absolute;
  bottom: 18px; right: 18px;
  font-size: 16px;
  color: #d8dbd1;
  transition: color .2s, transform .2s;
}
.iw-tile:hover::after {
  color: #64695e;
  transform: translateX(3px);
}

/* Hero buscador de dominio */
.iw-domain-hero {
  background: linear-gradient(135deg, var(--iw-primary) 0%, var(--iw-primary-dark) 100%);
  border-radius: var(--iw-radius-xl);
  padding: 28px 32px;
  margin-bottom: 24px;
  overflow: hidden;
  position: relative;
}
.iw-domain-hero::after {
  content: '';
  position: absolute; top: -60px; right: -60px;
  width: 200px; height: 200px;
  background: rgba(255,255,255,.05); border-radius: 50%;
  pointer-events: none;
}
.iw-domain-hero-title { font-family: var(--iw-font-title); font-size: 18px; font-weight: 700; color: #fff; margin-bottom: 4px; }
.iw-domain-hero-sub   { font-size: 13px; color: rgba(255,255,255,.7); margin-bottom: 16px; }
.iw-domain-search-row { display: flex; gap: 8px; position: relative; z-index: 1; }
.iw-domain-input {
  flex: 1; padding: 10px 16px;
  border: 1.5px solid rgba(255,255,255,.25);
  border-radius: var(--iw-radius);
  background: rgba(255,255,255,.15);
  color: #fff; font-size: 14px;
  outline: none; transition: border-color var(--iw-transition);
}
.iw-domain-input::placeholder { color: rgba(255,255,255,.55); }
.iw-domain-input:focus { border-color: rgba(255,255,255,.6); background: rgba(255,255,255,.2); }
.iw-btn-search {
  background: #fff; color: var(--iw-primary-dark);
  border: none; border-radius: var(--iw-radius);
  padding: 10px 22px; font-size: 13.5px; font-weight: 700;
  font-family: var(--iw-font-title); cursor: pointer; white-space: nowrap;
}
.iw-btn-search:hover { background: #f6f8f0; }

/* ════════════════════════════════════════
   9. PANELS / CARDS
   ════════════════════════════════════════ */
.panel,
.panel-default {
  background: var(--iw-white) !important;
  border: none !important;
  border-radius: var(--iw-radius-xl) !important;
  box-shadow: var(--iw-shadow-sm) !important;
  margin-bottom: 20px !important;
}
.panel-heading {
  background: var(--iw-white) !important;
  border-bottom: 1px solid var(--iw-gray-divider) !important;
  padding: 14px 20px !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.panel-title,
h5.panel-title {
  font-family: var(--iw-font-title) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: var(--iw-gray-darkest) !important;
  margin: 0 !important;
}
.panel-body { padding: 20px !important; }
.panel-footer {
  background: var(--iw-gray-bg) !important;
  border-top: 1px solid var(--iw-gray-divider) !important;
  padding: 12px 20px !important;
}
.panel-primary > .panel-heading,
.panel-primary {
  background: var(--iw-white) !important;
  border-color: var(--iw-gray-divider) !important;
}
.panel-primary > .panel-heading { color: var(--iw-gray-darkest) !important; }

/* Bootstrap cards (clientregister usa .card) */
.card {
  background: var(--iw-white) !important;
  border: none !important;
  border-radius: var(--iw-radius-xl) !important;
  box-shadow: var(--iw-shadow-sm) !important;
}
.card-body { padding: 28px 28px !important; }

/* ════════════════════════════════════════
   10. LIST GROUP
   ════════════════════════════════════════ */
.list-group { border-radius: 0 !important; padding: 0 !important; }
.list-group-item {
  border: none !important;
  border-bottom: 1px solid var(--iw-gray-divider) !important;
  padding: 13px 20px !important;
  background: var(--iw-white) !important;
  color: var(--iw-gray-dark) !important;
  font-size: 13.5px !important;
  font-family: var(--iw-font-body) !important;
  transition: background var(--iw-transition) !important;
}
.list-group-item:last-child { border-bottom: none !important; }
.list-group-item:hover { background: var(--iw-gray-bg) !important; color: var(--iw-gray-darkest) !important; }
.list-group-item.active {
  background: var(--iw-primary-light) !important;
  color: var(--iw-primary) !important;
  border: none !important;
  font-weight: 600 !important;
}

/* ════════════════════════════════════════
   11. STATUS LABELS / BADGES
   ════════════════════════════════════════ */
.badge,
.label {
  font-family: var(--iw-font-title) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 3px 8px !important;
  border-radius: 99px !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1.4 !important;
}
.label-success, .badge-success { background: var(--iw-success-light) !important; color: var(--iw-success) !important; }
.label-warning, .badge-warning { background: var(--iw-warning-light) !important; color: var(--iw-warning) !important; }
.label-danger,  .badge-danger  { background: var(--iw-danger-light)  !important; color: var(--iw-danger) !important; }
.label-info,    .badge-info    { background: var(--iw-primary-light)  !important; color: var(--iw-primary) !important; }
.label-default, .badge-default { background: var(--iw-gray-divider)   !important; color: var(--iw-gray-base) !important; }
.label-primary, .badge-primary { background: var(--iw-primary-light)  !important; color: var(--iw-primary) !important; }

.label.status, span.status {
  display: inline-flex !important;
  align-items: center !important;
  padding: 3px 9px !important;
  border-radius: 99px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  font-family: var(--iw-font-title) !important;
}
.status-active                 { background: var(--iw-success-light) !important; color: var(--iw-success) !important; }
.status-pending,
.status-pending_payment        { background: var(--iw-warning-light) !important; color: var(--iw-warning) !important; }
.status-suspended              { background: var(--iw-danger-light)  !important; color: var(--iw-danger) !important; }
.status-cancelled,
.status-terminated             { background: var(--iw-gray-divider)  !important; color: var(--iw-gray-light) !important; }
.status-paid                   { background: var(--iw-success-light) !important; color: var(--iw-success) !important; }
.status-unpaid                 { background: var(--iw-warning-light) !important; color: var(--iw-warning) !important; }
.status-overdue,
.status-collections            { background: var(--iw-danger-light)  !important; color: var(--iw-danger) !important; }
.status-draft                  { background: var(--iw-gray-divider)  !important; color: var(--iw-gray-base) !important; }
.status-refunded               { background: var(--iw-primary-light) !important; color: var(--iw-primary) !important; }
.status-open                   { background: var(--iw-primary-light) !important; color: var(--iw-primary) !important; }
.status-closed, .status-on-hold { background: var(--iw-gray-divider) !important; color: var(--iw-gray-light) !important; }
.status-answered,
.status-customer-reply         { background: var(--iw-warning-light) !important; color: var(--iw-warning) !important; }

.invoice-state {
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 12px !important;
  border-radius: 99px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  font-family: var(--iw-font-title) !important;
  margin-bottom: 12px !important;
}
.invoice-state.paid            { background: var(--iw-success-light) !important; color: var(--iw-success) !important; }
.invoice-state.unpaid          { background: var(--iw-warning-light) !important; color: var(--iw-warning) !important; }
.invoice-state.overdue,
.invoice-state.collections     { background: var(--iw-danger-light)  !important; color: var(--iw-danger) !important; }
.invoice-state.draft,
.invoice-state.cancelled       { background: var(--iw-gray-divider)  !important; color: var(--iw-gray-base) !important; }
.invoice-state.refunded        { background: var(--iw-primary-light) !important; color: var(--iw-primary) !important; }

.text-danger  { color: var(--iw-danger) !important; }
.text-success { color: var(--iw-success) !important; }
.text-warning { color: var(--iw-warning) !important; }
.text-primary { color: var(--iw-primary) !important; }
.text-muted, .text-light { color: var(--iw-gray-light) !important; }

/* ════════════════════════════════════════
   12. TABLAS
   ════════════════════════════════════════ */
.table, table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 13.5px !important;
  background: var(--iw-white) !important;
}
.table > thead > tr > th,
table thead th {
  background: var(--iw-gray-bg) !important;
  color: var(--iw-gray-lighter) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  padding: 10px 16px !important;
  border: none !important;
  border-bottom: 1px solid var(--iw-gray-divider) !important;
  white-space: nowrap !important;
  font-family: var(--iw-font-title) !important;
}
.table > tbody > tr > td,
table tbody td {
  padding: 12px 16px !important;
  color: var(--iw-gray-dark) !important;
  border: none !important;
  border-bottom: 1px solid var(--iw-gray-divider) !important;
  vertical-align: middle !important;
  font-family: var(--iw-font-body) !important;
}
.table > tbody > tr:last-child > td { border-bottom: none !important; }
.table-hover > tbody > tr:hover > td { background: var(--iw-gray-bg) !important; }

/* ════════════════════════════════════════
   13. BOTONES
   ════════════════════════════════════════ */
.btn {
  font-family: var(--iw-font-title) !important;
  font-weight: 600 !important;
  border-radius: var(--iw-radius) !important;
  font-size: 13px !important;
  padding: 7px 16px !important;
  transition: all var(--iw-transition) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  border: 1px solid transparent !important;
  line-height: 1.5 !important;
}
.btn-primary, .iw-btn-primary {
  background: var(--iw-primary) !important;
  border-color: var(--iw-primary) !important;
  color: #fff !important;
}
.btn-primary:hover, .iw-btn-primary:hover {
  background: var(--iw-primary-dark) !important;
  border-color: var(--iw-primary-dark) !important;
  color: #fff !important;
}
.btn-default, .btn-secondary, .iw-btn-secondary {
  background: var(--iw-white) !important;
  border-color: var(--iw-gray-border) !important;
  color: var(--iw-gray-dark) !important;
}
.btn-default:hover, .btn-secondary:hover, .iw-btn-secondary:hover {
  background: var(--iw-gray-bg) !important;
  color: var(--iw-gray-darkest) !important;
}
.btn-danger, .iw-btn-danger {
  background: var(--iw-danger) !important;
  border-color: var(--iw-danger) !important;
  color: #fff !important;
}
.btn-danger:hover { background: #B6202A !important; }
.btn-success {
  background: var(--iw-success) !important;
  border-color: var(--iw-success) !important;
  color: #fff !important;
}
.btn-success:hover { background: #26873C !important; color: #fff !important; }
.btn-warning {
  background: var(--iw-warning) !important;
  border-color: var(--iw-warning) !important;
  color: #fff !important;
}
.btn-link {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--iw-primary) !important;
  padding-left: 0 !important; padding-right: 0 !important;
}
.btn-link:hover { color: var(--iw-primary-dark) !important; text-decoration: underline !important; }
.btn-xs { padding: 3px 9px !important; font-size: 11.5px !important; }
.btn-sm { padding: 5px 11px !important; font-size: 12.5px !important; }
.btn-lg { padding: 10px 24px !important; font-size: 14.5px !important; }

/* ════════════════════════════════════════
   14. FORMULARIOS
   ════════════════════════════════════════ */
.form-control,
input[type="text"], input[type="email"], input[type="password"],
input[type="tel"], input[type="number"], input[type="search"],
input[type="url"], select, textarea {
  border: 1px solid var(--iw-gray-border) !important;
  border-radius: var(--iw-radius) !important;
  padding: 8px 12px !important;
  font-size: 13.5px !important;
  font-family: var(--iw-font-body) !important;
  color: var(--iw-gray-darkest) !important;
  background: var(--iw-white) !important;
  transition: border-color var(--iw-transition), box-shadow var(--iw-transition) !important;
  box-shadow: none !important;
  height: auto !important;
}
.form-control:focus,
input[type="text"]:focus, input[type="email"]:focus,
input[type="password"]:focus, select:focus, textarea:focus {
  border-color: var(--iw-primary) !important;
  box-shadow: 0 0 0 3px rgba(52,58,46,.12) !important;
  outline: none !important;
}
.form-control::placeholder, input::placeholder {
  color: var(--iw-gray-lighter) !important;
  font-size: 13px !important;
}
label {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: var(--iw-gray-dark) !important;
  font-family: var(--iw-font-title) !important;
  margin-bottom: 5px !important;
}
.form-group { margin-bottom: 16px !important; }
.help-block, .form-text { font-size: 12px !important; color: var(--iw-gray-light) !important; margin-top: 4px !important; }
.has-error .form-control   { border-color: var(--iw-danger) !important; }
.has-success .form-control { border-color: var(--iw-success) !important; }

/* ════════════════════════════════════════
   15. ALERTS
   ════════════════════════════════════════ */
.alert {
  border-radius: var(--iw-radius-lg) !important;
  padding: 12px 16px !important;
  font-size: 13.5px !important;
  border: 1px solid !important;
}
.alert-success {
  background: var(--iw-success-light) !important;
  border-color: var(--iw-success-border) !important;
  color: #1a6130 !important;
}
.alert-warning {
  background: var(--iw-warning-light) !important;
  border-color: var(--iw-warning-border) !important;
  color: #7A3D00 !important;
}
.alert-danger {
  background: var(--iw-danger-light) !important;
  border-color: var(--iw-danger-border) !important;
  color: #8B1219 !important;
}
.alert-info {
  background: var(--iw-primary-lighter) !important;
  border-color: var(--iw-primary-border) !important;
  color: var(--iw-primary-dark) !important;
}
.alert .close { color: inherit !important; opacity: .5 !important; }

/* ════════════════════════════════════════
   16. TABS / NAV-TABS
   ════════════════════════════════════════ */
.nav-tabs {
  border-bottom: 2px solid var(--iw-gray-divider) !important;
  margin-bottom: 20px !important;
}
.nav-tabs > li > a, .nav-tabs .nav-link {
  color: var(--iw-gray-light) !important;
  font-weight: 500 !important;
  font-family: var(--iw-font-title) !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  margin-bottom: -2px !important;
  padding: 10px 16px !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 13.5px !important;
}
.nav-tabs > li > a:hover { color: var(--iw-gray-darkest) !important; background: transparent !important; }
.nav-tabs > li.active > a, .nav-tabs .nav-link.active {
  color: var(--iw-primary) !important;
  border-bottom-color: var(--iw-primary) !important;
  font-weight: 600 !important;
  background: transparent !important;
}

/* ════════════════════════════════════════
   17. PROGRESS BARS
   ════════════════════════════════════════ */
.progress {
  border-radius: 99px !important;
  height: 7px !important;
  background: var(--iw-gray-divider) !important;
  box-shadow: none !important;
}
.progress-bar         { background: var(--iw-primary) !important;  border-radius: 99px !important; }
.progress-bar-success { background: var(--iw-success) !important; }
.progress-bar-warning { background: var(--iw-warning) !important; }
.progress-bar-danger  { background: var(--iw-danger)  !important; }

/* ════════════════════════════════════════
   18. MODALES
   ════════════════════════════════════════ */
.modal-content {
  border: none !important;
  border-radius: var(--iw-radius-xl) !important;
  box-shadow: var(--iw-shadow-lg) !important;
}
.modal-header { border-bottom: 1px solid var(--iw-gray-divider) !important; padding: 16px 20px !important; }
.modal-title  { font-family: var(--iw-font-title) !important; font-size: 15px !important; font-weight: 700 !important; color: var(--iw-gray-darkest) !important; }
.modal-footer { border-top: 1px solid var(--iw-gray-divider) !important; padding: 12px 20px !important; }

/* ════════════════════════════════════════
   19. BREADCRUMB / PAGINACIÓN
   ════════════════════════════════════════ */
.breadcrumb {
  background: transparent !important;
  padding: 0 0 16px !important;
  margin: 0 !important;
  font-size: 12.5px !important;
}
.breadcrumb > li { color: var(--iw-gray-light) !important; }
.breadcrumb > li + li::before { color: var(--iw-gray-border) !important; content: '/' !important; }
.breadcrumb > .active { color: var(--iw-gray-light) !important; }
.breadcrumb a { color: var(--iw-primary) !important; }

.pagination > li > a, .page-link {
  border: 1px solid var(--iw-gray-border) !important;
  color: var(--iw-gray-dark) !important;
  border-radius: var(--iw-radius) !important;
  margin: 0 2px !important;
  font-size: 13px !important;
  padding: 5px 11px !important;
}
.pagination > li > a:hover { background: var(--iw-gray-bg) !important; }
.pagination > .active > a, .page-item.active .page-link {
  background: var(--iw-primary) !important;
  border-color: var(--iw-primary) !important;
  color: #fff !important;
}

/* ════════════════════════════════════════
   20. WELL / MISC
   ════════════════════════════════════════ */
.well {
  background: var(--iw-gray-bg) !important;
  border: 1px solid var(--iw-gray-border) !important;
  border-radius: var(--iw-radius-lg) !important;
  box-shadow: none !important;
  padding: 16px 20px !important;
}
hr { border: none !important; border-top: 1px solid var(--iw-gray-divider) !important; margin: 16px 0 !important; }

/* ════════════════════════════════════════
   21. FOOTER
   ════════════════════════════════════════ */
.iw-footer,
footer.footer {
  background: var(--iw-white) !important;
  border-top: 1px solid var(--iw-gray-divider) !important;
  padding: 16px 32px !important;
}
.iw-footer-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.iw-footer-left, .iw-footer-copy {
  font-size: 12.5px;
  color: var(--iw-gray-lighter);
  font-family: var(--iw-font-title);
}
.iw-footer-left strong, .iw-footer-copy strong { color: var(--iw-gray-base); }
.iw-footer-links { display: flex; gap: 18px; flex-wrap: wrap; align-items: center; }
.iw-footer-links a {
  font-size: 12.5px;
  color: var(--iw-gray-lighter) !important;
  font-family: var(--iw-font-title);
  text-decoration: none !important;
}
.iw-footer-links a:hover { color: var(--iw-primary) !important; }

/* ════════════════════════════════════════
   22. LOGIN / REGISTER / PASSWORD RESET
       Estilo Lagom2 (deep rewrite)
   ════════════════════════════════════════ */

/* Fondo de páginas de acceso */
body.login-bg,
body.register-bg {
  background: var(--iw-gray-bg) !important;
  min-height: 100vh !important;
}

/* Wrapper principal: fuerza centrado vertical en pantalla */
body.login-bg #page-wrapper,
body.register-bg #page-wrapper {
  min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 32px 16px !important;
}

body.login-bg #page-wrapper .container,
body.register-bg #page-wrapper .container {
  width: 100% !important;
  max-width: 960px !important;
}

/* Fila contenedora: flex centrado */
body.login-bg .host-row,
body.register-bg .host-row {
  display: flex !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  float: none !important;
}

/* Panel izquierdo: formulario (único en modo simple) */
body.login-bg .bg-box,
body.register-bg .bg-box {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  float: none !important;
  width: 100% !important;
  max-width: 440px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Panel lateral derecho (modo split, col-md-6.rubuts y .bg-box:last-child) */
body.login-bg .rubuts {
  display: none !important; /* oculto en móvil, visible >=992px */
}
@media (min-width: 992px) {
  body.login-bg .host-row,
  body.register-bg .host-row {
    gap: 40px !important;
    max-width: 900px !important;
    margin: 0 auto !important;
  }
  body.login-bg .rubuts {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 !important;
    max-width: 400px !important;
    background: linear-gradient(150deg, var(--iw-primary) 0%, var(--iw-primary-dark) 100%) !important;
    border-radius: var(--iw-radius-xl) !important;
    padding: 40px 32px !important;
    text-align: center !important;
  }
  body.login-bg .rubuts .login-logo { display: block; margin-bottom: 24px; }
  body.login-bg .rubuts .login-logo img { max-height: 50px; filter: brightness(10); }
  body.login-bg .rubuts h3 {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    font-family: var(--iw-font-title) !important;
    margin-bottom: 8px !important;
  }
  body.login-bg .rubuts p {
    color: rgba(255,255,255,.75) !important;
    font-size: 13.5px !important;
    line-height: 1.6 !important;
  }
  body.login-bg .rubuts img.img-responsive {
    max-width: 80% !important;
    margin-top: 24px !important;
    opacity: .9 !important;
  }
}

/* Flecha "volver" */
.back-arrow {
  margin-bottom: 16px !important;
}
.back-arrow a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--iw-gray-light) !important;
  font-size: 13px !important;
  font-family: var(--iw-font-title) !important;
  transition: color var(--iw-transition) !important;
}
.back-arrow a:hover { color: var(--iw-primary) !important; }
.back-arrow a i { font-size: 14px !important; }

/* register-div-block: fila de back arrow + título */
.register-div-block {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 20px !important;
}
.register-div-block .back-arrow { margin-bottom: 0 !important; }
.register-div-block .titel-sup p,
.register-div-block .col-md-7 p {
  font-family: var(--iw-font-title) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--iw-gray-darkest) !important;
  margin: 0 !important;
}

/* Logo en página de login (modo simple, centrado) */
.login-logo2,
.login-logo {
  text-align: center !important;
  margin-bottom: 24px !important;
}
.login-logo2 img,
.login-logo img {
  max-height: 52px !important;
  max-width: 260px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* Descripción bajo el logo */
.login-logo + p,
.login-logo2 + p {
  text-align: center !important;
  font-size: 13px !important;
  color: var(--iw-gray-light) !important;
  line-height: 1.6 !important;
  margin-bottom: 20px !important;
}

/* Card del formulario de login (Lagom2: limpio, sombra suave) */
body.login-bg .card.mw-540,
body.register-bg .card {
  background: var(--iw-white) !important;
  border: none !important;
  border-radius: var(--iw-radius-xl) !important;
  box-shadow: var(--iw-shadow) !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
}
body.login-bg .card-body,
body.register-bg .card-body {
  padding: 32px !important;
}

/* Encabezado del formulario de login */
.wel-titel {
  font-family: var(--iw-font-title) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--iw-gray-darkest) !important;
  margin-bottom: 4px !important;
  line-height: 1.3 !important;
}

/* InputBox: contenedor de input estilo Lagom2 */
.inputBox {
  position: relative !important;
  margin-bottom: 4px !important;
}

/* Etiqueta dentro del inputBox */
.inputText {
  font-family: var(--iw-font-title) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: var(--iw-gray-light) !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  margin-bottom: 5px !important;
  display: block !important;
}

/* Input dentro del inputBox */
.inputBox .input,
.inputBox input.input {
  width: 100% !important;
  border: 1.5px solid var(--iw-gray-border) !important;
  border-radius: var(--iw-radius) !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  font-family: var(--iw-font-body) !important;
  color: var(--iw-gray-darkest) !important;
  background: var(--iw-white) !important;
  transition: border-color var(--iw-transition), box-shadow var(--iw-transition) !important;
  outline: none !important;
  box-shadow: none !important;
  height: 44px !important;
  display: block !important;
}
.inputBox .input:focus,
.inputBox input.input:focus {
  border-color: var(--iw-primary) !important;
  box-shadow: 0 0 0 3px rgba(52,58,46,.12) !important;
}
.inputBox .input::placeholder { color: var(--iw-gray-lighter) !important; }

/* Row de "Recuérdame + Olvidé contraseña" */
.form-group.check-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 20px !important;
}
.form-group.check-top .checkbox {
  margin: 0 !important;
}
.form-group.check-top .checkbox label {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--iw-gray-base) !important;
  cursor: pointer !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.need-help {
  font-size: 13px !important;
  color: var(--iw-primary) !important;
  font-family: var(--iw-font-title) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
.need-help:hover { color: var(--iw-primary-dark) !important; text-decoration: underline !important; }

/* Botón principal (submit) en login — wgs_custom-btn */
.btn-account .wgs_custom-btn,
.btn-account input.wgs_custom-btn,
.wgs_custom-btn {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--iw-primary) !important;
  border: none !important;
  border-radius: var(--iw-radius) !important;
  color: #fff !important;
  font-family: var(--iw-font-title) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 11px 20px !important;
  cursor: pointer !important;
  transition: background var(--iw-transition) !important;
  letter-spacing: .01em !important;
  height: 46px !important;
}
.btn-account .wgs_custom-btn:hover,
.btn-account input.wgs_custom-btn:hover,
.wgs_custom-btn:hover {
  background: var(--iw-primary-dark) !important;
}

/* Área del botón */
.btn-account {
  margin-top: 8px !important;
}

/* Botón secundario "Crear cuenta" (wgsReg) */
.btn-account.wgsReg {
  margin-top: 10px !important;
}
.btn-account.wgsReg .wgs_custom-btn,
.btn-account.wgsReg a.log-btn.wgs_custom-btn {
  background: var(--iw-white) !important;
  border: 1.5px solid var(--iw-gray-border) !important;
  color: var(--iw-gray-dark) !important;
}
.btn-account.wgsReg .wgs_custom-btn:hover,
.btn-account.wgsReg a.log-btn.wgs_custom-btn:hover {
  background: var(--iw-gray-bg) !important;
  border-color: var(--iw-gray-border) !important;
  color: var(--iw-gray-darkest) !important;
}

/* Separador "o" entre botones */
.login-separator,
.social-login-separator {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 16px 0 !important;
  color: var(--iw-gray-lighter) !important;
  font-size: 12px !important;
}
.login-separator::before,
.login-separator::after {
  content: '' !important;
  flex: 1 !important;
  height: 1px !important;
  background: var(--iw-gray-divider) !important;
}

/* Formulario de recuperación de contraseña */
.form-forgot-password .wel-titel { margin-bottom: 8px !important; }
.description-forgot-psw {
  margin-bottom: 20px !important;
}
.description-forgot-psw p {
  font-size: 13.5px !important;
  color: var(--iw-gray-light) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}
.forgot-bottom-button { margin-top: 4px !important; }
.forgot-bottom-button .btn.wgs_custom-btn,
.forgot-bottom-button button.wgs_custom-btn {
  width: 100% !important;
  justify-content: center !important;
  height: 46px !important;
  font-size: 14px !important;
}

/* Sección de éxito ("email enviado") */
.forgot-psw-section { padding: 0 !important; }
.email-sent-forgot {
  font-size: 13.5px !important;
  color: var(--iw-gray-base) !important;
  line-height: 1.7 !important;
  margin-top: 12px !important;
}

/* Mensajes de error en login pages */
.message-box-theme-login-pages,
.message-box-theme-login-pagesss {
  margin-bottom: 16px !important;
}

/* Captcha en login */
.wgslogin-captch { margin-top: 4px !important; }

/* PasswordStrength bar (registro) */
#passwordStrength {
  margin-top: 6px !important;
  border-radius: 99px !important;
  height: 5px !important;
  background: var(--iw-gray-divider) !important;
}
#passwordStrength .progress-bar { border-radius: 99px !important; }

/* ════════════════════════════════════════
   23. HEADER DE PÁGINAS INTERNAS
   ════════════════════════════════════════ */
.common-table-upper-header {
  background: var(--iw-white) !important;
  border: 1px solid var(--iw-gray-border) !important;
  border-radius: var(--iw-radius-xl) !important;
  box-shadow: var(--iw-shadow-sm) !important;
  padding: 14px 20px !important;
  margin-bottom: 16px !important;
}
.common-table-upper-header .common-header-top {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
/* Ocultar título y contador duplicados (ya están en iw-page-header) */
.common-header-top .common-title-all,
.common-header-top .common-title-count { display: none !important; }
/* Ocultar botón "Agregar servicio" duplicado */
.common-header-top .common-table-button-nav { display: none !important; }
/* El buscador ocupa el espacio disponible */
.common-header-top .common-serach-input { flex: 1 !important; min-width: 180px !important; }
.common-header-top .common-serach-input .input-group { width: 100% !important; }
.add-button-common {
  background: var(--iw-primary) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--iw-radius) !important;
  padding: 7px 15px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  font-family: var(--iw-font-title) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.add-button-common:hover { background: var(--iw-primary-dark) !important; color: #fff !important; }
.common-sort-dropdown .dropdown-toggle {
  background: var(--iw-white) !important;
  border: 1px solid var(--iw-gray-border) !important;
  border-radius: var(--iw-radius) !important;
  padding: 6px 12px !important;
  font-size: 13px !important;
  color: var(--iw-gray-dark) !important;
  cursor: pointer !important;
}

/* ════════════════════════════════════════
   24. SERVICIOS
   ════════════════════════════════════════ */
.product-with-domain a,
.nodomain-product-name { font-weight: 600 !important; color: var(--iw-gray-darkest) !important; }
.domain-product-name  { color: var(--iw-gray-light) !important; font-size: 12px !important; }
.action-buttons-table { display: flex; gap: 4px; list-style: none; padding: 0; margin: 0; }
.action-buttons-table a { color: var(--iw-gray-light) !important; font-size: 15px !important; padding: 4px 6px; border-radius: var(--iw-radius); transition: all var(--iw-transition); }
.action-buttons-table a:hover { color: var(--iw-primary) !important; background: var(--iw-primary-light); }

/* ════════════════════════════════════════
   25. FACTURAS
   ════════════════════════════════════════ */
.theme-client-invoices-page { background: transparent !important; }
.upper-invoice-head-section {
  background: var(--iw-white) !important;
  border-radius: var(--iw-radius-xl) !important;
  box-shadow: var(--iw-shadow-sm) !important;
  padding: 24px 28px !important;
  margin-bottom: 20px !important;
}
.invoice-status .invoice-number {
  font-family: var(--iw-font-title) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--iw-gray-darkest) !important;
}

/* ════════════════════════════════════════
   26. TICKETS
   ════════════════════════════════════════ */
.theme-ticket-list-page { background: transparent !important; }
.theme-view-ticket-page { background: transparent !important; }
body:not(.login-bg) .iw-ticket-page-header .iw-page-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
body:not(.login-bg) .iw-ticket-page-header .iw-page-subtitle {
  margin-top: 5px !important;
  color: var(--iw-gray-light) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}
body:not(.login-bg) .iw-ticket-page-header .iw-ticket-action-reply {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 36px !important;
  white-space: nowrap !important;
}
body:not(.login-bg) .iw-ticket-page-header .iw-ticket-action-close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 36px !important;
  white-space: nowrap !important;
}
#ticketReplyContainer {
  background: var(--iw-white) !important;
  border-radius: var(--iw-radius-xl) !important;
  box-shadow: var(--iw-shadow-sm) !important;
  padding: 20px 24px !important;
  margin-top: 20px !important;
}
#ticketReplyContainer textarea { min-height: 160px !important; resize: vertical !important; }

/* ════════════════════════════════════════
   27. CHECKOUT / CARRITO
   ════════════════════════════════════════ */
#btnCompleteOrder,
.btn-order-complete {
  background: var(--iw-primary) !important;
  color: #fff !important;
  border: none !important;
  padding: 11px 28px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  width: 100% !important;
  justify-content: center !important;
  border-radius: var(--iw-radius) !important;
}
#btnCompleteOrder:hover { background: var(--iw-primary-dark) !important; }

/* ════════════════════════════════════════
   28. DATATABLES
   ════════════════════════════════════════ */
.dataTables_filter label { font-size: 12.5px !important; color: var(--iw-gray-light) !important; }
.dataTables_filter input { font-size: 13px !important; }
.dataTables_info { font-size: 12.5px !important; color: var(--iw-gray-light) !important; }
.dataTables_length label { font-size: 12.5px !important; color: var(--iw-gray-light) !important; }

/* ════════════════════════════════════════
   29. RESPONSIVE
   ════════════════════════════════════════ */
@media (max-width: 1200px) {
  .iw-tiles { grid-template-columns: repeat(4, 1fr) !important; }
}
@media (max-width: 992px) {
  nav#sidebar { display: none !important; }
  body.login-bg .rubuts { display: none !important; }
  .iw-tiles { grid-template-columns: repeat(4, 1fr) !important; }
}
@media (max-width: 768px) {
  .iw-tiles { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
  .iw-domain-search-row { flex-direction: column !important; }
  .iw-page-header { flex-direction: column !important; }
  .iw-footer { padding: 14px 16px !important; }
  .iw-footer-inner { flex-direction: column !important; }
  .iw-footer-links { justify-content: center !important; }
  .common-header-top { flex-direction: column !important; align-items: flex-start !important; }
  table td, table th { padding: 9px 10px !important; }
  body.login-bg .card-body,
  body.register-bg .card-body { padding: 24px 20px !important; }
  .form-group.check-top { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; }
}
@media (max-width: 480px) {
  .iw-tiles { grid-template-columns: 1fr 1fr !important; }
  .iw-tile-value { font-size: 20px !important; }
  body.login-bg #page-wrapper,
  body.register-bg #page-wrapper { padding: 20px 12px !important; align-items: flex-start !important; }
}

/* ════════════════════════════════════════
   30. BOTON WHATSAPP CORPORATIVO
   ════════════════════════════════════════ */
.iw-whatsapp-float{
  position:fixed!important;
  right:22px!important;
  bottom:22px!important;
  z-index:9998!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:11px!important;
  min-height:58px!important;
  max-width:calc(100vw - 32px)!important;
  padding:10px 16px 10px 10px!important;
  border-radius:999px!important;
  color:#fff!important;
  text-decoration:none!important;
  background:linear-gradient(135deg,#343a2e 0%,#343a2e 100%)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 18px 42px rgba(52,58,46,.28),0 4px 14px rgba(25,28,23,.16)!important;
  font-family:"DM Sans","Plus Jakarta Sans",Arial,sans-serif!important;
  transform:translateZ(0)!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.iw-whatsapp-float:hover,.iw-whatsapp-float:focus{
  color:#fff!important;
  text-decoration:none!important;
  transform:translateY(-2px)!important;
  filter:saturate(1.04)!important;
  box-shadow:0 22px 52px rgba(52,58,46,.34),0 6px 18px rgba(25,28,23,.18)!important;
  outline:none!important;
}
.iw-whatsapp-float-icon{
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.16)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important;
}
.iw-whatsapp-float-icon svg{width:25px!important;height:25px!important;display:block!important;fill:#fff!important}
.iw-whatsapp-float-copy{display:flex!important;flex-direction:column!important;min-width:0!important;line-height:1.05!important;text-align:left!important}
.iw-whatsapp-float-copy strong{display:block!important;color:#fff!important;font-size:13px!important;font-weight:800!important;letter-spacing:0!important;white-space:nowrap!important}
.iw-whatsapp-float-copy small{display:block!important;margin-top:4px!important;color:#fff!important;font-size:11px!important;font-weight:700!important;white-space:nowrap!important}
body.login-bg .iw-whatsapp-float,
body.register-bg .iw-whatsapp-float,
.woot-widget-holder,.woot--bubble-holder,.woot-widget-bubble,.chatwoot-widget,.chatwoot-container,iframe[src*="chatwoot"]{
  display:none!important;
}
@media(max-width:640px){
  .iw-whatsapp-float{
    right:14px!important;
    bottom:14px!important;
    min-height:52px!important;
    padding:8px 12px 8px 8px!important;
    gap:9px!important;
  }
  .iw-whatsapp-float-icon{width:36px!important;height:36px!important;flex-basis:36px!important}
  .iw-whatsapp-float-icon svg{width:22px!important;height:22px!important}
  .iw-whatsapp-float-copy strong{font-size:12px!important}
  .iw-whatsapp-float-copy small{font-size:10px!important}
}
@media(max-width:390px){
  .iw-whatsapp-float{padding:8px!important;border-radius:50%!important}
  .iw-whatsapp-float-copy{display:none!important}
}
.whatsapp-float{z-index:9998!important}

/* ════════════════════════════════════════
   31. LAYOUT LAGOM2 — NAV IZQUIERDA
   ════════════════════════════════════════ */

/* Ocultar header horizontal clientx */
header.clientx,
header.wgsheaderfromaddon {
  display: none !important;
}

/* Ocultar topbar promo en páginas autenticadas para layout limpio */
body:not(.login-bg) .iw-topbar {
  display: none !important;
}

/* ════════════════════════════════════════
   31b. SIDEBAR — Estilo HiTech: blanco, logo grande, iconos+texto
   ════════════════════════════════════════ */

/* Ocultar panel de información clientx y su botón */
.defaultClientxSidebar,
#sidebarCollapse-left {
  display: none !important;
}

/* ── Sidebar contenedor ── */
nav#sidebar.wgssidebaraddon {
  min-width: 220px !important;
  max-width: 220px !important;
  width: 220px !important;
  top: 0 !important;
  left: 0 !important;
  margin-left: 0 !important;
  position: fixed !important;
  height: 100vh !important;
  background: #ffffff !important;
  border-right: 1px solid #edf0e8 !important;
  box-shadow: 2px 0 16px rgba(0,0,0,.06) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  padding: 0 !important;
  z-index: 1030 !important;
}

/* ── Logo grande y centrado ── */
.iw-nav-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 18px !important;
  flex-shrink: 0 !important;
  border-bottom: 1px solid #f3f5f0 !important;
  background: transparent !important;
}
.iw-nav-logo a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.iw-nav-logo img {
  max-width: 270px !important;
  max-height: 152px !important;
  width: 170px!important;
  object-fit: contain !important;
  filter: none !important;
}

/* ── Cuerpo navegación scrollable ── */
.iw-nav-body {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 9px 10px 14px 10px !important;
}
.iw-nav-body::-webkit-scrollbar { width: 0px !important; }

/* ── Lista de ítems ── */
.iw-nav-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}
.iw-nav-item {
  list-style: none !important;
  position: relative !important;
}

/* ── Link principal: icono arriba + texto abajo ── */
.iw-nav-link {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 5px !important;
  padding: 11px 8px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  font-family: var(--iw-font-title, 'Inter', sans-serif) !important;
  color: #64695e !important;
  text-decoration: none !important;
  transition: background .15s ease, color .15s ease, box-shadow .15s ease !important;
  cursor: pointer !important;
  position: relative !important;
  border: none !important;
  background: transparent !important;
}
.iw-nav-link i:first-child {
  font-size: 19px !important;
  width: auto !important;
  text-align: center !important;
  flex-shrink: 0 !important;
  color: #9ba88a !important;
  transition: color .15s ease !important;
  display: block !important;
}
.iw-nav-label {
  display: block !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  max-width: 100% !important;
  line-height: 1.3 !important;
  word-break: break-word !important;
}
.iw-chevron {
  font-size: 8px !important;
  margin: 0 !important;
  color: #d8dbd1 !important;
  transition: transform .2s ease !important;
  display: block !important;
}
.iw-chevron.open {
  transform: rotate(180deg) !important;
}

/* Hover */
.iw-nav-link:hover {
  background: #fafcf7 !important;
  color: #64695e !important;
  text-decoration: none !important;
}
.iw-nav-link:hover i:first-child {
  color: var(--iw-primary, #859c58) !important;
}
.iw-nav-link:hover .iw-chevron {
  color: #9ba88a !important;
}

/* Activo — fondo primario sólido */
.iw-nav-link.active {
  background: var(--iw-primary, #859c58) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 14px rgba(133,156,88,.28) !important;
}
.iw-nav-link.active::before { display: none !important; }
.iw-nav-link.active i:first-child {
  color: #ffffff !important;
}
.iw-nav-link.active .iw-chevron {
  color: rgba(255,255,255,.6) !important;
}

/* ── Submenú — display controlado por jQuery ── */
.iw-sub-list {
  list-style: none !important;
  margin: 2px 0 4px 50px !important;
  padding: 0 !important;
  border-left: none !important;
  background: transparent !important;
}
.iw-sub-link {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #64695e !important;
  text-decoration: none !important;
  transition: background .15s ease, color .15s ease !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.iw-sub-link i {
  font-size: 12px !important;
  width: 14px !important;
  text-align: center !important;
  flex-shrink: 0 !important;
  color: #d2d8c4 !important;
  transition: color .15s ease !important;
}
.iw-sub-link:hover {
  background: var(--iw-primary-light, #f4f7ee) !important;
  color: var(--iw-primary, #343a2e) !important;
  text-decoration: none !important;
}
.iw-sub-link:hover i { color: var(--iw-primary, #343a2e) !important; }
.iw-sub-link.active {
  background: var(--iw-primary-light, #f4f7ee) !important;
  color: var(--iw-primary, #343a2e) !important;
  font-weight: 600 !important;
}
.iw-sub-link.active i { color: var(--iw-primary, #343a2e) !important; }

/* ── Footer del sidebar ── */
.iw-nav-footer {
  flex-shrink: 0 !important;
  border-top: 1px solid #f3f5f0 !important;
  padding: 8px 10px !important;
  background: #fcfdfa !important;
}
.iw-nav-account-top {
  border-top: 0 !important;
  border-bottom: 1px solid #f4f7ee !important;
  padding: 8px 10px 10px !important;
  background: #ffffff !important;
}
.iw-nav-account-top .iw-user-row {
  margin-bottom: 5px !important;
  padding-bottom: 6px !important;
}
.iw-nav-account-top .iw-nav-actions {
  padding: 0 !important;
}
.iw-nav-account-top .iw-action-btn {
  padding: 6px 3px !important;
}
.iw-nav-account-top .iw-action-icon {
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
}
.iw-nav-account-top .iw-action-icon svg {
  width: 14px !important;
  height: 14px !important;
}
.iw-nav-account-top .iw-action-label {
  font-size: 10.2px !important;
}

/* Tarjeta de usuario */
.iw-user-card {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 2px 2px 8px !important;
  margin-bottom: 6px !important;
  border-bottom: 1px solid #f3f5f0 !important;
}
.iw-user-avatar {
  flex-shrink: 0 !important;
  width: 34px !important;
  height: 34px !important;
  background: var(--iw-primary, #859c58) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #fff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  font-family: var(--iw-font-title, 'Inter', sans-serif) !important;
}
.iw-user-info { overflow: hidden !important; }
.iw-user-name {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #191c17 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.iw-user-role {
  font-size: 10px !important;
  color: #9ba88a !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  font-weight: 500 !important;
}

/* Botones de acción — full-width con icono + label */
.iw-nav-actions {
  display: flex !important;
  flex-direction: row !important;
  gap: 3px !important;
  padding: 4px !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
}
.iw-action-btn {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  flex: 1 !important;
  min-width: 0 !important;
  padding: 7px 4px !important;
  border-radius: 10px !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background .15s ease !important;
}
.iw-action-btn:hover {
  background: #f6f7f4 !important;
  text-decoration: none !important;
}
/* Icono con fondo de color */
.iw-action-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 10px !important;
  flex-shrink: 0 !important;
}
.iw-action-icon svg { width: 15px !important; height: 15px !important; }
.iw-action-icon-purple { background: #ede9fe !important; color: #7c3aed !important; }
.iw-action-icon-amber  { background: #fef3c7 !important; color: #d97706 !important; }
.iw-action-icon-blue   { background: #eff4e5 !important; color: #343a2e !important; }
.iw-action-icon-red    { background: #fee2e2 !important; color: #dc2626 !important; }
.iw-action-label {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #64695e !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center !important;
  max-width: 100% !important;
}
.iw-action-logout .iw-action-label { color: #dc2626 !important; }
/* Punto de notificación */
.iw-action-dot {
  width: 7px !important;
  height: 7px !important;
  background: #ef4444 !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
}
/* hover coloreado por tipo */
.iw-action-cart:hover    { background: #f5f3ff !important; }
.iw-action-notif:hover   { background: #fffbeb !important; }
.iw-action-profile:hover { background: #f8faf4 !important; }
.iw-action-logout:hover  { background: #fef2f2 !important; }

/* ── Contenido principal ── */
.wrapper { margin-top: 0 !important; padding-top: 0 !important; }
#content {
  width: calc(100% - 220px) !important;
  left: 220px !important;
  top: 0 !important;
  margin-top: 0 !important;
  position: relative !important;
}

/* Ocultar botón shift-btn */
#sidebarCollapse.shift-btn,
.top-resp { display: none !important; }

/* ── Responsive: móvil ── */
@media (max-width: 992px) {
  header.clientx,
  header.wgsheaderfromaddon { display: flex !important; }
  nav#sidebar.wgssidebaraddon { display: none !important; }
  #content { left: 0 !important; width: 100% !important; }
  .top-resp { display: flex !important; }
  .iw-topbar { display: block !important; }
}

/* ════════════════════════════════════════
   32. POLISH — DETALLES DE SERVICIO
   ════════════════════════════════════════ */

/* Panel heading/body/footer (módulos WHMCS) */
.panel-heading {
  background: var(--iw-white) !important;
  border-bottom: 1px solid var(--iw-gray-divider) !important;
  padding: 14px 20px !important;
  border-radius: var(--iw-radius-xl) var(--iw-radius-xl) 0 0 !important;
}
.panel-title, .panel-heading .panel-title {
  font-family: var(--iw-font-title) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--iw-gray-darkest) !important;
  margin: 0 !important;
}
.panel-body { padding: 20px !important; }
.panel-footer {
  background: var(--iw-gray-bg-soft) !important;
  border-top: 1px solid var(--iw-gray-divider) !important;
  padding: 12px 20px !important;
  border-radius: 0 0 var(--iw-radius-xl) var(--iw-radius-xl) !important;
}

/* Quitar margin m-30 y ajustar padding del theme-wrapper */
.m-30 { margin: 0 !important; }
.theme-client-service-detail-page,
.theme-view-ticket-page { padding: 0 !important; }

/* Cabecera de servicio (reactivar la oculta por sección 6) */
.theme-head-bar.service-detail-page.row {
  display: flex !important;
  align-items: center !important;
  padding: 0 0 18px !important;
  margin-bottom: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.products-list-back a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: var(--iw-primary) !important;
  font-size: 12.5px !important;
  font-family: var(--iw-font-title) !important;
  font-weight: 500 !important;
  margin-bottom: 6px !important;
}
.products-list-back a:hover { color: var(--iw-primary-dark) !important; }
.product-name-head {
  font-family: var(--iw-font-title) !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  color: var(--iw-gray-darkest) !important;
  line-height: 1.3 !important;
}
.products-domains-section {
  font-size: 12.5px !important;
  color: var(--iw-gray-light) !important;
  margin-top: 2px !important;
}
.products-status-section {
  display: inline-flex !important;
  align-items: center !important;
  padding: 5px 14px !important;
  border-radius: 99px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  font-family: var(--iw-font-title) !important;
}
.products-status-section.status-active   { background: var(--iw-success-light) !important; color: var(--iw-success) !important; }
.products-status-section.status-pending  { background: var(--iw-warning-light) !important; color: var(--iw-warning) !important; }
.products-status-section.status-suspended,
.products-status-section.status-cancelled,
.products-status-section.status-fraud    { background: var(--iw-danger-light)  !important; color: var(--iw-danger)  !important; }

/* Icono de producto en detalle */
.product-icon .fa-stack-2x { color: var(--iw-primary-light) !important; }
.product-icon .fa-stack-1x { color: var(--iw-primary) !important; }
.product-name-detail {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--iw-gray-darkest) !important;
  margin: 10px 0 2px !important;
}
.product-group-detail {
  font-size: 12.5px !important;
  color: var(--iw-gray-light) !important;
  font-weight: 400 !important;
}
.product-status-text {
  display: inline-flex !important;
  padding: 4px 14px !important;
  border-radius: 99px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  font-family: var(--iw-font-title) !important;
  margin: 10px auto 0 !important;
}
.product-status-active    .product-status-text { background: var(--iw-success-light) !important; color: var(--iw-success) !important; }
.product-status-pending   .product-status-text { background: var(--iw-warning-light) !important; color: var(--iw-warning) !important; }
.product-status-suspended .product-status-text,
.product-status-cancelled .product-status-text { background: var(--iw-danger-light)  !important; color: var(--iw-danger)  !important; }

/* Lista de facturación del servicio */
.product-detail-billing-section {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.product-detail-billing-section > li {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid var(--iw-gray-divider) !important;
  gap: 12px !important;
}
.product-detail-billing-section > li:last-child { border-bottom: none !important; }
.product-left-span {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: var(--iw-gray-light) !important;
  font-family: var(--iw-font-title) !important;
  flex-shrink: 0 !important;
}
.product-right-span {
  font-size: 13.5px !important;
  color: var(--iw-gray-dark) !important;
  font-family: var(--iw-font-body) !important;
  text-align: right !important;
}
.product-actions-wrapper { margin: 16px 0 0 !important; }
.product-actions-wrapper .col-12 { padding: 4px 0 !important; }
.product-actions-wrapper .btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 9px 16px !important;
  font-size: 13px !important;
}

/* Tabs dentro del detalle de producto */
.nav.nav-tabs.responsive-tabs-sm { margin-top: 24px !important; }
.tab-content.bg-white.product-details-tab-container {
  background: var(--iw-white) !important;
  border: 1px solid var(--iw-gray-divider) !important;
  border-top: none !important;
  border-radius: 0 0 var(--iw-radius-lg) var(--iw-radius-lg) !important;
  padding: 20px !important;
}
.responsive-tabs-sm-connector { display: none !important; }

/* ════════════════════════════════════════
   33. POLISH — HILO DE TICKETS
   ════════════════════════════════════════ */

/* Contenedor principal del ticket (quitar box del card externo) */
.card.view-ticket.row {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
}
.left-side-view-ticket > .card-body {
  padding: 0 !important;
  background: transparent !important;
}

/* Cada mensaje en el hilo */
.ticket-reply.markdown-content {
  display: flex !important;
  gap: 14px !important;
  padding: 18px 20px !important;
  border-radius: var(--iw-radius-lg) !important;
  border: 1px solid var(--iw-gray-divider) !important;
  background: var(--iw-white) !important;
  margin-bottom: 14px !important;
  box-shadow: var(--iw-shadow-xs) !important;
  align-items: flex-start !important;
}
/* Staff: fondo azul suave, foto al lado derecho */
.ticket-reply.staff.ticket-staff-reply {
  background: var(--iw-primary-lighter) !important;
  border-color: var(--iw-primary-border) !important;
  flex-direction: row-reverse !important;
}

/* Avatar circular */
.avtar-photo {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 50% !important;
  background-size: cover !important;
  background-position: center !important;
  background-color: var(--iw-primary-light) !important;
}
.ticket-owner-reply-photo,
.ticket-staff-reply-photo { flex-shrink: 0 !important; }

/* Sección del comentario */
.ticket-owner-comment-section,
.ticket-staff-comment-section {
  flex: 1 !important;
  min-width: 0 !important;
}

/* Cabecera: nombre + fecha */
.ticket-owner-name-section,
.ticket-staff-name-section {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid var(--iw-gray-divider) !important;
  flex-wrap: wrap !important;
}
.ticket-staff-name-section { border-bottom-color: var(--iw-primary-border) !important; }

.ticket-owner-name,
.ticket-staff-name {
  font-family: var(--iw-font-title) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: var(--iw-gray-darkest) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
}
.ticket-owner-reply-date,
.ticket-staff-reply-date {
  font-size: 11.5px !important;
  color: var(--iw-gray-light) !important;
  margin-left: auto !important;
  font-family: var(--iw-font-body) !important;
  white-space: nowrap !important;
}

/* Cuerpo del mensaje */
.ticket-owner-message-section,
.ticket-staff-message-section {
  font-size: 13.5px !important;
  color: var(--iw-gray-dark) !important;
  line-height: 1.75 !important;
  font-family: var(--iw-font-body) !important;
}
.ticket-owner-message-section p,
.ticket-staff-message-section p { margin-bottom: 10px !important; }
.ticket-owner-message-section p:last-child,
.ticket-staff-message-section p:last-child { margin-bottom: 0 !important; }
.ticket-owner-message-section blockquote,
.ticket-staff-message-section blockquote {
  border-left: 3px solid var(--iw-primary-border) !important;
  padding: 8px 14px !important;
  margin: 10px 0 !important;
  background: var(--iw-primary-lighter) !important;
  border-radius: 0 var(--iw-radius) var(--iw-radius) 0 !important;
  color: var(--iw-gray-base) !important;
  font-size: 13px !important;
}

/* Badge de tipo de solicitante */
.requestor-badge.label {
  font-size: 10px !important;
  font-weight: 600 !important;
  padding: 2px 8px !important;
  border-radius: 99px !important;
  font-family: var(--iw-font-title) !important;
  display: inline-flex !important;
  align-items: center !important;
  text-transform: capitalize !important;
}
.requestor-type-owner   { background: var(--iw-primary-light)  !important; color: var(--iw-primary)  !important; border: none !important; }
.requestor-type-admin,
.requestor-type-support { background: var(--iw-success-light)   !important; color: var(--iw-success)  !important; border: none !important; }

/* IP address y notas menores */
.ip-address-sec {
  font-size: 11px !important;
  color: var(--iw-gray-lighter) !important;
  display: block !important;
  margin-top: 8px !important;
}

/* Adjuntos */
.attachments {
  border-top: 1px solid var(--iw-gray-divider) !important;
  margin-top: 12px !important;
  padding: 10px 0 0 !important;
}
.attachment-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 8px 0 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}
.attachment-list li a,
.attachment-list li span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  color: var(--iw-primary) !important;
  background: var(--iw-primary-lighter) !important;
  border: 1px solid var(--iw-primary-border) !important;
  border-radius: var(--iw-radius) !important;
  padding: 4px 10px !important;
  text-decoration: none !important;
}
.attachment-list li a:hover { background: var(--iw-primary-light) !important; }

/* Panel derecho de info del ticket */
.right-side-view-ticket { padding-left: 16px !important; }
.right-side-view-ticket-inner-sec {
  background: var(--iw-white) !important;
  border: 1px solid var(--iw-gray-divider) !important;
  border-radius: var(--iw-radius-xl) !important;
  box-shadow: var(--iw-shadow-xs) !important;
  overflow: hidden !important;
  position: sticky !important;
  top: 16px !important;
}
.view-ticket-right-head {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: var(--iw-gray-darkest) !important;
  font-family: var(--iw-font-title) !important;
  padding: 14px 18px !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--iw-gray-divider) !important;
  background: var(--iw-gray-bg) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.ticket-info-descp {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.ticket-info-descp > li {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  padding: 10px 18px !important;
  border-bottom: 1px solid var(--iw-gray-divider) !important;
  gap: 10px !important;
  font-size: 13px !important;
}
.ticket-info-descp > li:last-child { border-bottom: none !important; }
.ticket-info-descp .left-sec {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--iw-gray-light) !important;
  font-family: var(--iw-font-title) !important;
  flex-shrink: 0 !important;
}
.ticket-info-descp .right-sec {
  font-size: 12.5px !important;
  color: var(--iw-gray-dark) !important;
  font-family: var(--iw-font-body) !important;
  text-align: right !important;
}

/* Formulario de respuesta */
.ticket-reply-container-section {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--iw-gray-divider) !important;
}
.ticket-reply-head-section .form-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--iw-gray-darkest) !important;
  font-family: var(--iw-font-title) !important;
  margin: 0 !important;
}
.ticket-reply-close-section i {
  font-size: 15px !important;
  color: var(--iw-gray-light) !important;
  cursor: pointer !important;
  padding: 6px 8px !important;
  border-radius: var(--iw-radius) !important;
  transition: all var(--iw-transition) !important;
}
.ticket-reply-close-section i:hover {
  color: var(--iw-danger) !important;
  background: var(--iw-danger-light) !important;
}
.bottom-button-ticket-reply {
  display: flex !important;
  gap: 10px !important;
  margin-top: 16px !important;
  flex-wrap: wrap !important;
}
.btn.wgs_cancel_button,
input.wgs_cancel_button {
  background: var(--iw-white) !important;
  border: 1px solid var(--iw-gray-border) !important;
  color: var(--iw-gray-dark) !important;
  font-family: var(--iw-font-title) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 7px 16px !important;
  border-radius: var(--iw-radius) !important;
  cursor: pointer !important;
  transition: all var(--iw-transition) !important;
}
.btn.wgs_cancel_button:hover,
input.wgs_cancel_button:hover {
  background: var(--iw-gray-bg) !important;
  color: var(--iw-gray-darkest) !important;
}

/* Upload archivo adjunto */
.upload-file-sec {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-top: 8px !important;
}
.attachments-label {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: var(--iw-gray-dark) !important;
  font-family: var(--iw-font-title) !important;
}
.label-attachment-sec { display: flex !important; gap: 6px !important; }
.file-name-attachment {
  font-size: 12px !important;
  color: var(--iw-gray-light) !important;
}
.ticket-attachment-section { margin-top: 8px !important; }
.ticket-extension-allowed .extension-message {
  font-size: 12px !important;
  color: var(--iw-gray-lighter) !important;
}

/* Valoración de respuesta */
.rating, .rating-done {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  margin-top: 10px !important;
}
.rating .star, .rating-done .star {
  width: 18px !important;
  height: 18px !important;
  background: var(--iw-gray-divider) !important;
  clip-path: polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%) !important;
  cursor: pointer !important;
  transition: background var(--iw-transition) !important;
}
.rating .star.active,
.rating-done .star.active { background: #f5a623 !important; }
.rated {
  font-size: 12px !important;
  color: var(--iw-gray-light) !important;
  margin-left: 6px !important;
  font-family: var(--iw-font-body) !important;
}

/* ════════════════════════════════════════
   34. POLISH — CABECERA INTERNA TICKET
   ════════════════════════════════════════ */
/* Reactivar y estilizar header de viewticket */
.theme-head-bar.row:not(.service-detail-page) {
  display: block !important;
  padding: 0 0 18px !important;
  margin-bottom: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.theme-head-bar h1 {
  font-family: var(--iw-font-title) !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  color: var(--iw-gray-darkest) !important;
  margin: 0 0 4px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.theme-head-bar h1 i { color: var(--iw-primary) !important; font-size: 17px !important; }
.back-button-head-bar {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--iw-primary) !important;
  font-size: 12.5px !important;
  font-family: var(--iw-font-title) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
.back-button-head-bar:hover { color: var(--iw-primary-dark) !important; }

/* ════════════════════════════════════════
   35. POLISH — LISTA SOPORTE / FACTURAS
   ════════════════════════════════════════ */
/* Cabecera del ticket en la lista de tickets */
.theme-ticket-list-page .card,
.theme-client-services-page .card,
.theme-client-invoices-page .card { margin-bottom: 16px !important; }

/* Message box */
.message-box-theme { margin-bottom: 16px !important; }

/* Dropdown genérico mejorado */
.dropdown-menu {
  border: 1px solid var(--iw-gray-border) !important;
  border-radius: var(--iw-radius-lg) !important;
  box-shadow: var(--iw-shadow) !important;
  padding: 6px !important;
  background: var(--iw-white) !important;
  min-width: 160px !important;
}
.dropdown-menu > li > a,
.dropdown-item {
  border-radius: var(--iw-radius) !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  color: var(--iw-gray-dark) !important;
  font-family: var(--iw-font-title) !important;
  transition: all var(--iw-transition) !important;
}
.dropdown-menu > li > a:hover,
.dropdown-item:hover {
  background: var(--iw-gray-bg) !important;
  color: var(--iw-gray-darkest) !important;
}

/* ════════════════════════════════════════
   36. POLISH — GROWL / NOTIFICACIONES
   ════════════════════════════════════════ */
.growl-item,
.growl-default {
  background: var(--iw-white) !important;
  border: 1px solid var(--iw-gray-divider) !important;
  border-radius: var(--iw-radius-lg) !important;
  box-shadow: var(--iw-shadow) !important;
  font-family: var(--iw-font-body) !important;
  font-size: 13.5px !important;
  color: var(--iw-gray-dark) !important;
}
.growl-title {
  font-family: var(--iw-font-title) !important;
  font-weight: 700 !important;
  color: var(--iw-gray-darkest) !important;
}

/* Overlay spinner */
#fullpage-overlay .inner-wrapper span.msg {
  font-family: var(--iw-font-title) !important;
  font-size: 13.5px !important;
  color: var(--iw-gray-base) !important;
  margin-top: 10px !important;
  display: block !important;
}

/* ════════════════════════════════════════
   37. POLISH — RESPONSIVE AJUSTES
   ════════════════════════════════════════ */
@media (max-width: 768px) {
  .right-side-view-ticket { padding-left: 0 !important; margin-top: 16px !important; }
  .right-side-view-ticket-inner-sec { position: static !important; }
  .ticket-reply.staff.ticket-staff-reply { flex-direction: column !important; }
  .ticket-owner-reply-date, .ticket-staff-reply-date { margin-left: 0 !important; width: 100% !important; }
  .ticket-info-descp > li { flex-direction: column !important; gap: 3px !important; }
  .ticket-info-descp .right-sec { text-align: left !important; }
  .product-detail-billing-section > li { flex-direction: column !important; gap: 2px !important; }
  .product-right-span { text-align: left !important; }
}

/* ════════════════════════════════════════
   38. LEFT-NAV LAYOUT — Ajustes cuando sidebar activo
   ════════════════════════════════════════ */

@media (min-width: 992px) {
  body.iw-sidebar-active #content {
    width: calc(100% - 240px) !important;
    left: 240px !important;
    top: 0 !important;
  }
  body.iw-sidebar-active header.clientx.header.no-top-bar-enable {
    display: none !important;
  }
  body.iw-sidebar-active .iw-topbar {
    display: none !important;
  }
}

/* ═══════════════════════════════════════
   39. LOGIN PAGE — Split-screen estilo Verpex/Upmind
   ════════════════════════════════════════ */

/* Body: fondo azul en mobile, base para el split */
body.login-bg {
  background: #343a2e !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}
html:has(body.login-bg) {
  margin: 0 !important;
  padding: 0 !important;
}
/* Cubrir TODO el viewport desde arriba — sin franja azul */
body.login-bg .iw-login-wrap {
  position: fixed !important;
  inset: 0 !important;
  overflow-y: auto !important;
  z-index: 10 !important;
  min-height: unset !important;
}

/* Ocultar elementos de navegación en login */
body.login-bg .iw-topbar    { display: none !important; }
body.login-bg header.clientx { display: none !important; }
body.login-bg nav#sidebar   { display: none !important; }
body.login-bg .whatsapp-float { display: none !important; }

/* Reset de los wrappers internos de WHMCS */
body.login-bg .wrapper { margin-top: 0 !important; }
body.login-bg #content,
body.login-bg .wrapper {
  background: transparent !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important;
  margin: 0 !important; padding: 0 !important;
  min-height: 100vh !important;
}
body.login-bg #page-wrapper {
  min-height: 100vh !important;
  padding: 0 !important;
  background: transparent !important;
  display: block !important;
}
body.login-bg .container {
  max-width: 100% !important;
  padding: 0 !important;
  width: 100% !important;
}
body.login-bg .host-row  { background: none !important; display: block !important; }
body.login-bg .bg-box    { background: transparent !important; min-height: 0 !important; padding: 0 !important; }
body.login-bg .theme-main-inner-page-section { min-height: 0 !important; }

/* ── SPLIT-SCREEN CONTAINER ── */
.iw-login-wrap {
  display: flex !important;
  min-height: 100vh !important;
  width: 100% !important;
}

/* ── PANEL IZQUIERDO: formulario (fondo blanco) ── */
.iw-login-left {
  flex: 0 0 48% !important;
  background: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 56px 64px !important;
  min-height: 100vh !important;
  box-sizing: border-box !important;
}

/* Logo del panel izquierdo */
.iw-login-logo {
  margin-bottom: 40px !important;
}
.iw-login-logo img {
  max-height: 44px !important;
  width: auto !important;
  display: block !important;
}

/* Título del login */
.iw-login-title {
  font-family: var(--iw-font-title) !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #191c17 !important;
  margin: 0 0 8px !important;
  line-height: 1.2 !important;
}
.iw-login-sub {
  font-size: 14px !important;
  color: var(--iw-gray-light) !important;
  margin: 0 0 32px !important;
  font-family: var(--iw-font-body) !important;
}

/* Alertas flash */
.iw-login-form .alert { margin-bottom: 16px !important; }

/* Grupos de campo */
.iw-field-group {
  margin-bottom: 18px !important;
}
.iw-label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--iw-gray-dark) !important;
  font-family: var(--iw-font-title) !important;
  margin-bottom: 6px !important;
  text-transform: none !important;
}
.iw-input-wrap {
  position: relative !important;
}
.iw-input {
  width: 100% !important;
  height: 46px !important;
  border: 1.5px solid #e1e3de !important;
  border-radius: 8px !important;
  padding: 10px 44px 10px 14px !important;
  font-size: 14px !important;
  font-family: var(--iw-font-body) !important;
  color: #191c17 !important;
  background: #FAFAFA !important;
  box-sizing: border-box !important;
  outline: none !important;
  transition: border-color .2s, box-shadow .2s !important;
  display: block !important;
}
.iw-input:focus {
  border-color: var(--iw-primary) !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(52,58,46,.1) !important;
}
.iw-input::placeholder { color: #9ba88a !important; }
.iw-pw-toggle {
  position: absolute !important;
  right: 12px !important; top: 50% !important;
  transform: translateY(-50%) !important;
  background: none !important; border: none !important;
  cursor: pointer !important; font-size: 17px !important;
  color: var(--iw-gray-lighter) !important;
  padding: 0 !important; line-height: 1 !important;
}

/* Fila: Recuérdame + Olvidé contraseña */
.iw-login-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 24px !important;
}
.iw-check-label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  color: var(--iw-gray-base) !important;
  font-family: var(--iw-font-title) !important;
  cursor: pointer !important;
  font-weight: 400 !important;
}
.iw-check-label input[type="checkbox"] {
  width: 15px !important; height: 15px !important;
  cursor: pointer !important;
}
.iw-forgot {
  font-size: 13px !important;
  color: var(--iw-primary) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  font-family: var(--iw-font-title) !important;
}
.iw-forgot:hover { text-decoration: underline !important; }

/* Botón principal: Acceder */
.iw-btn-login {
  width: 100% !important;
  height: 48px !important;
  background: var(--iw-primary) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  font-family: var(--iw-font-title) !important;
  cursor: pointer !important;
  transition: background .2s !important;
  margin-bottom: 16px !important;
  display: block !important;
}
.iw-btn-login:hover { background: var(--iw-primary-dark) !important; }

/* Divider "¿Nuevo aquí?" */
.iw-divider {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}
.iw-divider::before,
.iw-divider::after {
  content: '' !important;
  flex: 1 !important;
  height: 1px !important;
  background: var(--iw-gray-divider) !important;
}
.iw-divider span {
  font-size: 12px !important;
  color: var(--iw-gray-light) !important;
  font-family: var(--iw-font-title) !important;
  white-space: nowrap !important;
}

/* Botón secundario: Crear cuenta */
.iw-btn-register {
  width: 100% !important;
  height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1.5px solid var(--iw-gray-border) !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: var(--iw-font-title) !important;
  color: var(--iw-gray-dark) !important;
  background: #fff !important;
  text-decoration: none !important;
  transition: all .2s !important;
  box-sizing: border-box !important;
}
.iw-btn-register:hover {
  background: var(--iw-gray-bg) !important;
  color: var(--iw-gray-darkest) !important;
}

/* Cuentas vinculadas (Google/social) */
.iw-linked-accounts { margin-top: 16px !important; }

/* ── PANEL DERECHO: Branding (fondo azul oscuro) ── */
.iw-login-right {
  flex: 1 !important;
  background: #343a2e !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 40px 48px !important;
  min-height: 100vh !important;
  box-sizing: border-box !important;
}

/* Card blanca en el panel derecho */
.iw-login-brand-card {
  background: rgba(255,255,255,.09) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 20px !important;
  padding: 40px 40px !important;
  max-width: 440px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Logo en el panel derecho */
.iw-brand-logo {
  margin-bottom: 28px !important;
}
.iw-brand-logo img {
  max-height: 40px !important;
  width: auto !important;
  display: block !important;
  filter: brightness(0) invert(1) !important;
}

/* Título y texto del panel derecho */
.iw-brand-title {
  font-family: var(--iw-font-title) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 12px !important;
  line-height: 1.3 !important;
}
.iw-brand-sub {
  font-size: 14px !important;
  color: rgba(255,255,255,.7) !important;
  line-height: 1.65 !important;
  margin: 0 0 24px !important;
  font-family: var(--iw-font-body) !important;
}

/* Lista de beneficios */
.iw-brand-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 24px !important;
}
.iw-brand-list li {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 14px !important;
  color: rgba(255,255,255,.85) !important;
  font-family: var(--iw-font-body) !important;
  margin-bottom: 10px !important;
}
.iw-check {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important; height: 20px !important;
  background: rgba(255,255,255,.15) !important;
  border-radius: 50% !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  flex-shrink: 0 !important;
}
.iw-brand-tagline {
  font-size: 13px !important;
  color: rgba(255,255,255,.55) !important;
  font-style: italic !important;
  margin: 0 !important;
  font-family: var(--iw-font-body) !important;
}

/* ── RESPONSIVE: mobile stack ── */
@media (max-width: 900px) {
  .iw-login-wrap { flex-direction: column !important; }
  .iw-login-left {
    flex: none !important;
    padding: 40px 28px !important;
    min-height: auto !important;
  }
  .iw-login-right { display: none !important; }
  body.login-bg { background: #fff !important; }
}

/* ═══════════════════════════════════════
   40. REGISTRO — Card blanca centrada sobre fondo azul
   ════════════════════════════════════════ */

/* Wrappers de WHMCS: quitar imagen de fondo, centrar contenido */
body.login-bg #page-wrapper {
  padding: 48px 16px !important;
  background: transparent !important;
  min-height: 100vh !important;
  padding-bottom: 48px !important;
}
body.login-bg .container {
  max-width: 900px !important;
  padding: 0 !important;
  margin: 0 auto !important;
}
body.login-bg .host-row {
  background: transparent !important;
  display: block !important;
  width: 100% !important;
}

/* Card blanca principal */
body.login-bg .bg-box,
body.login-bg .col-md-12.bg-box {
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 40px 40px !important;
  box-shadow: 0 4px 32px rgba(0,0,0,.13) !important;
  min-height: 0 !important;
}

/* Si no hay bg-box, envolver el host-row como card */
body.login-bg .regst-form,
body.login-bg #registration {
  background: transparent !important;
}

/* Cabecera: flecha volver + título */
body.login-bg .register-div-block {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 28px !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid var(--iw-gray-divider) !important;
}
body.login-bg .back-arrow {
  flex: 0 0 auto !important;
}
body.login-bg .back-arrow a {
  color: var(--iw-primary) !important;
  border-color: var(--iw-primary) !important;
  background: rgba(52,58,46,.06) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  border: 1.5px solid var(--iw-primary) !important;
}
body.login-bg .titel-sup {
  flex: 1 !important;
  font-family: var(--iw-font-title) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--iw-gray-dark) !important;
  padding-left: 20px !important;
  margin-bottom: 0 !important;
}
body.login-bg .titel-sup p {
  font-weight: 700 !important;
  margin: 0 !important;
  color: var(--iw-gray-dark) !important;
}

/* Logo de registro */
body.login-bg .login-logo2 img {
  max-height: 44px !important;
  width: auto !important;
}

/* Inputs del registro (estilo inputBox) */
body.login-bg .inputBox .inputText {
  font-family: var(--iw-font-title) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--iw-gray-light) !important;
}
body.login-bg .inputBox.focus .inputText {
  color: var(--iw-primary) !important;
}
body.login-bg .inputBox input.input {
  border-color: #e1e3de !important;
  border-radius: 8px !important;
  background: #FAFAFA !important;
  font-family: var(--iw-font-body) !important;
}
body.login-bg .inputBox input.input:focus {
  border-color: var(--iw-primary) !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(52,58,46,.1) !important;
}

/* Secciones internas (cards de información personal, contraseña, etc.) */
body.login-bg .card.mb-4 {
  border: 1px solid var(--iw-gray-divider) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
body.login-bg h4.info-titel {
  font-family: var(--iw-font-title) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--iw-gray-dark) !important;
}

/* Botón principal: Crear cuenta */
body.login-bg .wgs_custom-btn[type="submit"],
body.login-bg input.wgs_custom-btn[type="submit"] {
  background: var(--iw-primary) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 13px 32px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  font-family: var(--iw-font-title) !important;
  cursor: pointer !important;
  height: auto !important;
  transition: background .2s !important;
}
body.login-bg .wgs_custom-btn[type="submit"]:hover,
body.login-bg input.wgs_custom-btn[type="submit"]:hover {
  background: var(--iw-primary-dark) !important;
}

/* Botón secundario: Iniciar sesión */
body.login-bg .log-btn.wgs_custom-btn,
body.login-bg a.log-btn {
  border: 1.5px solid var(--iw-gray-border) !important;
  border-radius: 8px !important;
  color: var(--iw-gray-dark) !important;
  background: #fff !important;
  font-weight: 600 !important;
  font-family: var(--iw-font-title) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* ── BRAND FEATURES STYLING (Login, Register, Password Reset) ── */
body.login-bg .iw-brand-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 28px 0;
}

body.login-bg .iw-feature-item {
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 12px;
  padding: 16px;
  display: grid !important;
  grid-template-columns: 42px 1fr;
  grid-template-rows: auto auto;
  column-gap: 12px;
  row-gap: 2px;
  transition: all 0.2s ease;
}

body.login-bg .iw-feature-item:hover {
  background: rgba(255,255,255,.16);
  border-color: rgba(255,255,255,.28);
  transform: translateY(-2px);
}

/* Icono: ocupa las 2 filas, centrado */
body.login-bg .iw-feature-icon {
  grid-column: 1;
  grid-row: 1 / span 2;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 26px;
  line-height: 1;
  align-self: center;
}

/* Título: fila 1, columna 2 */
body.login-bg .iw-feature-item h4 {
  grid-column: 2;
  grid-row: 1;
  font-family: var(--iw-font-title, 'Segoe UI', sans-serif);
  font-size: 13.5px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 !important;
  line-height: 1.3;
  align-self: end;
}

/* Descripción: fila 2, columna 2 */
body.login-bg .iw-feature-item p {
  grid-column: 2;
  grid-row: 2;
  font-family: var(--iw-font-body, 'Segoe UI', sans-serif);
  font-size: 11.5px;
  color: rgba(255,255,255,.7);
  margin: 0 !important;
  line-height: 1.4;
  align-self: start;
}

/* Responsive */
@media (max-width: 768px) {
  body.login-bg .bg-box,
  body.login-bg .col-md-12.bg-box {
    padding: 24px 16px !important;
    border-radius: 0 !important;
  }
  body.login-bg #page-wrapper {
    padding: 0 !important;
  }
  body.login-bg .container {
    max-width: 100% !important;
  }

  body.login-bg .iw-brand-features {
    grid-template-columns: 1fr;
    gap: 12px;
    margin: 20px 0;
  }

  body.login-bg .iw-feature-item {
    padding: 12px;
    column-gap: 10px;
  }
  body.login-bg .iw-feature-icon {
    font-size: 22px;
  }
  body.login-bg .iw-feature-item h4 {
    font-size: 12.5px;
  }
  body.login-bg .iw-feature-item p {
    font-size: 11px;
  }
}

/* ════════════════════════════════════════════════════════
   IW SIDEBAR v2 — Iconos grandes, hover vivo, texto mayor
   ════════════════════════════════════════════════════════ */

/* Sidebar ancho unificado 240px — también para cart/store */
nav#sidebar.wgssidebaraddon {
  min-width: 260px !important;
  max-width: 260px !important;
  width: 260px !important;
  margin-left: 0 !important;
}
#content {
  width: calc(100% - 260px) !important;
  left: 260px !important;
}
/* En cart (no-navbar) forzar el mismo desplazamiento con sidebar visible */
#content.no-navbar {
  width: calc(100% - 260px) !important;
  left: 260px !important;
}
@media (max-width: 992px) {
  #content,
  #content.no-navbar { left: 0 !important; width: 100% !important; }
}

/* Items con más espacio vertical */
.iw-nav-link {
  flex-direction: row !important;
  justify-content: flex-start !important;
  text-align: left !important;
  padding: 9px 12px !important;
  gap: 10px !important;
}

/* Caja del icono — estilo "app icon" */
.iw-icon-box {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  background: var(--iw-primary-light, #f4f7ee) !important;
  transition: background .2s ease, transform .18s ease, box-shadow .2s ease !important;
  flex-shrink: 0 !important;
}

/* Icono FontAwesome dentro de la caja */
.iw-icon-box i,
.iw-icon-box .fa,
.iw-icon-box .fas,
.iw-icon-box .far,
.iw-icon-box .fab,
.iw-icon-box .fal {
  font-size: 19px !important;
  color: var(--iw-primary, #343a2e) !important;
  transition: color .15s ease !important;
  width: auto !important;
  line-height: 1 !important;
  display: block !important;
}

/* Icono SVG (botón Inicio) */
.iw-nav-svg {
  width: 19px !important;
  height: 19px !important;
  color: var(--iw-primary, #343a2e) !important;
  stroke: currentColor !important;
  transition: color .15s ease !important;
}

/* Ocultar el <i> directo del link que teníamos antes (ya está en .iw-icon-box) */
.iw-nav-link > i.iw-chevron { display: block !important; }

/* Etiqueta de texto — una sola línea */
.iw-nav-label {
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Chevron del dropdown */
.iw-chevron {
  font-size: 9px !important;
  color: #d3d8c8 !important;
}

/* ── Hover: caja se pinta de azul primario ── */
.iw-nav-link:hover {
  background: #f8faf3 !important;
  color: var(--iw-primary, #343a2e) !important;
}
.iw-nav-link:hover .iw-icon-box {
  background: var(--iw-primary, #343a2e) !important;
  transform: scale(1.07) !important;
  box-shadow: 0 6px 18px rgba(52,58,46,.28) !important;
}
.iw-nav-link:hover .iw-icon-box i,
.iw-nav-link:hover .iw-icon-box .fa,
.iw-nav-link:hover .iw-icon-box .fas,
.iw-nav-link:hover .iw-icon-box .far,
.iw-nav-link:hover .iw-icon-box .fab,
.iw-nav-link:hover .iw-icon-box .fal,
.iw-nav-link:hover .iw-nav-svg {
  color: #ffffff !important;
}
.iw-nav-link:hover .iw-chevron {
  color: rgba(52,58,46,.5) !important;
}

/* ── Activo: fondo sólido, caja traslúcida blanca ── */
.iw-nav-link.active {
  background: var(--iw-primary, #343a2e) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(52,58,46,.3) !important;
}
.iw-nav-link.active .iw-icon-box {
  background: rgba(255,255,255,.18) !important;
  transform: none !important;
  box-shadow: none !important;
}
.iw-nav-link.active .iw-icon-box i,
.iw-nav-link.active .iw-icon-box .fa,
.iw-nav-link.active .iw-icon-box .fas,
.iw-nav-link.active .iw-icon-box .far,
.iw-nav-link.active .iw-icon-box .fab,
.iw-nav-link.active .iw-icon-box .fal,
.iw-nav-link.active .iw-nav-svg {
  color: #ffffff !important;
}
.iw-nav-link.active .iw-chevron {
  color: rgba(255,255,255,.55) !important;
}

/* ── Separador entre Inicio y resto ── */
.iw-nav-divider-line {
  height: 1px !important;
  background: var(--iw-gray-divider, #EFEFF1) !important;
  margin: 6px 14px 10px !important;
}

/* ── Submenú refinado — sin borde, compacto, alineado al texto del padre ── */
.iw-sub-list {
  list-style: none !important;
  margin: 2px 0 4px 50px !important;
  padding: 0 !important;
  border-left: none !important;
  background: transparent !important;
}
.iw-sub-link {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #64695e !important;
  text-decoration: none !important;
  transition: background .15s ease, color .15s ease !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.iw-sub-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  flex-shrink: 0 !important;
}
.iw-sub-icon i,
.iw-sub-link i {
  font-size: 11px !important;
  color: #d2d8c4 !important;
  transition: color .15s ease !important;
}
.iw-sub-link:hover {
  background: var(--iw-primary-light, #f4f7ee) !important;
  color: var(--iw-primary, #343a2e) !important;
  text-decoration: none !important;
}
.iw-sub-link:hover i { color: var(--iw-primary, #343a2e) !important; }
.iw-sub-link.active {
  background: var(--iw-primary-light, #f4f7ee) !important;
  color: var(--iw-primary, #343a2e) !important;
  font-weight: 600 !important;
}
.iw-sub-link.active i { color: var(--iw-primary, #343a2e) !important; }

/* ════════════════════════════════════════════════════════
   IW DOMAIN HERO v2 — Banner animado de búsqueda de dominio
   ════════════════════════════════════════════════════════ */

.iw-dh2 {
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 55%, #343a2e 100%);
  border-radius: 20px;
  padding: 36px 40px;
  margin-bottom: 28px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  box-shadow: 0 8px 40px rgba(52,58,46,.32);
  animation: iwFadeUp .5s ease both;
}
@keyframes iwFadeUp {
  from { opacity:0; transform: translateY(18px); }
  to   { opacity:1; transform: translateY(0); }
}

/* Patrón de puntos decorativo */
.iw-dh2-dots {
  position: absolute; inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 22px 22px;
  pointer-events: none;
}

/* Globo SVG decorativo */
.iw-dh2-globe {
  flex-shrink: 0;
  width: 180px;
  height: 180px;
  opacity: .75;
  animation: iwGlobeSpin 35s linear infinite;
}
@keyframes iwGlobeSpin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* Contenido (col izquierda) */
.iw-dh2-content {
  flex: 1;
  position: relative;
  z-index: 1;
}

/* Badge */
.iw-dh2-badge {
  display: inline-block;
  background: rgba(255,255,255,.14);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255,255,255,.22);
  color: #fff;
  font-size: 11.5px;
  font-weight: 600;
  padding: 4px 13px;
  border-radius: 99px;
  margin-bottom: 13px;
  font-family: var(--iw-font-title);
}

/* Título */
.iw-dh2-title {
  font-family: var(--iw-font-title) !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #fff !important;
  margin-bottom: 7px !important;
  line-height: 1.2 !important;
}

/* Subtítulo */
.iw-dh2-sub {
  font-size: 14px;
  color: rgba(255,255,255,.72);
  margin-bottom: 22px;
  line-height: 1.5;
}
.iw-dh2-sub strong { color: rgba(255,255,255,.95); }

/* Formulario */
.iw-dh2-form {
  display: flex;
  gap: 10px;
  max-width: 580px;
  position: relative;
  z-index: 2;
}

/* Input con lupa integrada */
.iw-dh2-input-wrap {
  flex: 1;
  position: relative;
}
.iw-dh2-lupa {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  color: rgba(255,255,255,.55);
  pointer-events: none;
}
.iw-dh2-input {
  width: 100%;
  padding: 14px 16px 14px 44px;
  background: rgba(255,255,255,.16);
  border: 1.5px solid rgba(255,255,255,.25);
  border-radius: 13px;
  color: #fff;
  font-size: 14.5px;
  font-family: var(--iw-font-body);
  outline: none;
  transition: border-color .2s ease, background .2s ease;
}
.iw-dh2-input::placeholder { color: rgba(255,255,255,.48); }
.iw-dh2-input:focus {
  border-color: rgba(255,255,255,.55);
  background: rgba(255,255,255,.22);
}

/* Botón buscar — gradiente rojo-naranja */
.iw-dh2-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #ef4444, #f97316);
  color: #fff;
  border: none;
  border-radius: 13px;
  padding: 14px 22px;
  font-size: 14px;
  font-weight: 700;
  font-family: var(--iw-font-title);
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 4px 18px rgba(239,68,68,.4);
  transition: transform .2s ease, box-shadow .2s ease;
}
.iw-dh2-btn svg { width: 16px; height: 16px; flex-shrink: 0; }
.iw-dh2-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 7px 24px rgba(239,68,68,.55);
}

/* Chips de extensiones rápidas */
.iw-dh2-chips {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  flex-wrap: wrap;
}
.iw-dh2-trust-item {
  font-size: 12px;
  color: rgba(255,255,255,.58);
}
.iw-dh2-chip {
  background: rgba(255,255,255,.11);
  color: rgba(255,255,255,.82);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 8px;
  padding: 5px 15px;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
  font-family: var(--iw-font-mono, monospace);
  letter-spacing: .02em;
}
.iw-dh2-chip:hover {
  background: rgba(255,255,255,.24);
  color: #fff;
  border-color: rgba(255,255,255,.42);
}

.iw-dh2-sep { opacity: .35; font-size: 12px; color: rgba(255,255,255,.58); }

/* Responsive */
@media (max-width: 1100px) {
  .iw-dh2-globe { display: none; }
}
@media (max-width: 768px) {
  .iw-dh2 { padding: 24px 20px; flex-direction: column; }
  .iw-dh2-title { font-size: 19px !important; }
  .iw-dh2-form { flex-direction: column; }
  .iw-dh2-btn { justify-content: center; width: 100%; }
}

/* ════════════════════════════════════════════════════════
   IW KNOWLEDGEBASE — Rediseño completo
   ════════════════════════════════════════════════════════ */

/* ── Breadcrumb ── */
.iw-kb-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 0 20px;
  font-size: 13.5px;
  color: var(--iw-gray-text, #64695e);
}
.iw-kb-breadcrumb svg { width: 15px; height: 15px; flex-shrink: 0; }
.iw-kb-bc-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--iw-primary, #343a2e);
  font-weight: 500;
  text-decoration: none;
  transition: color .15s;
}
.iw-kb-bc-link:hover { color: var(--iw-primary-dark, #343a2e); text-decoration: none; }
.iw-kb-bc-sep { color: #d8dbd1; font-size: 16px; }
.iw-kb-bc-current { color: #64695e; font-weight: 500; }

/* ── Layout artículo: 2 columnas ── */
.iw-kb-wrap {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 28px;
  align-items: start;
}

/* ── Columna principal ── */
.iw-kb-main {
  background: #fff;
  border: 1px solid var(--iw-gray-divider, #efeff1);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 1px 8px rgba(0,0,0,.05);
}

/* Header del artículo */
.iw-kb-header {
  padding: 28px 32px 20px;
  border-bottom: 1px solid var(--iw-gray-divider, #efeff1);
}
.iw-kb-header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
  gap: 12px;
}
.iw-kb-badges { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.iw-kb-tag {
  display: inline-flex;
  align-items: center;
  background: var(--iw-primary-light, #f4f7ee);
  color: var(--iw-primary, #343a2e);
  font-size: 11.5px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 99px;
}
.iw-kb-vote-count {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12.5px;
  color: var(--iw-gray-text, #64695e);
}
.iw-kb-vote-count svg { width: 13px; height: 13px; }
.iw-kb-print-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--iw-gray-bg, #f7f7f8);
  border: 1px solid var(--iw-gray-divider, #efeff1);
  border-radius: 8px;
  padding: 6px 14px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--iw-gray-text, #64695e);
  cursor: pointer;
  transition: background .15s, border-color .15s, color .15s;
  flex-shrink: 0;
}
.iw-kb-print-btn svg { width: 14px; height: 14px; }
.iw-kb-print-btn:hover {
  background: #fff;
  border-color: var(--iw-primary, #343a2e);
  color: var(--iw-primary, #343a2e);
}
.iw-kb-title {
  font-family: var(--iw-font-title, 'Plus Jakarta Sans') !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #191c17 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

/* Alerta de éxito de voto */
.iw-kb-alert-success {
  margin: 20px 32px 0;
  display: flex;
  align-items: center;
  gap: 10px;
  background: #dff6e5;
  border: 1px solid #a7d7b5;
  border-radius: 10px;
  padding: 12px 16px;
  font-size: 13.5px;
  font-weight: 500;
  color: #166534;
}
.iw-kb-alert-success svg { width: 18px; height: 18px; flex-shrink: 0; }

/* Cuerpo del artículo */
.iw-kb-body {
  padding: 28px 32px;
}
.iw-kb-article-content {
  font-size: 15px;
  line-height: 1.8;
  color: #64695e;
  font-family: var(--iw-font-body, 'DM Sans');
}
.iw-kb-article-content h1,
.iw-kb-article-content h2,
.iw-kb-article-content h3,
.iw-kb-article-content h4 {
  font-family: var(--iw-font-title, 'Plus Jakarta Sans') !important;
  font-weight: 700 !important;
  color: #191c17 !important;
  margin-top: 28px !important;
  margin-bottom: 12px !important;
}
.iw-kb-article-content h1 { font-size: 20px !important; }
.iw-kb-article-content h2 { font-size: 18px !important; border-bottom: 1px solid #f3f5f0; padding-bottom: 8px; }
.iw-kb-article-content h3 { font-size: 16px !important; }
.iw-kb-article-content p { margin-bottom: 14px; }
.iw-kb-article-content a { color: var(--iw-primary, #343a2e); }
.iw-kb-article-content a:hover { text-decoration: underline; }
.iw-kb-article-content ul,
.iw-kb-article-content ol { padding-left: 22px; margin-bottom: 14px; }
.iw-kb-article-content li { margin-bottom: 6px; }
.iw-kb-article-content code {
  background: #f9faf5;
  color: #343a2e;
  padding: 2px 6px;
  border-radius: 5px;
  font-size: 13.5px;
}
.iw-kb-article-content pre {
  background: #191c17;
  color: #e9ebe5;
  padding: 18px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  overflow-x: auto;
  margin-bottom: 16px;
}
.iw-kb-article-content pre code { background: none; color: inherit; padding: 0; }
.iw-kb-article-content blockquote {
  border-left: 4px solid var(--iw-primary, #343a2e);
  background: var(--iw-primary-light, #f4f7ee);
  padding: 12px 16px;
  border-radius: 0 8px 8px 0;
  margin: 16px 0;
  font-style: italic;
  color: #64695e;
}
.iw-kb-article-content img {
  max-width: 100%;
  border-radius: 10px;
  box-shadow: 0 2px 12px rgba(0,0,0,.1);
  margin: 12px 0;
}
.iw-kb-article-content table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  margin-bottom: 16px;
}
.iw-kb-article-content th {
  background: var(--iw-primary, #343a2e);
  color: #fff;
  padding: 10px 14px;
  text-align: left;
  font-weight: 600;
}
.iw-kb-article-content td {
  padding: 10px 14px;
  border-bottom: 1px solid #f3f5f0;
}
.iw-kb-article-content tr:nth-child(even) td { background: #fafafa; }

/* Sección de votos */
.iw-kb-vote-section {
  border-top: 1px solid var(--iw-gray-divider, #efeff1);
  padding: 24px 32px;
}
.iw-kb-vote-inner {
  background: var(--iw-gray-bg, #f7f7f8);
  border-radius: 12px;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.iw-kb-vote-label {
  font-size: 14.5px;
  font-weight: 600;
  color: #64695e;
  margin: 0;
  flex: 1;
}
.iw-kb-vote-form { display: flex; gap: 10px; }
.iw-kb-vote-yes,
.iw-kb-vote-no {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: transform .15s, box-shadow .15s;
  border: 2px solid transparent;
}
.iw-kb-vote-yes svg,
.iw-kb-vote-no svg { width: 15px; height: 15px; }
.iw-kb-vote-yes {
  background: var(--iw-primary, #343a2e);
  color: #fff;
}
.iw-kb-vote-yes:hover {
  background: var(--iw-primary-dark, #343a2e);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(52,58,46,.3);
}
.iw-kb-vote-no {
  background: #fff;
  color: #64695e;
  border-color: #e9ebe5;
}
.iw-kb-vote-no:hover {
  border-color: #9ba88a;
  color: #64695e;
  transform: translateY(-1px);
}

/* Footer de navegación */
.iw-kb-footer-nav {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 18px 32px;
  border-top: 1px solid var(--iw-gray-divider, #efeff1);
}
.iw-kb-back-btn,
.iw-kb-edit-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 18px;
  border-radius: 9px;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
  transition: background .15s, color .15s;
}
.iw-kb-back-btn svg,
.iw-kb-edit-btn svg { width: 15px; height: 15px; }
.iw-kb-back-btn {
  background: var(--iw-gray-bg, #f7f7f8);
  color: #64695e;
  border: 1px solid var(--iw-gray-divider, #efeff1);
}
.iw-kb-back-btn:hover {
  background: #fff;
  border-color: var(--iw-primary, #343a2e);
  color: var(--iw-primary, #343a2e);
  text-decoration: none;
}
.iw-kb-edit-btn {
  background: var(--iw-primary-light, #f4f7ee);
  color: var(--iw-primary, #343a2e);
}
.iw-kb-edit-btn:hover {
  background: var(--iw-primary, #343a2e);
  color: #fff;
  text-decoration: none;
}

/* ── Sidebar (aside) ── */
.iw-kb-aside { display: flex; flex-direction: column; gap: 20px; }
.iw-kb-aside-card {
  background: #fff;
  border: 1px solid var(--iw-gray-divider, #efeff1);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 1px 6px rgba(0,0,0,.04);
}
.iw-kb-aside-head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--iw-gray-divider, #efeff1);
  font-size: 13px;
  font-weight: 700;
  color: #64695e;
  font-family: var(--iw-font-title, 'Plus Jakarta Sans');
  text-transform: uppercase;
  letter-spacing: .03em;
}
.iw-kb-aside-head svg { width: 15px; height: 15px; color: var(--iw-primary, #343a2e); }

/* Lista de artículos relacionados */
.iw-kb-related-list {
  list-style: none;
  margin: 0;
  padding: 8px 0;
}
.iw-kb-related-list li { border-bottom: 1px solid var(--iw-gray-divider, #efeff1); }
.iw-kb-related-list li:last-child { border-bottom: none; }
.iw-kb-related-link {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 11px 18px;
  font-size: 13px;
  color: #64695e;
  text-decoration: none;
  transition: background .15s, color .15s;
}
.iw-kb-related-link svg { width: 14px; height: 14px; flex-shrink: 0; color: var(--iw-primary, #343a2e); margin-top: 1px; }
.iw-kb-related-link:hover {
  background: var(--iw-primary-light, #f4f7ee);
  color: var(--iw-primary, #343a2e);
  text-decoration: none;
}

/* Card de ayuda */
.iw-kb-aside-help .iw-kb-help-text {
  font-size: 13px;
  color: #64695e;
  line-height: 1.5;
  padding: 12px 18px 0;
  margin: 0;
}
.iw-kb-ticket-btn,
.iw-kb-all-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 18px 6px;
  padding: 10px 16px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background .15s, transform .15s;
}
.iw-kb-ticket-btn svg { width: 14px; height: 14px; }
.iw-kb-ticket-btn {
  background: var(--iw-primary, #343a2e);
  color: #fff;
  justify-content: center;
}
.iw-kb-ticket-btn:hover {
  background: var(--iw-primary-dark, #343a2e);
  color: #fff;
  text-decoration: none;
  transform: translateY(-1px);
}
.iw-kb-all-btn {
  background: var(--iw-gray-bg, #f7f7f8);
  color: var(--iw-primary, #343a2e);
  justify-content: center;
  font-size: 12.5px;
  margin-bottom: 14px;
}
.iw-kb-all-btn:hover {
  background: var(--iw-primary-light, #f4f7ee);
  text-decoration: none;
}

/* ════════════════════════
   KB HERO (índice)
   ════════════════════════ */
.iw-kb-hero {
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 60%, #343a2e 100%);
  border-radius: 18px;
  padding: 44px 40px;
  margin-bottom: 32px;
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 6px 32px rgba(52,58,46,.28);
  animation: iwFadeUp .4s ease both;
}
.iw-kb-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1px);
  background-size: 22px 22px;
  pointer-events: none;
}
.iw-kb-hero-inner { position: relative; z-index: 1; max-width: 620px; margin: 0 auto; }
.iw-kb-hero-icon {
  display: inline-flex;
  width: 64px; height: 64px;
  background: rgba(255,255,255,.15);
  border-radius: 18px;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.iw-kb-hero-icon svg { width: 32px; height: 32px; color: #fff; }
.iw-kb-hero-title {
  font-family: var(--iw-font-title, 'Plus Jakarta Sans') !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #fff !important;
  margin: 0 0 10px !important;
}
.iw-kb-hero-sub {
  font-size: 15px;
  color: rgba(255,255,255,.75);
  margin-bottom: 26px;
  line-height: 1.5;
}
.iw-kb-search-form { width: 100%; }
.iw-kb-search-wrap {
  display: flex;
  align-items: center;
  background: rgba(255,255,255,.15);
  border: 1.5px solid rgba(255,255,255,.3);
  border-radius: 14px;
  padding: 4px 4px 4px 14px;
  gap: 8px;
  transition: background .2s, border-color .2s;
}
.iw-kb-search-wrap:focus-within {
  background: rgba(255,255,255,.22);
  border-color: rgba(255,255,255,.6);
}
.iw-kb-search-icon { width: 18px; height: 18px; color: rgba(255,255,255,.6); flex-shrink: 0; }
.iw-kb-search-input {
  flex: 1;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  color: #fff !important;
  font-size: 14.5px;
  font-family: var(--iw-font-body, 'DM Sans');
  padding: 8px 0;
  box-shadow: none !important;
}
.iw-kb-search-input::placeholder { color: rgba(255,255,255,.5); }
.iw-kb-search-btn {
  background: #fff;
  color: var(--iw-primary, #343a2e);
  border: none;
  border-radius: 10px;
  padding: 10px 22px;
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  transition: background .15s, transform .15s;
  font-family: var(--iw-font-title, 'Plus Jakarta Sans');
  white-space: nowrap;
  flex-shrink: 0;
}
.iw-kb-search-btn:hover {
  background: var(--iw-primary-light, #f4f7ee);
  transform: translateY(-1px);
}

/* ── Sección con título ── */
.iw-kb-section { margin-bottom: 32px; }
.iw-kb-section-title {
  display: flex;
  align-items: center;
  gap: 9px;
  font-family: var(--iw-font-title, 'Plus Jakarta Sans') !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #191c17 !important;
  margin-bottom: 16px !important;
}
.iw-kb-section-title svg { width: 18px; height: 18px; color: var(--iw-primary, #343a2e); }

/* ── Grid de categorías ── */
.iw-kb-cats {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
}
.iw-kb-cat-card {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: #fff;
  border: 1px solid var(--iw-gray-divider, #efeff1);
  border-radius: 14px;
  padding: 18px 16px;
  text-decoration: none;
  color: inherit;
  transition: border-color .18s, box-shadow .18s, transform .18s;
  position: relative;
  cursor: pointer;
}
.iw-kb-cat-card:hover {
  border-color: var(--iw-primary, #343a2e);
  box-shadow: 0 4px 20px rgba(52,58,46,.12);
  transform: translateY(-2px);
  text-decoration: none;
  color: inherit;
}
.iw-kb-cat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px; height: 44px;
  background: var(--iw-primary-light, #f4f7ee);
  border-radius: 11px;
  flex-shrink: 0;
}
.iw-kb-cat-icon svg { width: 22px; height: 22px; color: var(--iw-primary, #343a2e); }
.iw-kb-cat-info { flex: 1; min-width: 0; }
.iw-kb-cat-name {
  font-family: var(--iw-font-title, 'Plus Jakarta Sans');
  font-size: 14px;
  font-weight: 700;
  color: #191c17;
  margin-bottom: 3px;
}
.iw-kb-cat-desc {
  font-size: 12.5px;
  color: #64695e;
  line-height: 1.4;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.iw-kb-cat-count {
  font-size: 11.5px;
  color: var(--iw-primary, #343a2e);
  font-weight: 600;
}
.iw-kb-edit-inline {
  position: absolute;
  top: 8px; right: 8px;
  width: 28px; height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--iw-gray-bg, #f7f7f8);
  border: 1px solid var(--iw-gray-divider, #efeff1);
  border-radius: 7px;
  color: #9ba88a;
  cursor: pointer;
  opacity: 0;
  transition: opacity .15s;
}
.iw-kb-cat-card:hover .iw-kb-edit-inline,
.iw-kb-article-row:hover .iw-kb-edit-inline { opacity: 1; }
.iw-kb-edit-inline svg { width: 12px; height: 12px; }

/* ── Artículos populares / lista ── */
.iw-kb-popular-list { display: flex; flex-direction: column; gap: 8px; }
.iw-kb-popular-item {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #fff;
  border: 1px solid var(--iw-gray-divider, #efeff1);
  border-radius: 12px;
  padding: 14px 16px;
  text-decoration: none;
  color: inherit;
  transition: border-color .15s, box-shadow .15s;
}
.iw-kb-popular-item:hover {
  border-color: var(--iw-primary, #343a2e);
  box-shadow: 0 2px 12px rgba(52,58,46,.1);
  text-decoration: none;
  color: inherit;
}
.iw-kb-popular-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px; height: 30px;
  background: var(--iw-primary-light, #f4f7ee);
  color: var(--iw-primary, #343a2e);
  font-size: 12.5px;
  font-weight: 800;
  border-radius: 8px;
  flex-shrink: 0;
}
.iw-kb-popular-text { flex: 1; min-width: 0; }
.iw-kb-popular-title {
  font-size: 13.5px;
  font-weight: 600;
  color: #191c17;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.iw-kb-popular-excerpt { font-size: 12px; color: #9ba88a; }
.iw-kb-popular-arrow { width: 16px; height: 16px; color: #d8dbd1; flex-shrink: 0; }
.iw-kb-popular-item:hover .iw-kb-popular-arrow { color: var(--iw-primary, #343a2e); }

/* ── Lista de artículos en categoría ── */
.iw-kb-articles-list { display: flex; flex-direction: column; gap: 8px; }
.iw-kb-article-row {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #fff;
  border: 1px solid var(--iw-gray-divider, #efeff1);
  border-radius: 12px;
  padding: 14px 16px;
  text-decoration: none;
  color: inherit;
  transition: border-color .15s, box-shadow .15s;
  position: relative;
}
.iw-kb-article-row:hover {
  border-color: var(--iw-primary, #343a2e);
  box-shadow: 0 2px 12px rgba(52,58,46,.1);
  text-decoration: none;
  color: inherit;
}
.iw-kb-article-row-icon {
  width: 38px; height: 38px;
  background: var(--iw-primary-light, #f4f7ee);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.iw-kb-article-row-icon svg { width: 18px; height: 18px; color: var(--iw-primary, #343a2e); }
.iw-kb-article-row-info { flex: 1; min-width: 0; }
.iw-kb-article-row-title {
  font-size: 14px;
  font-weight: 600;
  color: #191c17;
  margin-bottom: 2px;
}
.iw-kb-article-row-excerpt { font-size: 12.5px; color: #9ba88a; }

/* ── Cabecera de categoría ── */
.iw-kb-cat-header {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #fff;
  border: 1px solid var(--iw-gray-divider, #efeff1);
  border-radius: 14px;
  padding: 20px 24px;
  margin-bottom: 24px;
  box-shadow: 0 1px 6px rgba(0,0,0,.04);
}
.iw-kb-cat-header-icon {
  width: 52px; height: 52px;
  background: var(--iw-primary-light, #f4f7ee);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.iw-kb-cat-header-icon svg { width: 26px; height: 26px; color: var(--iw-primary, #343a2e); }
.iw-kb-cat-header-title {
  font-family: var(--iw-font-title, 'Plus Jakarta Sans') !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #191c17 !important;
  margin: 0 !important;
}
.iw-kb-cat-header-title em { font-style: normal; color: var(--iw-primary, #343a2e); }
.iw-kb-cat-header-desc { font-size: 13.5px; color: #64695e; margin: 4px 0 0; }

/* ── Estado vacío ── */
.iw-kb-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 48px 24px;
  color: #9ba88a;
  text-align: center;
}
.iw-kb-empty svg { width: 48px; height: 48px; opacity: .4; }
.iw-kb-empty p { margin: 0; font-size: 14px; }

/* ── Responsive ── */
@media (max-width: 900px) {
  .iw-kb-wrap {
    grid-template-columns: 1fr;
  }
  .iw-kb-aside { order: -1; }
}
@media (max-width: 600px) {
  .iw-kb-header,
  .iw-kb-body,
  .iw-kb-vote-section,
  .iw-kb-footer-nav { padding-left: 18px; padding-right: 18px; }
  .iw-kb-hero { padding: 28px 20px; }
  .iw-kb-hero-title { font-size: 22px !important; }
  .iw-kb-search-btn { padding: 10px 14px; }
  .iw-kb-cats { grid-template-columns: 1fr; }
  .iw-kb-title { font-size: 18px !important; }
}

/* ── Print ── */
@media print {
  .iw-kb-aside,
  .iw-kb-breadcrumb,
  .iw-kb-header-top,
  .iw-kb-vote-section,
  .iw-kb-footer-nav { display: none !important; }
  .iw-kb-wrap { display: block; }
  .iw-kb-main { border: none; box-shadow: none; }
  .iw-kb-title { font-size: 20px !important; }
}

/* ════════════════════════════════════════════════════════
   IW BREADCRUMB + STATUS BADGE — Cabecera de páginas internas
   ════════════════════════════════════════════════════════ */

.iw-breadcrumb {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  margin-bottom: 6px;
  flex-wrap: wrap;
}
.iw-breadcrumb-link {
  color: var(--iw-primary, #343a2e);
  font-weight: 500;
  text-decoration: none;
  transition: color .15s;
}
.iw-breadcrumb-link:hover { color: var(--iw-primary-dark, #343a2e); text-decoration: none; }
.iw-breadcrumb-sep { color: #d8dbd1; font-size: 14px; }
.iw-breadcrumb-current { color: #64695e; font-weight: 500; }

.iw-page-title-group {
  font-weight: 400 !important;
  font-size: 15px !important;
  color: var(--iw-gray-text, #9ba88a) !important;
}

/* Status badges */
.iw-status-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 14px;
  border-radius: 99px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.iw-status-active     { background: #dcfce7; color: #166534; }
.iw-status-suspended  { background: #fef3c7; color: #92400e; }
.iw-status-cancelled  { background: #fee2e2; color: #991b1b; }
.iw-status-pending    { background: #eff4e5; color: #343a2e; }
.iw-status-fraud      { background: #fee2e2; color: #991b1b; }

/* ════════════════════════════════════════════════════════
   IW SERVICE DETAIL — Hero del servicio + billing table
   ════════════════════════════════════════════════════════ */

/* Card contenedor */
.iw-service-card { border: 1px solid var(--iw-gray-divider, #efeff1) !important; border-radius: 16px !important; box-shadow: 0 1px 8px rgba(0,0,0,.05) !important; }

/* Hero con icono + info + badge */
.iw-service-hero {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
  background: var(--iw-gray-bg, #f7f7f8);
  border-radius: 12px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.iw-service-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--iw-primary, #343a2e) 0%, #343a2e 100%);
  flex-shrink: 0;
  box-shadow: 0 4px 14px rgba(52,58,46,.3);
}
.iw-service-icon-wrap svg { width: 28px; height: 28px; color: #fff; }
.iw-service-info { flex: 1; min-width: 0; }
.iw-service-name {
  font-family: var(--iw-font-title, 'Plus Jakarta Sans') !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #191c17 !important;
  margin: 0 0 3px !important;
}
.iw-service-group { font-size: 12.5px; color: #9ba88a; margin: 0 0 2px; }
.iw-service-domain { font-size: 13px; color: var(--iw-primary, #343a2e); font-weight: 500; margin: 0; }

/* Billing table */
.iw-billing-table { display: flex; flex-direction: column; gap: 0; }
.iw-billing-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 14px;
  border-bottom: 1px solid var(--iw-gray-divider, #efeff1);
  gap: 12px;
}
.iw-billing-row:last-child { border-bottom: none; }
.iw-billing-label {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  color: #64695e;
  font-weight: 500;
  flex-shrink: 0;
}
.iw-billing-label svg { width: 14px; height: 14px; color: #9ba88a; flex-shrink: 0; }
.iw-billing-value {
  font-size: 13.5px;
  font-weight: 600;
  color: #191c17;
  text-align: right;
}
.iw-billing-price {
  color: var(--iw-primary, #343a2e) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}
.iw-billing-due { background: #fffbeb; border-radius: 8px; margin: 4px 0; border: 1px solid #fde68a !important; }
.iw-billing-due .iw-billing-label svg { color: #d97706; }
.iw-billing-due-val { color: #92400e !important; }
.iw-billing-warn { background: #fef2f2; border-radius: 8px; margin: 4px 0; border: 1px solid #fecaca !important; }
.iw-billing-warn .iw-billing-label { color: #dc2626; }
.iw-billing-warn .iw-billing-label svg { color: #dc2626; }
.iw-billing-warn .iw-billing-value { color: #dc2626 !important; }

/* Acciones del servicio (botones upgrade/renew/cancel) */
.product-actions-wrapper .btn {
  border-radius: 10px !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  padding: 10px 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
}

/* ════════════════════════════════════════════════════════
   IW ACCOUNT DETAILS — formBox mejorado
   ════════════════════════════════════════════════════════ */

.theme-clientdetail-page .card,
.main-card-accountdetail-section {
  border: 1px solid var(--iw-gray-divider, #efeff1) !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 8px rgba(0,0,0,.05) !important;
}
.formBox {
  border-bottom: 1px solid var(--iw-gray-divider, #efeff1) !important;
  padding: 24px 0 !important;
  margin: 0 !important;
}
.formBox:last-of-type { border-bottom: none !important; }
.form-title {
  font-family: var(--iw-font-title, 'Plus Jakarta Sans') !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #64695e !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  margin-bottom: 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.form-title::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 16px;
  background: var(--iw-primary, #343a2e);
  border-radius: 2px;
}
.button-footer-detail-page {
  display: flex !important;
  gap: 10px !important;
  padding-top: 20px !important;
}

/* ════════════════════════════════════════════════════════
   IW PRODUCTS LIST — Tabla de servicios mejorada
   ════════════════════════════════════════════════════════ */

.theme-client-service-page { margin-top: 8px; }

/* Fila de la tabla */
.service-table-tr td { 
    vertical-align: middle !important; 
    /*padding: 12px 14px !important; */
}
.service-table-tr:hover { background: var(--iw-primary-light, #f4f7ee) !important; }

/* Dominio + nombre de producto */
.product-with-domain a {
  font-weight: 600 !important;
  color: #191c17 !important;
  font-size: 13.5px !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}
.product-with-domain a i { color: var(--iw-primary, #343a2e) !important; font-size: 12px !important; }
.domain-product-name { font-size: 12px !important; color: #9ba88a !important; }
.nodomain-product-name { font-size: 13.5px !important; font-weight: 600 !important; color: #191c17 !important; }

/* Botones de acción de la tabla */
.action-buttons-table { display: flex !important; gap: 4px !important; list-style: none !important; padding: 0 !important; margin: 0 !important; }
.action-buttons-table li a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
  background: var(--iw-gray-bg, #f7f7f8) !important;
  color: #64695e !important;
  font-size: 12px !important;
  transition: background .15s, color .15s !important;
  text-decoration: none !important;
}
.action-buttons-table li.service-detail a:hover { background: var(--iw-primary-light) !important; color: var(--iw-primary) !important; }
.action-buttons-table li.cancel-service a:hover { background: #fee2e2 !important; color: #dc2626 !important; }
.action-buttons-table li.upgrade-service a:hover { background: #dcfce7 !important; color: #166534 !important; }

/* ════════════════════════════════════════
   IW HOME DASHBOARD — 2 columnas + quick actions
   ════════════════════════════════════════ */

/* Grid 2 columnas (50/50) */
.iw-home-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 24px;
  align-items: start;
}

/* Tarjeta base */
.iw-home-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 1px 4px rgba(0,0,0,.06), 0 0 0 1px rgba(0,0,0,.04);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Cabecera de tarjeta */
.iw-home-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px 14px;
  border-bottom: 1px solid #f5f6f3;
}
.iw-home-card-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.iw-home-card-title h3 {
  font-size: 14px;
  font-weight: 700;
  color: #191c17;
  margin: 0;
  font-family: var(--iw-font-title);
}
.iw-home-card-icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.iw-home-card-icon svg { width: 17px; height: 17px; }
.iw-home-card-icon.blue  { background: #eff4e5; color: #343a2e; }
.iw-home-card-icon.green { background: #dcfce7; color: #16a34a; }
.iw-home-card-link {
  font-size: 12px;
  color: var(--iw-primary, #343a2e);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.iw-home-card-link:hover { text-decoration: underline; }

/* Cuerpo de tarjeta */
.iw-home-card-body { padding: 16px 20px; flex: 1; }

/* Lista de tickets */
.iw-ticket-list { display: flex; flex-direction: column; gap: 0; }
.iw-ticket-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 0;
  border-bottom: 1px solid #f5f6f3;
  text-decoration: none !important;
  color: #64695e !important;
  transition: background .12s;
}
.iw-ticket-row:last-child { border-bottom: none; }
.iw-ticket-row:hover { background: #fafbf9; margin: 0 -20px; padding-left: 20px; padding-right: 20px; }
.iw-ticket-id {
  font-size: 11px;
  font-weight: 700;
  color: var(--iw-primary, #343a2e);
  background: #f8faf4;
  border-radius: 6px;
  padding: 2px 7px;
  flex-shrink: 0;
}
.iw-ticket-subject {
  flex: 1;
  font-size: 13px;
  font-weight: 500;
  color: #191c17;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.iw-ticket-status {
  font-size: 11px;
  font-weight: 600;
  border-radius: 20px;
  padding: 2px 9px;
  flex-shrink: 0;
}
.iw-ts-open, .iw-ts-abierto       { background: #eff4e5; color: #343a2e; }
.iw-ts-answered, .iw-ts-respondido { background: #dcfce7; color: #15803d; }
.iw-ts-in-progress, .iw-ts-en-progreso { background: #fef3c7; color: #b45309; }
.iw-ts-closed, .iw-ts-cerrado      { background: #f5f6f3; color: #64695e; }

/* Estado vacío */
.iw-home-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 32px 0;
  color: #9ba88a;
}
.iw-home-empty svg { width: 40px; height: 40px; stroke: #d8dbd1; }
.iw-home-empty p { font-size: 13px; margin: 0; }

/* Footer de tarjeta */
.iw-home-card-footer {
  padding: 14px 20px;
  border-top: 1px solid #f5f6f3;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.iw-home-card-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--iw-primary, #343a2e);
  text-decoration: none;
  background: #f8faf4;
  border-radius: 8px;
  padding: 8px 14px;
  transition: background .15s;
}
.iw-home-card-btn svg { width: 14px; height: 14px; }
.iw-home-card-btn:hover { background: #eff4e5; color: var(--iw-primary, #343a2e); text-decoration: none; }

/* Chips de departamento */
.iw-dept-list { display: flex; gap: 6px; flex-wrap: wrap; }
.iw-dept-chip {
  font-size: 11.5px;
  font-weight: 500;
  color: #64695e;
  background: #f5f6f3;
  border-radius: 20px;
  padding: 4px 11px;
  text-decoration: none;
  transition: background .12s;
}
.iw-dept-chip:hover { background: #e9ebe5; color: #191c17; text-decoration: none; }

/* Columna derecha — Dominio */
.iw-domain-mini-body { display: flex; flex-direction: column; gap: 14px; }
.iw-domain-mini-desc { font-size: 13px; color: #64695e; margin: 0; }
.iw-domain-mini-form { display: flex; flex-direction: column; gap: 8px; }
.iw-domain-mini-input-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fafbf9;
  border: 1px solid #e9ebe5;
  border-radius: 10px;
  padding: 0 12px;
  transition: border-color .15s;
}
.iw-domain-mini-input-wrap:focus-within { border-color: var(--iw-primary, #343a2e); background: #fff; }
.iw-domain-mini-input-wrap svg { width: 15px; height: 15px; stroke: #9ba88a; flex-shrink: 0; }
.iw-domain-mini-input-wrap input {
  flex: 1;
  border: none;
  background: transparent;
  padding: 10px 0;
  font-size: 13.5px;
  outline: none;
  color: #191c17;
}
.iw-domain-mini-btns { display: flex; gap: 6px; }
.iw-domain-mini-btn {
  flex: 1;
  padding: 9px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: background .15s;
}
.iw-domain-mini-btn.primary { background: var(--iw-primary, #343a2e); color: #fff; }
.iw-domain-mini-btn.primary:hover { background: #343a2e; }
.iw-domain-mini-btn.secondary { background: #f5f6f3; color: #64695e; }
.iw-domain-mini-btn.secondary:hover { background: #e9ebe5; }

/* Chips TLD */
.iw-domain-tld-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.iw-tld-chip {
  font-size: 11.5px;
  font-weight: 700;
  color: #64695e;
  background: #f5f6f3;
  border-radius: 6px;
  padding: 3px 9px;
  letter-spacing: .3px;
}

/* ════════════════════════════════════════
   IW QUICK ACTIONS — grid 2 columnas
   ════════════════════════════════════════ */
.iw-quick-section { margin-bottom: 24px; }
.iw-section-title {
  font-size: 13px;
  font-weight: 700;
  color: #9ba88a;
  text-transform: uppercase;
  letter-spacing: .8px;
  margin-bottom: 14px;
  font-family: var(--iw-font-title);
}
.iw-quick-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.iw-quick-item {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,.05), 0 0 0 1px rgba(0,0,0,.04);
  padding: 13px 16px;
  text-decoration: none !important;
  color: #64695e !important;
  font-size: 13.5px;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
}
.iw-quick-item:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,.1) !important;
  transform: translateY(-1px);
  color: var(--iw-primary, #343a2e) !important;
}
.iw-quick-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #f8faf4;
  color: var(--iw-primary, #343a2e);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 15px;
}
.iw-quick-icon svg { width: 18px; height: 18px; }

/* Dashboard WHMCS dentro del wrapper iw-whmcs-dashboard */
.iw-whmcs-dashboard { margin-top: 8px; }

/* Responsive: tiles y home-grid */
@media (max-width: 1100px) {
  .iw-tiles { grid-template-columns: repeat(4, 1fr) !important; }
  .iw-home-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 700px) {
  .iw-tiles { grid-template-columns: repeat(4, 1fr) !important; gap: 10px !important; }
  .iw-quick-grid { grid-template-columns: 1fr !important; }
}

/* ════════════════════════════════════════
   IW SIDE PANELS — Notificaciones + Carrito
   ════════════════════════════════════════ */

/* Panel contenedor base */
.iw-side-panel {
  position: fixed !important;
  top: 0 !important;
  right: -380px !important;
  left: auto !important;
  width: 360px !important;
  height: 100vh !important;
  background: #fff !important;
  box-shadow: -4px 0 24px rgba(0,0,0,.12) !important;
  z-index: 9999 !important;
  transition: right .28s cubic-bezier(.4,0,.2,1) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

/* Estados activos (clase añadida por JS) */
.menu-notification-clientx.left-open-notification-sec,
.menu-cart-clientx.left-open-cart-sec {
  right: 0 !important;
}

.iw-side-panel-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Cabecera del panel */
.iw-side-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px 16px;
  border-bottom: 1px solid #f5f6f3;
  flex-shrink: 0;
}
.iw-side-panel-title {
  display: flex;
  align-items: center;
  gap: 12px;
}
.iw-side-panel-title h4 {
  font-size: 15px;
  font-weight: 700;
  color: #191c17;
  margin: 0 0 2px;
  font-family: var(--iw-font-title);
}
.iw-side-panel-count {
  font-size: 11.5px;
  font-weight: 600;
  color: #d97706;
  background: #fef3c7;
  border-radius: 20px;
  padding: 1px 8px;
}
.iw-side-panel-count.ok {
  color: #16a34a;
  background: #dcfce7;
}

/* Icono del panel */
.iw-side-panel-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.iw-side-panel-icon svg { width: 19px; height: 19px; }
.iw-side-panel-icon.amber  { background: #fef3c7; color: #d97706; }
.iw-side-panel-icon.purple { background: #ede9fe; color: #7c3aed; }

/* Botón cerrar */
.iw-side-panel-close {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #f5f6f3;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #64695e;
  transition: background .15s, color .15s;
  flex-shrink: 0;
}
.iw-side-panel-close svg { width: 15px; height: 15px; }
.iw-side-panel-close:hover { background: #e9ebe5; color: #191c17; }

/* Cuerpo del panel */
.iw-side-panel-body {
  flex: 1;
  overflow-y: auto;
  padding: 12px 0;
}
.iw-side-panel-body::-webkit-scrollbar { width: 4px; }
.iw-side-panel-body::-webkit-scrollbar-track { background: transparent; }
.iw-side-panel-body::-webkit-scrollbar-thumb { background: #e9ebe5; border-radius: 4px; }

/* Estado vacío */
.iw-side-panel-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 48px 24px;
  text-align: center;
  color: #9ba88a;
}
.iw-side-panel-empty svg { width: 44px; height: 44px; stroke: #d8dbd1; }
.iw-side-panel-empty p { font-size: 13px; margin: 0; line-height: 1.5; }

/* Ítem de notificación */
.iw-notif-item {
  display: flex;
  gap: 12px;
  padding: 14px 20px;
  border-bottom: 1px solid #fafbf9;
  align-items: flex-start;
}
.iw-notif-item:last-child { border-bottom: none; }
.iw-notif-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 5px;
  background: #d8dbd1;
}
.iw-notif-danger .iw-notif-dot  { background: #dc2626; }
.iw-notif-warning .iw-notif-dot { background: #d97706; }
.iw-notif-info .iw-notif-dot    { background: #343a2e; }
.iw-notif-content { flex: 1; }
.iw-notif-msg {
  font-size: 13px;
  color: #64695e;
  margin: 0 0 6px;
  line-height: 1.5;
}
.iw-notif-action {
  font-size: 12px;
  font-weight: 600;
  color: var(--iw-primary, #343a2e);
  text-decoration: none;
}
.iw-notif-action:hover { text-decoration: underline; }

/* Loading spinner del carrito */
.iw-side-panel-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 40px 20px;
  color: #9ba88a;
  font-size: 13px;
}
.iw-side-panel-loading svg { width: 32px; height: 32px; }
.iw-spin { animation: iw-rotate 1s linear infinite; }
@keyframes iw-rotate { to { transform: rotate(360deg); } }

/* Contenido del carrito cargado por AJAX */
.iw-cart-content {
  padding: 0 20px;
}
.iw-cart-content .order-summary { box-shadow: none !important; border: none !important; }
.iw-cart-content table { width: 100% !important; font-size: 13px !important; }

/* Footer del panel */
.iw-side-panel-footer {
  padding: 16px 20px;
  border-top: 1px solid #f5f6f3;
  flex-shrink: 0;
}
.iw-side-panel-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px 16px;
  background: var(--iw-primary, #343a2e);
  color: #fff !important;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none !important;
  transition: background .15s;
}
.iw-side-panel-cta svg { width: 15px; height: 15px; }
.iw-side-panel-cta:hover { background: #343a2e; color: #fff !important; }
.iw-side-panel-cta.secondary { background: #f5f6f3; color: #64695e !important; }
.iw-side-panel-cta.secondary:hover { background: #e9ebe5; }

/* Overlay cuando el panel está abierto */
.iw-side-panel.left-open-notification-sec::before,
.iw-side-panel.left-open-cart-sec::before { display: none; }

/* ════════════════════════════════════════
   IW SUBMIT TICKET — Rediseño minimalista
   ════════════════════════════════════════ */

/* Barra superior con departamento y prioridad */
.submit-ticket-upper-bar {
  background: #fff !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.06), 0 0 0 1px rgba(0,0,0,.04) !important;
  padding: 16px 20px !important;
  margin-bottom: 20px !important;
}

/* Selects de la barra superior */
.custom-select-box-drop {
  display: flex !important;
  align-items: center !important;
  border: 1.5px solid #e9ebe5 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #fafbf9 !important;
  transition: border-color .15s !important;
}
.custom-select-box-drop:focus-within { border-color: var(--iw-primary, #343a2e) !important; background: #fff !important; }
.custom-select-box-drop .input-group-addon {
  padding: 0 12px !important;
  color: #9ba88a !important;
  background: transparent !important;
  border: none !important;
  font-size: 13px !important;
  flex-shrink: 0 !important;
}
.custom-select-box-drop select {
  flex: 1 !important;
  border: none !important;
  background: transparent !important;
  padding: 10px 8px 10px 0 !important;
  font-size: 13.5px !important;
  color: #191c17 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Lista de servicios */
.service-dept-section {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  flex-wrap: wrap !important;
}
.service-dept-section .department-list,
.service-dept-section .related-service-list { flex: 1 !important; min-width: 180px !important; }
.arrow-back-dept a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  background: #f5f6f3 !important;
  transition: background .15s !important;
}
.arrow-back-dept a:hover { background: #e9ebe5 !important; }
.arrow-back-dept img { width: 16px !important; height: 16px !important; }

/* Sección de prioridad */
.priority-section { display: flex !important; align-items: center !important; gap: 10px !important; }
.priority-label { font-size: 12.5px !important; font-weight: 600 !important; color: #64695e !important; white-space: nowrap !important; }

/* Cuerpo del formulario de ticket */
.theme-open-ticket-page .card.submit-ticket-inner-section {
  border-radius: 16px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.06), 0 0 0 1px rgba(0,0,0,.04) !important;
  border: none !important;
}
.theme-open-ticket-page .formBox { margin-bottom: 24px !important; }

/* Área de texto del mensaje */
.ticket-contact-message .input {
  min-height: 200px !important;
  resize: vertical !important;
  font-family: inherit !important;
}

/* Sección de adjuntos */
.ticket-attachment-section .upload-file-sec {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  padding: 12px !important;
  background: #fafbf9 !important;
  border-radius: 10px !important;
  border: 1.5px dashed #e9ebe5 !important;
}
.attachments-label { font-size: 13px !important; font-weight: 600 !important; color: #64695e !important; }
.browse-image-label {
  background: var(--iw-primary, #343a2e) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
  cursor: pointer !important;
  margin: 0 !important;
}
.browse-image-label:hover { background: #343a2e !important; }

/* Extensiones permitidas */
.ticket-extension-allowed { margin-top: 8px !important; }
.extension-message small { font-size: 11.5px !important; color: #9ba88a !important; }

/* Botones de submit/cancel */
.btn-footer-submit-ticket {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  padding-top: 16px !important;
  border-top: 1px solid #f5f6f3 !important;
  margin-top: 8px !important;
}
.btn-footer-submit-ticket .wgs_custom-btn {
  background: var(--iw-primary, #343a2e) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 11px 24px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
}
.btn-footer-submit-ticket .wgs_cancel_button {
  background: #f5f6f3 !important;
  color: #64695e !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 11px 20px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
}

/* ════════════════════════════════════════
   IW PANELS — Menús de servicios con subitems
   ════════════════════════════════════════ */
.iw-panels-section { margin-bottom: 28px; }

.iw-panels-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.iw-panel-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 1px 4px rgba(0,0,0,.06), 0 0 0 1px rgba(0,0,0,.04);
  overflow: hidden;
}

.iw-panel-card-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 20px 14px;
  border-bottom: 1px solid #f5f6f3;
}
.iw-panel-card-ico {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: var(--iw-primary-light, #f8faf4);
  color: var(--iw-primary, #343a2e);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  flex-shrink: 0;
}
.iw-panel-card-head h4 {
  flex: 1;
  font-size: 14px;
  font-weight: 700;
  color: #191c17;
  margin: 0;
  font-family: var(--iw-font-title);
}
.iw-panel-card-action {
  font-size: 12px;
  font-weight: 600;
  color: var(--iw-primary, #343a2e);
  text-decoration: none;
  background: #f8faf4;
  border-radius: 6px;
  padding: 4px 10px;
  white-space: nowrap;
}
.iw-panel-card-action:hover { background: #eff4e5; text-decoration: none; }

/* Lista de ítems */
.iw-panel-list {
  list-style: none;
  margin: 0;
  padding: 6px 0;
}
.iw-panel-list-item { margin: 0; }

.iw-panel-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  font-size: 13.5px;
  font-weight: 500;
  color: #64695e;
  text-decoration: none;
  transition: background .12s;
  position: relative;
}
.iw-panel-link:hover {
  background: #fafbf9;
  color: var(--iw-primary, #343a2e);
  text-decoration: none;
}
.iw-panel-link i {
  width: 18px;
  text-align: center;
  font-size: 13px;
  color: #9ba88a;
  flex-shrink: 0;
}
.iw-panel-link:hover i { color: var(--iw-primary, #343a2e); }
.iw-panel-link span { flex: 1; }
.iw-panel-link-plain { cursor: default; }
.iw-panel-link-plain:hover { background: transparent; color: #64695e; }

.iw-panel-arrow {
  width: 14px;
  height: 14px;
  color: #d8dbd1;
  flex-shrink: 0;
  opacity: 0;
  transition: opacity .12s, transform .12s;
}
.iw-panel-link:hover .iw-panel-arrow {
  opacity: 1;
  transform: translateX(2px);
}

.iw-panel-badge {
  font-size: 11px;
  font-weight: 700;
  background: #fee2e2;
  color: #dc2626;
  border-radius: 20px;
  padding: 1px 7px;
}

.iw-panel-body-html {
  padding: 14px 20px;
  font-size: 13px;
  color: #64695e;
}

@media (max-width: 768px) {
  .iw-panels-grid { grid-template-columns: 1fr !important; }
}

/* ════════════════════════════════════════
   IW SERVICES TABLE
   ════════════════════════════════════════ */
.iw-services-card {
  margin-top: 24px;
  overflow: hidden;
}
.iw-services-body {
  padding: 0 !important;
  overflow-x: auto;
}
.iw-services-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
}
.iw-services-table thead tr {
  background: #fafbf9;
  border-bottom: 1px solid #e9ebe5;
}
.iw-services-table th {
  padding: 10px 16px;
  font-size: 11.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #64695e;
  text-align: left;
  white-space: nowrap;
}
.iw-services-table td {
  padding: 11px 16px;
  color: #64695e;
  vertical-align: middle;
  border-bottom: 1px solid #f5f6f3;
}
.iw-services-table tbody tr:last-child td { border-bottom: none; }
.iw-services-table tbody tr:hover { background: #fafbf9; }

.iw-svc-name {
  font-weight: 600;
  color: #191c17;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.iw-svc-domain {
  font-size: 12px;
  font-weight: 400;
  color: #64695e;
}
.iw-svc-price { font-weight: 600; color: #191c17; white-space: nowrap; }
.iw-svc-due   { white-space: nowrap; color: #64695e; }

.iw-svc-manage {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #f8faf4;
  color: #343a2e;
  transition: background .15s;
}
.iw-svc-manage:hover { background: #eff4e5; color: #343a2e !important; }
.iw-svc-manage svg { width: 16px; height: 16px; }

/* status badges */
.iw-status-badge {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 20px;
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
}
.iw-status-active   { background: #dcfce7; color: #16a34a; }
.iw-status-suspended{ background: #fee2e2; color: #dc2626; }
.iw-status-pending  { background: #fef9c3; color: #a16207; }
.iw-status-cancelled{ background: #f5f6f3; color: #64695e; }

@media (max-width: 768px) {
  .iw-services-table thead { display: none; }
  .iw-services-table td    { display: block; padding: 6px 14px; border-bottom: none; }
  .iw-services-table tr    { border-bottom: 1px solid #e9ebe5; padding: 8px 0; display: block; }
  .iw-svc-price::before    { content: "Precio: "; color: #9ba88a; font-weight: 400; }
  .iw-svc-due::before      { content: "Próx. pago: "; color: #9ba88a; font-weight: 400; }
  .iw-svc-actions { flex-wrap: wrap; gap: 6px; }
  .iw-svc-btn     { font-size: 10.5px; padding: 4px 8px; }
}

/* ════════════════════════════════════════
   IW SERVICIOS — BOTONES CPANEL / WEBMAIL
   ════════════════════════════════════════ */
.iw-svc-actions-cell { white-space: nowrap; }

.iw-svc-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
}

/* Botón base (funciona tanto en <a> como en <button>) */
.iw-svc-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11.5px;
  font-weight: 600;
  border-radius: 7px;
  padding: 5px 11px;
  text-decoration: none !important;
  transition: opacity .15s, transform .1s;
  white-space: nowrap;
  border: none;
  outline: none;
  cursor: pointer;
  line-height: 1;
  font-family: inherit;
}
.iw-svc-btn:hover { opacity: .88; transform: translateY(-1px); }
.iw-svc-btn svg   { width: 13px; height: 13px; flex-shrink: 0; }

/* cPanel — naranja */
.iw-svc-btn-cpanel {
  background: #ff6c2c;
  color: #fff !important;
}
.iw-svc-btn-cpanel:hover { color: #fff !important; }

/* Webmail — azul índigo */
.iw-svc-btn-webmail {
  background: #343a2e;
  color: #fff !important;
}
.iw-svc-btn-webmail:hover { color: #fff !important; }

/* ════════════════════════════════════════
   IW SERVICIOS — BOTÓN "CONTRATAR NUEVO SERVICIO"
   ════════════════════════════════════════ */
.iw-services-cta-footer {
  display: flex !important;
  justify-content: center;
  padding: 18px 20px !important;
  background: linear-gradient(135deg, #f9faf5 0%, #f5f8ee 100%);
  border-top: 1px solid #eff4e5;
}

.iw-services-new-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .01em;
  color: #fff !important;
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 100%);
  border-radius: 12px;
  padding: 13px 32px;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(52,58,46,.35);
  transition: box-shadow .2s, transform .15s;
  min-width: 240px;
}
.iw-services-new-btn:hover {
  color: #fff !important;
  box-shadow: 0 6px 20px rgba(52,58,46,.45);
  transform: translateY(-2px);
  text-decoration: none !important;
}
.iw-services-new-btn svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}


/* ════════════════════════════════════════
   IW VIEW INVOICE
   ════════════════════════════════════════ */

/* Flash messages */
.iw-inv-flash-wrap { margin-bottom: 20px; }
.iw-inv-flash {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 500;
}
.iw-inv-flash svg { width: 18px; height: 18px; flex-shrink: 0; }
.iw-inv-flash.success { background: #dcfce7; color: #15803d; }
.iw-inv-flash.info    { background: #f1f5e9; color: #343a2e; }
.iw-inv-flash.danger  { background: #fee2e2; color: #b91c1c; }

/* Status badges */
.iw-inv-badge {
  display: inline-block;
  padding: 3px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.iw-inv-badge.paid      { background: #dcfce7; color: #16a34a; }
.iw-inv-badge.unpaid    { background: #fee2e2; color: #dc2626; }
.iw-inv-badge.draft     { background: #fef9c3; color: #a16207; }
.iw-inv-badge.refunded  { background: #ede9fe; color: #7c3aed; }
.iw-inv-badge.cancelled { background: #f5f6f3; color: #64695e; }

/* Layout 2 columnas */
.iw-inv-layout {
  display: grid;
  grid-template-columns: 1fr 320px;
  grid-template-areas:
    "invoice-header invoice-sidebar"
    "invoice-main invoice-sidebar";
  gap: 24px;
  align-items: start;
}
.iw-inv-header {
  grid-area: invoice-header;
  min-width: 0;
  margin-bottom: 0 !important;
}
.iw-inv-main { grid-area: invoice-main; min-width: 0; }
.iw-inv-sidebar { grid-area: invoice-sidebar; min-width: 0; }

/* Bloque de direcciones */
.iw-inv-addresses {
  display: flex;
  gap: 0;
}
.iw-inv-addr-block {
  flex: 1;
  padding: 18px 20px;
}
.iw-inv-addr-divider {
  width: 1px;
  background: #e9ebe5;
  margin: 12px 0;
}
.iw-inv-addr-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #9ba88a;
  margin-bottom: 8px;
}
.iw-inv-addr-name {
  font-size: 15px;
  font-weight: 700;
  color: #191c17;
  margin-bottom: 4px;
}
.iw-inv-addr-line {
  font-size: 13px;
  color: #64695e;
  line-height: 1.6;
}
.iw-inv-addr-payto {
  font-size: 13px;
  color: #64695e;
  line-height: 1.7;
  white-space: pre-line;
}

/* Tabla de ítems / transacciones */
.iw-inv-table-wrap { overflow-x: auto; }
.iw-inv-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
}
.iw-inv-table thead tr {
  background: #fafbf9;
  border-bottom: 1px solid #e9ebe5;
}
.iw-inv-table th {
  padding: 10px 16px;
  font-size: 11.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #64695e;
  white-space: nowrap;
}
.iw-inv-table td {
  padding: 11px 16px;
  color: #64695e;
  border-bottom: 1px solid #f5f6f3;
  vertical-align: middle;
}
.iw-inv-table tbody tr:last-child td { border-bottom: none; }
.iw-inv-table tbody tr:hover { background: #fafafa; }
.iw-inv-table tfoot tr { border-top: 1px solid #e9ebe5; }
.iw-inv-sub td { padding: 7px 16px; color: #64695e; font-size: 13px; }
.iw-inv-total-row td {
  padding: 12px 16px;
  font-size: 15px;
  font-weight: 700;
  color: #191c17;
  background: #fafbf9;
}
.iw-inv-amount { font-weight: 600; color: #191c17; }
.iw-inv-transid { font-family: monospace; font-size: 12px; color: #64695e; }
.iw-inv-tax-mark { color: #dc2626; font-weight: 700; }
.iw-inv-tax-note { font-size: 12px; color: #9ba88a; padding: 8px 16px; margin: 0; }
.iw-inv-empty-trans { text-align: center; color: #9ba88a; font-style: italic; }
.text-right { text-align: right !important; }

/* Notas */
.iw-inv-notes .iw-home-card-body { line-height: 1.7; }

/* Panel lateral — pago */
.iw-inv-pay-card { overflow: hidden; }
.iw-inv-pay-total {
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 100%);
  padding: 24px 20px;
  text-align: center;
}
.iw-inv-pay-label {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: rgba(255,255,255,.7);
  margin-bottom: 6px;
}
.iw-inv-pay-amount {
  font-size: 32px;
  font-weight: 800;
  color: #fff;
  line-height: 1.1;
}
.iw-inv-pay-amount.paid { color: #bbf7d0; }
.iw-inv-paid-stamp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  background: rgba(255,255,255,.15);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 20px;
}
.iw-inv-paid-stamp svg { width: 14px; height: 14px; }

.iw-inv-gateway-wrap {
  padding: 14px 16px 0;
}
.iw-inv-gateway-label {
  display: block;
  font-size: 11.5px;
  font-weight: 600;
  color: #64695e;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: 6px;
}
.iw-inv-gateway-select {
  width: 100%;
  padding: 9px 12px;
  border: 1.5px solid #e9ebe5;
  border-radius: 8px;
  font-size: 13.5px;
  color: #64695e;
  background: #fff;
  outline: none;
  cursor: pointer;
  transition: border-color .15s;
}
.iw-inv-gateway-select:focus { border-color: #343a2e; }

.iw-inv-paymethod {
  padding: 10px 16px 0;
  font-size: 13px;
  color: #64695e;
}

.iw-inv-pay-btn-wrap {
  padding: 12px 16px 16px;
}
.iw-inv-pay-btn-wrap .btn,
.iw-inv-pay-btn-wrap form .btn,
.iw-inv-pay-btn-wrap input[type="submit"],
.iw-inv-pay-btn-wrap button[type="submit"] {
  width: 100% !important;
  background: #343a2e !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 13px 20px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background .15s !important;
  display: block !important;
  text-align: center !important;
}
.iw-inv-pay-btn-wrap .btn:hover,
.iw-inv-pay-btn-wrap button[type="submit"]:hover { background: #343a2e !important; }

/* Crédito */
.iw-inv-credit-input {
  flex: 1;
  padding: 8px 12px;
  border: 1.5px solid #e9ebe5;
  border-radius: 8px;
  font-size: 13.5px;
  color: #64695e;
  outline: none;
}
.iw-inv-credit-input:focus { border-color: #343a2e; }
.iw-inv-credit-btn {
  background: #343a2e;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}
.iw-inv-credit-btn:hover { background: #343a2e; }

/* Links de acciones */
.iw-inv-action-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 500;
  color: #64695e;
  transition: background .12s;
}
.iw-inv-action-link:hover { background: #f5f6f3; color: var(--iw-primary) !important; }
.iw-inv-action-link svg { width: 16px; height: 16px; flex-shrink: 0; color: #9ba88a; }
.iw-inv-action-link:hover svg { color: var(--iw-primary); }

@media (max-width: 1100px) {
  .iw-inv-layout {
    grid-template-columns: 1fr;
    grid-template-areas:
      "invoice-header"
      "invoice-sidebar"
      "invoice-main";
  }
  .iw-inv-sidebar { order: 0; }
}
@media (max-width: 600px) {
  .iw-inv-addresses { flex-direction: column; }
  .iw-inv-addr-divider { width: 100%; height: 1px; margin: 0 12px; }
}

/* ════════════════════════════════════════
   IW PRODUCT DETAILS — minimal view
   ════════════════════════════════════════ */
.iw-product-detail-header {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 2px 0 18px !important;
  margin-bottom: 10px !important;
}
.iw-product-detail-header .iw-breadcrumb {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 9px;
  font-size: 12px;
  color: #9ba88a;
}
.iw-product-detail-header .iw-breadcrumb-link {
  color: #64695e !important;
  font-weight: 600;
}
.iw-product-detail-header .iw-breadcrumb-current { color: #191c17; font-weight: 700; }
.iw-product-detail-header .iw-page-title {
  font-size: 21px !important;
  line-height: 1.22 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}
.iw-product-detail-header .iw-page-title-group {
  color: #64695e;
  font-weight: 500;
}
.iw-product-detail-header .iw-page-subtitle {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-top: 8px !important;
  padding: 5px 10px;
  border: 1px solid #e9ebe5;
  border-radius: 999px;
  background: #fff;
  color: #64695e !important;
  font-size: 12.5px !important;
  font-weight: 600;
}

.theme-client-service-detail-page .primary-content,
.theme-client-service-detail-page .tab-content.margin-bottom {
  margin-bottom: 0 !important;
}
.theme-client-service-detail-page .card.iw-service-card {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-bottom: 16px !important;
}
.theme-client-service-detail-page .card.iw-service-card > .card-body {
  padding: 0 !important;
}
.theme-client-service-detail-page .product-details.simple-detail-products-section > .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
  gap: 16px;
  margin: 0 !important;
}
.theme-client-service-detail-page .product-detail-left-column {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
}

.theme-client-service-detail-page .iw-service-hero,
.theme-client-service-detail-page .iw-billing-table {
  background: #fff;
  border: 1px solid #e9ebe5;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(25,28,23, .04);
}
.theme-client-service-detail-page .iw-service-hero {
  align-items: flex-start;
  gap: 14px;
  padding: 18px;
  margin: 0;
}
.theme-client-service-detail-page .iw-service-icon-wrap {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: #f5f6f3;
  box-shadow: none;
}
.theme-client-service-detail-page .iw-service-icon-wrap svg {
  width: 21px;
  height: 21px;
  color: #343a2e;
}
.theme-client-service-detail-page .iw-service-name {
  font-size: 16px !important;
  font-weight: 750 !important;
  margin-bottom: 4px !important;
}
.theme-client-service-detail-page .iw-service-group {
  color: #64695e;
  font-size: 12.5px;
}
.theme-client-service-detail-page .iw-service-domain {
  color: #343a2e;
  font-size: 12.5px;
  font-weight: 650;
}
.theme-client-service-detail-page .iw-status-badge {
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 11.5px;
}

.theme-client-service-detail-page .iw-billing-table {
  overflow: hidden;
}
.theme-client-service-detail-page .iw-billing-row {
  min-height: 44px;
  padding: 10px 14px;
  border-bottom: 1px solid #f6f9f1;
}
.theme-client-service-detail-page .iw-billing-label {
  font-size: 12.5px;
  color: #64695e;
}
.theme-client-service-detail-page .iw-billing-label svg {
  width: 13px;
  height: 13px;
  color: #9ba88a;
}
.theme-client-service-detail-page .iw-billing-value {
  font-size: 13px;
  font-weight: 650;
  color: #191c17;
}
.theme-client-service-detail-page .iw-billing-due,
.theme-client-service-detail-page .iw-billing-warn {
  margin: 0;
  border-radius: 0;
  border-left: none !important;
  border-right: none !important;
}

.theme-client-service-detail-page .product-actions-wrapper {
  margin: 12px 0 0 !important;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.theme-client-service-detail-page .product-actions-wrapper .col-12 {
  padding: 0 !important;
  max-width: none !important;
}
.theme-client-service-detail-page .product-actions-wrapper .btn,
.theme-client-service-detail-page .bottom-button-pdetail .btn,
.theme-client-service-detail-page .product-hook-panel .btn,
.theme-client-service-detail-page .module-client-area .btn {
  border-radius: 9px !important;
  border: 1px solid #e9efdb !important;
  box-shadow: none !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  padding: 9px 12px !important;
}
.theme-client-service-detail-page .product-actions-wrapper .btn-danger {
  background: #fff !important;
  color: #b91c1c !important;
  border-color: #fecaca !important;
}
.theme-client-service-detail-page .product-actions-wrapper .btn-primary,
.theme-client-service-detail-page .product-actions-wrapper .btn-success {
  background: #fff !important;
  color: #343a2e !important;
  border-color: #e3ebd2 !important;
}

.theme-client-service-detail-page .product-hook-panel {
  margin: 0 0 16px !important;
}
.theme-client-service-detail-page .product-hook-panel > div,
.theme-client-service-detail-page .panel-product-details,
.theme-client-service-detail-page .module-client-area {
  border-radius: 12px !important;
}

.theme-client-service-detail-page .nav.nav-tabs.responsive-tabs-sm {
  display: flex;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
  padding: 5px;
  margin: 18px 0 0 !important;
  border: 1px solid #e9ebe5 !important;
  border-radius: 12px;
  background: #fff;
  overflow-x: auto;
}
.theme-client-service-detail-page .nav.nav-tabs.responsive-tabs-sm .nav-item {
  margin: 0 !important;
  flex: 0 0 auto;
}
.theme-client-service-detail-page .nav.nav-tabs.responsive-tabs-sm .nav-link {
  border: none !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  color: #64695e !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  background: transparent !important;
}
.theme-client-service-detail-page .nav.nav-tabs.responsive-tabs-sm .nav-link.active,
.theme-client-service-detail-page .nav.nav-tabs.responsive-tabs-sm .nav-link:hover {
  background: #191c17 !important;
  color: #fff !important;
}
.theme-client-service-detail-page .tab-content.bg-white.product-details-tab-container {
  border: 1px solid #e9ebe5 !important;
  border-radius: 12px !important;
  margin-top: 10px !important;
  padding: 18px !important;
  box-shadow: 0 1px 2px rgba(25,28,23, .04);
}
.theme-client-service-detail-page .product-details-tab-container .row {
  align-items: center;
  padding: 9px 0;
  border-bottom: 1px solid #f6f9f1;
}
.theme-client-service-detail-page .product-details-tab-container .row:last-child {
  border-bottom: none;
}
.theme-client-service-detail-page .product-details-tab-container .col-sm-5 {
  color: #64695e;
  font-size: 12.5px;
}
.theme-client-service-detail-page .product-details-tab-container .col-sm-5 strong {
  font-weight: 650;
}
.theme-client-service-detail-page .product-details-tab-container .col-sm-7 {
  color: #191c17;
  font-size: 13px;
  font-weight: 600;
}

.theme-client-service-detail-page .form-box,
.theme-client-service-detail-page .card:not(.iw-service-card) {
  border: 1px solid #e9ebe5 !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(25,28,23, .04) !important;
  overflow: hidden;
}

@media (max-width: 980px) {
  .theme-client-service-detail-page .product-details.simple-detail-products-section > .row {
    grid-template-columns: 1fr;
  }
  .theme-client-service-detail-page .product-actions-wrapper {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  .iw-product-detail-header {
    padding-bottom: 12px !important;
  }
  .iw-product-detail-header .iw-page-actions {
    width: 100%;
  }
  .theme-client-service-detail-page .iw-service-hero {
    flex-direction: column;
  }
  .theme-client-service-detail-page .iw-billing-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
  .theme-client-service-detail-page .iw-billing-value {
    text-align: left;
  }
}

/* cPanel module output on product details */
.theme-client-service-detail-page #tabOverview > link,
.theme-client-service-detail-page #tabOverview > script {
  display: none !important;
}
.theme-client-service-detail-page #tabOverview > .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 420px) !important;
  gap: 16px !important;
  margin: 0 0 16px !important;
}
.theme-client-service-detail-page #tabOverview > .row > [class*="col-"] {
  max-width: none !important;
  width: auto !important;
  flex: none !important;
  padding: 0 !important;
}
.theme-client-service-detail-page #tabOverview .panel.card,
.theme-client-service-detail-page #tabOverview .panel.panel-default.card,
.theme-client-service-detail-page #tabOverview .form-box,
.theme-client-service-detail-page #tabChangepw > .card {
  background: #fff !important;
  border: 1px solid #e9ebe5 !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(25,28,23, .04) !important;
  overflow: hidden !important;
  margin-bottom: 16px !important;
}
.theme-client-service-detail-page #tabOverview .panel-heading,
.theme-client-service-detail-page #tabOverview .card-header {
  background: #fff !important;
  border-bottom: 1px solid #f6f9f1 !important;
  padding: 13px 16px !important;
}
.theme-client-service-detail-page #tabOverview .panel-title,
.theme-client-service-detail-page #tabOverview .card-title {
  color: #191c17 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}
.theme-client-service-detail-page #tabOverview .panel-body,
.theme-client-service-detail-page #tabOverview .card-body {
  padding: 16px !important;
}

.theme-client-service-detail-page #cPanelPackagePanel .panel-body {
  text-align: left !important;
}
.theme-client-service-detail-page .cpanel-package-details {
  display: grid;
  gap: 4px;
}
.theme-client-service-detail-page .cpanel-package-details em {
  color: #64695e !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 650 !important;
}
.theme-client-service-detail-page .cpanel-package-details h4 {
  color: #191c17 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}
.theme-client-service-detail-page .cpanel-package-details a {
  color: #343a2e !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
.theme-client-service-detail-page #cPanelPackagePanel p {
  margin: 14px 0 0 !important;
}
.theme-client-service-detail-page #cPanelPackagePanel .btn {
  background: #191c17 !important;
  border-color: #191c17 !important;
  color: #fff !important;
}

.theme-client-service-detail-page #cPanelExtrasPurchasePanel {
  display: none !important;
}

.theme-client-service-detail-page #cPanelUsagePanel .cpanel-usage-stats > .row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
}
.theme-client-service-detail-page #cPanelUsagePanel .cpanel-usage-stats > .row > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 12px !important;
  border: 1px solid #f6f9f1 !important;
  border-radius: 10px !important;
  background: #fafbf9 !important;
}
.theme-client-service-detail-page #cPanelUsagePanel strong {
  color: #64695e !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
.theme-client-service-detail-page #cPanelUsagePanel .limit-near {
  margin-top: 12px !important;
  color: #64695e !important;
  font-size: 12px !important;
}

.theme-client-service-detail-page #iwCpanelServiceAccessPanel .panel-body {
  padding: 10px !important;
}
.theme-client-service-detail-page .iw-service-access-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.theme-client-service-detail-page .iw-service-access-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  min-height: 68px;
  padding: 12px;
  border: 1px solid #e9ebe5;
  border-radius: 11px;
  background: #fff;
  color: #191c17 !important;
  text-decoration: none !important;
  transition: border-color .14s, background .14s, transform .14s;
}
.theme-client-service-detail-page .iw-service-access-card:hover {
  border-color: #e3ebd2;
  background: #fbfcf8;
  transform: translateY(-1px);
}
.theme-client-service-detail-page .iw-service-access-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: #f8faf4;
  color: #343a2e;
  font-size: 20px;
}
.theme-client-service-detail-page .iw-service-access-icon svg {
  width: 21px;
  height: 21px;
}
.theme-client-service-detail-page .iw-service-access-card strong {
  display: block;
  color: #191c17;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
}
.theme-client-service-detail-page .iw-service-access-card small {
  display: block;
  margin-top: 3px;
  color: #64695e;
  font-size: 11.8px;
  font-weight: 650;
  line-height: 1.35;
}
.theme-client-service-detail-page .iw-service-access-whatsapp {
  border-color: #e0e9ce;
  background: #f9faf5;
}
.theme-client-service-detail-page .iw-service-access-whatsapp .iw-service-access-icon {
  background: #343a2e;
  color: #fff;
}
.theme-client-service-detail-page .iw-service-access-mail .iw-service-access-icon {
  background: #ecfdf5;
  color: #343a2e;
}

.theme-client-service-detail-page #cPanelQuickShortcutsPanel .panel-body {
  padding: 8px !important;
}
.theme-client-service-detail-page .cpanel-feature-row {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 !important;
}
.theme-client-service-detail-page .cpanel-feature-row > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
}
.theme-client-service-detail-page .cpanel-feature-row a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 92px !important;
  margin: 0 !important;
  padding: 12px 8px !important;
  border: 1px solid #e9ebe5 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #64695e !important;
  font-size: 11.5px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  transition: border-color .14s, background .14s, color .14s !important;
}
.theme-client-service-detail-page .iw-cpanel-shortcut-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  margin: 0 0 7px;
  border-radius: 10px;
  background: #f8faf4;
  color: #343a2e;
}
.theme-client-service-detail-page .iw-cpanel-shortcut-icon svg {
  width: 18px;
  height: 18px;
}
.theme-client-service-detail-page .cpanel-feature-row a:hover {
  background: #fbfcf8 !important;
  border-color: #e3ebd2 !important;
  color: #343a2e !important;
}
.theme-client-service-detail-page .cpanel-feature-row img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
  margin: 0 0 8px !important;
}
.theme-client-service-detail-page .cpanel-feature-row img {
  display: none !important;
}

.theme-client-service-detail-page #cPanelQuickEmailPanel form > .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.4fr) minmax(180px, .8fr) 120px !important;
  gap: 10px !important;
  margin: 0 !important;
  align-items: center !important;
}
.theme-client-service-detail-page #cPanelQuickEmailPanel form > .row > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
}
.theme-client-service-detail-page #cPanelQuickEmailPanel .form-control,
.theme-client-service-detail-page #cPanelQuickEmailPanel .input-group-text,
.theme-client-service-detail-page #cPanelBillingOverviewPanel .form-control {
  border-color: #e9ebe5 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  min-height: 40px !important;
  font-size: 13px !important;
}
.theme-client-service-detail-page #cPanelQuickEmailPanel .input-group-text {
  background: #fafbf9 !important;
  color: #64695e !important;
}
.theme-client-service-detail-page #cPanelQuickEmailPanel .btn-primary {
  background: #191c17 !important;
  border-color: #191c17 !important;
  color: #fff !important;
  min-height: 40px !important;
}

.theme-client-service-detail-page #cPanelBillingOverviewPanel .panel-body > .row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 24px !important;
  margin: 0 !important;
}
.theme-client-service-detail-page #cPanelBillingOverviewPanel .panel-body > .row > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
}
.theme-client-service-detail-page #cPanelBillingOverviewPanel .panel-body .row .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 9px 0 !important;
  border-bottom: 1px solid #f6f9f1 !important;
}
.theme-client-service-detail-page #cPanelBillingOverviewPanel .text-right {
  text-align: left !important;
  color: #64695e !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
}
.theme-client-service-detail-page #cPanelBillingOverviewPanel .col-6:not(.text-right),
.theme-client-service-detail-page #cPanelBillingOverviewPanel .col-xl-7 {
  color: #191c17 !important;
  font-size: 12.8px !important;
  font-weight: 750 !important;
  text-align: right !important;
}

@media (max-width: 1100px) {
  .theme-client-service-detail-page .cpanel-feature-row {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 900px) {
  .theme-client-service-detail-page #tabOverview > .row,
  .theme-client-service-detail-page #cPanelBillingOverviewPanel .panel-body > .row {
    grid-template-columns: 1fr !important;
  }
  .theme-client-service-detail-page .cpanel-feature-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .theme-client-service-detail-page #cPanelQuickEmailPanel form > .row {
    grid-template-columns: 1fr !important;
  }
  .theme-client-service-detail-page #iwCpanelServiceAccessPanel .panel-body {
    padding: 12px !important;
  }
}
@media (max-width: 560px) {
  .theme-client-service-detail-page .cpanel-feature-row,
  .theme-client-service-detail-page #cPanelUsagePanel .cpanel-usage-stats > .row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.theme-client-service-detail-page .iw-product-object {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  padding: 16px;
  margin: 0 0 16px;
  border-radius: 16px;
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 58%, #b7e532 100%);
  color: #fff;
  box-shadow: 0 14px 30px rgba(52,58,46, .22);
  overflow: hidden;
  position: relative;
}
.theme-client-service-detail-page .iw-product-object::after {
  content: "";
  position: absolute;
  inset: auto -44px -64px auto;
  width: 148px;
  height: 148px;
  border-radius: 999px;
  border: 28px solid rgba(255,255,255,.12);
}
.theme-client-service-detail-page .iw-product-object-art {
  width: 82px;
  height: 82px;
  border-radius: 18px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.24);
  display: grid;
  place-items: center;
  position: relative;
  z-index: 1;
}
.theme-client-service-detail-page .iw-server-cube {
  width: 48px;
  height: 42px;
  display: grid;
  gap: 5px;
}
.theme-client-service-detail-page .iw-server-cube span {
  display: block;
  height: 10px;
  border-radius: 4px;
  background: rgba(255,255,255,.92);
  box-shadow: inset 20px 0 0 rgba(52,58,46, .28);
  position: relative;
}
.theme-client-service-detail-page .iw-server-cube span::after {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #22c55e;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}
.theme-client-service-detail-page .iw-product-object-copy {
  min-width: 0;
  position: relative;
  z-index: 1;
}
.theme-client-service-detail-page .iw-product-object-kicker {
  display: inline-flex;
  margin-bottom: 5px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  color: rgba(255,255,255,.86);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
}
.theme-client-service-detail-page .iw-product-object-copy strong {
  display: block;
  color: #fff;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 850;
}
.theme-client-service-detail-page .iw-product-object-copy small {
  display: block;
  margin-top: 5px;
  color: rgba(255,255,255,.84);
  font-size: 12.5px;
  font-weight: 650;
}

.theme-client-service-detail-page .iw-usage-card {
  text-align: left;
}
.theme-client-service-detail-page .iw-usage-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.theme-client-service-detail-page .iw-usage-title {
  color: #64695e;
  font-size: 12px;
  font-weight: 850;
}
.theme-client-service-detail-page .iw-usage-percent {
  padding: 3px 8px;
  border-radius: 999px;
  background: #eff4e5;
  color: #343a2e;
  font-size: 11px;
  font-weight: 850;
}
.theme-client-service-detail-page .iw-usage-main {
  margin-top: 10px;
  color: #191c17;
  font-size: 18px;
  font-weight: 850;
  letter-spacing: 0;
}
.theme-client-service-detail-page .iw-usage-main span {
  color: #64695e;
  font-size: 12px;
  font-weight: 700;
}
.theme-client-service-detail-page .iw-usage-bar {
  height: 8px;
  margin-top: 11px;
  border-radius: 999px;
  background: #e9ebe5;
  overflow: hidden;
}
.theme-client-service-detail-page .iw-usage-bar span {
  display: block;
  height: 100%;
  min-width: 4px;
  border-radius: inherit;
  background: linear-gradient(90deg, #343a2e 0%, #b7e532 100%);
}
.theme-client-service-detail-page .iw-usage-helper {
  margin-top: 7px;
  color: #9ba88a;
  font-size: 11.5px;
  font-weight: 650;
}

@media (max-width: 560px) {
  .theme-client-service-detail-page .iw-product-object {
    grid-template-columns: 1fr;
  }
  .theme-client-service-detail-page .iw-product-object-art {
    width: 72px;
    height: 72px;
  }
}

/* ════════════════════════════════════════
   IW ATLAS — global visual system pass
   ════════════════════════════════════════ */
:root {
  --iw-atlas-blue: #343a2e;
  --iw-atlas-blue-dark: #343a2e;
  --iw-atlas-cyan: #b7e532;
  --iw-atlas-ink: #191c17;
  --iw-atlas-muted: #64695e;
  --iw-atlas-line: #e9ebe5;
  --iw-atlas-soft: #fbfcf8;
  --iw-atlas-radius: 14px;
  --iw-atlas-shadow: 0 1px 2px rgba(25,28,23, .04), 0 14px 34px rgba(25,28,23, .05);
}

body:not(.login-bg) {
  background:
    radial-gradient(circle at 18% 0%, rgba(52,58,46, .08), transparent 28%),
    radial-gradient(circle at 98% 12%, rgba(183,229,50, .09), transparent 24%),
    #fbfcf8 !important;
}
#content {
  background: transparent !important;
}
.theme-main-inner-page-section {
  width: min(100%, 1280px);
  margin: 0 auto;
}

/* Page headers across WHMCS */
.iw-page-header:not(.iw-product-detail-header) {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 22px 24px !important;
  border: 1px solid rgba(52,58,46, .13) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.98) 0%, rgba(251,252,248,.96) 62%, rgba(239,244,229,.62) 100%) !important;
  box-shadow: var(--iw-atlas-shadow) !important;
}
.iw-page-header:not(.iw-product-detail-header)::before {
  content: "";
  width: 84px;
  height: 84px;
  border-radius: 22px;
  background:
    linear-gradient(135deg, var(--iw-atlas-blue-dark) 0%, var(--iw-atlas-blue) 62%, var(--iw-atlas-cyan) 100%);
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%) rotate(-8deg);
  opacity: .96;
  box-shadow: 0 18px 34px rgba(52,58,46, .22);
  z-index: -1;
}
.iw-page-header:not(.iw-product-detail-header)::after {
  content: "";
  width: 42px;
  height: 26px;
  border-radius: 8px;
  border: 2px solid rgba(255,255,255,.7);
  position: absolute;
  right: 42px;
  top: calc(50% - 13px);
  transform: rotate(-8deg);
  box-shadow:
    0 -12px 0 -8px rgba(255,255,255,.86),
    0 12px 0 -8px rgba(255,255,255,.86);
  z-index: -1;
}
.iw-page-header .iw-breadcrumb {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 8px;
  color: #9ba88a;
  font-size: 12px;
  font-weight: 700;
}
.iw-page-header .iw-breadcrumb-link {
  color: #64695e !important;
}
.iw-page-header .iw-breadcrumb-current {
  color: var(--iw-atlas-ink);
}
.iw-page-header .iw-page-title {
  color: var(--iw-atlas-ink) !important;
  font-size: 22px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}
.iw-page-header .iw-page-subtitle {
  color: #64695e !important;
  font-weight: 650;
}
.iw-page-header .iw-page-actions {
  padding-right: 112px;
}
.iw-home-header::before,
.iw-home-header::after {
  display: none !important;
}
.iw-home-header .iw-page-actions {
  padding-right: 0 !important;
}

/* Shared surfaces */
.panel,
.panel-default,
.card,
.iw-home-card,
.iw-panel-card,
.table-container,
.data-table-main-container,
.common-table-upper-header,
.form-box,
.formBox,
.main-card-accountdetail-section,
.theme-clientdetail-page .card,
.theme-open-ticket-page .card.submit-ticket-inner-section {
  border: 1px solid var(--iw-atlas-line) !important;
  border-radius: var(--iw-atlas-radius) !important;
  background: #fff !important;
  box-shadow: var(--iw-atlas-shadow) !important;
}
.panel-heading,
.card-header,
.iw-home-card-head,
.iw-panel-card-head {
  border-bottom: 1px solid #f4f7ee !important;
  background: linear-gradient(180deg, #fff 0%, #fdfefc 100%) !important;
}
.panel-title,
.card-title,
.iw-home-card-title h3,
.iw-panel-card-head h4,
.form-title {
  color: var(--iw-atlas-ink) !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

/* Buttons */
.btn,
.wgs_custom-btn,
.iw-btn-primary,
.iw-btn-secondary,
.add-button-common,
button,
input[type="submit"] {
  border-radius: 10px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}
.iw-btn-primary,
.wgs_custom-btn,
.add-button-common,
.btn-primary {
  background: #191c17 !important;
  border-color: #191c17 !important;
  color: #fff !important;
}
.iw-btn-primary:hover,
.wgs_custom-btn:hover,
.add-button-common:hover,
.btn-primary:hover {
  background: #343a2e !important;
  border-color: #343a2e !important;
  color: #fff !important;
}
.iw-btn-secondary,
.btn-default,
.wgs_cancel_button {
  background: #fff !important;
  color: #64695e !important;
  border: 1px solid #e9efdb !important;
}
.iw-btn-secondary:hover,
.btn-default:hover,
.wgs_cancel_button:hover {
  background: #fbfcf8 !important;
  color: #343a2e !important;
  border-color: #e3ebd2 !important;
}

/* Forms */
.form-control,
.custom-select,
select,
textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
.inputBox .input,
.iw-input {
  border: 1px solid #e9efdb !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #191c17 !important;
  box-shadow: none !important;
  transition: border-color .14s, box-shadow .14s, background .14s !important;
}
.form-control:focus,
.custom-select:focus,
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
.inputBox .input:focus,
.iw-input:focus {
  border-color: #859c58 !important;
  box-shadow: 0 0 0 4px rgba(52,58,46, .10) !important;
}
label,
.inputText,
.iw-label {
  color: #64695e !important;
  font-weight: 750 !important;
}

/* Tables and list pages */
.common-table-upper-header {
  padding: 14px 16px !important;
  margin-bottom: 12px !important;
}
.common-header-top {
  align-items: center !important;
  gap: 10px !important;
}
.common-serach-input .input-group,
.dataTables_filter,
.dataTables_length {
  border-radius: 12px !important;
}
.table-container,
.data-table-main-container {
  padding: 0 !important;
  overflow: hidden !important;
}
.table,
table.table-list,
table.dataTable {
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #fff !important;
}
.table thead th,
table.table-list thead th,
table.dataTable thead th {
  background: #fbfcf8 !important;
  color: #64695e !important;
  border-bottom: 1px solid #e9ebe5 !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}
.table tbody td,
table.table-list tbody td,
table.dataTable tbody td {
  border-bottom: 1px solid #f6f9f1 !important;
  color: #64695e !important;
  font-size: 13px !important;
}
.table tbody tr,
table.table-list tbody tr,
table.dataTable tbody tr {
  transition: background .12s, transform .12s;
}
.table tbody tr:hover,
table.table-list tbody tr:hover,
table.dataTable tbody tr:hover {
  background: #fcfdfa !important;
}

/* Status and badges */
.label,
.badge,
.status,
.iw-status-badge,
.invoice-state {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  min-height: 24px !important;
  padding: 4px 10px !important;
  border: 1px solid transparent !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}
.status-active,
.iw-status-active,
.label.status-active {
  background: #dcfce7 !important;
  color: #166534 !important;
  border-color: #bbf7d0 !important;
}
.status-pending,
.iw-status-pending,
.label.status-pending {
  background: #eff4e5 !important;
  color: #343a2e !important;
  border-color: #e3ebd2 !important;
}
.status-suspended,
.status-cancelled,
.status-terminated,
.status-fraud,
.iw-status-suspended,
.iw-status-cancelled,
.label.status-suspended,
.label.status-cancelled {
  background: #fee2e2 !important;
  color: #991b1b !important;
  border-color: #fecaca !important;
}

/* Service/domain/ticket rows as objects */
.service-table-tr td:first-child,
.ticket-table-td td:first-child,
.domain-table-tr td:first-child {
  position: relative;
}
.product-with-domain a,
.ticket-subject-name,
.domain-name,
.invoice-number {
  color: #191c17 !important;
  font-weight: 850 !important;
}
.domain-product-name,
.ticket-department-name,
.ticket-updated-col,
.text-muted,
small.text-muted {
  color: #64695e !important;
  font-weight: 650;
}
.action-buttons-table {
  gap: 6px !important;
}
.action-buttons-table li a {
  width: 32px !important;
  height: 32px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid #e9ebe5 !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #64695e !important;
}
.action-buttons-table li a:hover {
  border-color: #e3ebd2 !important;
  background: #f8faf4 !important;
  color: #343a2e !important;
}

/* Dashboard objects */
.iw-tile,
.iw-home-card,
.iw-panel-card {
  border-radius: 16px !important;
}
.iw-tile {
  box-shadow: var(--iw-atlas-shadow) !important;
  border: 1px solid #e9ebe5 !important;
}
.iw-tile-icon,
.iw-home-card-icon,
.iw-panel-card-ico {
  background: linear-gradient(135deg, #eff4e5 0%, #f8faf4 100%) !important;
  color: #343a2e !important;
  box-shadow: inset 0 0 0 1px rgba(52,58,46, .10);
}
.iw-tile .iw-tile-icon.blue {
  background: #eff4e5 !important;
  color: #343a2e !important;
}
.iw-tile .iw-tile-icon.green {
  background: #dcfce7 !important;
  color: #15803d !important;
}
.iw-tile .iw-tile-icon.amber {
  background: #fef3c7 !important;
  color: #b45309 !important;
}
.iw-tile .iw-tile-icon.red {
  background: #fee2e2 !important;
  color: #dc2626 !important;
}
.iw-tile:hover,
.iw-home-card:hover,
.iw-panel-card:hover {
  box-shadow: 0 14px 32px rgba(25,28,23, .08) !important;
}

/* Knowledgebase and content cards */
.iw-kb-cat-card,
.iw-kb-aside-card,
.knowledgebase-cat-list a,
.announcement-single,
.downloads-cat,
.download-item {
  border: 1px solid #e9ebe5 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: var(--iw-atlas-shadow) !important;
}
.iw-kb-cat-card:hover,
.knowledgebase-cat-list a:hover,
.download-item:hover {
  border-color: #e3ebd2 !important;
  transform: translateY(-2px);
}

/* Invoices and payment blocks */
.iw-inv-layout .iw-home-card,
.iw-inv-pay-card,
.iw-inv-credit-card,
.invoice-summary,
.invoice-container,
.payment-method,
.paymethod-info {
  border: 1px solid #e9ebe5 !important;
  border-radius: 14px !important;
  box-shadow: var(--iw-atlas-shadow) !important;
}
.iw-inv-pay-btn-wrap .btn,
.iw-inv-credit-btn {
  background: #191c17 !important;
}
.iw-inv-pay-btn-wrap .btn:hover,
.iw-inv-credit-btn:hover {
  background: #343a2e !important;
}

/* Alerts */
.alert {
  border-radius: 12px !important;
  border-width: 1px !important;
  box-shadow: none !important;
  font-weight: 650;
}
.alert-info {
  background: #f8faf4 !important;
  border-color: #e3ebd2 !important;
  color: #343a2e !important;
}
.alert-success {
  background: #ecfdf5 !important;
  border-color: #bbf7d0 !important;
  color: #166534 !important;
}
.alert-warning {
  background: #fffbeb !important;
  border-color: #fde68a !important;
  color: #92400e !important;
}
.alert-danger {
  background: #fef2f2 !important;
  border-color: #fecaca !important;
  color: #991b1b !important;
}

@media (max-width: 768px) {
  .iw-page-header:not(.iw-product-detail-header)::before,
  .iw-page-header:not(.iw-product-detail-header)::after {
    opacity: .18;
  }
  .iw-page-header .iw-page-actions {
    padding-right: 0;
    width: 100%;
  }
  .theme-main-inner-page-section {
    width: 100%;
  }
  .common-header-top {
    flex-direction: column !important;
    align-items: stretch !important;
  }
}

/* Domains and invoices refinements */
.iw-domains-header,
.iw-invoices-header {
  min-height: auto !important;
  padding: 16px 18px !important;
  margin-bottom: 12px !important;
}
.iw-domains-header::before,
.iw-domains-header::after,
.iw-invoices-header::before,
.iw-invoices-header::after {
  display: none !important;
}
.iw-domains-header .iw-page-title,
.iw-invoices-header .iw-page-title {
  font-size: 19px !important;
}
.iw-domains-header .iw-page-subtitle,
.iw-invoices-header .iw-page-subtitle {
  max-width: 720px;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
}
.iw-domains-header .iw-page-actions,
.iw-invoices-header .iw-page-actions {
  padding-right: 0 !important;
}

.theme-domain-list-page .common-table-upper-header,
.theme-client-invoices-page .common-table-upper-header {
  padding: 12px !important;
}
.theme-domain-list-page .common-header-top,
.theme-client-invoices-page .common-header-top {
  display: grid !important;
  grid-template-columns: auto auto minmax(180px, 240px) minmax(260px, 1fr) auto;
  gap: 10px !important;
  align-items: center !important;
}
.theme-domain-list-page .common-title-all h3,
.theme-client-invoices-page .common-title-all h3,
.theme-domain-list-page .common-title-count,
.theme-client-invoices-page .common-title-count {
  font-size: 13px !important;
  margin: 0 !important;
  white-space: nowrap;
}
.theme-domain-list-page .common-title-count,
.theme-client-invoices-page .common-title-count {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #f8faf4;
  color: #343a2e !important;
  font-weight: 850 !important;
}
.theme-domain-list-page .common-sort-dropdown > a,
.theme-client-invoices-page .common-sort-dropdown > a {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  min-height: 38px;
  width: 100%;
  padding: 8px 12px !important;
  border: 1px solid #e9efdb;
  border-radius: 10px;
  background: #fff;
  color: #64695e !important;
  font-size: 12.5px;
  font-weight: 750;
}
.theme-domain-list-page .common-serach-input,
.theme-client-invoices-page .common-serach-input {
  min-width: 0;
}
.theme-domain-list-page .common-serach-input .input-group,
.theme-client-invoices-page .common-serach-input .input-group {
  display: flex;
  min-height: 40px;
  border: 1px solid #e9efdb;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}
.theme-domain-list-page .commonTableSearches,
.theme-client-invoices-page .commonTableSearches {
  height: 40px !important;
  border: none !important;
  border-radius: 0 !important;
  padding-left: 14px !important;
  font-size: 13.5px !important;
}
.theme-domain-list-page .common-search-filter-icon,
.theme-client-invoices-page .common-search-filter-icon {
  width: 44px !important;
  height: 40px !important;
  border: none !important;
  border-left: 1px solid #f4f7ee !important;
  border-radius: 0 !important;
  background: #fbfcf8 !important;
  color: #343a2e !important;
}

.theme-domain-list-page .domain-upper-bulk-button {
  margin: 0 0 12px !important;
}
.theme-domain-list-page .left-side-buttons-domains {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 !important;
}
.theme-domain-list-page .domain-upper-bulk-button .setBulkAction {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 8px 12px !important;
  border: 1px solid #e9efdb !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #64695e !important;
  font-size: 12.5px !important;
  font-weight: 750 !important;
  text-decoration: none !important;
}
.theme-domain-list-page .domain-upper-bulk-button .setBulkAction:hover {
  border-color: #e3ebd2 !important;
  background: #f8faf4 !important;
  color: #343a2e !important;
}
.theme-domain-list-page #tableDomainsList tbody td {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}
.theme-domain-list-page #tableDomainsList td:nth-child(3) a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #191c17 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}
.theme-domain-list-page #tableDomainsList td:nth-child(3) a::before {
  content: "";
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 70%, #b7e532 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.24);
  flex: 0 0 auto;
}
.button-class-enable,
.button-class-disable {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
}
.button-class-enable {
  background: #dcfce7 !important;
  color: #166534 !important;
}
.button-class-disable {
  background: #f6f9f1 !important;
  color: #64695e !important;
}

.theme-client-invoices-page #tableInvoicesList {
  font-size: 14px !important;
}
.theme-client-invoices-page #tableInvoicesList thead th {
  padding: 15px 18px !important;
  font-size: 12px !important;
}
.theme-client-invoices-page #tableInvoicesList tbody td {
  padding: 17px 18px !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}
.theme-client-invoices-page #tableInvoicesList tbody td:first-child {
  color: #191c17 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}
.theme-client-invoices-page #tableInvoicesList tbody td:nth-child(4) {
  color: #191c17 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}
.theme-client-invoices-page #tableInvoicesList .label.status {
  min-height: 28px !important;
  padding: 6px 12px !important;
}

@media (max-width: 1100px) {
  .theme-domain-list-page .common-header-top,
  .theme-client-invoices-page .common-header-top {
    grid-template-columns: 1fr 1fr;
  }
  .theme-domain-list-page .common-serach-input,
  .theme-client-invoices-page .common-serach-input,
  .theme-domain-list-page .common-table-button-nav,
  .theme-client-invoices-page .common-table-button-nav {
    grid-column: 1 / -1;
  }
}

/* IW minimal wide layout pass */
:root {
  --iw-atlas-radius: 10px;
  --iw-atlas-shadow: 0 1px 2px rgba(25,28,23, .035);
}
body:not(.login-bg) {
  background: #fbfcf8 !important;
}
body:not(.login-bg) .theme-main-inner-page-section,
body:not(.login-bg) #main-body .container,
body:not(.login-bg) #main-body .container-fluid {
  width: min(100%, 1280px) !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body:not(.login-bg) #content {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.iw-page-header:not(.iw-product-detail-header),
.iw-home-card,
.iw-panel-card,
.panel,
.panel-default,
.card,
.table-container,
.data-table-main-container,
.common-table-upper-header,
.form-box,
.formBox {
  border-color: #f0f4e8 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(25,28,23, .035) !important;
}
.iw-page-header:not(.iw-product-detail-header) {
  padding: 18px 22px !important;
}
.iw-page-header:not(.iw-product-detail-header)::before,
.iw-page-header:not(.iw-product-detail-header)::after {
  display: none !important;
}
.iw-page-header .iw-page-actions {
  padding-right: 0 !important;
}
.iw-tile,
.iw-home-card,
.iw-panel-card {
  border-radius: 10px !important;
}
.iw-tile:hover,
.iw-home-card:hover,
.iw-panel-card:hover {
  transform: none !important;
  box-shadow: 0 4px 12px rgba(25,28,23, .06) !important;
}
.theme-client-service-detail-page .iw-product-object {
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 22px;
  min-height: 158px;
  padding: 22px;
  border-radius: 10px;
  background: #191c17;
  box-shadow: 0 1px 2px rgba(25,28,23, .08);
}
.theme-client-service-detail-page .iw-product-object::after {
  display: none;
}
.theme-client-service-detail-page .iw-product-object-art {
  width: 116px;
  height: 116px;
  border-radius: 10px;
  background: #191c17;
  border: 1px solid rgba(255,255,255,.12);
}
.theme-client-service-detail-page .iw-server-cube {
  width: 66px;
  height: 58px;
  gap: 7px;
}
.theme-client-service-detail-page .iw-server-cube span {
  height: 14px;
  border-radius: 5px;
}
.theme-client-service-detail-page .iw-product-object-copy strong {
  font-size: 22px;
}
.theme-client-service-detail-page .cpanel-feature-row a {
  min-height: 112px !important;
  border-radius: 10px !important;
}
.theme-client-service-detail-page .cpanel-feature-row img {
  width: 30px !important;
  height: 30px !important;
}

/* IW product detail: replace cPanel images with compact line icons */
.theme-client-service-detail-page #tabOverview .panel.panel-default.card,
.theme-client-service-detail-page #tabOverview .panel.card,
.theme-client-service-detail-page #tabOverview .form-box {
  margin-bottom: 10px !important;
}
.theme-client-service-detail-page #tabOverview .panel-heading,
.theme-client-service-detail-page #tabOverview .card-header {
  padding: 10px 12px !important;
}
.theme-client-service-detail-page #tabOverview .panel-body,
.theme-client-service-detail-page #tabOverview .card-body {
  padding: 12px !important;
}
.theme-client-service-detail-page .cpanel-feature-row {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 6px !important;
}
.theme-client-service-detail-page .cpanel-feature-row a {
  min-height: 78px !important;
  padding: 9px 6px !important;
  font-size: 10.8px !important;
  border-radius: 8px !important;
}
.theme-client-service-detail-page .iw-cpanel-shortcut-icon {
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
  border-radius: 8px;
}
.theme-client-service-detail-page .iw-cpanel-shortcut-icon svg {
  width: 17px;
  height: 17px;
}
.theme-client-service-detail-page .cpanel-feature-row a:hover .iw-cpanel-shortcut-icon {
  background: #eff4e5;
  color: #343a2e;
}
.theme-client-service-detail-page #cPanelUsagePanel .cpanel-usage-stats > .row > [class*="col-"] {
  padding: 9px !important;
}
.theme-client-service-detail-page .iw-usage-main {
  margin-top: 7px;
  font-size: 16px;
}
.theme-client-service-detail-page .iw-usage-bar {
  height: 6px;
  margin-top: 8px;
}
@media (max-width: 1200px) {
  .theme-client-service-detail-page .cpanel-feature-row {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 900px) {
  .theme-client-service-detail-page .cpanel-feature-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 560px) {
  .theme-client-service-detail-page .cpanel-feature-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 768px) {
  body:not(.login-bg) #content {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .theme-client-service-detail-page .iw-product-object {
    grid-template-columns: 1fr;
  }
  .theme-client-service-detail-page .iw-product-object-art {
    width: 104px;
    height: 104px;
  }
}

/* IW profile access and internal account panel */
.iw-user-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 54px !important;
  gap: 6px !important;
  align-items: stretch !important;
  margin-bottom: 6px !important;
  padding: 7px 15px 8px 15px !important;
  border-bottom: 1px solid #f3f5f0 !important;
}
.iw-user-row .iw-user-card {
  margin: 0 !important;
  padding: 4px 2px !important;
  border-bottom: 0 !important;
  background: transparent !important;
  border: 0 !important;
  text-align: left !important;
}
.iw-profile-gear {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 5px 4px !important;
  border: 1px solid #f0f4e6 !important;
  border-radius: 10px !important;
  background: #f8faf4 !important;
  color: #343a2e !important;
  cursor: pointer !important;
}
.iw-profile-gear i {
  font-size: 13px !important;
  line-height: 1 !important;
}
.iw-profile-gear span {
  color: #343a2e !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}
.menu-myaccount-clientx:not(.left-open-myaccount-sec) {
  margin-right: -340px !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.menu-myaccount-clientx.left-open-myaccount-sec {
  visibility: visible !important;
  pointer-events: auto !important;
}
.menu-myaccount-clientx {
  min-width: 320px !important;
  max-width: 320px !important;
}
.menu-myaccount-clientx .panel-setting-heading {
  align-items: center !important;
  padding: 16px 18px !important;
  background: #fbfcf8 !important;
  border-bottom: 1px solid #e9ebe5 !important;
}
.menu-myaccount-clientx .panel-setting-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #191c17 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}
.iw-account-panel {
  display: grid !important;
  gap: 6px !important;
  padding: 14px 12px !important;
}
.iw-account-panel-kicker {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 4px 8px 8px !important;
  color: #64695e !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}
.iw-account-panel-kicker i {
  color: #343a2e !important;
}
.iw-account-panel-link {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 44px !important;
  padding: 6px 9px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: #191c17 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.iw-account-panel-link:hover,
.iw-account-panel-link.active {
  background: #f8faf4 !important;
  border-color: #f0f4e6 !important;
  color: #343a2e !important;
}
.iw-account-panel-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 9px !important;
  background: #f6f9f1 !important;
  color: #64695e !important;
}
.iw-account-panel-link:hover .iw-account-panel-icon,
.iw-account-panel-link.active .iw-account-panel-icon {
  background: #eff4e5 !important;
  color: #343a2e !important;
}
.iw-account-panel-link-danger {
  color: #dc2626 !important;
}
.iw-account-panel-link-danger .iw-account-panel-icon {
  background: #fee2e2 !important;
  color: #dc2626 !important;
}
.iw-account-panel-native {
  display: none !important;
}

/* cPanel SSO error */
.iw-cpanel-sso-error {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin: 0 0 16px !important;
  padding: 16px 18px !important;
  border: 1px solid #e3ebd2 !important;
  border-radius: 10px !important;
  background: #fcfdfa !important;
  box-shadow: 0 1px 2px rgba(25,28,23, .04) !important;
}
.iw-cpanel-sso-head {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: center !important;
  min-width: 0 !important;
}
.iw-cpanel-sso-icon {
  display: grid !important;
  place-items: center !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 10px !important;
  background: #eff4e5 !important;
  color: #343a2e !important;
}
.iw-cpanel-sso-icon svg {
  width: 27px !important;
  height: 27px !important;
}
.iw-cpanel-sso-copy {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}
.iw-cpanel-sso-kicker {
  color: #343a2e !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}
.iw-cpanel-sso-copy strong {
  color: #191c17 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}
.iw-cpanel-sso-copy span,
.iw-cpanel-sso-copy small {
  color: #64695e !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}
.iw-cpanel-sso-copy small b {
  color: #191c17 !important;
}
.iw-cpanel-sso-whatsapp {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 38px !important;
  padding: 10px 14px !important;
  border-radius: 9px !important;
  background: #343a2e !important;
  color: #fff !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.iw-cpanel-sso-whatsapp i {
  font-size: 16px !important;
}
.iw-cpanel-sso-whatsapp:hover {
  background: #343a2e !important;
  color: #fff !important;
  text-decoration: none !important;
}
@media (max-width: 760px) {
  .iw-cpanel-sso-error {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  .iw-cpanel-sso-whatsapp {
    width: 100% !important;
  }
}

/* Store block in sidebar footer */
.iw-store-box {
  margin: 16px 0 8px 0 !important;
  padding: 8px !important;
  border: 1px solid #f4f7ee !important;
  border-radius: 10px !important;
  background: #fff !important;
}
.iw-store-main {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #191c17 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}
.iw-store-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 9px !important;
  background: #f1f5e9 !important;
  color: #343a2e !important;
}
.iw-store-cats {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin-top: 8px !important;
}
.iw-store-cats a {
  display: inline-flex !important;
  max-width: 100% !important;
  padding: 4px 7px !important;
  border-radius: 999px !important;
  background: #fbfcf8 !important;
  color: #64695e !important;
  font-size: 10.5px !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
}
.iw-store-cats a:hover {
  background: #f1f5e9 !important;
  color: #343a2e !important;
  text-decoration: none !important;
}

/* ── VER TIENDA BUTTON ── */
.iw-ver-tienda-btn {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 100%) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  transition: opacity .18s ease, transform .18s ease !important;
  box-shadow: 0 2px 8px rgba(52,58,46, 0.28) !important;
}
.iw-ver-tienda-btn:hover {
  opacity: .92 !important;
  transform: translateY(-1px) !important;
  color: #fff !important;
  text-decoration: none !important;
}
.iw-ver-tienda-btn .iw-btn-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
  background: rgba(255,255,255, 0.22) !important;
  flex-shrink: 0 !important;
  font-size: 13px !important;
}
.iw-ver-tienda-btn .iw-btn-text {
  flex: 1 !important;
  letter-spacing: .01em !important;
}
.iw-ver-tienda-btn .iw-btn-arrow {
  font-size: 11px !important;
  opacity: .75 !important;
}

/* Disable Sitejet surfaces in client area */
[data-identifier="sitejet"],
#sitejetEditBtn,
#cPanelGetSitejet,
#sitejetPublishPreview,
#sitejetPublishProgressBarWrapper,
#sitejetAlert,
.panel-sitejet-builder,
.site-jet-builders-latest-homepage-view,
div[menuitemname="Sitejet Builder"] {
  display: none !important;
}

/* IW account pages: inline left block, no popup */
.menu-myaccount-clientx {
  display: none !important;
}
.menu-myaccount-clientx.left-open-myaccount-sec {
  display: block !important;
}
.iw-user-row .iw-user-card {
  text-decoration: none !important;
}
.iw-account-page-layout {
  display: grid !important;
  grid-template-columns: 292px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
}
.iw-account-page-main {
  min-width: 0 !important;
}
.iw-account-sidebar-block {
  position: sticky !important;
  top: 18px !important;
  display: grid !important;
  gap: 10px !important;
  padding: 14px !important;
  border: 1px solid #f0f4e8 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(25,28,23, .035) !important;
}
.iw-account-sidebar-user {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 4px 4px 12px !important;
  border-bottom: 1px solid #f6f9f1 !important;
}
.iw-account-sidebar-user strong {
  display: block !important;
  color: #191c17 !important;
  font-size: 13.5px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.iw-account-sidebar-user span {
  display: block !important;
  margin-top: 2px !important;
  color: #9ba88a !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}
.iw-account-sidebar-nav {
  display: grid !important;
  gap: 5px !important;
}
.iw-account-page-layout .iw-page-header {
  margin-bottom: 14px !important;
}
.iw-account-page-layout .m-30,
.iw-account-page-layout .bg-white.m-30 {
  margin: 0 0 16px !important;
}
@media (max-width: 980px) {
  .iw-account-page-layout {
    grid-template-columns: 1fr !important;
  }
  .iw-account-sidebar-block {
    position: relative !important;
    top: auto !important;
  }
  .iw-account-sidebar-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 560px) {
  .iw-account-sidebar-nav {
    grid-template-columns: 1fr !important;
  }
}

/* IW home: compact domain banner + welcome guide */
.iw-dh2 {
  padding: 26px 32px !important;
  margin-bottom: 18px !important;
  border-radius: 16px !important;
  gap: 16px !important;
}
.iw-dh2-globe {
  width: 136px !important;
  height: 136px !important;
}
.iw-dh2-badge {
  margin-bottom: 9px !important;
  padding: 3px 11px !important;
  font-size: 11px !important;
}
.iw-dh2-title {
  font-size: 21px !important;
  margin-bottom: 5px !important;
}
.iw-dh2-sub {
  font-size: 13px !important;
  margin-bottom: 15px !important;
}
.iw-dh2-input {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
  font-size: 13.5px !important;
}
.iw-dh2-btn {
  padding: 11px 18px !important;
  font-size: 13px !important;
}
.iw-dh2-chips {
  margin-top: 9px !important;
}
.iw-dh2-chip {
  padding: 4px 12px !important;
  font-size: 12px !important;
}
.iw-tiles {
  gap: 12px !important;
  margin-bottom: 20px !important;
}
.iw-tile {
  min-height: 104px !important;
  padding: 17px !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  gap: 12px !important;
  border-radius: 14px !important;
}
.iw-tile-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
}
.iw-tile-icon svg {
  width: 22px !important;
  height: 22px !important;
}
.iw-tile-label {
  margin-bottom: 6px !important;
  font-size: 10.8px !important;
}
.iw-tile-value {
  font-size: 30px !important;
}
.iw-welcome-modal {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.iw-welcome-modal.show {
  display: flex;
}
.iw-welcome-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(25,28,23, .58);
  backdrop-filter: blur(6px);
}
.iw-welcome-dialog {
  position: relative;
  width: min(980px, 100%);
  max-height: calc(100vh - 40px);
  overflow: hidden;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 26px 80px rgba(25,28,23, .32);
}
.iw-welcome-close {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
  color: #fff;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}
.iw-welcome-stage {
  min-height: 520px;
  overflow-y: auto;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.24), transparent 28%),
    linear-gradient(135deg, rgba(52,58,46, .96), rgba(52,58,46, .9));
}
.iw-welcome-slide {
  display: none;
  min-height: 520px;
  padding: 64px 64px 50px;
  color: #fff;
}
.iw-welcome-slide.active {
  display: block;
}
.iw-welcome-kicker {
  display: inline-flex;
  margin-bottom: 14px;
  padding: 5px 12px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 99px;
  background: rgba(255,255,255,.13);
  color: rgba(255,255,255,.9);
  font-size: 12px;
  font-weight: 800;
}
.iw-welcome-slide h2 {
  max-width: 760px;
  margin: 0 0 12px !important;
  color: #fff !important;
  font-size: 34px !important;
  line-height: 1.16 !important;
}
.iw-welcome-slide p {
  max-width: 760px;
  margin: 0 auto;
  color: rgba(255,255,255,.82);
  font-size: 16px;
  line-height: 1.65;
}
.iw-welcome-copy {
  position: relative;
  z-index: 1;
  text-align: center;
}
.iw-welcome-copy h2 {
  margin-left: auto !important;
  margin-right: auto !important;
}
.iw-business-art {
  position: relative;
  width: min(640px, 100%);
  min-height: 250px;
  margin: 28px auto 26px;
  display: grid;
  place-items: center;
}
.iw-business-art::before {
  content: "";
  position: absolute;
  inset: 28px 34px 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  filter: blur(22px);
  animation: iwBusinessGlow 4.8s ease-in-out infinite;
}
.iw-business-browser {
  position: relative;
  z-index: 1;
  width: min(560px, 100%);
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 22px;
  overflow: hidden;
  background: rgba(255,255,255,.94);
  box-shadow: 0 28px 70px rgba(25,28,23,.26);
  animation: iwBusinessFloat 5.4s ease-in-out infinite;
}
.iw-business-browser-top {
  display: flex;
  gap: 7px;
  padding: 14px 16px;
  background: #fbfcf8;
  border-bottom: 1px solid #ecf0e2;
}
.iw-business-browser-top span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.iw-business-browser-top span:nth-child(1) { background: #fb7185; }
.iw-business-browser-top span:nth-child(2) { background: #fbbf24; }
.iw-business-browser-top span:nth-child(3) { background: #34d399; }
.iw-business-dashboard {
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 12px;
  padding: 18px;
}
.iw-business-panel {
  border: 1px solid #ecf0e2;
  border-radius: 16px;
  background: #fff;
  color: #191c17;
  box-shadow: 0 8px 22px rgba(25,28,23,.07);
}
.iw-business-panel.main {
  min-height: 168px;
  padding: 22px;
  grid-row: span 3;
  background: linear-gradient(180deg, #ffffff 0%, #f8faf4 100%);
}
.iw-business-panel.main i {
  display: inline-grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin-bottom: 16px;
  border-radius: 18px;
  background: #eff4e5;
  color: #343a2e;
  font-size: 25px;
}
.iw-business-panel.main strong {
  display: block;
  margin-bottom: 7px;
  color: #191c17;
  font-size: 20px;
  font-weight: 900;
}
.iw-business-panel.main span {
  display: block;
  color: #64695e;
  font-size: 13.5px;
  font-weight: 700;
}
.iw-business-panel.small {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 10px 12px;
  animation: iwBusinessCard 4.6s ease-in-out infinite;
}
.iw-business-panel.small.two { animation-delay: .25s; }
.iw-business-panel.small.three { animation-delay: .5s; }
.iw-business-panel.small i {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: #f7f9f2;
  color: #343a2e;
  font-size: 16px;
}
.iw-business-panel.small.two i {
  background: #fef3c7;
  color: #b45309;
}
.iw-business-panel.small.three i {
  background: #dcfce7;
  color: #15803d;
}
.iw-business-panel.small span {
  color: #64695e;
  font-size: 13px;
  font-weight: 850;
}
.iw-business-orbit {
  position: absolute;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  color: #343a2e;
  box-shadow: 0 16px 36px rgba(25,28,23,.18);
  animation: iwBusinessOrbit 5.2s ease-in-out infinite;
}
.iw-business-orbit i {
  font-size: 18px;
}
.iw-business-orbit.orbit-a {
  left: 18px;
  top: 56px;
  color: #16a34a;
}
.iw-business-orbit.orbit-b {
  right: 8px;
  top: 34px;
  animation-delay: .35s;
}
.iw-business-orbit.orbit-c {
  right: 72px;
  bottom: 4px;
  color: #f97316;
  animation-delay: .7s;
}
@keyframes iwBusinessFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
@keyframes iwBusinessCard {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(-4px); }
}
@keyframes iwBusinessOrbit {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-12px) scale(1.04); }
}
@keyframes iwBusinessGlow {
  0%, 100% { opacity: .75; transform: scale(.96); }
  50% { opacity: 1; transform: scale(1.03); }
}
.iw-welcome-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 34px;
  text-align: center;
}
.iw-welcome-feature-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}
.iw-welcome-feature,
.iw-welcome-step {
  min-height: 158px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 16px;
  background: rgba(255,255,255,.13);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
  text-align: center;
}
.iw-welcome-feature i,
.iw-welcome-step i {
  display: inline-grid;
  place-items: center;
  width: 54px;
  height: 54px;
  margin-bottom: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.95);
  color: #343a2e;
  font-size: 22px;
}
.iw-welcome-feature strong,
.iw-welcome-step strong {
  display: block;
  margin-bottom: 7px;
  color: #fff;
  font-size: 15px;
  font-weight: 850;
}
.iw-welcome-feature span,
.iw-welcome-step span {
  display: block;
  color: rgba(255,255,255,.76);
  font-size: 13px;
  line-height: 1.55;
}
.iw-welcome-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 34px;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}
.iw-welcome-step {
  min-height: 190px;
  padding: 22px;
}
.iw-welcome-step i {
  width: 62px;
  height: 62px;
  font-size: 24px;
}
.iw-welcome-step strong {
  font-size: 17px;
}
.iw-welcome-step span {
  font-size: 13.5px;
}
.iw-welcome-checklist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
  margin-top: 34px;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.iw-welcome-checklist div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  min-height: 64px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 14px;
  background: rgba(255,255,255,.13);
  color: rgba(255,255,255,.88);
  font-size: 14px;
  font-weight: 700;
}
.iw-welcome-checklist i {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(34,197,94, .95);
  color: #fff;
  font-size: 13px;
}
.iw-welcome-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px;
  background: #fff;
}
.iw-welcome-dots {
  display: flex;
  gap: 7px;
}
.iw-welcome-dots button {
  width: 9px;
  height: 9px;
  padding: 0;
  border: 0;
  border-radius: 99px;
  background: #dae1cb;
  cursor: pointer;
}
.iw-welcome-dots button.active {
  width: 30px;
  background: #343a2e;
}
.iw-welcome-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.iw-welcome-muted,
.iw-welcome-prev,
.iw-welcome-next {
  border-radius: 10px;
  border: 1px solid #e9efdb;
  padding: 9px 13px;
  font-size: 12.5px;
  font-weight: 800;
  cursor: pointer;
}
.iw-welcome-muted {
  background: #fff;
  color: #64695e;
}
.iw-welcome-prev {
  background: #fbfcf8;
  color: #64695e;
}
.iw-welcome-prev:disabled {
  opacity: .45;
  cursor: not-allowed;
}
.iw-welcome-next {
  border-color: #343a2e;
  background: #343a2e;
  color: #fff;
}
body.iw-welcome-lock {
  overflow: hidden;
}
@media (max-width: 768px) {
  .iw-dh2 {
    padding: 20px 16px !important;
  }
  .iw-dh2-title {
    font-size: 18px !important;
  }
  .iw-dh2-form {
    gap: 8px !important;
  }
  .iw-tile {
    min-height: 92px !important;
    padding: 14px !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
  }
  .iw-tile-icon {
    width: 38px !important;
    height: 38px !important;
  }
  .iw-tile-value {
    font-size: 24px !important;
  }
  .iw-welcome-slide {
    min-height: 500px;
    padding: 46px 22px 30px;
  }
  .iw-welcome-stage {
    min-height: 500px;
  }
  .iw-welcome-slide h2 {
    font-size: 24px !important;
  }
  .iw-welcome-slide p {
    font-size: 14px;
  }
  .iw-business-art {
    min-height: 230px;
    margin: 22px auto 20px;
  }
  .iw-business-dashboard {
    grid-template-columns: 1fr;
    padding: 14px;
  }
  .iw-business-panel.main {
    min-height: 126px;
    grid-row: auto;
    padding: 16px;
  }
  .iw-business-panel.main i {
    width: 46px;
    height: 46px;
    margin-bottom: 10px;
    font-size: 20px;
  }
  .iw-business-panel.main strong {
    font-size: 17px;
  }
  .iw-business-panel.small {
    min-height: 46px;
  }
  .iw-business-orbit {
    width: 42px;
    height: 42px;
    border-radius: 14px;
  }
  .iw-business-orbit.orbit-a {
    left: -4px;
    top: 56px;
  }
  .iw-business-orbit.orbit-b {
    right: -6px;
    top: 38px;
  }
  .iw-business-orbit.orbit-c {
    right: 20px;
    bottom: -6px;
  }
  .iw-welcome-feature-grid,
  .iw-welcome-feature-grid-3,
  .iw-welcome-flow,
  .iw-welcome-checklist {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 22px;
  }
  .iw-welcome-feature,
  .iw-welcome-step {
    min-height: 0;
    padding: 14px;
  }
  .iw-welcome-feature i,
  .iw-welcome-step i {
    width: 36px;
    height: 36px;
    margin-bottom: 9px;
    font-size: 15px;
  }
  .iw-welcome-feature span,
  .iw-welcome-step span {
    font-size: 12.5px;
  }
  .iw-welcome-controls {
    align-items: flex-start;
    flex-direction: column;
  }
  .iw-welcome-actions,
  .iw-welcome-muted,
  .iw-welcome-prev,
  .iw-welcome-next {
    width: 100%;
  }
  .iw-welcome-muted,
  .iw-welcome-prev,
  .iw-welcome-next {
    justify-content: center;
  }
}

/* ══════════════════════════════════════════════════════════════════
   IW – Product detail: double-height hero
   ══════════════════════════════════════════════════════════════════ */
.theme-client-service-detail-page .iw-service-hero {
  padding: 30px 26px !important;
  min-height: 210px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 10px !important;
}
.theme-client-service-detail-page .iw-service-icon-wrap {
  width: 72px !important;
  height: 72px !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 100%) !important;
  box-shadow: 0 6px 20px rgba(52,58,46,.25) !important;
}
.theme-client-service-detail-page .iw-service-icon-wrap svg {
  width: 36px !important;
  height: 36px !important;
  color: #fff !important;
}
.theme-client-service-detail-page .iw-service-info {
  margin-top: 4px;
}
.theme-client-service-detail-page .iw-service-name {
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin-bottom: 6px !important;
}
.theme-client-service-detail-page .iw-service-group {
  font-size: 13.5px !important;
  margin-bottom: 3px !important;
}
.theme-client-service-detail-page .iw-service-domain {
  font-size: 14px !important;
  font-weight: 650 !important;
}
.theme-client-service-detail-page .iw-status-badge {
  margin-top: auto;
  align-self: flex-start;
}
.theme-client-service-detail-page .iw-billing-table {
  min-height: 210px !important;
}
.theme-client-service-detail-page .iw-billing-row {
  min-height: 50px !important;
  padding: 12px 18px !important;
}
.theme-client-service-detail-page .iw-billing-label {
  font-size: 13px !important;
}
.theme-client-service-detail-page .iw-billing-value {
  font-size: 13.5px !important;
}

/* ══════════════════════════════════════════════════════════════════
   IW – Email accounts panel
   ══════════════════════════════════════════════════════════════════ */
.iw-em-panel {
  background: #fff;
  border: 1px solid #e9ebe5;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(25,28,23,.06);
}
.iw-em-header {
  padding: 14px 20px;
  border-bottom: 1px solid #f6f9f1;
  background: #fbfcfa;
}
.iw-em-header-inner {
  display: flex;
  align-items: center;
  gap: 8px;
}
.iw-em-header-ico {
  width: 18px;
  height: 18px;
  color: #343a2e;
  flex-shrink: 0;
}
.iw-em-header-title {
  font-size: 14px;
  font-weight: 700;
  color: #191c17;
  letter-spacing: -.01em;
}
.iw-em-header-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  background: #f2f5ea;
  color: #343a2e;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1;
}
.iw-em-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.iw-em-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 520px;
}
.iw-em-th {
  padding: 10px 16px;
  font-size: 11.5px;
  font-weight: 700;
  color: #64695e;
  text-transform: uppercase;
  letter-spacing: .04em;
  background: #fafbf9;
  border-bottom: 1px solid #f6f9f1;
  text-align: left;
  white-space: nowrap;
}
.iw-em-th-num  { text-align: right; width: 100px; }
.iw-em-th-act  { text-align: right; width: 210px; }
.iw-em-row {
  border-bottom: 1px solid #f6f9f1;
  transition: background .12s;
}
.iw-em-row:last-child { border-bottom: none; }
.iw-em-row:hover { background: #fcfdfa; }
.iw-em-td {
  padding: 12px 16px;
  font-size: 13px;
  color: #64695e;
  vertical-align: middle;
}
.iw-em-cell-addr {
  display: flex;
  align-items: center;
  gap: 9px;
}
.iw-em-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #343a2e;
  flex-shrink: 0;
}
.iw-em-addr-text {
  font-weight: 600;
  color: #191c17;
  font-size: 13px;
  word-break: break-all;
}
.iw-em-cell-num {
  text-align: right;
  color: #64695e;
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
}
.iw-em-unlimited {
  color: #9ba88a;
  font-size: 12px;
}
.iw-em-cell-actions {
  text-align: right;
  white-space: nowrap;
}
.iw-em-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  border: 1px solid transparent;
  text-decoration: none !important;
  transition: background .14s, border-color .14s, color .14s;
  vertical-align: middle;
}
.iw-em-btn svg {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
}
.iw-em-webmail {
  background: #f8faf4;
  color: #343a2e !important;
  border-color: #e3ebd2;
  margin-right: 6px;
}
.iw-em-webmail:hover {
  background: #eff4e5;
  border-color: #859c58;
}
.iw-em-passwd-btn {
  background: #fafbf9;
  color: #64695e;
  border-color: #e9ebe5;
}
.iw-em-passwd-btn:hover {
  background: #f5f6f3;
  border-color: #d8dbd1;
}

/* ══════════════════════════════════════════════════════════════════
   IW – Modal cambiar contraseña de correo
   ══════════════════════════════════════════════════════════════════ */
.iw-pw-overlay {
  position: fixed;
  inset: 0;
  background: rgba(25,28,23,.45);
  backdrop-filter: blur(2px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.iw-pw-box {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(25,28,23,.18);
  width: 100%;
  max-width: 420px;
  overflow: hidden;
  animation: iwPwIn .18s ease;
}
@keyframes iwPwIn {
  from { opacity: 0; transform: translateY(-12px) scale(.97); }
  to   { opacity: 1; transform: translateY(0)     scale(1);   }
}
.iw-pw-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 22px 16px;
  border-bottom: 1px solid #f6f9f1;
}
.iw-pw-title {
  font-size: 15px;
  font-weight: 750;
  color: #191c17;
  letter-spacing: -.01em;
}
.iw-pw-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 8px;
  background: #f5f6f3;
  cursor: pointer;
  padding: 0;
  color: #64695e;
  transition: background .12s;
}
.iw-pw-close:hover { background: #e9ebe5; color: #191c17; }
.iw-pw-close svg { width: 15px; height: 15px; }
.iw-pw-body {
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.iw-pw-for {
  font-size: 12.5px;
  color: #64695e;
  background: #f5f6f3;
  border-radius: 8px;
  padding: 8px 12px;
  margin: 0;
  word-break: break-all;
  font-weight: 600;
}
.iw-pw-field {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.iw-pw-label {
  font-size: 12.5px;
  font-weight: 650;
  color: #64695e;
}
.iw-pw-input-wrap {
  position: relative;
}
.iw-pw-input {
  width: 100%;
  padding: 10px 42px 10px 12px;
  border: 1px solid #d8dbd1;
  border-radius: 9px;
  font-size: 13.5px;
  color: #191c17;
  background: #fff;
  outline: none;
  box-sizing: border-box;
  transition: border-color .14s, box-shadow .14s;
}
.iw-pw-input:focus {
  border-color: #343a2e;
  box-shadow: 0 0 0 3px rgba(52,58,46,.12);
}
.iw-pw-eye {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  color: #9ba88a;
  display: flex;
  align-items: center;
  transition: color .12s;
}
.iw-pw-eye:hover { color: #64695e; }
.iw-pw-eye svg { width: 16px; height: 16px; }
.iw-pw-msg {
  padding: 10px 12px;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}
.iw-pw-msg-ok  { background: #ecfdf5; color: #343a2e; border: 1px solid #a7f3d0; }
.iw-pw-msg-err { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }
.iw-pw-foot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 22px;
  border-top: 1px solid #f6f9f1;
  background: #fbfcfa;
}
.iw-pw-btn-cancel {
  padding: 9px 18px;
  border: 1px solid #e9ebe5;
  border-radius: 9px;
  background: #fff;
  font-size: 13px;
  font-weight: 700;
  color: #64695e;
  cursor: pointer;
  transition: background .12s;
}
.iw-pw-btn-cancel:hover { background: #f5f6f3; }
.iw-pw-btn-save {
  padding: 9px 20px;
  border: none;
  border-radius: 9px;
  background: #343a2e;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  transition: background .14s;
}
.iw-pw-btn-save:hover:not(:disabled) { background: #343a2e; }
.iw-pw-btn-save:disabled { opacity: .6; cursor: not-allowed; }

/* product-hook-panel: asegurar que el panel de correos se vea bien */
.theme-client-service-detail-page .product-hook-panel .iw-em-panel {
  border-radius: 14px !important;
}
.theme-client-service-detail-page .product-hook-panel .iw-em-btn {
  border-radius: 8px !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 6px 12px !important;
}

/* ══════════════════════════════════════════════════
   IW AFFILIATES PAGE
══════════════════════════════════════════════════ */
.iw-btn-affiliates {
  background: linear-gradient(135deg, #7c3aed, #343a2e) !important;
  color: #fff !important;
  border: none !important;
  font-weight: 600 !important;
  gap: 6px;
  display: inline-flex;
  align-items: center;
}
.iw-btn-affiliates:hover {
  background: linear-gradient(135deg, #6d28d9, #343a2e) !important;
  color: #fff !important;
}

.iw-affiliates-page {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 0 40px 0;
}

/* Alert success */
.iw-aff-alert-success {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #ecfdf5;
  border: 1px solid #6ee7b7;
  color: #343a2e;
  border-radius: 10px;
  padding: 14px 18px;
  font-weight: 600;
  font-size: 14px;
}
.iw-aff-alert-success i { font-size: 18px; color: #343a2e; }

/* Disabled box */
.iw-aff-disabled-box {
  text-align: center;
  background: #fff;
  border: 1px solid #edf0e8;
  border-radius: 16px;
  padding: 60px 30px;
}
.iw-aff-disabled-icon { font-size: 52px; color: #d8dbd1; margin-bottom: 16px; }
.iw-aff-disabled-box h3 { font-size: 20px; font-weight: 700; color: #191c17; margin-bottom: 8px; }
.iw-aff-disabled-box p  { color: #64695e; margin-bottom: 24px; }

/* ── Cómo funciona ── */
.iw-aff-how-section {
  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
  border: 1px solid #ddd6fe;
  border-radius: 16px;
  padding: 28px 28px 32px;
}
.iw-aff-section-title {
  font-size: 18px;
  font-weight: 700;
  color: #4c1d95;
  margin: 0 0 24px 0;
}
.iw-aff-steps-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 768px) { .iw-aff-steps-grid { grid-template-columns: 1fr; } }
.iw-aff-step {
  background: #fff;
  border-radius: 12px;
  padding: 22px 18px;
  text-align: center;
  position: relative;
  box-shadow: 0 2px 8px rgba(109,40,217,.08);
}
.iw-aff-step-num {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  width: 28px; height: 28px;
  background: linear-gradient(135deg, #7c3aed, #343a2e);
  color: #fff;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}
.iw-aff-step-icon {
  font-size: 28px;
  color: #7c3aed;
  margin: 6px 0 10px;
}
.iw-aff-step h4 { font-size: 14px; font-weight: 700; color: #191c17; margin-bottom: 6px; }
.iw-aff-step p  { font-size: 12.5px; color: #64695e; line-height: 1.55; margin: 0; }

/* ── Stats grid ── */
.iw-aff-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 768px) { .iw-aff-stats-grid { grid-template-columns: 1fr; } }
.iw-aff-stat-card {
  display: flex;
  align-items: center;
  gap: 16px;
  border-radius: 14px;
  padding: 22px 20px;
  border: 1px solid transparent;
}
.iw-aff-stat-blue   { background: #f8faf4; border-color: #e3ebd2; }
.iw-aff-stat-green  { background: #f0fdf4; border-color: #bbf7d0; }
.iw-aff-stat-purple { background: #f5f3ff; border-color: #ddd6fe; }
.iw-aff-stat-icon {
  width: 52px; height: 52px;
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px;
  flex-shrink: 0;
}
.iw-aff-stat-blue   .iw-aff-stat-icon { background: #eff4e5; color: #343a2e; }
.iw-aff-stat-green  .iw-aff-stat-icon { background: #dcfce7; color: #16a34a; }
.iw-aff-stat-purple .iw-aff-stat-icon { background: #ede9fe; color: #7c3aed; }
.iw-aff-stat-value {
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 4px;
  color: #191c17;
}
.iw-aff-stat-label { font-size: 12.5px; font-weight: 600; color: #64695e; }

/* ── Cards generales ── */
.iw-aff-card {
  background: #fff;
  border: 1px solid #edf0e8;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 1px 6px rgba(0,0,0,.04);
}
.iw-aff-card-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 22px;
  border-bottom: 1px solid #f3f5f0;
  background: #fbfcfa;
}
.iw-aff-card-header i { font-size: 16px; color: #859c58; }
.iw-aff-card-header h3 { margin: 0; font-size: 15px; font-weight: 700; color: #191c17; }
.iw-aff-card-body { padding: 22px; }

/* ── Enlace de referido ── */
.iw-aff-link-desc { font-size: 13px; color: #64695e; margin-bottom: 14px; }
.iw-aff-link-row {
  display: flex;
  gap: 8px;
  align-items: stretch;
}
.iw-aff-link-input {
  flex: 1;
  border: 1.5px solid #e9ebe5;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 13px;
  color: #64695e;
  background: #fafbf9;
  outline: none;
  min-width: 0;
}
.iw-aff-copy-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, #859c58, #343a2e);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background .15s;
}
.iw-aff-copy-btn:hover { background: linear-gradient(135deg, #343a2e, #343a2e); }
.iw-aff-copy-feedback {
  display: none;
  align-items: center;
  gap: 7px;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 600;
  color: #343a2e;
}
.iw-aff-copy-feedback.iw-copy-visible { display: flex; }

/* Compartir */
.iw-aff-share-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 16px;
}
.iw-aff-share-label { font-size: 12.5px; font-weight: 600; color: #9ba88a; }
.iw-aff-share-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 13px;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none !important;
  transition: opacity .15s;
}
.iw-aff-share-btn:hover { opacity: .85; }
.iw-aff-share-wa { background: #dcfce7; color: #16a34a; }
.iw-aff-share-fb { background: #eff4e5; color: #343a2e; }
.iw-aff-share-tw { background: #f1f5e9; color: #343a2e; }

/* ── Comisiones ── */
.iw-aff-com-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-bottom: 20px;
}
@media (max-width: 768px) { .iw-aff-com-grid { grid-template-columns: 1fr; } }
.iw-aff-com-card {
  display: flex;
  align-items: center;
  gap: 14px;
  border-radius: 12px;
  padding: 18px 16px;
  border: 1px solid transparent;
}
.iw-aff-com-pending   { background: #fffbeb; border-color: #fde68a; }
.iw-aff-com-available { background: #f0fdf4; border-color: #bbf7d0; }
.iw-aff-com-withdrawn { background: #f8faf4; border-color: #e3ebd2; }
.iw-aff-com-icon {
  width: 42px; height: 42px;
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}
.iw-aff-com-pending   .iw-aff-com-icon { background: #fef3c7; color: #d97706; }
.iw-aff-com-available .iw-aff-com-icon { background: #dcfce7; color: #16a34a; }
.iw-aff-com-withdrawn .iw-aff-com-icon { background: #eff4e5; color: #343a2e; }
.iw-aff-com-label { font-size: 11.5px; font-weight: 600; color: #64695e; margin-bottom: 3px; }
.iw-aff-com-value { font-size: 20px; font-weight: 800; color: #191c17; }

/* Botón retiro */
.iw-aff-withdraw-wrap { text-align: center; padding-top: 4px; }
.iw-aff-withdraw-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #343a2e, #343a2e);
  color: #fff;
  border-radius: 10px;
  padding: 12px 26px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  transition: opacity .15s;
}
.iw-aff-withdraw-btn:hover { opacity: .88; color: #fff !important; }
.iw-aff-withdraw-disabled {
  background: #d8dbd1 !important;
  cursor: not-allowed;
  pointer-events: none;
}
.iw-aff-withdraw-note {
  font-size: 12.5px;
  color: #9ba88a;
  margin: 10px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

/* ── Tabla de referidos ── */
.iw-aff-table-wrap { padding: 16px 22px; }
.iw-aff-table thead th {
  background: #fbfcf8;
  font-size: 12px;
  font-weight: 700;
  color: #64695e;
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: 10px 12px;
  border-bottom: 2px solid #f3f5f0;
}
.iw-aff-table tbody tr:hover td { background: #fbfcf8; }
.iw-aff-table td {
  font-size: 13px;
  color: #64695e;
  padding: 10px 12px;
  vertical-align: middle;
}
.iw-aff-status {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 11.5px;
  font-weight: 700;
  text-transform: capitalize;
}
.iw-aff-status-active, .iw-aff-status-completed { background: #dcfce7; color: #15803d; }
.iw-aff-status-pending                           { background: #fef3c7; color: #b45309; }
.iw-aff-status-cancelled, .iw-aff-status-fraud   { background: #fee2e2; color: #dc2626; }

/* ── Banners ── */
.iw-aff-banners-box {
  background: #fafbf9;
  border: 1px solid #e9ebe5;
  border-radius: 10px;
  padding: 18px;
  overflow-x: auto;
}
.iw-aff-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: linear-gradient(135deg, #7c3aed, #343a2e);
  color: #fff;
  border-radius: 10px;
  padding: 11px 22px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  transition: opacity .15s;
}
.iw-aff-btn-primary:hover { opacity: .88; color: #fff !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   IW PRODUCT DETAIL — Hero V2 (doble altura) + Feature Cards + Hero Buttons
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Hero V2: fondo gradiente, disposición vertical en 3 filas ── */
.theme-client-service-detail-page .iw-service-hero-v2 {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  padding: 22px 20px !important;
  background: linear-gradient(145deg, #191c17 0%, #343a2e 55%, #343a2e 100%) !important;
  border: none !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 24px rgba(52,58,46, .22) !important;
  color: #fff !important;
  min-height: 230px !important;
  position: relative;
  overflow: hidden;
}
.theme-client-service-detail-page .iw-service-hero-v2::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 80% at 110% -10%, rgba(133,156,88,.35) 0%, transparent 60%),
              radial-gradient(ellipse 40% 40% at -10% 110%, rgba(52,58,46,.15) 0%, transparent 60%);
  pointer-events: none;
}

/* ── Fila 1: ícono XL + nombre + badge ── */
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-top {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: nowrap;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-service-icon-wrap-xl {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px;
  border-radius: 14px !important;
  background: rgba(255,255,255,.15) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.25) !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-service-icon-wrap-xl svg {
  width: 28px !important;
  height: 28px !important;
  color: #fff !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-service-name {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #fff !important;
  margin-bottom: 3px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-service-group {
  color: rgba(255,255,255,.6) !important;
  font-size: 12px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-service-domain {
  color: rgba(215,226,191,.9) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  margin-top: 2px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-status-badge {
  margin-left: auto;
  flex-shrink: 0;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 5px 11px !important;
  border-radius: 999px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-status-active  { background: rgba(52,58,46,.25) !important; color: #6ee7b7 !important; border: 1px solid rgba(52,58,46,.4) !important; }
.theme-client-service-detail-page .iw-service-hero-v2 .iw-status-pending  { background: rgba(245,158,11,.25) !important; color: #fcd34d !important; border: 1px solid rgba(245,158,11,.4) !important; }
.theme-client-service-detail-page .iw-service-hero-v2 .iw-status-suspended,
.theme-client-service-detail-page .iw-service-hero-v2 .iw-status-cancelled { background: rgba(239,68,68,.25) !important; color: #fca5a5 !important; border: 1px solid rgba(239,68,68,.4) !important; }

/* ── Fila 2: stats rápidas ── */
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  padding: 9px 8px;
  text-align: center;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-stat svg {
  width: 16px;
  height: 16px;
  color: rgba(255,255,255,.5);
  margin-bottom: 1px;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-stat-label {
  font-size: 10px;
  color: rgba(255,255,255,.5);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  line-height: 1.2;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-stat-val {
  font-size: 12.5px;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-stat--price .iw-hero-stat-val { color: #6ee7b7; }
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-stat--due   .iw-hero-stat-val { color: #fcd34d; }

/* ── Fila 3: botones de acción rápida ── */
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.iw-hero-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 9px;
  font-size: 12.5px;
  font-weight: 700;
  text-decoration: none !important;
  border: none;
  cursor: pointer;
  transition: opacity .15s, transform .1s;
  white-space: nowrap;
  line-height: 1;
}
.iw-hero-btn svg { width: 14px; height: 14px; flex-shrink: 0; }
.iw-hero-btn:hover { opacity: .88; transform: translateY(-1px); }
.iw-hero-btn:active { transform: translateY(0); }

.iw-hero-btn--primary   { background: #fff; color: #343a2e !important; }
.iw-hero-btn--secondary { background: rgba(255,255,255,.15); color: #fff !important; border: 1px solid rgba(255,255,255,.25); }
.iw-hero-btn--success   { background: rgba(52,58,46,.2); color: #6ee7b7 !important; border: 1px solid rgba(52,58,46,.35); }
.iw-hero-btn--ghost     { background: rgba(255,255,255,.08); color: rgba(255,255,255,.85) !important; border: 1px solid rgba(255,255,255,.18); }
.iw-hero-btn--wa        { background: #25d366; color: #fff !important; }
.iw-hero-btn--danger    { background: rgba(239,68,68,.2); color: #fca5a5 !important; border: 1px solid rgba(239,68,68,.35); }
.iw-hero-btn--danger.disabled { opacity: .5; pointer-events: none; }

/* ── Tarjetas de características ── */
.theme-client-service-detail-page .iw-feature-cards {
  margin-top: 14px;
}
.iw-feature-cards-title {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13px !important;
  font-weight: 750 !important;
  color: #64695e;
  margin: 0 0 10px !important;
}
.iw-feature-cards-title svg { width: 15px; height: 15px; color: #64695e; flex-shrink: 0; }

.iw-feature-cards-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.iw-feature-card {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  border: 1px solid #e9ebe5;
  border-radius: 10px;
  padding: 10px 12px;
  transition: box-shadow .15s, border-color .15s;
}
.iw-feature-card:hover { border-color: #e6edd8; box-shadow: 0 2px 8px rgba(133,156,88,.1); }

.iw-feature-card-icon {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.iw-feature-card-icon svg { width: 17px; height: 17px; }

/* Variantes de color */
.iw-fc-blue   { background: #f8faf4; } .iw-fc-blue   svg { color: #343a2e; }
.iw-fc-green  { background: #f0fdf4; } .iw-fc-green  svg { color: #16a34a; }
.iw-fc-purple { background: #f5f3ff; } .iw-fc-purple svg { color: #7c3aed; }
.iw-fc-orange { background: #fff7ed; } .iw-fc-orange svg { color: #ea580c; }
.iw-fc-teal   { background: #f8faf3; } .iw-fc-teal   svg { color: #343a2e; }
.iw-fc-slate  { background: #fbfcf8; } .iw-fc-slate  svg { color: #64695e; }
.iw-fc-pink   { background: #fdf2f8; } .iw-fc-pink   svg { color: #db2777; }
.iw-fc-yellow { background: #fefce8; } .iw-fc-yellow svg { color: #ca8a04; }

.iw-feature-card-body {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.iw-feature-card-name {
  font-size: 11.5px;
  color: #64695e;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.iw-feature-card-val {
  font-size: 13px;
  font-weight: 750;
  color: #191c17;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ── Responsive: móvil ── */
@media (max-width: 680px) {
  .theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-stats {
    grid-template-columns: repeat(2, 1fr);
  }
  .iw-feature-cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .iw-hero-btn { font-size: 12px; padding: 7px 11px; }
}
@media (max-width: 400px) {
  .iw-feature-cards-grid { grid-template-columns: 1fr; }
  .theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-stats { grid-template-columns: repeat(2, 1fr); }
}

/* IW product detail: taller premium service block */
.theme-client-service-detail-page .product-details.simple-detail-products-section > .row {
  align-items: stretch !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 {
  min-height: 420px !important;
  padding: 30px 28px !important;
  gap: 22px !important;
  justify-content: space-between !important;
  background:
    radial-gradient(circle at 9% 14%, rgba(52,58,46, .42) 0 15%, transparent 34%),
    radial-gradient(circle at 92% 12%, rgba(52,58,46, .34) 0 16%, transparent 36%),
    radial-gradient(circle at 82% 86%, rgba(52,58,46, .18) 0 14%, transparent 34%),
    linear-gradient(135deg, #191c17 0%, #191c17 38%, #343a2e 72%, #191c17 100%) !important;
  box-shadow: 0 20px 46px rgba(25,28,23, .24), 0 10px 28px rgba(52,58,46, .22) !important;
}
.theme-client-service-detail-page .iw-service-hero-v2::before {
  background:
    linear-gradient(115deg, rgba(255,255,255,.12), transparent 34%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 1px, transparent 1px 56px) !important;
  opacity: .85;
}
.theme-client-service-detail-page .iw-service-hero-v2::after {
  content: '';
  position: absolute;
  right: -58px;
  bottom: -72px;
  width: 230px;
  height: 230px;
  border: 1px solid rgba(183,229,50, .22);
  border-radius: 999px;
  box-shadow: inset 0 0 0 34px rgba(52,58,46, .08);
  pointer-events: none;
}
.theme-client-service-detail-page .iw-service-hero-v2 > * {
  position: relative;
  z-index: 1;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-top {
  align-items: flex-start;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-service-icon-wrap-xl {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.24), rgba(183,229,50,.14)) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-service-icon-wrap-xl svg {
  width: 34px !important;
  height: 34px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-service-name {
  font-size: 22px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-stats {
  gap: 12px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-stat {
  min-height: 86px;
  justify-content: center;
  background: rgba(255,255,255,.105) !important;
  border-color: rgba(224,233,206,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-actions {
  align-items: center;
  padding-top: 2px;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-btn {
  min-height: 38px;
  padding: 10px 14px;
  border-radius: 10px;
}
.theme-client-service-detail-page .iw-feature-cards {
  margin-top: 16px !important;
}
.theme-client-service-detail-page .iw-feature-cards-title {
  margin-bottom: 12px !important;
}
.theme-client-service-detail-page .iw-feature-card {
  min-height: 58px;
}
.theme-client-service-detail-page .iw-billing-table {
  min-height: 420px !important;
  display: flex;
  flex-direction: column;
}
.theme-client-service-detail-page .iw-billing-table .iw-billing-row {
  flex: 1 1 0;
  min-height: 0 !important;
}

@media (max-width: 991px) {
  .theme-client-service-detail-page .iw-service-hero-v2,
  .theme-client-service-detail-page .iw-billing-table {
    min-height: auto !important;
  }
  .theme-client-service-detail-page .iw-billing-table .iw-billing-row {
    min-height: 50px !important;
  }
}

/* IW product detail: closed card groups and consistent cPanel sizing */
.theme-client-service-detail-page .card.iw-service-card {
  border-color: #ecf0e2 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 10px 30px rgba(25,28,23, .06) !important;
}
.theme-client-service-detail-page .card.iw-service-card > .card-body {
  padding: 18px !important;
}
.theme-client-service-detail-page .iw-feature-cards {
  padding: 16px !important;
  border: 1px solid #e9ebe5 !important;
  border-radius: 14px !important;
  background: #fbfcf8 !important;
}
.theme-client-service-detail-page .iw-feature-cards-grid {
  gap: 10px !important;
}
.theme-client-service-detail-page .iw-feature-card {
  min-height: 64px !important;
  border-color: #ecf0e2 !important;
  border-radius: 11px !important;
  background: #fff !important;
}
.theme-client-service-detail-page .iw-feature-card-icon {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
}
.theme-client-service-detail-page .iw-feature-card-name {
  font-size: 11.8px !important;
}
.theme-client-service-detail-page .iw-feature-card-val {
  font-size: 13.2px !important;
}
.theme-client-service-detail-page #tabOverview > .row {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 410px) !important;
  align-items: start !important;
}
.theme-client-service-detail-page #tabOverview .panel.panel-default.card,
.theme-client-service-detail-page #tabOverview .panel.card,
.theme-client-service-detail-page #tabOverview .form-box,
.theme-client-service-detail-page .module-client-area,
.theme-client-service-detail-page .product-hook-panel > div {
  border: 1px solid #ecf0e2 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(25,28,23, .055) !important;
  overflow: hidden !important;
}
.theme-client-service-detail-page #tabOverview .panel-heading,
.theme-client-service-detail-page #tabOverview .card-header {
  min-height: 46px;
  padding: 12px 14px !important;
  background: #fbfcf8 !important;
}
.theme-client-service-detail-page #tabOverview .panel-body,
.theme-client-service-detail-page #tabOverview .card-body {
  padding: 14px !important;
}
.theme-client-service-detail-page .iw-product-object {
  grid-template-columns: 104px minmax(0, 1fr) !important;
  gap: 18px !important;
  min-height: 134px !important;
  padding: 18px !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(52,58,46,.22), transparent 34%),
    linear-gradient(135deg, #191c17 0%, #191c17 58%, #191c17 100%) !important;
}
.theme-client-service-detail-page .iw-product-object-art {
  width: 92px !important;
  height: 92px !important;
  border-radius: 13px !important;
}
.theme-client-service-detail-page .iw-product-object-copy strong {
  font-size: 18px !important;
  line-height: 1.2 !important;
}
.theme-client-service-detail-page .iw-product-object-copy small {
  line-height: 1.35 !important;
}
.theme-client-service-detail-page .cpanel-feature-row {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 9px !important;
}
.theme-client-service-detail-page .cpanel-feature-row a {
  min-height: 94px !important;
  padding: 11px 8px !important;
  border-color: #ecf0e2 !important;
  border-radius: 11px !important;
  background: #fff !important;
  font-size: 11.2px !important;
}
.theme-client-service-detail-page .iw-cpanel-shortcut-icon {
  width: 34px !important;
  height: 34px !important;
  margin-bottom: 7px !important;
  border-radius: 10px !important;
}
.theme-client-service-detail-page #cPanelUsagePanel .cpanel-usage-stats > .row {
  gap: 10px !important;
}
.theme-client-service-detail-page #cPanelUsagePanel .cpanel-usage-stats > .row > [class*="col-"],
.theme-client-service-detail-page #cPanelBillingOverviewPanel .panel-body .row .row {
  border-radius: 11px !important;
  background: #fbfcf8 !important;
}
.theme-client-service-detail-page #cPanelQuickEmailPanel form > .row {
  padding: 12px !important;
  border: 1px solid #e9ebe5 !important;
  border-radius: 12px !important;
  background: #fbfcf8 !important;
}
.theme-client-service-detail-page .product-details-tab-container {
  background: #fff !important;
}

@media (max-width: 1200px) {
  .theme-client-service-detail-page .cpanel-feature-row {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 900px) {
  .theme-client-service-detail-page #tabOverview > .row {
    grid-template-columns: 1fr !important;
  }
  .theme-client-service-detail-page .cpanel-feature-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 680px) {
  .theme-client-service-detail-page .card.iw-service-card > .card-body {
    padding: 12px !important;
  }
  .theme-client-service-detail-page .iw-feature-cards-grid,
  .theme-client-service-detail-page .cpanel-feature-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .theme-client-service-detail-page .iw-product-object {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 420px) {
  .theme-client-service-detail-page .iw-feature-cards-grid,
  .theme-client-service-detail-page .cpanel-feature-row {
    grid-template-columns: 1fr !important;
  }
}

/* IW product detail: unified tall hosting/service header for every product id */
.theme-client-service-detail-page .iw-service-hero-v2,
.theme-client-service-detail-page .product-status-active.iw-service-hero-v2,
.theme-client-service-detail-page .product-status-suspended.iw-service-hero-v2,
.theme-client-service-detail-page .product-status-pending.iw-service-hero-v2 {
  min-height: 460px !important;
}
.theme-client-service-detail-page .iw-billing-table {
  min-height: 460px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-stats {
  margin-top: auto;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-actions {
  margin-top: 0;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-btn {
  justify-content: center;
}
@media (max-width: 991px) {
  .theme-client-service-detail-page .iw-service-hero-v2,
  .theme-client-service-detail-page .product-status-active.iw-service-hero-v2,
  .theme-client-service-detail-page .product-status-suspended.iw-service-hero-v2,
  .theme-client-service-detail-page .product-status-pending.iw-service-hero-v2,
  .theme-client-service-detail-page .iw-billing-table {
    min-height: auto !important;
  }
}

/* IW product detail: compact pass for all products */
.theme-client-service-detail-page .product-details.simple-detail-products-section > .row {
  gap: 14px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2,
.theme-client-service-detail-page .product-status-active.iw-service-hero-v2,
.theme-client-service-detail-page .product-status-suspended.iw-service-hero-v2,
.theme-client-service-detail-page .product-status-pending.iw-service-hero-v2 {
  min-height: 330px !important;
  padding: 22px 22px !important;
  gap: 14px !important;
  justify-content: flex-start !important;
}
.theme-client-service-detail-page .iw-billing-table {
  min-height: 330px !important;
}
.theme-client-service-detail-page .iw-billing-table .iw-billing-row {
  min-height: 44px !important;
  padding: 9px 14px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-stats {
  margin-top: 4px !important;
  gap: 8px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-stat {
  min-height: 68px !important;
  padding: 8px 7px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-stat svg {
  width: 14px !important;
  height: 14px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-stat-label {
  font-size: 9.5px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-stat-val {
  font-size: 12px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-actions {
  gap: 7px !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-btn {
  min-height: 34px !important;
  padding: 8px 11px !important;
  font-size: 12px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-service-icon-wrap-xl {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  border-radius: 15px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-service-icon-wrap-xl svg {
  width: 28px !important;
  height: 28px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-service-name {
  font-size: 18px !important;
}
.theme-client-service-detail-page .iw-feature-cards {
  margin-top: 12px !important;
  padding: 12px !important;
}
.theme-client-service-detail-page .iw-feature-cards-title {
  margin-bottom: 9px !important;
  font-size: 12.5px !important;
}
.theme-client-service-detail-page .iw-feature-cards-grid {
  gap: 8px !important;
}
.theme-client-service-detail-page .iw-feature-card {
  min-height: 52px !important;
  padding: 8px 10px !important;
  gap: 8px !important;
}
.theme-client-service-detail-page .iw-feature-card-icon {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 8px !important;
}
.theme-client-service-detail-page .iw-feature-card-name {
  font-size: 11px !important;
}
.theme-client-service-detail-page .iw-feature-card-val {
  font-size: 12.2px !important;
}
.theme-client-service-detail-page .card.iw-service-card > .card-body {
  padding: 14px !important;
}
.theme-client-service-detail-page #tabOverview .panel-heading,
.theme-client-service-detail-page #tabOverview .card-header {
  min-height: 40px !important;
  padding: 9px 12px !important;
}
.theme-client-service-detail-page #tabOverview .panel-body,
.theme-client-service-detail-page #tabOverview .card-body {
  padding: 11px !important;
}
.theme-client-service-detail-page .iw-product-object {
  grid-template-columns: 82px minmax(0, 1fr) !important;
  min-height: 108px !important;
  gap: 14px !important;
  padding: 14px !important;
}
.theme-client-service-detail-page .iw-product-object-art {
  width: 74px !important;
  height: 74px !important;
}
.theme-client-service-detail-page .iw-product-object-copy strong {
  font-size: 16px !important;
}
.theme-client-service-detail-page .cpanel-feature-row {
  gap: 7px !important;
}
.theme-client-service-detail-page .cpanel-feature-row a {
  min-height: 78px !important;
  padding: 8px 6px !important;
  font-size: 10.8px !important;
}
.theme-client-service-detail-page .iw-cpanel-shortcut-icon {
  width: 30px !important;
  height: 30px !important;
  margin-bottom: 5px !important;
}
.theme-client-service-detail-page #cPanelQuickEmailPanel form > .row {
  padding: 10px !important;
}

@media (max-width: 991px) {
  .theme-client-service-detail-page .iw-service-hero-v2,
  .theme-client-service-detail-page .product-status-active.iw-service-hero-v2,
  .theme-client-service-detail-page .product-status-suspended.iw-service-hero-v2,
  .theme-client-service-detail-page .product-status-pending.iw-service-hero-v2,
  .theme-client-service-detail-page .iw-billing-table {
    min-height: auto !important;
  }
}

/* IW product detail: final large-model override for every product card */
.theme-client-service-detail-page .product-details.simple-detail-products-section > .row {
  gap: 20px !important;
  align-items: stretch !important;
}
.theme-client-service-detail-page .product-detail-left-column,
.theme-client-service-detail-page .product-detail-right-column {
  display: flex;
  flex-direction: column;
}
.theme-client-service-detail-page .iw-service-hero-v2,
.theme-client-service-detail-page .product-status-active.iw-service-hero-v2,
.theme-client-service-detail-page .product-status-suspended.iw-service-hero-v2,
.theme-client-service-detail-page .product-status-pending.iw-service-hero-v2,
.theme-client-service-detail-page .product-status-cancelled.iw-service-hero-v2,
.theme-client-service-detail-page .product-status-terminated.iw-service-hero-v2 {
  min-height: 460px !important;
  padding: 30px 28px !important;
  gap: 22px !important;
  justify-content: space-between !important;
}
.theme-client-service-detail-page .iw-billing-table {
  min-height: 460px !important;
}
.theme-client-service-detail-page .iw-billing-table .iw-billing-row {
  flex: 1 1 0 !important;
  min-height: 58px !important;
  padding: 13px 16px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-service-icon-wrap-xl {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  border-radius: 18px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-service-icon-wrap-xl svg {
  width: 34px !important;
  height: 34px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-service-name {
  font-size: 22px !important;
  line-height: 1.18 !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-stats {
  margin-top: auto !important;
  gap: 12px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-stat {
  min-height: 86px !important;
  padding: 11px 9px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-stat-label {
  font-size: 10.5px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-stat-val {
  font-size: 13px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-actions {
  gap: 9px !important;
  margin-top: 0 !important;
  padding-top: 2px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2 .iw-hero-btn {
  min-height: 38px !important;
  padding: 10px 14px !important;
  font-size: 12.5px !important;
  justify-content: center !important;
}
.theme-client-service-detail-page .card.iw-service-card > .card-body {
  padding: 18px !important;
}
.theme-client-service-detail-page .iw-feature-cards {
  margin-top: 16px !important;
  padding: 16px !important;
}
.theme-client-service-detail-page .iw-feature-cards-title {
  margin-bottom: 12px !important;
  font-size: 13px !important;
}
.theme-client-service-detail-page .iw-feature-cards-grid {
  gap: 10px !important;
}
.theme-client-service-detail-page .iw-feature-card {
  min-height: 64px !important;
  padding: 10px 12px !important;
  gap: 10px !important;
}
.theme-client-service-detail-page .iw-feature-card-icon {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 11px !important;
}
.theme-client-service-detail-page .iw-feature-card-name {
  font-size: 11.8px !important;
}
.theme-client-service-detail-page .iw-feature-card-val {
  font-size: 13.2px !important;
}
.theme-client-service-detail-page #tabOverview .panel-heading,
.theme-client-service-detail-page #tabOverview .card-header {
  min-height: 46px !important;
  padding: 12px 14px !important;
}
.theme-client-service-detail-page #tabOverview .panel-body,
.theme-client-service-detail-page #tabOverview .card-body {
  padding: 14px !important;
}
.theme-client-service-detail-page .iw-product-object {
  grid-template-columns: 104px minmax(0, 1fr) !important;
  gap: 18px !important;
  min-height: 134px !important;
  padding: 18px !important;
}
.theme-client-service-detail-page .iw-product-object-art {
  width: 92px !important;
  height: 92px !important;
}
.theme-client-service-detail-page .iw-product-object-copy strong {
  font-size: 18px !important;
}
.theme-client-service-detail-page .cpanel-feature-row {
  gap: 9px !important;
}
.theme-client-service-detail-page .cpanel-feature-row a {
  min-height: 94px !important;
  padding: 11px 8px !important;
  font-size: 11.2px !important;
}
.theme-client-service-detail-page .iw-cpanel-shortcut-icon {
  width: 34px !important;
  height: 34px !important;
  margin-bottom: 7px !important;
}
.theme-client-service-detail-page #cPanelQuickEmailPanel form > .row {
  padding: 12px !important;
}

@media (max-width: 991px) {
  .theme-client-service-detail-page .product-details.simple-detail-products-section > .row {
    gap: 14px !important;
  }
  .theme-client-service-detail-page .iw-service-hero-v2,
  .theme-client-service-detail-page .product-status-active.iw-service-hero-v2,
  .theme-client-service-detail-page .product-status-suspended.iw-service-hero-v2,
  .theme-client-service-detail-page .product-status-pending.iw-service-hero-v2,
  .theme-client-service-detail-page .product-status-cancelled.iw-service-hero-v2,
  .theme-client-service-detail-page .product-status-terminated.iw-service-hero-v2,
  .theme-client-service-detail-page .iw-billing-table {
    min-height: auto !important;
  }
  .theme-client-service-detail-page .iw-service-hero-v2 {
    padding: 22px !important;
  }
  .theme-client-service-detail-page .iw-billing-table .iw-billing-row {
    min-height: 50px !important;
  }
}

/* IW product detail: shorter dark hero for selected services */
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-id-1598,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-1598,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-2038,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-compact {
  min-height: 320px !important;
  height: auto !important;
  max-height: none !important;
  padding: 28px 24px !important;
  gap: 18px !important;
  justify-content: space-between !important;
}
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-id-1598 .iw-hero-top,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-1598 .iw-hero-top,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-2038 .iw-hero-top,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-compact .iw-hero-top {
  gap: 12px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-id-1598 .iw-service-icon-wrap-xl,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-1598 .iw-service-icon-wrap-xl,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-2038 .iw-service-icon-wrap-xl,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-compact .iw-service-icon-wrap-xl {
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  border-radius: 18px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-id-1598 .iw-service-icon-wrap-xl svg,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-1598 .iw-service-icon-wrap-xl svg,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-2038 .iw-service-icon-wrap-xl svg,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-compact .iw-service-icon-wrap-xl svg {
  width: 32px !important;
  height: 32px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-id-1598 .iw-service-name,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-1598 .iw-service-name,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-2038 .iw-service-name,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-compact .iw-service-name {
  font-size: 21px !important;
  line-height: 1.18 !important;
}
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-id-1598 .iw-service-group,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-id-1598 .iw-service-domain,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-1598 .iw-service-group,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-1598 .iw-service-domain,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-2038 .iw-service-group,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-2038 .iw-service-domain,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-compact .iw-service-group,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-compact .iw-service-domain {
  margin-top: 2px !important;
  font-size: 11px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-id-1598 .iw-hero-stats,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-1598 .iw-hero-stats,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-2038 .iw-hero-stats,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-compact .iw-hero-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin-top: auto !important;
  gap: 10px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-id-1598 .iw-hero-stat,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-1598 .iw-hero-stat,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-2038 .iw-hero-stat,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-compact .iw-hero-stat {
  min-height: 78px !important;
  padding: 10px 8px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-id-1598 .iw-hero-stat svg,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-1598 .iw-hero-stat svg,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-2038 .iw-hero-stat svg,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-compact .iw-hero-stat svg {
  width: 14px !important;
  height: 14px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-id-1598 .iw-hero-stat-label,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-1598 .iw-hero-stat-label,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-2038 .iw-hero-stat-label,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-compact .iw-hero-stat-label {
  font-size: 10px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-id-1598 .iw-hero-stat-val,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-1598 .iw-hero-stat-val,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-2038 .iw-hero-stat-val,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-compact .iw-hero-stat-val {
  font-size: 11px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-id-1598 .iw-hero-actions,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-1598 .iw-hero-actions,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-2038 .iw-hero-actions,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-compact .iw-hero-actions {
  gap: 9px !important;
  padding-top: 2px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-id-1598 .iw-hero-btn,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-1598 .iw-hero-btn,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-2038 .iw-hero-btn,
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-compact .iw-hero-btn {
  min-height: 38px !important;
  padding: 10px 14px !important;
  font-size: 12.5px !important;
  border-radius: 8px !important;
}

/* IW hosting product object: tall light-blue card */
.theme-client-service-detail-page .iw-product-object.iw-product-object-hosting {
  min-height: 340px !important;
  align-items: center !important;
  grid-template-columns: minmax(116px, 148px) minmax(0, 1fr) !important;
  padding: 28px !important;
  border: 1px solid rgba(133,156,88, .55) !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255, .72), transparent 24%),
    radial-gradient(circle at 88% 12%, rgba(224,233,206, .78), transparent 34%),
    linear-gradient(135deg, #f8faf4 0%, #eff4e5 42%, #e3ebd2 100%) !important;
  box-shadow: 0 18px 38px rgba(52,58,46, .16) !important;
  color: #191c17 !important;
}
.theme-client-service-detail-page .iw-product-object.iw-product-object-hosting::after {
  background: linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,0)) !important;
}
.theme-client-service-detail-page .iw-product-object.iw-product-object-hosting .iw-product-object-art {
  width: 126px !important;
  height: 126px !important;
  border: 1px solid rgba(133,156,88, .45) !important;
  background: linear-gradient(145deg, #ffffff 0%, #f1f5e9 100%) !important;
  box-shadow: 0 18px 30px rgba(52,58,46, .18) !important;
}
.theme-client-service-detail-page .iw-product-object.iw-product-object-hosting .iw-server-cube span {
  background: linear-gradient(135deg, #343a2e, #b7e532) !important;
  border-color: rgba(255,255,255, .8) !important;
}
.theme-client-service-detail-page .iw-product-object.iw-product-object-hosting .iw-product-object-kicker {
  color: #343a2e !important;
  background: rgba(255,255,255, .68) !important;
  border-color: rgba(133,156,88, .34) !important;
}
.theme-client-service-detail-page .iw-product-object.iw-product-object-hosting .iw-product-object-copy strong {
  color: #191c17 !important;
  font-size: 24px !important;
}
.theme-client-service-detail-page .iw-product-object.iw-product-object-hosting .iw-product-object-copy small {
  color: #64695e !important;
  font-size: 14px !important;
}
.theme-client-service-detail-page .iw-service-hero-v2.iw-service-hero-url-2038 {
  min-height: 340px !important;
}
@media (max-width: 680px) {
  .theme-client-service-detail-page .iw-product-object.iw-product-object-hosting {
    min-height: 340px !important;
    grid-template-columns: 1fr !important;
    padding: 22px !important;
  }
}

/* IW product flyer: compact unified card for package/domain panel */
.theme-client-service-detail-page #cPanelPackagePanel .panel-body,
.theme-client-service-detail-page #cPanelPackagePanel .card-body {
  padding: 12px !important;
}
.theme-client-service-detail-page .iw-product-object.iw-product-flyer,
.theme-client-service-detail-page .iw-product-object.iw-product-flyer.iw-product-object-hosting {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 12px !important;
  border: 1px solid #eff4e5 !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #ffffff 0%, #fcfdfa 48%, #f8faf3 100%) !important;
  box-shadow: 0 10px 22px rgba(25,28,23, .07) !important;
  color: #191c17 !important;
}
.theme-client-service-detail-page .iw-product-object.iw-product-flyer::after {
  content: "" !important;
  position: absolute !important;
  inset: auto -28px -38px auto !important;
  width: 102px !important;
  height: 102px !important;
  border: 18px solid rgba(52,58,46, .08) !important;
  border-radius: 999px !important;
  background: transparent !important;
  pointer-events: none !important;
}
.theme-client-service-detail-page .iw-product-object.iw-product-flyer .iw-product-object-art,
.theme-client-service-detail-page .iw-product-object.iw-product-flyer.iw-product-object-hosting .iw-product-object-art {
  width: 58px !important;
  height: 58px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(52,58,46, .18) !important;
  background: linear-gradient(145deg, #f8faf4 0%, #ffffff 100%) !important;
  box-shadow: none !important;
}
.theme-client-service-detail-page .iw-product-object.iw-product-flyer .iw-server-cube {
  width: 34px !important;
  height: 30px !important;
  gap: 4px !important;
}
.theme-client-service-detail-page .iw-product-object.iw-product-flyer .iw-server-cube span,
.theme-client-service-detail-page .iw-product-object.iw-product-flyer.iw-product-object-hosting .iw-server-cube span {
  height: 7px !important;
  border-radius: 3px !important;
  background: linear-gradient(135deg, #343a2e, #343a2e) !important;
  box-shadow: inset 14px 0 0 rgba(255,255,255, .18) !important;
}
.theme-client-service-detail-page .iw-product-object.iw-product-flyer .iw-server-cube span::after {
  width: 4px !important;
  height: 4px !important;
  right: 5px !important;
  background: #22c55e !important;
}
.theme-client-service-detail-page .iw-product-object.iw-product-flyer .iw-product-object-copy {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 5px 10px !important;
  align-items: center !important;
}
.theme-client-service-detail-page .iw-product-object.iw-product-flyer .iw-product-object-kicker,
.theme-client-service-detail-page .iw-product-object.iw-product-flyer.iw-product-object-hosting .iw-product-object-kicker {
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 3px 7px !important;
  border: 1px solid rgba(52,58,46, .16) !important;
  border-radius: 999px !important;
  background: #f8faf4 !important;
  color: #343a2e !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}
.theme-client-service-detail-page .iw-product-object.iw-product-flyer .iw-product-object-copy strong,
.theme-client-service-detail-page .iw-product-object.iw-product-flyer.iw-product-object-hosting .iw-product-object-copy strong {
  grid-column: 1 / -1 !important;
  color: #191c17 !important;
  font-size: 16px !important;
  line-height: 1.18 !important;
  font-weight: 850 !important;
  overflow-wrap: anywhere !important;
}
.theme-client-service-detail-page .iw-product-object.iw-product-flyer .iw-product-object-copy small,
.theme-client-service-detail-page .iw-product-object.iw-product-flyer.iw-product-object-hosting .iw-product-object-copy small {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  color: #64695e !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 650 !important;
  overflow-wrap: anywhere !important;
}
.theme-client-service-detail-page .iw-product-object-meta {
  grid-column: 1 / 2;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}
.theme-client-service-detail-page .iw-product-object-meta span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  padding: 5px 7px;
  border: 1px solid #ecf0e2;
  border-radius: 8px;
  background: rgba(255,255,255, .72);
  color: #64695e;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.15;
  overflow-wrap: anywhere;
}
.theme-client-service-detail-page .iw-product-object-meta b {
  color: #64695e;
  font-size: 9px;
  font-weight: 850;
  line-height: 1;
  text-transform: uppercase;
}
.theme-client-service-detail-page .iw-product-object-action {
  grid-column: 2 / 3;
  align-self: end;
  justify-self: end;
  padding: 8px 10px;
  border-radius: 8px;
  background: #191c17;
  color: #fff !important;
  font-size: 11.5px;
  font-weight: 850;
  line-height: 1;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: 0 8px 16px rgba(25,28,23, .14);
}
.theme-client-service-detail-page .iw-product-object-action:hover,
.theme-client-service-detail-page .iw-product-object-action:focus {
  background: #343a2e;
  color: #fff !important;
}
@media (max-width: 560px) {
  .theme-client-service-detail-page .iw-product-object.iw-product-flyer,
  .theme-client-service-detail-page .iw-product-object.iw-product-flyer.iw-product-object-hosting {
    grid-template-columns: 50px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 10px !important;
  }
  .theme-client-service-detail-page .iw-product-object.iw-product-flyer .iw-product-object-art,
  .theme-client-service-detail-page .iw-product-object.iw-product-flyer.iw-product-object-hosting .iw-product-object-art {
    width: 50px !important;
    height: 50px !important;
  }
  .theme-client-service-detail-page .iw-product-object.iw-product-flyer .iw-product-object-copy {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .theme-client-service-detail-page .iw-product-object-meta,
  .theme-client-service-detail-page .iw-product-object-action {
    grid-column: 1 / -1;
    justify-self: start;
  }
}

/* IW final override - cPanel product email panel */
.theme-client-service-detail-page #cPanelWordPress {
  display: none !important;
}

.theme-client-service-detail-page .product-hook-panel .iw-em-panel,
.theme-client-service-detail-page #iwEmailPanel.iw-em-panel-dark {
  min-height: 720px !important;
  background: #191c17 !important;
  border: 1px solid rgba(155,168,138, .28) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 70px rgba(25,28,23, .28) !important;
  color: #f1f5e8 !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-header {
  background: #191c17 !important;
  border-bottom: 1px solid rgba(155,168,138, .22) !important;
  padding: 18px 22px !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-header-title {
  color: #fbfcf8 !important;
  font-size: 18px !important;
  font-weight: 850 !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-header-badge {
  background: rgba(52,58,46, .24) !important;
  color: #e3ebd2 !important;
  border: 1px solid rgba(133,156,88, .32) !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-create {
  padding: 20px 22px !important;
  border-bottom: 1px solid rgba(155,168,138, .18) !important;
  background: #191c17 !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-create-grid {
  display: grid !important;
  grid-template-columns: minmax(240px, 1.5fr) minmax(180px, 1fr) 100px 150px !important;
  gap: 12px !important;
  align-items: end !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  margin: 0 !important;
  color: #dae1cb !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-field input,
.theme-client-service-detail-page #iwEmailPanel .iw-em-mail-input {
  min-height: 42px !important;
  background: #191c17 !important;
  border: 1px solid rgba(155,168,138, .32) !important;
  border-radius: 10px !important;
  color: #fbfcf8 !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-field input {
  width: 100% !important;
  padding: 10px 12px !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-mail-input {
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-mail-input input {
  border: 0 !important;
  border-radius: 0 !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-mail-input b {
  padding: 0 12px !important;
  color: #859c58 !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-create-btn {
  min-height: 42px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #343a2e !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-create-msg {
  margin-top: 12px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-table-scroll {
  min-height: 520px !important;
  background: #191c17 !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-table {
  min-width: 760px !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-th {
  background: #191c17 !important;
  border-bottom: 1px solid rgba(155,168,138, .18) !important;
  color: #9ba88a !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-row {
  border-bottom: 1px solid rgba(155,168,138, .14) !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-row:hover {
  background: rgba(52,58,46, .09) !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-td,
.theme-client-service-detail-page #iwEmailPanel .iw-em-cell-num {
  color: #dae1cb !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-addr-text {
  color: #fbfcf8 !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-unlimited {
  color: #859c58 !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-webmail {
  background: rgba(52,58,46, .20) !important;
  border-color: rgba(133,156,88, .34) !important;
  color: #e3ebd2 !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-passwd-btn {
  background: rgba(25,28,23, .92) !important;
  border-color: rgba(155,168,138, .34) !important;
  color: #ecf0e2 !important;
}

.theme-client-service-detail-page #iwEmailPanel .iw-em-delete-btn {
  background: rgba(127,29,29, .45) !important;
  border-color: rgba(248,113,113, .34) !important;
  color: #fecaca !important;
  margin-left: 6px !important;
}

@media (max-width: 900px) {
  .theme-client-service-detail-page #iwEmailPanel.iw-em-panel-dark {
    min-height: 620px !important;
  }
  .theme-client-service-detail-page #iwEmailPanel .iw-em-create-grid {
    grid-template-columns: 1fr !important;
  }
}

/* IW final override - unified client services cards and actions */
.iw-client-quickbar {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 16px 0 22px !important;
}

.iw-client-quicklink {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 12px !important;
  min-height: 76px !important;
  padding: 14px 16px !important;
  border: 1px solid #e9ebe5 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #191c17 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(25,28,23, .05) !important;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease !important;
}

.iw-client-quicklink:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 44px rgba(25,28,23, .10) !important;
  text-decoration: none !important;
}

.iw-client-quicklink span {
  grid-row: span 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  color: #fff !important;
}

.iw-client-quicklink strong {
  display: block !important;
  color: #191c17 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

.iw-client-quicklink small {
  display: block !important;
  color: #64695e !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
}

.iw-client-quicklink-orange span { background: #ff6c2c !important; }
.iw-client-quicklink-purple span { background: #6d28d9 !important; }
.iw-client-quicklink-green span { background: #343a2e !important; }
.iw-client-quicklink-blue span { background: #343a2e !important; }
.iw-client-quicklink-orange:hover { border-color: rgba(255,108,44, .38) !important; background: #fff7ed !important; }
.iw-client-quicklink-purple:hover { border-color: rgba(109,40,217, .32) !important; background: #faf5ff !important; }
.iw-client-quicklink-green:hover { border-color: rgba(52,58,46, .28) !important; background: #ecfdf5 !important; }
.iw-client-quicklink-blue:hover { border-color: rgba(52,58,46, .28) !important; background: #f8faf4 !important; }

.iw-services-table,
#tableServicesList {
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
  background: transparent !important;
}

.iw-services-table thead tr,
#tableServicesList thead tr {
  background: transparent !important;
}

.iw-services-table tbody tr,
#tableServicesList tbody tr.service-table-tr {
  position: relative !important;
  background: #fff !important;
  /*box-shadow: 0 8px 26px rgba(25,28,23, .055) !important;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease !important;*/
}

.iw-services-table tbody tr::before,
#tableServicesList tbody tr.service-table-tr::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 4px !important;
  background: #343a2e !important;
  border-radius: 14px 0 0 14px !important;
  opacity: .72 !important;
}

.iw-services-table tbody tr:hover,
#tableServicesList tbody tr.service-table-tr:hover {
  background: #fff7ed !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 48px rgba(25,28,23, .12) !important;
}

.iw-services-table tbody tr:hover::before,
#tableServicesList tbody tr.service-table-tr:hover::before {
  background: #ff6c2c !important;
  opacity: 1 !important;
}

.iw-services-table tbody tr:nth-child(3n+2):hover,
#tableServicesList tbody tr.service-table-tr:nth-child(3n+2):hover {
  background: #faf5ff !important;
}

.iw-services-table tbody tr:nth-child(3n+2):hover::before,
#tableServicesList tbody tr.service-table-tr:nth-child(3n+2):hover::before {
  background: #6d28d9 !important;
}

.iw-services-table tbody tr:nth-child(3n+3):hover,
#tableServicesList tbody tr.service-table-tr:nth-child(3n+3):hover {
  background: #f8faf4 !important;
}

.iw-services-table tbody tr:nth-child(3n+3):hover::before,
#tableServicesList tbody tr.service-table-tr:nth-child(3n+3):hover::before {
  background: #343a2e !important;
}

.iw-services-table tbody td,
#tableServicesList tbody tr.service-table-tr td {
  /*border-top: 1px solid #f4f7ee !important;
  border-bottom: 1px solid #f4f7ee !important;*/
  background: transparent !important;
  vertical-align: middle !important;
}

.iw-services-table tbody td:first-child,
#tableServicesList tbody tr.service-table-tr td:first-child {
  /*border-left: 1px solid #f4f7ee !important;
  border-radius: 12px 0 0 12px !important;*/
}

.iw-services-table tbody td:last-child,
#tableServicesList tbody tr.service-table-tr td:last-child {
  /*border-right: 1px solid #f4f7ee !important;
  border-radius: 0 12px 12px 0 !important;*/
}
 
#tableServicesList .iw-service-leading {
  width: 18px !important;
  min-width: 18px !important;
  padding: 0 !important;
}

#tableServicesList .product-with-domain a,
#tableServicesList .nodomain-product-name,
.iw-svc-name {
  color: #191c17 !important;
  font-size: 13.5px !important;
  font-weight: 850 !important;
}

#tableServicesList .domain-product-name,
.iw-svc-domain {
  color: #64695e !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

.iw-service-actions-td {
  min-width: 520px !important;
}

.iw-service-list-actions,
.iw-svc-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
}

.iw-svc-btn,
.theme-client-service-page .iw-svc-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 30px !important;
  padding: 7px 11px !important;
  border-radius: 8px !important;
  border: 0 !important;
  color: #fff !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(25,28,23, .10) !important;
  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease !important;
}

.iw-svc-btn:hover,
.theme-client-service-page .iw-svc-btn:hover {
  color: #fff !important;
  filter: brightness(1.04) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 24px rgba(25,28,23, .15) !important;
}

.iw-svc-btn-cpanel,
.iw-svc-btn-whm {
  background: #ff6c2c !important;
}

.iw-svc-btn-webmail {
  background: #6d28d9 !important;
}

.iw-svc-btn-admin {
  background: #191c17 !important;
}

.iw-svc-access-note {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 30px !important;
  padding: 7px 11px !important;
  border-radius: 8px !important;
  background: #f6f9f1 !important;
  border: 1px solid #e8eedb !important;
  color: #64695e !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.iw-svc-access-note i {
  color: #343a2e !important;
}

.iw-service-native-actions {
  display: none !important;
}

.iw-service-ssl-small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  margin-left: 2px !important;
  border-radius: 999px !important;
  background: #fbfcf8 !important;
  border: 1px solid #ecf0e2 !important;
  flex: 0 0 24px !important;
}

.iw-service-ssl-small img,
#tableServicesList .iw-service-ssl-small img,
#tableServicesList td.ssl-info img {
  width: 15px !important;
  height: 15px !important;
  max-width: 15px !important;
  object-fit: contain !important;
}

@media (max-width: 1100px) {
  .iw-client-quickbar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .iw-service-actions-td {
    min-width: 260px !important;
  }
}

@media (max-width: 700px) {
  .iw-client-quickbar {
    grid-template-columns: 1fr !important;
  }
  #tableServicesList,
  .iw-services-table {
    border-spacing: 0 8px !important;
  }
  .iw-service-list-actions,
  .iw-svc-actions {
    justify-content: flex-start !important;
  }
  .iw-service-actions-td {
    min-width: 0 !important;
  }
}

/* IW clientarea top search - compact with large visual object */
.iw-dh2 {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) 110px !important;
  align-items: center !important;
  min-height: 218px !important;
  padding: 22px 28px !important;
  margin: 0 0 16px !important;
  gap: 22px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255, .18), transparent 26%),
    linear-gradient(135deg, #191c17 0%, #343a2e 58%, #343a2e 100%) !important;
}

.iw-dh2-content {
  max-width: 720px !important;
}

.iw-dh2-badge {
  margin-bottom: 8px !important;
}

.iw-dh2-title {
  max-width: 640px !important;
  font-size: 22px !important;
}

.iw-dh2-sub {
  margin-bottom: 13px !important;
}

.iw-dh2-form {
  max-width: 680px !important;
}

.iw-dh2-chips {
  margin-top: 8px !important;
}

.iw-dh2-object {
  position: relative !important;
  z-index: 1 !important;
  width: 220px !important;
  height: 174px !important;
}

.iw-dh2-object-card {
  position: absolute !important;
  left: 6px !important;
  top: 10px !important;
  width: 178px !important;
  min-height: 138px !important;
  border: 1px solid rgba(255,255,255, .24) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background: rgba(255,255,255, .95) !important;
  box-shadow: 0 24px 60px rgba(25,28,23, .24) !important;
  transform: rotate(-4deg) !important;
}

.iw-dh2-object-top {
  display: flex !important;
  gap: 6px !important;
  padding: 12px 14px !important;
  background: #fbfcf8 !important;
  border-bottom: 1px solid #ecf0e2 !important;
}

.iw-dh2-object-top span {
  width: 9px !important;
  height: 9px !important;
  border-radius: 999px !important;
}

.iw-dh2-object-top span:nth-child(1) { background: #fb7185 !important; }
.iw-dh2-object-top span:nth-child(2) { background: #f97316 !important; }
.iw-dh2-object-top span:nth-child(3) { background: #22c55e !important; }

.iw-dh2-object-screen {
  display: grid !important;
  gap: 9px !important;
  padding: 18px 16px 14px !important;
}

.iw-dh2-object-row {
  height: 10px !important;
  border-radius: 999px !important;
  background: #e3ebd2 !important;
}

.iw-dh2-object-row.strong {
  width: 78% !important;
  height: 28px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #ff6c2c, #f97316) !important;
}

.iw-dh2-object-row.short {
  width: 54% !important;
  background: #c4b5fd !important;
}

.iw-dh2-object-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 14px 14px !important;
  padding: 8px 10px !important;
  border-radius: 999px !important;
  background: #191c17 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.iw-dh2-object-badge i {
  color: #b7e532 !important;
}

.iw-dh2-object-chip {
  position: absolute !important;
  z-index: 2 !important;
  display: grid !important;
  place-items: center !important;
  width: 56px !important;
  height: 56px !important;
  border: 1px solid rgba(255,255,255, .32) !important;
  border-radius: 18px !important;
  color: #fff !important;
  box-shadow: 0 18px 40px rgba(25,28,23, .24) !important;
  animation: iwTopObjectFloat 4.8s ease-in-out infinite !important;
}

.iw-dh2-object-chip.chip-a {
  right: 8px !important;
  top: 20px !important;
  background: #ff6c2c !important;
}

.iw-dh2-object-chip.chip-b {
  right: 26px !important;
  bottom: 10px !important;
  background: #6d28d9 !important;
  animation-delay: .45s !important;
}

.iw-dh2-object-chip i {
  font-size: 21px !important;
}

@keyframes iwTopObjectFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-9px); }
}

.iw-dh2-globe {
  width: 104px !important;
  height: 104px !important;
  opacity: .42 !important;
}

.iw-home-header {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  padding-top: 0 !important;
}

@media (max-width: 1180px) {
  .iw-dh2 {
    grid-template-columns: 190px minmax(0, 1fr) !important;
  }
  .iw-dh2-globe {
    display: none !important;
  }
  .iw-dh2-object {
    width: 190px !important;
  }
}

@media (max-width: 820px) {
  .iw-dh2 {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    padding: 20px 16px !important;
  }
  .iw-dh2-object {
    width: 100% !important;
    max-width: 260px !important;
    height: 130px !important;
    margin: 0 auto 4px !important;
  }
  .iw-dh2-object-card {
    width: 174px !important;
    min-height: 112px !important;
  }
  .iw-dh2-object-screen {
    padding: 12px 14px !important;
  }
  .iw-dh2-object-badge {
    display: none !important;
  }
  .iw-dh2-title {
    font-size: 19px !important;
  }
}

/* IW 2026-05-15 - dashboard hero: white-label brand object + mail service icons */
.iw-dh2 {
  grid-template-columns: 230px minmax(0, 1fr) 166px !important;
  min-height: 242px !important;
  padding: 30px 36px !important;
  gap: 30px !important;
}

.iw-dh2-content { padding: 2px 0 !important; }
.iw-dh2-title { font-size: 24px !important; margin-bottom: 8px !important; }
.iw-dh2-sub { margin-bottom: 18px !important; }
.iw-dh2-form { margin-top: 2px !important; }

.iw-dh2-placeholder {
  position: absolute !important;
  left: 44px !important;
  top: 50% !important;
  z-index: 3 !important;
  max-width: calc(100% - 62px) !important;
  transform: translateY(-50%) !important;
  color: rgba(255,255,255,.68) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  pointer-events: none !important;
}

.iw-dh2-input {
  position: relative !important;
  z-index: 2 !important;
  background: rgba(255,255,255,.18) !important;
}

.iw-dh2-input.has-value,
.iw-dh2-input:focus {
  background: rgba(255,255,255,.24) !important;
}

.iw-dh2-input-wrap:has(.iw-dh2-input.has-value) .iw-dh2-placeholder,
.iw-dh2-input-wrap:has(.iw-dh2-input:focus) .iw-dh2-placeholder,
.iw-dh2-input-wrap.has-value .iw-dh2-placeholder,
.iw-dh2-input-wrap.is-focused .iw-dh2-placeholder {
  display: none !important;
}

.iw-dh2-mail-scene {
  width: 230px !important;
  height: 178px !important;
}

.iw-dh2-mailbox {
  position: absolute !important;
  left: 24px !important;
  bottom: 18px !important;
  width: 150px !important;
  height: 108px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: 28px 28px 18px 18px !important;
  color: #fff !important;
  background: linear-gradient(145deg, rgba(255,255,255,.24), rgba(255,255,255,.08)) !important;
  box-shadow: 0 22px 52px rgba(25,28,23,.22) !important;
}

.iw-dh2-mailbox:before {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  top: 48px !important;
  height: 12px !important;
  border-radius: 999px !important;
  background: rgba(25,28,23,.32) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.iw-dh2-mailbox i {
  margin-top: -14px !important;
  font-size: 52px !important;
  color: #fff !important;
  text-shadow: 0 12px 30px rgba(25,28,23,.28) !important;
}

.iw-dh2-mailbox span {
  position: absolute !important;
  left: 16px !important;
  right: 16px !important;
  bottom: 15px !important;
  color: rgba(255,255,255,.84) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-align: center !important;
  letter-spacing: 0 !important;
}

.iw-dh2-flying-mail {
  position: absolute !important;
  left: 132px !important;
  top: 16px !important;
  width: 64px !important;
  height: 48px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 16px !important;
  color: #343a2e !important;
  background: #fff !important;
  box-shadow: 0 18px 42px rgba(25,28,23,.22) !important;
  animation: iwMailArrive 3.4s ease-in-out infinite !important;
}

.iw-dh2-flying-mail i {
  font-size: 27px !important;
}

.iw-dh2-web-motion {
  position: absolute !important;
  right: 8px !important;
  bottom: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 9px 11px !important;
  border: 1px solid rgba(255,255,255,.26) !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: rgba(25,28,23,.28) !important;
  box-shadow: 0 14px 32px rgba(25,28,23,.18) !important;
  animation: iwWebPulse 4s ease-in-out infinite !important;
}

.iw-dh2-web-motion i {
  font-size: 17px !important;
}

.iw-dh2-web-motion span {
  font-size: 11px !important;
  font-weight: 850 !important;
}

@keyframes iwMailArrive {
  0%, 100% { transform: translate(0, 0) rotate(-7deg); opacity: .92; }
  45% { transform: translate(-52px, 46px) rotate(3deg); opacity: 1; }
  70% { transform: translate(-44px, 40px) rotate(0deg); opacity: .55; }
}

@keyframes iwWebPulse {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

.iw-dh2-object {
  position: relative !important;
  z-index: 1 !important;
  width: 220px !important;
  height: 174px !important;
}

.iw-dh2-brand-core {
  position: absolute !important;
  left: 4px !important;
  top: 12px !important;
  width: 176px !important;
  height: 140px !important;
}

.iw-dh2-brand-ring {
  position: absolute !important;
  inset: 4px !important;
  border: 1px solid rgba(255,255,255,.26) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.36), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.22), rgba(255,255,255,.08)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 24px 60px rgba(25,28,23,.24) !important;
  transform: rotate(-5deg) !important;
}

.iw-dh2-brand-mark {
  position: absolute !important;
  left: 22px !important;
  top: 24px !important;
  right: 16px !important;
  min-height: 94px !important;
  display: grid !important;
  align-content: center !important;
  gap: 6px !important;
  padding: 16px 15px !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  border-radius: 22px !important;
  color: #fff !important;
  background: rgba(25,28,23,.32) !important;
  backdrop-filter: blur(12px) !important;
  box-shadow: 0 20px 48px rgba(25,28,23,.22) !important;
}

.iw-dh2-brand-mark i {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  background: #ff6c2c !important;
  color: #fff !important;
  font-size: 15px !important;
}

.iw-dh2-brand-mark strong {
  display: block !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
}

.iw-dh2-brand-mark span {
  display: block !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.iw-dh2-mail-card {
  position: absolute !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-width: 150px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.95) !important;
  color: #191c17 !important;
  box-shadow: 0 18px 42px rgba(25,28,23,.22) !important;
  animation: iwTopObjectFloat 5.2s ease-in-out infinite !important;
}

.iw-dh2-mail-card i {
  width: 30px !important;
  height: 30px !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 30px !important;
  border-radius: 10px !important;
  color: #fff !important;
  background: #343a2e !important;
}

.iw-dh2-mail-card strong,
.iw-dh2-mail-card span {
  display: block !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

.iw-dh2-mail-card strong {
  font-size: 12px !important;
  font-weight: 850 !important;
  color: #191c17 !important;
}

.iw-dh2-mail-card span {
  margin-top: 2px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #64695e !important;
}

.iw-dh2-float-a {
  right: 0 !important;
  top: 18px !important;
}

.iw-dh2-float-b {
  left: 40px !important;
  bottom: 4px !important;
  animation-delay: .55s !important;
}

.iw-dh2-float-b i {
  background: #191c17 !important;
}

.iw-dh2-mail-services {
  width: 118px !important;
  height: 98px !important;
  opacity: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, 48px) !important;
  grid-auto-rows: 38px !important;
  align-content: center !important;
  justify-content: center !important;
  gap: 9px !important;
  animation: none !important;
  transform: none !important;
}

.iw-dh2-service-icon {
  display: grid !important;
  place-items: center !important;
  width: 48px !important;
  height: 38px !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  border-radius: 14px !important;
  color: #fff !important;
  background: rgba(255,255,255,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 12px 28px rgba(25,28,23,.16) !important;
}

.iw-dh2-service-icon:nth-child(2),
.iw-dh2-service-icon:nth-child(5) {
  background: rgba(255,108,44,.9) !important;
}

.iw-dh2-service-icon:nth-child(3),
.iw-dh2-service-icon:nth-child(6) {
  background: rgba(52,58,46,.78) !important;
}

.iw-dh2-service-icon i {
  font-size: 16px !important;
}

.iw-dh2-login-mail {
  width: 154px !important;
  height: 166px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: 104px 46px !important;
  align-content: center !important;
  justify-content: center !important;
  gap: 10px !important;
  opacity: 1 !important;
  animation: none !important;
  transform: none !important;
}

.iw-dh2-login-mail-main {
  position: relative !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  min-height: 104px !important;
  padding: 16px 12px 13px !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.96) !important;
  color: #343a2e !important;
  box-shadow: 0 28px 70px rgba(0,0,0,.22) !important;
  overflow: hidden !important;
}

.iw-dh2-login-mail-main:before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 82% 16%, rgba(52,58,46,.28), transparent 28%),
    linear-gradient(135deg, rgba(52,58,46,.10), rgba(255,255,255,0) 62%) !important;
  pointer-events: none !important;
}

.iw-dh2-login-mail-main i,
.iw-dh2-login-mail-main strong,
.iw-dh2-login-mail-main span {
  position: relative !important;
  z-index: 1 !important;
}

.iw-dh2-login-mail-main i {
  width: 50px !important;
  height: 50px !important;
  display: inline-grid !important;
  place-items: center !important;
  margin-bottom: 8px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 100%) !important;
  color: #ffffff !important;
  font-size: 24px !important;
  box-shadow: 0 16px 34px rgba(52,58,46,.28) !important;
}

.iw-dh2-login-mail-main strong {
  display: block !important;
  color: #191c17 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

.iw-dh2-login-mail-main span {
  display: block !important;
  max-width: 124px !important;
  margin-top: 4px !important;
  overflow: hidden !important;
  color: #64695e !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.iw-dh2-login-mail-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 7px !important;
}

.iw-dh2-login-mail .iw-dh2-service-icon {
  width: 33px !important;
  height: 33px !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  border-radius: 11px !important;
  background: rgba(255,255,255,.15) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 12px 28px rgba(25,28,23,.14) !important;
}

.iw-dh2-login-mail .iw-dh2-service-icon:nth-child(2) {
  background: #ffffff !important;
  color: #343a2e !important;
}

.iw-dh2-login-mail .iw-dh2-service-icon:nth-child(3) {
  background: rgba(52,58,46,.92) !important;
  color: #191c17 !important;
}

.iw-dh2-login-mail .iw-dh2-service-icon:nth-child(4) {
  background: rgba(255,255,255,.22) !important;
  color: #ffffff !important;
}

.iw-dh2-login-mail .iw-dh2-service-icon i {
  font-size: 14px !important;
}

@media (max-width: 1180px) {
  .iw-dh2-mail-services {
    display: none !important;
  }
}

@media (max-width: 820px) {
  .iw-dh2-object {
    height: 150px !important;
  }

  .iw-dh2-brand-core {
    left: 18px !important;
    top: 8px !important;
    width: 174px !important;
    height: 126px !important;
  }

  .iw-dh2-mail-card {
    min-width: 142px !important;
    padding: 9px 11px !important;
  }

  .iw-dh2-float-a {
    right: 8px !important;
    top: 14px !important;
  }

  .iw-dh2-float-b {
    left: 70px !important;
    bottom: 0 !important;
  }
}


/* IW 2026-05-15 - ESTILO-DEL-PRODUCTO uniform service banners */
:root {
  --estilo-producto-azul: #191c17;
  --estilo-producto-verde: #343a2e;
  --estilo-producto-negro: #0A0A0A;
  --estilo-producto-acento: #00C853;
  --estilo-producto-texto: #E8E8E8;
  --estilo-producto-blanco: #FFFFFF;
  --estilo-producto-info: #343a2e;
  --estilo-producto-whatsapp: #25D366;
  --estilo-producto-sombra: 0 8px 16px rgba(0,0,0, 0.15);
}

.theme-client-service-detail-page .estilo-del-producto,
.theme-client-service-detail-page .iw-service-hero.estilo-del-producto {
  width: 100% !important;
  height: 330px !important;
  min-height: 330px !important;
  padding: 24px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--estilo-producto-azul) 0%, var(--estilo-producto-verde) 48%, var(--estilo-producto-negro) 100%) !important;
  box-shadow: var(--estilo-producto-sombra) !important;
  color: var(--estilo-producto-texto) !important;
  display: grid !important;
  grid-template-rows: minmax(52px, auto) minmax(86px, auto) auto minmax(40px, auto) !important;
  align-content: stretch !important;
  gap: 12px !important;
  overflow: hidden !important;
  position: relative !important;
  isolation: isolate !important;
  animation: estiloProductoFade .5s ease both !important;
}

.theme-client-service-detail-page .estilo-del-producto::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at 16% 8%, rgba(255,255,255, .11), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.06), transparent 46%) !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

.theme-client-service-detail-page .estilo-del-producto[data-status="inactive"],
.theme-client-service-detail-page .estilo-del-producto.product-status-inactive,
.theme-client-service-detail-page .estilo-del-producto.product-status-suspended,
.theme-client-service-detail-page .estilo-del-producto.product-status-cancelled,
.theme-client-service-detail-page .estilo-del-producto.product-status-terminated {
  background: linear-gradient(135deg, #4A4A4A 0%, #2A2A2A 52%, #0A0A0A 100%) !important;
}

.theme-client-service-detail-page .estilo-del-producto.product-status-overdue,
.theme-client-service-detail-page .estilo-del-producto.product-status-expired,
.theme-client-service-detail-page .estilo-del-producto.product-status-fraud {
  background: linear-gradient(135deg, #C24514 0%, #7A2A0F 52%, #0A0A0A 100%) !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-top {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 52px !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-service-icon-wrap {
  width: 48px !important;
  height: 48px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255, .12) !important;
  color: var(--estilo-producto-blanco) !important;
  opacity: .9 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16) !important;
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%) !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-service-icon-wrap svg {
  width: 28px !important;
  height: 28px !important;
  opacity: .86 !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-service-info {
  min-width: 0 !important;
  margin: 0 !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-service-name {
  margin: 0 0 4px !important;
  color: var(--estilo-producto-blanco) !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-service-group,
.theme-client-service-detail-page .estilo-del-producto .iw-service-domain {
  margin: 0 !important;
  color: rgba(232,232,232, .82) !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.theme-client-service-detail-page .estilo-del-producto__badges {
  display: inline-grid !important;
  justify-items: end !important;
  gap: 6px !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-status-badge {
  align-self: auto !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--estilo-producto-acento) !important;
  color: var(--estilo-producto-blanco) !important;
  padding: 6px 11px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-status-suspended,
.theme-client-service-detail-page .estilo-del-producto .iw-status-terminated,
.theme-client-service-detail-page .estilo-del-producto .iw-status-cancelled,
.theme-client-service-detail-page .estilo-del-producto .iw-status-inactive {
  background: #FF5252 !important;
}

.theme-client-service-detail-page .estilo-del-producto__env {
  color: rgba(232,232,232,.76) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  min-height: 86px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-stat {
  min-width: 0 !important;
  min-height: 86px !important;
  padding: 12px 14px !important;
  border: 0 !important;
  border-right: 1px solid rgba(255,255,255, .10) !important;
  border-radius: 0 !important;
  background: rgba(255,255,255, .07) !important;
  box-shadow: none !important;
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  column-gap: 10px !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-stat:last-child {
  border-right: 0 !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-stat svg {
  grid-row: 1 / span 2 !important;
  width: 32px !important;
  height: 32px !important;
  padding: 8px !important;
  border-radius: 50% !important;
  background: rgba(0,200,83, .20) !important;
  color: var(--estilo-producto-acento) !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-stat-label {
  color: rgba(232,232,232,.72) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-stat-val {
  color: var(--estilo-producto-blanco) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-stat--price .iw-hero-stat-val {
  color: var(--estilo-producto-info) !important;
}

.theme-client-service-detail-page .estilo-del-producto__usage {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  min-height: 64px !important;
}

.theme-client-service-detail-page .estilo-del-producto__usage-card {
  padding: 10px 12px !important;
  border-radius: 8px !important;
  background: rgba(255,255,255, .08) !important;
  border: 1px solid rgba(255,255,255, .12) !important;
}

.theme-client-service-detail-page .estilo-del-producto__usage-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

.theme-client-service-detail-page .estilo-del-producto__usage-head span {
  color: rgba(232,232,232,.72) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

.theme-client-service-detail-page .estilo-del-producto__usage-head strong,
.theme-client-service-detail-page .estilo-del-producto__usage-card p {
  color: var(--estilo-producto-info) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  margin: 0 !important;
}

.theme-client-service-detail-page .estilo-del-producto__usage-card p {
  margin: 4px 0 7px !important;
  color: var(--estilo-producto-texto) !important;
  opacity: .9 !important;
}

.theme-client-service-detail-page .estilo-del-producto__progress {
  width: 100% !important;
  height: 6px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: rgba(255,255,255, .18) !important;
}

.theme-client-service-detail-page .estilo-del-producto__progress span {
  display: block !important;
  max-width: 100% !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, var(--estilo-producto-acento), #7BE495) !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  min-height: 40px !important;
  margin: 0 !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-btn {
  min-height: 40px !important;
  padding: 0 15px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255,255,255,.30) !important;
  background: transparent !important;
  color: var(--estilo-producto-blanco) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background .3s ease-in-out, border-color .3s ease-in-out, filter .3s ease-in-out, transform .3s ease-in-out !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-btn:hover,
.theme-client-service-detail-page .estilo-del-producto .iw-hero-btn:focus {
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.72) !important;
  color: var(--estilo-producto-blanco) !important;
  transform: translateY(-1px) !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-btn:focus-visible {
  outline: 3px solid rgba(52,58,46,.75) !important;
  outline-offset: 2px !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-btn--wa {
  border-color: var(--estilo-producto-whatsapp) !important;
  background: var(--estilo-producto-whatsapp) !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-btn--wa:hover,
.theme-client-service-detail-page .estilo-del-producto .iw-hero-btn--wa:focus {
  filter: brightness(1.1) !important;
  background: var(--estilo-producto-whatsapp) !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-btn--danger {
  border-color: rgba(255,82,82,.7) !important;
  color: #fff !important;
}

.theme-client-service-detail-page .estilo-del-producto--tarjeta .estilo-del-producto__usage {
  display: none !important;
}

.theme-client-service-detail-page .estilo-del-producto--tarjeta {
  grid-template-rows: 60px 100px 1fr 40px !important;
}

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

@media (min-width: 1440px) {
  .theme-client-service-detail-page .estilo-del-producto .iw-hero-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1024px) {
  .theme-client-service-detail-page .estilo-del-producto .iw-hero-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .theme-client-service-detail-page .estilo-del-producto .iw-hero-stat:nth-child(2n) {
    border-right: 0 !important;
  }
}

@media (max-width: 768px) {
  .theme-client-service-detail-page .estilo-del-producto,
  .theme-client-service-detail-page .iw-service-hero.estilo-del-producto {
    height: auto !important;
    min-height: 330px !important;
    padding: 24px !important;
    grid-template-rows: auto !important;
    overflow: visible !important;
  }
  .theme-client-service-detail-page .estilo-del-producto .iw-hero-top {
    grid-template-columns: 48px minmax(0, 1fr) !important;
  }
  .theme-client-service-detail-page .estilo-del-producto__badges {
    grid-column: 1 / -1 !important;
    justify-items: start !important;
    display: flex !important;
  }
  .theme-client-service-detail-page .estilo-del-producto .iw-hero-stats,
  .theme-client-service-detail-page .estilo-del-producto__usage {
    grid-template-columns: 1fr !important;
  }
  .theme-client-service-detail-page .estilo-del-producto .iw-hero-stat {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
  }
  .theme-client-service-detail-page .estilo-del-producto .iw-service-name,
  .theme-client-service-detail-page .estilo-del-producto .iw-service-group,
  .theme-client-service-detail-page .estilo-del-producto .iw-service-domain {
    white-space: normal !important;
  }
}

@media (max-width: 320px) {
  .theme-client-service-detail-page .estilo-del-producto,
  .theme-client-service-detail-page .iw-service-hero.estilo-del-producto {
    padding: 18px !important;
  }
  .theme-client-service-detail-page .estilo-del-producto .iw-hero-btn {
    width: 100% !important;
  }
}


/* IW 2026-05-15 - ESTILO-DEL-PRODUCTO simple centered blue override */
.theme-client-service-detail-page .estilo-del-producto,
.theme-client-service-detail-page .iw-service-hero.estilo-del-producto {
  --estilo-producto-azul: #191c17;
  --estilo-producto-celeste: #b7e532;
  --estilo-producto-celeste-suave: #f1f5e9;
  --estilo-producto-borde: rgba(183,229,50, .34);
  height: 330px !important;
  min-height: 330px !important;
  padding: 24px !important;
  border: 1px solid var(--estilo-producto-borde) !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #191c17 0%, #343a2e 48%, #343a2e 100%) !important;
  box-shadow: 0 8px 16px rgba(25,28,23, .18) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(260px, .88fr) !important;
  grid-template-rows: 1fr auto !important;
  grid-template-areas: "main datos" "acciones datos" !important;
  align-items: center !important;
  gap: 18px !important;
  overflow: hidden !important;
}

.theme-client-service-detail-page .estilo-del-producto::before {
  background: linear-gradient(135deg, rgba(255,255,255,.10), transparent 44%) !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-top {
  grid-area: main !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 0 !important;
  height: 100% !important;
  gap: 10px !important;
  text-align: center !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-service-icon-wrap {
  width: 58px !important;
  height: 58px !important;
  border-radius: 18px !important;
  clip-path: none !important;
  background: rgba(241,245,233, .16) !important;
  border: 1px solid rgba(241,245,233, .28) !important;
  color: #f1f5e9 !important;
  box-shadow: none !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-service-icon-wrap svg {
  width: 30px !important;
  height: 30px !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-service-info {
  display: grid !important;
  justify-items: center !important;
  gap: 4px !important;
  max-width: 100% !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-service-name {
  color: #ffffff !important;
  font-size: 22px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-service-group,
.theme-client-service-detail-page .estilo-del-producto .iw-service-domain {
  color: #f1f5e9 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-service-domain svg {
  color: #b7e532 !important;
}

.theme-client-service-detail-page .estilo-del-producto__badges {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 2px !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-status-badge {
  background: #b7e532 !important;
  color: #191c17 !important;
  border: 1px solid rgba(255,255,255,.38) !important;
  padding: 7px 12px !important;
}

.theme-client-service-detail-page .estilo-del-producto__env {
  display: none !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-stats {
  grid-area: datos !important;
  align-self: stretch !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  min-height: 0 !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-stat {
  min-height: 0 !important;
  height: auto !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(241,245,233,.20) !important;
  border-radius: 10px !important;
  background: rgba(241,245,233, .10) !important;
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  column-gap: 10px !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-stat svg {
  width: 30px !important;
  height: 30px !important;
  padding: 7px !important;
  border-radius: 10px !important;
  background: rgba(183,229,50, .18) !important;
  color: #b7e532 !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-stat-label {
  color: #e3ebd1 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-stat-val,
.theme-client-service-detail-page .estilo-del-producto .iw-hero-stat--price .iw-hero-stat-val {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.theme-client-service-detail-page .estilo-del-producto__usage {
  display: none !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-actions {
  grid-area: acciones !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 40px !important;
  margin: 0 !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-btn {
  min-height: 38px !important;
  padding: 0 14px !important;
  border-radius: 9px !important;
  border: 1px solid rgba(241,245,233,.38) !important;
  background: rgba(241,245,233,.10) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-btn:hover,
.theme-client-service-detail-page .estilo-del-producto .iw-hero-btn:focus {
  background: rgba(183,229,50, .22) !important;
  border-color: #b7e532 !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-btn--wa {
  background: #b7e532 !important;
  border-color: #b7e532 !important;
  color: #191c17 !important;
}

.theme-client-service-detail-page .estilo-del-producto.product-status-suspended,
.theme-client-service-detail-page .estilo-del-producto.product-status-cancelled,
.theme-client-service-detail-page .estilo-del-producto.product-status-terminated,
.theme-client-service-detail-page .estilo-del-producto.product-status-inactive {
  background: linear-gradient(135deg, #191c17 0%, #191c17 54%, #191c17 100%) !important;
}

@media (max-width: 1024px) {
  .theme-client-service-detail-page .estilo-del-producto,
  .theme-client-service-detail-page .iw-service-hero.estilo-del-producto {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    grid-template-areas: "main" "datos" "acciones" !important;
    height: auto !important;
    min-height: 330px !important;
  }
  .theme-client-service-detail-page .estilo-del-producto .iw-hero-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, minmax(68px, auto)) !important;
  }
}

@media (max-width: 768px) {
  .theme-client-service-detail-page .estilo-del-producto .iw-hero-stats {
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
  }
  .theme-client-service-detail-page .estilo-del-producto .iw-hero-actions {
    justify-content: center !important;
  }
}


/* IW 2026-05-15 - Fix banner order: full width and cleaner data column */
.theme-client-service-detail-page .simple-detail-products-section > .row {
  display: flex !important;
  flex-wrap: wrap !important;
}

.theme-client-service-detail-page .simple-detail-products-section > .row > .product-detail-left-column:first-child {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

.theme-client-service-detail-page .simple-detail-products-section > .row > .product-detail-left-column:nth-child(2) {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  margin-top: 18px !important;
}

.theme-client-service-detail-page .estilo-del-producto,
.theme-client-service-detail-page .iw-service-hero.estilo-del-producto {
  grid-template-columns: minmax(0, 1fr) 300px !important;
  grid-template-rows: 1fr 44px !important;
  grid-template-areas: "main datos" "acciones datos" !important;
  gap: 24px !important;
  max-width: 100% !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-top {
  padding: 8px 0 !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-service-name {
  max-width: 620px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 24px !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-stats {
  padding: 10px !important;
  border-radius: 12px !important;
  background: rgba(25,28,23, .22) !important;
  border: 1px solid rgba(241,245,233, .18) !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-stat {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  gap: 2px !important;
  padding: 9px 10px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(241,245,233,.14) !important;
  border-radius: 0 !important;
  background: transparent !important;
  text-align: left !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-stat:last-child {
  border-bottom: 0 !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-stat svg {
  display: none !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-stat-label {
  font-size: 10.5px !important;
  color: #e3ebd1 !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-stat-val,
.theme-client-service-detail-page .estilo-del-producto .iw-hero-stat--price .iw-hero-stat-val {
  font-size: 14px !important;
  line-height: 1.25 !important;
  color: #ffffff !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-actions {
  align-self: end !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-btn {
  min-width: 118px !important;
}

@media (max-width: 900px) {
  .theme-client-service-detail-page .estilo-del-producto,
  .theme-client-service-detail-page .iw-service-hero.estilo-del-producto {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    grid-template-areas: "main" "datos" "acciones" !important;
    height: auto !important;
    min-height: 330px !important;
    gap: 16px !important;
  }

  .theme-client-service-detail-page .estilo-del-producto .iw-hero-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
  }

  .theme-client-service-detail-page .estilo-del-producto .iw-hero-stat:nth-child(2) {
    border-bottom: 1px solid rgba(241,245,233,.14) !important;
  }
}

@media (max-width: 560px) {
  .theme-client-service-detail-page .estilo-del-producto .iw-hero-stats {
    grid-template-columns: 1fr !important;
  }

  .theme-client-service-detail-page .estilo-del-producto .iw-hero-actions,
  .theme-client-service-detail-page .estilo-del-producto .iw-hero-btn {
    width: 100% !important;
  }
}


/* IW 2026-05-15 - ONLY right stats: 2 columns x 2 rows */
.theme-client-service-detail-page .estilo-del-producto .iw-hero-stats {
  grid-area: datos !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-stats > .iw-hero-stat {
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 12px !important;
  border: 1px solid rgba(241,245,233,.20) !important;
  border-radius: 12px !important;
  background: rgba(25,28,23, .22) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  text-align: center !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-stats > .iw-hero-stat svg {
  display: none !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-stats .iw-hero-stat-label {
  color: #e3ebd1 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  text-align: center !important;
}

.theme-client-service-detail-page .estilo-del-producto .iw-hero-stats .iw-hero-stat-val,
.theme-client-service-detail-page .estilo-del-producto .iw-hero-stats .iw-hero-stat--price .iw-hero-stat-val {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 560px) {
  .theme-client-service-detail-page .estilo-del-producto .iw-hero-stats {
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
  }
}

/* IW login - dark blue and turquoise refresh */
body.login-bg {
  background:
    radial-gradient(circle at 12% 12%, rgba(52,58,46, .24), transparent 28%),
    radial-gradient(circle at 92% 18%, rgba(183,229,50, .18), transparent 30%),
    linear-gradient(135deg, #191c17 0%, #191c17 48%, #191c17 100%) !important;
}

body.login-bg .iw-login-wrap {
  min-height: calc(100vh - 44px) !important;
  padding: 34px !important;
  gap: 26px !important;
}

body.login-bg .iw-login-left {
  border: 1px solid rgba(236,240,226, .72) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255, .98) !important;
  box-shadow: 0 28px 80px rgba(25,28,23, .34) !important;
}

body.login-bg .iw-login-logo {
  margin-bottom: 28px !important;
}

body.login-bg .iw-login-logo a {
  display: inline-flex !important;
}

body.login-bg .iw-login-logo img {
  max-width: 210px !important;
  max-height: 58px !important;
  object-fit: contain !important;
}

body.login-bg .iw-login-title {
  color: #191c17 !important;
  font-size: 30px !important;
  letter-spacing: 0 !important;
}

body.login-bg .iw-login-sub {
  color: #64695e !important;
  font-size: 14px !important;
  margin-bottom: 24px !important;
}

body.login-bg .iw-input {
  min-height: 46px !important;
  border-color: #eff4e5 !important;
  border-radius: 12px !important;
  background: #fbfcf8 !important;
}

body.login-bg .iw-input:focus {
  border-color: #343a2e !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(52,58,46, .14) !important;
}

body.login-bg .iw-btn-login {
  min-height: 48px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #191c17 0%, #343a2e 100%) !important;
  box-shadow: 0 14px 32px rgba(52,58,46, .26) !important;
}

body.login-bg .iw-btn-login:hover {
  filter: brightness(1.05) !important;
  transform: translateY(-1px) !important;
}

body.login-bg .iw-btn-register {
  border-color: rgba(52,58,46, .34) !important;
  color: #343a2e !important;
  background: #f8faf3 !important;
}

body.login-bg .iw-login-right {
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 70% 18%, rgba(52,58,46, .28), transparent 30%),
    linear-gradient(145deg, rgba(25,28,23, .94), rgba(25,28,23, .94)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255, .08), 0 28px 80px rgba(25,28,23, .28) !important;
  overflow: hidden !important;
}

body.login-bg .iw-login-brand-card {
  position: relative !important;
  z-index: 1 !important;
  max-width: 560px !important;
}

body.login-bg .iw-login-brand-card::before {
  content: "" !important;
  position: absolute !important;
  inset: -40px -70px auto auto !important;
  width: 190px !important;
  height: 190px !important;
  border-radius: 999px !important;
  background: rgba(52,58,46, .22) !important;
  filter: blur(8px) !important;
  z-index: -1 !important;
}

body.login-bg .iw-brand-title {
  color: #fbfcf8 !important;
  font-size: 30px !important;
  line-height: 1.12 !important;
}

body.login-bg .iw-brand-sub,
body.login-bg .iw-brand-tagline {
  color: rgba(236,240,226, .78) !important;
}

body.login-bg .iw-brand-features {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.login-bg .iw-feature-item {
  border: 1px solid rgba(155,168,138, .22) !important;
  background: rgba(255,255,255, .08) !important;
  backdrop-filter: blur(8px) !important;
}

body.login-bg .iw-feature-item h4 {
  color: #fbfcf8 !important;
}

body.login-bg .iw-feature-item p {
  color: rgba(236,240,226, .68) !important;
}

.iw-login-visual {
  position: relative !important;
  width: min(420px, 100%) !important;
  min-height: 212px !important;
  margin: 0 auto 28px !important;
}

.iw-login-visual-card {
  position: relative !important;
  width: 330px !important;
  max-width: 92% !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255, .20) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255, .94) !important;
  box-shadow: 0 26px 70px rgba(25,28,23, .32) !important;
  transform: rotate(-2deg) !important;
}

.iw-login-visual-top {
  display: flex !important;
  gap: 7px !important;
  padding: 14px 16px !important;
  background: #fbfcf8 !important;
  border-bottom: 1px solid #ecf0e2 !important;
}

.iw-login-visual-top span {
  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
}

.iw-login-visual-top span:nth-child(1) { background: #fb7185 !important; }
.iw-login-visual-top span:nth-child(2) { background: #343a2e !important; }
.iw-login-visual-top span:nth-child(3) { background: #b7e532 !important; }

.iw-login-visual-body {
  display: grid !important;
  grid-template-columns: 1.25fr 1fr !important;
  gap: 12px !important;
  padding: 18px !important;
}

.iw-login-visual-main {
  grid-row: span 2 !important;
  min-height: 128px !important;
  padding: 18px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #191c17 0%, #343a2e 100%) !important;
  color: #fff !important;
}

.iw-login-visual-main i {
  display: inline-grid !important;
  place-items: center !important;
  width: 48px !important;
  height: 48px !important;
  margin-bottom: 14px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255, .18) !important;
  font-size: 21px !important;
}

.iw-login-visual-main strong,
.iw-login-visual-main span {
  display: block !important;
}

.iw-login-visual-main strong {
  font-size: 17px !important;
  font-weight: 900 !important;
}

.iw-login-visual-main span {
  margin-top: 5px !important;
  color: rgba(255,255,255, .78) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.iw-login-visual-pill {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 58px !important;
  padding: 12px !important;
  border: 1px solid #eff4e5 !important;
  border-radius: 16px !important;
  background: #f8faf3 !important;
  color: #343a2e !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.iw-login-visual-pill.alt {
  background: #f8faf4 !important;
  color: #343a2e !important;
}

@media (max-width: 991px) {
  body.login-bg .iw-login-wrap {
    padding: 18px !important;
  }
  body.login-bg .iw-login-right {
    display: none !important;
  }
  body.login-bg .iw-login-left {
    max-width: 520px !important;
    margin: 0 auto !important;
  }
}

/* IW 2026-05-15 - Login aligned with megaweb.pe refresh */
body.login-bg {
  --iw-login-navy: #191c17;
  --iw-login-blue: #191c17;
  --iw-login-teal: #343a2e;
  --iw-login-aqua: #343a2e;
  background:
    radial-gradient(circle at 8% 10%, rgba(52,58,46, .26), transparent 30%),
    radial-gradient(circle at 86% 22%, rgba(52,58,46, .38), transparent 32%),
    linear-gradient(135deg, var(--iw-login-navy) 0%, var(--iw-login-blue) 50%, #191c17 100%) !important;
}

body.login-bg .iw-login-wrap {
  align-items: stretch !important;
  padding: 32px !important;
  gap: 24px !important;
}

body.login-bg .iw-login-left {
  flex-basis: 46% !important;
  max-width: 560px !important;
  min-height: calc(100vh - 64px) !important;
  padding: 54px 62px !important;
  border: 1px solid rgba(255,255,255, .74) !important;
  border-radius: 24px !important;
  background: rgba(255,255,255, .98) !important;
  box-shadow: 0 30px 90px rgba(25,28,23, .32) !important;
}

body.login-bg .iw-login-logo {
  margin-bottom: 34px !important;
}

body.login-bg .iw-login-logo img {
  width: 232px !important;
  max-width: 100% !important;
  max-height: none !important;
}

body.login-bg .iw-login-title {
  color: var(--iw-login-navy) !important;
  font-size: 31px !important;
  font-weight: 800 !important;
}

body.login-bg .iw-login-sub {
  color: #64695e !important;
}

body.login-bg .iw-label {
  color: #191c17 !important;
}

body.login-bg .iw-input {
  min-height: 48px !important;
  border-color: #e4ebd5 !important;
  border-radius: 12px !important;
  background: #fbfcf8 !important;
}

body.login-bg .iw-input:focus {
  border-color: var(--iw-login-teal) !important;
  box-shadow: 0 0 0 4px rgba(52,58,46, .14) !important;
}

body.login-bg .iw-forgot {
  color: var(--iw-login-teal) !important;
}

body.login-bg .iw-btn-login {
  min-height: 49px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--iw-login-blue) 0%, var(--iw-login-teal) 100%) !important;
  box-shadow: 0 16px 34px rgba(52,58,46, .28) !important;
}

body.login-bg .iw-btn-login:hover {
  background: linear-gradient(135deg, #191c17 0%, #343a2e 100%) !important;
}

body.login-bg .iw-btn-register {
  border-color: rgba(52,58,46, .28) !important;
  color: var(--iw-login-teal) !important;
  background: #f6f8f1 !important;
}

body.login-bg .iw-btn-register:hover {
  border-color: rgba(52,58,46, .46) !important;
  color: #343a2e !important;
  background: #eef3e4 !important;
}

body.login-bg .iw-login-right {
  min-height: calc(100vh - 64px) !important;
  border: 1px solid rgba(255,255,255, .10) !important;
  border-radius: 26px !important;
  background:
    linear-gradient(140deg, rgba(25,28,23, .24), rgba(25,28,23, .72)),
    radial-gradient(circle at 72% 20%, rgba(52,58,46, .34), transparent 34%),
    linear-gradient(145deg, #191c17 0%, #191c17 100%) !important;
}

body.login-bg .iw-login-brand-card {
  max-width: 580px !important;
  padding: 42px !important;
  border-color: rgba(255,255,255, .14) !important;
  background: rgba(255,255,255, .08) !important;
}

body.login-bg .iw-brand-title {
  color: #ffffff !important;
  font-size: 31px !important;
  line-height: 1.14 !important;
}

body.login-bg .iw-brand-sub,
body.login-bg .iw-brand-tagline {
  color: rgba(243,246,235, .78) !important;
}

body.login-bg .iw-login-visual-main {
  background: linear-gradient(135deg, var(--iw-login-blue) 0%, var(--iw-login-teal) 100%) !important;
}

body.login-bg .iw-login-visual-top span:nth-child(2) { background: var(--iw-login-teal) !important; }
body.login-bg .iw-login-visual-top span:nth-child(3) { background: var(--iw-login-aqua) !important; }

body.login-bg .iw-feature-item {
  border-color: rgba(214,226,189, .22) !important;
  background: rgba(255,255,255, .085) !important;
}

body.login-bg .iw-feature-item:hover {
  border-color: rgba(52,58,46, .38) !important;
  background: rgba(255,255,255, .13) !important;
}

@media (max-width: 991px) {
  body.login-bg .iw-login-wrap {
    min-height: 100vh !important;
    padding: 18px !important;
  }

  body.login-bg .iw-login-left {
    min-height: calc(100vh - 36px) !important;
    padding: 40px 28px !important;
  }

  body.login-bg .iw-login-logo img {
    width: 210px !important;
  }
}

@media (max-width: 480px) {
  body.login-bg .iw-login-wrap {
    padding: 0 !important;
  }

  body.login-bg .iw-login-left {
    min-height: 100vh !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 34px 22px !important;
  }

  body.login-bg .iw-login-row {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
}

/* IW 2026-05-15 - Simpler auth split and compact register */
body.login-bg {
  background: #191c17 !important;
}

body.login-bg .iw-login-wrap {
  padding: 0 !important;
  gap: 0 !important;
  align-items: stretch !important;
}

body.login-bg .iw-login-left {
  flex: 0 0 44% !important;
  max-width: none !important;
  min-height: 100vh !important;
  padding: 38px 52px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

body.login-bg .iw-login-form {
  width: 100% !important;
  max-width: 430px !important;
}

body.login-bg .iw-login-logo {
  margin-bottom: 22px !important;
}

body.login-bg .iw-login-logo img {
  width: 218px !important;
}

body.login-bg .iw-login-title {
  font-size: 28px !important;
  margin-bottom: 6px !important;
}

body.login-bg .iw-login-sub {
  margin-bottom: 22px !important;
}

body.login-bg .iw-field-group {
  margin-bottom: 13px !important;
}

body.login-bg .iw-input {
  min-height: 44px !important;
  height: 44px !important;
}

body.login-bg .iw-login-row {
  margin-bottom: 18px !important;
}

body.login-bg .iw-btn-login {
  min-height: 45px !important;
  height: 45px !important;
  margin-bottom: 12px !important;
}

body.login-bg .iw-btn-register {
  height: 44px !important;
}

body.login-bg .iw-login-right {
  flex: 1 1 auto !important;
  min-height: 100vh !important;
  padding: 42px 54px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 74% 18%, rgba(52,58,46, .20), transparent 28%),
    linear-gradient(145deg, #191c17 0%, #191c17 100%) !important;
  box-shadow: none !important;
}

body.login-bg .iw-login-brand-card {
  max-width: 540px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.login-bg .iw-login-brand-card::before {
  display: none !important;
}

body.login-bg .iw-login-visual {
  margin-bottom: 22px !important;
}

body.login-bg .iw-brand-title {
  font-size: 29px !important;
}

body.login-bg .iw-brand-features {
  margin: 22px 0 !important;
  gap: 10px !important;
}

body.login-bg .iw-feature-item {
  padding: 13px !important;
}

body.login-bg .iw-register-wrap .iw-register-left {
  flex-basis: 58% !important;
  justify-content: flex-start !important;
  overflow-y: auto !important;
  padding: 24px 38px !important;
}

body.login-bg .iw-register-wrap .iw-login-right {
  flex-basis: 42% !important;
  padding: 34px 42px !important;
}

body.login-bg .iw-register-wrap .iw-login-logo {
  margin-bottom: 12px !important;
}

body.login-bg .iw-register-wrap .iw-login-logo img {
  width: 194px !important;
}

body.login-bg .iw-register-wrap .iw-login-title {
  font-size: 25px !important;
}

body.login-bg .iw-register-wrap .iw-login-sub {
  margin-bottom: 15px !important;
}

body.login-bg .iw-register-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 14px !important;
  row-gap: 10px !important;
  max-width: 760px !important;
}

body.login-bg .iw-register-form .iw-field-group {
  margin-bottom: 0 !important;
  min-width: 0 !important;
}

body.login-bg .iw-register-form .iw-password-strength {
  margin-top: 7px !important;
}

body.login-bg .iw-register-form .iw-strength-text {
  margin: 4px 0 0 !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}

body.login-bg .iw-register-form .iw-register-captcha,
body.login-bg .iw-register-form .iw-register-tos,
body.login-bg .iw-register-form > .iw-btn-login,
body.login-bg .iw-register-form > .iw-divider,
body.login-bg .iw-register-form > .iw-btn-register {
  grid-column: 1 / -1 !important;
}

body.login-bg .iw-register-form .iw-register-tos {
  margin: 2px 0 0 !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
}

body.login-bg .iw-register-form > .iw-btn-login {
  margin-top: 2px !important;
  margin-bottom: 0 !important;
}

body.login-bg .iw-register-form > .iw-divider {
  margin: 0 !important;
}

@media (max-width: 1100px) {
  body.login-bg .iw-register-wrap .iw-login-right {
    display: none !important;
  }

  body.login-bg .iw-register-wrap .iw-register-left {
    flex-basis: 100% !important;
  }

  body.login-bg .iw-register-form {
    max-width: 820px !important;
  }
}

@media (max-width: 760px) {
  body.login-bg .iw-login-left,
  body.login-bg .iw-register-wrap .iw-register-left {
    padding: 28px 22px !important;
  }

  body.login-bg .iw-register-form {
    grid-template-columns: 1fr !important;
  }
}

/* IW 2026-05-15 - Light sky auth palette and bigger mail/cPanel emphasis */
body.login-bg {
  background: #f5f8ef !important;
}

body.login-bg .iw-login-left {
  background: #ffffff !important;
}

body.login-bg .iw-login-title {
  color: #191c17 !important;
}

body.login-bg .iw-login-sub,
body.login-bg .iw-label {
  color: #343a2e !important;
}

body.login-bg .iw-input {
  border-color: #dde6c8 !important;
  background: #fcfdf9 !important;
}

body.login-bg .iw-input:focus {
  border-color: #343a2e !important;
  box-shadow: 0 0 0 4px rgba(52,58,46, .12) !important;
}

body.login-bg .iw-btn-login {
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 100%) !important;
  box-shadow: 0 12px 24px rgba(52,58,46, .20) !important;
}

body.login-bg .iw-btn-login:hover {
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 100%) !important;
}

body.login-bg .iw-login-right {
  background:
    radial-gradient(circle at 72% 16%, rgba(255,255,255, .70), transparent 26%),
    radial-gradient(circle at 18% 82%, rgba(183,229,50, .42), transparent 34%),
    linear-gradient(145deg, #f1f5e9 0%, #dde7c8 52%, #f6f8f1 100%) !important;
}

body.login-bg .iw-login-brand-card {
  color: #191c17 !important;
}

body.login-bg .iw-brand-title {
  color: #191c17 !important;
  font-size: 34px !important;
  max-width: 600px !important;
}

body.login-bg .iw-brand-sub,
body.login-bg .iw-brand-tagline {
  color: #343a2e !important;
}

body.login-bg .iw-brand-sub {
  font-size: 16px !important;
  max-width: 560px !important;
}

body.login-bg .iw-login-visual {
  min-height: 230px !important;
}

body.login-bg .iw-login-visual-card {
  width: 390px !important;
  border-color: rgba(52,58,46, .16) !important;
  background: rgba(255,255,255, .96) !important;
  box-shadow: 0 22px 58px rgba(52,58,46, .18) !important;
}

body.login-bg .iw-login-visual-main {
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 100%) !important;
}

body.login-bg .iw-login-visual-main i {
  width: 56px !important;
  height: 56px !important;
  font-size: 25px !important;
}

body.login-bg .iw-login-visual-main strong {
  font-size: 20px !important;
}

body.login-bg .iw-login-visual-main span {
  font-size: 13px !important;
}

body.login-bg .iw-login-visual-pill {
  min-height: 68px !important;
  border-color: rgba(52,58,46, .20) !important;
  background: #f5f8ef !important;
  color: #343a2e !important;
  font-size: 15px !important;
}

body.login-bg .iw-login-visual-pill.alt {
  background: #f9fbf6 !important;
  color: #343a2e !important;
}

body.login-bg .iw-brand-features {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.login-bg .iw-feature-item {
  grid-template-columns: 54px 1fr !important;
  min-height: 92px !important;
  padding: 18px !important;
  border: 1px solid rgba(52,58,46, .14) !important;
  background: rgba(255,255,255, .70) !important;
  box-shadow: 0 14px 32px rgba(52,58,46, .10) !important;
}

body.login-bg .iw-feature-item:hover {
  border-color: rgba(52,58,46, .28) !important;
  background: #ffffff !important;
}

body.login-bg .iw-feature-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 14px !important;
  background: #343a2e !important;
  color: #ffffff !important;
  font-size: 22px !important;
}

body.login-bg .iw-feature-item h4 {
  color: #191c17 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
}

body.login-bg .iw-feature-item p {
  color: #343a2e !important;
  font-size: 13px !important;
}

body.login-bg .iw-register-wrap .iw-brand-title {
  font-size: 32px !important;
}

body.login-bg .iw-register-wrap .iw-brand-features {
  margin-top: 24px !important;
}

/* IW 2026-05-15 - Final brand style: mail-first, centered forms, blue/turquoise */
:root {
  --iw-final-navy: #191c17;
  --iw-final-blue: #191c17;
  --iw-final-teal: #343a2e;
  --iw-final-cyan: #343a2e;
  --iw-final-sky: #f5f8ee;
}

body.login-bg {
  background:
    radial-gradient(circle at 78% 12%, rgba(52,58,46, .34), transparent 28%),
    radial-gradient(circle at 16% 84%, rgba(52,58,46, .38), transparent 34%),
    linear-gradient(135deg, var(--iw-final-blue) 0%, var(--iw-final-navy) 48%, #191c17 100%) !important;
}

body.login-bg .iw-login-left,
body.login-bg .iw-register-wrap .iw-register-left {
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
}

body.login-bg .iw-login-logo,
body.login-bg .iw-login-title,
body.login-bg .iw-login-sub,
body.login-bg .iw-login-form {
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.login-bg .iw-login-logo {
  text-align: left !important;
}

body.login-bg .iw-register-wrap .iw-login-logo,
body.login-bg .iw-register-wrap .iw-login-title,
body.login-bg .iw-register-wrap .iw-login-sub,
body.login-bg .iw-register-wrap .iw-register-form {
  max-width: 760px !important;
}

body.login-bg .iw-login-right {
  background:
    radial-gradient(circle at 82% 14%, rgba(52,58,46, .48), transparent 28%),
    radial-gradient(circle at 24% 78%, rgba(52,58,46, .42), transparent 34%),
    linear-gradient(145deg, #343a2e 0%, #191c17 52%, #191c17 100%) !important;
}

body.login-bg .iw-login-brand-card {
  color: #ffffff !important;
}

body.login-bg .iw-brand-title {
  color: #ffffff !important;
  font-size: 35px !important;
  line-height: 1.08 !important;
}

body.login-bg .iw-brand-sub,
body.login-bg .iw-brand-tagline {
  color: rgba(245,248,238, .82) !important;
}

body.login-bg .iw-login-visual {
  width: min(520px, 100%) !important;
  min-height: 258px !important;
  margin: 0 auto 28px !important;
}

body.login-bg .iw-login-visual-card {
  width: 460px !important;
  max-width: 100% !important;
  border: 1px solid rgba(255,255,255, .22) !important;
  background: rgba(255,255,255, .96) !important;
  box-shadow: 0 28px 70px rgba(0,0,0, .24) !important;
  transform: none !important;
}

body.login-bg .iw-login-visual-body {
  grid-template-columns: 1.55fr .82fr !important;
}

body.login-bg .iw-login-visual-main {
  position: relative !important;
  min-height: 176px !important;
  padding: 24px 120px 24px 24px !important;
  background: linear-gradient(135deg, #343a2e 0%, var(--iw-final-teal) 100%) !important;
  overflow: hidden !important;
}

body.login-bg .iw-login-visual-main .iw-mail-hero-icon,
body.login-bg .iw-register-mail-hero i {
  display: inline-grid !important;
  place-items: center !important;
}

body.login-bg .iw-login-visual-main .iw-mail-hero-icon {
  position: absolute !important;
  right: 20px !important;
  top: 50% !important;
  width: 88px !important;
  height: 88px !important;
  margin: 0 !important;
  border-radius: 24px !important;
  transform: translateY(-50%) !important;
  background: rgba(255,255,255, .20) !important;
  color: #ffffff !important;
  font-size: 42px !important;
}

body.login-bg .iw-login-visual-main strong {
  max-width: 190px !important;
  font-size: 23px !important;
}

body.login-bg .iw-login-visual-main span {
  max-width: 190px !important;
  font-size: 13px !important;
}

body.login-bg .iw-login-visual-pill {
  min-height: 78px !important;
  background: var(--iw-final-sky) !important;
  color: var(--iw-final-teal) !important;
  font-size: 16px !important;
}

body.login-bg .iw-login-visual-pill.alt {
  background: #ffffff !important;
  color: #343a2e !important;
}

body.login-bg .iw-register-mail-hero {
  display: inline-grid !important;
  place-items: center !important;
  width: 128px !important;
  height: 128px !important;
  margin: 0 0 28px !important;
  border: 1px solid rgba(255,255,255, .22) !important;
  border-radius: 32px !important;
  background: linear-gradient(135deg, rgba(52,58,46, .24), rgba(255,255,255, .12)) !important;
  color: #ffffff !important;
  box-shadow: 0 22px 54px rgba(0,0,0, .22) !important;
}

body.login-bg .iw-register-mail-hero i {
  font-size: 62px !important;
}

body.login-bg .iw-feature-item {
  border-color: rgba(255,255,255, .18) !important;
  background: rgba(255,255,255, .10) !important;
  box-shadow: none !important;
}

body.login-bg .iw-feature-item:hover {
  border-color: rgba(52,58,46, .36) !important;
  background: rgba(255,255,255, .16) !important;
}

body.login-bg .iw-feature-icon {
  background: rgba(52,58,46, .18) !important;
  color: #ffffff !important;
}

body.login-bg .iw-feature-item h4 {
  color: #ffffff !important;
}

body.login-bg .iw-feature-item p {
  color: rgba(245,248,238, .74) !important;
}

@media (max-width: 991px) {
  body.login-bg .iw-login-left,
  body.login-bg .iw-register-wrap .iw-register-left {
    justify-content: flex-start !important;
  }
}

@media (max-width: 560px) {
  body.login-bg .iw-login-visual-main {
    padding-right: 24px !important;
  }

  body.login-bg .iw-login-visual-main .iw-mail-hero-icon {
    position: static !important;
    width: 72px !important;
    height: 72px !important;
    margin-bottom: 14px !important;
    transform: none !important;
    font-size: 34px !important;
  }
}

/* IW 2026-05-15 - Real mailbox hero with subtle floating service badges */
body.login-bg .iw-mail-scene {
  position: relative !important;
  width: min(520px, 100%) !important;
  min-height: 330px !important;
  margin: 0 auto 28px !important;
}

body.login-bg .iw-mailbox-hero {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  display: flex !important;
  width: 270px !important;
  height: 220px !important;
  padding: 122px 24px 22px !important;
  border: 1px solid rgba(255,255,255, .26) !important;
  border-radius: 34px 34px 28px 28px !important;
  background:
    radial-gradient(circle at 50% 8%, rgba(255,255,255, .32), transparent 32%),
    linear-gradient(145deg, #343a2e 0%, #343a2e 62%, #191c17 100%) !important;
  box-shadow: 0 30px 72px rgba(0,0,0, .28), inset 0 1px 0 rgba(255,255,255, .26) !important;
  color: #ffffff !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  text-align: center !important;
  transform: translate(-50%, -50%) !important;
  animation: iw-mailbox-float 7s ease-in-out infinite !important;
}

body.login-bg .iw-mailbox-hero::before {
  content: "" !important;
  position: absolute !important;
  left: 28px !important;
  right: 28px !important;
  top: 34px !important;
  height: 96px !important;
  border-radius: 48px 48px 18px 18px !important;
  background: rgba(255,255,255, .94) !important;
  box-shadow: inset 0 -12px 0 rgba(52,58,46, .12) !important;
}

body.login-bg .iw-mailbox-hero::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 72px !important;
  width: 110px !important;
  height: 64px !important;
  border-radius: 12px !important;
  background:
    linear-gradient(145deg, transparent 48%, rgba(52,58,46, .22) 49%, rgba(52,58,46, .22) 51%, transparent 52%),
    linear-gradient(35deg, transparent 48%, rgba(52,58,46, .20) 49%, rgba(52,58,46, .20) 51%, transparent 52%),
    #f6f8f0 !important;
  border: 2px solid rgba(52,58,46, .34) !important;
  transform: translateX(-50%) rotate(-5deg) !important;
}

body.login-bg .iw-mailbox-flag {
  position: absolute !important;
  right: 24px !important;
  top: 34px !important;
  width: 42px !important;
  height: 58px !important;
  border-radius: 8px 8px 8px 0 !important;
  background: #ffffff !important;
  box-shadow: inset 0 -8px 0 rgba(52,58,46, .10) !important;
}

body.login-bg .iw-mailbox-door {
  position: absolute !important;
  left: 50% !important;
  top: 66px !important;
  z-index: 1 !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 76px !important;
  height: 76px !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, #ffffff, #f1f5e9) !important;
  color: #343a2e !important;
  box-shadow: 0 14px 28px rgba(25,28,23, .18) !important;
  transform: translateX(-50%) !important;
}

body.login-bg .iw-mailbox-door i {
  font-size: 34px !important;
}

body.login-bg .iw-mailbox-hero strong {
  position: relative !important;
  z-index: 2 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

body.login-bg .iw-mailbox-hero small {
  position: relative !important;
  z-index: 2 !important;
  margin-top: 8px !important;
  color: rgba(245,248,238, .82) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body.login-bg .iw-floating-badge {
  position: absolute !important;
  z-index: 3 !important;
  display: inline-flex !important;
  min-width: 96px !important;
  min-height: 46px !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(255,255,255, .24) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255, .94) !important;
  color: #343a2e !important;
  box-shadow: 0 16px 38px rgba(0,0,0, .18) !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  animation: iw-badge-float 8s ease-in-out infinite !important;
}

body.login-bg .iw-floating-badge i {
  color: #343a2e !important;
  font-size: 17px !important;
}

body.login-bg .iw-badge-web {
  left: 18px !important;
  top: 38px !important;
}

body.login-bg .iw-badge-wp {
  right: 16px !important;
  top: 58px !important;
  animation-delay: -1.5s !important;
}

body.login-bg .iw-badge-cpanel {
  left: 0 !important;
  bottom: 58px !important;
  animation-delay: -3s !important;
}

body.login-bg .iw-badge-ssl {
  right: 28px !important;
  bottom: 36px !important;
  animation-delay: -4.5s !important;
}

@keyframes iw-mailbox-float {
  0%, 100% { transform: translate(-50%, -50%) translateY(0); }
  50% { transform: translate(-50%, -50%) translateY(-5px); }
}

@keyframes iw-badge-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}

@media (prefers-reduced-motion: reduce) {
  body.login-bg .iw-mailbox-hero,
  body.login-bg .iw-floating-badge {
    animation: none !important;
  }
}

@media (max-width: 560px) {
  body.login-bg .iw-mail-scene {
    min-height: 300px !important;
  }

  body.login-bg .iw-mailbox-hero {
    width: 230px !important;
    height: 202px !important;
  }

  body.login-bg .iw-floating-badge {
    min-width: 82px !important;
    min-height: 40px !important;
    padding: 8px 11px !important;
    font-size: 12px !important;
  }
}

/* IW 2026-05-15 - Use real SVG mailbox asset, not CSS-built mailbox */
body.login-bg .iw-mailbox-hero-image {
  width: 320px !important;
  height: 300px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.login-bg .iw-mailbox-hero-image::before,
body.login-bg .iw-mailbox-hero-image::after {
  display: none !important;
  content: none !important;
}

body.login-bg .iw-mailbox-hero-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  filter: drop-shadow(0 28px 42px rgba(0,0,0, .22)) !important;
}

body.login-bg .iw-mailbox-hero-image strong,
body.login-bg .iw-mailbox-hero-image small {
  position: absolute !important;
  left: 50% !important;
  width: 220px !important;
  transform: translateX(-50%) !important;
}

body.login-bg .iw-mailbox-hero-image strong {
  bottom: 38px !important;
}

body.login-bg .iw-mailbox-hero-image small {
  bottom: 16px !important;
}

@media (max-width: 560px) {
  body.login-bg .iw-mailbox-hero-image {
    width: 270px !important;
    height: 260px !important;
  }
}

/* IW 2026-05-15 - Cleaner final mailbox composition */
body.login-bg .iw-login-visual {
  min-height: 360px !important;
  margin-bottom: 20px !important;
}

body.login-bg .iw-mail-scene {
  min-height: 360px !important;
  width: min(560px, 100%) !important;
}

body.login-bg .iw-mailbox-hero-image {
  width: 360px !important;
  height: auto !important;
}

body.login-bg .iw-mailbox-hero-image img {
  filter: drop-shadow(0 30px 46px rgba(0,0,0, .24)) !important;
}

body.login-bg .iw-mailbox-hero-image strong,
body.login-bg .iw-mailbox-hero-image small {
  display: none !important;
}

body.login-bg .iw-floating-badge {
  min-width: 108px !important;
  min-height: 48px !important;
  padding: 10px 15px !important;
  border: 1px solid rgba(52,58,46, .18) !important;
  background: rgba(255,255,255, .96) !important;
  color: #191c17 !important;
  box-shadow: 0 18px 42px rgba(25,28,23, .20) !important;
}

body.login-bg .iw-badge-web {
  left: 34px !important;
  top: 56px !important;
}

body.login-bg .iw-badge-wp {
  right: 30px !important;
  top: 76px !important;
}

body.login-bg .iw-badge-cpanel {
  left: 26px !important;
  bottom: 76px !important;
}

body.login-bg .iw-badge-ssl {
  right: 42px !important;
  bottom: 58px !important;
}

body.login-bg .iw-brand-title {
  max-width: 620px !important;
  margin-bottom: 12px !important;
}

body.login-bg .iw-brand-sub {
  max-width: 590px !important;
}

body.login-bg .iw-brand-features {
  display: none !important;
}

body.login-bg .iw-mail-summary {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: min(590px, 100%) !important;
  margin-top: 26px !important;
}

body.login-bg .iw-mail-summary span {
  display: inline-flex !important;
  min-height: 48px !important;
  padding: 11px 13px !important;
  border: 1px solid rgba(255,255,255, .16) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255, .10) !important;
  color: rgba(245,248,238, .90) !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: center !important;
}

body.login-bg .iw-mail-summary i {
  color: #343a2e !important;
}

@media (max-width: 560px) {
  body.login-bg .iw-login-visual,
  body.login-bg .iw-mail-scene {
    min-height: 315px !important;
  }

  body.login-bg .iw-mailbox-hero-image {
    width: 285px !important;
  }

  body.login-bg .iw-floating-badge {
    min-width: 82px !important;
    font-size: 12px !important;
  }

  body.login-bg .iw-mail-summary {
    grid-template-columns: 1fr !important;
  }
}

/* IW 2026-05-15 - Static email hero: no mail animation, small service icons */
body.login-bg .iw-mail-scene,
body.login-bg .iw-mail-scene *,
body.login-bg .iw-mailbox-hero,
body.login-bg .iw-floating-badge {
  animation: none !important;
  transition: none !important;
}

body.login-bg .iw-mail-scene {
  min-height: 320px !important;
}

body.login-bg .iw-mail-message-hero {
  width: 330px !important;
  height: 252px !important;
}

body.login-bg .iw-mail-message-hero img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  filter: drop-shadow(0 26px 42px rgba(0,0,0, .24)) !important;
}

body.login-bg .iw-floating-badge {
  min-width: 72px !important;
  min-height: 38px !important;
  padding: 8px 11px !important;
  gap: 6px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  box-shadow: 0 12px 28px rgba(25,28,23, .16) !important;
}

body.login-bg .iw-floating-badge i {
  font-size: 14px !important;
}

body.login-bg .iw-badge-web {
  left: 64px !important;
  top: 58px !important;
}

body.login-bg .iw-badge-cpanel {
  left: 74px !important;
  bottom: 70px !important;
}

body.login-bg .iw-badge-ssl {
  right: 76px !important;
  top: 112px !important;
  bottom: auto !important;
}

@media (max-width: 560px) {
  body.login-bg .iw-mail-message-hero {
    width: 280px !important;
    height: 220px !important;
  }

  body.login-bg .iw-badge-web {
    left: 18px !important;
  }

  body.login-bg .iw-badge-cpanel {
    left: 20px !important;
  }

  body.login-bg .iw-badge-ssl {
    right: 18px !important;
  }
}


/* IW 2026-05-15 - FORCE REAL 2x2 stats: Ciclo/Monto + Pago/Registrado */
body .theme-client-service-detail-page .estilo-del-producto .iw-hero-stats,
body .theme-client-service-detail-page .iw-service-hero.estilo-del-producto .iw-hero-stats {
  grid-area: datos !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-areas:
    "ciclo monto"
    "pago registrado" !important;
  grid-auto-flow: row !important;
  grid-auto-columns: unset !important;
  grid-auto-rows: unset !important;
  gap: 10px !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  align-self: stretch !important;
}

body .theme-client-service-detail-page .estilo-del-producto .iw-hero-stats > .iw-hero-stat:nth-child(1) { grid-area: ciclo !important; }
body .theme-client-service-detail-page .estilo-del-producto .iw-hero-stats > .iw-hero-stat:nth-child(2) { grid-area: monto !important; }
body .theme-client-service-detail-page .estilo-del-producto .iw-hero-stats > .iw-hero-stat:nth-child(3) { grid-area: pago !important; }
body .theme-client-service-detail-page .estilo-del-producto .iw-hero-stats > .iw-hero-stat:nth-child(4) { grid-area: registrado !important; }

body .theme-client-service-detail-page .estilo-del-producto .iw-hero-stats > .iw-hero-stat,
body .theme-client-service-detail-page .iw-service-hero.estilo-del-producto .iw-hero-stats > .iw-hero-stat {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 12px 10px !important;
  float: none !important;
  clear: none !important;
  border: 1px solid rgba(241,245,233,.22) !important;
  border-radius: 12px !important;
  background: rgba(25,28,23, .24) !important;
  text-align: center !important;
  gap: 5px !important;
}

body .theme-client-service-detail-page .estilo-del-producto .iw-hero-stats > .iw-hero-stat svg {
  display: none !important;
}

body .theme-client-service-detail-page .estilo-del-producto .iw-hero-stats .iw-hero-stat-label,
body .theme-client-service-detail-page .estilo-del-producto .iw-hero-stats .iw-hero-stat-val {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
}

body .theme-client-service-detail-page .estilo-del-producto .iw-hero-stats .iw-hero-stat-label {
  color: #e3ebd1 !important;
  font-size: 10.5px !important;
  line-height: 1.1 !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

body .theme-client-service-detail-page .estilo-del-producto .iw-hero-stats .iw-hero-stat-val,
body .theme-client-service-detail-page .estilo-del-producto .iw-hero-stats .iw-hero-stat--price .iw-hero-stat-val {
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
}

@media (max-width: 560px) {
  body .theme-client-service-detail-page .estilo-del-producto .iw-hero-stats,
  body .theme-client-service-detail-page .iw-service-hero.estilo-del-producto .iw-hero-stats {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-areas:
      "ciclo monto"
      "pago registrado" !important;
  }
}

/* IW 2026-05-15 - Billing summary: filas compactas junto al bloque lateral */
body .theme-client-service-detail-page .product-detail-left-column:nth-child(2) {
  margin-top: 10px !important;
}

body .theme-client-service-detail-page .iw-billing-table {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #e9ebe5 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 16px rgba(25,28,23, .05) !important;
  overflow: hidden !important;
}

body .theme-client-service-detail-page .iw-billing-table .iw-billing-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 10px 16px !important;
  border: none !important;
  border-bottom: 1px solid #f6f9f1 !important;
  border-radius: 0 !important;
  background: transparent !important;
  gap: 12px !important;
}

body .theme-client-service-detail-page .iw-billing-table .iw-billing-row:last-child {
  border-bottom: none !important;
}

body .theme-client-service-detail-page .iw-billing-table .iw-billing-label {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  color: #64695e !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

body .theme-client-service-detail-page .iw-billing-table .iw-billing-label svg {
  width: 13px !important;
  height: 13px !important;
  min-width: 13px !important;
  color: #9ba88a !important;
}

body .theme-client-service-detail-page .iw-billing-table .iw-billing-value {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #191c17 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body .theme-client-service-detail-page .iw-billing-table .iw-billing-price,
body .theme-client-service-detail-page .iw-billing-table .iw-billing-due-val {
  color: #343a2e !important;
}

body .theme-client-service-detail-page .iw-billing-table .iw-billing-warn {
  background: #fff7ed !important;
  border-bottom: 1px solid #fed7aa !important;
}

/* IW 2026-05-15 - Product 223 full product-detail redesign */
body .theme-client-service-detail-page.iw-service-detail-url-223 {
  max-width: 1240px !important;
  margin: 22px auto 34px !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .primary-content {
  margin-bottom: 0 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-service-card,
body .theme-client-service-detail-page.iw-service-detail-url-223 #tabOverview .panel.panel-default.card,
body .theme-client-service-detail-page.iw-service-detail-url-223 #tabOverview .panel.card,
body .theme-client-service-detail-page.iw-service-detail-url-223 #tabOverview .form-box,
body .theme-client-service-detail-page.iw-service-detail-url-223 .product-hook-panel > div,
body .theme-client-service-detail-page.iw-service-detail-url-223 .module-client-area,
body .theme-client-service-detail-page.iw-service-detail-url-223 #tabDownloads .form-box,
body .theme-client-service-detail-page.iw-service-detail-url-223 #tabAddons .form-box,
body .theme-client-service-detail-page.iw-service-detail-url-223 #tabChangepw > .card {
  overflow: hidden !important;
  border: 1px solid #eff4e5 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 32px rgba(25,28,23, .07) !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-service-card > .card-body {
  padding: 14px !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto,
body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-service-hero.estilo-del-producto {
  min-height: 300px !important;
  padding: 24px !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-feature-cards {
  margin-top: 12px !important;
  padding: 14px !important;
  border: 1px solid #eff4e5 !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #ffffff 0%, #fcfdfa 100%) !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-feature-cards-title {
  margin-bottom: 10px !important;
  color: #191c17 !important;
  font-size: 13px !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-feature-cards-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-feature-card {
  min-height: 66px !important;
  padding: 9px !important;
  border-color: #f1f5e9 !important;
  border-radius: 10px !important;
  background: #fbfcf8 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-feature-card-icon {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 9px !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .nav.nav-tabs.responsive-tabs-sm {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 16px 0 14px !important;
  padding: 8px !important;
  border: 1px solid #eff4e5 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(25,28,23, .05) !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .nav.nav-tabs.responsive-tabs-sm .nav-item {
  margin: 0 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .nav.nav-tabs.responsive-tabs-sm .nav-link {
  min-height: 38px !important;
  padding: 9px 13px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: #64695e !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  background: transparent !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .nav.nav-tabs.responsive-tabs-sm .nav-link.active,
body .theme-client-service-detail-page.iw-service-detail-url-223 .nav.nav-tabs.responsive-tabs-sm .nav-link:hover {
  border-color: rgba(52,58,46, .22) !important;
  color: #343a2e !important;
  background: #f5f8ef !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .tab-content.bg-white.product-details-tab-container {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 #tabOverview .panel-heading,
body .theme-client-service-detail-page.iw-service-detail-url-223 #tabOverview .card-header,
body .theme-client-service-detail-page.iw-service-detail-url-223 #tabDownloads .form-title,
body .theme-client-service-detail-page.iw-service-detail-url-223 #tabAddons .form-title,
body .theme-client-service-detail-page.iw-service-detail-url-223 #tabChangepw .card-title {
  display: flex !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 13px 16px !important;
  border-bottom: 1px solid #f1f5e9 !important;
  color: #191c17 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  align-items: center !important;
  background: linear-gradient(135deg, #fcfdfa 0%, #f8faf3 100%) !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 #tabOverview .panel-body,
body .theme-client-service-detail-page.iw-service-detail-url-223 #tabOverview .card-body,
body .theme-client-service-detail-page.iw-service-detail-url-223 #tabDownloads .row,
body .theme-client-service-detail-page.iw-service-detail-url-223 #tabAddons .row,
body .theme-client-service-detail-page.iw-service-detail-url-223 #tabChangepw .card-body {
  padding: 14px !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 #tabOverview .product-details-tab-container .row,
body .theme-client-service-detail-page.iw-service-detail-url-223 #tabOverview .panel-body > .row,
body .theme-client-service-detail-page.iw-service-detail-url-223 #tabOverview .card-body > .row {
  margin: 0 !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid #f4f7ee !important;
  align-items: center !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 #tabOverview .product-details-tab-container .row:last-child,
body .theme-client-service-detail-page.iw-service-detail-url-223 #tabOverview .panel-body > .row:last-child,
body .theme-client-service-detail-page.iw-service-detail-url-223 #tabOverview .card-body > .row:last-child {
  border-bottom: 0 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 #tabOverview .col-sm-5,
body .theme-client-service-detail-page.iw-service-detail-url-223 #tabOverview .col-sm-7 {
  padding: 0 8px !important;
  color: #64695e !important;
  font-size: 13px !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 #tabOverview .col-sm-5 strong {
  color: #64695e !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-product-object.iw-product-flyer {
  border-radius: 12px !important;
  box-shadow: 0 10px 24px rgba(52,58,46, .09) !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .cpanel-feature-row {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin: 0 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .cpanel-feature-row > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .cpanel-feature-row a {
  min-height: 88px !important;
  padding: 10px 8px !important;
  border: 1px solid #eff4e5 !important;
  border-radius: 12px !important;
  background: #fbfcf8 !important;
  color: #191c17 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .cpanel-feature-row a:hover {
  border-color: rgba(52,58,46, .28) !important;
  background: #f5f8ef !important;
  transform: translateY(-1px) !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-cpanel-shortcut-icon {
  width: 34px !important;
  height: 34px !important;
  margin-bottom: 7px !important;
  border-radius: 10px !important;
  background: #343a2e !important;
  color: #ffffff !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-usage-card {
  border-color: #eff4e5 !important;
  border-radius: 12px !important;
  background: #fbfcf8 !important;
  box-shadow: none !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 #cPanelQuickEmailPanel form > .row,
body .theme-client-service-detail-page.iw-service-detail-url-223 #cPanelBillingOverviewPanel .panel-body > .row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 12px !important;
  border: 1px solid #f1f5e9 !important;
  border-radius: 12px !important;
  background: #fbfcf8 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 #cPanelQuickEmailPanel form > .row > [class*="col-"],
body .theme-client-service-detail-page.iw-service-detail-url-223 #cPanelBillingOverviewPanel .panel-body > .row > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .form-control,
body .theme-client-service-detail-page.iw-service-detail-url-223 .input,
body .theme-client-service-detail-page.iw-service-detail-url-223 .input-group-text {
  min-height: 42px !important;
  border-color: #e6edd7 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .btn,
body .theme-client-service-detail-page.iw-service-detail-url-223 .wgs_custom-btn,
body .theme-client-service-detail-page.iw-service-detail-url-223 .bottom-button-pdetail .btn {
  min-height: 38px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .product-detail-addon,
body .theme-client-service-detail-page.iw-service-detail-url-223 .box-tab-dwnld {
  height: 100% !important;
  border: 1px solid #eff4e5 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(25,28,23, .05) !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .product-detail-addon .title-p-detail,
body .theme-client-service-detail-page.iw-service-detail-url-223 .download-heading-title {
  padding: 12px !important;
  border-bottom: 1px solid #f1f5e9 !important;
  background: #fcfdfa !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .description-p-detail,
body .theme-client-service-detail-page.iw-service-detail-url-223 .download-descp-btm,
body .theme-client-service-detail-page.iw-service-detail-url-223 .bottom-button-pdetail {
  padding: 12px !important;
}

@media (max-width: 1100px) {
  body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-feature-cards-grid,
  body .theme-client-service-detail-page.iw-service-detail-url-223 .cpanel-feature-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  body .theme-client-service-detail-page.iw-service-detail-url-223 {
    margin: 12px 10px 24px !important;
  }

  body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-feature-cards-grid,
  body .theme-client-service-detail-page.iw-service-detail-url-223 .cpanel-feature-row,
  body .theme-client-service-detail-page.iw-service-detail-url-223 #cPanelQuickEmailPanel form > .row,
  body .theme-client-service-detail-page.iw-service-detail-url-223 #cPanelBillingOverviewPanel .panel-body > .row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 430px) {
  body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-feature-cards-grid,
  body .theme-client-service-detail-page.iw-service-detail-url-223 .cpanel-feature-row,
  body .theme-client-service-detail-page.iw-service-detail-url-223 #cPanelQuickEmailPanel form > .row,
  body .theme-client-service-detail-page.iw-service-detail-url-223 #cPanelBillingOverviewPanel .panel-body > .row {
    grid-template-columns: 1fr !important;
  }
}

/* IW 2026-05-15 - Login hero: visible normal email message */
body.login-bg .iw-mailbox-hero-image.iw-mail-message-hero {
  display: inline-grid !important;
  place-items: center !important;
  width: 330px !important;
  height: 252px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  animation: none !important;
  transform: none !important;
}

body.login-bg .iw-mailbox-hero-image.iw-mail-message-hero::before,
body.login-bg .iw-mailbox-hero-image.iw-mail-message-hero::after {
  display: none !important;
  content: none !important;
}

body.login-bg .iw-mailbox-hero-image.iw-mail-message-hero i {
  display: none !important;
}

body.login-bg .iw-mailbox-hero-image.iw-mail-message-hero img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 330px !important;
  margin: 0 auto !important;
  line-height: 1 !important;
  filter: drop-shadow(0 26px 42px rgba(0,0,0, .24)) !important;
}

@media (max-width: 560px) {
  body.login-bg .iw-mailbox-hero-image.iw-mail-message-hero {
    width: 280px !important;
    height: 220px !important;
  }

  body.login-bg .iw-mailbox-hero-image.iw-mail-message-hero img {
    max-width: 280px !important;
  }
}

/* IW 2026-05-15 - Product 223: addon-style hosting presentation */
body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto,
body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-service-hero.estilo-del-producto {
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #eff4e5 !important;
  border-radius: 14px !important;
  color: #191c17 !important;
  background: #ffffff !important;
  box-shadow: 0 10px 28px rgba(25,28,23, .06) !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto::before,
body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto::after {
  display: none !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto .iw-hero-top {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 18px !important;
  border-bottom: 1px solid #f1f5e9 !important;
  background: linear-gradient(135deg, #fcfdfa 0%, #f8faf3 100%) !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto .iw-service-icon-wrap {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  margin: 0 !important;
  border: 1px solid #e0e9ce !important;
  border-radius: 14px !important;
  color: #343a2e !important;
  background: #ffffff !important;
  box-shadow: 0 8px 20px rgba(52,58,46, .08) !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto .iw-service-icon-wrap svg {
  width: 26px !important;
  height: 26px !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto .iw-service-info {
  min-width: 0 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto .iw-service-name {
  margin: 0 0 5px !important;
  color: #191c17 !important;
  font-size: 20px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto .iw-service-group,
body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto .iw-service-domain {
  margin: 0 !important;
  color: #64695e !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 750 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto__badges {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 7px !important;
  margin: 0 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto .iw-status-badge,
body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto__env {
  min-height: 26px !important;
  padding: 7px 10px !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 999px !important;
  color: #166534 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  background: #ecfdf5 !important;
  box-shadow: none !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto__env {
  border-color: #ecf0e2 !important;
  color: #64695e !important;
  background: #ffffff !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto .iw-hero-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-template-areas: none !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  background: #ffffff !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto .iw-hero-stats > .iw-hero-stat {
  display: flex !important;
  min-height: 70px !important;
  padding: 12px !important;
  border: 1px solid #ecf0e2 !important;
  border-radius: 12px !important;
  background: #fbfcf8 !important;
  box-shadow: none !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: left !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto .iw-hero-stat svg {
  display: none !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto .iw-hero-stat-label {
  width: 100% !important;
  margin: 0 0 5px !important;
  color: #64695e !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  text-align: left !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto .iw-hero-stat-val,
body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto .iw-hero-stat--price .iw-hero-stat-val {
  width: 100% !important;
  color: #191c17 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  text-align: left !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto__usage {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 18px 16px !important;
  background: #ffffff !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto__usage-card {
  margin: 0 !important;
  padding: 12px !important;
  border: 1px solid #f1f5e9 !important;
  border-radius: 12px !important;
  background: #fcfdfa !important;
  box-shadow: none !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto__usage-head span {
  color: #64695e !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto__usage-head strong,
body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto__usage-card p {
  color: #191c17 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto__progress {
  height: 7px !important;
  background: #ecf0e2 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto__progress span {
  background: linear-gradient(90deg, #343a2e, #22c55e) !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto .iw-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 16px 18px 18px !important;
  border-top: 1px solid #f4f7ee !important;
  background: #ffffff !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto .iw-hero-btn {
  min-height: 38px !important;
  padding: 10px 13px !important;
  border: 1px solid #eff4e5 !important;
  border-radius: 10px !important;
  color: #191c17 !important;
  background: #fbfcf8 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto .iw-hero-btn--primary,
body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto .iw-hero-btn--success {
  border-color: #343a2e !important;
  color: #ffffff !important;
  background: #343a2e !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto .iw-hero-btn--wa {
  border-color: #bbf7d0 !important;
  color: #166534 !important;
  background: #ecfdf5 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-product-object.iw-product-flyer {
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) !important;
  min-height: 0 !important;
  gap: 13px !important;
  padding: 16px !important;
  border: 1px solid #eff4e5 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(25,28,23,.05) !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-product-object.iw-product-flyer::after {
  display: none !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-product-object.iw-product-flyer .iw-product-object-art {
  width: 56px !important;
  height: 56px !important;
  min-height: 0 !important;
  border: 1px solid #e0e9ce !important;
  border-radius: 14px !important;
  background: #f8faf3 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-product-object.iw-product-flyer .iw-server-cube {
  width: 30px !important;
  height: 30px !important;
  transform: none !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-product-object.iw-product-flyer .iw-server-cube span {
  background: #343a2e !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-product-object.iw-product-flyer .iw-product-object-copy {
  min-width: 0 !important;
  padding: 0 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-product-object.iw-product-flyer .iw-product-object-kicker {
  display: inline-flex !important;
  margin: 0 0 6px !important;
  padding: 5px 8px !important;
  border: 1px solid #ecf0e2 !important;
  border-radius: 999px !important;
  color: #64695e !important;
  background: #fbfcf8 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-product-object.iw-product-flyer .iw-product-object-copy strong {
  color: #191c17 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-product-object.iw-product-flyer .iw-product-object-copy small {
  color: #64695e !important;
  font-size: 12px !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-product-object-meta {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-product-object-meta span {
  min-height: 52px !important;
  padding: 9px !important;
  border: 1px solid #ecf0e2 !important;
  border-radius: 10px !important;
  background: #fbfcf8 !important;
  color: #191c17 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-product-object-action {
  display: inline-flex !important;
  width: auto !important;
  margin-top: 12px !important;
  padding: 9px 12px !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  background: #343a2e !important;
  font-size: 12px !important;
}

@media (max-width: 900px) {
  body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto .iw-hero-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto .iw-hero-top,
  body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-product-object.iw-product-flyer,
  body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-product-object-meta,
  body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto__usage {
    grid-template-columns: 1fr !important;
  }

  body .theme-client-service-detail-page.iw-service-detail-url-223 .estilo-del-producto__badges {
    align-items: flex-start !important;
  }
}

/* ── IW WELCOME CARDS v2: CORREOS · WORDPRESS · CPANEL ── */

/* Hero icon wrapper */
.iw-wc-hero-wrap {
  display: flex;
  justify-content: center;
  margin: 8px 0 26px;
}

/* Shared hero badge */
.iw-wc-hero-mail,
.iw-wc-hero-wp,
.iw-wc-hero-cp {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 130px;
  border-radius: 32px;
  font-size: 72px;
  color: #fff;
  animation: iwWcFloat 4.8s ease-in-out infinite;
}

/* Per-topic palette */
.iw-wc-hero-mail {
  background: linear-gradient(135deg, rgba(52,58,46,.3), rgba(52,58,46,.42));
  border: 1.5px solid rgba(133,156,88,.45);
  box-shadow: 0 10px 36px rgba(52,58,46,.28), inset 0 1px 0 rgba(255,255,255,.14);
}
.iw-wc-hero-wp {
  background: linear-gradient(135deg, rgba(52,58,46,.3), rgba(52,58,46,.42));
  border: 1.5px solid rgba(52,58,46,.5);
  box-shadow: 0 10px 36px rgba(52,58,46,.28), inset 0 1px 0 rgba(255,255,255,.14);
}
.iw-wc-hero-cp {
  background: linear-gradient(135deg, rgba(249,115,22,.24), rgba(234,88,12,.38));
  border: 1.5px solid rgba(249,115,22,.48);
  box-shadow: 0 10px 36px rgba(249,115,22,.22), inset 0 1px 0 rgba(255,255,255,.14);
}

/* Floating chip decorators */
.iw-wc-chip {
  position: absolute;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.24);
  background: rgba(255,255,255,.92);
  font-size: 14px;
  box-shadow: 0 8px 20px rgba(25,28,23,.18);
}

.chip-at    { top: -8px;  left: -14px; color: #343a2e; animation: iwWcChip1 4.2s ease-in-out infinite; }
.chip-send  { bottom: -8px; right: -14px; color: #16a34a; animation: iwWcChip2 5.1s ease-in-out infinite; }
.chip-inbox { top: 50%; right: -18px; transform: translateY(-50%); color: #7c3aed; animation: iwWcChip3 4.6s ease-in-out infinite; }
.chip-brush { top: -8px; right: -14px; color: #f97316; animation: iwWcChip1 4.5s ease-in-out infinite; }
.chip-plugin{ bottom: -8px; left: -14px; color: #7c3aed; animation: iwWcChip2 5.4s ease-in-out infinite; }
.chip-db    { top: -8px;  left: -14px; color: #343a2e; animation: iwWcChip1 4.3s ease-in-out infinite; }
.chip-ssl   { bottom: -8px; right: -14px; color: #16a34a; animation: iwWcChip2 5.2s ease-in-out infinite; }

@keyframes iwWcFloat {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-8px); }
}
@keyframes iwWcChip1 {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50%       { transform: translateY(-6px) rotate(8deg); }
}
@keyframes iwWcChip2 {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50%       { transform: translateY(6px) rotate(-8deg); }
}
@keyframes iwWcChip3 {
  0%, 100% { transform: translateY(-50%) scale(1); }
  50%       { transform: translateY(calc(-50% - 5px)) scale(1.08); }
}

/* Colored icon tints for email cards */
.iw-wc-card-blue   .iw-welcome-feature i  { color: #343a2e; }
.iw-wc-card-orange .iw-welcome-feature i  { color: #ea580c; }
.iw-wc-card-green  .iw-welcome-feature i  { color: #16a34a; }
.iw-wc-card-purple .iw-welcome-feature i  { color: #7c3aed; }
.iw-wc-card-blue   i,
.iw-wc-card-orange i,
.iw-wc-card-green  i,
.iw-wc-card-purple i { background: rgba(255,255,255,.95) !important; }

/* 6-card grid (3 columns × 2 rows) for cPanel */
.iw-wc-grid-6 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 0;
}
.iw-wc-grid-6 .iw-welcome-feature {
  min-height: 130px;
}

/* Info bar (slide 1 bottom note) */
.iw-wc-info-bar {
  margin-top: 18px;
  padding: 11px 18px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 12px;
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.78);
  font-size: 13px;
  text-align: center;
}
.iw-wc-info-bar strong {
  color: #fff;
}

/* Action area (slides 2 & 3) */
.iw-wc-action-wrap {
  margin-top: 22px;
  text-align: center;
}
.iw-wc-url-label {
  margin-bottom: 10px;
  color: rgba(255,255,255,.5);
  font-size: 12.5px;
  font-family: ui-monospace, monospace;
  letter-spacing: .3px;
}
.iw-wc-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 32px;
  border: none;
  border-radius: 12px;
  background: rgba(255,255,255,.95);
  color: #343a2e;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
  transition: all .25s ease;
  box-shadow: 0 8px 24px rgba(25,28,23,.22);
}
.iw-wc-action-btn:hover,
.iw-wc-action-btn:focus {
  background: #fff;
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(25,28,23,.3);
  text-decoration: none;
  color: #343a2e;
}
.iw-wc-action-btn-green       { color: #16a34a; }
.iw-wc-action-btn-green:hover,
.iw-wc-action-btn-green:focus  { color: #15803d; }

/* Responsive */
@media (max-width: 768px) {
  .iw-wc-grid-6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .iw-wc-hero-mail,
  .iw-wc-hero-wp,
  .iw-wc-hero-cp { width: 100px; height: 100px; font-size: 54px; }
}

/* ── IW unified dark service hero: services 1598 + 2086 ── */
body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto,
body .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-hero.estilo-del-producto,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-hero.estilo-del-producto {
  position: relative !important;
  overflow: hidden !important;
  min-height: 360px !important;
  padding: 0 !important;
  border: 1px solid rgba(133,156,88, .22) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(52,58,46, .20), transparent 32%),
    radial-gradient(circle at 12% 95%, rgba(52,58,46, .22), transparent 34%),
    linear-gradient(135deg, #191c17 0%, #191c17 52%, #191c17 100%) !important;
  box-shadow: 0 22px 50px rgba(25,28,23, .24) !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto::before,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.06) 1px, transparent 1px) !important;
  background-size: 42px 42px !important;
  opacity: .24 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-top,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto .iw-hero-top {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 22px 24px 18px !important;
  background: transparent !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-service-icon-wrap,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto .iw-service-icon-wrap {
  width: 72px !important;
  height: 72px !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 18px !important;
  color: #f1f5e9 !important;
  background: rgba(255,255,255,.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 14px 30px rgba(25,28,23, .22) !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-service-icon-wrap svg,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto .iw-service-icon-wrap svg {
  width: 34px !important;
  height: 34px !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-service-name,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto .iw-service-name {
  margin: 0 0 5px !important;
  color: #ffffff !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-service-group,
body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-service-domain,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto .iw-service-group,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto .iw-service-domain {
  margin: 0 !important;
  color: rgba(243,246,235, .78) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto__badges,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto__badges {
  align-items: flex-end !important;
  gap: 8px !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-status-badge,
body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto__env,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto .iw-status-badge,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto__env {
  min-height: 28px !important;
  padding: 8px 11px !important;
  border: 1px solid rgba(187,247,208, .34) !important;
  border-radius: 999px !important;
  color: #dcfce7 !important;
  background: rgba(22,163,74, .18) !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto__env,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto__env {
  border-color: rgba(255,255,255,.20) !important;
  color: rgba(243,246,235, .78) !important;
  background: rgba(255,255,255,.10) !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-stats,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto .iw-hero-stats {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-template-areas: none !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 10px 24px 18px !important;
  background: transparent !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-stat,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto .iw-hero-stat {
  min-height: 82px !important;
  padding: 13px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.10) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
  text-align: left !important;
  align-items: flex-start !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-stat svg,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto .iw-hero-stat svg {
  width: 17px !important;
  height: 17px !important;
  color: #b7e532 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-stat-label,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto .iw-hero-stat-label {
  margin: 8px 0 5px !important;
  color: rgba(243,246,235, .62) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-stat-val,
body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-stat--price .iw-hero-stat-val,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto .iw-hero-stat-val,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto .iw-hero-stat--price .iw-hero-stat-val {
  color: #ffffff !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto__usage,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto__usage {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 24px 18px !important;
  background: transparent !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto__usage-card,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto__usage-card {
  border: 1px solid rgba(183,229,50, .20) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.10) !important;
  box-shadow: none !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto__usage-head span,
body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto__usage-card p,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto__usage-head span,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto__usage-card p {
  color: rgba(243,246,235, .68) !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto__usage-head strong,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto__usage-head strong {
  color: #ffffff !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-actions,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto .iw-hero-actions {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 24px 24px !important;
  border-top: 0 !important;
  background: transparent !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-btn,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto .iw-hero-btn {
  min-height: 40px !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 11px !important;
  color: #f1f5e9 !important;
  background: rgba(255,255,255,.10) !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-btn--primary,
body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-btn--success,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto .iw-hero-btn--primary,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto .iw-hero-btn--success {
  border-color: rgba(52,58,46, .46) !important;
  color: #191c17 !important;
  background: #b7e532 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-btn--wa,
body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto .iw-hero-btn--wa {
  border-color: rgba(134,239,172, .36) !important;
  color: #dcfce7 !important;
  background: rgba(22,163,74, .22) !important;
}

@media (max-width: 900px) {
  body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-stats,
  body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto .iw-hero-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-top,
  body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto .iw-hero-top,
  body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-stats,
  body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto .iw-hero-stats,
  body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto__usage,
  body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto__usage {
    grid-template-columns: 1fr !important;
  }

  body .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto__badges,
  body .theme-client-service-detail-page.iw-service-detail-url-2086 .estilo-del-producto__badges {
    align-items: flex-start !important;
  }
}

/* IW 2026-05-15 - client area login palette v2.8.5 */
body:not(.login-bg) {
  --iw-login-navy: #191c17;
  --iw-login-blue: #191c17;
  --iw-login-teal-dark: #343a2e;
  --iw-login-teal: #343a2e;
  --iw-login-cyan: #343a2e;
  --iw-login-sky: #f5f8ee;
  --iw-login-mist: #f9fbf5;
  --iw-login-line: #e6edd6;
  --iw-login-text: #191c17;
  --iw-login-muted: #64695e;
  background:
    radial-gradient(circle at 85% 0%, rgba(52,58,46, .18), transparent 28%),
    radial-gradient(circle at 12% 18%, rgba(52,58,46, .10), transparent 26%),
    linear-gradient(180deg, #fcfdfa 0%, var(--iw-login-mist) 100%) !important;
  color: var(--iw-login-text) !important;
}

body:not(.login-bg) #content {
  background:
    radial-gradient(circle at 92% 8%, rgba(52,58,46, .13), transparent 25%),
    linear-gradient(180deg, rgba(255,255,255,.70) 0%, rgba(249,251,245,.92) 100%) !important;
}

body:not(.login-bg) a,
body:not(.login-bg) .text-primary,
body:not(.login-bg) .iw-page-header .iw-breadcrumb-link,
body:not(.login-bg) .product-with-domain a,
body:not(.login-bg) .ticket-subject-name,
body:not(.login-bg) .domain-name,
body:not(.login-bg) .invoice-number {
  color: var(--iw-login-teal) !important;
}

body:not(.login-bg) a:hover {
  color: var(--iw-login-teal-dark) !important;
}

body:not(.login-bg) .iw-page-title,
body:not(.login-bg) h1,
body:not(.login-bg) h2,
body:not(.login-bg) h3,
body:not(.login-bg) .panel-title,
body:not(.login-bg) .card-title,
body:not(.login-bg) .iw-home-card-title h3,
body:not(.login-bg) .iw-panel-card-head h4,
body:not(.login-bg) .form-title {
  color: var(--iw-login-blue) !important;
}

body:not(.login-bg) .iw-page-subtitle,
body:not(.login-bg) .text-muted,
body:not(.login-bg) small.text-muted,
body:not(.login-bg) .domain-product-name,
body:not(.login-bg) .ticket-department-name,
body:not(.login-bg) .ticket-updated-col {
  color: var(--iw-login-muted) !important;
}

body:not(.login-bg) .iw-page-header:not(.iw-product-detail-header),
body:not(.login-bg) .iw-dh2 {
  border-color: rgba(52,58,46, .22) !important;
  background:
    radial-gradient(circle at 88% 14%, rgba(52,58,46, .28), transparent 30%),
    radial-gradient(circle at 18% 90%, rgba(52,58,46, .24), transparent 32%),
    linear-gradient(145deg, var(--iw-login-teal-dark) 0%, var(--iw-login-blue) 54%, var(--iw-login-navy) 100%) !important;
  box-shadow: 0 18px 42px rgba(25,28,23, .16) !important;
}

body:not(.login-bg) .iw-page-header:not(.iw-product-detail-header) .iw-page-title,
body:not(.login-bg) .iw-page-header:not(.iw-product-detail-header) .iw-breadcrumb-current,
body:not(.login-bg) .iw-dh2-title {
  color: #ffffff !important;
}

body:not(.login-bg) .iw-page-header:not(.iw-product-detail-header) .iw-page-subtitle,
body:not(.login-bg) .iw-page-header:not(.iw-product-detail-header) .iw-breadcrumb,
body:not(.login-bg) .iw-page-header:not(.iw-product-detail-header) .iw-breadcrumb-link,
body:not(.login-bg) .iw-dh2-sub,
body:not(.login-bg) .iw-dh2-trust-item {
  color: rgba(245,248,238, .82) !important;
}

body:not(.login-bg) .panel,
body:not(.login-bg) .panel-default,
body:not(.login-bg) .card,
body:not(.login-bg) .iw-home-card,
body:not(.login-bg) .iw-panel-card,
body:not(.login-bg) .table-container,
body:not(.login-bg) .data-table-main-container,
body:not(.login-bg) .common-table-upper-header,
body:not(.login-bg) .form-box,
body:not(.login-bg) .formBox,
body:not(.login-bg) .main-card-accountdetail-section,
body:not(.login-bg) .theme-clientdetail-page .card,
body:not(.login-bg) .theme-open-ticket-page .card.submit-ticket-inner-section,
body:not(.login-bg) .iw-kb-cat-card,
body:not(.login-bg) .iw-kb-aside-card,
body:not(.login-bg) .knowledgebase-cat-list a,
body:not(.login-bg) .announcement-single,
body:not(.login-bg) .downloads-cat,
body:not(.login-bg) .download-item,
body:not(.login-bg) .invoice-summary,
body:not(.login-bg) .invoice-container,
body:not(.login-bg) .payment-method,
body:not(.login-bg) .paymethod-info {
  border-color: var(--iw-login-line) !important;
  background: rgba(255,255,255, .98) !important;
  box-shadow: 0 10px 26px rgba(52,58,46, .07) !important;
}

body:not(.login-bg) .panel-heading,
body:not(.login-bg) .card-header,
body:not(.login-bg) .iw-home-card-head,
body:not(.login-bg) .iw-panel-card-head,
body:not(.login-bg) .common-table-upper-header {
  border-color: #eff4e5 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8faf3 100%) !important;
}

body:not(.login-bg) .btn-primary,
body:not(.login-bg) .iw-btn-primary,
body:not(.login-bg) .wgs_custom-btn,
body:not(.login-bg) .add-button-common,
body:not(.login-bg) .iw-home-card-btn,
body:not(.login-bg) input[type="submit"],
body:not(.login-bg) .iw-dh2-btn {
  border-color: rgba(52,58,46, .42) !important;
  color: #191c17 !important;
  background: linear-gradient(135deg, #b7e532 0%, var(--iw-login-cyan) 44%, #343a2e 100%) !important;
  box-shadow: 0 10px 24px rgba(52,58,46, .18) !important;
}

body:not(.login-bg) .btn-primary:hover,
body:not(.login-bg) .iw-btn-primary:hover,
body:not(.login-bg) .wgs_custom-btn:hover,
body:not(.login-bg) .add-button-common:hover,
body:not(.login-bg) .iw-home-card-btn:hover,
body:not(.login-bg) input[type="submit"]:hover,
body:not(.login-bg) .iw-dh2-btn:hover {
  border-color: rgba(183,229,50, .58) !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 58%, #343a2e 100%) !important;
}

body:not(.login-bg) .btn-default,
body:not(.login-bg) .iw-btn-secondary,
body:not(.login-bg) .wgs_cancel_button,
body:not(.login-bg) .domain-upper-bulk-button .setBulkAction,
body:not(.login-bg) .common-sort-dropdown > a {
  border-color: var(--iw-login-line) !important;
  color: var(--iw-login-teal-dark) !important;
  background: #ffffff !important;
}

body:not(.login-bg) .btn-default:hover,
body:not(.login-bg) .iw-btn-secondary:hover,
body:not(.login-bg) .wgs_cancel_button:hover,
body:not(.login-bg) .domain-upper-bulk-button .setBulkAction:hover,
body:not(.login-bg) .common-sort-dropdown > a:hover {
  border-color: rgba(52,58,46, .38) !important;
  color: var(--iw-login-teal) !important;
  background: var(--iw-login-sky) !important;
}

body:not(.login-bg) .form-control,
body:not(.login-bg) .custom-select,
body:not(.login-bg) select,
body:not(.login-bg) textarea,
body:not(.login-bg) input[type="text"],
body:not(.login-bg) input[type="email"],
body:not(.login-bg) input[type="password"],
body:not(.login-bg) input[type="number"],
body:not(.login-bg) .inputBox .input,
body:not(.login-bg) .iw-input,
body:not(.login-bg) .common-serach-input .input-group {
  border-color: var(--iw-login-line) !important;
  background: #ffffff !important;
  color: var(--iw-login-text) !important;
}

body:not(.login-bg) .form-control:focus,
body:not(.login-bg) .custom-select:focus,
body:not(.login-bg) select:focus,
body:not(.login-bg) textarea:focus,
body:not(.login-bg) input[type="text"]:focus,
body:not(.login-bg) input[type="email"]:focus,
body:not(.login-bg) input[type="password"]:focus,
body:not(.login-bg) input[type="number"]:focus,
body:not(.login-bg) .inputBox .input:focus,
body:not(.login-bg) .iw-input:focus {
  border-color: rgba(52,58,46, .76) !important;
  box-shadow: 0 0 0 4px rgba(52,58,46, .13) !important;
}

body:not(.login-bg) .table thead th,
body:not(.login-bg) table.table-list thead th,
body:not(.login-bg) table.dataTable thead th {
  border-color: #eff4e5 !important;
  color: var(--iw-login-blue) !important;
  background: linear-gradient(180deg, #fcfdfa 0%, #f5f8ee 100%) !important;
}

body:not(.login-bg) .table tbody td,
body:not(.login-bg) table.table-list tbody td,
body:not(.login-bg) table.dataTable tbody td {
  border-color: #f6f8f1 !important;
  color: #191c17 !important;
}

body:not(.login-bg) .table tbody tr:hover,
body:not(.login-bg) table.table-list tbody tr:hover,
body:not(.login-bg) table.dataTable tbody tr:hover {
  background: #f9faf5 !important;
}

body:not(.login-bg) .iw-tile-icon,
body:not(.login-bg) .iw-home-card-icon,
body:not(.login-bg) .iw-panel-card-ico,
body:not(.login-bg) .iw-cpanel-shortcut-icon {
  color: var(--iw-login-teal) !important;
  background: linear-gradient(135deg, #f5f8ee 0%, #ecf1e1 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(52,58,46, .18) !important;
}

body:not(.login-bg) .iw-tile .iw-tile-icon.green,
body:not(.login-bg) .status-active,
body:not(.login-bg) .iw-status-active,
body:not(.login-bg) .label.status-active {
  border-color: #b8f3dc !important;
  color: #343a2e !important;
  background: #f5f8ee !important;
}

body:not(.login-bg) .status-pending,
body:not(.login-bg) .iw-status-pending,
body:not(.login-bg) .label.status-pending,
body:not(.login-bg) .theme-domain-list-page .common-title-count {
  border-color: #dee7ca !important;
  color: var(--iw-login-teal-dark) !important;
  background: #f5f8ee !important;
}

body:not(.login-bg) .alert-info {
  border-color: #dee7ca !important;
  color: #343a2e !important;
  background: #f5f8ee !important;
}

body:not(.login-bg) .alert-success {
  border-color: #b8f3dc !important;
  color: #343a2e !important;
  background: #ecfdf5 !important;
}

body:not(.login-bg) .theme-domain-list-page #tableDomainsList td:nth-child(3) a::before,
body:not(.login-bg) .theme-client-service-detail-page .iw-product-object,
body:not(.login-bg) .iw-product-object.iw-product-flyer {
  border-color: rgba(52,58,46, .22) !important;
  background:
    radial-gradient(circle at 84% 10%, rgba(52,58,46, .22), transparent 30%),
    linear-gradient(145deg, var(--iw-login-teal-dark) 0%, var(--iw-login-blue) 56%, var(--iw-login-navy) 100%) !important;
}

body:not(.login-bg) .action-buttons-table li a {
  border-color: var(--iw-login-line) !important;
  color: var(--iw-login-teal) !important;
  background: #ffffff !important;
}

body:not(.login-bg) .action-buttons-table li a:hover {
  border-color: rgba(52,58,46, .42) !important;
  color: #191c17 !important;
  background: #f5f8ee !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon,
body:not(.login-bg) .sidebar {
  background:
    radial-gradient(circle at 80% 8%, rgba(52,58,46, .20), transparent 32%),
    linear-gradient(180deg, var(--iw-login-teal-dark) 0%, var(--iw-login-blue) 58%, var(--iw-login-navy) 100%) !important;
}

body:not(.login-bg) .iw-nav-link,
body:not(.login-bg) .sidebar a {
  color: rgba(245,248,238, .76) !important;
}

body:not(.login-bg) .iw-nav-link:hover,
body:not(.login-bg) .sidebar a:hover {
  color: #ffffff !important;
  background: rgba(255,255,255, .10) !important;
}

body:not(.login-bg) .iw-nav-link.active {
  color: #191c17 !important;
  background: linear-gradient(135deg, #b7e532 0%, var(--iw-login-cyan) 100%) !important;
}

/* IW 2026-05-15 - full page login palette polish v2.8.6 */
body:not(.login-bg) {
  --iw-primary: #343a2e;
  --iw-primary-hover: #343a2e;
  --iw-primary-light: #f5f8ee;
  --iw-gray-darkest: #191c17;
  --iw-gray-divider: #eaf0de;
}

body:not(.login-bg) nav.iw-header,
body:not(.login-bg) nav.navbar.clientx,
body:not(.login-bg) nav.navbar.wgsheaderfromaddon {
  border-bottom-color: rgba(52,58,46, .20) !important;
  background: rgba(255,255,255, .92) !important;
  box-shadow: 0 10px 28px rgba(52,58,46, .07) !important;
  backdrop-filter: blur(12px) !important;
}

body:not(.login-bg) .iw-header-nav a,
body:not(.login-bg) .iw-header-actions a,
body:not(.login-bg) .iw-tnl-link,
body:not(.login-bg) .navbar a {
  color: var(--iw-login-teal-dark) !important;
}

body:not(.login-bg) .iw-header-nav a:hover,
body:not(.login-bg) .iw-header-actions a:hover,
body:not(.login-bg) .iw-tnl-link:hover,
body:not(.login-bg) .navbar a:hover {
  color: var(--iw-login-teal) !important;
}

body:not(.login-bg) .dropdown-menu,
body:not(.login-bg) .iw-tnl-dropdown,
body:not(.login-bg) .menu-myaccount-clientx,
body:not(.login-bg) .menu-notification-clientx,
body:not(.login-bg) .menu-cart-clientx,
body:not(.login-bg) .left-open-notification-sec,
body:not(.login-bg) .left-open-cart-sec,
body:not(.login-bg) .left-open-myaccount-sec {
  border: 1px solid var(--iw-login-line) !important;
  background: rgba(255,255,255, .98) !important;
  box-shadow: 0 18px 48px rgba(25,28,23, .14) !important;
}

body:not(.login-bg) .dropdown-menu > li > a,
body:not(.login-bg) .dropdown-item,
body:not(.login-bg) .iw-tnl-dropdown a,
body:not(.login-bg) .menu-myaccount-clientx a,
body:not(.login-bg) .menu-notification-clientx a,
body:not(.login-bg) .menu-cart-clientx a {
  color: var(--iw-login-blue) !important;
}

body:not(.login-bg) .dropdown-menu > li > a:hover,
body:not(.login-bg) .dropdown-item:hover,
body:not(.login-bg) .iw-tnl-dropdown a:hover,
body:not(.login-bg) .menu-myaccount-clientx a:hover,
body:not(.login-bg) .menu-notification-clientx a:hover,
body:not(.login-bg) .menu-cart-clientx a:hover {
  color: var(--iw-login-teal) !important;
  background: var(--iw-login-sky) !important;
}

body:not(.login-bg) .modal-content,
body:not(.login-bg) .iw-welcome-modal,
body:not(.login-bg) .iw-side-panel,
body:not(.login-bg) .iw-pw-panel {
  border: 1px solid var(--iw-login-line) !important;
  background: #ffffff !important;
  box-shadow: 0 24px 70px rgba(25,28,23, .18) !important;
}

body:not(.login-bg) .modal-header,
body:not(.login-bg) .modal-footer,
body:not(.login-bg) .panel-setting-heading,
body:not(.login-bg) .iw-aff-card-header,
body:not(.login-bg) .iw-em-header {
  border-color: #eff4e5 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8faf3 100%) !important;
}

body:not(.login-bg) .modal-title,
body:not(.login-bg) .panel-setting-title,
body:not(.login-bg) .iw-aff-card-header h3,
body:not(.login-bg) .iw-em-header-title,
body:not(.login-bg) .iw-pw-title {
  color: var(--iw-login-blue) !important;
}

body:not(.login-bg) .pagination > li > a,
body:not(.login-bg) .pagination > li > span,
body:not(.login-bg) .page-link {
  border-color: var(--iw-login-line) !important;
  color: var(--iw-login-teal-dark) !important;
  background: #ffffff !important;
}

body:not(.login-bg) .pagination > li > a:hover,
body:not(.login-bg) .pagination > li > span:hover,
body:not(.login-bg) .page-link:hover {
  color: var(--iw-login-teal) !important;
  background: var(--iw-login-sky) !important;
}

body:not(.login-bg) .pagination > .active > a,
body:not(.login-bg) .pagination > .active > span,
body:not(.login-bg) .page-item.active .page-link {
  border-color: rgba(52,58,46, .48) !important;
  color: #191c17 !important;
  background: linear-gradient(135deg, #b7e532 0%, var(--iw-login-cyan) 100%) !important;
}

body:not(.login-bg) .iw-action-icon-blue,
body:not(.login-bg) .iw-home-card-icon.blue,
body:not(.login-bg) .iw-fc-blue,
body:not(.login-bg) .iw-aff-stat-blue,
body:not(.login-bg) .iw-aff-com-withdrawn,
body:not(.login-bg) .iw-client-quicklink-blue,
body:not(.login-bg) .iw-wc-card-blue,
body:not(.login-bg) .iw-ts-open,
body:not(.login-bg) .iw-ts-abierto {
  border-color: #dee7ca !important;
  background: #f5f8ee !important;
  color: var(--iw-login-teal-dark) !important;
}

body:not(.login-bg) .iw-action-icon-blue i,
body:not(.login-bg) .iw-action-icon-blue svg,
body:not(.login-bg) .iw-home-card-icon.blue,
body:not(.login-bg) .iw-fc-blue svg,
body:not(.login-bg) .iw-aff-stat-blue .iw-aff-stat-icon,
body:not(.login-bg) .iw-aff-com-withdrawn .iw-aff-com-icon,
body:not(.login-bg) .iw-aff-share-fb,
body:not(.login-bg) .iw-wc-card-blue i,
body:not(.login-bg) .chip-at,
body:not(.login-bg) .iw-notif-info .iw-notif-dot {
  color: var(--iw-login-teal) !important;
}

body:not(.login-bg) .iw-client-quicklink-blue span,
body:not(.login-bg) .iw-inv-pay-btn-wrap .btn,
body:not(.login-bg) .iw-inv-credit-btn,
body:not(.login-bg) .iw-pw-btn-save,
body:not(.login-bg) .iw-hero-btn--primary,
body:not(.login-bg) .iw-hero-btn--success {
  border-color: rgba(52,58,46, .42) !important;
  color: #191c17 !important;
  background: linear-gradient(135deg, #b7e532 0%, var(--iw-login-cyan) 45%, #343a2e 100%) !important;
}

body:not(.login-bg) .iw-inv-pay-btn-wrap .btn:hover,
body:not(.login-bg) .iw-inv-credit-btn:hover,
body:not(.login-bg) .iw-pw-btn-save:hover:not(:disabled),
body:not(.login-bg) .iw-hero-btn--primary:hover,
body:not(.login-bg) .iw-hero-btn--success:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--iw-login-teal-dark) 0%, var(--iw-login-teal) 58%, #343a2e 100%) !important;
}

body:not(.login-bg) .iw-inv-gateway-select:focus,
body:not(.login-bg) .iw-inv-credit-input:focus,
body:not(.login-bg) .iw-pw-input:focus {
  border-color: rgba(52,58,46, .76) !important;
  box-shadow: 0 0 0 4px rgba(52,58,46, .13) !important;
}

body:not(.login-bg) .iw-account-sidebar-block,
body:not(.login-bg) .iw-account-sidebar-nav a,
body:not(.login-bg) .iw-account-sidebar-user,
body:not(.login-bg) .iw-profile-gear,
body:not(.login-bg) .iw-user-row,
body:not(.login-bg) .client-details-box,
body:not(.login-bg) .sidebar-search,
body:not(.login-bg) .sidebar-welcome {
  border-color: rgba(245,248,238, .14) !important;
  background: rgba(255,255,255, .08) !important;
  color: rgba(245,248,238, .84) !important;
}

body:not(.login-bg) .iw-account-sidebar-user strong,
body:not(.login-bg) .client-name,
body:not(.login-bg) .sidebar-welcome strong {
  color: #ffffff !important;
}

body:not(.login-bg) .client-avatar {
  border-color: var(--iw-login-cyan) !important;
}

body:not(.login-bg) .iw-account-sidebar-nav a:hover,
body:not(.login-bg) .iw-profile-gear:hover {
  color: #191c17 !important;
  background: linear-gradient(135deg, #b7e532 0%, var(--iw-login-cyan) 100%) !important;
}

body:not(.login-bg) .iw-kb-header,
body:not(.login-bg) .iw-kb-cat-header,
body:not(.login-bg) .iw-em-header {
  border-color: rgba(52,58,46, .22) !important;
  background:
    radial-gradient(circle at 88% 14%, rgba(52,58,46, .24), transparent 30%),
    linear-gradient(145deg, var(--iw-login-teal-dark) 0%, var(--iw-login-blue) 55%, var(--iw-login-navy) 100%) !important;
}

body:not(.login-bg) .iw-kb-header *,
body:not(.login-bg) .iw-kb-cat-header *,
body:not(.login-bg) .iw-em-header * {
  color: rgba(245,248,238, .86) !important;
}

body:not(.login-bg) .iw-kb-header h1,
body:not(.login-bg) .iw-kb-cat-header-title,
body:not(.login-bg) .iw-em-header-title {
  color: #ffffff !important;
}

body:not(.login-bg) .iw-product-detail-header {
  border-color: var(--iw-login-line) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8faf3 100%) !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-breadcrumb-current,
body:not(.login-bg) .iw-product-detail-header .iw-page-title,
body:not(.login-bg) .iw-svc-price,
body:not(.login-bg) .iw-inv-amount,
body:not(.login-bg) .iw-aff-com-value {
  color: var(--iw-login-blue) !important;
}

body:not(.login-bg) .iw-svc-manage,
body:not(.login-bg) .iw-panel-card-action,
body:not(.login-bg) .iw-home-card-btn,
body:not(.login-bg) .iw-dept-chip,
body:not(.login-bg) .iw-side-panel-close,
body:not(.login-bg) .iw-pw-close {
  border-color: var(--iw-login-line) !important;
  color: var(--iw-login-teal-dark) !important;
  background: #ffffff !important;
}

body:not(.login-bg) .iw-svc-manage:hover,
body:not(.login-bg) .iw-panel-card-action:hover,
body:not(.login-bg) .iw-home-card-btn:hover,
body:not(.login-bg) .iw-dept-chip:hover,
body:not(.login-bg) .iw-side-panel-close:hover,
body:not(.login-bg) .iw-pw-close:hover {
  color: var(--iw-login-teal) !important;
  background: var(--iw-login-sky) !important;
}

body:not(.login-bg) .iw-usage-bar span,
body:not(.login-bg) .iw-product-object-meta span::before,
body:not(.login-bg) .iw-inv-progress span,
body:not(.login-bg) .estilo-del-producto__progress span {
  background: linear-gradient(90deg, var(--iw-login-teal) 0%, var(--iw-login-cyan) 100%) !important;
}

body:not(.login-bg) .iw-wc-action-btn,
body:not(.login-bg) .iw-wc-action-btn-green {
  color: #191c17 !important;
  background: linear-gradient(135deg, #b7e532 0%, var(--iw-login-cyan) 100%) !important;
}

body:not(.login-bg) .iw-wc-action-btn:hover,
body:not(.login-bg) .iw-wc-action-btn-green:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--iw-login-teal-dark) 0%, var(--iw-login-teal) 100%) !important;
}

body:not(.login-bg) .button-class-enable {
  color: #343a2e !important;
  background: #f5f8ee !important;
}

body:not(.login-bg) .button-class-disable {
  color: var(--iw-login-muted) !important;
  background: #f9fbf6 !important;
}

/* IW 2026-05-15 - unified design corrections v2.8.7 */
body:not(.login-bg) {
  --iw-ui-card: #ffffff;
  --iw-ui-card-soft: #fcfdfa;
  --iw-ui-border: #e6edd6;
  --iw-ui-shadow: 0 12px 30px rgba(52,58,46, .08);
}

/* Sidebar: remove mixed bright colors from the lower utility area */
body:not(.login-bg) .iw-nav-footer,
body:not(.login-bg) .iw-nav-account-top {
  border-color: rgba(245,248,238, .12) !important;
  background: rgba(255,255,255, .07) !important;
}

body:not(.login-bg) .iw-nav-footer .iw-store-link,
body:not(.login-bg) .iw-nav-footer a[href*="store"],
body:not(.login-bg) .iw-nav-actions .iw-action-btn,
body:not(.login-bg) .iw-action-btn {
  border-color: rgba(245,248,238, .12) !important;
  color: rgba(245,248,238, .86) !important;
  background: rgba(255,255,255, .08) !important;
}

body:not(.login-bg) .iw-nav-footer .iw-store-link:hover,
body:not(.login-bg) .iw-nav-footer a[href*="store"]:hover,
body:not(.login-bg) .iw-nav-actions .iw-action-btn:hover,
body:not(.login-bg) .iw-action-btn:hover {
  color: #191c17 !important;
  background: linear-gradient(135deg, #b7e532 0%, var(--iw-login-cyan) 100%) !important;
}

body:not(.login-bg) .iw-action-icon,
body:not(.login-bg) .iw-action-icon-blue,
body:not(.login-bg) .iw-action-icon-green,
body:not(.login-bg) .iw-action-icon-amber,
body:not(.login-bg) .iw-action-icon-red {
  color: var(--iw-login-teal) !important;
  background: rgba(245,248,238, .14) !important;
}

/* Dashboard/list cards: one surface language */
body:not(.login-bg) .iw-tile,
body:not(.login-bg) .iw-home-card,
body:not(.login-bg) .iw-panel-card,
body:not(.login-bg) .iw-client-quicklink,
body:not(.login-bg) .iw-client-quickbar a,
body:not(.login-bg) .theme-client-service-detail-page .panel,
body:not(.login-bg) .theme-client-service-detail-page .card,
body:not(.login-bg) .theme-client-service-detail-page .panel.panel-default.card {
  border-color: var(--iw-ui-border) !important;
  background: var(--iw-ui-card) !important;
  box-shadow: var(--iw-ui-shadow) !important;
}

body:not(.login-bg) .iw-tile::before {
  background: linear-gradient(90deg, var(--iw-login-teal) 0%, var(--iw-login-cyan) 100%) !important;
}

body:not(.login-bg) .iw-tile-icon.blue,
body:not(.login-bg) .iw-tile-icon.green,
body:not(.login-bg) .iw-tile-icon.amber,
body:not(.login-bg) .iw-tile-icon.red {
  color: var(--iw-login-teal) !important;
  background: #f5f8ee !important;
}

/* Product detail header should match the same visual system */
body:not(.login-bg) .iw-product-detail-header,
body:not(.login-bg) .theme-client-service-detail-page .iw-product-detail-header {
  border: 1px solid rgba(52,58,46, .20) !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(52,58,46, .16), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f8faf3 100%) !important;
  box-shadow: 0 8px 22px rgba(52,58,46, .05) !important;
}

/* Fix the huge/empty dark hero areas on productdetails 1598 */
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-hero-v2,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .product-status-active.iw-service-hero-v2,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-hero.estilo-del-producto {
  min-height: 300px !important;
  height: auto !important;
  display: grid !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  gap: 24px !important;
  padding: 30px 34px !important;
  border: 1px solid rgba(52,58,46, .22) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 86% 18%, rgba(52,58,46, .18), transparent 30%),
    linear-gradient(145deg, #343a2e 0%, #191c17 56%, #191c17 100%) !important;
  box-shadow: 0 18px 42px rgba(25,28,23, .18) !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-hero-v2::after,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto::after {
  display: none !important;
  content: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-hero-v2::before,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto::before {
  opacity: .14 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-hero-v2 .iw-hero-top,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-top {
  display: grid !important;
  grid-template-columns: 80px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-hero-v2 .iw-service-icon-wrap-xl,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-service-icon-wrap {
  width: 76px !important;
  height: 76px !important;
  min-width: 76px !important;
  border-radius: 18px !important;
  color: #f5f8ee !important;
  background: rgba(255,255,255, .12) !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-hero-v2 .iw-service-name,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-service-name {
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 1.15 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-hero-v2 .iw-service-group,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-hero-v2 .iw-service-domain,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-service-group,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-service-domain {
  color: rgba(245,248,238, .78) !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-hero-v2 .iw-hero-stats,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-stats,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto__usage {
  display: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-hero-v2 .iw-hero-actions,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-hero-btn,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-btn {
  min-height: 42px !important;
  padding: 11px 18px !important;
  border-radius: 10px !important;
}

/* Billing side card: compact, aligned, no giant separated rows */
body:not(.login-bg) .theme-client-service-detail-page .iw-billing-table,
body:not(.login-bg) .theme-client-service-detail-page .iw-billing-card,
body:not(.login-bg) .theme-client-service-detail-page .product-details-tab-container .card {
  border-color: var(--iw-ui-border) !important;
  background: #ffffff !important;
  box-shadow: var(--iw-ui-shadow) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-billing-row,
body:not(.login-bg) .theme-client-service-detail-page .iw-billing-table .iw-billing-row {
  min-height: 68px !important;
  padding: 16px 18px !important;
  border-color: #f2f6ea !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-billing-row span,
body:not(.login-bg) .theme-client-service-detail-page .iw-billing-row .iw-billing-label {
  color: #64695e !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-billing-row strong,
body:not(.login-bg) .theme-client-service-detail-page .iw-billing-row .iw-billing-value {
  color: var(--iw-login-blue) !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  text-align: right !important;
}

/* Fix productdetails 2086: remove the large blank hook area and normalize package/sidebar cards */
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .product-hook-panel:empty,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .product-hook-panel .panel-body:empty,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .panel:has(> .panel-body:empty),
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .card:has(> .card-body:empty),
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 #iwEmailPanel:empty,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 #cPanelWordPress:empty {
  display: none !important;
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .product-hook-panel,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 #iwEmailPanel.iw-em-panel-dark {
  min-height: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 #cPanelPackagePanel,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 #cPanelUsagePanel,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 #cPanelActionsPanel,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-side-card {
  border-color: var(--iw-ui-border) !important;
  background: #ffffff !important;
  box-shadow: var(--iw-ui-shadow) !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-product-object.iw-product-flyer,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-product-object.iw-product-object-hosting,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-product-object {
  min-height: 132px !important;
  border-color: rgba(52,58,46, .20) !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(52,58,46, .15), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f8faf3 100%) !important;
  box-shadow: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-product-object-action,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 a[href*="http"]:not(.iw-nav-link) {
  border-color: rgba(52,58,46, .42) !important;
  color: #191c17 !important;
  background: linear-gradient(135deg, #b7e532 0%, var(--iw-login-cyan) 100%) !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .cpanel-feature-row,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-client-quickbar {
  gap: 12px !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .cpanel-feature-row a,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-client-quicklink,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-link {
  border-color: var(--iw-ui-border) !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .cpanel-feature-row a:hover,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-client-quicklink:hover,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-link:hover {
  border-color: rgba(52,58,46, .44) !important;
  background: #f5f8ee !important;
}

/* Empty visual blocks anywhere in product details should not reserve space */
body:not(.login-bg) .theme-client-service-detail-page .panel-body:empty,
body:not(.login-bg) .theme-client-service-detail-page .card-body:empty,
body:not(.login-bg) .theme-client-service-detail-page .tab-content:empty,
body:not(.login-bg) .theme-client-service-detail-page .product-hook-panel:empty {
  display: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 900px) {
  body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-hero-v2 .iw-hero-top,
  body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-top {
    grid-template-columns: 1fr !important;
    text-align: center !important;
    justify-items: center !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-billing-row,
  body:not(.login-bg) .theme-client-service-detail-page .iw-billing-table .iw-billing-row {
    min-height: 58px !important;
    padding: 13px 14px !important;
  }
}

/* IW 2026-05-15 - rescue unified skin v2.8.8 */
body:not(.login-bg) {
  --iw-navy: #191c17;
  --iw-blue: #191c17;
  --iw-teal-dark: #343a2e;
  --iw-teal: #343a2e;
  --iw-cyan: #343a2e;
  --iw-aqua: #b7e532;
  --iw-bg: #f9fbf5;
  --iw-soft: #f5f8ee;
  --iw-soft-2: #fcfdfa;
  --iw-line: #e6edd6;
  --iw-line-2: #f0f4e8;
  --iw-text: #191c17;
  --iw-muted: #64695e;
  --iw-shadow: 0 10px 28px rgba(52,58,46, .07);
  --iw-shadow-strong: 0 18px 44px rgba(25,28,23, .14);
  background:
    radial-gradient(circle at 92% 0%, rgba(52,58,46, .16), transparent 26%),
    linear-gradient(180deg, #fcfdfa 0%, #f9fbf5 100%) !important;
  color: var(--iw-text) !important;
}

body:not(.login-bg) #content,
body:not(.login-bg) #main-body,
body:not(.login-bg) .main-body,
body:not(.login-bg) .theme-main-inner-page-section {
  background: transparent !important;
  margin:1%!important;
}

body:not(.login-bg) * {
  letter-spacing: 0 !important;
}

/* One accent, not many */
body:not(.login-bg) .iw-tile,
body:not(.login-bg) .iw-home-card,
body:not(.login-bg) .iw-panel-card,
body:not(.login-bg) .card,
body:not(.login-bg) .panel,
body:not(.login-bg) .panel-default,
body:not(.login-bg) .table-container,
body:not(.login-bg) .data-table-main-container,
body:not(.login-bg) .common-table-upper-header,
body:not(.login-bg) .form-box,
body:not(.login-bg) .formBox,
body:not(.login-bg) .invoice-summary,
body:not(.login-bg) .invoice-container,
body:not(.login-bg) .payment-method,
body:not(.login-bg) .paymethod-info,
body:not(.login-bg) .iw-kb-cat-card,
body:not(.login-bg) .iw-kb-aside-card,
body:not(.login-bg) .announcement-single,
body:not(.login-bg) .downloads-cat,
body:not(.login-bg) .download-item,
body:not(.login-bg) .iw-client-quicklink,
body:not(.login-bg) .iw-service-access-link,
body:not(.login-bg) .iw-product-object {
  border: 1px solid var(--iw-line) !important;
  background: #ffffff !important;
  box-shadow: var(--iw-shadow) !important;
}

body:not(.login-bg) .iw-tile::before,
body:not(.login-bg) .iw-home-card::before,
body:not(.login-bg) .iw-panel-card::before {
  background: linear-gradient(90deg, var(--iw-teal) 0%, var(--iw-cyan) 100%) !important;
}

body:not(.login-bg) .panel-heading,
body:not(.login-bg) .card-header,
body:not(.login-bg) .iw-home-card-head,
body:not(.login-bg) .iw-panel-card-head,
body:not(.login-bg) .common-table-upper-header,
body:not(.login-bg) .panel-setting-heading {
  border-color: var(--iw-line-2) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8faf3 100%) !important;
}

body:not(.login-bg) h1,
body:not(.login-bg) h2,
body:not(.login-bg) h3,
body:not(.login-bg) h4,
body:not(.login-bg) .iw-page-title,
body:not(.login-bg) .panel-title,
body:not(.login-bg) .card-title,
body:not(.login-bg) .iw-home-card-title h3,
body:not(.login-bg) .iw-panel-card-head h4,
body:not(.login-bg) .form-title,
body:not(.login-bg) .iw-tile-value,
body:not(.login-bg) .product-with-domain a,
body:not(.login-bg) .ticket-subject-name,
body:not(.login-bg) .domain-name,
body:not(.login-bg) .invoice-number,
body:not(.login-bg) .iw-svc-price,
body:not(.login-bg) .iw-inv-amount {
  color: var(--iw-blue) !important;
}

body:not(.login-bg) p,
body:not(.login-bg) small,
body:not(.login-bg) .text-muted,
body:not(.login-bg) small.text-muted,
body:not(.login-bg) .iw-page-subtitle,
body:not(.login-bg) .iw-tile-label,
body:not(.login-bg) .domain-product-name,
body:not(.login-bg) .ticket-department-name,
body:not(.login-bg) .ticket-updated-col,
body:not(.login-bg) .iw-feature-card-name {
  color: var(--iw-muted) !important;
}

body:not(.login-bg) a,
body:not(.login-bg) .text-primary {
  color: var(--iw-teal) !important;
}

body:not(.login-bg) a:hover {
  color: var(--iw-teal-dark) !important;
}

/* Headers: use the same login gradient everywhere important */
body:not(.login-bg) .iw-page-header:not(.iw-product-detail-header),
body:not(.login-bg) .iw-dh2,
body:not(.login-bg) .iw-kb-header,
body:not(.login-bg) .iw-kb-cat-header {
  border-color: rgba(52,58,46, .22) !important;
  background:
    radial-gradient(circle at 88% 14%, rgba(52,58,46, .28), transparent 30%),
    radial-gradient(circle at 18% 90%, rgba(52,58,46, .20), transparent 32%),
    linear-gradient(145deg, var(--iw-teal-dark) 0%, var(--iw-blue) 55%, var(--iw-navy) 100%) !important;
  box-shadow: var(--iw-shadow-strong) !important;
}

body:not(.login-bg) .iw-page-header:not(.iw-product-detail-header) *,
body:not(.login-bg) .iw-dh2 *,
body:not(.login-bg) .iw-kb-header *,
body:not(.login-bg) .iw-kb-cat-header * {
  color: rgba(245,248,238, .86) !important;
}

body:not(.login-bg) .iw-page-header:not(.iw-product-detail-header) .iw-page-title,
body:not(.login-bg) .iw-dh2-title,
body:not(.login-bg) .iw-kb-header h1,
body:not(.login-bg) .iw-kb-cat-header-title {
  color: #ffffff !important;
}

body:not(.login-bg) .iw-page-header:not(.iw-product-detail-header)::before,
body:not(.login-bg) .iw-page-header:not(.iw-product-detail-header)::after {
  display: none !important;
}

/* Buttons */
body:not(.login-bg) .btn,
body:not(.login-bg) button,
body:not(.login-bg) input[type="submit"],
body:not(.login-bg) .wgs_custom-btn,
body:not(.login-bg) .iw-btn-primary,
body:not(.login-bg) .iw-btn-secondary,
body:not(.login-bg) .add-button-common,
body:not(.login-bg) .iw-home-card-btn,
body:not(.login-bg) .iw-panel-card-action,
body:not(.login-bg) .iw-svc-manage,
body:not(.login-bg) .iw-product-object-action,
body:not(.login-bg) .iw-hero-btn,
body:not(.login-bg) .iw-wc-action-btn {
  border-radius: 10px !important;
  box-shadow: none !important;
}

body:not(.login-bg) .btn-primary,
body:not(.login-bg) .iw-btn-primary,
body:not(.login-bg) .wgs_custom-btn,
body:not(.login-bg) .add-button-common,
body:not(.login-bg) input[type="submit"],
body:not(.login-bg) .iw-inv-pay-btn-wrap .btn,
body:not(.login-bg) .iw-inv-credit-btn,
body:not(.login-bg) .iw-pw-btn-save,
body:not(.login-bg) .iw-hero-btn--primary,
body:not(.login-bg) .iw-hero-btn--success,
body:not(.login-bg) .iw-product-object-action,
body:not(.login-bg) .iw-wc-action-btn {
  border: 1px solid rgba(52,58,46, .42) !important;
  color: #191c17 !important;
  background: linear-gradient(135deg, var(--iw-aqua) 0%, var(--iw-cyan) 48%, #343a2e 100%) !important;
}

body:not(.login-bg) .btn-primary:hover,
body:not(.login-bg) .iw-btn-primary:hover,
body:not(.login-bg) .wgs_custom-btn:hover,
body:not(.login-bg) .add-button-common:hover,
body:not(.login-bg) input[type="submit"]:hover,
body:not(.login-bg) .iw-inv-pay-btn-wrap .btn:hover,
body:not(.login-bg) .iw-inv-credit-btn:hover,
body:not(.login-bg) .iw-pw-btn-save:hover,
body:not(.login-bg) .iw-hero-btn--primary:hover,
body:not(.login-bg) .iw-hero-btn--success:hover,
body:not(.login-bg) .iw-product-object-action:hover,
body:not(.login-bg) .iw-wc-action-btn:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--iw-teal-dark) 0%, var(--iw-teal) 100%) !important;
}

body:not(.login-bg) .btn-default,
body:not(.login-bg) .iw-btn-secondary,
body:not(.login-bg) .wgs_cancel_button,
body:not(.login-bg) .domain-upper-bulk-button .setBulkAction,
body:not(.login-bg) .common-sort-dropdown > a,
body:not(.login-bg) .action-buttons-table li a,
body:not(.login-bg) .iw-panel-card-action,
body:not(.login-bg) .iw-svc-manage,
body:not(.login-bg) .iw-side-panel-close,
body:not(.login-bg) .iw-pw-close {
  border: 1px solid var(--iw-line) !important;
  color: var(--iw-teal-dark) !important;
  background: #ffffff !important;
}

body:not(.login-bg) .btn-default:hover,
body:not(.login-bg) .iw-btn-secondary:hover,
body:not(.login-bg) .wgs_cancel_button:hover,
body:not(.login-bg) .domain-upper-bulk-button .setBulkAction:hover,
body:not(.login-bg) .common-sort-dropdown > a:hover,
body:not(.login-bg) .action-buttons-table li a:hover,
body:not(.login-bg) .iw-panel-card-action:hover,
body:not(.login-bg) .iw-svc-manage:hover,
body:not(.login-bg) .iw-side-panel-close:hover,
body:not(.login-bg) .iw-pw-close:hover {
  border-color: rgba(52,58,46, .42) !important;
  color: var(--iw-teal) !important;
  background: var(--iw-soft) !important;
}

/* Kill rainbow icons/cards */
body:not(.login-bg) .iw-tile-icon,
body:not(.login-bg) .iw-tile-icon.blue,
body:not(.login-bg) .iw-tile-icon.green,
body:not(.login-bg) .iw-tile-icon.amber,
body:not(.login-bg) .iw-tile-icon.red,
body:not(.login-bg) .iw-home-card-icon,
body:not(.login-bg) .iw-home-card-icon.blue,
body:not(.login-bg) .iw-home-card-icon.green,
body:not(.login-bg) .iw-home-card-icon.amber,
body:not(.login-bg) .iw-home-card-icon.red,
body:not(.login-bg) .iw-panel-card-ico,
body:not(.login-bg) .iw-cpanel-shortcut-icon,
body:not(.login-bg) .iw-feature-card-icon,
body:not(.login-bg) .iw-fc-blue,
body:not(.login-bg) .iw-fc-green,
body:not(.login-bg) .iw-fc-purple,
body:not(.login-bg) .iw-fc-orange,
body:not(.login-bg) .iw-fc-teal,
body:not(.login-bg) .iw-fc-slate,
body:not(.login-bg) .iw-fc-pink,
body:not(.login-bg) .iw-fc-yellow,
body:not(.login-bg) .iw-action-icon,
body:not(.login-bg) .iw-action-icon-blue,
body:not(.login-bg) .iw-action-icon-green,
body:not(.login-bg) .iw-action-icon-amber,
body:not(.login-bg) .iw-action-icon-red,
body:not(.login-bg) .iw-aff-stat-icon,
body:not(.login-bg) .iw-aff-com-icon {
  border: 1px solid rgba(52,58,46, .18) !important;
  color: var(--iw-teal) !important;
  background: linear-gradient(135deg, #f5f8ee 0%, #edf2e3 100%) !important;
  box-shadow: none !important;
}

body:not(.login-bg) .iw-tile-icon *,
body:not(.login-bg) .iw-home-card-icon *,
body:not(.login-bg) .iw-panel-card-ico *,
body:not(.login-bg) .iw-cpanel-shortcut-icon *,
body:not(.login-bg) .iw-feature-card-icon *,
body:not(.login-bg) .iw-action-icon *,
body:not(.login-bg) .iw-aff-stat-icon *,
body:not(.login-bg) .iw-aff-com-icon * {
  color: var(--iw-teal) !important;
}

/* Statuses: semantic but restrained */
body:not(.login-bg) .label,
body:not(.login-bg) .badge,
body:not(.login-bg) .status,
body:not(.login-bg) .iw-status-badge,
body:not(.login-bg) .invoice-state,
body:not(.login-bg) .button-class-enable,
body:not(.login-bg) .button-class-disable,
body:not(.login-bg) .iw-ts-open,
body:not(.login-bg) .iw-ts-abierto,
body:not(.login-bg) .iw-aff-status {
  border: 1px solid #dee7ca !important;
  color: var(--iw-teal-dark) !important;
  background: var(--iw-soft) !important;
}

body:not(.login-bg) .status-suspended,
body:not(.login-bg) .status-cancelled,
body:not(.login-bg) .status-terminated,
body:not(.login-bg) .status-fraud,
body:not(.login-bg) .iw-status-suspended,
body:not(.login-bg) .iw-status-cancelled,
body:not(.login-bg) .label.status-suspended,
body:not(.login-bg) .label.status-cancelled {
  border-color: #f4d7a6 !important;
  color: #7a4b0f !important;
  background: #fff8eb !important;
}

/* Tables/forms */
body:not(.login-bg) .form-control,
body:not(.login-bg) .custom-select,
body:not(.login-bg) input,
body:not(.login-bg) select,
body:not(.login-bg) textarea,
body:not(.login-bg) .inputBox .input,
body:not(.login-bg) .iw-input,
body:not(.login-bg) .common-serach-input .input-group {
  border-color: var(--iw-line) !important;
  color: var(--iw-text) !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

body:not(.login-bg) .form-control:focus,
body:not(.login-bg) .custom-select:focus,
body:not(.login-bg) input:focus,
body:not(.login-bg) select:focus,
body:not(.login-bg) textarea:focus,
body:not(.login-bg) .inputBox .input:focus,
body:not(.login-bg) .iw-input:focus {
  border-color: rgba(52,58,46, .76) !important;
  box-shadow: 0 0 0 4px rgba(52,58,46, .13) !important;
}

body:not(.login-bg) .table,
body:not(.login-bg) table.table-list,
body:not(.login-bg) table.dataTable {
  background: #ffffff !important;
}

body:not(.login-bg) .table thead th,
body:not(.login-bg) table.table-list thead th,
body:not(.login-bg) table.dataTable thead th {
  border-color: var(--iw-line-2) !important;
  color: var(--iw-blue) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8faf3 100%) !important;
}

body:not(.login-bg) .table tbody td,
body:not(.login-bg) table.table-list tbody td,
body:not(.login-bg) table.dataTable tbody td {
  border-color: #f6f8f1 !important;
  color: #191c17 !important;
}

body:not(.login-bg) .table tbody tr:hover,
body:not(.login-bg) table.table-list tbody tr:hover,
body:not(.login-bg) table.dataTable tbody tr:hover {
  background: #f9fbf5 !important;
}

/* Sidebar unified */
body:not(.login-bg) nav#sidebar.wgssidebaraddon,
body:not(.login-bg) .sidebar {
  background:
    radial-gradient(circle at 80% 8%, rgba(52,58,46, .18), transparent 32%),
    linear-gradient(180deg, var(--iw-teal-dark) 0%, var(--iw-blue) 58%, var(--iw-navy) 100%) !important;
}

body:not(.login-bg) .iw-nav-logo,
body:not(.login-bg) .iw-nav-footer,
body:not(.login-bg) .iw-nav-account-top,
body:not(.login-bg) .iw-user-row,
body:not(.login-bg) .iw-account-sidebar-block,
body:not(.login-bg) .sidebar-search,
body:not(.login-bg) .sidebar-welcome {
  border-color: rgba(245,248,238, .12) !important;
  background: rgba(255,255,255, .07) !important;
  box-shadow: none !important;
}

body:not(.login-bg) .iw-nav-link,
body:not(.login-bg) .sidebar a,
body:not(.login-bg) .iw-nav-account-top *,
body:not(.login-bg) .iw-nav-footer * {
  color: rgba(245,248,238, .78) !important;
}

body:not(.login-bg) .iw-nav-link:hover,
body:not(.login-bg) .sidebar a:hover {
  color: #ffffff !important;
  background: rgba(255,255,255, .10) !important;
}

body:not(.login-bg) .iw-nav-link.active {
  color: #191c17 !important;
  background: linear-gradient(135deg, var(--iw-aqua) 0%, var(--iw-cyan) 100%) !important;
}

body:not(.login-bg) .iw-nav-link.active *,
body:not(.login-bg) .iw-nav-link.active i,
body:not(.login-bg) .iw-nav-link.active svg {
  color: #191c17 !important;
}

/* Product details: stop giant empty blocks and unify the two reported pages */
body:not(.login-bg) .theme-client-service-detail-page .product-details.simple-detail-products-section,
body:not(.login-bg) .theme-client-service-detail-page .product-details-tab-container,
body:not(.login-bg) .theme-client-service-detail-page #tabOverview {
  background: transparent !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-hero-v2,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-hero.estilo-del-producto {
  min-height: 260px !important;
  height: auto !important;
  padding: 28px 30px !important;
  border-radius: 16px !important;
  display: grid !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  gap: 22px !important;
  background:
    radial-gradient(circle at 86% 16%, rgba(52,58,46, .18), transparent 30%),
    linear-gradient(145deg, var(--iw-teal-dark) 0%, var(--iw-blue) 56%, var(--iw-navy) 100%) !important;
  box-shadow: var(--iw-shadow-strong) !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-hero-v2::after,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto::after,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-product-object::after,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-product-object.iw-product-flyer::after {
  display: none !important;
  content: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-hero-stats,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto__usage {
  display: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-hero-top,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-top {
  padding: 0 !important;
  grid-template-columns: 78px minmax(0, 1fr) auto !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-hero-actions,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-actions {
  padding: 0 !important;
  margin: 0 !important;
  justify-content: center !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-billing-table,
body:not(.login-bg) .theme-client-service-detail-page .iw-billing-card {
  border-color: var(--iw-line) !important;
  background: #ffffff !important;
  box-shadow: var(--iw-shadow) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-billing-row {
  min-height: 62px !important;
  padding: 14px 18px !important;
  border-color: #f2f6ea !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .product-hook-panel,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 #iwEmailPanel,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 #cPanelWordPress {
  display: none !important;
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-product-object,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-product-object.iw-product-flyer,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-product-object.iw-product-object-hosting {
  min-height: 124px !important;
  border-color: var(--iw-line) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8faf3 100%) !important;
  box-shadow: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 #cPanelPackagePanel,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 #cPanelUsagePanel,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 #cPanelActionsPanel {
  border-color: var(--iw-line) !important;
  background: #ffffff !important;
  box-shadow: var(--iw-shadow) !important;
}

/* Footer and floating widget */
body:not(.login-bg) footer,
body:not(.login-bg) .footer {
  border-top: 1px solid var(--iw-line) !important;
  background: rgba(255,255,255, .86) !important;
}

body:not(.login-bg) .floating-button,
body:not(.login-bg) .chat-widget,
body:not(.login-bg) [class*="chat"] button {
  background: var(--iw-teal-dark) !important;
}

@media (max-width: 900px) {
  body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-hero-top,
  body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-top {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }
}

/* IW 2026-05-15 - keep dashboard mail object in the same visual language as login */
body:not(.login-bg) .iw-dh2-login-mail-main {
  background: rgba(255,255,255,.96) !important;
}

body:not(.login-bg) .iw-dh2-login-mail-main i {
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 100%) !important;
  color: #ffffff !important;
}

body:not(.login-bg) .iw-dh2-login-mail-main strong {
  color: #191c17 !important;
}

body:not(.login-bg) .iw-dh2-login-mail-main span {
  color: #64695e !important;
}

body:not(.login-bg) .iw-dh2-login-mail .iw-dh2-service-icon {
  color: #ffffff !important;
}

body:not(.login-bg) .iw-dh2-login-mail .iw-dh2-service-icon:nth-child(2) {
  background: #ffffff !important;
  color: #343a2e !important;
}

body:not(.login-bg) .iw-dh2-login-mail .iw-dh2-service-icon:nth-child(3) {
  background: rgba(52,58,46,.92) !important;
  color: #191c17 !important;
}

body:not(.login-bg) .iw-dh2-login-mail .iw-dh2-service-icon i {
  color: inherit !important;
}

/* IW 2026-05-15 - dashboard hero modeled from email reference */
body:not(.login-bg) #iw-domain-hero.iw-dh2 {
  grid-template-columns: 230px minmax(0, 1fr) 174px !important;
  min-height: 244px !important;
  padding: 30px 36px !important;
  gap: 34px !important;
  overflow: hidden !important;
  border: 1px solid rgba(183,229,50, .22) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(52,58,46, .30), transparent 30%),
    radial-gradient(circle at 11% 78%, rgba(52,58,46, .50), transparent 34%),
    linear-gradient(135deg, #191c17 0%, #343a2e 48%, #343a2e 100%) !important;
  box-shadow: 0 22px 54px rgba(25,28,23, .18) !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-dots {
  opacity: .38 !important;
  background-image: radial-gradient(rgba(245,248,238, .35) 1px, transparent 1px) !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-content {
  max-width: 750px !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-badge {
  border-color: rgba(255,255,255, .24) !important;
  background: rgba(255,255,255, .14) !important;
  color: rgba(255,255,255, .92) !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-title {
  max-width: 700px !important;
  color: #ffffff !important;
  font-size: 27px !important;
  line-height: 1.13 !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-sub {
  max-width: 780px !important;
  color: rgba(245,248,238, .84) !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-input {
  height: 46px !important;
  border-color: rgba(255,255,255, .16) !important;
  background: rgba(255,255,255, .96) !important;
  color: #191c17 !important;
  box-shadow: 0 14px 34px rgba(25,28,23, .16) !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-placeholder,
body:not(.login-bg) #iw-domain-hero .iw-dh2-lupa {
  color: rgba(52,58,46, .55) !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-btn {
  min-height: 46px !important;
  border-color: rgba(183,229,50, .52) !important;
  color: #191c17 !important;
  background: linear-gradient(135deg, #b7e532 0%, #343a2e 52%, #343a2e 100%) !important;
  box-shadow: 0 16px 34px rgba(52,58,46, .24) !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-chip {
  border-color: rgba(255,255,255, .18) !important;
  background: rgba(255,255,255, .13) !important;
  color: rgba(255,255,255, .90) !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-trust-item,
body:not(.login-bg) #iw-domain-hero .iw-dh2-sep {
  color: rgba(245,248,238, .78) !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-left-mail-object {
  width: 230px !important;
  height: 178px !important;
  display: grid !important;
  place-items: center !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-left-mail-card {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  width: 172px !important;
  min-height: 136px !important;
  padding: 20px 17px 18px !important;
  border: 1px solid rgba(255,255,255, .30) !important;
  border-radius: 28px !important;
  color: #191c17 !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(52,58,46, .22), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255, .98), rgba(244,247,238, .94)) !important;
  box-shadow: 0 28px 70px rgba(25,28,23, .28) !important;
  transform: rotate(-3deg) !important;
  animation: iwMailObjectFloat 5.6s ease-in-out infinite !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-left-mail-card:before {
  content: "" !important;
  position: absolute !important;
  inset: 12px !important;
  border: 1px solid rgba(52,58,46, .07) !important;
  border-radius: 21px !important;
  pointer-events: none !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-left-mail-icon {
  display: grid !important;
  place-items: center !important;
  width: 58px !important;
  height: 58px !important;
  margin-bottom: 12px !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 100%) !important;
  box-shadow: 0 16px 34px rgba(52,58,46, .30) !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-left-mail-icon i {
  color: inherit !important;
  font-size: 27px !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-left-mail-card strong {
  color: #191c17 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  text-align: center !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-left-mail-card span {
  max-width: 126px !important;
  margin-top: 5px !important;
  overflow: hidden !important;
  color: #64695e !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-left-mail-tag {
  position: absolute !important;
  right: 0 !important;
  bottom: 20px !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 9px 12px !important;
  border: 1px solid rgba(255,255,255, .24) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: rgba(52,58,46, .54) !important;
  box-shadow: 0 16px 36px rgba(25,28,23, .20) !important;
  backdrop-filter: blur(12px) !important;
  animation: iwMailObjectTagFloat 5.6s ease-in-out infinite !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-left-mail-tag i,
body:not(.login-bg) #iw-domain-hero .iw-dh2-left-mail-tag span {
  color: inherit !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-login-mail-main {
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(52,58,46, .22), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255, .98), rgba(244,247,238, .94)) !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-login-mail-main i {
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 100%) !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-login-mail .iw-dh2-service-icon {
  border-color: rgba(255,255,255, .22) !important;
  background: rgba(255,255,255, .14) !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-login-mail .iw-dh2-service-icon:nth-child(2) {
  background: #ffffff !important;
  color: #343a2e !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-login-mail .iw-dh2-service-icon:nth-child(3) {
  background: #343a2e !important;
  color: #191c17 !important;
}

@keyframes iwMailObjectFloat {
  0%, 100% { transform: translateY(0) rotate(-3deg); }
  50% { transform: translateY(-10px) rotate(-1deg); }
}

@keyframes iwMailObjectTagFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(8px); }
}

@media (max-width: 1180px) {
  body:not(.login-bg) #iw-domain-hero.iw-dh2 {
    grid-template-columns: 214px minmax(0, 1fr) !important;
  }
}

@media (max-width: 820px) {
  body:not(.login-bg) #iw-domain-hero.iw-dh2 {
    grid-template-columns: 1fr !important;
    padding: 22px 16px !important;
    gap: 18px !important;
    text-align: center !important;
  }

  body:not(.login-bg) #iw-domain-hero .iw-dh2-left-mail-object {
    width: 100% !important;
    max-width: 250px !important;
    height: 152px !important;
    margin: 0 auto !important;
  }

  body:not(.login-bg) #iw-domain-hero .iw-dh2-left-mail-card {
    width: 166px !important;
    min-height: 126px !important;
  }

  body:not(.login-bg) #iw-domain-hero .iw-dh2-title {
    font-size: 22px !important;
  }

  body:not(.login-bg) #iw-domain-hero .iw-dh2-form {
    align-items: stretch !important;
  }
}


/* IW 2026-05-15 - client logo, footer buttons and submenu repair */
body:not(.login-bg) .iw-nav-logo {
  min-height: 86px !important;
  padding: 14px 18px !important;
  background: rgba(255,255,255, .10) !important;
}
body:not(.login-bg) .iw-nav-logo img {
  max-width: 172px !important;
  max-height: 52px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: none !important;
}
body:not(.login-bg) nav#sidebar .iw-sub-list {
  display: none;
  margin: 6px 8px 8px 18px !important;
  padding: 7px 0 7px 12px !important;
  border-left: 1px solid rgba(183,229,50, .28) !important;
  background: transparent !important;
}
body:not(.login-bg) nav#sidebar li.iw-has-sub.open > .iw-sub-list {
  display: block;
}
body:not(.login-bg) nav#sidebar .iw-sub-link {
  min-height: 34px !important;
  padding: 8px 10px !important;
  border-radius: 9px !important;
  color: rgba(245,248,238, .78) !important;
  background: transparent !important;
  white-space: normal !important;
  line-height: 1.2 !important;
}
body:not(.login-bg) nav#sidebar .iw-sub-link span,
body:not(.login-bg) nav#sidebar .iw-sub-link i {
  color: inherit !important;
}
body:not(.login-bg) nav#sidebar .iw-sub-link:hover,
body:not(.login-bg) nav#sidebar .iw-sub-link.active {
  color: #191c17 !important;
  background: linear-gradient(135deg, var(--iw-aqua) 0%, var(--iw-cyan) 100%) !important;
}
body:not(.login-bg) .iw-nav-footer {
  padding: 10px !important;
  border-top: 1px solid rgba(245,248,238, .14) !important;
  background: rgba(25,28,23, .24) !important;
}
body:not(.login-bg) .iw-store-box {
  margin-bottom: 8px !important;
}
body:not(.login-bg) .iw-ver-tienda-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 9px !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(52,58,46, .45) !important;
  border-radius: 11px !important;
  color: #191c17 !important;
  background: linear-gradient(135deg, var(--iw-aqua) 0%, var(--iw-cyan) 56%, #343a2e 100%) !important;
  text-decoration: none !important;
}
body:not(.login-bg) .iw-ver-tienda-btn *,
body:not(.login-bg) .iw-ver-tienda-btn:hover * {
  color: #191c17 !important;
}
body:not(.login-bg) .iw-ver-tienda-btn:hover {
  background: linear-gradient(135deg, #ffffff 0%, #f1f5e9 100%) !important;
  color: #191c17 !important;
}
body:not(.login-bg) .iw-nav-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
  padding: 0 !important;
}
body:not(.login-bg) .iw-nav-actions .iw-action-btn,
body:not(.login-bg) .iw-action-btn {
  min-height: 58px !important;
  padding: 7px 4px !important;
  border: 1px solid rgba(245,248,238, .14) !important;
  border-radius: 11px !important;
  color: rgba(245,248,238, .82) !important;
  background: rgba(255,255,255, .075) !important;
}
body:not(.login-bg) .iw-action-label {
  max-width: 100% !important;
  color: rgba(245,248,238, .82) !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
}
body:not(.login-bg) .iw-action-icon {
  width: 30px !important;
  height: 30px !important;
  border-color: rgba(52,58,46, .22) !important;
  color: var(--iw-teal) !important;
  background: linear-gradient(135deg, #f5f8ee 0%, #edf2e3 100%) !important;
}
body:not(.login-bg) .iw-action-icon *,
body:not(.login-bg) .iw-action-icon svg {
  color: var(--iw-teal) !important;
  stroke: currentColor !important;
}
body:not(.login-bg) .iw-nav-actions .iw-action-btn:hover,
body:not(.login-bg) .iw-action-btn:hover {
  color: #191c17 !important;
  background: linear-gradient(135deg, var(--iw-aqua) 0%, var(--iw-cyan) 100%) !important;
}
body:not(.login-bg) .iw-action-btn:hover .iw-action-label {
  color: #191c17 !important;
}
body:not(.login-bg) .iw-tnl-item {
  position: relative !important;
}
body:not(.login-bg) .iw-tnl-dropdown {
  top: calc(100% + 8px) !important;
  left: 0 !important;
  min-width: 285px !important;
  padding: 0 !important;
  border: 1px solid var(--iw-line) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 42px rgba(25,28,23, .16) !important;
  z-index: 20000 !important;
}
body:not(.login-bg) .iw-tnl-dropdown:before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -10px !important;
  height: 10px !important;
}
body:not(.login-bg) .iw-tnl-sub-item {
  color: var(--iw-text) !important;
  background: transparent !important;
}
body:not(.login-bg) .iw-tnl-sub-item:hover,
body:not(.login-bg) .iw-tnl-sub-item.active {
  background: var(--iw-soft) !important;
  color: var(--iw-teal-dark) !important;
}
body:not(.login-bg) .iw-tnl-sub-body strong {
  color: var(--iw-blue) !important;
}
body:not(.login-bg) .iw-tnl-sub-body small {
  color: var(--iw-muted) !important;
}
@media (max-width: 767px) {
  body:not(.login-bg) .iw-nav-logo {
    min-height: 72px !important;
  }
  body:not(.login-bg) .iw-nav-logo img {
    max-width: 150px !important;
    max-height: 44px !important;
  }
  body:not(.login-bg) .iw-nav-footer {
    padding-bottom: 12px !important;
  }
}


/* IW 2026-05-15 - center login mailbox hero text and SVG */
body.login-bg .iw-login-right {
  align-items: center !important;
  justify-content: center !important;
}

body.login-bg .iw-login-brand-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(620px, 100%) !important;
  max-width: 620px !important;
  min-height: 100% !important;
  text-align: center !important;
}

body.login-bg .iw-login-visual {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(520px, 100%) !important;
  min-height: 300px !important;
  margin: 0 auto 18px !important;
}

body.login-bg .iw-mail-scene {
  width: min(520px, 100%) !important;
  min-height: 300px !important;
  margin: 0 auto !important;
}

body.login-bg .iw-mail-message-hero {
  left: 50% !important;
  top: 50% !important;
  width: min(330px, 72%) !important;
  height: auto !important;
  transform: translate(-50%, -50%) !important;
}

body.login-bg .iw-mail-message-hero img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
}

body.login-bg .iw-brand-title,
body.login-bg .iw-brand-sub {
  width: 100% !important;
  max-width: 590px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body.login-bg .iw-brand-title {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

body.login-bg .iw-brand-sub {
  margin-bottom: 0 !important;
  line-height: 1.6 !important;
}

body.login-bg .iw-mail-summary {
  margin-left: auto !important;
  margin-right: auto !important;
}

body.login-bg .iw-badge-web {
  left: 76px !important;
  top: 58px !important;
}

body.login-bg .iw-badge-cpanel {
  left: 78px !important;
  bottom: 58px !important;
}

body.login-bg .iw-badge-ssl {
  right: 78px !important;
  top: 112px !important;
}

@media (max-width: 1180px) {
  body.login-bg .iw-login-brand-card {
    max-width: 560px !important;
  }

  body.login-bg .iw-login-visual,
  body.login-bg .iw-mail-scene {
    min-height: 280px !important;
  }

  body.login-bg .iw-badge-web { left: 46px !important; }
  body.login-bg .iw-badge-cpanel { left: 48px !important; }
  body.login-bg .iw-badge-ssl { right: 48px !important; }
}

@media (max-width: 991px) {
  body.login-bg .iw-login-right {
    display: none !important;
  }
}

@media (max-width: 560px) {
  body.login-bg .iw-login-visual,
  body.login-bg .iw-mail-scene {
    min-height: 260px !important;
  }

  body.login-bg .iw-mail-message-hero {
    width: min(280px, 76%) !important;
  }
}

/* Dashboard summary counters */
body:not(.login-bg) .iw-tiles {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 22px 0 26px !important;
}

body:not(.login-bg) .iw-tile {
  min-height: 124px !important;
  padding: 18px 16px !important;
  align-items: center !important;
  gap: 14px !important;
  border-radius: 8px !important;
}

body:not(.login-bg) .iw-tile-icon {
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(25,28,23, .12) !important;
}

body:not(.login-bg) .iw-tile-icon svg {
  width: 24px !important;
  height: 24px !important;
}

body:not(.login-bg) .iw-tile-icon i {
  color: #ffffff !important;
  font-size: 23px !important;
  line-height: 1 !important;
}

body:not(.login-bg) .iw-tile-icon.blue {
  background: linear-gradient(135deg, #343a2e 0%, #b7e532 100%) !important;
}

body:not(.login-bg) .iw-tile-icon.green {
  background: linear-gradient(135deg, #15803d 0%, #34d399 100%) !important;
}

body:not(.login-bg) .iw-tile-icon.amber {
  background: linear-gradient(135deg, #b45309 0%, #fbbf24 100%) !important;
}

body:not(.login-bg) .iw-tile-icon.red {
  background: linear-gradient(135deg, #dc2626 0%, #fb7185 100%) !important;
}

body:not(.login-bg) .iw-tile-icon.purple {
  background: linear-gradient(135deg, #7c3aed 0%, #343a2e 100%) !important;
}

body:not(.login-bg) .iw-tile-content {
  min-width: 0 !important;
}

body:not(.login-bg) .iw-tile-label {
  margin-bottom: 5px !important;
  color: var(--iw-blue) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
}

body:not(.login-bg) .iw-tile-label span {
  display: block !important;
}

body:not(.login-bg) .iw-tile-value {
  margin-bottom: 6px !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body:not(.login-bg) .iw-tile-desc {
  display: block !important;
  max-width: 170px !important;
  color: var(--iw-muted) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

@media (max-width: 1199px) {
  body:not(.login-bg) .iw-tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body:not(.login-bg) .iw-tiles {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body:not(.login-bg) .iw-tile {
    min-height: 118px !important;
    padding: 16px !important;
  }

  body:not(.login-bg) .iw-tile-value {
    font-size: 26px !important;
  }

  body:not(.login-bg) .iw-tile-desc {
    max-width: none !important;
  }
}

/* MegaWeb: tarjetas visuales para servicios activos */
body:not(.login-bg) .iw-services-card {
  overflow: hidden !important;
}

body:not(.login-bg) .iw-services-body {
  padding: 14px !important;
  background: linear-gradient(180deg, rgba(251,252,248, .86), rgba(255,255,255, .98)) !important;
}

body:not(.login-bg) .iw-services-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 12px !important;
}

body:not(.login-bg) .iw-services-table thead th {
  padding: 0 12px 2px !important;
  color: #64695e !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  border: 0 !important;
}

body:not(.login-bg) .iw-services-table tbody tr.iw-service-rich-row {
  position: relative !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 12px 30px rgba(25,28,23, .08) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

body:not(.login-bg) .iw-services-table tbody tr.iw-service-rich-row:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 42px rgba(25,28,23, .12) !important;
}

body:not(.login-bg) .iw-services-table tbody tr.iw-service-rich-row td {
  padding: 14px 12px !important;
  vertical-align: middle !important;
  border-top: 1px solid rgba(25,28,23, .07) !important;
  border-bottom: 1px solid rgba(25,28,23, .07) !important;
  background: transparent !important;
}

body:not(.login-bg) .iw-services-table tbody tr.iw-service-rich-row td:first-child {
  border-left: 1px solid rgba(25,28,23, .07) !important;
  border-radius: 16px 0 0 16px !important;
}

body:not(.login-bg) .iw-services-table tbody tr.iw-service-rich-row td:last-child {
  border-right: 1px solid rgba(25,28,23, .07) !important;
  border-radius: 0 16px 16px 0 !important;
}

body:not(.login-bg) .iw-svc-name {
  display: flex !important;
  min-width: 260px !important;
  align-items: center !important;
  gap: 14px !important;
}

body:not(.login-bg) .iw-service-rich-icon {
  position: relative !important;
  display: inline-flex !important;
  width: 56px !important;
  height: 56px !important;
  flex: 0 0 56px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 17px !important;
  color: #fff !important;
  font-size: 24px !important;
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 100%) !important;
  box-shadow: 0 12px 24px rgba(52,58,46, .24) !important;
}

body:not(.login-bg) .iw-service-rich-domain .iw-service-rich-icon {
  background: linear-gradient(135deg, #343a2e 0%, #22c55e 100%) !important;
}

body:not(.login-bg) .iw-service-rich-mail .iw-service-rich-icon {
  background: linear-gradient(135deg, #f97316 0%, #ec4899 100%) !important;
}

body:not(.login-bg) .iw-service-rich-security .iw-service-rich-icon {
  background: linear-gradient(135deg, #16a34a 0%, #343a2e 100%) !important;
}

body:not(.login-bg) .iw-service-rich-server .iw-service-rich-icon {
  background: linear-gradient(135deg, #7c3aed 0%, #343a2e 100%) !important;
}

body:not(.login-bg) .iw-service-rich-dot {
  position: absolute !important;
  display: block !important;
  border-radius: 999px !important;
  background: rgba(255,255,255, .86) !important;
}

body:not(.login-bg) .iw-service-rich-dot.one {
  right: -4px !important;
  top: -5px !important;
  width: 17px !important;
  height: 17px !important;
}

body:not(.login-bg) .iw-service-rich-dot.two {
  right: 7px !important;
  bottom: 6px !important;
  width: 8px !important;
  height: 8px !important;
}

body:not(.login-bg) .iw-service-rich-info {
  display: block !important;
  min-width: 0 !important;
}

body:not(.login-bg) .iw-service-rich-info strong {
  display: block !important;
  color: #191c17 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

body:not(.login-bg) .iw-svc-domain {
  display: inline-flex !important;
  max-width: 100% !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 5px !important;
  color: #64695e !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  overflow-wrap: anywhere !important;
}

body:not(.login-bg) .iw-service-rich-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin-top: 10px !important;
}

body:not(.login-bg) .iw-service-rich-meta em,
body:not(.login-bg) .iw-svc-price span,
body:not(.login-bg) .iw-svc-due span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;
  color: #64695e !important;
  font-size: 11.5px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  background: #f6f9f1 !important;
}

body:not(.login-bg) .iw-svc-price span {
  color: #343a2e !important;
  background: #f1f5e9 !important;
}

body:not(.login-bg) .iw-svc-due span {
  color: #166534 !important;
  background: #dcfce7 !important;
}

body:not(.login-bg) .iw-status-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 11px !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
}

body:not(.login-bg) .iw-home-panel-actions {
  justify-content: flex-end !important;
  gap: 7px !important;
}

body:not(.login-bg) .iw-home-panel-btn {
  border-radius: 999px !important;
  box-shadow: 0 8px 18px rgba(25,28,23, .08) !important;
}

body:not(.login-bg) .iw-services-new-btn {
  border-radius: 999px !important;
}

@media (max-width: 860px) {
  body:not(.login-bg) .iw-services-table,
  body:not(.login-bg) .iw-services-table tbody,
  body:not(.login-bg) .iw-services-table tr,
  body:not(.login-bg) .iw-services-table td {
    display: block !important;
    width: 100% !important;
  }

  body:not(.login-bg) .iw-services-table thead {
    display: none !important;
  }

  body:not(.login-bg) .iw-services-table tbody tr.iw-service-rich-row {
    margin-bottom: 12px !important;
    padding: 14px !important;
  }

  body:not(.login-bg) .iw-services-table tbody tr.iw-service-rich-row td {
    padding: 8px 0 !important;
    border: 0 !important;
  }

  body:not(.login-bg) .iw-services-table tbody tr.iw-service-rich-row td:first-child,
  body:not(.login-bg) .iw-services-table tbody tr.iw-service-rich-row td:last-child {
    border: 0 !important;
    border-radius: 0 !important;
  }

  body:not(.login-bg) .iw-svc-name {
    min-width: 0 !important;
  }

  body:not(.login-bg) .iw-home-panel-actions {
    justify-content: flex-start !important;
  }
}

/* MegaWeb: rediseño limpio definitivo de servicios activos */
body:not(.login-bg) .iw-services-card {
  border: 1px solid #e9ebe5 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 28px rgba(25,28,23, .06) !important;
}

body:not(.login-bg) .iw-services-card .iw-home-card-head {
  padding: 18px 20px !important;
  border-bottom: 1px solid #f2f4ed !important;
  background: #ffffff !important;
}

body:not(.login-bg) .iw-services-card .iw-home-card-title h3 {
  color: #191c17 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

body:not(.login-bg) .iw-services-body {
  padding: 8px 14px 14px !important;
  background: #ffffff !important;
}

body:not(.login-bg) .iw-services-table {
  width: 100% !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
}

body:not(.login-bg) .iw-services-table thead th {
  padding: 12px 10px !important;
  color: #64695e !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  border: 0 !important;
  background: #ffffff !important;
}

body:not(.login-bg) .iw-services-table tbody tr.iw-service-clean-row,
body:not(.login-bg) .iw-services-table tbody tr.iw-service-rich-row {
  transform: none !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  transition: background-color .15s ease !important;
}

body:not(.login-bg) .iw-services-table tbody tr.iw-service-clean-row:hover,
body:not(.login-bg) .iw-services-table tbody tr.iw-service-rich-row:hover {
  transform: none !important;
  background: #fafbf9 !important;
  box-shadow: none !important;
}

body:not(.login-bg) .iw-services-table tbody tr.iw-service-clean-row td,
body:not(.login-bg) .iw-services-table tbody tr.iw-service-rich-row td {
  padding: 14px 10px !important;
  vertical-align: middle !important;
  border: 0 !important;
  border-top: 1px solid #f4f7ee !important;
  background: transparent !important;
}

body:not(.login-bg) .iw-services-table tbody tr.iw-service-clean-row td:first-child,
body:not(.login-bg) .iw-services-table tbody tr.iw-service-clean-row td:last-child,
body:not(.login-bg) .iw-services-table tbody tr.iw-service-rich-row td:first-child,
body:not(.login-bg) .iw-services-table tbody tr.iw-service-rich-row td:last-child {
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

body:not(.login-bg) .iw-svc-name {
  min-width: 240px !important;
}

body:not(.login-bg) .iw-service-clean-icon,
body:not(.login-bg) .iw-service-rich-icon {
  display: inline-flex !important;
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #eff4e5 !important;
  border-radius: 10px !important;
  color: #343a2e !important;
  font-size: 17px !important;
  background: #f8faf4 !important;
  box-shadow: none !important;
}

body:not(.login-bg) .iw-service-clean-domain .iw-service-clean-icon,
body:not(.login-bg) .iw-service-rich-domain .iw-service-rich-icon {
  border-color: #e0e9ce !important;
  color: #343a2e !important;
  background: #f9faf5 !important;
}

body:not(.login-bg) .iw-service-clean-mail .iw-service-clean-icon,
body:not(.login-bg) .iw-service-rich-mail .iw-service-rich-icon {
  border-color: #e9d5ff !important;
  color: #7e22ce !important;
  background: #faf5ff !important;
}

body:not(.login-bg) .iw-service-clean-security .iw-service-clean-icon,
body:not(.login-bg) .iw-service-rich-security .iw-service-rich-icon {
  border-color: #bbf7d0 !important;
  color: #15803d !important;
  background: #f0fdf4 !important;
}

body:not(.login-bg) .iw-service-clean-server .iw-service-clean-icon,
body:not(.login-bg) .iw-service-rich-server .iw-service-rich-icon {
  border-color: #ddd6fe !important;
  color: #6d28d9 !important;
  background: #f5f3ff !important;
}

body:not(.login-bg) .iw-service-clean-info,
body:not(.login-bg) .iw-service-rich-info {
  display: block !important;
  min-width: 0 !important;
}

body:not(.login-bg) .iw-service-clean-info strong,
body:not(.login-bg) .iw-service-rich-info strong {
  display: block !important;
  color: #191c17 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

body:not(.login-bg) .iw-svc-domain {
  display: block !important;
  max-width: 300px !important;
  margin-top: 3px !important;
  color: #64695e !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
}

body:not(.login-bg) .iw-service-rich-dot,
body:not(.login-bg) .iw-service-rich-meta {
  display: none !important;
}

body:not(.login-bg) .iw-svc-price,
body:not(.login-bg) .iw-svc-due {
  color: #64695e !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

body:not(.login-bg) .iw-svc-price span,
body:not(.login-bg) .iw-svc-due span {
  display: inline !important;
  padding: 0 !important;
  border-radius: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  background: transparent !important;
}

body:not(.login-bg) .iw-status-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 74px !important;
  padding: 6px 10px !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 999px !important;
  color: #166534 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  background: #f0fdf4 !important;
}

body:not(.login-bg) .iw-home-panel-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  min-width: 310px !important;
}

body:not(.login-bg) .iw-home-panel-btn {
  display: inline-flex !important;
  min-height: 34px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 8px 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: filter .15s ease, transform .15s ease !important;
}

body:not(.login-bg) .iw-home-panel-btn:hover {
  color: #ffffff !important;
  filter: brightness(.95) !important;
  transform: translateY(-1px) !important;
  text-decoration: none !important;
}

body:not(.login-bg) .iw-home-panel-btn-icon {
  display: inline-flex !important;
  width: auto !important;
  height: auto !important;
  align-items: center !important;
  justify-content: center !important;
  color: inherit !important;
  font-size: 13px !important;
  background: transparent !important;
}

body:not(.login-bg) .iw-home-panel-btn-cpanel,
body:not(.login-bg) .iw-home-panel-btn-whm {
  background: #f97316 !important;
}

body:not(.login-bg) .iw-home-panel-btn-webmail {
  background: #7c3aed !important;
}

body:not(.login-bg) .iw-home-panel-btn-admin {
  background: #191c17 !important;
}

body:not(.login-bg) .iw-svc-btn {
  display: inline-flex !important;
  min-height: 34px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 8px 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

body:not(.login-bg) .iw-svc-btn:hover {
  color: #ffffff !important;
  filter: brightness(.95) !important;
  text-decoration: none !important;
}

body:not(.login-bg) .iw-svc-btn-cpanel,
body:not(.login-bg) .iw-svc-btn-whm {
  background: #f97316 !important;
}

body:not(.login-bg) .iw-svc-btn-webmail {
  background: #7c3aed !important;
}

body:not(.login-bg) .iw-svc-btn-admin {
  background: #191c17 !important;
}

body:not(.login-bg) .iw-services-cta-footer {
  padding: 14px 20px 18px !important;
  border-top: 1px solid #f2f4ed !important;
  background: #ffffff !important;
}

body:not(.login-bg) .iw-services-new-btn {
  border-radius: 8px !important;
}

@media (max-width: 980px) {
  body:not(.login-bg) .iw-home-panel-actions {
    min-width: 0 !important;
    justify-content: flex-start !important;
  }
}

@media (max-width: 760px) {
  body:not(.login-bg) .iw-services-table,
  body:not(.login-bg) .iw-services-table tbody,
  body:not(.login-bg) .iw-services-table tr,
  body:not(.login-bg) .iw-services-table td {
    display: block !important;
    width: 100% !important;
  }

  body:not(.login-bg) .iw-services-table thead {
    display: none !important;
  }

  body:not(.login-bg) .iw-services-table tbody tr.iw-service-clean-row,
  body:not(.login-bg) .iw-services-table tbody tr.iw-service-rich-row {
    padding: 14px 0 !important;
    border-top: 1px solid #f4f7ee !important;
  }

  body:not(.login-bg) .iw-services-table tbody tr.iw-service-clean-row:first-child,
  body:not(.login-bg) .iw-services-table tbody tr.iw-service-rich-row:first-child {
    border-top: 0 !important;
  }

  body:not(.login-bg) .iw-services-table tbody tr.iw-service-clean-row td,
  body:not(.login-bg) .iw-services-table tbody tr.iw-service-rich-row td {
    padding: 7px 0 !important;
    border: 0 !important;
  }

  body:not(.login-bg) .iw-svc-name {
    min-width: 0 !important;
  }

  body:not(.login-bg) .iw-home-panel-actions {
    gap: 7px !important;
  }

  body:not(.login-bg) .iw-home-panel-btn {
    flex: 1 1 calc(50% - 7px) !important;
  }
}

/* MegaWeb: botones fijos solicitados para todos los servicios */
.iw-home-panel-actions .iw-fixed-service-btn,
body:not(.login-bg) .iw-home-panel-actions .iw-fixed-service-btn {
  display: inline-flex !important;
  min-width: 88px !important;
  min-height: 32px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 7px 10px !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.iw-home-panel-actions .iw-fixed-service-btn:hover,
body:not(.login-bg) .iw-home-panel-actions .iw-fixed-service-btn:hover {
  color: #ffffff !important;
  filter: brightness(.94) !important;
  text-decoration: none !important;
}

.iw-home-panel-actions .iw-home-panel-btn-cpanel,
.iw-home-panel-actions .iw-home-panel-btn-whm,
body:not(.login-bg) .iw-home-panel-actions .iw-home-panel-btn-cpanel,
body:not(.login-bg) .iw-home-panel-actions .iw-home-panel-btn-whm {
  background: #f97316 !important;
}

.iw-home-panel-actions .iw-home-panel-btn-webmail,
body:not(.login-bg) .iw-home-panel-actions .iw-home-panel-btn-webmail {
  background: #7c3aed !important;
}

.iw-home-panel-actions .iw-home-panel-btn-admin,
body:not(.login-bg) .iw-home-panel-actions .iw-home-panel-btn-admin {
  background: #191c17 !important;
}

/* IW 2026-05-17 - product detail header adapted from requested Lightshot reference */
body:not(.login-bg) .iw-product-detail-header,
body:not(.login-bg) .theme-client-service-detail-page .iw-product-detail-header {
  position: relative !important;
  display: flex !important;
  min-height: 0 !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 0 0 10px !important;
  padding: 14px 18px !important;
  overflow: hidden !important;
  border: 1px solid rgba(52,58,46, .32) !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(52,58,46, .16), transparent 28%),
    linear-gradient(110deg, #191c17 0%, #191c17 58%, #343a2e 100%) !important;
  box-shadow: 0 10px 24px rgba(25,28,23, .10) !important;
}

body:not(.login-bg) .iw-product-detail-header > div:first-child {
  min-width: 0 !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-breadcrumb {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 0 6px !important;
  color: rgba(245,248,238, .72) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-breadcrumb-link {
  color: #343a2e !important;
  font-weight: 800 !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-breadcrumb-sep,
body:not(.login-bg) .iw-product-detail-header .iw-breadcrumb-current {
  color: rgba(245,248,238, .82) !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-page-title {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 6px !important;
  max-width: 760px !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-page-title-group {
  color: rgba(245,248,238, .92) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-page-subtitle {
  display: inline-flex !important;
  min-width: 66px !important;
  min-height: 28px !important;
  align-items: center !important;
  margin: 6px 0 0 !important;
  padding: 5px 12px !important;
  border: 1px solid rgba(255,255,255, .70) !important;
  border-radius: 999px !important;
  color: #191c17 !important;
  background: #ffffff !important;
  box-shadow: 0 8px 18px rgba(25,28,23, .10) !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-page-actions {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin: 0 !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-status-badge {
  min-width: 80px !important;
  min-height: 30px !important;
  padding: 6px 12px !important;
  border: 1px solid rgba(187,247,208, .95) !important;
  border-radius: 999px !important;
  color: #343a2e !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  background: #f0fdf4 !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-btn-secondary {
  min-height: 32px !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 12px !important;
  border: 1px solid rgba(255,255,255, .34) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  background: rgba(255,255,255, .24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255, .16) !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-btn-secondary:hover {
  color: #ffffff !important;
  background: rgba(255,255,255, .32) !important;
}

@media (max-width: 760px) {
  body:not(.login-bg) .iw-product-detail-header,
  body:not(.login-bg) .theme-client-service-detail-page .iw-product-detail-header {
    min-height: 0 !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 12px 14px !important;
  }

  body:not(.login-bg) .iw-product-detail-header .iw-page-title {
    font-size: 19px !important;
  }

  body:not(.login-bg) .iw-product-detail-header .iw-page-actions {
    width: 100% !important;
    justify-content: flex-start !important;
    margin: 0 !important;
  }
}


/* IW 2026-05-17 - product detail 1598 compact presentation */
body:not(.login-bg) .iw-product-detail-header-url-1598 {
  min-height: 0 !important;
  margin: 0 0 14px !important;
  padding: 18px 22px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 16px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(52,58,46, .18) !important;
  background: linear-gradient(135deg, #191c17 0%, #343a2e 100%) !important;
  box-shadow: 0 12px 28px rgba(25,28,23, .10) !important;
}
body:not(.login-bg) .iw-product-detail-header-url-1598 .iw-breadcrumb {
  margin: 0 0 8px !important;
  gap: 6px !important;
  font-size: 12px !important;
}
body:not(.login-bg) .iw-product-detail-header-url-1598 .iw-page-title {
  max-width: 860px !important;
  font-size: 22px !important;
  line-height: 1.18 !important;
}
body:not(.login-bg) .iw-product-detail-header-url-1598 .iw-page-title-group {
  font-size: 14px !important;
}
body:not(.login-bg) .iw-product-detail-header-url-1598 .iw-page-subtitle {
  min-height: 30px !important;
  margin: 8px 0 0 !important;
  padding: 5px 12px !important;
  font-size: 12px !important;
  box-shadow: none !important;
}
body:not(.login-bg) .iw-product-detail-header-url-1598 .iw-page-actions {
  align-items: center !important;
  margin: 0 !important;
  gap: 8px !important;
}
body:not(.login-bg) .iw-product-detail-header-url-1598 .iw-status-badge,
body:not(.login-bg) .iw-product-detail-header-url-1598 .iw-btn-secondary {
  min-height: 34px !important;
  padding: 7px 12px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 {
  margin: 0 !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .primary-content,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 #tabOverview,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .product-details.simple-detail-products-section {
  margin: 0 !important;
  padding: 0 !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .card.iw-service-card {
  margin: 0 !important;
  border: 1px solid rgba(25,28,23, .08) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 26px rgba(25,28,23, .06) !important;
  overflow: hidden !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .card.iw-service-card > .card-body {
  padding: 16px !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .product-details.simple-detail-products-section > .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr) !important;
  gap: 16px !important;
  margin: 0 !important;
  align-items: start !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .product-detail-left-column {
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-hero.estilo-del-producto {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 18px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #191c17 0%, #343a2e 100%) !important;
  box-shadow: 0 12px 30px rgba(25,28,23, .12) !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto::before,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto::after {
  display: none !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-top {
  margin: 0 0 12px !important;
  gap: 12px !important;
  align-items: flex-start !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-service-icon-wrap {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  border-radius: 12px !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-service-name {
  margin: 0 0 3px !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-service-group,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-service-domain {
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto__badges {
  gap: 6px !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-stats,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto__usage {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 10px 0 0 !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-stat,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto__usage-card {
  min-height: 54px !important;
  padding: 10px !important;
  border-radius: 9px !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-stat svg {
  width: 16px !important;
  height: 16px !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-stat-label,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto__usage-head span,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto__usage-card p {
  font-size: 11px !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-stat-val,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto__usage-head strong {
  font-size: 12px !important;
  line-height: 1.25 !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-actions {
  margin: 12px 0 0 !important;
  gap: 8px !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-btn {
  min-height: 34px !important;
  padding: 8px 11px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-feature-cards {
  margin: 14px 0 0 !important;
  padding: 14px !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 22px rgba(25,28,23, .05) !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-feature-cards-title {
  margin: 0 0 10px !important;
  font-size: 13px !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-feature-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-feature-card {
  min-height: 58px !important;
  padding: 9px !important;
  border-radius: 9px !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-feature-card-icon {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 9px !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-feature-card-name {
  font-size: 11px !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-feature-card-val {
  font-size: 12px !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-billing-table {
  height: 100% !important;
  margin: 0 !important;
  padding: 16px !important;
  gap: 0 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(25,28,23, .08) !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(25,28,23, .05) !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-billing-table .iw-billing-row {
  min-height: 0 !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid #f4f7ee !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-billing-table .iw-billing-row:last-child {
  border-bottom: 0 !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-billing-label,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-billing-value {
  font-size: 12px !important;
  line-height: 1.35 !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .nav.nav-tabs.responsive-tabs-sm {
  margin-top: 14px !important;
  margin-bottom: 12px !important;
  gap: 6px !important;
  padding: 6px !important;
  border-radius: 10px !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .nav.nav-tabs.responsive-tabs-sm .nav-link {
  min-height: 34px !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
}
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .tab-content,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .section,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .section-body,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .product-details-tab-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
@media (max-width: 991px) {
  body:not(.login-bg) .iw-product-detail-header-url-1598,
  body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .product-details.simple-detail-products-section > .row {
    grid-template-columns: 1fr !important;
  }
  body:not(.login-bg) .iw-product-detail-header-url-1598 .iw-page-actions {
    justify-content: flex-start !important;
  }
}
@media (max-width: 575px) {
  body:not(.login-bg) .iw-product-detail-header-url-1598 {
    padding: 14px !important;
  }
  body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .card.iw-service-card > .card-body {
    padding: 12px !important;
  }
  body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-stats,
  body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto__usage,
  body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-feature-cards-grid {
    grid-template-columns: 1fr !important;
  }
}

/* MegaWeb full-width domain register/transfer pages */
body[data-phone-cc-input] #order-standard_cart > .row {
  margin-left: 0;
  margin-right: 0;
}

body[data-phone-cc-input] #order-standard_cart .cart-sidebar {
  display: none !important;
}

body[data-phone-cc-input] #order-standard_cart .cart-body {
  width: 100% !important;
  max-width: 1180px;
  margin: 0 auto;
  float: none !important;
  padding: 28px 18px 54px;
}

body[data-phone-cc-input] #order-standard_cart .header-lined {
  border: 0;
  margin: 0 0 18px;
  padding: 0;
  text-align: center;
}

body[data-phone-cc-input] #order-standard_cart .header-lined h1 {
  color: #191c17;
  font-family: "Plus Jakarta Sans", "Open Sans", sans-serif;
  font-size: 32px;
  font-weight: 800;
  letter-spacing: 0;
  margin: 0;
}

body[data-phone-cc-input] #order-standard_cart .cart-body > p,
body[data-phone-cc-input] #order-standard_cart .cart-body > .text-center p {
  color: #64695e;
  font-size: 15px;
}

body[data-phone-cc-input] #order-standard_cart .domain-checker-container,
body[data-phone-cc-input] #order-standard_cart #frmDomainTransfer .panel,
body[data-phone-cc-input] #order-standard_cart #frmDomainTransfer .card {
  background: #ffffff;
  border: 1px solid rgba(25,28,23, 0.08);
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(25,28,23, 0.08);
  overflow: hidden;
}

body[data-phone-cc-input] #order-standard_cart .domain-checker-bg {
  background: linear-gradient(135deg, #f6f8f1 0%, #fcfdf9 52%, #fff7ed 100%);
  border: 0;
  padding: 34px 22px;
}

body[data-phone-cc-input] #order-standard_cart .input-group-box,
body[data-phone-cc-input] #order-standard_cart #frmDomainTransfer .form-control {
  border-radius: 12px;
}

body[data-phone-cc-input] #order-standard_cart .form-control {
  border: 1px solid #e4ead8;
  box-shadow: none;
  color: #191c17;
  min-height: 46px;
}

body[data-phone-cc-input] #order-standard_cart .form-control:focus {
  border-color: #343a2e;
  box-shadow: 0 0 0 3px rgba(52,58,46, 0.14);
}

body[data-phone-cc-input] #order-standard_cart .btn-primary,
body[data-phone-cc-input] #order-standard_cart .btn-add-to-cart {
  background: #343a2e;
  border-color: #343a2e;
  border-radius: 12px;
  color: #ffffff;
  font-weight: 700;
}

body[data-phone-cc-input] #order-standard_cart .btn-primary:hover,
body[data-phone-cc-input] #order-standard_cart .btn-add-to-cart:hover {
  background: #343a2e;
  border-color: #343a2e;
}

body[data-phone-cc-input] #order-standard_cart .domain-promo-box,
body[data-phone-cc-input] #order-standard_cart .suggested-domains,
body[data-phone-cc-input] #order-standard_cart .tld-pricing,
body[data-phone-cc-input] #order-standard_cart .panel,
body[data-phone-cc-input] #order-standard_cart .card {
  border-radius: 16px;
}

body[data-phone-cc-input] #order-standard_cart .panel-heading,
body[data-phone-cc-input] #order-standard_cart .card-header {
  background: #fbfcf8;
  border-color: rgba(25,28,23, 0.08);
}

@media (max-width: 767px) {
  body[data-phone-cc-input] #order-standard_cart .cart-body {
    padding: 22px 12px 42px;
  }

  body[data-phone-cc-input] #order-standard_cart .header-lined h1 {
    font-size: 26px;
  }

  body[data-phone-cc-input] #order-standard_cart .domain-checker-bg {
    padding: 24px 14px;
  }
}

/* MegaWeb domain pages polish v2 */
body[data-phone-cc-input] #order-standard_cart .iw-domain-hero {
  align-items: stretch;
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 58%, #191c17 100%);
  border-radius: 20px;
  color: #ffffff;
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(0, 1fr) 320px;
  margin: 0 0 22px;
  overflow: hidden;
  padding: 28px;
  position: relative;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-hero:before {
  background: radial-gradient(circle at center, rgba(255,255,255, 0.18), rgba(255,255,255, 0));
  content: "";
  height: 240px;
  position: absolute;
  right: -70px;
  top: -80px;
  width: 240px;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-hero-copy,
body[data-phone-cc-input] #order-standard_cart .iw-domain-hero-card {
  position: relative;
  z-index: 1;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-kicker {
  color: #859c58;
  display: block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin-bottom: 8px;
  text-transform: uppercase;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-hero h1 {
  color: #ffffff;
  font-family: "Plus Jakarta Sans", "Open Sans", sans-serif;
  font-size: 34px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.12;
  margin: 0 0 10px;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-hero p {
  color: rgba(255,255,255, 0.82);
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
  max-width: 640px;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-tab {
  align-items: center;
  background: rgba(255,255,255, 0.10);
  border: 1px solid rgba(255,255,255, 0.16);
  border-radius: 999px;
  color: #ffffff;
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  gap: 8px;
  padding: 10px 14px;
  text-decoration: none;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-tab.active,
body[data-phone-cc-input] #order-standard_cart .iw-domain-tab:hover {
  background: #ffffff;
  color: #343a2e;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-hero-card {
  align-self: center;
  background: rgba(255,255,255, 0.12);
  border: 1px solid rgba(255,255,255, 0.18);
  border-radius: 18px;
  display: grid;
  gap: 8px;
  padding: 20px;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-hero-icon {
  align-items: center;
  background: #ffffff;
  border-radius: 14px;
  color: #343a2e;
  display: inline-flex;
  font-size: 22px;
  height: 48px;
  justify-content: center;
  width: 48px;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-hero-card strong {
  color: #ffffff;
  font-size: 18px;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-hero-card small {
  color: rgba(255,255,255, 0.78);
  font-size: 13px;
  line-height: 1.5;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-search-shell {
  background: #ffffff;
  border: 1px solid rgba(25,28,23, 0.08);
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(25,28,23, 0.07);
  margin-bottom: 18px;
  overflow: hidden;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-search-head {
  align-items: center;
  border-bottom: 1px solid rgba(25,28,23, 0.08);
  display: flex;
  gap: 12px;
  padding: 18px 22px;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-search-head > span {
  align-items: center;
  background: #f7f9f2;
  border-radius: 12px;
  color: #343a2e;
  display: inline-flex;
  height: 42px;
  justify-content: center;
  width: 42px;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-search-head strong,
body[data-phone-cc-input] #order-standard_cart .iw-transfer-note strong {
  color: #191c17;
  display: block;
  font-weight: 800;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-search-head small,
body[data-phone-cc-input] #order-standard_cart .iw-transfer-note span {
  color: #64695e;
  display: block;
  font-size: 13px;
  line-height: 1.5;
  margin-top: 2px;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-search-shell .domain-checker-container {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-benefits {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 18px 0 26px;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-benefits > div,
body[data-phone-cc-input] #order-standard_cart .iw-transfer-note,
body[data-phone-cc-input] #order-standard_cart .iw-domain-secondary {
  background: #ffffff;
  border: 1px solid rgba(25,28,23, 0.08);
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(25,28,23, 0.05);
  padding: 18px;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-benefits i,
body[data-phone-cc-input] #order-standard_cart .iw-transfer-note i {
  color: #343a2e;
  font-size: 20px;
  margin-bottom: 12px;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-benefits strong {
  color: #191c17;
  display: block;
  font-weight: 800;
  margin-bottom: 5px;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-benefits span {
  color: #64695e;
  display: block;
  font-size: 13px;
  line-height: 1.5;
}

body[data-phone-cc-input] #order-standard_cart .iw-transfer-layout {
  align-items: start;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) 330px;
  margin-top: 20px;
}

body[data-phone-cc-input] #order-standard_cart .iw-transfer-layout .panel,
body[data-phone-cc-input] #order-standard_cart .iw-transfer-layout .card {
  margin-bottom: 0;
}

body[data-phone-cc-input] #order-standard_cart .iw-transfer-layout .card-header p {
  color: #64695e;
  font-size: 13px;
  margin: 4px 0 0;
}

body[data-phone-cc-input] #order-standard_cart .iw-transfer-aside {
  display: grid;
  gap: 14px;
}

body[data-phone-cc-input] #order-standard_cart .iw-domain-secondary {
  align-items: center;
  color: #343a2e;
  display: flex;
  font-weight: 800;
  gap: 10px;
  text-decoration: none;
}

body[data-phone-cc-input] #order-standard_cart .domain-pricing {
  margin-top: 30px;
}

body[data-phone-cc-input] #order-standard_cart .domain-pricing > h4 {
  color: #191c17;
  font-weight: 800;
  margin-bottom: 14px;
}

body[data-phone-cc-input] #order-standard_cart .tld-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

body[data-phone-cc-input] #order-standard_cart .tld-filters .badge {
  background: #f3f6ee;
  border: 1px solid #e6edd7;
  color: #343a2e;
  padding: 8px 10px;
}

body[data-phone-cc-input] #order-standard_cart .domain-pricing .bg-white {
  border: 1px solid rgba(25,28,23, 0.08);
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(25,28,23, 0.05);
  overflow: hidden;
}

@media (max-width: 991px) {
  body[data-phone-cc-input] #order-standard_cart .iw-domain-hero,
  body[data-phone-cc-input] #order-standard_cart .iw-transfer-layout {
    grid-template-columns: 1fr;
  }

  body[data-phone-cc-input] #order-standard_cart .iw-domain-benefits {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575px) {
  body[data-phone-cc-input] #order-standard_cart .iw-domain-hero {
    padding: 22px;
  }

  body[data-phone-cc-input] #order-standard_cart .iw-domain-hero h1 {
    font-size: 27px;
  }

  body[data-phone-cc-input] #order-standard_cart .iw-domain-tabs {
    align-items: stretch;
    flex-direction: column;
  }

  body[data-phone-cc-input] #order-standard_cart .iw-domain-tab {
    justify-content: center;
  }
}
/* IW 2026-05-17 - global product details layout */
body:not(.login-bg) .theme-client-service-detail-page .iw-service-product-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr) !important;
  gap: 18px !important;
  align-items: start !important;
  margin-bottom: 18px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-panel {
  border: 1px solid #e6edd6 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(52,58,46, .07) !important;
  overflow: hidden !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-panel-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 52px !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid #f0f4e8 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8faf3 100%) !important;
  color: #191c17 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-package-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 82px minmax(0, 1fr) auto !important;
  gap: 18px !important;
  align-items: center !important;
  min-height: 184px !important;
  padding: 22px !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(52,58,46, .16), transparent 32%),
    linear-gradient(135deg, #fcfdfa 0%, #ffffff 44%, #f6f8f0 100%) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-package-icon {
  width: 82px !important;
  height: 82px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 8px !important;
  color: #343a2e !important;
  background: linear-gradient(135deg, #b7e532 0%, #343a2e 100%) !important;
  box-shadow: 0 12px 30px rgba(52,58,46, .22) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-package-icon svg {
  width: 42px !important;
  height: 42px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-package-copy {
  min-width: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-package-kicker {
  display: inline-flex !important;
  margin-bottom: 8px !important;
  color: #343a2e !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-package-copy strong {
  display: block !important;
  color: #191c17 !important;
  font-size: clamp(20px, 2.2vw, 30px) !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  overflow-wrap: anywhere !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-package-copy small {
  display: block !important;
  margin-top: 8px !important;
  color: #64695e !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-package-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 14px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-package-tags span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 6px 10px !important;
  border: 1px solid #e6edd6 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #343a2e !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  overflow-wrap: anywhere !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-package-action,
body:not(.login-bg) .theme-client-service-detail-page .iw-service-quick-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  border: 1px solid #e6edd6 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #191c17 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-package-action:hover,
body:not(.login-bg) .theme-client-service-detail-page .iw-service-quick-action:hover {
  border-color: rgba(52,58,46, .52) !important;
  background: #f5f8ee !important;
  color: #191c17 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-quick-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding: 14px 16px 16px !important;
  border-top: 1px solid #f0f4e8 !important;
  background: #fdfefc !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-quick-action.primary {
  border-color: rgba(52,58,46, .42) !important;
  background: linear-gradient(135deg, #b7e532 0%, #343a2e 100%) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-quick-action.success {
  border-color: rgba(52,58,46, .34) !important;
  background: #ecfdf5 !important;
  color: #343a2e !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-quick-note {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  border: 1px dashed #e6edd6 !important;
  border-radius: 8px !important;
  color: #64695e !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-compact-side {
  display: grid !important;
  gap: 14px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-detail-list,
body:not(.login-bg) .theme-client-service-detail-page .iw-service-access-list {
  display: grid !important;
  gap: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-detail-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 54px !important;
  padding: 13px 16px !important;
  border-bottom: 1px solid #f0f4e8 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-detail-row:last-child {
  border-bottom: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-detail-row span {
  color: #64695e !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-detail-row strong {
  color: #191c17 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: right !important;
  overflow-wrap: anywhere !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-access-card {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  min-height: 66px !important;
  padding: 13px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid #f0f4e8 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: #191c17 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-access-card:last-child {
  border-bottom: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-access-icon {
  width: 40px !important;
  height: 40px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 8px !important;
  background: #f5f8ee !important;
  color: #343a2e !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-access-card strong {
  display: block !important;
  color: #191c17 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-access-card small {
  display: block !important;
  margin-top: 3px !important;
  color: #64695e !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-access-support .iw-service-access-icon {
  background: #ecfdf5 !important;
  color: #343a2e !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-access-danger .iw-service-access-icon {
  background: #fef2f2 !important;
  color: #b91c1c !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-card {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-card > .card-body {
  padding: 0 !important;
}

@media (max-width: 1040px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-service-product-layout {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 680px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-service-product-layout {
    gap: 14px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-service-package-card {
    grid-template-columns: 1fr !important;
    text-align: left !important;
    min-height: 0 !important;
    padding: 18px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-service-package-action,
  body:not(.login-bg) .theme-client-service-detail-page .iw-service-quick-action {
    width: 100% !important;
    white-space: normal !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-service-detail-row {
    grid-template-columns: 1fr !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-service-detail-row strong {
    text-align: left !important;
  }
}

/* IW 2026-05-17 - final product boxed width/header override */
body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side {
  width: 430px !important;
  flex: 0 0 430px !important;
}

body:not(.login-bg) .iw-product-detail-header,
body:not(.login-bg) .theme-client-service-detail-page .iw-product-detail-header {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 12px !important;
  padding: 16px 20px !important;
  border: 1px solid #e6edd6 !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 94% 0%, rgba(183,229,50, .28), transparent 28%),
    linear-gradient(120deg, #343a2e 0%, #343a2e 58%, #343a2e 100%) !important;
  box-shadow: 0 14px 34px rgba(52,58,46, .14) !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-page-title {
  max-width: 860px !important;
  font-size: 23px !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-breadcrumb-link {
  color: #b7e532 !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-page-subtitle {
  border-color: rgba(255,255,255, .78) !important;
  color: #343a2e !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-btn-secondary {
  border-color: rgba(255,255,255, .30) !important;
  background: rgba(255,255,255, .14) !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-btn-secondary:hover {
  background: rgba(255,255,255, .22) !important;
}

@media (max-width: 980px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side {
    width: 100% !important;
    flex-basis: auto !important;
  }
}

/* MegaWeb service hero button colors */
body:not(.login-bg) .theme-client-service-detail-page .iw-box-hero-actions a.iw-box-action-visit,
body:not(.login-bg) .iw-box-hero-actions a.iw-box-action-visit {
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 52%, #343a2e 100%) !important;
  border: 1px solid rgba(52,58,46, 0.58) !important;
  box-shadow: 0 14px 28px rgba(52,58,46, 0.24) !important;
  color: #ffffff !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-hero-actions a.iw-box-action-whatsapp,
body:not(.login-bg) .iw-box-hero-actions a.iw-box-action-whatsapp {
  background: #25d366 !important;
  border: 1px solid #1ebe5d !important;
  box-shadow: 0 14px 28px rgba(37,211,102, 0.24) !important;
  color: #ffffff !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-hero-actions a.iw-box-action-cpanel,
body:not(.login-bg) .iw-box-hero-actions a.iw-box-action-cpanel {
  background: linear-gradient(135deg, #ff8a00 0%, #f97316 52%, #c2410c 100%) !important;
  border: 1px solid rgba(251,146,60, 0.7) !important;
  box-shadow: 0 14px 28px rgba(249,115,22, 0.24) !important;
  color: #ffffff !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-hero-actions a.iw-box-action-visit:hover,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-hero-actions a.iw-box-action-whatsapp:hover,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-hero-actions a.iw-box-action-cpanel:hover,
body:not(.login-bg) .iw-box-hero-actions a.iw-box-action-visit:hover,
body:not(.login-bg) .iw-box-hero-actions a.iw-box-action-whatsapp:hover,
body:not(.login-bg) .iw-box-hero-actions a.iw-box-action-cpanel:hover {
  filter: brightness(1.04) saturate(1.05);
  transform: translateY(-1px);
}

body:not(.login-bg) .iw-box-hero-actions .iw-cpanel-logo-mark {
  align-items: center;
  background: rgba(255,255,255, 0.96);
  border-radius: 8px;
  color: #f97316;
  display: inline-flex;
  font-family: "Plus Jakarta Sans", "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 900;
  height: 22px;
  justify-content: center;
  letter-spacing: -0.02em;
  line-height: 1;
  margin-right: 2px;
  min-width: 26px;
  padding: 0 5px;
}

/* IW 2026-05-17 - final product width balance */
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shell-clean {
  width: 100% !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content {
  display: grid !important;
  grid-template-columns: minmax(620px, 1fr) 400px !important;
  align-items: stretch !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-main {
  min-width: 0 !important;
  padding: 22px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side {
  width: auto !important;
  min-width: 0 !important;
  flex: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-grid {
  grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
  gap: 16px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a {
  grid-template-columns: 44px minmax(0, 1fr) 18px !important;
  min-height: 76px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts {
  grid-template-columns: repeat(5, minmax(92px, 1fr)) !important;
  gap: 10px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-billing {
  grid-template-columns: repeat(3, minmax(170px, 1fr)) !important;
  gap: 12px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side section {
  padding: 18px 20px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side section > div:not(.iw-box-ns) {
  gap: 16px !important;
  grid-template-columns: minmax(120px, .85fr) minmax(150px, 1.15fr) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-product-detail-header,
body:not(.login-bg) .iw-product-detail-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  min-height: 94px !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-page-title {
  max-width: none !important;
}

@media (max-width: 1260px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-content {
    grid-template-columns: minmax(560px, 1fr) 360px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-box-billing {
    grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-content {
    grid-template-columns: 1fr !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-grid,
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-billing {
    grid-template-columns: 1fr !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* MegaWeb decorative hexagon for service block */
body:not(.login-bg) .theme-client-service-detail-page .iw-box-product {
  position: relative !important;
  isolation: isolate;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-product::before {
  background:
    linear-gradient(135deg, rgba(255,255,255, 0.28), rgba(255,255,255, 0) 38%),
    linear-gradient(145deg, #343a2e 0%, #343a2e 45%, #f97316 100%);
  box-shadow:
    0 24px 44px rgba(52,58,46, 0.28),
    inset 0 0 0 1px rgba(255,255,255, 0.32),
    inset 0 -18px 32px rgba(25,28,23, 0.18);
  clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0 50%);
  content: "";
  height: 118px;
  left: 28px;
  opacity: 0.96;
  pointer-events: none;
  position: absolute;
  top: -34px;
  transform: rotate(-10deg);
  width: 104px;
  z-index: 5;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-product::after {
  background:
    linear-gradient(135deg, rgba(255,255,255, 0.78), rgba(255,255,255, 0.18)),
    linear-gradient(145deg, rgba(52,58,46, 0.75), rgba(249,115,22, 0.72));
  border: 1px solid rgba(255,255,255, 0.42);
  box-shadow: 0 10px 24px rgba(25,28,23, 0.16);
  clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0 50%);
  content: "";
  height: 56px;
  left: 52px;
  pointer-events: none;
  position: absolute;
  top: -3px;
  transform: rotate(-10deg);
  width: 50px;
  z-index: 6;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-shell {
  position: relative !important;
  z-index: 1;
}

@media (max-width: 767px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-product::before {
    height: 86px;
    left: 18px;
    top: -24px;
    width: 76px;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-box-product::after {
    height: 40px;
    left: 36px;
    top: -1px;
    width: 36px;
  }
}

/* MegaWeb decorative hexagon navy correction */
body:not(.login-bg) .theme-client-service-detail-page .iw-box-product::before {
  background:
    linear-gradient(135deg, rgba(255,255,255, 0.14), rgba(255,255,255, 0) 42%),
    linear-gradient(145deg, #191c17 0%, #191c17 48%, #191c17 100%) !important;
  box-shadow:
    0 18px 34px rgba(25,28,23, 0.22),
    inset 0 0 0 1px rgba(155,168,138, 0.18),
    inset 0 -18px 28px rgba(0,0,0, 0.26) !important;
  height: 96px !important;
  left: auto !important;
  opacity: 0.72 !important;
  right: 42px !important;
  top: 24px !important;
  transform: rotate(14deg) !important;
  width: 84px !important;
  z-index: 1 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-product::after {
  background:
    linear-gradient(135deg, rgba(155,168,138, 0.24), rgba(255,255,255, 0.04)),
    linear-gradient(145deg, #343a2e 0%, #191c17 100%) !important;
  border-color: rgba(155,168,138, 0.2) !important;
  box-shadow: 0 10px 22px rgba(25,28,23, 0.18) !important;
  height: 42px !important;
  left: auto !important;
  opacity: 0.78 !important;
  right: 64px !important;
  top: 51px !important;
  transform: rotate(14deg) !important;
  width: 38px !important;
  z-index: 2 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-hero > * {
  position: relative !important;
  z-index: 3 !important;
}

@media (max-width: 767px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-product::before {
    height: 70px !important;
    right: 18px !important;
    top: 20px !important;
    width: 62px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-box-product::after {
    height: 30px !important;
    right: 34px !important;
    top: 41px !important;
    width: 28px !important;
  }
}

/* MegaWeb service hexagon integrated final */
body:not(.login-bg) .theme-client-service-detail-page .iw-box-product::before,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-product::after {
  display: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-hero {
  isolation: isolate;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-hero::before {
  background:
    linear-gradient(135deg, rgba(255,255,255, 0.10), rgba(255,255,255, 0) 44%),
    linear-gradient(145deg, #191c17 0%, #191c17 52%, #191c17 100%) !important;
  border: 1px solid rgba(155,168,138, 0.16);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255, 0.08),
    inset 0 -22px 34px rgba(0,0,0, 0.26),
    0 24px 48px rgba(25,28,23, 0.22);
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);
  content: "";
  height: 132px;
  opacity: 0.62;
  pointer-events: none;
  position: absolute;
  right: 34px;
  top: 22px;
  transform: rotate(18deg);
  width: 116px;
  z-index: 0;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-hero::after {
  background:
    linear-gradient(135deg, rgba(100,105,94, 0.46), rgba(25,28,23, 0.30)),
    linear-gradient(145deg, #343a2e 0%, #191c17 100%) !important;
  border: 1px solid rgba(155,168,138, 0.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255, 0.08);
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);
  content: "";
  height: 66px;
  opacity: 0.74;
  pointer-events: none;
  position: absolute;
  right: 59px;
  top: 55px;
  transform: rotate(18deg);
  width: 58px;
  z-index: 1;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-hero > * {
  position: relative !important;
  z-index: 3 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-registered {
  z-index: 4 !important;
}

@media (max-width: 767px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-hero::before {
    height: 94px;
    opacity: 0.42;
    right: -16px;
    top: 18px;
    width: 82px;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-box-hero::after {
    height: 46px;
    opacity: 0.56;
    right: 2px;
    top: 43px;
    width: 40px;
  }
}


/* Dashboard stat cards - 20260517 */
body:not(.login-bg) .iw-stat-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 0 18px !important;
}

body:not(.login-bg) .iw-stat-card {
  background: #ffffff !important;
  border: 1px solid #ecf0e4 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  color: #191c17 !important;
  cursor: pointer;
  display: flex !important;
  flex-direction: column;
  min-height: 178px;
  overflow: hidden;
  padding: 20px !important;
  position: relative;
  text-decoration: none !important;
  transition: box-shadow .2s ease, transform .18s ease, border-color .2s ease !important;
}

body:not(.login-bg) .iw-stat-card:hover,
body:not(.login-bg) .iw-stat-card:focus {
  border-color: #343a2e !important;
  box-shadow: 0 8px 24px rgba(52,58,46, .10) !important;
  color: #191c17 !important;
  text-decoration: none !important;
  transform: translateY(-3px);
}

body:not(.login-bg) .iw-stat-topline {
  border-radius: 16px 16px 0 0;
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

body:not(.login-bg) .iw-stat-card.card-teal .iw-stat-topline { background: linear-gradient(90deg, #343a2e, #343a2e); }
body:not(.login-bg) .iw-stat-card.card-blue .iw-stat-topline { background: linear-gradient(90deg, #343a2e, #343a2e); }
body:not(.login-bg) .iw-stat-card.card-amber .iw-stat-topline { background: linear-gradient(90deg, #d97706, #f59e0b); }
body:not(.login-bg) .iw-stat-card.card-violet .iw-stat-topline { background: linear-gradient(90deg, #5b21b6, #7c3aed); }

body:not(.login-bg) .iw-stat-row {
  align-items: center;
  display: flex;
  gap: 14px;
  margin-bottom: 14px;
  min-width: 0;
}

body:not(.login-bg) .iw-stat-icon {
  align-items: center;
  border-radius: 14px;
  display: flex;
  flex: 0 0 56px;
  height: 56px;
  justify-content: center;
  width: 56px;
}

body:not(.login-bg) .iw-stat-icon i {
  font-size: 26px !important;
  line-height: 1 !important;
}

body:not(.login-bg) .iw-stat-icon.icon-teal { background: #f5f8ee; color: #343a2e; }
body:not(.login-bg) .iw-stat-icon.icon-blue { background: #f3f6eb; color: #343a2e; }
body:not(.login-bg) .iw-stat-icon.icon-amber { background: #fef3c7; color: #b45309; }
body:not(.login-bg) .iw-stat-icon.icon-violet { background: #ede9fe; color: #5b21b6; }

body:not(.login-bg) .iw-stat-meta {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

body:not(.login-bg) .iw-stat-label {
  color: #64695e !important;
  display: block;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: .07em !important;
  line-height: 1.2 !important;
  text-transform: uppercase;
}

body:not(.login-bg) .iw-stat-number {
  color: #191c17 !important;
  display: block;
  font-size: 32px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
  filter: none !important;
}

body:not(.login-bg) .iw-stat-number.teal { color: #343a2e !important; }
body:not(.login-bg) .iw-stat-number.blue { color: #343a2e !important; }
body:not(.login-bg) .iw-stat-number.amber { color: #b45309 !important; }
body:not(.login-bg) .iw-stat-number.violet { color: #5b21b6 !important; }

body:not(.login-bg) .iw-stat-desc {
  color: #64695e !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  margin: 0 0 14px !important;
  min-height: 40px;
}

body:not(.login-bg) .iw-stat-footer {
  align-items: center;
  border-top: 1px solid #ecf0e4;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 10px;
}

body:not(.login-bg) .iw-stat-badge {
  border-radius: 20px;
  display: inline-flex;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  padding: 4px 9px;
  white-space: nowrap;
}

body:not(.login-bg) .iw-stat-badge.badge-teal { background: #f5f8ee; color: #343a2e; }
body:not(.login-bg) .iw-stat-badge.badge-blue { background: #f3f6eb; color: #343a2e; }
body:not(.login-bg) .iw-stat-badge.badge-amber { background: #fef3c7; color: #b45309; }
body:not(.login-bg) .iw-stat-badge.badge-violet { background: #ede9fe; color: #5b21b6; }

body:not(.login-bg) .iw-stat-link {
  align-items: center;
  color: #64695e !important;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 12px !important;
  font-weight: 600 !important;
  gap: 5px;
  white-space: nowrap;
}

body:not(.login-bg) .iw-stat-card:hover .iw-stat-link,
body:not(.login-bg) .iw-stat-card:focus .iw-stat-link {
  color: #343a2e !important;
}

body:not(.login-bg) .iw-stat-link i {
  font-size: 12px !important;
}

@media (max-width: 1199px) {
  body:not(.login-bg) .iw-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 575px) {
  body:not(.login-bg) .iw-stat-grid {
    grid-template-columns: 1fr !important;
  }

  body:not(.login-bg) .iw-stat-card {
    min-height: 0;
    padding: 18px !important;
  }

  body:not(.login-bg) .iw-stat-footer {
    align-items: flex-start;
    flex-direction: column;
  }
}


/* IW product detail card header 20260517 */
body:not(.login-bg) .theme-client-service-detail-page .iw-product-service-card {
  background: linear-gradient(145deg, #343a2e 0%, #343a2e 40%, #191c17 100%) !important;
  border: .5px solid rgba(52,58,46, .3) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 45px rgba(25,28,23, .16) !important;
  color: #fff !important;
  font-family: var(--font-sans, 'Inter', sans-serif) !important;
  margin: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-product-service-card::before {
  background: linear-gradient(90deg, transparent, rgba(183,229,50, .5) 35%, rgba(210,222,183, .9) 50%, rgba(183,229,50, .5) 65%, transparent) !important;
  content: '' !important;
  height: 1px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  z-index: 3 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-d-card {
  align-items: stretch !important;
  display: flex !important;
  min-height: 175px !important;
  position: relative !important;
}

body:not(.login-bg) .theme-client-service-detail-page .glow-orb,
body:not(.login-bg) .theme-client-service-detail-page .glow-orb2 {
  border-radius: 50% !important;
  pointer-events: none !important;
  position: absolute !important;
}

body:not(.login-bg) .theme-client-service-detail-page .glow-orb {
  background: radial-gradient(ellipse, rgba(52,58,46, .28) 0%, transparent 70%) !important;
  height: 180px !important;
  right: 20px !important;
  top: -40px !important;
  width: 260px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .glow-orb2 {
  background: radial-gradient(ellipse, rgba(52,58,46, .35) 0%, transparent 70%) !important;
  bottom: 0 !important;
  height: 140px !important;
  left: 100px !important;
  width: 140px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-d-left {
  align-items: center !important;
  background: linear-gradient(160deg, #343a2e 0%, #343a2e 45%, #191c17 100%) !important;
  display: flex !important;
  flex: 0 0 110px !important;
  flex-direction: column !important;
  gap: 8px !important;
  justify-content: center !important;
  padding: 24px 14px !important;
  position: relative !important;
  width: 280px !important;
  z-index: 1 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-d-left::after {
  background: linear-gradient(to bottom, transparent, rgba(183,229,50, .55) 30%, rgba(183,229,50, .55) 70%, transparent) !important;
  bottom: 0 !important;
  content: '' !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  width: 1px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .hex-wrap-d {
  height: 78px !important;
  position: relative !important;
  width: 68px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .hex-icon-d {
  color: #fff !important;
  font-size: 22px !important;
  left: 50% !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 50% !important;
  transform: translate(-50%, -55%) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-left-label {
  color: rgba(216,227,193, .75) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 1.4px !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-d-body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 11px !important;
  min-width: 0 !important;
  padding: 18px 22px !important;
  position: relative !important;
  z-index: 1 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-d-top {
  align-items: flex-start !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: space-between !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-badge,
body:not(.login-bg) .theme-client-service-detail-page .d-tag,
body:not(.login-bg) .theme-client-service-detail-page .d-btn {
  align-items: center !important;
  display: inline-flex !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-badge {
  background: rgba(255,255,255, .18) !important;
  border: .5px solid rgba(255,255,255, .4) !important;
  border-radius: 20px !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  gap: 5px !important;
  letter-spacing: .9px !important;
  padding: 3px 10px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-badge-dot,
body:not(.login-bg) .theme-client-service-detail-page .tag-dot-d {
  border-radius: 50% !important;
  flex: 0 0 5px !important;
  height: 5px !important;
  width: 5px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-badge-dot { background: #859c58 !important; }
body:not(.login-bg) .theme-client-service-detail-page .tag-dot-d { background: #2ed573 !important; }

body:not(.login-bg) .theme-client-service-detail-page .d-date {
  flex: 0 0 auto !important;
  text-align: right !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-date-label {
  color: rgba(255,255,255, .5) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 1.2px !important;
  margin-bottom: 2px !important;
  text-transform: uppercase !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-date-val {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-title {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  overflow-wrap: anywhere !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-sub {
  color: rgba(255,255,255, .55) !important;
  font-size: 11.5px !important;
  margin: 3px 0 0 !important;
  overflow-wrap: anywhere !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-tags,
body:not(.login-bg) .theme-client-service-detail-page .d-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-actions { gap: 8px !important; }

body:not(.login-bg) .theme-client-service-detail-page .d-tag {
  background: rgba(255,255,255, .12) !important;
  border: .5px solid rgba(255,255,255, .22) !important;
  border-radius: 20px !important;
  color: rgba(255,255,255, .85) !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  gap: 4px !important;
  line-height: 1.2 !important;
  max-width: 100% !important;
  padding: 3px 9px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-tag i { font-size: 11px !important; }
body:not(.login-bg) .theme-client-service-detail-page .d-tag.done {
  background: rgba(46,213,115, .18) !important;
  border-color: rgba(46,213,115, .45) !important;
  color: #7ef5b0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-btn {
  border: 0 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  font-family: inherit !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  gap: 6px !important;
  letter-spacing: .2px !important;
  line-height: 1.25 !important;
  min-height: 33px !important;
  padding: 7px 15px !important;
  text-decoration: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-btn i { font-size: 12px !important; }
body:not(.login-bg) .theme-client-service-detail-page .d-btn-outline {
  background: rgba(255,255,255, .12) !important;
  border: .5px solid rgba(255,255,255, .35) !important;
  color: #fff !important;
}
body:not(.login-bg) .theme-client-service-detail-page .d-btn-wa {
  background: #25d366 !important;
  color: #fff !important;
}
body:not(.login-bg) .theme-client-service-detail-page .d-btn-cpanel {
  background: #f4b740 !important;
  color: #191c17 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-divider {
  background: rgba(255,255,255, .12) !important;
  height: .5px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-feats {
  background: #fff !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-feat {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: 14px 16px !important;
  position: relative !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-feat:not(:last-child)::after {
  background: #ecf0e4 !important;
  content: '' !important;
  height: 64% !important;
  position: absolute !important;
  right: 0 !important;
  top: 18% !important;
  width: .5px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-feat-icon {
  align-items: center !important;
  background: #f5f8ee !important;
  border: .5px solid rgba(52,58,46, .2) !important;
  border-radius: 8px !important;
  color: #343a2e !important;
  display: flex !important;
  flex: 0 0 32px !important;
  font-size: 15px !important;
  height: 32px !important;
  justify-content: center !important;
  width: 32px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-feat-title {
  color: #191c17 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .3px !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-feat-sub {
  color: #64695e !important;
  font-size: 10px !important;
  margin-top: 1px !important;
}

@media (max-width: 767px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-d-card {
    flex-direction: column !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-d-left {
    flex-basis: auto !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    min-height: 96px !important;
    padding: 16px 18px !important;
    width: 100% !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-d-left::after {
    bottom: 0 !important;
    height: 1px !important;
    left: 0 !important;
    top: auto !important;
    width: 100% !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-d-body {
    padding: 16px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-d-top {
    align-items: flex-start !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-feats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-feat:nth-child(2)::after {
    display: none !important;
  }
}

@media (max-width: 480px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-d-top,
  body:not(.login-bg) .theme-client-service-detail-page .d-actions {
    flex-direction: column !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-date {
    text-align: left !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-btn {
    justify-content: center !important;
    width: 100% !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-feats {
    grid-template-columns: 1fr !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-feat::after {
    display: none !important;
  }
}

/* IW 2026-05-17 - align product header and body width */
body:not(.login-bg) .theme-client-service-detail-page .iw-box-product,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shell,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shell-clean,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-main,
body:not(.login-bg) .theme-client-service-detail-page .iw-product-service-card,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-content {
  box-sizing: border-box !important;
  max-width: none !important;
  width: 100% !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-shell-clean {
  padding: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content {
  margin: 0 !important;
  border-top: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-product-service-card {
  border-radius: 14px 14px 0 0 !important;
}

/* IW 2026-05-17 - remove only the gap between product header and body */
body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-main {
  padding-top: 0 !important;
}

/* IW 2026-05-17 - widen product body without changing the header */
body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-main {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/* IW 2026-05-17 - keep product body below the header */
body:not(.login-bg) .theme-client-service-detail-page .iw-box-content {
  margin-top: 0 !important;
}

/* IW 2026-05-17 - compact product detail spacing and active usage meters */
body:not(.login-bg) .iw-product-detail-header {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

body:not(.login-bg) .theme-client-service-detail-page {
  padding-top: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .primary-content,
body:not(.login-bg) .theme-client-service-detail-page .tab-content.margin-bottom,
body:not(.login-bg) .theme-client-service-detail-page #tabOverview {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-product,
body:not(.login-bg) .theme-client-service-detail-page .iw-product-service-card {
  margin-top: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto__usage {
  gap: 8px !important;
  min-height: 32px !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto__usage-card {
  min-height: 44px !important;
  padding: 6px 10px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto__usage-head span,
body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto__usage-head strong,
body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto__usage-card p {
  font-size: 10.5px !important;
  line-height: 1.15 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto__usage-card p {
  margin: 2px 0 4px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto__progress {
  height: 3px !important;
  background: rgba(255,255,255, .22) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto__progress span {
  min-width: 28% !important;
  background: linear-gradient(90deg, #343a2e 0%, #7be495 55%, #facc15 100%) !important;
}

/* IW 2026-05-17 - wider service hex area and stronger cPanel action */
body:not(.login-bg) .theme-client-service-detail-page .iw-d-left {
  flex-basis: 248px !important;
  width: 248px !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .hex-wrap-d {
  height: 96px !important;
  width: 84px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .hex-wrap-d svg {
  height: 96px !important;
  width: 84px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .hex-icon-d {
  font-size: 28px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-btn-cpanel,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-action-cpanel {
  background: linear-gradient(135deg, #ff7a1a 0%, #f97316 44%, #ea580c 100%) !important;
  border: 1px solid rgba(255,147,56, .88) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(249,115,22, .30) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-btn-cpanel .iw-cpanel-logo-mark,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-action-cpanel .iw-cpanel-logo-mark {
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  margin-right: 2px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  color: #f97316 !important;
  background: #ffffff !important;
  box-shadow: inset 0 -1px 0 rgba(25,28,23, .10), 0 6px 14px rgba(124,45,18, .18) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-btn-cpanel .iw-cpanel-logo-mark i,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-action-cpanel .iw-cpanel-logo-mark i {
  font-size: 12px !important;
  line-height: 1 !important;
}

@media (max-width: 767px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-d-left {
    width: 100% !important;
    min-height: 108px !important;
  }
}

/* IW 2026-05-17 - product detail block harmony polish */
body:not(.login-bg) .theme-client-service-detail-page .iw-box-main {
  overflow: hidden !important;
  border: 1px solid #e3ebd3 !important;
  border-radius: 14px !important;
  background: #fbfcf9 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-product-service-card {
  border: 0 !important;
  border-bottom: 1px solid #e3ebd3 !important;
  border-radius: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-feats {
  align-items: stretch !important;
  background: #ffffff !important;
  border-top: 1px solid rgba(227,235,211, .92) !important;
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  min-height: 60px !important;
  padding: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-feat {
  align-items: center !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  min-height: 60px !important;
  padding: 12px 18px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-feat::after {
  display: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-feat:not(:last-child) {
  border-right: 1px solid #e9efdc !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-feat-icon {
  height: 34px !important;
  width: 34px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-feat-title,
body:not(.login-bg) .theme-client-service-detail-page .d-feat-sub {
  overflow-wrap: anywhere !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content {
  background: #fafcf7 !important;
  grid-template-columns: minmax(0, 1fr) 400px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-main {
  padding: 14px 18px 18px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-grid {
  gap: 16px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-bottom: 12px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card {
  min-height: 142px !important;
  padding: 18px 18px 16px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card div {
  align-items: center !important;
  display: flex !important;
  justify-content: space-between !important;
  margin-bottom: 10px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card > b {
  margin-bottom: 2px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card > i {
  margin-top: 12px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-update {
  margin: 2px 0 18px !important;
  padding-right: 2px !important;
  text-align: right !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-section-title {
  margin: 18px 0 10px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts {
  margin-bottom: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a {
  min-height: 76px !important;
  padding: 14px 16px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts {
  gap: 10px !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts a,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts span {
  min-height: 82px !important;
  padding: 14px 10px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side {
  align-self: stretch !important;
  background: #ffffff !important;
  border-left: 1px solid #e8eedb !important;
  display: flex !important;
  flex-direction: column !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side section {
  padding: 18px 20px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side section + section {
  border-top: 1px solid #e8eedb !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side h3 {
  margin-bottom: 16px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side section > div:not(.iw-box-ns) {
  align-items: baseline !important;
  gap: 14px !important;
  grid-template-columns: minmax(112px, .8fr) minmax(0, 1.2fr) !important;
  min-height: 31px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side strong,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side section > div:not(.iw-box-ns) a {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  text-align: right !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-ns b {
  border-radius: 6px !important;
  display: block !important;
  margin-top: 6px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-visit {
  align-items: center !important;
  border-radius: 8px !important;
  display: flex !important;
  justify-content: center !important;
  margin: auto 18px 18px !important;
  min-height: 44px !important;
  width: auto !important;
}

@media (max-width: 1260px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-content {
    grid-template-columns: minmax(0, 1fr) 360px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-feat {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

@media (max-width: 980px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-content {
    grid-template-columns: 1fr !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side {
    border-left: 0 !important;
    border-top: 1px solid #e8eedb !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-box-visit {
    margin-top: 16px !important;
  }
}

@media (max-width: 767px) {
  body:not(.login-bg) .theme-client-service-detail-page .d-feats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-feat:nth-child(2n) {
    border-right: 0 !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-feat:nth-child(n+3) {
    border-top: 1px solid #e9efdc !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-main {
    padding: 14px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px) {
  body:not(.login-bg) .theme-client-service-detail-page .d-feats,
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-grid {
    grid-template-columns: 1fr !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-feat {
    border-right: 0 !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-feat + .d-feat {
    border-top: 1px solid #e9efdc !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side section > div:not(.iw-box-ns) {
    grid-template-columns: 1fr !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side strong,
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side section > div:not(.iw-box-ns) a {
    text-align: left !important;
  }
}


/* IW 2026-05-17 - larger service header shifted right */
@media (min-width: 768px) {
  body:not(.login-bg) .theme-client-service-detail-page {
    margin-left: 10px !important;
    margin-right: -34px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-d-card {
    min-height: 205px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-d-left {
    flex-basis: 240px !important;
    width: 240px !important;
    padding: 30px 32px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .hex-wrap-d,
  body:not(.login-bg) .theme-client-service-detail-page .hex-wrap-d svg {
    height: 116px !important;
    width: 110px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .hex-icon-d {
    font-size: 32px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-left-label {
    font-size: 10px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-d-body {
    gap: 15px !important;
    padding: 26px 34px 24px 40px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-title {
    font-size: 27px !important;
    line-height: 1.16 !important;
    font-weight: 800 !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-sub {
    font-size: 13.5px !important;
    margin-top: 6px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .iw-d-top {
    gap: 18px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-badge {
    font-size: 11px !important;
    gap: 7px !important;
    padding: 5px 13px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-date-label {
    font-size: 10px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-date-val {
    font-size: 15.5px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-tags,
  body:not(.login-bg) .theme-client-service-detail-page .d-actions {
    gap: 10px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-tag {
    font-size: 12px !important;
    gap: 6px !important;
    padding: 5px 12px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-tag i {
    font-size: 12.5px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-btn {
    font-size: 13px !important;
    gap: 8px !important;
    min-height: 40px !important;
    padding: 10px 18px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-btn i {
    font-size: 13.5px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-feats {
    min-height: 74px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-feat {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 14px !important;
    min-height: 74px !important;
    padding: 16px 22px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-feat-icon {
    flex-basis: 40px !important;
    height: 40px !important;
    width: 40px !important;
    font-size: 17px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-feat-title {
    font-size: 12.5px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-feat-sub {
    font-size: 11.5px !important;
    margin-top: 3px !important;
  }
}

@media (max-width: 767px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-d-body {
    gap: 13px !important;
    padding: 20px 18px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-title {
    font-size: 23px !important;
    line-height: 1.18 !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-sub {
    font-size: 13px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .d-btn {
    font-size: 12.5px !important;
    min-height: 40px !important;
  }
}


/* IW 2026-05-17 - larger page title and right spacing */
@media (min-width: 768px) {
  body:not(.login-bg) .iw-product-detail-header {
    margin-left: 10px !important;
    margin-right: -34px !important;
    min-height: 112px !important;
    padding: 22px 30px 22px 34px !important;
    gap: 22px !important;
  }

  body:not(.login-bg) .iw-product-detail-header > div:first-child {
    padding-left: 6px !important;
  }

  body:not(.login-bg) .iw-product-detail-header .iw-page-title {
    font-size: 28px !important;
    line-height: 1.12 !important;
  }

  body:not(.login-bg) .iw-product-detail-header .iw-page-title-group {
    font-size: 16px !important;
  }

  body:not(.login-bg) .iw-product-detail-header .iw-breadcrumb {
    margin-bottom: 9px !important;
    font-size: 13px !important;
  }

  body:not(.login-bg) .iw-product-detail-header .iw-page-subtitle {
    min-height: 32px !important;
    margin-top: 10px !important;
    padding: 7px 14px !important;
    font-size: 13px !important;
  }

  body:not(.login-bg) .iw-product-detail-header .iw-page-actions {
    gap: 11px !important;
  }
}

@media (max-width: 767px) {
  body:not(.login-bg) .iw-product-detail-header .iw-page-title {
    font-size: 22px !important;
  }
}


/* IW 2026-05-17 - compact usage load percent */
body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-grid {
  gap: 12px !important;
  margin-bottom: 8px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card {
  min-height: 70px !important;
  padding: 10px 14px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card div {
  margin-bottom: 4px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card span {
  font-size: 11px !important;
  line-height: 1.15 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card div strong {
  color: #343a2e !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card > b {
  display: inline-block !important;
  margin: 0 8px 0 0 !important;
  font-size: 17px !important;
  line-height: 1.1 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card p {
  display: inline !important;
  margin: 0 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card > i {
  height: 8px !important;
  margin-top: 8px !important;
  background: #ecf1e1 !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card > i em,
body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto__progress span,
body:not(.login-bg) .theme-client-service-detail-page .iw-usage-bar span {
  background: linear-gradient(90deg, #b7e532 0%, #343a2e 38%, #343a2e 100%) !important;
  box-shadow: 0 0 12px rgba(52,58,46, .34) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto__usage-card {
  min-height: 34px !important;
  padding: 6px 10px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto__progress {
  height: 7px !important;
  background: #ecf1e1 !important;
}

@media (max-width: 767px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card {
    min-height: 74px !important;
  }
}


/* IW 2026-05-17 - product area usage cards larger shadow */
body:not(.login-bg) .theme-client-service-detail-page .iw-box-product::before,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-product::after {
  display: none !important;
  box-shadow: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-main .iw-box-usage-grid {
  gap: 16px !important;
  margin-bottom: 14px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-main .iw-box-usage-card {
  min-height: 112px !important;
  padding: 16px 18px !important;
  border: 1px solid #e6edd6 !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcf8 100%) !important;
  box-shadow: 0 12px 26px rgba(52,58,46, .08) !important;
  overflow: hidden !important;
  position: relative !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-main .iw-box-usage-card::before,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-main .iw-box-usage-card::after {
  display: none !important;
  content: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-main .iw-box-usage-card div {
  margin-bottom: 8px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-main .iw-box-usage-card span {
  font-size: 11.5px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-main .iw-box-usage-card div strong {
  color: #343a2e !important;
  font-size: 15px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-main .iw-box-usage-card > b {
  display: block !important;
  margin: 0 0 3px !important;
  color: #191c17 !important;
  font-size: 25px !important;
  line-height: 1.08 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-main .iw-box-usage-card p {
  display: block !important;
  margin: 0 0 12px !important;
  color: #64695e !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-main .iw-box-usage-card > i {
  height: 12px !important;
  margin-top: 0 !important;
  background: #edf2e2 !important;
  box-shadow: inset 0 0 0 1px rgba(52,58,46, .10) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-main .iw-box-usage-card > i em {
  background: linear-gradient(90deg, #b7e532 0%, #343a2e 40%, #343a2e 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255, .35) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-main .iw-box-usage-card:hover {
  box-shadow: 0 16px 34px rgba(52,58,46, .11) !important;
}

@media (max-width: 767px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-main .iw-box-usage-card {
    min-height: 106px !important;
    padding: 15px 16px !important;
  }
}

/* IW 2026-05-17 - unified active products list/detail widths */
body:not(.login-bg) .iw-page-header,
body:not(.login-bg) .theme-client-service-page,
body:not(.login-bg) .theme-client-service-detail-page {
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

body:not(.login-bg) .iw-product-detail-header,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-product,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shell,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-main,
body:not(.login-bg) .theme-client-service-detail-page .iw-product-service-card,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-content {
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-main {
  display: flex !important;
  flex-direction: column !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-product-service-card {
  flex: 0 0 auto !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content {
  flex: 1 1 auto !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-page-actions,
body:not(.login-bg) .theme-client-service-detail-page .iw-d-top,
body:not(.login-bg) .theme-client-service-detail-page .d-tags,
body:not(.login-bg) .theme-client-service-detail-page .d-actions {
  min-width: 0 !important;
}

body:not(.login-bg) .iw-product-detail-header .iw-status-badge,
body:not(.login-bg) .theme-client-service-detail-page .d-tag.done,
body:not(.login-bg) .theme-client-service-page .label.status {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-width: 96px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

body:not(.login-bg) .theme-client-service-page .data-table-main-container,
body:not(.login-bg) .theme-client-service-page .table-container,
body:not(.login-bg) .theme-client-service-page .col-md-12 {
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

body:not(.login-bg) .theme-client-service-page .iw-services-v2-table {
  table-layout: fixed !important;
  width: 100% !important;
}

body:not(.login-bg) .theme-client-service-page .iw-services-col-mark { width: 58px !important; }
body:not(.login-bg) .theme-client-service-page .iw-services-col-service { width: 34% !important; }
body:not(.login-bg) .theme-client-service-page .iw-services-col-price { width: 15% !important; }
body:not(.login-bg) .theme-client-service-page .iw-services-col-date { width: 17% !important; }
body:not(.login-bg) .theme-client-service-page .iw-services-col-status { width: 126px !important; }
body:not(.login-bg) .theme-client-service-page .iw-services-col-actions { width: 300px !important; }

body:not(.login-bg) .theme-client-service-page .iw-col-service,
body:not(.login-bg) .theme-client-service-page .iw-col-price,
body:not(.login-bg) .theme-client-service-page .iw-col-date,
body:not(.login-bg) .theme-client-service-page .iw-col-status,
body:not(.login-bg) .theme-client-service-page .iw-col-actions {
  /*box-sizing: border-box !important;*/
}

body:not(.login-bg) .theme-client-service-page .iw-services-v2-name,
body:not(.login-bg) .theme-client-service-page .iw-service-title-block,
body:not(.login-bg) .theme-client-service-page .product-with-domain a,
body:not(.login-bg) .theme-client-service-page .nodomain-product-name,
body:not(.login-bg) .theme-client-service-page .domain-product-name {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not(.login-bg) .theme-client-service-page .iw-services-v2-price strong,
body:not(.login-bg) .theme-client-service-page .iw-services-v2-price small,
body:not(.login-bg) .theme-client-service-page .iw-services-v2-date {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  height:10px!important;
}

body:not(.login-bg) .theme-client-service-page .iw-services-v2-status,
body:not(.login-bg) .theme-client-service-page .iw-service-actions-td {
  text-align: center !important;
}

body:not(.login-bg) .theme-client-service-page .iw-service-list-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
  width: 100% !important;
}

body:not(.login-bg) .theme-client-service-page .iw-svc-btn,
body:not(.login-bg) .theme-client-service-page .iw-svc-access-note {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  justify-content: center !important;
  min-height: 34px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not(.login-bg) .theme-client-service-page .iw-svc-btn-cpanel,
body:not(.login-bg) .theme-client-service-page .iw-svc-btn-webmail {
  width: 82px !important;
}

body:not(.login-bg) .theme-client-service-page .iw-svc-btn-whm {
  width: 66px !important;
}

body:not(.login-bg) .theme-client-service-page .iw-svc-btn-admin {
  width: 104px !important;
}

body:not(.login-bg) .theme-client-service-page .iw-svc-access-note {
  width: 92px !important;
}

@media (max-width: 991px) {
  body:not(.login-bg) .theme-client-service-page .table-container {
    overflow-x: auto !important;
  }

  body:not(.login-bg) .theme-client-service-page .iw-services-v2-table {
    min-width: 820px !important;
  }
}

@media (max-width: 767px) {
  body:not(.login-bg) .iw-product-detail-header,
  body:not(.login-bg) .theme-client-service-detail-page {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body:not(.login-bg) .iw-product-detail-header .iw-status-badge,
  body:not(.login-bg) .theme-client-service-detail-page .d-tag.done,
  body:not(.login-bg) .theme-client-service-page .label.status {
    min-width: 86px !important;
  }
}

/* IW 2026-05-17 - neutralize product-id-specific width drift */
body:not(.login-bg) .iw-page-header.iw-product-detail-header[class*="iw-product-detail-header-url-"] {
  box-sizing: border-box !important;
  display: flex !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] {
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] .iw-box-main,
body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] .iw-product-service-card,
body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] .iw-box-content {
  max-width: 100% !important;
  width: 100% !important;
}

body:not(.login-bg) .iw-page-header.iw-product-detail-header[class*="iw-product-detail-header-url-"] .iw-status-badge,
body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] .d-tag.done {
  min-height: 34px !important;
  min-width: 96px !important;
  text-align: center !important;
}

@media (min-width: 768px) {
  body:not(.login-bg) .iw-page-header.iw-product-detail-header[class*="iw-product-detail-header-url-"],
  body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}


.theme-client-service-detail-page {
    margin:0px -20px 0px -20px !important;
}
.theme-client-service-detail-page {
    padding:0px -20px 0px -20px !important;
}

/* IW 2026-05-18 - Welcome popup login-style overlay and side arrows */
body:not(.login-bg) .iw-welcome-modal {
  z-index: 30000 !important;
  padding: 24px !important;
  background: transparent !important;
}
body:not(.login-bg) .iw-welcome-backdrop {
  background: rgba(0,0,0, .72) !important;
  backdrop-filter: blur(8px) saturate(115%) !important;
  -webkit-backdrop-filter: blur(8px) saturate(115%) !important;
}
body:not(.login-bg) .iw-welcome-dialog {
  width: min(900px, calc(100vw - 42px)) !important;
  max-height: calc(100vh - 42px) !important;
  border: 1px solid rgba(52,58,46, .24) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, #343a2e 0%, #191c17 54%, #191c17 100%) !important;
  box-shadow: 0 28px 90px rgba(0,0,0, .56), 0 0 0 1px rgba(255,255,255, .05) inset !important;
}
body:not(.login-bg) .iw-welcome-dialog::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: radial-gradient(circle at 84% 10%, rgba(52,58,46, .34), transparent 30%), radial-gradient(circle at 18% 84%, rgba(52,58,46, .28), transparent 36%) !important;
}
body:not(.login-bg) .iw-welcome-close {
  top: 16px !important;
  right: 16px !important;
  width: 36px !important;
  height: 36px !important;
  border: 1px solid rgba(255,255,255, .16) !important;
  background: rgba(255,255,255, .10) !important;
  color: #f5f8ee !important;
  font-size: 22px !important;
}
body:not(.login-bg) .iw-welcome-close:hover,
body:not(.login-bg) .iw-welcome-side-arrow:hover {
  border-color: rgba(52,58,46, .46) !important;
  background: rgba(255,255,255, .18) !important;
  color: #ffffff !important;
}
body:not(.login-bg) .iw-welcome-stage {
  position: relative !important;
  min-height: 500px !important;
  background: transparent !important;
  overflow-y: auto !important;
}
body:not(.login-bg) .iw-welcome-slide {
  min-height: 500px !important;
  padding: 58px 78px 42px !important;
  color: #f5f8ee !important;
}
body:not(.login-bg) .iw-welcome-copy {
  max-width: 720px !important;
  margin: 0 auto !important;
}
body:not(.login-bg) .iw-welcome-kicker {
  border-color: rgba(52,58,46, .28) !important;
  background: rgba(255,255,255, .10) !important;
  color: rgba(245,248,238, .92) !important;
}
body:not(.login-bg) .iw-welcome-slide h2 {
  color: #ffffff !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}
body:not(.login-bg) .iw-welcome-slide p {
  color: rgba(245,248,238, .82) !important;
}
body:not(.login-bg) .iw-business-browser,
body:not(.login-bg) .iw-welcome-feature,
body:not(.login-bg) .iw-welcome-step,
body:not(.login-bg) .iw-welcome-checklist div {
  border: 1px solid rgba(255,255,255, .14) !important;
  background: rgba(255,255,255, .10) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255, .10), 0 14px 34px rgba(0,0,0, .16) !important;
}
body:not(.login-bg) .iw-business-browser-top {
  background: rgba(255,255,255, .12) !important;
  border-bottom-color: rgba(255,255,255, .12) !important;
}
body:not(.login-bg) .iw-business-dashboard {
  background: rgba(255,255,255, .04) !important;
}
body:not(.login-bg) .iw-business-panel {
  border-color: rgba(255,255,255, .13) !important;
  background: rgba(255,255,255, .94) !important;
}
body:not(.login-bg) .iw-welcome-feature i,
body:not(.login-bg) .iw-welcome-step i,
body:not(.login-bg) .iw-welcome-checklist i {
  background: linear-gradient(135deg, #b7e532 0%, #343a2e 100%) !important;
  color: #191c17 !important;
}
body:not(.login-bg) .iw-welcome-feature strong,
body:not(.login-bg) .iw-welcome-step strong {
  color: #ffffff !important;
}
body:not(.login-bg) .iw-welcome-feature span,
body:not(.login-bg) .iw-welcome-step span,
body:not(.login-bg) .iw-welcome-checklist div {
  color: rgba(245,248,238, .78) !important;
}
body:not(.login-bg) .iw-welcome-controls {
  position: relative !important;
  z-index: 2 !important;
  border-top: 1px solid rgba(255,255,255, .10) !important;
  background: rgba(25,28,23, .72) !important;
}
body:not(.login-bg) .iw-welcome-dots button {
  background: rgba(245,248,238, .28) !important;
}
body:not(.login-bg) .iw-welcome-dots button.active {
  background: #343a2e !important;
}
body:not(.login-bg) .iw-welcome-muted,
body:not(.login-bg) .iw-welcome-prev,
body:not(.login-bg) .iw-welcome-next {
  border-radius: 12px !important;
  font-weight: 800 !important;
}
body:not(.login-bg) .iw-welcome-muted,
body:not(.login-bg) .iw-welcome-prev {
  border-color: rgba(255,255,255, .16) !important;
  background: rgba(255,255,255, .08) !important;
  color: rgba(245,248,238, .82) !important;
}
body:not(.login-bg) .iw-welcome-next {
  border-color: rgba(52,58,46, .46) !important;
  background: linear-gradient(135deg, #b7e532 0%, #343a2e 48%, #343a2e 100%) !important;
  color: #191c17 !important;
}
body:not(.login-bg) .iw-welcome-side-arrow {
  position: absolute !important;
  top: 50% !important;
  z-index: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  height: 46px !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255, .16) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255, .10) !important;
  color: #f5f8ee !important;
  box-shadow: 0 14px 34px rgba(0,0,0, .28) !important;
  cursor: pointer !important;
  transform: translateY(-50%) !important;
}
body:not(.login-bg) .iw-welcome-side-prev { left: 18px !important; }
body:not(.login-bg) .iw-welcome-side-next { right: 18px !important; }
body:not(.login-bg) .iw-welcome-side-arrow:disabled {
  opacity: .28 !important;
  cursor: not-allowed !important;
}
@media (max-width: 768px) {
  body:not(.login-bg) .iw-welcome-modal { padding: 12px !important; }
  body:not(.login-bg) .iw-welcome-dialog { width: calc(100vw - 24px) !important; max-height: calc(100vh - 24px) !important; }
  body:not(.login-bg) .iw-welcome-stage,
  body:not(.login-bg) .iw-welcome-slide { min-height: 470px !important; }
  body:not(.login-bg) .iw-welcome-slide { padding: 54px 22px 28px !important; }
  body:not(.login-bg) .iw-welcome-slide h2 { font-size: 24px !important; }
  body:not(.login-bg) .iw-welcome-side-arrow { top: auto !important; bottom: 76px !important; width: 40px !important; height: 40px !important; transform: none !important; }
  body:not(.login-bg) .iw-welcome-side-prev { left: 18px !important; }
  body:not(.login-bg) .iw-welcome-side-next { right: 18px !important; }
}

/* IW 2026-05-18 - cPanel email manager final light theme */
.theme-client-service-detail-page .iw-box-email-manager-bottom {
  margin-top: 24px !important;
}
.theme-client-service-detail-page .product-hook-panel.iw-email-first-panel,
.theme-client-service-detail-page .product-hook-panel.iw-email-first-panel > div {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.theme-client-service-detail-page #iwEmailPanel,
.theme-client-service-detail-page #iwEmailPanel.iw-em-panel,
.theme-client-service-detail-page #iwEmailPanel.iw-em-panel-dark,
.theme-client-service-detail-page .product-hook-panel #iwEmailPanel {
  min-height: 0 !important;
  background: #ffffff !important;
  border: 1px solid #ecf0e4 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 28px rgba(25,28,23, .06) !important;
  color: #191c17 !important;
}
.theme-client-service-detail-page #iwEmailPanel .iw-em-header,
body:not(.login-bg) .theme-client-service-detail-page #iwEmailPanel .iw-em-header {
  background: #f9fbf6 !important;
  border-bottom: 1px solid #ecf0e4 !important;
  padding: 16px 18px !important;
}
.theme-client-service-detail-page #iwEmailPanel .iw-em-header-title,
body:not(.login-bg) .theme-client-service-detail-page #iwEmailPanel .iw-em-header-title,
body:not(.login-bg) .theme-client-service-detail-page #iwEmailPanel .iw-em-header * {
  color: #191c17 !important;
}
.theme-client-service-detail-page #iwEmailPanel .iw-em-header-badge {
  background: #343a2e !important;
  border: 0 !important;
  color: #ffffff !important;
}
.theme-client-service-detail-page #iwEmailPanel .iw-em-create,
.theme-client-service-detail-page #iwEmailPanel .iw-em-table-scroll {
  background: #ffffff !important;
  border-color: #ecf0e4 !important;
}
.theme-client-service-detail-page #iwEmailPanel .iw-em-create {
  background: #f9fbf6 !important;
}
.theme-client-service-detail-page #iwEmailPanel .iw-em-field,
.theme-client-service-detail-page #iwEmailPanel .iw-em-td,
.theme-client-service-detail-page #iwEmailPanel .iw-em-cell-num,
.theme-client-service-detail-page #iwEmailPanel .iw-em-storage-text {
  color: #64695e !important;
}
.theme-client-service-detail-page #iwEmailPanel .iw-em-cell-addr strong,
.theme-client-service-detail-page #iwEmailPanel .iw-em-pwd-dots {
  color: #191c17 !important;
}
.theme-client-service-detail-page #iwEmailPanel .iw-em-field input,
.theme-client-service-detail-page #iwEmailPanel .iw-em-mail-input,
.theme-client-service-detail-page #iwEmailPanel .iw-pw-input {
  background: #ffffff !important;
  border-color: #ecf0e4 !important;
  color: #191c17 !important;
}
.theme-client-service-detail-page #iwEmailPanel .iw-em-th {
  background: #ffffff !important;
  border-bottom: 1px solid #ecf0e4 !important;
  color: #64695e !important;
}
.theme-client-service-detail-page #iwEmailPanel .iw-em-row,
.theme-client-service-detail-page #iwEmailPanel .iw-em-td {
  border-color: #f5f8f0 !important;
}
.theme-client-service-detail-page #iwEmailPanel .iw-em-row:hover .iw-em-td {
  background: #fafbf9 !important;
}
.theme-client-service-detail-page #iwEmailPanel .iw-em-create-btn,
.theme-client-service-detail-page #iwEmailPanel .iw-pw-btn-save {
  background: #343a2e !important;
  border-color: #343a2e !important;
  color: #ffffff !important;
}
.theme-client-service-detail-page #iwEmailPanel .iw-em-webmail {
  background: #f5f8ee !important;
  border-color: #e5ecd6 !important;
  color: #343a2e !important;
}
.theme-client-service-detail-page #iwEmailPanel .iw-em-passwd-btn,
.theme-client-service-detail-page #iwEmailPanel .iw-em-pwd-eye,
.theme-client-service-detail-page #iwEmailPanel .iw-em-mini-btn {
  background: #ffffff !important;
  border-color: #ecf0e4 !important;
  color: #64695e !important;
}
.theme-client-service-detail-page #iwEmailPanel .iw-em-delete-btn {
  background: #fff0f0 !important;
  border-color: #ffd0d0 !important;
  color: #e53935 !important;
}

/* IW 2026-05-18 - service detail sections final polish */
body:not(.login-bg) .theme-client-service-detail-page .iw-box-content {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 330px !important;
  gap: 18px !important;
  align-items: start !important;
  margin-top: 18px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-main,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side {
  min-width: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-section-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 12px 0 12px !important;
  color: #191c17 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: .7px !important;
  text-transform: uppercase !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-section-title::after {
  content: "" !important;
  flex: 1 1 auto !important;
  height: 1px !important;
  background: #ecf0e4 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts a,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts span,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-billing article,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side section {
  background: #ffffff !important;
  border: 1px solid #ecf0e4 !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(25,28,23, .045) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card {
  padding: 16px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card div {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 8px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card span,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card p,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-billing small,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-billing span,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side span {
  color: #64695e !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card div strong,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-billing strong.accent {
  color: #343a2e !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card > b {
  display: block !important;
  color: #191c17 !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  margin-bottom: 4px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card > i {
  display: block !important;
  height: 7px !important;
  margin-top: 12px !important;
  overflow: hidden !important;
  background: #f5f8ee !important;
  border-radius: 999px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-card > i em {
  display: block !important;
  height: 100% !important;
  background: linear-gradient(90deg, #343a2e, #343a2e) !important;
  border-radius: 999px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-update {
  margin: 10px 0 2px !important;
  color: #64695e !important;
  font-size: 11px !important;
  text-align: right !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 18px !important;
  gap: 12px !important;
  align-items: center !important;
  min-height: 82px !important;
  padding: 14px !important;
  color: #191c17 !important;
  text-decoration: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a:hover,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts a:hover {
  border-color: rgba(52,58,46,.28) !important;
  box-shadow: 0 12px 30px rgba(52,58,46,.10) !important;
  transform: translateY(-1px) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a > span {
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: #f5f8ee !important;
  color: #343a2e !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list p {
  margin: 0 !important;
  min-width: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list strong {
  display: block !important;
  color: #191c17 !important;
  font-size: 13px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list small {
  display: block !important;
  color: #64695e !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a > i {
  color: #9ba88a !important;
  font-size: 12px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts a,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts span {
  min-height: 76px !important;
  padding: 13px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: #191c17 !important;
  text-align: center !important;
  text-decoration: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts i {
  color: #343a2e !important;
  font-size: 17px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts b {
  color: #191c17 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-billing {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-billing article {
  padding: 14px !important;
  min-height: 92px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-billing small,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-billing span {
  display: block !important;
  font-size: 11px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-billing strong {
  display: block !important;
  margin: 6px 0 !important;
  color: #191c17 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  overflow-wrap: anywhere !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side {
  display: grid !important;
  gap: 12px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side section {
  padding: 16px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side h3 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 12px !important;
  color: #191c17 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side h3 i {
  color: #343a2e !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side section > div:not(.iw-box-ns) {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 9px 0 !important;
  border-top: 1px solid #f5f8f0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side section > div:not(.iw-box-ns):first-of-type {
  border-top: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side strong,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side a {
  color: #191c17 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  text-align: right !important;
  overflow-wrap: anywhere !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-ns {
  padding-top: 10px !important;
  border-top: 1px solid #f5f8f0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-ns span {
  display: block !important;
  margin-bottom: 7px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-ns b {
  display: inline-flex !important;
  margin: 2px 4px 2px 0 !important;
  padding: 4px 8px !important;
  border-radius: 7px !important;
  background: #f5f8ee !important;
  color: #343a2e !important;
  font-size: 11px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-visit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  border-radius: 9px !important;
  background: #343a2e !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-box-email-manager-bottom {
  margin-top: 18px !important;
  padding-top: 2px !important;
}

@media (max-width: 1180px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-content {
    grid-template-columns: 1fr !important;
  }
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-usage-grid,
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list,
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-billing,
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-content-side {
    grid-template-columns: 1fr !important;
  }
  body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* IW 2026-05-18 - email section independent card closure */
body:not(.login-bg) .theme-client-service-detail-page .iw-box-email-manager-bottom {
  display: block !important;
  margin: 24px 0 0 !important;
  padding: 0 !important;
  clear: both !important;
  background: #ffffff !important;
  border: 1px solid #ecf0e4 !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 28px rgba(25,28,23,.055) !important;
  overflow: hidden !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 18px 20px !important;
  background: #f9fbf6 !important;
  border-bottom: 1px solid #ecf0e4 !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-section-head h3 {
  margin: 0 !important;
  color: #191c17 !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-section-head p {
  margin: 4px 0 0 !important;
  color: #64695e !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-section-head a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 36px !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  background: #f5f8ee !important;
  border: 1px solid #e5ecd6 !important;
  color: #343a2e !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-panel-frame {
  display: block !important;
  padding: 18px !important;
  background: #ffffff !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-panel-frame #iwEmailHookPayload {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-panel-frame #iwEmailPanel,
body:not(.login-bg) .theme-client-service-detail-page .iw-email-panel-frame #iwEmailPanel.iw-em-panel,
body:not(.login-bg) .theme-client-service-detail-page .iw-email-panel-frame .iw-em-panel {
  margin: 0 !important;
  width: 100% !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-panel-frame .iw-pw-overlay {
  position: fixed !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-box-email-manager-bottom + * {
  margin-top: 24px !important;
}
@media (max-width: 760px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-email-section-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  body:not(.login-bg) .theme-client-service-detail-page .iw-email-section-head a {
    width: 100% !important;
    justify-content: center !important;
  }
  body:not(.login-bg) .theme-client-service-detail-page .iw-email-panel-frame {
    padding: 12px !important;
  }
}

body:not(.login-bg) .theme-client-service-detail-page #tabOverview {
    margin:-20px!important;
}

/* IW 2026-05-18 - polished domain selection step for Empresa hosting */
body.tpl-configureproductdomain #order-standard_cart {
  max-width: 1220px !important;
  margin: 0 auto !important;
  padding: 22px 16px 42px !important;
  font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif !important;
}

body.tpl-configureproductdomain #order-standard_cart > .row {
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: 24px !important;
  margin: 0 !important;
}

body.tpl-configureproductdomain #order-standard_cart .cart-sidebar,
body.tpl-configureproductdomain #order-standard_cart .cart-body {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

body.tpl-configureproductdomain #order-standard_cart .cart-sidebar .panel-sidebar,
body.tpl-configureproductdomain #order-standard_cart .sidebar-collapsed .panel {
  overflow: hidden !important;
  border: 1px solid #ecf0e4 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 30px rgba(25,28,23, .055) !important;
}

body.tpl-configureproductdomain #order-standard_cart .cart-sidebar .panel-heading,
body.tpl-configureproductdomain #order-standard_cart .sidebar-collapsed .panel-heading {
  background: #fafcf7 !important;
  border-bottom: 1px solid #ecf0e4 !important;
  color: #191c17 !important;
}

body.tpl-configureproductdomain #order-standard_cart .cart-sidebar .list-group-item {
  border-color: #f3f6ee !important;
  color: #64695e !important;
  font-weight: 700 !important;
}

body.tpl-configureproductdomain #order-standard_cart .cart-sidebar .list-group-item:hover {
  background: #f5f8ee !important;
  color: #343a2e !important;
}

body.tpl-configureproductdomain #order-standard_cart .iw-domain-config-hero {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 22px !important;
  margin: 0 0 18px !important;
  padding: 26px !important;
  border: 1px solid #e7eed8 !important;
  border-radius: 14px !important;
  background:
    linear-gradient(135deg, rgba(245,248,238, .92), rgba(255,255,255, .96) 48%, rgba(255,248,229, .82)),
    #ffffff !important;
  box-shadow: 0 18px 44px rgba(25,28,23, .07) !important;
}

body.tpl-configureproductdomain #order-standard_cart .iw-domain-config-hero:after {
  display: none !important;
}

body.tpl-configureproductdomain #order-standard_cart .iw-domain-config-kicker {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  margin-bottom: 10px !important;
  padding: 5px 10px !important;
  border: 1px solid #dee7ca !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #343a2e !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body.tpl-configureproductdomain #order-standard_cart .iw-domain-config-hero h1 {
  margin: 0 !important;
  color: #191c17 !important;
  font-size: 30px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

body.tpl-configureproductdomain #order-standard_cart .iw-domain-config-hero p {
  max-width: 640px !important;
  margin: 9px 0 0 !important;
  color: #64695e !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

body.tpl-configureproductdomain #order-standard_cart .iw-domain-config-badges {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  min-width: 190px !important;
}

body.tpl-configureproductdomain #order-standard_cart .iw-domain-config-badges span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
  border: 1px solid #ecf0e4 !important;
  border-radius: 8px !important;
  background: rgba(255,255,255, .82) !important;
  color: #191c17 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

body.tpl-configureproductdomain #order-standard_cart .iw-domain-config-badges i {
  color: #343a2e !important;
}

body.tpl-configureproductdomain #order-standard_cart .domain-selection-options {
  display: grid !important;
  gap: 14px !important;
}

body.tpl-configureproductdomain #order-standard_cart .domain-selection-options .option {
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #ecf0e4 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 32px rgba(25,28,23, .052) !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

body.tpl-configureproductdomain #order-standard_cart .domain-selection-options .option:hover,
body.tpl-configureproductdomain #order-standard_cart .domain-selection-options .option:has(input[type="radio"]:checked) {
  border-color: #b7e532 !important;
  box-shadow: 0 18px 42px rgba(52,58,46, .12) !important;
  transform: translateY(-1px) !important;
}

body.tpl-configureproductdomain #order-standard_cart .domain-selection-options .option > label {
  display: grid !important;
  grid-template-columns: 20px 42px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 18px 20px !important;
  cursor: pointer !important;
  color: #191c17 !important;
}

body.tpl-configureproductdomain #order-standard_cart .domain-selection-options input[type="radio"] {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  accent-color: #343a2e !important;
}

body.tpl-configureproductdomain #order-standard_cart .iw-domain-option-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  background: #f5f8ee !important;
  color: #343a2e !important;
  font-size: 16px !important;
}

body.tpl-configureproductdomain #order-standard_cart .iw-domain-option-copy strong {
  display: block !important;
  color: #191c17 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
}

body.tpl-configureproductdomain #order-standard_cart .iw-domain-option-copy small {
  display: block !important;
  margin-top: 4px !important;
  color: #64695e !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

body.tpl-configureproductdomain #order-standard_cart .domain-input-group {
  margin: 0 !important;
  padding: 0 20px 20px 74px !important;
  background: #ffffff !important;
}

body.tpl-configureproductdomain #order-standard_cart .domain-input-group > .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 150px !important;
  align-items: stretch !important;
  gap: 12px !important;
  margin: 0 !important;
}

body.tpl-configureproductdomain #order-standard_cart .domain-input-group [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
  margin-left: 0 !important;
}

body.tpl-configureproductdomain #order-standard_cart .domains-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 140px !important;
  gap: 10px !important;
  margin: 0 !important;
}

body.tpl-configureproductdomain #order-standard_cart .input-group {
  display: flex !important;
  width: 100% !important;
}

body.tpl-configureproductdomain #order-standard_cart .input-group-text,
body.tpl-configureproductdomain #order-standard_cart .input-group-addon {
  min-width: 58px !important;
  border-color: #e5ead9 !important;
  background: #fafcf7 !important;
  color: #64695e !important;
  font-weight: 800 !important;
}

body.tpl-configureproductdomain #order-standard_cart .form-control {
  min-height: 46px !important;
  border: 1px solid #e5ead9 !important;
  border-radius: 8px !important;
  color: #191c17 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

body.tpl-configureproductdomain #order-standard_cart .input-group .form-control {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

body.tpl-configureproductdomain #order-standard_cart .form-control:focus {
  border-color: #343a2e !important;
  box-shadow: 0 0 0 3px rgba(52,58,46, .12) !important;
}

body.tpl-configureproductdomain #order-standard_cart .btn-primary,
body.tpl-configureproductdomain #order-standard_cart .btn-add-to-cart {
  min-height: 46px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #343a2e !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 24px rgba(52,58,46, .18) !important;
}

body.tpl-configureproductdomain #order-standard_cart .btn-primary:hover,
body.tpl-configureproductdomain #order-standard_cart .btn-add-to-cart:hover {
  background: #343a2e !important;
}

body.tpl-configureproductdomain #order-standard_cart .iw-domain-free-note {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 14px 0 0 !important;
  padding: 12px 14px !important;
  border: 1px solid #f4d99b !important;
  border-radius: 10px !important;
  background: #fff8e5 !important;
  color: #7a5600 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

body.tpl-configureproductdomain #order-standard_cart #DomainSearchResults {
  margin-top: 18px !important;
}

body.tpl-configureproductdomain #order-standard_cart #searchDomainInfo,
body.tpl-configureproductdomain #order-standard_cart .suggested-domains,
body.tpl-configureproductdomain #order-standard_cart #spotlightTlds {
  overflow: hidden !important;
  border: 1px solid #ecf0e4 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 32px rgba(25,28,23, .052) !important;
}

body.tpl-configureproductdomain #order-standard_cart #searchDomainInfo {
  padding: 18px !important;
}

body.tpl-configureproductdomain #order-standard_cart .domain-checker-result-headline,
body.tpl-configureproductdomain #order-standard_cart .domain-lookup-result .headline {
  margin: 0 0 10px !important;
  color: #191c17 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

body.tpl-configureproductdomain #order-standard_cart .domain-checker-available {
  color: #087443 !important;
}

body.tpl-configureproductdomain #order-standard_cart .domain-checker-unavailable {
  color: #b42318 !important;
}

body.tpl-configureproductdomain #order-standard_cart .domain-price {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 8px !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  background: #fafcf7 !important;
  color: #191c17 !important;
  font-weight: 850 !important;
}

body.tpl-configureproductdomain #order-standard_cart #btnDomainContinue {
  min-width: 190px !important;
  margin-top: 18px !important;
  padding: 12px 20px !important;
}

@media (max-width: 991px) {
  body.tpl-configureproductdomain #order-standard_cart > .row {
    grid-template-columns: 1fr !important;
  }
  body.tpl-configureproductdomain #order-standard_cart .cart-sidebar {
    display: none !important;
  }
  body.tpl-configureproductdomain #order-standard_cart .iw-domain-config-hero {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  body.tpl-configureproductdomain #order-standard_cart .iw-domain-config-badges {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
  }
  body.tpl-configureproductdomain #order-standard_cart .iw-domain-config-badges span {
    justify-content: center !important;
    white-space: normal !important;
    text-align: center !important;
  }
}

@media (max-width: 680px) {
  body.tpl-configureproductdomain #order-standard_cart {
    padding: 14px 10px 30px !important;
  }
  body.tpl-configureproductdomain #order-standard_cart .iw-domain-config-hero {
    padding: 20px !important;
    border-radius: 12px !important;
  }
  body.tpl-configureproductdomain #order-standard_cart .iw-domain-config-hero h1 {
    font-size: 24px !important;
  }
  body.tpl-configureproductdomain #order-standard_cart .iw-domain-config-badges {
    grid-template-columns: 1fr !important;
  }
  body.tpl-configureproductdomain #order-standard_cart .domain-selection-options .option > label {
    grid-template-columns: 20px minmax(0, 1fr) !important;
    padding: 16px !important;
  }
  body.tpl-configureproductdomain #order-standard_cart .iw-domain-option-icon {
    display: none !important;
  }
  body.tpl-configureproductdomain #order-standard_cart .domain-input-group {
    padding: 0 16px 16px !important;
  }
  body.tpl-configureproductdomain #order-standard_cart .domain-input-group > .row,
  body.tpl-configureproductdomain #order-standard_cart .domains-row {
    grid-template-columns: 1fr !important;
  }
  body.tpl-configureproductdomain #order-standard_cart .domain-input-group .btn {
    width: 100% !important;
  }
}

/* IW 2026-05-18 - Mis servicios: filas estables y bloque de accesos */
body:not(.login-bg) .theme-client-service-page .iw-services-v2-table {
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
}

body:not(.login-bg) .theme-client-service-page .client-service-row,
body:not(.login-bg) .theme-client-service-page .client-service-row:hover,
body:not(.login-bg) .theme-client-service-page .service-card,
body:not(.login-bg) .theme-client-service-page .service-card:hover,
body:not(.login-bg) .theme-client-service-page .iw-service-row,
body:not(.login-bg) .theme-client-service-page .iw-service-row:hover,
body:not(.login-bg) .theme-client-service-page .iw-services-v2-row,
body:not(.login-bg) .theme-client-service-page .iw-services-v2-row:hover,
body:not(.login-bg) .theme-client-service-page .iw-services-v2-row > td,
body:not(.login-bg) .theme-client-service-page .iw-services-v2-row > td:hover,
body:not(.login-bg) .theme-client-service-page .iw-service-list-actions,
body:not(.login-bg) .theme-client-service-page .iw-service-list-actions:hover,
body:not(.login-bg) .theme-client-service-page .iw-svc-btn,
body:not(.login-bg) .theme-client-service-page .iw-svc-btn:hover,
body:not(.login-bg) .theme-client-service-page .iw-service-hex-icon,
body:not(.login-bg) .theme-client-service-page .iw-service-hex-icon:hover,
body:not(.login-bg) .theme-client-service-page .iw-service-hex-icon i,
body:not(.login-bg) .theme-client-service-page .iw-service-hex-icon i:hover {
  animation: none !important;
  transform: none !important;
}

body:not(.login-bg) .theme-client-service-page .iw-services-v2-row {
  background: #ffffff !important;
  border-bottom: 1px solid #eff3e5 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  margin-bottom: 10px !important;
  padding: 18px 22px !important;
  transition: background-color .15s ease, box-shadow .15s ease !important;
}

body:not(.login-bg) .theme-client-service-page .iw-services-v2-row:hover {
  background: #fbfcf9 !important;
  box-shadow: 0 8px 24px rgba(25,28,23, 0.08) !important;
}

body:not(.login-bg) .theme-client-service-page .iw-services-v2-row:last-child {
  border-bottom: none !important;
}

body:not(.login-bg) .theme-client-service-page .iw-services-v2-row > td,
body:not(.login-bg) .theme-client-service-page .iw-services-v2-row:hover > td {
  background: inherit !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  padding-bottom: 18px !important;
  padding-top: 18px !important;
  transition: background-color .15s ease !important;
  vertical-align: middle !important;
}

body:not(.login-bg) .theme-client-service-page .iw-services-v2-row > td:first-child {
  border-bottom-left-radius: 14px !important;
  border-top-left-radius: 14px !important;
  padding-left: 22px !important;
}

body:not(.login-bg) .theme-client-service-page .iw-services-v2-row > td:last-child {
  border-bottom-right-radius: 14px !important;
  border-top-right-radius: 14px !important;
  padding-right: 22px !important;
}

body:not(.login-bg) .theme-client-service-page .iw-col-mark,
body:not(.login-bg) .theme-client-service-page .iw-col-service,
body:not(.login-bg) .theme-client-service-page .iw-col-price,
body:not(.login-bg) .theme-client-service-page .iw-col-date,
body:not(.login-bg) .theme-client-service-page .iw-col-status,
body:not(.login-bg) .theme-client-service-page .iw-col-actions,
body:not(.login-bg) .theme-client-service-page .iw-services-v2-price,
body:not(.login-bg) .theme-client-service-page .iw-services-v2-date,
body:not(.login-bg) .theme-client-service-page .iw-services-v2-status,
body:not(.login-bg) .theme-client-service-page .iw-service-actions-td,
body:not(.login-bg) .theme-client-service-page .iw-service-leading,
body:not(.login-bg) .theme-client-service-page .iw-service-list-actions,
body:not(.login-bg) .theme-client-service-page .iw-service-title-block {
  border-bottom: 0 !important;
  vertical-align: middle !important;
}

body:not(.login-bg) .theme-client-service-page .iw-services-v2-price,
body:not(.login-bg) .theme-client-service-page .iw-services-v2-date,
body:not(.login-bg) .theme-client-service-page .iw-services-v2-status,
body:not(.login-bg) .theme-client-service-page .iw-service-actions-td {
  align-items: center !important;
}

.iw-service-access-info {
  background: #ffffff;
  border: 1px solid #eaf0de;
  border-radius: 16px;
  box-shadow: 0 12px 34px rgba(25,28,23, 0.08);
  color: #343a2e;
  margin: 22px 0 0;
  padding: 22px;
}

.iw-service-access-info__header {
  align-items: flex-start;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  margin-bottom: 18px;
}

.iw-service-access-info__title {
  align-items: flex-start;
  display: flex;
  gap: 12px;
}

.iw-service-access-info__pin,
.iw-access-icon {
  align-items: center;
  background: #f6f8f0;
  border-radius: 12px;
  display: inline-flex;
  flex: 0 0 auto;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.iw-service-access-info h2,
.iw-service-access-info h3 {
  color: #343a2e;
  margin: 0;
}

.iw-service-access-info h2 {
  font-size: 20px;
  line-height: 1.25;
}

.iw-service-access-info p {
  color: #343a2e;
  margin: 6px 0 0;
}

.iw-service-access-info__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.iw-access-pill {
  align-items: center;
  background: #343a2e;
  border-radius: 999px;
  color: #ffffff !important;
  display: inline-flex;
  font-weight: 700;
  gap: 7px;
  padding: 9px 13px;
  text-decoration: none !important;
}

.iw-access-pill-muted {
  background: #f5f8ef;
  color: #343a2e !important;
}

.iw-service-access-info__grid,
.iw-service-access-info__columns {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.iw-access-item,
.iw-access-panel,
.iw-service-access-info__notice,
.iw-service-access-info__warning,
.iw-service-access-info__recommendations {
  background: #fbfcf9;
  border: 1px solid #eef3e4;
  border-radius: 12px;
  padding: 14px;
}

.iw-access-item {
  align-items: center;
  display: flex;
  gap: 12px;
}

.iw-access-item strong,
.iw-access-item span {
  display: block;
}

.iw-access-item strong {
  color: #343a2e;
  font-size: 13px;
}

.iw-access-panel h3 {
  align-items: center;
  display: flex;
  font-size: 15px;
  gap: 8px;
  margin-bottom: 10px;
}

.iw-access-panel a {
  color: #343a2e;
  display: block;
  margin: 4px 0;
  overflow-wrap: anywhere;
}

.iw-access-panel-wide {
  grid-column: 1 / -1;
}

.iw-mail-settings {
  display: grid;
  gap: 8px 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
}

.iw-mail-settings div {
  min-width: 0;
}

.iw-mail-settings dt {
  color: #343a2e;
  font-size: 12px;
  font-weight: 700;
}

.iw-mail-settings dd {
  color: #343a2e;
  font-weight: 700;
  margin: 2px 0 0;
  overflow-wrap: anywhere;
}

.iw-service-access-info__notice,
.iw-service-access-info__warning {
  display: flex;
  gap: 8px;
  margin: 12px 0;
}

.iw-service-access-info__warning {
  background: #fff8ed;
  border-color: #f4d5a6;
}

.iw-service-access-info__recommendations {
  margin-top: 12px;
}

.iw-service-access-info__recommendations h3 {
  font-size: 15px;
  margin-bottom: 8px;
}

.iw-service-access-info__recommendations ul {
  display: grid;
  gap: 6px 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding-left: 18px;
}

@media (max-width: 767px) {
  body:not(.login-bg) .theme-client-service-page .iw-services-v2-row > td {
    padding-bottom: 14px !important;
    padding-top: 14px !important;
  }

  .iw-service-access-info {
    padding: 16px;
  }

  .iw-service-access-info__header,
  .iw-service-access-info__notice,
  .iw-service-access-info__warning {
    flex-direction: column;
  }

  .iw-service-access-info__actions {
    justify-content: flex-start;
  }

  .iw-service-access-info__grid,
  .iw-service-access-info__columns,
  .iw-mail-settings,
  .iw-service-access-info__recommendations ul {
    grid-template-columns: 1fr;
  }
}


/* IW 2026-05-18 - invoice payment gateway cards */
.iw-inv-gateway-grid {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 1fr !important;
}
.iw-inv-gateway-form {
  margin: 0 !important;
}
.iw-inv-gateway-card {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #ecf0e4 !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 22px rgba(25,28,23, .045) !important;
  color: #191c17 !important;
  cursor: pointer !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 46px minmax(0, 1fr) auto !important;
  min-height: 64px !important;
  padding: 10px 12px !important;
  text-align: left !important;
  width: 100% !important;
}
.iw-inv-gateway-card:hover,
.iw-inv-gateway-card.active {
  border-color: #b7e532 !important;
  box-shadow: 0 12px 28px rgba(52,58,46, .12) !important;
}
.iw-inv-gateway-logo {
  align-items: center !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  height: 42px !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  width: 42px !important;
}
.iw-inv-gateway-logo img {
  display: block !important;
  height: 100% !important;
  object-fit: contain !important;
  width: 100% !important;
}
.iw-inv-gateway-logo.mp,
.iw-inv-gateway-logo.culqi {
  background: #ffffff !important;
  border: 1px solid #e8eeda !important;
  color: transparent !important;
  overflow: hidden !important;
  padding: 4px !important;
}
.iw-inv-gateway-logo.bank { background: #191c17 !important; }
.iw-inv-gateway-copy {
  min-width: 0 !important;
}
.iw-inv-gateway-copy strong,
.iw-inv-gateway-copy small {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.iw-inv-gateway-copy strong {
  color: #191c17 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}
.iw-inv-gateway-copy small {
  color: #64695e !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin-top: 3px !important;
}
.iw-inv-gateway-check {
  background: #f5f8ee !important;
  border: 1px solid #dfe8cc !important;
  border-radius: 999px !important;
  color: #343a2e !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  padding: 5px 8px !important;
}
.iw-culqi-error {
  background: #fff0f0 !important;
  border: 1px solid #ffd0d0 !important;
  border-radius: 8px !important;
  color: #b42318 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin-top: 10px !important;
  padding: 9px 10px !important;
}
.iw-culqi-pay-btn {
  width: 100% !important;
}
@media (max-width: 480px) {
  .iw-inv-gateway-card {
    grid-template-columns: 42px minmax(0, 1fr) !important;
  }
  .iw-inv-gateway-check {
    grid-column: 2 !important;
    justify-self: start !important;
  }
}


/* IW 2026-05-18 - fast invoice gateway switching */
.iw-inv-gateway-grid.is-loading .iw-inv-gateway-card {
  cursor: wait !important;
  opacity: .62 !important;
}
.iw-inv-gateway-card.is-switching {
  border-color: #343a2e !important;
  opacity: 1 !important;
  position: relative !important;
}
.iw-inv-gateway-card.is-switching::after {
  animation: iwGatewaySpin .75s linear infinite !important;
  border: 2px solid rgba(52,58,46, .18) !important;
  border-top-color: #343a2e !important;
  border-radius: 50% !important;
  content: "" !important;
  height: 16px !important;
  position: absolute !important;
  right: 14px !important;
  top: calc(50% - 8px) !important;
  width: 16px !important;
}
.iw-inv-pay-btn-wrap.is-loading {
  min-height: 48px !important;
  opacity: .45 !important;
  pointer-events: none !important;
}
@keyframes iwGatewaySpin {
  to { transform: rotate(360deg); }
}


/* IW 2026-05-19 - hosting credentials button and panel */
.iw-home-panel-actions .iw-home-panel-btn-credentials,
body:not(.login-bg) .iw-home-panel-actions .iw-home-panel-btn-credentials {
  background: linear-gradient(135deg, #343a2e, #343a2e) !important;
  box-shadow: 0 10px 22px rgba(52,58,46, .22) !important;
}

.iw-home-panel-actions .iw-home-panel-btn-credentials:hover,
body:not(.login-bg) .iw-home-panel-actions .iw-home-panel-btn-credentials:hover {
  filter: brightness(.98) saturate(1.08) !important;
  transform: translateY(-1px) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-credentials {
  background: linear-gradient(135deg, #191c17 0%, #191c17 52%, #343a2e 100%) !important;
  border: 1px solid rgba(52,58,46, .32) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 44px rgba(25,28,23, .16) !important;
  color: #ffffff !important;
  margin: 18px 0 4px !important;
  overflow: hidden !important;
  padding: 18px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-credentials-head {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-credentials-head > span {
  align-items: center !important;
  background: rgba(255,255,255, .14) !important;
  border: 1px solid rgba(255,255,255, .28) !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  height: 44px !important;
  justify-content: center !important;
  width: 44px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-credentials h3 {
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-credentials p {
  color: rgba(255,255,255, .72) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  margin: 3px 0 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-credentials-grid {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-credential-field {
  background: rgba(255,255,255, .1) !important;
  border: 1px solid rgba(255,255,255, .18) !important;
  border-radius: 10px !important;
  min-width: 0 !important;
  padding: 12px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-credential-field small,
body:not(.login-bg) .theme-client-service-detail-page .iw-service-credential-field strong {
  display: block !important;
  overflow-wrap: anywhere !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-credential-field small {
  color: rgba(255,255,255, .58) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .7px !important;
  margin-bottom: 6px !important;
  text-transform: uppercase !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-credential-field strong,
body:not(.login-bg) .theme-client-service-detail-page .iw-service-credential-field input {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-credential-secret {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-credential-secret small {
  grid-column: 1 / -1 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-credential-secret input {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-credential-eye {
  align-items: center !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #343a2e !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  gap: 6px !important;
  min-height: 30px !important;
  padding: 7px 10px !important;
}

@media (max-width: 760px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-service-credentials-grid {
    grid-template-columns: 1fr !important;
  }
}


/* IW 2026-05-19 - services access button, stable widths and inline mail passwords */
body:not(.login-bg) .theme-client-service-page .iw-services-v2-table {
  table-layout: fixed !important;
  min-width: 980px !important;
}
body:not(.login-bg) .theme-client-service-page .iw-services-col-mark { width: 54px !important; }
body:not(.login-bg) .theme-client-service-page .iw-services-col-service { width: 30% !important; }
body:not(.login-bg) .theme-client-service-page .iw-services-col-price { width: 13% !important; }
body:not(.login-bg) .theme-client-service-page .iw-services-col-date { width: 14% !important; }
body:not(.login-bg) .theme-client-service-page .iw-services-col-status { width: 104px !important; }
body:not(.login-bg) .theme-client-service-page .iw-services-col-actions { width: 410px !important; }
body:not(.login-bg) .theme-client-service-page .iw-service-list-actions {
  display: grid !important;
  grid-template-columns: repeat(4, 92px) !important;
  justify-content: end !important;
  gap: 7px !important;
  min-width: 390px !important;
}
body:not(.login-bg) .theme-client-service-page .iw-svc-btn,
body:not(.login-bg) .theme-client-service-page .iw-svc-access-note {
  width: 92px !important;
  min-height: 34px !important;
  padding: 8px 8px !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
}
body:not(.login-bg) .theme-client-service-page .iw-svc-btn-admin,
body:not(.login-bg) .theme-client-service-page .iw-svc-btn-credentials {
  width: 92px !important;
}
body:not(.login-bg) .theme-client-service-page .iw-svc-btn-credentials,
body:not(.login-bg) .iw-home-panel-actions .iw-home-panel-btn-credentials {
  background: linear-gradient(135deg, #343a2e, #343a2e) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(52,58,46, .20) !important;
}
body:not(.login-bg) .theme-client-service-page .iw-svc-btn i {
  flex: 0 0 auto !important;
}
@media (max-width: 991px) {
  body:not(.login-bg) .theme-client-service-page .table-container {
    overflow-x: auto !important;
  }
}
.theme-client-service-detail-page #iwEmailPanel .iw-em-table {
  table-layout: fixed !important;
  min-width: 980px !important;
}
.theme-client-service-detail-page #iwEmailPanel .iw-em-table th:nth-child(1),
.theme-client-service-detail-page #iwEmailPanel .iw-em-table td:nth-child(1) { width: 250px !important; }
.theme-client-service-detail-page #iwEmailPanel .iw-em-table th:nth-child(2),
.theme-client-service-detail-page #iwEmailPanel .iw-em-table td:nth-child(2) { width: 96px !important; }
.theme-client-service-detail-page #iwEmailPanel .iw-em-table th:nth-child(3),
.theme-client-service-detail-page #iwEmailPanel .iw-em-table td:nth-child(3) { width: 180px !important; }
.theme-client-service-detail-page #iwEmailPanel .iw-em-table th:nth-child(4),
.theme-client-service-detail-page #iwEmailPanel .iw-em-table td:nth-child(4) { width: 250px !important; }
.theme-client-service-detail-page #iwEmailPanel .iw-em-table th:nth-child(5),
.theme-client-service-detail-page #iwEmailPanel .iw-em-table td:nth-child(5) { width: 250px !important; }
.theme-client-service-detail-page #iwEmailPanel .iw-em-pwd-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 72px !important;
  gap: 8px !important;
  align-items: center !important;
  min-width: 0 !important;
}
.theme-client-service-detail-page #iwEmailPanel .iw-em-pwd-value {
  display: block !important;
  max-width: 100% !important;
  min-height: 30px !important;
  padding: 7px 9px !important;
  border: 1px solid rgba(133,156,88, .24) !important;
  border-radius: 8px !important;
  background: rgba(25,28,23, .78) !important;
  color: #fbfcf8 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.theme-client-service-detail-page #iwEmailPanel .iw-em-pwd-eye {
  width: 72px !important;
  min-height: 30px !important;
  padding: 5px 8px !important;
  background: #ffffff !important;
  border-color: rgba(155,168,138, .45) !important;
  color: #191c17 !important;
  font-weight: 850 !important;
}
.theme-client-service-detail-page #iwEmailPanel .iw-em-cell-actions {
  white-space: nowrap !important;
}
.theme-client-service-detail-page #iwEmailPanel .iw-em-cell-actions .iw-em-btn {
  width: 74px !important;
  justify-content: center !important;
  margin-left: 5px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.theme-client-service-detail-page #iwEmailPanel .iw-em-cell-actions .iw-em-passwd-btn {
  width: 96px !important;
}


/* IW 2026-05-19 - access credentials modal from products list */
body.iw-access-modal-open {
  overflow: hidden !important;
}
.iw-access-modal {
  display: none !important;
  inset: 0 !important;
  position: fixed !important;
  z-index: 10050 !important;
}
.iw-access-modal.is-open {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
  padding: 18px !important;
}
.iw-access-modal__backdrop {
  background: rgba(25,28,23, .68) !important;
  backdrop-filter: blur(7px) !important;
  inset: 0 !important;
  position: absolute !important;
}
.iw-access-modal__dialog {
  background: #ffffff !important;
  border: 1px solid rgba(155,168,138, .22) !important;
  border-radius: 16px !important;
  box-shadow: 0 30px 90px rgba(25,28,23, .36) !important;
  color: #191c17 !important;
  max-height: calc(100vh - 36px) !important;
  overflow: auto !important;
  padding: 0 !important;
  position: relative !important;
  width: min(860px, 100%) !important;
  z-index: 1 !important;
}
.iw-access-modal__close {
  align-items: center !important;
  background: rgba(255,255,255, .92) !important;
  border: 1px solid rgba(255,255,255, .55) !important;
  border-radius: 10px !important;
  color: #191c17 !important;
  display: inline-flex !important;
  height: 34px !important;
  justify-content: center !important;
  position: absolute !important;
  right: 14px !important;
  top: 14px !important;
  width: 34px !important;
  z-index: 2 !important;
}
.iw-access-modal__hero {
  align-items: center !important;
  background: linear-gradient(135deg, #191c17 0%, #343a2e 100%) !important;
  color: #ffffff !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  padding: 24px 58px 24px 24px !important;
}
.iw-access-modal__icon {
  align-items: center !important;
  background: rgba(255,255,255, .14) !important;
  border: 1px solid rgba(255,255,255, .24) !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  height: 54px !important;
  justify-content: center !important;
  width: 54px !important;
}
.iw-access-modal__kicker {
  color: rgba(255,255,255, .66) !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .8px !important;
  text-transform: uppercase !important;
}
.iw-access-modal__hero h2 {
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  margin: 3px 0 0 !important;
  overflow-wrap: anywhere !important;
}
.iw-access-modal__hero p {
  color: rgba(255,255,255, .78) !important;
  font-size: 13px !important;
  margin: 5px 0 0 !important;
}
.iw-access-modal__grid {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  padding: 18px 20px 0 !important;
}
.iw-access-card {
  background: #fbfcf8 !important;
  border: 1px solid #ecf0e2 !important;
  border-radius: 12px !important;
  min-width: 0 !important;
  padding: 13px 14px !important;
}
.iw-access-card small,
.iw-access-card strong {
  display: block !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}
.iw-access-card small {
  color: #64695e !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: .5px !important;
  margin-bottom: 6px !important;
  text-transform: uppercase !important;
}
.iw-access-card strong,
.iw-access-card input {
  color: #191c17 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}
.iw-access-card--secret {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: minmax(0, 1fr) 82px !important;
}
.iw-access-card--secret small {
  grid-column: 1 / -1 !important;
}
.iw-access-card--secret input {
  background: #ffffff !important;
  border: 1px solid #dae1cb !important;
  border-radius: 9px !important;
  min-height: 36px !important;
  min-width: 0 !important;
  padding: 8px 10px !important;
  width: 100% !important;
}
.iw-access-card--secret button {
  align-items: center !important;
  background: #191c17 !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  gap: 6px !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 8px 9px !important;
}
.iw-access-modal__actions {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  padding: 16px 20px 0 !important;
}
.iw-access-modal__btn {
  align-items: center !important;
  background: #f5f8ee !important;
  border: 1px solid #dfe8cc !important;
  border-radius: 10px !important;
  color: #343a2e !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  gap: 7px !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 10px 11px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.iw-access-modal__btn.primary {
  background: #f97316 !important;
  border-color: #f97316 !important;
  color: #ffffff !important;
}
.iw-access-modal__btn.muted {
  background: #fbfcf8 !important;
  border-color: #ecf0e2 !important;
  color: #64695e !important;
}
.iw-access-modal__mail {
  margin: 16px 20px 20px !important;
  padding: 16px !important;
  background: #fbfcf8 !important;
  border: 1px solid #ecf0e2 !important;
  border-radius: 12px !important;
}
.iw-access-modal__mail h3 {
  align-items: center !important;
  color: #191c17 !important;
  display: flex !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  gap: 8px !important;
  margin: 0 0 12px !important;
}
.iw-access-modal__mail dl {
  display: grid !important;
  gap: 10px 14px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin: 0 !important;
}
.iw-access-modal__mail dt {
  color: #64695e !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}
.iw-access-modal__mail dd {
  color: #191c17 !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  margin: 2px 0 0 !important;
  overflow-wrap: anywhere !important;
}
.iw-access-modal__mail p {
  color: #64695e !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin: 12px 0 0 !important;
}
.iw-access-modal__plain {
  margin: 0 20px 20px !important;
  padding: 16px !important;
  background: #ffffff !important;
  border: 1px solid #eff4e5 !important;
  border-radius: 12px !important;
}
.iw-access-modal__plain-head {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: space-between !important;
  margin-bottom: 12px !important;
}
.iw-access-modal__plain h3 {
  align-items: center !important;
  color: #191c17 !important;
  display: flex !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  gap: 8px !important;
  margin: 0 !important;
}
.iw-access-modal__copy {
  align-items: center !important;
  background: #343a2e !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  gap: 7px !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 9px 12px !important;
}
.iw-access-modal__copy.is-copied {
  background: #16a34a !important;
}
.iw-access-modal__plain textarea {
  background: #191c17 !important;
  border: 1px solid #191c17 !important;
  border-radius: 10px !important;
  color: #fbfcf8 !important;
  display: block !important;
  font-family: Consolas, Monaco, "Courier New", monospace !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  min-height: 330px !important;
  padding: 14px !important;
  resize: vertical !important;
  white-space: pre !important;
  width: 100% !important;
}

body:not(.login-bg) .theme-client-service-page .iw-svc-btn-credentials {
  border: 0 !important;
  cursor: pointer !important;
  font-family: inherit !important;
}
.iw-service-access-info {
  display: none !important;
}
@media (max-width: 820px) {
  .iw-access-modal__grid,
  .iw-access-modal__mail dl {
    grid-template-columns: 1fr !important;
  }
  .iw-access-modal__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 520px) {
  .iw-access-modal.is-open {
    padding: 10px !important;
  }
  .iw-access-modal__hero {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    padding: 20px 52px 20px 16px !important;
  }
  .iw-access-modal__icon {
    height: 42px !important;
    width: 42px !important;
  }
  .iw-access-modal__hero h2 {
    font-size: 20px !important;
  }
  .iw-access-modal__actions {
    grid-template-columns: 1fr !important;
  }
  .iw-access-modal__plain-head {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  .iw-access-modal__copy {
    width: 100% !important;
  }
  .iw-access-modal__plain textarea {
    font-size: 12px !important;
    min-height: 300px !important;
  }
}

/* IW: aviso grande para ubicar correos en el detalle del producto */
body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-window {
  display: grid !important;
  grid-template-columns: 84px minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: center !important;
  margin: 26px 0 18px !important;
  padding: 24px !important;
  border: 2px solid rgba(52,58,46, .28) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #f8faf4 0%, #ffffff 48%, #ecfdf5 100%) !important;
  box-shadow: 0 22px 46px rgba(25,28,23, .14) !important;
  color: #191c17 !important;
  position: relative !important;
  overflow: hidden !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-window:before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 6px !important;
  background: linear-gradient(90deg, #343a2e, #343a2e, #16a34a) !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-window__icon {
  width: 84px !important;
  height: 84px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 22px !important;
  background: #343a2e !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(52,58,46, .28) !important;
  font-size: 34px !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-window__kicker {
  display: inline-flex !important;
  margin-bottom: 6px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: rgba(22,163,74, .12) !important;
  color: #15803d !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-window h2 {
  margin: 0 0 7px !important;
  color: #191c17 !important;
  font-size: 28px !important;
  line-height: 1.14 !important;
  font-weight: 900 !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-window p {
  margin: 0 !important;
  max-width: 760px !important;
  color: #64695e !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-window__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 16px !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-window__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  border: 1px solid #dae1cb !important;
  color: #191c17 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-window__btn.primary {
  background: #343a2e !important;
  border-color: #343a2e !important;
  color: #ffffff !important;
}
@media (max-width: 700px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-window {
    grid-template-columns: 1fr !important;
    padding: 20px !important;
  }
  body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-window__icon {
    width: 66px !important;
    height: 66px !important;
    font-size: 26px !important;
  }
  body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-window h2 {
    font-size: 23px !important;
  }
}

/* IW: boton unico grande + popup para ubicar correos en el detalle del producto */
body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-button {
  align-items: center !important;
  background: linear-gradient(135deg, #343a2e 0%, #7c3aed 44%, #0f9f6e 100%) !important;
  border: 0 !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 54px rgba(52,58,46, .28), 0 10px 24px rgba(25,28,23, .18) !important;
  color: #ffffff !important;
  cursor: pointer !important;
  display: grid !important;
  font-family: inherit !important;
  gap: 22px !important;
  grid-template-columns: 104px minmax(0, 1fr) 58px !important;
  margin: 28px 0 20px !important;
  min-height: 164px !important;
  overflow: hidden !important;
  padding: 26px !important;
  position: relative !important;
  text-align: left !important;
  width: 100% !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-button:before {
  background: linear-gradient(90deg, #facc15, #22c55e, #b7e532, #f97316) !important;
  content: "" !important;
  height: 8px !important;
  inset: 0 0 auto 0 !important;
  position: absolute !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-button:hover,
body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-button:focus {
  box-shadow: 0 30px 64px rgba(52,58,46, .34), 0 14px 28px rgba(25,28,23, .22) !important;
  color: #ffffff !important;
  outline: 3px solid rgba(250,204,21, .65) !important;
  outline-offset: 3px !important;
  transform: translateY(-1px) !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-button__icon {
  align-items: center !important;
  background: rgba(255,255,255, .22) !important;
  border: 2px solid rgba(255,255,255, .42) !important;
  border-radius: 24px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 16px 32px rgba(25,28,23,.18) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 48px !important;
  height: 104px !important;
  justify-content: center !important;
  line-height: 1 !important;
  width: 104px !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-button__content {
  display: block !important;
  min-width: 0 !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-button__kicker {
  background: rgba(255,255,255, .18) !important;
  border: 1px solid rgba(255,255,255, .34) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  margin-bottom: 10px !important;
  padding: 6px 11px !important;
  text-transform: uppercase !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-button strong {
  color: #ffffff !important;
  display: block !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  margin: 0 0 8px !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-button small {
  color: rgba(255,255,255, .94) !important;
  display: block !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.42 !important;
  max-width: 760px !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-button__arrow {
  align-items: center !important;
  background: #facc15 !important;
  border-radius: 18px !important;
  color: #191c17 !important;
  display: inline-flex !important;
  font-size: 24px !important;
  height: 58px !important;
  justify-content: center !important;
  width: 58px !important;
}
.iw-email-help-popup {
  align-items: center !important;
  display: none !important;
  inset: 0 !important;
  justify-content: center !important;
  padding: 22px !important;
  position: fixed !important;
  z-index: 99999 !important;
}
.iw-email-help-popup.is-open {
  display: flex !important;
}
.iw-email-help-popup__backdrop {
  background: rgba(25,28,23, .72) !important;
  inset: 0 !important;
  position: absolute !important;
}
.iw-email-help-popup__dialog {
  background: linear-gradient(135deg, #ffffff 0%, #f8faf4 48%, #ecfdf5 100%) !important;
  border-radius: 22px !important;
  box-shadow: 0 30px 90px rgba(25,28,23, .38) !important;
  color: #191c17 !important;
  max-width: 700px !important;
  overflow: hidden !important;
  padding: 34px !important;
  position: relative !important;
  width: min(700px, 100%) !important;
}
.iw-email-help-popup__dialog:before {
  background: linear-gradient(90deg, #343a2e, #7c3aed, #16a34a, #facc15) !important;
  content: "" !important;
  height: 10px !important;
  inset: 0 0 auto 0 !important;
  position: absolute !important;
}
.iw-email-help-popup__close {
  align-items: center !important;
  background: #191c17 !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 17px !important;
  height: 40px !important;
  justify-content: center !important;
  position: absolute !important;
  right: 18px !important;
  top: 18px !important;
  width: 40px !important;
}
.iw-email-help-popup__icon {
  align-items: center !important;
  background: linear-gradient(135deg, #343a2e, #7c3aed) !important;
  border-radius: 26px !important;
  box-shadow: 0 18px 38px rgba(52,58,46, .24) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 48px !important;
  height: 104px !important;
  justify-content: center !important;
  margin: 12px 0 18px !important;
  width: 104px !important;
}
.iw-email-help-popup__kicker {
  background: rgba(22,163,74, .12) !important;
  border-radius: 999px !important;
  color: #15803d !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  margin-bottom: 10px !important;
  padding: 6px 11px !important;
  text-transform: uppercase !important;
}
.iw-email-help-popup h2 {
  color: #191c17 !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  margin: 0 48px 10px 0 !important;
}
.iw-email-help-popup p {
  color: #64695e !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}
.iw-email-help-popup__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 22px !important;
}
.iw-email-help-popup__btn {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #dae1cb !important;
  border-radius: 12px !important;
  color: #191c17 !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  gap: 9px !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 12px 16px !important;
  text-decoration: none !important;
}
.iw-email-help-popup__btn.primary {
  background: #343a2e !important;
  border-color: #343a2e !important;
  color: #ffffff !important;
}
html.iw-email-help-popup-open {
  overflow: hidden !important;
}
@media (max-width: 700px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-button {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    min-height: 0 !important;
    padding: 22px !important;
  }
  body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-button__icon {
    border-radius: 20px !important;
    font-size: 36px !important;
    height: 78px !important;
    width: 78px !important;
  }
  body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-button strong {
    font-size: 25px !important;
  }
  body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-button__arrow {
    display: none !important;
  }
  .iw-email-help-popup__dialog {
    padding: 28px 20px 22px !important;
  }
  .iw-email-help-popup__icon {
    font-size: 38px !important;
    height: 82px !important;
    width: 82px !important;
  }
  .iw-email-help-popup h2 {
    font-size: 26px !important;
    margin-right: 44px !important;
  }
  .iw-email-help-popup__actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}

/* IW: compactar acciones de lista de servicios despues de retirar accesos */
body:not(.login-bg) .theme-client-service-page .iw-services-col-actions {
  width: 300px !important;
}
body:not(.login-bg) .theme-client-service-page .iw-service-list-actions {
  gap: 6px !important;
  justify-content: flex-end !important;
  max-width: 380px !important;
}
body:not(.login-bg) .theme-client-service-page .iw-svc-btn,
body:not(.login-bg) .theme-client-service-page .iw-svc-access-note {
  font-size: 11px !important;
  min-height: 30px !important;
  padding: 6px 9px !important;
  white-space: nowrap !important;
}
body:not(.login-bg) .theme-client-service-page .iw-service-ssl-small {
  display: none !important;
}

/* IW: orden final del acceso a correos - boton pequeno arriba y CTA grande abajo */
body:not(.login-bg) .theme-client-service-detail-page .iw-email-followup-button,
body:not(.login-bg) .theme-client-service-detail-page .iw-email-help-popup {
  display: none !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-quick-row {
  display: flex !important;
  justify-content: flex-end !important;
  margin: 12px 0 16px !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-quick-button {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #343a2e !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 18px rgba(52,58,46, .10) !important;
  color: #343a2e !important;
  display: inline-flex !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  gap: 8px !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 8px 12px !important;
  text-decoration: none !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-quick-button:hover,
body:not(.login-bg) .theme-client-service-detail-page .iw-email-quick-button:focus {
  background: #f7f9f2 !important;
  color: #343a2e !important;
  outline: 2px solid rgba(52,58,46, .28) !important;
  outline-offset: 2px !important;
  text-decoration: none !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-box-email-manager,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-email-manager-bottom {
  margin-top: 10px !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-bottom-webmail-button {
  align-items: center !important;
  background: linear-gradient(135deg, #191c17 0%, #343a2e 46%, #343a2e 100%) !important;
  border: 1px solid rgba(183,229,50, .32) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 54px rgba(25,28,23, .25), 0 10px 24px rgba(25,28,23, .16) !important;
  color: #ffffff !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: 82px minmax(0, 1fr) 52px !important;
  margin: 24px 0 4px !important;
  min-height: 126px !important;
  overflow: hidden !important;
  padding: 22px !important;
  position: relative !important;
  text-decoration: none !important;
  width: 100% !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-bottom-webmail-button:before {
  background: linear-gradient(90deg, #b7e532, #343a2e, #b7e532, #343a2e) !important;
  content: "" !important;
  height: 7px !important;
  inset: 0 0 auto 0 !important;
  position: absolute !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-bottom-webmail-button:hover,
body:not(.login-bg) .theme-client-service-detail-page .iw-email-bottom-webmail-button:focus {
  box-shadow: 0 30px 66px rgba(25,28,23, .31), 0 14px 30px rgba(25,28,23, .20) !important;
  color: #ffffff !important;
  outline: 3px solid rgba(183,229,50, .48) !important;
  outline-offset: 3px !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-bottom-webmail-button__icon {
  align-items: center !important;
  background: rgba(247,249,242, .18) !important;
  border: 1px solid rgba(234,240,221, .38) !important;
  border-radius: 20px !important;
  color: #f7f9f2 !important;
  display: inline-flex !important;
  font-size: 38px !important;
  height: 82px !important;
  justify-content: center !important;
  width: 82px !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-bottom-webmail-button__text {
  display: block !important;
  min-width: 0 !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-bottom-webmail-button__text strong {
  color: #ffffff !important;
  display: block !important;
  font-size: 29px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  margin: 0 0 6px !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-bottom-webmail-button__text small {
  color: #eaf0dd !important;
  display: block !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-bottom-webmail-button__arrow {
  align-items: center !important;
  background: #b7e532 !important;
  border-radius: 15px !important;
  color: #191c17 !important;
  display: inline-flex !important;
  font-size: 20px !important;
  height: 52px !important;
  justify-content: center !important;
  width: 52px !important;
}
@media (max-width: 700px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-email-quick-row {
    justify-content: stretch !important;
  }
  body:not(.login-bg) .theme-client-service-detail-page .iw-email-quick-button {
    width: 100% !important;
  }
  body:not(.login-bg) .theme-client-service-detail-page .iw-email-bottom-webmail-button {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    min-height: 0 !important;
    padding: 20px !important;
  }
  body:not(.login-bg) .theme-client-service-detail-page .iw-email-bottom-webmail-button__icon {
    font-size: 30px !important;
    height: 64px !important;
    width: 64px !important;
  }
  body:not(.login-bg) .theme-client-service-detail-page .iw-email-bottom-webmail-button__text strong {
    font-size: 23px !important;
  }
  body:not(.login-bg) .theme-client-service-detail-page .iw-email-bottom-webmail-button__arrow {
    display: none !important;
  }
}

/* IW: restaurar boton Ver credenciales en la lista de productos */
body:not(.login-bg) .theme-client-service-page .iw-services-v2-table {
  min-width: 1120px !important;
}
body:not(.login-bg) .theme-client-service-page .iw-services-col-actions {
  width: 470px !important;
}
body:not(.login-bg) .theme-client-service-page .iw-service-list-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  justify-content: flex-end !important;
  max-width: 460px !important;
  min-width: 440px !important;
}
body:not(.login-bg) .theme-client-service-page .iw-svc-btn,
body:not(.login-bg) .theme-client-service-page .iw-svc-access-note {
  font-size: 10.8px !important;
  min-height: 31px !important;
  padding: 6px 8px !important;
  white-space: nowrap !important;
  width: 108px !important;
}
body:not(.login-bg) .theme-client-service-page .iw-svc-btn-credentials {
  background: linear-gradient(135deg, #343a2e, #343a2e) !important;
  border: 0 !important;
  color: #ffffff !important;
  cursor: pointer !important;
  font-family: inherit !important;
  width: 124px !important;
}


/* IW 2026-05-19 - services list border cleanup and action polish */
body:not(.login-bg) .theme-client-service-page .table-container,
body:not(.login-bg) .theme-client-service-page .data-table-main-container {
  overflow-x: auto !important;
  overflow-y: visible !important;
  padding: 0 10px 12px !important;
}

body:not(.login-bg) .theme-client-service-page .iw-services-v2-table {
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
  min-width: 1060px !important;
}

body:not(.login-bg) .theme-client-service-page .iw-services-col-mark { width: 54px !important; }
body:not(.login-bg) .theme-client-service-page .iw-services-col-service { width: 26% !important; }
body:not(.login-bg) .theme-client-service-page .iw-services-col-price { width: 12% !important; }
body:not(.login-bg) .theme-client-service-page .iw-services-col-date { width: 13% !important; }
body:not(.login-bg) .theme-client-service-page .iw-services-col-status { width: 112px !important; }
body:not(.login-bg) .theme-client-service-page .iw-services-col-actions { width: 408px !important; }

body:not(.login-bg) .theme-client-service-page #tableServicesList tbody tr.service-table-tr,
body:not(.login-bg) .theme-client-service-page .iw-services-v2-table tbody tr.service-table-tr {
  box-shadow: 0 10px 24px rgba(25,28,23, .045) !important;
}

body:not(.login-bg) .theme-client-service-page #tableServicesList tbody tr.service-table-tr::before,
body:not(.login-bg) .theme-client-service-page .iw-services-v2-table tbody tr.service-table-tr::before {
  display: none !important;
}

body:not(.login-bg) .theme-client-service-page #tableServicesList tbody tr.service-table-tr td,
body:not(.login-bg) .theme-client-service-page .iw-services-v2-table tbody tr.service-table-tr td {
  background: #ffffff !important;
  /*border-left: 0 !important;
  border-right: 0 !important;
  border-top: 1px solid #f0f4e7 !important;
  border-bottom: 1px solid #f0f4e7 !important;
  box-shadow: none !important;*/
}

body:not(.login-bg) .theme-client-service-page #tableServicesList tbody tr.service-table-tr td:first-child,
body:not(.login-bg) .theme-client-service-page .iw-services-v2-table tbody tr.service-table-tr td:first-child {
  border-left: 1px solid #f0f4e7 !important;
  border-radius: 10px 0 0 10px !important;
  box-shadow: inset 4px 0 0 #343a2e !important;
}

body:not(.login-bg) .theme-client-service-page #tableServicesList tbody tr.service-table-tr td:last-child,
body:not(.login-bg) .theme-client-service-page .iw-services-v2-table tbody tr.service-table-tr td:last-child {
  border-right: 1px solid #f0f4e7 !important;
  border-radius: 0 10px 10px 0 !important;
}

body:not(.login-bg) .theme-client-service-page #tableServicesList tbody tr.service-table-tr:hover td,
body:not(.login-bg) .theme-client-service-page .iw-services-v2-table tbody tr.service-table-tr:hover td {
  background: #fdfefc !important;
}

body:not(.login-bg) .theme-client-service-page .iw-service-actions-td {
  min-width: 408px !important;
  overflow: visible !important;
  padding-left: 8px !important;
  padding-right: 10px !important;
  text-align: right !important;
}

body:not(.login-bg) .theme-client-service-page .iw-service-list-actions {
  gap: 6px !important;
  justify-content: flex-end !important;
  overflow: visible !important;
}

body:not(.login-bg) .theme-client-service-page .iw-svc-btn,
body:not(.login-bg) .theme-client-service-page .iw-svc-access-note {
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  gap: 5px !important;
  line-height: 1 !important;
  min-height: 30px !important;
  padding: 0 9px !important;
}

body:not(.login-bg) .theme-client-service-page .iw-svc-btn i,
body:not(.login-bg) .theme-client-service-page .iw-svc-access-note i {
  font-size: 10px !important;
}

body:not(.login-bg) .theme-client-service-page .iw-svc-btn:hover {
  filter: brightness(.98) !important;
  transform: none !important;
  box-shadow: 0 8px 16px rgba(25,28,23, .12) !important;
}

body:not(.login-bg) .theme-client-service-page .iw-svc-btn-cpanel { width: 76px !important; background: #f97316 !important; border-color: #f97316 !important; }
body:not(.login-bg) .theme-client-service-page .iw-svc-btn-whm { width: 64px !important; background: #f97316 !important; border-color: #f97316 !important; }
body:not(.login-bg) .theme-client-service-page .iw-svc-btn-webmail { width: 80px !important; background: #7c3aed !important; border-color: #7c3aed !important; }
body:not(.login-bg) .theme-client-service-page .iw-svc-btn-admin { width: 96px !important; background: #191c17 !important; border-color: #191c17 !important; }
body:not(.login-bg) .theme-client-service-page .iw-svc-btn-credentials { width: 92px !important; background: #343a2e !important; border-color: #343a2e !important; }

body:not(.login-bg) .theme-client-service-page .iw-svc-access-note {
  width: 86px !important;
  background: #f9fbf6 !important;
  border-color: #f3f6ed !important;
  color: #64695e !important;
}


/* IW 2026-05-19 - final actions no-wrap override */
body:not(.login-bg) .theme-client-service-page .iw-service-list-actions {
  flex-wrap: nowrap !important;
  max-width: none !important;
  min-width: 0 !important;
  width: 100% !important;
}

body:not(.login-bg) .theme-client-service-page .iw-service-list-actions .iw-svc-btn,
body:not(.login-bg) .theme-client-service-page .iw-service-list-actions .iw-svc-access-note {
  flex: 0 0 auto !important;
}

/* IW: ajustes del modal de accesos - 2026-05-19 */
body:not(.login-bg) .iw-access-modal__hero,
body:not(.login-bg) .iw-access-modal__hero h2,
body:not(.login-bg) .iw-access-modal__hero p,
body:not(.login-bg) .iw-access-modal__kicker {
  color: #ffffff !important;
}
body:not(.login-bg) .iw-access-modal__hero p {
  opacity: .86 !important;
}
body:not(.login-bg) .iw-access-modal__actions {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body:not(.login-bg) .iw-access-modal__mail dl {
  grid-template-columns: 1fr !important;
}
body:not(.login-bg) .iw-access-modal__plain textarea {
  min-height: 300px !important;
}
@media (max-width: 720px) {
  body:not(.login-bg) .iw-access-modal__actions {
    grid-template-columns: 1fr !important;
  }
}
/* IW: modal accesos fusionado y boton copiar destacado - 2026-05-19 */
body:not(.login-bg) .iw-access-modal__grid--merged {
  grid-template-columns: 1fr !important;
  padding-top: 18px !important;
}
body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card {
  align-items: center !important;
  display: grid !important;
  grid-template-columns: minmax(150px, 220px) minmax(0, 1fr) !important;
  gap: 12px !important;
}
body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card small {
  margin-bottom: 0 !important;
}
body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card--secret {
  grid-template-columns: minmax(150px, 220px) minmax(0, 1fr) 92px !important;
}
body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card--secret small {
  grid-column: auto !important;
}
body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card--mail {
  background: #f7f9f2 !important;
  border-color: #d7e2bf !important;
}
body:not(.login-bg) .iw-access-modal__plain-head {
  align-items: stretch !important;
}
body:not(.login-bg) .iw-access-modal__copy {
  background: linear-gradient(135deg, #f97316 0%, #343a2e 100%) !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 28px rgba(52,58,46, .24) !important;
  font-size: 15px !important;
  min-height: 48px !important;
  min-width: 168px !important;
  padding: 12px 22px !important;
  text-transform: uppercase !important;
}
body:not(.login-bg) .iw-access-modal__copy i {
  font-size: 16px !important;
}
@media (max-width: 620px) {
  body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card,
  body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card--secret {
    grid-template-columns: 1fr !important;
  }
  body:not(.login-bg) .iw-access-modal__copy {
    width: 100% !important;
  }
}

/* IW: modal accesos orden final - 2026-05-19 */
body:not(.login-bg) .iw-access-modal__dialog {
  width: min(820px, calc(100vw - 28px)) !important;
}
body:not(.login-bg) .iw-access-modal__grid.iw-access-modal__grid--merged {
  display: block !important;
  padding: 18px 20px 0 !important;
}
body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card {
  align-items: center !important;
  background: #fbfcf8 !important;
  border: 1px solid #ecf0e2 !important;
  border-radius: 10px !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: 185px minmax(0, 1fr) !important;
  margin: 0 0 9px !important;
  min-height: 52px !important;
  padding: 11px 13px !important;
  width: 100% !important;
}
body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card small {
  color: #64695e !important;
  display: flex !important;
  gap: 7px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}
body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card strong,
body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card input {
  display: block !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  text-align: left !important;
  width: 100% !important;
}
body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card--secret {
  grid-template-columns: 185px minmax(0, 1fr) 92px !important;
}
body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card--secret small {
  grid-column: auto !important;
}
body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card--secret button {
  width: 92px !important;
}
body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card--mail {
  background: #f7f9f2 !important;
  border-color: #d7e2bf !important;
  margin-top: 14px !important;
}
body:not(.login-bg) .iw-access-modal__actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  padding: 8px 20px 0 !important;
}
body:not(.login-bg) .iw-access-modal__plain {
  margin-top: 16px !important;
}
body:not(.login-bg) .iw-access-modal__plain-head {
  align-items: center !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 190px !important;
}
body:not(.login-bg) .iw-access-modal__copy {
  min-width: 190px !important;
}
@media (max-width: 640px) {
  body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card,
  body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card--secret {
    align-items: stretch !important;
    grid-template-columns: 1fr !important;
  }
  body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card--secret button {
    width: 100% !important;
  }
  body:not(.login-bg) .iw-access-modal__actions,
  body:not(.login-bg) .iw-access-modal__plain-head {
    grid-template-columns: 1fr !important;
  }
  body:not(.login-bg) .iw-access-modal__copy {
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* IW: modal accesos limpio con preview copiable - 2026-05-19 */
body:not(.login-bg) .iw-access-modal__dialog {
  width: min(760px, calc(100vw - 32px)) !important;
}
body:not(.login-bg) .iw-access-modal__grid.iw-access-modal__grid--merged {
  display: grid !important;
  gap: 9px !important;
  grid-template-columns: 1fr !important;
  padding: 16px 20px 0 !important;
}
body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card {
  align-items: start !important;
  display: grid !important;
  gap: 4px !important;
  grid-template-columns: 1fr !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 11px 14px !important;
}
body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card small {
  display: block !important;
  font-size: 10.5px !important;
  margin: 0 !important;
}
body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card strong {
  font-size: 14px !important;
  line-height: 1.35 !important;
}
body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card--secret {
  grid-template-columns: 1fr !important;
}
body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card--secret input {
  max-width: none !important;
}
body:not(.login-bg) .iw-access-modal__grid--merged .iw-access-card--secret button {
  justify-self: start !important;
  margin-top: 2px !important;
  width: auto !important;
}
body:not(.login-bg) .iw-access-modal__actions {
  gap: 10px !important;
  padding: 16px 20px 0 !important;
}
body:not(.login-bg) .iw-access-modal__plain {
  background: #ffffff !important;
  margin: 14px 20px 20px !important;
  padding: 14px !important;
}
body:not(.login-bg) .iw-access-modal__plain-head {
  align-items: center !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) 170px !important;
}
body:not(.login-bg) .iw-access-copy-preview {
  background: #fdfefc !important;
  border: 1px solid #eaf0de !important;
  border-radius: 10px !important;
  display: grid !important;
  gap: 0 !important;
  max-height: 260px !important;
  overflow: auto !important;
  padding: 8px 12px !important;
}
body:not(.login-bg) .iw-access-copy-preview div {
  align-items: baseline !important;
  border-bottom: 1px solid #f4f7ed !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: 22px max-content minmax(0, 1fr) !important;
  padding: 7px 0 !important;
}
body:not(.login-bg) .iw-access-copy-preview div:last-child {
  border-bottom: 0 !important;
}
body:not(.login-bg) .iw-access-copy-preview span {
  text-align: center !important;
}
body:not(.login-bg) .iw-access-copy-preview strong {
  color: #191c17 !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
body:not(.login-bg) .iw-access-copy-preview em {
  color: #191c17 !important;
  font-size: 12.5px !important;
  font-style: normal !important;
  font-weight: 750 !important;
  overflow-wrap: anywhere !important;
}
body:not(.login-bg) .iw-access-copy-preview__section {
  background: #f7f9f2 !important;
  margin: 7px -4px 0 !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
}
body:not(.login-bg) .iw-access-copy-source {
  height: 1px !important;
  min-height: 1px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
  width: 1px !important;
}
body:not(.login-bg) .iw-access-modal__copy {
  background: linear-gradient(135deg, #f97316 0%, #343a2e 100%) !important;
  font-size: 14px !important;
  min-height: 48px !important;
  min-width: 170px !important;
}
@media (max-width: 640px) {
  body:not(.login-bg) .iw-access-modal__plain-head,
  body:not(.login-bg) .iw-access-copy-preview div {
    grid-template-columns: 1fr !important;
  }
  body:not(.login-bg) .iw-access-copy-preview strong {
    white-space: normal !important;
  }
  body:not(.login-bg) .iw-access-modal__copy {
    width: 100% !important;
  }
}

/* IW: redisenio final del modal de accesos - 2026-05-19 */
body:not(.login-bg) .iw-access-modal__dialog {
  border-radius: 14px !important;
  width: min(780px, calc(100vw - 32px)) !important;
}
body:not(.login-bg) .iw-access-redesign {
  display: grid !important;
  gap: 14px !important;
  padding: 18px 20px 20px !important;
}
body:not(.login-bg) .iw-access-redesign__section,
body:not(.login-bg) .iw-access-redesign__copy {
  background: #ffffff !important;
  border: 1px solid #e9efdc !important;
  border-radius: 12px !important;
  padding: 14px !important;
}
body:not(.login-bg) .iw-access-redesign__section-head {
  align-items: start !important;
  display: grid !important;
  gap: 4px !important;
  margin-bottom: 12px !important;
}
body:not(.login-bg) .iw-access-redesign__section-head h3,
body:not(.login-bg) .iw-access-redesign__copy-head h3 {
  align-items: center !important;
  color: #191c17 !important;
  display: flex !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  gap: 8px !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}
body:not(.login-bg) .iw-access-redesign__section-head p {
  color: #64695e !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}
body:not(.login-bg) .iw-access-redesign__cards {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body:not(.login-bg) .iw-access-redesign__card,
body:not(.login-bg) .iw-access-redesign__mail-grid div {
  background: #fbfcf8 !important;
  border: 1px solid #ecf0e2 !important;
  border-radius: 10px !important;
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding: 12px 13px !important;
}
body:not(.login-bg) .iw-access-redesign__card span,
body:not(.login-bg) .iw-access-redesign__mail-grid span,
body:not(.login-bg) .iw-access-redesign__copy-preview span {
  color: #64695e !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: .45px !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}
body:not(.login-bg) .iw-access-redesign__card strong,
body:not(.login-bg) .iw-access-redesign__mail-grid strong,
body:not(.login-bg) .iw-access-redesign__copy-preview strong {
  color: #191c17 !important;
  font-size: 13.5px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}
body:not(.login-bg) .iw-access-redesign__card--secret {
  grid-column: span 2 !important;
}
body:not(.login-bg) .iw-access-redesign__secret {
  align-items: center !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: minmax(0, 1fr) 96px !important;
}
body:not(.login-bg) .iw-access-redesign__secret input {
  background: #ffffff !important;
  border: 1px solid #e0e9ce !important;
  border-radius: 9px !important;
  color: #191c17 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  min-height: 38px !important;
  min-width: 0 !important;
  padding: 8px 10px !important;
  width: 100% !important;
}
body:not(.login-bg) .iw-access-redesign__secret button {
  align-items: center !important;
  background: #191c17 !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  gap: 6px !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
}
body:not(.login-bg) .iw-access-redesign__quick {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body:not(.login-bg) .iw-access-redesign__quick-btn {
  align-items: center !important;
  background: #f7f9f2 !important;
  border: 1px solid #d7e2bf !important;
  border-radius: 10px !important;
  color: #343a2e !important;
  display: inline-flex !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  gap: 8px !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 10px 12px !important;
  text-decoration: none !important;
}
body:not(.login-bg) .iw-access-redesign__quick-btn--primary {
  background: #f97316 !important;
  border-color: #f97316 !important;
  color: #ffffff !important;
}
body:not(.login-bg) .iw-access-redesign__quick-btn--muted {
  background: #fbfcf8 !important;
  border-color: #ecf0e2 !important;
  color: #64695e !important;
}
body:not(.login-bg) .iw-access-redesign__mail-grid {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body:not(.login-bg) .iw-access-redesign__copy {
  background: #fcfdfa !important;
}
body:not(.login-bg) .iw-access-redesign__copy-head {
  align-items: center !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) 180px !important;
  margin-bottom: 12px !important;
}
body:not(.login-bg) .iw-access-redesign__copy-btn {
  align-items: center !important;
  background: linear-gradient(135deg, #f97316 0%, #343a2e 100%) !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 30px rgba(52,58,46, .24) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  gap: 8px !important;
  justify-content: center !important;
  min-height: 50px !important;
  padding: 12px 20px !important;
  text-transform: uppercase !important;
}
body:not(.login-bg) .iw-access-redesign__copy-btn.is-copied {
  background: #16a34a !important;
}
body:not(.login-bg) .iw-access-redesign__copy-preview {
  background: #ffffff !important;
  border: 1px solid #e9efdc !important;
  border-radius: 10px !important;
  display: grid !important;
  gap: 0 !important;
  max-height: 230px !important;
  overflow: auto !important;
  padding: 6px 12px !important;
}
body:not(.login-bg) .iw-access-redesign__copy-preview div {
  align-items: baseline !important;
  border-bottom: 1px solid #f4f7ed !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 130px minmax(0, 1fr) !important;
  padding: 8px 0 !important;
}
body:not(.login-bg) .iw-access-redesign__copy-preview div:last-child {
  border-bottom: 0 !important;
}
body:not(.login-bg) .iw-access-redesign__copy-source {
  height: 1px !important;
  min-height: 1px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 1px !important;
}
@media (max-width: 720px) {
  body:not(.login-bg) .iw-access-redesign__cards,
  body:not(.login-bg) .iw-access-redesign__quick,
  body:not(.login-bg) .iw-access-redesign__mail-grid,
  body:not(.login-bg) .iw-access-redesign__copy-head,
  body:not(.login-bg) .iw-access-redesign__copy-preview div {
    grid-template-columns: 1fr !important;
  }
  body:not(.login-bg) .iw-access-redesign__card--secret {
    grid-column: auto !important;
  }
  body:not(.login-bg) .iw-access-redesign__secret {
    grid-template-columns: 1fr !important;
  }
  body:not(.login-bg) .iw-access-redesign__copy-btn {
    width: 100% !important;
  }
}
/* IW: modal accesos sin movimiento en hover - 2026-05-19 */
body:not(.login-bg) .iw-access-modal .iw-access-redesign,
body:not(.login-bg) .iw-access-modal .iw-access-redesign *,
body:not(.login-bg) .iw-access-modal .iw-access-redesign *::before,
body:not(.login-bg) .iw-access-modal .iw-access-redesign *::after {
  transition-property: color, background-color, border-color, opacity !important;
  transition-duration: .12s !important;
  transform: none !important;
}
body:not(.login-bg) .iw-access-modal .iw-access-redesign a:hover,
body:not(.login-bg) .iw-access-modal .iw-access-redesign a:focus,
body:not(.login-bg) .iw-access-modal .iw-access-redesign a:active,
body:not(.login-bg) .iw-access-modal .iw-access-redesign button:hover,
body:not(.login-bg) .iw-access-modal .iw-access-redesign button:focus,
body:not(.login-bg) .iw-access-modal .iw-access-redesign button:active,
body:not(.login-bg) .iw-access-modal .iw-access-redesign input:hover,
body:not(.login-bg) .iw-access-modal .iw-access-redesign input:focus,
body:not(.login-bg) .iw-access-modal .iw-access-redesign .iw-access-redesign__card:hover,
body:not(.login-bg) .iw-access-modal .iw-access-redesign .iw-access-redesign__mail-grid div:hover,
body:not(.login-bg) .iw-access-modal .iw-access-redesign .iw-access-redesign__copy-preview div:hover {
  filter: none !important;
  transform: none !important;
}
body:not(.login-bg) .iw-access-modal .iw-access-redesign__quick-btn:hover,
body:not(.login-bg) .iw-access-modal .iw-access-redesign__quick-btn:focus,
body:not(.login-bg) .iw-access-modal .iw-access-redesign__quick-btn:active {
  box-shadow: none !important;
  text-decoration: none !important;
}
body:not(.login-bg) .iw-access-modal .iw-access-redesign__copy-btn:hover,
body:not(.login-bg) .iw-access-modal .iw-access-redesign__copy-btn:focus,
body:not(.login-bg) .iw-access-modal .iw-access-redesign__copy-btn:active {
  box-shadow: 0 16px 30px rgba(52,58,46, .24) !important;
}
body:not(.login-bg) .iw-access-modal .iw-access-redesign__section:hover,
body:not(.login-bg) .iw-access-modal .iw-access-redesign__copy:hover,
body:not(.login-bg) .iw-access-modal .iw-access-redesign__card:hover,
body:not(.login-bg) .iw-access-modal .iw-access-redesign__mail-grid div:hover {
  box-shadow: none !important;
}

/* IW: modal credenciales en columnas y bloque copiable - 2026-05-19 */
body:not(.login-bg) .iw-access-modal__dialog {
  width: min(900px, calc(100vw - 32px)) !important;
}
body:not(.login-bg) .iw-access-redesign {
  gap: 12px !important;
}
body:not(.login-bg) .iw-access-redesign__top {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}
body:not(.login-bg) .iw-access-redesign__top .iw-access-redesign__section {
  min-width: 0 !important;
}
body:not(.login-bg) .iw-access-redesign__tiny-title {
  align-items: center !important;
  color: #191c17 !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  gap: 7px !important;
  line-height: 1.2 !important;
}
body:not(.login-bg) .iw-access-redesign__top .iw-access-redesign__cards {
  grid-template-columns: 1fr !important;
}
body:not(.login-bg) .iw-access-redesign__top .iw-access-redesign__card--secret {
  grid-column: auto !important;
}
body:not(.login-bg) .iw-access-redesign__card span,
body:not(.login-bg) .iw-access-redesign__mail-grid span {
  align-items: center !important;
  display: inline-flex !important;
  gap: 6px !important;
}
body:not(.login-bg) .iw-access-redesign__links {
  display: grid !important;
  gap: 9px !important;
}
body:not(.login-bg) .iw-access-redesign__link-row {
  align-items: start !important;
  background: #fbfcf8 !important;
  border: 1px solid #ecf0e2 !important;
  border-radius: 10px !important;
  color: #191c17 !important;
  display: grid !important;
  gap: 3px 10px !important;
  grid-template-columns: 26px minmax(0, 1fr) !important;
  min-width: 0 !important;
  padding: 10px 12px !important;
  text-decoration: none !important;
}
body:not(.login-bg) .iw-access-redesign__link-row > i {
  align-items: center !important;
  background: #f1f5e9 !important;
  border-radius: 8px !important;
  color: #343a2e !important;
  display: inline-flex !important;
  height: 26px !important;
  justify-content: center !important;
  width: 26px !important;
}
body:not(.login-bg) .iw-access-redesign__link-row span,
body:not(.login-bg) .iw-access-redesign__link-row strong {
  display: block !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}
body:not(.login-bg) .iw-access-redesign__link-row span {
  color: #64695e !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}
body:not(.login-bg) .iw-access-redesign__link-row strong {
  color: #191c17 !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  grid-column: 2 !important;
  line-height: 1.35 !important;
}
body:not(.login-bg) .iw-access-redesign__link-row--primary {
  border-color: #fed7aa !important;
  background: #fff7ed !important;
}
body:not(.login-bg) .iw-access-redesign__link-row--primary > i {
  background: #f97316 !important;
  color: #ffffff !important;
}
body:not(.login-bg) .iw-access-redesign__link-row--muted > i {
  background: #ecf0e2 !important;
  color: #64695e !important;
}
body:not(.login-bg) .iw-access-redesign__mail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body:not(.login-bg) .iw-access-redesign__copy {
  background: #fcfdfa !important;
}
body:not(.login-bg) .iw-access-redesign__copy-head {
  grid-template-columns: minmax(0, 1fr) 150px !important;
}
body:not(.login-bg) .iw-access-redesign__copy-source {
  background: #191c17 !important;
  border: 1px solid #191c17 !important;
  border-radius: 10px !important;
  color: #fbfcf8 !important;
  display: block !important;
  font-family: Consolas, Monaco, "Courier New", monospace !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  height: 260px !important;
  line-height: 1.55 !important;
  min-height: 220px !important;
  opacity: 1 !important;
  overflow: auto !important;
  padding: 13px 14px !important;
  pointer-events: auto !important;
  position: static !important;
  resize: vertical !important;
  white-space: pre !important;
  width: 100% !important;
}
@media (max-width: 760px) {
  body:not(.login-bg) .iw-access-redesign__top,
  body:not(.login-bg) .iw-access-redesign__mail-grid,
  body:not(.login-bg) .iw-access-redesign__copy-head {
    grid-template-columns: 1fr !important;
  }
  body:not(.login-bg) .iw-access-redesign__copy-btn {
    width: 100% !important;
  }
}


/* IW: credenciales compactas con paleta MegaWeb - 2026-05-19 */
body:not(.login-bg) .iw-access-modal__backdrop {
  background: rgba(25,28,23, .58) !important;
  backdrop-filter: blur(6px) !important;
}
body:not(.login-bg) .iw-access-modal__dialog {
  background: #f9fbf6 !important;
  border: 1px solid #ecf0e4 !important;
  border-radius: 12px !important;
  box-shadow: 0 24px 70px rgba(25,28,23, .26) !important;
  color: #191c17 !important;
  width: min(840px, calc(100vw - 28px)) !important;
}
body:not(.login-bg) .iw-access-modal__hero {
  background: linear-gradient(135deg, #191c17 0%, #191c17 48%, #343a2e 100%) !important;
  gap: 12px !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  padding: 16px 52px 16px 18px !important;
}
body:not(.login-bg) .iw-access-modal__icon {
  background: rgba(245,248,238, .14) !important;
  border-color: rgba(245,248,238, .28) !important;
  border-radius: 10px !important;
  height: 44px !important;
  width: 44px !important;
}
body:not(.login-bg) .iw-access-modal__kicker {
  color: #f5f8ee !important;
  font-size: 10px !important;
  letter-spacing: .45px !important;
}
body:not(.login-bg) .iw-access-modal__hero h2 {
  color: #ffffff !important;
  font-size: 19px !important;
  line-height: 1.15 !important;
  margin-top: 2px !important;
}
body:not(.login-bg) .iw-access-modal__hero p {
  color: rgba(255,255,255, .78) !important;
  font-size: 12px !important;
  margin-top: 3px !important;
}
body:not(.login-bg) .iw-access-modal__close {
  border-radius: 8px !important;
  color: #343a2e !important;
  height: 30px !important;
  right: 12px !important;
  top: 12px !important;
  width: 30px !important;
}
body:not(.login-bg) .iw-access-redesign {
  background: #f9fbf6 !important;
  gap: 10px !important;
  padding: 12px !important;
}
body:not(.login-bg) .iw-access-redesign__top {
  gap: 10px !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
}
body:not(.login-bg) .iw-access-redesign__section,
body:not(.login-bg) .iw-access-redesign__copy {
  background: #ffffff !important;
  border: 1px solid #ecf0e4 !important;
  border-radius: 10px !important;
  padding: 10px !important;
}
body:not(.login-bg) .iw-access-redesign__section-head {
  margin-bottom: 8px !important;
}
body:not(.login-bg) .iw-access-redesign__tiny-title,
body:not(.login-bg) .iw-access-redesign__section-head h3,
body:not(.login-bg) .iw-access-redesign__copy-head h3 {
  color: #191c17 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}
body:not(.login-bg) .iw-access-redesign__tiny-title i,
body:not(.login-bg) .iw-access-redesign__section-head h3 i,
body:not(.login-bg) .iw-access-redesign__copy-head h3 i {
  color: #343a2e !important;
}
body:not(.login-bg) .iw-access-redesign__section-head p {
  color: #64695e !important;
  font-size: 11.5px !important;
  line-height: 1.3 !important;
}
body:not(.login-bg) .iw-access-redesign__cards,
body:not(.login-bg) .iw-access-redesign__links,
body:not(.login-bg) .iw-access-redesign__mail-grid {
  gap: 7px !important;
}
body:not(.login-bg) .iw-access-redesign__top .iw-access-redesign__cards {
  grid-template-columns: 1fr !important;
}
body:not(.login-bg) .iw-access-redesign__card,
body:not(.login-bg) .iw-access-redesign__mail-grid div {
  background: #f9fbf6 !important;
  border-color: #ecf0e4 !important;
  border-radius: 8px !important;
  gap: 3px !important;
  padding: 8px 9px !important;
}
body:not(.login-bg) .iw-access-redesign__card span,
body:not(.login-bg) .iw-access-redesign__mail-grid span {
  color: #64695e !important;
  font-size: 9.8px !important;
  letter-spacing: .25px !important;
}
body:not(.login-bg) .iw-access-redesign__card span i,
body:not(.login-bg) .iw-access-redesign__mail-grid span i {
  color: #343a2e !important;
}
body:not(.login-bg) .iw-access-redesign__card strong,
body:not(.login-bg) .iw-access-redesign__mail-grid strong {
  color: #191c17 !important;
  font-size: 12.5px !important;
  line-height: 1.25 !important;
}
body:not(.login-bg) .iw-access-redesign__secret {
  gap: 7px !important;
  grid-template-columns: minmax(0, 1fr) 82px !important;
}
body:not(.login-bg) .iw-access-redesign__secret input {
  border-color: #ecf0e4 !important;
  border-radius: 8px !important;
  color: #191c17 !important;
  font-size: 12px !important;
  min-height: 32px !important;
  padding: 6px 8px !important;
}
body:not(.login-bg) .iw-access-redesign__secret button {
  background: #343a2e !important;
  border-radius: 8px !important;
  font-size: 10.5px !important;
  min-height: 32px !important;
  padding: 6px 8px !important;
}
body:not(.login-bg) .iw-access-redesign__links {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body:not(.login-bg) .iw-access-redesign__link-row {
  align-items: center !important;
  background: #f5f8ee !important;
  border: 1px solid rgba(52,58,46, .18) !important;
  border-radius: 8px !important;
  color: #343a2e !important;
  display: inline-flex !important;
  gap: 7px !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 8px 9px !important;
  text-align: center !important;
}
body:not(.login-bg) .iw-access-redesign__link-row > i {
  background: transparent !important;
  color: #343a2e !important;
  height: auto !important;
  width: auto !important;
}
body:not(.login-bg) .iw-access-redesign__link-row span {
  color: #343a2e !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  text-transform: none !important;
}
body:not(.login-bg) .iw-access-redesign__link-row strong {
  display: none !important;
}
body:not(.login-bg) .iw-access-redesign__link-row--primary {
  background: #343a2e !important;
  border-color: #343a2e !important;
  color: #ffffff !important;
}
body:not(.login-bg) .iw-access-redesign__link-row--primary > i,
body:not(.login-bg) .iw-access-redesign__link-row--primary span {
  color: #ffffff !important;
}
body:not(.login-bg) .iw-access-redesign__link-row--muted {
  background: #f3f6eb !important;
  border-color: rgba(52,58,46, .22) !important;
}
body:not(.login-bg) .iw-access-redesign__link-row--muted > i,
body:not(.login-bg) .iw-access-redesign__link-row--muted span {
  color: #343a2e !important;
}
body:not(.login-bg) .iw-access-redesign__mail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body:not(.login-bg) .iw-access-redesign__copy-head {
  gap: 8px !important;
  grid-template-columns: minmax(0, 1fr) 124px !important;
  margin-bottom: 8px !important;
}
body:not(.login-bg) .iw-access-redesign__copy-btn {
  background: #343a2e !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-size: 12px !important;
  min-height: 36px !important;
  padding: 8px 12px !important;
  text-transform: none !important;
}
body:not(.login-bg) .iw-access-redesign__copy-btn.is-copied {
  background: #343a2e !important;
}
body:not(.login-bg) .iw-access-redesign__copy-source {
  background: #ffffff !important;
  border: 1px solid #ecf0e4 !important;
  border-radius: 8px !important;
  color: #191c17 !important;
  font-size: 12px !important;
  height: 172px !important;
  line-height: 1.42 !important;
  min-height: 140px !important;
  padding: 10px !important;
  white-space: pre-wrap !important;
}
@media (max-width: 760px) {
  body:not(.login-bg) .iw-access-redesign__top,
  body:not(.login-bg) .iw-access-redesign__mail-grid,
  body:not(.login-bg) .iw-access-redesign__copy-head {
    grid-template-columns: 1fr !important;
  }
  body:not(.login-bg) .iw-access-redesign__links {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body:not(.login-bg) .iw-access-redesign__copy-btn {
    width: 100% !important;
  }
}
@media (max-width: 460px) {
  body:not(.login-bg) .iw-access-redesign__links {
    grid-template-columns: 1fr !important;
  }
}


/* --- OPTIMIZACIÓN DE TABLA DE SERVICIOS WHMCS --- */

.iw-services-v2-table {
    width: 100% !important;
    table-layout: fixed; /* Fuerza al navegador a respetar los anchos asignados */
    border-collapse: separate;
    border-spacing: 0 10px; /* Mantiene el look de filas separadas si se requiere */
}

/* Control estricto de los anchos de columnas por porcentaje */
.iw-services-col-mark    { width: 4%; }
.iw-services-col-service { width: 28%; } /* Espacio controlado para el Dominio/Producto */
.iw-services-col-price   { width: 12%; }
.iw-services-col-date    { width: 14%; }
.iw-services-col-status  { width: 10%; }
.iw-services-col-actions { width: 32%; } /* Suficiente espacio para que no choque con Estado */

/* Alineaciones e Inyecciones de Estilo */
.iw-services-v2-table th, 
.iw-services-v2-table td {
    vertical-align: middle !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Si el dominio es larguísimo, no romperá la tabla */
    padding: 12px 8px !important;
}

/* Alínea a la izquierda el Producto y Dominio */
.iw-services-v2-name {
    text-align: left !important;
}
.iw-service-title-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.iw-service-title-block a {
    font-weight: 600;
    font-size: 14px;
    color: #191c17;
    text-decoration: none;
}
.domain-product-name {
    font-size: 12px;
    color: #64695e;
    margin-top: 2px;
}

/* Centrar el precio y evitar que se altere su tamaño */
.iw-services-v2-price strong {
    font-size: 14px;
    color: #191c17;
    display: block;
}

/* Evita que el estado (Label) sea pisado */
.iw-services-v2-status .label {
    display: inline-block;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 20px;
    text-align: center;
}

/* Contenedor de acciones: Alinea los botones al extremo derecho sin amontonarse */
.iw-service-list-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
    align-items: center;
    white-space: normal; /* Permite que los botones bajen si la pantalla se achica */
}

/* Ajuste individual de botones de la lista */
.iw-svc-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 6px;
    border: none;
    transition: all 0.2s ease;
    text-decoration: none !important;
}

/* Ajustes de color para evitar saturación visual (siguiendo tu UI) */
.iw-svc-btn-cpanel { background-color: #ff6b00; color: #fff !important; }
.iw-svc-btn-whm    { background-color: #f15a24; color: #fff !important; }
.iw-svc-btn-webmail { background-color: #7047eb; color: #fff !important; }
.iw-svc-btn-admin  { background-color: #191c17; color: #fff !important; }
.iw-svc-btn-credentials { background-color: #343a2e; color: #fff !important; }

.iw-svc-btn:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.iw-svc-access-note {
    font-size: 12px;
    color: #9ba88a;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding-right: 5px;
}


/* IW 2026-05-19 - checkout rebuild */
body.tpl-viewcart {
  background: #f9faf5 !important;
}
body.tpl-viewcart .theme-main-inner-page-section,
body.tpl-viewcart #content,
body.tpl-viewcart .wrapper {
  max-width: none !important;
}
body.tpl-viewcart .main-grid.iw-checkout-grid,
body.tpl-viewcart .main-grid {
  width: min(100%, 1460px) !important;
  max-width: 1460px !important;
  margin: 0 auto !important;
  padding: 22px 28px 54px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 370px !important;
  gap: 24px !important;
  align-items: start !important;
}
body.tpl-viewcart .main-content.iw-checkout-main,
body.tpl-viewcart .main-content,
body.tpl-viewcart .main-sidebar.iw-checkout-sidebar,
body.tpl-viewcart .main-sidebar {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
}
body.tpl-viewcart .sidebar-sticky-summary {
  position: sticky !important;
  top: 82px !important;
}
body.tpl-viewcart .order-summary-mob {
  display: none !important;
}
body.tpl-viewcart #submit-checkout,
body.tpl-viewcart #btnCompleteOrder {
  display: none !important;
}
body.tpl-viewcart .iw-cart-hero {
  grid-template-columns: minmax(0, 1fr) 280px !important;
  align-items: center !important;
  margin-bottom: 14px !important;
}
body.tpl-viewcart .iw-checkout-assurance {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 0 14px !important;
}
body.tpl-viewcart .iw-checkout-assurance span {
  min-height: 40px !important;
}
body.tpl-viewcart .section,
body.tpl-viewcart .panel,
body.tpl-viewcart .card,
body.tpl-viewcart .view-cart-items,
body.tpl-viewcart .view-cart-tabs {
  max-width: none !important;
}
@media (max-width: 1180px) {
  body.tpl-viewcart .main-grid.iw-checkout-grid,
  body.tpl-viewcart .main-grid {
    grid-template-columns: minmax(0, 1fr) 330px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  body.tpl-viewcart .iw-checkout-assurance {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 991px) {
  body.tpl-viewcart .main-grid.iw-checkout-grid,
  body.tpl-viewcart .main-grid {
    grid-template-columns: 1fr !important;
    max-width: 920px !important;
  }
  body.tpl-viewcart .sidebar-sticky-summary {
    position: static !important;
  }
  body.tpl-viewcart .main-sidebar.iw-checkout-sidebar,
  body.tpl-viewcart .main-sidebar {
    display: block !important;
  }
}
@media (max-width: 640px) {
  body.tpl-viewcart .main-grid.iw-checkout-grid,
  body.tpl-viewcart .main-grid {
    padding: 14px 10px 34px !important;
  }
  body.tpl-viewcart .iw-checkout-assurance {
    grid-template-columns: 1fr !important;
  }
}

/* IW 2026-05-19 - email detail single CTA + location popup */
body:not(.login-bg) .theme-client-service-detail-page .iw-email-bottom-webmail-button {
  display: none !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-quick-row {
  justify-content: center !important;
  margin: 14px 0 14px !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-quick-button {
  border-color: #343a2e !important;
  border-radius: 8px !important;
  background: #f7f9f2 !important;
  color: #343a2e !important;
  cursor: pointer !important;
  min-height: 40px !important;
  padding: 9px 14px !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-box-email-manager-bottom {
  margin: 12px auto 20px !important;
  max-width: 1120px !important;
  border: 1px solid #e7eed8 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(25,28,23, .07) !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-section-head {
  min-height: 58px !important;
  padding: 16px 18px !important;
  border-bottom: 1px solid #eff4e5 !important;
  background: linear-gradient(180deg, #fdfefc 0%, #fafcf7 100%) !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-section-head h3 {
  font-size: 16px !important;
  line-height: 1.2 !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-section-head p {
  margin-top: 4px !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-section-head a {
  min-height: 38px !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  background: #f7f9f2 !important;
  color: #343a2e !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-email-panel-frame {
  padding: 18px !important;
  background: #fff !important;
}
.iw-email-location-popup {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10080;
}
.iw-email-location-popup.is-open {
  display: block;
}
.iw-email-location-popup__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(25,28,23, .46);
}
.iw-email-location-popup__dialog {
  position: relative;
  width: min(520px, calc(100% - 28px));
  margin: 9vh auto 0;
  padding: 24px;
  border: 1px solid rgba(183,229,50, .4);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 30px 80px rgba(25,28,23, .28);
}
.iw-email-location-popup__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 34px;
  height: 34px;
  border: 1px solid #e9efdb;
  border-radius: 8px;
  background: #fff;
  color: #64695e;
}
.iw-email-location-popup__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin-bottom: 14px;
  border-radius: 10px;
  background: #f5f8ef;
  color: #343a2e;
  font-size: 23px;
}
.iw-email-location-popup__kicker {
  display: block;
  color: #343a2e;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}
.iw-email-location-popup h2 {
  margin: 6px 0 8px;
  color: #191c17;
  font-size: 22px;
  line-height: 1.18;
  font-weight: 950;
}
.iw-email-location-popup p {
  margin: 0;
  color: #64695e;
  font-size: 14px;
  line-height: 1.55;
}
.iw-email-location-popup__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 18px;
}
.iw-email-location-popup__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 9px 13px;
  border: 1px solid #e7eed8;
  border-radius: 8px;
  background: #fff;
  color: #343a2e;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none !important;
}
.iw-email-location-popup__btn.primary {
  border-color: #343a2e;
  background: #343a2e;
  color: #fff !important;
}
html.iw-email-location-popup-open {
  overflow: hidden;
}
@media (max-width: 700px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-email-quick-row {
    justify-content: stretch !important;
  }
  body:not(.login-bg) .theme-client-service-detail-page .iw-email-quick-button,
  body:not(.login-bg) .theme-client-service-detail-page .iw-email-section-head a {
    width: 100% !important;
  }
  body:not(.login-bg) .theme-client-service-detail-page .iw-email-section-head {
    align-items: stretch !important;
  }
  .iw-email-location-popup__dialog {
    padding: 20px;
  }
  .iw-email-location-popup__actions {
    flex-direction: column;
  }
}


/* IW 2026-05-20 - Auth logo and validation alerts */
body.login-bg .iw-login-logo img,
body.login-bg .iw-register-wrap .iw-login-logo img {
  width: 218px !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
}

body.login-bg .iw-register-wrap .iw-login-logo img {
  width: 218px !important;
}

body.login-bg .iw-auth-alert-wrap,
body.login-bg .iw-login-left > .alert,
body.login-bg .iw-login-left > .alert-lagom {
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.login-bg .iw-register-wrap .iw-auth-alert-wrap,
body.login-bg .iw-register-wrap .iw-login-left > .alert,
body.login-bg .iw-register-wrap .iw-login-left > .alert-lagom {
  max-width: 760px !important;
}

body.login-bg .iw-auth-alert-wrap .alert,
body.login-bg .iw-login-left .alert,
body.login-bg .iw-login-left .alert-lagom {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 0 16px !important;
  padding: 14px 16px !important;
  border-radius: 8px !important;
  border-width: 1px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  text-align: left !important;
  box-shadow: none !important;
}

body.login-bg .iw-auth-alert-wrap .alert-danger,
body.login-bg .iw-login-left .alert-danger,
body.login-bg .iw-login-left .alert-error {
  border-color: #fecaca !important;
  background: #fff1f2 !important;
  color: #991b1b !important;
}

body.login-bg .iw-auth-alert-wrap ul,
body.login-bg .iw-login-left .alert ul {
  margin: 0 !important;
  padding-left: 18px !important;
}

body.login-bg .iw-auth-alert-wrap li,
body.login-bg .iw-login-left .alert li {
  margin: 0 0 4px !important;
  padding: 0 !important;
}

body.login-bg .iw-auth-alert-wrap li:last-child,
body.login-bg .iw-login-left .alert li:last-child {
  margin-bottom: 0 !important;
}


/* IW 2026-05-21 - Light account sync panel on client home */
body:not(.login-bg) .iw-account-sync-panel {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 380px) !important;
  gap: 18px !important;
  align-items: stretch !important;
  margin: 0 0 22px !important;
  padding: 22px !important;
  border: 1px solid #e6edd6 !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(183,229,50, .34), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #fbfcf9 58%, #f5f8ee 100%) !important;
  box-shadow: 0 18px 42px rgba(52,58,46, .10) !important;
  overflow: hidden !important;
}
body:not(.login-bg) .iw-account-sync-panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 5px !important;
  background: linear-gradient(180deg, #343a2e, #b7e532) !important;
}
body:not(.login-bg) .iw-account-sync-main,
body:not(.login-bg) .iw-account-sync-side {
  position: relative !important;
  z-index: 1 !important;
}
body:not(.login-bg) .iw-account-sync-kicker {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  margin: 0 0 8px !important;
  padding: 4px 10px !important;
  border: 1px solid #dde6c8 !important;
  border-radius: 999px !important;
  background: #f7f9f2 !important;
  color: #343a2e !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
body:not(.login-bg) .iw-account-sync-main h2 {
  margin: 0 0 7px !important;
  color: #191c17 !important;
  font-size: 28px !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
}
body:not(.login-bg) .iw-account-sync-main p {
  max-width: 660px !important;
  margin: 0 !important;
  color: #64695e !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}
body:not(.login-bg) .iw-account-sync-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 16px !important;
}
body:not(.login-bg) .iw-account-sync-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 40px !important;
  padding: 9px 14px !important;
  border: 1px solid #e6edd6 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #343a2e !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
body:not(.login-bg) .iw-account-sync-btn.primary {
  border-color: rgba(52,58,46, .42) !important;
  background: linear-gradient(135deg, #b7e532 0%, #343a2e 100%) !important;
  color: #191c17 !important;
}
body:not(.login-bg) .iw-account-sync-btn:hover {
  border-color: #343a2e !important;
  color: #191c17 !important;
  background: #f7f9f2 !important;
}
body:not(.login-bg) .iw-account-sync-side {
  display: grid !important;
  gap: 12px !important;
}
body:not(.login-bg) .iw-account-sync-contact,
body:not(.login-bg) .iw-account-sync-status {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 72px !important;
  padding: 14px !important;
  border: 1px solid #e9efdc !important;
  border-radius: 12px !important;
  background: rgba(255,255,255, .82) !important;
  box-shadow: 0 10px 24px rgba(52,58,46, .07) !important;
}
body:not(.login-bg) .iw-account-sync-contact {
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
}
body:not(.login-bg) .iw-account-sync-contact span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #64695e !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}
body:not(.login-bg) .iw-account-sync-contact a {
  color: #343a2e !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere !important;
}
body:not(.login-bg) .iw-account-sync-dot {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  border: 9px solid #f5f8ee !important;
  border-radius: 50% !important;
  background: #343a2e !important;
  box-shadow: 0 0 0 1px #dde6c8 !important;
}
body:not(.login-bg) .iw-account-sync-status strong,
body:not(.login-bg) .iw-account-sync-status small {
  display: block !important;
}
body:not(.login-bg) .iw-account-sync-status strong {
  color: #191c17 !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}
body:not(.login-bg) .iw-account-sync-status small {
  margin-top: 2px !important;
  color: #64695e !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}
@media (max-width: 900px) {
  body:not(.login-bg) .iw-account-sync-panel {
    grid-template-columns: 1fr !important;
    padding: 18px !important;
  }
  body:not(.login-bg) .iw-account-sync-side {
    grid-template-columns: 1fr 1fr !important;
  }
}
@media (max-width: 600px) {
  body:not(.login-bg) .iw-account-sync-main h2 {
    font-size: 24px !important;
  }
  body:not(.login-bg) .iw-account-sync-actions,
  body:not(.login-bg) .iw-account-sync-side {
    grid-template-columns: 1fr !important;
  }
  body:not(.login-bg) .iw-account-sync-btn {
    width: 100% !important;
  }
}

/* IW mailbox menu badge */
body:not(.login-bg) .iw-mailbox-sidebar-badge{display:none;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:auto;padding:0 6px;border-radius:999px;background:#dc2626;color:#fff;font-size:11px;font-weight:800;line-height:18px;box-shadow:0 0 0 2px #fff}body:not(.login-bg) .iw-mailbox-sidebar-badge.has-unread{display:inline-flex}

/* Acceso permanente al carrito en la navegación lateral */
body:not(.login-bg) .iw-cart-sidebar-badge{
  align-items:center!important;
  background:#343a2e!important;
  border:2px solid #fff!important;
  border-radius:999px!important;
  color:#fff!important;
  display:inline-flex!important;
  font-size:10px!important;
  font-weight:900!important;
  height:20px!important;
  justify-content:center!important;
  line-height:16px!important;
  margin-left:auto!important;
  min-width:20px!important;
  padding:0 5px!important;
}
body:not(.login-bg) .iw-nav-cart-entry .iw-nav-link.active .iw-cart-sidebar-badge{
  background:#fff!important;
  border-color:rgba(255,255,255,.35)!important;
  color:#343a2e!important;
}

/* IW 2026-05-21 - client email center final polish */
body:not(.login-bg) .iw-mail-page-header { margin-bottom: 18px !important; }
body:not(.login-bg) .iw-mailbox-page { width: 100% !important; }
body:not(.login-bg) .iw-mail-overview { display: grid !important; grid-template-columns: minmax(180px, 240px) minmax(180px, 240px) 1fr !important; gap: 14px !important; margin: 0 0 16px !important; }
body:not(.login-bg) .iw-mail-overview-card,
body:not(.login-bg) .iw-mail-overview-note { display: flex !important; align-items: center !important; gap: 12px !important; min-height: 76px !important; padding: 15px 16px !important; border: 1px solid #e9efdc !important; border-radius: 12px !important; background: #ffffff !important; box-shadow: 0 10px 26px rgba(25,28,23,.06) !important; }
body:not(.login-bg) .iw-mail-overview-icon { width: 42px !important; height: 42px !important; display: grid !important; place-items: center !important; flex: 0 0 42px !important; border-radius: 10px !important; background: linear-gradient(135deg,#f5f8ee,#f3f6eb) !important; color: #343a2e !important; font-size: 17px !important; }
body:not(.login-bg) .iw-mail-overview-card strong { display: block !important; color: #191c17 !important; font-size: 24px !important; font-weight: 950 !important; line-height: 1 !important; }
body:not(.login-bg) .iw-mail-overview-card small,
body:not(.login-bg) .iw-mail-overview-note span { display: block !important; color: #64695e !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.35 !important; }
body:not(.login-bg) .iw-mail-overview-note i { width: 38px !important; height: 38px !important; display: grid !important; place-items: center !important; flex: 0 0 38px !important; border-radius: 10px !important; background: #f7f9f2 !important; color: #343a2e !important; }
body:not(.login-bg) .iw-mail-toolbar { margin-bottom: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom: 0 !important; }
body:not(.login-bg) .iw-mail-toolbar .common-header-top { align-items: center !important; gap: 12px !important; }
body:not(.login-bg) .iw-mail-toolbar .common-title-all,
body:not(.login-bg) .iw-mail-toolbar .common-title-count { display: block !important; }
body:not(.login-bg) .iw-mail-toolbar .common-title-all h3,
body:not(.login-bg) .iw-mail-toolbar .common-title-count { margin: 0 !important; color: #191c17 !important; font-size: 14px !important; font-weight: 900 !important; white-space: nowrap !important; }
body:not(.login-bg) .iw-mail-toolbar .common-title-count { color: #64695e !important; }
body:not(.login-bg) .iw-mail-table-wrap { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; overflow: hidden !important; }
body:not(.login-bg) .iw-mail-table { table-layout: fixed !important; width: 100% !important; margin: 0 !important; }
body:not(.login-bg) .iw-mail-table thead th { padding: 14px 16px !important; border-bottom: 1px solid #ecf0e4 !important; background: #fbfcf8 !important; color: #64695e !important; font-size: 11px !important; font-weight: 950 !important; letter-spacing: 0 !important; text-transform: uppercase !important; }
body:not(.login-bg) .iw-mail-table tbody td { vertical-align: middle !important; padding: 12px 16px !important; border-top: 1px solid #f4f7ed !important; color: #191c17 !important; }
body:not(.login-bg) .iw-mail-row { cursor: default !important; }
body:not(.login-bg) .iw-mail-row:hover td { background: #fdfefc !important; }
body:not(.login-bg) .iw-mail-date-text { display: inline-flex !important; align-items: center !important; min-height: 30px !important; padding: 5px 9px !important; border-radius: 8px !important; background: #f7f9f2 !important; color: #64695e !important; font-size: 12px !important; font-weight: 800 !important; }
body:not(.login-bg) .iw-mail-subject-btn { width: 100% !important; min-height: 42px !important; display: flex !important; align-items: center !important; gap: 10px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #191c17 !important; text-align: left !important; cursor: pointer !important; }
body:not(.login-bg) .iw-mail-subject-btn:hover .iw-mail-subject-text { color: #343a2e !important; }
body:not(.login-bg) .iw-mail-subject-icon { width: 34px !important; height: 34px !important; display: grid !important; place-items: center !important; flex: 0 0 34px !important; border-radius: 9px !important; background: #f5f8ee !important; color: #343a2e !important; }
body:not(.login-bg) .iw-mail-subject-text { min-width: 0 !important; flex: 1 1 auto !important; color: #191c17 !important; font-size: 14px !important; font-weight: 850 !important; line-height: 1.35 !important; overflow-wrap: anywhere !important; }
body:not(.login-bg) .iw-mail-attach { display: inline-flex !important; align-items: center !important; gap: 5px !important; flex: 0 0 auto !important; padding: 5px 8px !important; border-radius: 999px !important; background: #fff7ed !important; color: #b45309 !important; font-size: 11px !important; font-weight: 900 !important; }
body:not(.login-bg) .iw-mail-action { text-align: right !important; }
body:not(.login-bg) .iw-mail-view-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; min-height: 36px !important; padding: 8px 12px !important; border: 1px solid rgba(52,58,46,.35) !important; border-radius: 9px !important; background: #f7f9f2 !important; color: #343a2e !important; font-size: 12px !important; font-weight: 900 !important; box-shadow: none !important; }
body:not(.login-bg) .iw-mail-view-btn:hover { border-color: #343a2e !important; background: #eff4e5 !important; color: #191c17 !important; }
body:not(.login-bg) .iw-mail-empty { padding: 44px 20px !important; text-align: center !important; color: #64695e !important; }
body:not(.login-bg) .iw-mail-empty i { width: 56px !important; height: 56px !important; display: grid !important; place-items: center !important; margin: 0 auto 14px !important; border-radius: 14px !important; background: #f5f8ee !important; color: #343a2e !important; font-size: 22px !important; }
body:not(.login-bg) .iw-mail-empty h3 { margin: 0 0 6px !important; color: #191c17 !important; font-size: 18px !important; font-weight: 950 !important; }
body:not(.login-bg) .iw-mail-empty p { max-width: 460px !important; margin: 0 auto !important; font-size: 14px !important; }
@media (max-width: 900px) { body:not(.login-bg) .iw-mail-overview { grid-template-columns: 1fr 1fr !important; } body:not(.login-bg) .iw-mail-overview-note { grid-column: 1 / -1 !important; } body:not(.login-bg) .iw-mail-action .iw-mail-view-btn span { display: none !important; } }
@media (max-width: 700px) { body:not(.login-bg) .iw-mail-overview { grid-template-columns: 1fr !important; } body:not(.login-bg) .iw-mail-table thead { display: none !important; } body:not(.login-bg) .iw-mail-table,
body:not(.login-bg) .iw-mail-table tbody,
body:not(.login-bg) .iw-mail-table tr,
body:not(.login-bg) .iw-mail-table td { display: block !important; width: 100% !important; } body:not(.login-bg) .iw-mail-row { padding: 12px !important; border-top: 1px solid #ecf0e4 !important; } body:not(.login-bg) .iw-mail-table tbody td { padding: 6px 0 !important; border: 0 !important; } body:not(.login-bg) .iw-mail-action { text-align: left !important; } body:not(.login-bg) .iw-mail-view-btn { width: 100% !important; } body:not(.login-bg) .iw-mail-action .iw-mail-view-btn span { display: inline !important; } }

/* IW 2026-05-24 - Interactive Spotlight Tour */
body.iw-tour-lock {
  overflow: hidden !important;
}

body:not(.login-bg) .iw-tour-picker {
  position: fixed;
  inset: 0;
  z-index: 11790;
  display: none;
}
body:not(.login-bg) .iw-tour-picker.show {
  display: block;
}
body:not(.login-bg) .iw-tour-picker-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(25,28,23, .62);
}
body:not(.login-bg) .iw-tour-picker-dialog {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(760px, calc(100vw - 24px));
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcf9 100%);
  border: 1px solid #ebf0df;
  box-shadow: 0 28px 66px rgba(25,28,23, .30);
  padding: 24px 24px 76px;
}
body:not(.login-bg) .iw-tour-picker-close {
  position: absolute;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  min-width: 130px;
  border-radius: 999px;
  border: 1px solid #e5ecd6;
  background: #ffffff;
  color: #191c17;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}
body:not(.login-bg) .iw-tour-picker-close:hover {
  border-color: #859c58;
  background: #fafcf7;
}
body:not(.login-bg) .iw-tour-picker-close-ico {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body:not(.login-bg) .iw-tour-picker-close-ico svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body:not(.login-bg) .iw-tour-picker-dialog h2 {
  margin: 0 0 8px;
  color: #191c17;
  font-size: 24px;
  font-weight: 950;
  line-height: 1.2;
}
body:not(.login-bg) .iw-tour-picker-dialog p {
  margin: 0 0 18px;
  color: #64695e;
  font-size: 14px;
  line-height: 1.6;
}
body:not(.login-bg) .iw-tour-picker-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
body:not(.login-bg) .iw-tour-flow {
  border: 1px solid #e9efdc;
  background: #ffffff;
  border-radius: 14px;
  padding: 14px;
  min-height: 170px;
  text-align: left;
  cursor: pointer;
  transition: .22s ease;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
body:not(.login-bg) .iw-tour-flow:hover {
  border-color: #343a2e;
  box-shadow: 0 14px 30px rgba(52,58,46, .16);
  transform: translateY(-2px);
}
body:not(.login-bg) .iw-tour-flow-icon {
  width: 58px;
  height: 58px;
  border-radius: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
body:not(.login-bg) .iw-tour-flow-icon svg {
  width: 34px;
  height: 34px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body:not(.login-bg) .iw-tour-flow-icon.icon-welcome {
  background: #f6f8f0;
  color: #343a2e;
}
body:not(.login-bg) .iw-tour-flow-icon.icon-billing {
  background: #ecfbf3;
  color: #12885a;
}
body:not(.login-bg) .iw-tour-flow-icon.icon-support {
  background: #fff5e7;
  color: #be6e11;
}
body:not(.login-bg) .iw-tour-flow strong {
  display: block;
  margin-bottom: 5px;
  color: #191c17;
  font-size: 16px;
  font-weight: 900;
}
body:not(.login-bg) .iw-tour-flow .iw-tour-flow-desc {
  display: block;
  color: #64695e;
  font-size: 13px;
  line-height: 1.5;
}
body:not(.login-bg) .iw-tour-picker-actions {
  margin-top: 14px;
  display: flex;
  justify-content: center;
}
body:not(.login-bg) .iw-tour-picker-muted {
  border: 1px solid #e7eed8;
  border-radius: 999px;
  background: #fcfdf9;
  color: #64695e;
  min-height: 34px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}

body:not(.login-bg) .iw-tour-overlay {
  position: fixed;
  inset: 0;
  z-index: 11800;
  display: none;
}
body:not(.login-bg) .iw-tour-overlay.show {
  display: block;
}
body:not(.login-bg) .iw-tour-dim {
  position: absolute;
  inset: 0;
  background: rgba(25,28,23, .62);
}
body:not(.login-bg) .iw-tour-spotlight {
  position: fixed;
  border-radius: 12px;
  border: 2px solid rgba(183,229,50, .95);
  box-shadow: 0 0 0 9999px rgba(25,28,23, .62), 0 0 0 1px rgba(52,58,46,.45), 0 16px 44px rgba(0,0,0,.32);
  transition: all .32s cubic-bezier(.4, 0, .2, 1);
  pointer-events: none;
}
body:not(.login-bg) .iw-tour-tooltip {
  position: fixed;
  width: min(300px, calc(100vw - 20px));
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid #e9efdc;
  box-shadow: 0 18px 44px rgba(25,28,23, .34);
  padding: 14px;
}
body:not(.login-bg) .iw-tour-step {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 1px 9px;
  border-radius: 999px;
  background: linear-gradient(135deg,#343a2e,#343a2e);
  color: #ffffff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1px;
  margin-bottom: 8px;
}
body:not(.login-bg) .iw-tour-tooltip h4 {
  margin: 0 0 6px;
  color: #191c17;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.3;
}
body:not(.login-bg) .iw-tour-tooltip p {
  margin: 0 0 11px;
  color: #64695e;
  font-size: 13px;
  line-height: 1.55;
}
body:not(.login-bg) .iw-tour-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
body:not(.login-bg) .iw-tour-dots {
  display: flex;
  align-items: center;
  gap: 4px;
}
body:not(.login-bg) .iw-tour-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #dee4d0;
}
body:not(.login-bg) .iw-tour-dot.active {
  background: #343a2e;
}
body:not(.login-bg) .iw-tour-buttons {
  display: flex;
  align-items: center;
  gap: 6px;
}
body:not(.login-bg) .iw-tour-btn {
  border: 0;
  border-radius: 8px;
  min-height: 30px;
  padding: 5px 11px;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}
body:not(.login-bg) .iw-tour-btn.muted {
  background: #f4f7ee;
  color: #64695e;
}
body:not(.login-bg) .iw-tour-btn.primary {
  background: #343a2e;
  color: #ffffff;
}
body:not(.login-bg) .iw-tour-btn.done {
  background: #191c17;
  color: #ffffff;
}
body:not(.login-bg) .iw-tour-skip {
  position: fixed;
  top: 14px;
  right: 16px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 9px;
  background: rgba(255,255,255,.12);
  color: #ffffff;
  min-height: 32px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}

@media (max-width: 900px) {
  body:not(.login-bg) .iw-tour-picker-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 700px) {
  body:not(.login-bg) .iw-tour-picker-dialog {
    padding: 16px 16px 72px;
    border-radius: 16px;
  }
  body:not(.login-bg) .iw-tour-flow {
    min-height: 0;
  }
  body:not(.login-bg) .iw-tour-flow-icon {
    width: 52px;
    height: 52px;
    border-radius: 13px;
    margin-bottom: 10px;
  }
  body:not(.login-bg) .iw-tour-flow-icon svg {
    width: 30px;
    height: 30px;
  }
  body:not(.login-bg) .iw-tour-picker-close {
    bottom: 10px;
    min-width: 120px;
  }
  body:not(.login-bg) .iw-tour-tooltip {
    width: min(92vw, 320px);
    padding: 12px;
  }
  body:not(.login-bg) .iw-tour-skip {
    top: 8px;
    right: 8px;
  }
}


/* IW 2026-05-24 - hard lock single-line actions + aggressive truncation */
.theme-client-service-page.iw-services-v2 .iw-services-v2-table {
  min-width: 1120px !important;
  table-layout: fixed !important;
}
.theme-client-service-page.iw-services-v2 .iw-services-col-actions {
  width: 452px !important;
}
.theme-client-service-page.iw-services-v2 .iw-service-actions-td {
  min-width: 452px !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
  overflow: hidden !important;
}
.theme-client-service-page.iw-services-v2 .iw-service-list-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 4px !important;
  width: 100% !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.theme-client-service-page.iw-services-v2 .iw-service-list-actions .iw-svc-btn,
.theme-client-service-page.iw-services-v2 .iw-service-list-actions .iw-svc-access-note {
  flex: 0 0 auto !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 6px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.theme-client-service-page.iw-services-v2 .iw-svc-btn-cpanel { width: 70px !important; }
.theme-client-service-page.iw-services-v2 .iw-svc-btn-whm { width: 56px !important; }
.theme-client-service-page.iw-services-v2 .iw-svc-btn-webmail { width: 74px !important; }
.theme-client-service-page.iw-services-v2 .iw-svc-btn-admin { width: 86px !important; }
.theme-client-service-page.iw-services-v2 .iw-svc-btn-credentials { width: 80px !important; }
.theme-client-service-page.iw-services-v2 .iw-svc-access-note { width: 74px !important; }
.theme-client-service-page.iw-services-v2 td.iw-col-service {
  min-width: 0 !important;
  overflow: hidden !important;
}
.theme-client-service-page.iw-services-v2 .iw-service-title-block {
  min-width: 0 !important;
  max-width: 100% !important;
}
.theme-client-service-page.iw-services-v2 .iw-service-title-block a,
.theme-client-service-page.iw-services-v2 .iw-service-title-block .nodomain-product-name,
.theme-client-service-page.iw-services-v2 .iw-service-title-block .domain-product-name {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* IW: ajustes modal accesos solicitados - 2026-05-24 */
body:not(.login-bg) .iw-access-modal.is-open {
  align-items: flex-start !important;
  padding-top: 20px !important;
}
body:not(.login-bg) .iw-access-modal__dialog {
  transform: translateY(-8px) !important;
}
body:not(.login-bg) .iw-access-redesign__section--links {
  align-self: start !important;
  margin-top: -3px !important;
}
body:not(.login-bg) .iw-access-redesign__links {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body:not(.login-bg) .iw-access-redesign__link-row--password {
  background: #fff7ed !important;
  border-color: rgba(249,115,22, .38) !important;
}
body:not(.login-bg) .iw-access-redesign__link-row--password > i,
body:not(.login-bg) .iw-access-redesign__link-row--password span {
  color: #b45309 !important;
}
@media (max-width: 760px) {
  body:not(.login-bg) .iw-access-modal.is-open {
    padding-top: 10px !important;
  }
  body:not(.login-bg) .iw-access-modal__dialog {
    transform: none !important;
  }
  body:not(.login-bg) .iw-access-redesign__links {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 460px) {
  body:not(.login-bg) .iw-access-redesign__links {
    grid-template-columns: 1fr !important;
  }
}

/* IW 2026-05-24: accesos rapidos + cambio clave inline */
body:not(.login-bg) .iw-access-redesign__links{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body:not(.login-bg) .iw-access-redesign__link-row{
  direction: ltr !important;
  justify-content: flex-start !important;
  text-align: left !important;
  padding: 8px 12px !important;
  gap: 9px !important;
}
body:not(.login-bg) .iw-access-redesign__link-row > i{
  margin: 0 !important;
  flex: 0 0 auto !important;
}

body:not(.login-bg) .iw-access-redesign__passwd-form{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #dde7c8;
}
body:not(.login-bg) .iw-access-redesign__passwd-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
body:not(.login-bg) .iw-access-redesign__passwd-grid input{
  min-height: 34px;
  border: 1px solid #e8eeda;
  border-radius: 8px;
  background: #fff;
  color: #191c17;
  font-size: 12px;
  padding: 6px 9px;
}
body:not(.login-bg) .iw-access-redesign__passwd-submit{
  margin-top: 8px;
  width: 100%;
  min-height: 34px;
  border: 1px solid #343a2e;
  border-radius: 8px;
  background: #343a2e;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 11.5px;
  font-weight: 800;
}
@media (max-width: 760px){
  body:not(.login-bg) .iw-access-redesign__passwd-grid{
    grid-template-columns: 1fr;
  }
  body:not(.login-bg) .iw-access-redesign__links{
    grid-template-columns: 1fr !important;
  }
}

/* IW 2026-05-26: mobile reset simple, limpio y liviano */
@media (max-width: 768px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  body:not(.login-bg) {
    background: #f8faf5 !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
  }

  body:not(.login-bg) *,
  body:not(.login-bg) *::before,
  body:not(.login-bg) *::after {
    animation: none !important;
    transition: none !important;
    filter: none !important;
    text-shadow: none !important;
  }

  #content,
  #content.active,
  #content.no-navbar,
  #main-body,
  .main-content,
  .default-whmcs-client-area,
  .container,
  .container-fluid {
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  nav.navbar.clientx,
  nav.navbar.wgsheaderfromaddon {
    box-shadow: none !important;
    border-bottom: 1px solid #e9ece4 !important;
  }

  #iw-domain-hero,
  .iw-dh2,
  .iw-tour-picker,
  .iw-tour-overlay {
    display: none !important;
  }

  .iw-page-header,
  .iw-home-header {
    padding: 14px !important;
    margin-bottom: 12px !important;
    border: 1px solid #e9ece4 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    background: #ffffff !important;
  }

  .iw-page-title {
    font-size: 20px !important;
    line-height: 1.25 !important;
  }

  .iw-page-subtitle {
    font-size: 13px !important;
    margin-top: 4px !important;
  }

  .iw-page-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }

  .btn,
  a.btn,
  button,
  .iw-btn-primary,
  .iw-btn-secondary,
  .iw-home-card-btn {
    width: 100% !important;
    min-height: 42px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    justify-content: center !important;
  }

  .row > [class*="col-"],
  .col,
  .col-md,
  .col-sm,
  .col-lg {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .iw-stat-grid,
  .iw-home-grid,
  .iw-tiles,
  .iw-access-redesign__links,
  .iw-access-redesign__passwd-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .iw-stat-card,
  .iw-home-card,
  .iw-service-card,
  .iw-tile,
  .iw-panel-card,
  .iw-kb-aside-card,
  .iw-kb-cat-card,
  .card,
  .panel,
  .box {
    border: 1px solid #e9ece4 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    background: #ffffff !important;
  }

  .iw-stat-topline,
  .iw-tile::before,
  .iw-tile::after,
  .iw-home-card-icon,
  .iw-stat-icon {
    display: none !important;
  }

  .iw-home-card-head,
  .iw-home-card-body,
  .iw-home-card-footer,
  .iw-stat-footer {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .table,
  .iw-services-table {
    width: 100% !important;
    font-size: 13px !important;
  }

  .table thead,
  .iw-services-table thead {
    display: none !important;
  }

  .table,
  .table tbody,
  .table tr,
  .table td,
  .iw-services-table,
  .iw-services-table tbody,
  .iw-services-table tr,
  .iw-services-table td {
    display: block !important;
    width: 100% !important;
  }

  .table tr,
  .iw-services-table tr {
    margin-bottom: 8px !important;
    border: 1px solid #e9ece4 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    padding: 8px !important;
  }

  .table td,
  .iw-services-table td {
    border: 0 !important;
    padding: 6px 4px !important;
  }

  .modal-dialog,
  .iw-access-modal__dialog {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin: 10px auto !important;
    border-radius: 12px !important;
  }

  .iw-access-modal__body {
    padding: 12px !important;
  }

  .iw-access-redesign__link-row,
  .iw-access-redesign__passwd-submit {
    min-height: 40px !important;
  }
}

/* IW 2026-05-27 - note style when panel access is unavailable */
.iw-home-panel-actions .iw-home-panel-btn-note,
body:not(.login-bg) .iw-home-panel-actions .iw-home-panel-btn-note {
  background: #64695e !important;
}

/* IW 2026-05-27 - muted access button when no panel actions are available */
.iw-access-links .iw-svc-btn-muted,
body:not(.login-bg) .iw-access-links .iw-svc-btn-muted {
  background: #64695e !important;
  color: #ffffff !important;
  cursor: default !important;
  text-decoration: none !important;
}

/* IW 2026-05-29 - compact headers across services, domains and invoices */
body:not(.login-bg) .iw-page-header,
body:not(.login-bg) .iw-page-header:not(.iw-product-detail-header),
body:not(.login-bg) .iw-product-detail-header,
body:not(.login-bg) .theme-client-service-detail-page .iw-product-detail-header {
  min-height: 0 !important;
  margin: 0 0 10px !important;
  padding: 10px 14px !important;
  gap: 10px !important;
  border-radius: 12px !important;
}

body:not(.login-bg) .iw-page-header:not(.iw-product-detail-header)::before {
  width: 48px !important;
  height: 48px !important;
  right: 14px !important;
  border-radius: 12px !important;
  opacity: .75 !important;
  box-shadow: 0 8px 18px rgba(52,58,46, .17) !important;
}

body:not(.login-bg) .iw-page-header:not(.iw-product-detail-header)::after {
  width: 24px !important;
  height: 14px !important;
  right: 26px !important;
  top: calc(50% - 7px) !important;
  border-width: 1px !important;
  box-shadow:
    0 -8px 0 -6px rgba(255,255,255,.78),
    0 8px 0 -6px rgba(255,255,255,.78) !important;
}

body:not(.login-bg) .iw-page-header .iw-breadcrumb,
body:not(.login-bg) .iw-product-detail-header .iw-breadcrumb {
  margin: 0 0 4px !important;
  gap: 5px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}

body:not(.login-bg) .iw-page-header .iw-page-title,
body:not(.login-bg) .iw-product-detail-header .iw-page-title {
  margin: 0 !important;
  font-size: clamp(18px, 2.1vw, 21px) !important;
  line-height: 1.15 !important;
}

body:not(.login-bg) .iw-page-header .iw-page-title-group,
body:not(.login-bg) .iw-product-detail-header .iw-page-title-group {
  font-size: 12px !important;
}

body:not(.login-bg) .iw-page-header .iw-page-subtitle,
body:not(.login-bg) .iw-product-detail-header .iw-page-subtitle {
  margin: 4px 0 0 !important;
  max-width: 72ch !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

body:not(.login-bg) .iw-page-header .iw-page-actions,
body:not(.login-bg) .iw-product-detail-header .iw-page-actions {
  margin: 0 !important;
  gap: 6px !important;
  padding-right: 0 !important;
}

body:not(.login-bg) .iw-page-header .iw-btn-secondary,
body:not(.login-bg) .iw-product-detail-header .iw-btn-secondary {
  min-height: 30px !important;
  gap: 6px !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
}

body:not(.login-bg) .iw-page-header .iw-status-badge,
body:not(.login-bg) .iw-product-detail-header .iw-status-badge {
  min-width: 72px !important;
  min-height: 28px !important;
  padding: 5px 10px !important;
  font-size: 10.5px !important;
}

body:not(.login-bg) .iw-domains-header .iw-page-subtitle,
body:not(.login-bg) .iw-invoices-header .iw-page-subtitle,
body:not(.login-bg) .iw-inv-header .iw-page-subtitle {
  max-width: 62ch !important;
}

@media (max-width: 900px) {
  body:not(.login-bg) .iw-page-header,
  body:not(.login-bg) .iw-product-detail-header {
    padding: 9px 11px !important;
    gap: 8px !important;
  }

  body:not(.login-bg) .iw-page-header .iw-page-actions,
  body:not(.login-bg) .iw-product-detail-header .iw-page-actions {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  body:not(.login-bg) .iw-page-header .iw-page-subtitle,
  body:not(.login-bg) .iw-product-detail-header .iw-page-subtitle {
    display: none !important;
  }
}
/* IW 2026-05-29 - home hostings: 4 items + filas completas */
body:not(.login-bg) .iw-services-body {
  overflow-x: auto !important;
}

body:not(.login-bg) .iw-services-table {
  min-width: 1100px !important;
}

body:not(.login-bg) .iw-services-table .iw-svc-actions-cell,
body:not(.login-bg) .iw-services-table td.iw-home-panel-actions-cell {
  min-width: 360px !important;
  text-align: right !important;
}

body:not(.login-bg) .iw-home-panel-actions {
  min-width: 0 !important;
}

body:not(.login-bg) .iw-services-cta-footer {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
}

body:not(.login-bg) .iw-services-all-btn,
body:not(.login-bg) .iw-services-new-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 220px !important;
}

body:not(.login-bg) .iw-services-all-btn {
  padding: 11px 18px !important;
  border: 1px solid #e6edd8 !important;
  border-radius: 10px !important;
  background: #f8faf3 !important;
  color: #343a2e !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body:not(.login-bg) .iw-services-all-btn:hover {
  background: #f2f5ea !important;
  color: #343a2e !important;
  text-decoration: none !important;
}

@media (max-width: 980px) {
  body:not(.login-bg) .iw-services-table {
    min-width: 980px !important;
  }
}

@media (max-width: 760px) {
  body:not(.login-bg) .iw-services-table {
    min-width: 0 !important;
  }

  body:not(.login-bg) .iw-services-all-btn,
  body:not(.login-bg) .iw-services-new-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* IW 2026-05-29 - Compact widgets + spacing in client area */
@media (min-width: 992px) {
  body:not(.login-bg) #content {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  body:not(.login-bg) .iw-stat-grid {
    gap: 18px !important;
    margin: 0 0 24px !important;
  }

  body:not(.login-bg) .iw-home-grid {
    gap: 24px !important;
    margin: 0 0 28px !important;
  }

  body:not(.login-bg) .iw-quick-grid,
  body:not(.login-bg) .iw-tiles {
    gap: 18px !important;
  }

  body:not(.login-bg) .iw-tiles {
    margin-bottom: 30px !important;
  }

  body:not(.login-bg) .iw-stat-card {
    min-height: 164px;
    padding: 18px !important;
  }

  body:not(.login-bg) .iw-home-card-head {
    padding: 16px 18px 12px !important;
  }

  body:not(.login-bg) .iw-home-card-body {
    padding: 14px 18px !important;
  }

  body:not(.login-bg) .iw-home-card-footer {
    padding: 12px 18px !important;
  }

  body:not(.login-bg) .iw-panel-card,
  body:not(.login-bg) .iw-service-card,
  body:not(.login-bg) .iw-kb-aside-card,
  body:not(.login-bg) .iw-kb-cat-card {
    margin-bottom: 18px !important;
  }
}
/* IW 2026-05-29 - home services exact structure as products list */
body:not(.login-bg) .iw-services-table .service-box {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 300px !important;
}

body:not(.login-bg) .iw-services-table .service-icon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 9px !important;
  display: grid !important;
  place-items: center !important;
  background: #f8faf4 !important;
  color: #343a2e !important;
  border: 1px solid #eff4e5 !important;
  box-shadow: none !important;
  font-size: 15px !important;
  flex: none !important;
}

body:not(.login-bg) .iw-services-table .service-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
  width: 100% !important;
  text-align: left !important;
}

body:not(.login-bg) .iw-services-table .service-line {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  width: 100% !important;
  flex-wrap: wrap !important;
  text-align: left !important;
}

body:not(.login-bg) .iw-services-table .service-line-domain {
  order: 1 !important;
  color: #191c17 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not(.login-bg) .iw-services-table .service-line-dot {
  display: none !important;
}

body:not(.login-bg) .iw-services-table .service-line-product {
  order: 2 !important;
  flex: 0 0 100% !important;
  color: #64695e !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not(.login-bg) .iw-services-table .service-line-id {
  display: none !important;
}

body:not(.login-bg) .iw-services-table .iw-service-inline-info,
body:not(.login-bg) .iw-services-table .iw-svc-inline-line,
body:not(.login-bg) .iw-services-table .iw-svc-inline-domain,
body:not(.login-bg) .iw-services-table .iw-svc-inline-dot,
body:not(.login-bg) .iw-services-table .iw-svc-inline-name {
  display: none !important;
}


/* IW 2026-05-29 - home services actions copied from services page */
body:not(.login-bg) #iw-tour-services-card .iw-services-table .iw-col-actions,
body:not(.login-bg) #iw-tour-services-card .iw-services-table .iw-svc-actions-cell,
body:not(.login-bg) #iw-tour-services-card .iw-services-table td.iw-home-panel-actions-cell {
  min-width: 360px !important;
  text-align: right !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-table .actions-box {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 3px !important;
  flex-wrap: nowrap !important;
  min-width: 0 !important;
  width: 100% !important;
  margin-left: auto !important;
  white-space: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding-bottom: 1px !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-table .action-btn {
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  height: 28px !important;
  padding: 0 8px !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 12px rgba(25,28,23, .14) !important;
  text-decoration: none !important;
  transition: transform .12s ease, filter .12s ease !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-table .action-btn i {
  font-size: 9px !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-table .btn-cpanel,
body:not(.login-bg) #iw-tour-services-card .iw-services-table .btn-whm {
  background: linear-gradient(135deg, #fca54a 0%, #f97316 45%, #d55307 100%) !important;
  border-color: #e86b0f !important;
  color: #ffffff !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-table .btn-webmail {
  background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%) !important;
  border-color: #6d28d9 !important;
  color: #ffffff !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-table .btn-admin {
  background: linear-gradient(135deg, #64695e 0%, #64695e 100%) !important;
  border-color: #64695e !important;
  color: #ffffff !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-table .btn-access {
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 100%) !important;
  border-color: #343a2e !important;
  color: #ffffff !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-table .action-btn:hover {
  filter: brightness(1.04) saturate(1.02) !important;
  transform: none !important;
  box-shadow: 0 5px 14px rgba(25,28,23, .18) !important;
}

/* IW 2026-05-29 - CTA servicios en 1 fila (2 columnas fijas) */
body:not(.login-bg) #iw-tour-services-card .iw-services-cta-footer {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: stretch !important;
  justify-content: stretch !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-all-btn,
body:not(.login-bg) #iw-tour-services-card .iw-services-new-btn {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

@media (max-width: 760px) {
  body:not(.login-bg) #iw-tour-services-card .iw-services-cta-footer {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:not(.login-bg) #iw-tour-services-card .iw-services-all-btn,
  body:not(.login-bg) #iw-tour-services-card .iw-services-new-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* IW 2026-05-29 - CTA servicios adaptados a paleta del tema */
body:not(.login-bg) #iw-tour-services-card .iw-services-all-btn {
  border: 1px solid rgba(52,58,46, .30) !important;
  background: linear-gradient(135deg, var(--iw-primary-light, #f5f8ee) 0%, #edf2e2 100%) !important;
  color: var(--iw-primary-dark, #343a2e) !important;
  box-shadow: 0 8px 18px rgba(52,58,46, .10) !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-all-btn:hover {
  background: linear-gradient(135deg, #ecf1e1 0%, #e4ebd4 100%) !important;
  color: var(--iw-primary, #343a2e) !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-new-btn {
  border: 1px solid rgba(52,58,46, .22) !important;
  background: linear-gradient(135deg, var(--iw-primary, #343a2e) 0%, var(--iw-primary-dark, #343a2e) 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(52,58,46, .22) !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-new-btn:hover {
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 100%) !important;
  color: #ffffff !important;
}

/* IW 2026-05-29 - home hosting alignment fix: exact services columns */
body:not(.login-bg) #iw-tour-services-card .iw-services-table .iw-col-service { width: 30% !important; }
body:not(.login-bg) #iw-tour-services-card .iw-services-table .iw-col-price { width: 0% !important; }
body:not(.login-bg) #iw-tour-services-card .iw-services-table .iw-col-date { width: 0% !important; }
body:not(.login-bg) #iw-tour-services-card .iw-services-table .iw-col-status { width: 0% !important; }
body:not(.login-bg) #iw-tour-services-card .iw-services-table .iw-col-actions { width: 52% !important; text-align: right !important; }

body:not(.login-bg) #iw-tour-services-card .iw-services-table .price-main {
  font-size: 12px !important;
  font-weight: 900 !important;
  color: #191c17 !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-table .date-main {
  font-size: 12px !important;
  font-weight: 900 !important;
  color: #191c17 !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-table .status-active {
  display: inline-flex !important;
  min-width: 80px !important;
  justify-content: center !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: #d8fbe4 !important;
  color: #057a43 !important;
  border: 1px solid #acefc5 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-table .status-active.status-completed {
  background: #f2f5ea !important;
  color: #343a2e !important;
  border-color: #e3ebd1 !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-table .status-active.status-pending {
  background: #fff6d8 !important;
  color: #946200 !important;
  border-color: #f2df9c !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-table .status-active.status-suspended {
  background: #ffe8da !important;
  color: #a34716 !important;
  border-color: #f4c7aa !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-table .status-active.status-terminated,
body:not(.login-bg) #iw-tour-services-card .iw-services-table .status-active.status-cancelled,
body:not(.login-bg) #iw-tour-services-card .iw-services-table .status-active.status-fraud {
  background: #f1f4ec !important;
  color: #64695e !important;
  border-color: #e0e6d3 !important;
}
/* IW 2026-06-03 - dashboard breathing polish, dense version */
body:not(.login-bg) #iw-domain-hero.iw-dh2 {
  min-height: inherit !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  align-items: center !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(52,58,46, .16), transparent 25%),
    linear-gradient(135deg, #191c17 0%, #191c17 58%, #343a2e 100%) !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-content { gap: 8px !important; }
body:not(.login-bg) #iw-domain-hero .iw-dh2-title { margin-bottom: 3px !important; }
body:not(.login-bg) #iw-domain-hero .iw-dh2-form { margin-top: 8px !important; }
body:not(.login-bg) #iw-domain-hero .iw-dh2-badge,
body:not(.login-bg) #iw-domain-hero .iw-dh2-chip,
body:not(.login-bg) #iw-domain-hero .iw-dh2-trust-item { opacity: .88 !important; }

body:not(.login-bg) .iw-page-header.iw-home-header {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  margin-bottom: 16px !important;
  align-items: center !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(52,58,46, .16), transparent 25%),
    linear-gradient(135deg, #191c17 0%, #191c17 58%, #343a2e 100%) !important;
}

body:not(.login-bg) .iw-page-header.iw-home-header .iw-page-title { line-height: 1.18 !important; }
body:not(.login-bg) .iw-page-header.iw-home-header .iw-page-subtitle { margin-top: 6px !important; }
body:not(.login-bg) .iw-page-header.iw-home-header .iw-page-actions {
  align-items: center !important;
  gap: 8px !important;
}

body:not(.login-bg) .iw-page-header.iw-home-header .iw-btn-primary,
body:not(.login-bg) .iw-page-header.iw-home-header .iw-btn-secondary {
  min-height: 34px !important;
  padding: 7px 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  transition: background-color .14s ease, border-color .14s ease, transform .14s ease !important;
}

body:not(.login-bg) .iw-page-header.iw-home-header .iw-btn-primary:hover,
body:not(.login-bg) .iw-page-header.iw-home-header .iw-btn-secondary:hover { transform: translateY(-1px) !important; }

body:not(.login-bg) .iw-stat-grid {
  gap: 16px !important;
  margin-bottom: 16px !important;
}

body:not(.login-bg) .iw-stat-card { padding: 19px !important; }
body:not(.login-bg) .iw-stat-row { gap: 14px !important; }
body:not(.login-bg) .iw-stat-meta { gap: 5px !important; }
body:not(.login-bg) .iw-stat-desc {
  margin-top: 10px !important;
  margin-bottom: 12px !important;
}

body:not(.login-bg) .iw-home-card,
body:not(.login-bg) .iw-panel-card,
body:not(.login-bg) .data-table-main-container,
body:not(.login-bg) .table-container { margin-bottom: 16px !important; }

body:not(.login-bg) #iw-tour-services-card { margin-bottom: 16px !important; }
body:not(.login-bg) .iw-home-grid {
  gap: 18px !important;
  margin-bottom: 18px !important;
}

body:not(.login-bg) .iw-home-card-head {
  align-items: center !important;
  padding-top: 17px !important;
  padding-bottom: 13px !important;
}

body:not(.login-bg) .iw-home-card-title {
  align-items: center !important;
  gap: 12px !important;
}

body:not(.login-bg) .iw-home-card-title h3 { line-height: 1.25 !important; }
body:not(.login-bg) .iw-home-card-body {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}
body:not(.login-bg) .iw-home-card-footer {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

body:not(.login-bg) .iw-services-table thead th,
body:not(.login-bg) .table thead th,
body:not(.login-bg) table.dataTable thead th {
  vertical-align: middle !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

body:not(.login-bg) .iw-services-table tbody td,
body:not(.login-bg) .table tbody td,
body:not(.login-bg) table.dataTable tbody td {
  vertical-align: middle !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-table .service-box { gap: 12px !important; }
body:not(.login-bg) #iw-tour-services-card .iw-services-table .service-info,
body:not(.login-bg) .iw-services-table .service-info { gap: 4px !important; }

body:not(.login-bg) .iw-ticket-row {
  min-height: 42px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  align-items: center !important;
}

body:not(.login-bg) .iw-home-card-btn,
body:not(.login-bg) .iw-services-all-btn,
body:not(.login-bg) .iw-services-new-btn,
body:not(.login-bg) .iw-domain-mini-btn {
  min-height: 38px !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color .14s ease, border-color .14s ease, transform .14s ease, filter .14s ease !important;
}

body:not(.login-bg) .iw-home-card-btn:hover,
body:not(.login-bg) .iw-services-all-btn:hover,
body:not(.login-bg) .iw-services-new-btn:hover,
body:not(.login-bg) .iw-domain-mini-btn:hover { transform: translateY(-1px) !important; }

body:not(.login-bg) nav#sidebar .iw-nav-body { padding-top: 10px !important; }
body:not(.login-bg) nav#sidebar .iw-nav-list { gap: 4px !important; }
body:not(.login-bg) nav#sidebar .iw-nav-item { margin-bottom: 3px !important; }
body:not(.login-bg) nav#sidebar .iw-has-sub { margin-bottom: 7px !important; }
body:not(.login-bg) nav#sidebar .iw-nav-link,
body:not(.login-bg) nav#sidebar .iw-sub-link { transition: background-color .14s ease, color .14s ease, border-color .14s ease !important; }
body:not(.login-bg) nav#sidebar .iw-sub-list { margin-top: 5px !important; }

@media (max-width: 760px) {
  body:not(.login-bg) .iw-page-header.iw-home-header {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  body:not(.login-bg) .iw-stat-card { padding: 15px !important; }
  body:not(.login-bg) .iw-home-card-body {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
}

/* IW 2026-06-06 - active products formal polish */
body:not(.login-bg) #iw-tour-services-card .iw-services-table .service-line-domain,
body:not(.login-bg) #tableServicesList.services-table .service-line-domain,
body:not(.login-bg) .theme-client-service-page.iw-services-v2 .iw-service-title-block .domain-product-name,
body:not(.login-bg) .theme-client-service-page.iw-services-v2 .iw-service-title-block a {
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  color: #191c17 !important;
  letter-spacing: 0 !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-table .service-line-product,
body:not(.login-bg) #tableServicesList.services-table .service-line-product,
body:not(.login-bg) .theme-client-service-page.iw-services-v2 .iw-service-title-block .nodomain-product-name {
  font-size: 10.5px !important;
  line-height: 1.25 !important;
  color: #64695e !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-table .iw-col-price,
body:not(.login-bg) #iw-tour-services-card .iw-services-table .iw-col-date,
body:not(.login-bg) #iw-tour-services-card .iw-services-table .iw-col-status,
body:not(.login-bg) #tableServicesList.services-table .iw-col-price,
body:not(.login-bg) #tableServicesList.services-table .iw-col-date,
body:not(.login-bg) #tableServicesList.services-table .iw-col-status,
body:not(.login-bg) .theme-client-service-page .iw-col-price,
body:not(.login-bg) .theme-client-service-page .iw-col-date,
body:not(.login-bg) .theme-client-service-page .iw-col-status {
  padding-left: 14px !important;
  padding-right: 14px !important;
  white-space: nowrap !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-table .price-main,
body:not(.login-bg) #tableServicesList.services-table .price-main,
body:not(.login-bg) .theme-client-service-page .iw-services-v2-price strong,
body:not(.login-bg) .theme-client-service-page .price-main {
  display: inline-block !important;
  min-width: 64px !important;
  font-size: 12.5px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  color: #191c17 !important;
  text-align: center !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-table .date-main,
body:not(.login-bg) #tableServicesList.services-table .date-main,
body:not(.login-bg) .theme-client-service-page .iw-services-v2-date,
body:not(.login-bg) .theme-client-service-page .date-main {
  display: inline-block !important;
  min-width: 84px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
  color: #191c17 !important;
  text-align: center !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-table .status-active,
body:not(.login-bg) #tableServicesList.services-table .status-active,
body:not(.login-bg) .theme-client-service-page .iw-services-v2-status .status,
body:not(.login-bg) .theme-client-service-page .label.status {
  border-radius: 6px !important;
  min-width: 78px !important;
  min-height: 26px !important;
  padding: 5px 9px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-table .action-btn,
body:not(.login-bg) #tableServicesList.services-table .action-btn,
body:not(.login-bg) .theme-client-service-page .iw-svc-btn,
body:not(.login-bg) .theme-client-service-page .iw-service-list-actions .iw-svc-btn,
body:not(.login-bg) .theme-client-service-page .iw-svc-access-note,
body:not(.login-bg) .theme-client-service-page .iw-service-list-actions .iw-svc-access-note {
  border-radius: 5px !important;
  box-shadow: none !important;
  font-weight: 800 !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-table .btn-cpanel,
body:not(.login-bg) #iw-tour-services-card .iw-services-table .btn-whm,
body:not(.login-bg) #tableServicesList.services-table .btn-cpanel,
body:not(.login-bg) #tableServicesList.services-table .btn-whm,
body:not(.login-bg) .theme-client-service-page .iw-svc-btn-cpanel,
body:not(.login-bg) .theme-client-service-page .iw-svc-btn-whm {
  background: #f97316 !important;
  border-color: #ea580c !important;
  color: #ffffff !important;
}
/* IW 2026-06-06 - active products column spacing */
body:not(.login-bg) #iw-tour-services-card .iw-services-table .iw-col-service { width: 30% !important; }
body:not(.login-bg) #iw-tour-services-card .iw-services-table .iw-col-price { width: 8% !important; }
body:not(.login-bg) #iw-tour-services-card .iw-services-table .iw-col-date { width: 11% !important; }
body:not(.login-bg) #iw-tour-services-card .iw-services-table .iw-col-status { width: 9% !important; }
body:not(.login-bg) #iw-tour-services-card .iw-services-table .iw-col-actions { width: 42% !important; }

body:not(.login-bg) #tableServicesList.services-table .iw-col-service,
body:not(.login-bg) .theme-client-service-page .iw-services-col-service { width: 28% !important; }
body:not(.login-bg) #tableServicesList.services-table .iw-col-price,
body:not(.login-bg) .theme-client-service-page .iw-services-col-price { width: 9% !important; }
body:not(.login-bg) #tableServicesList.services-table .iw-col-date,
body:not(.login-bg) .theme-client-service-page .iw-services-col-date { width: 11% !important; }
body:not(.login-bg) #tableServicesList.services-table .iw-col-status,
body:not(.login-bg) .theme-client-service-page .iw-services-col-status { width: 9% !important; }
body:not(.login-bg) #tableServicesList.services-table .iw-col-actions,
body:not(.login-bg) .theme-client-service-page .iw-services-col-actions { width: 43% !important; }
/* IW 2026-06-06 - invoice payment status colors */
body:not(.login-bg) .theme-client-invoices-page .label.status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 88px !important;
  min-height: 26px !important;
  padding: 5px 10px !important;
  border: 1px solid #e0e6d3 !important;
  border-radius: 6px !important;
  background: #f1f4ec !important;
  color: #64695e !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

body:not(.login-bg) .theme-client-invoices-page .label.status.status-paid {
  border-color: #acefc5 !important;
  background: #d8fbe4 !important;
  color: #057a43 !important;
}

body:not(.login-bg) .theme-client-invoices-page .label.status.status-unpaid {
  border-color: #f2df9c !important;
  background: #fff6d8 !important;
  color: #946200 !important;
}

body:not(.login-bg) .theme-client-invoices-page .label.status.status-overdue,
body:not(.login-bg) .theme-client-invoices-page .label.status.status-collections {
  border-color: #f3b8bc !important;
  background: #ffe5e7 !important;
  color: #b6202a !important;
}

body:not(.login-bg) .theme-client-invoices-page .label.status.status-payment-pending,
body:not(.login-bg) .theme-client-invoices-page .label.status.status-pending {
  border-color: #e3ebd1 !important;
  background: #f2f5ea !important;
  color: #343a2e !important;
}

body:not(.login-bg) .theme-client-invoices-page .label.status.status-refunded {
  border-color: #dee7ca !important;
  background: #f5f8ee !important;
  color: #343a2e !important;
}

body:not(.login-bg) .theme-client-invoices-page .label.status.status-cancelled,
body:not(.login-bg) .theme-client-invoices-page .label.status.status-draft {
  border-color: #e0e6d3 !important;
  background: #f1f4ec !important;
  color: #64695e !important;
}

/* IW 2026-06-06 - invoices page operational layout */
body:not(.login-bg) .iw-invoices-v2-header .iw-page-actions {display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;justify-content:flex-end!important}
body:not(.login-bg) .iw-invoices-v2-header .iw-page-actions .btn {display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:38px!important;padding:9px 14px!important;border-radius:8px!important;font-size:13px!important;font-weight:800!important;line-height:1.15!important;white-space:nowrap!important}
body:not(.login-bg) .iw-invoices-v2-header .iw-btn-primary {border:1px solid #343a2e!important;background:#343a2e!important;color:#fff!important;box-shadow:0 10px 22px rgba(52,58,46,.18)!important}
body:not(.login-bg) .iw-invoices-v2-header .iw-btn-primary:hover,body:not(.login-bg) .iw-invoices-v2-header .iw-btn-primary:focus {border-color:#343a2e!important;background:#343a2e!important;color:#fff!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 {display:grid!important;gap:14px!important}
body:not(.login-bg) .iw-invoices-summary {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
body:not(.login-bg) .iw-invoice-stat {display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-height:82px!important;padding:16px!important;border:1px solid #eaefdf!important;border-radius:8px!important;background:#fff!important;box-shadow:0 10px 24px rgba(25,28,23,.045)!important}
body:not(.login-bg) .iw-invoice-stat-icon {display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;border-radius:8px!important;background:#f8faf3!important;color:#343a2e!important;font-size:16px!important}
body:not(.login-bg) .iw-invoice-stat-label {min-width:0!important;color:#64695e!important;font-size:12px!important;font-weight:850!important;line-height:1.2!important;text-transform:uppercase!important}
body:not(.login-bg) .iw-invoice-stat strong {color:#191c17!important;font-size:25px!important;font-weight:900!important;line-height:1!important}
body:not(.login-bg) .iw-invoice-stat-unpaid .iw-invoice-stat-icon {background:#fff6d8!important;color:#946200!important}
body:not(.login-bg) .iw-invoice-stat-overdue .iw-invoice-stat-icon {background:#ffe5e7!important;color:#b6202a!important}
body:not(.login-bg) .iw-invoice-stat-paid .iw-invoice-stat-icon {background:#d8fbe4!important;color:#057a43!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoices-toolbar {margin:0!important;padding:14px!important;border:1px solid #eaefdf!important;border-radius:8px!important;background:#fff!important;box-shadow:0 10px 24px rgba(25,28,23,.045)!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-header-top {display:grid!important;grid-template-columns:minmax(150px,.75fr) minmax(130px,.65fr) minmax(180px,.8fr) minmax(240px,1.1fr) auto!important;gap:12px!important;align-items:center!important;margin:0!important;padding:0!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-header-top>li {margin:0!important;min-width:0!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-title-all h3,body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-title-count {margin:0!important;color:#191c17!important;font-size:14px!important;font-weight:900!important;line-height:1.25!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-title-count {display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:7px 10px!important;border:1px solid #eff4e5!important;border-radius:8px!important;background:#f8faf4!important;color:#343a2e!important;font-size:12px!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-sort-dropdown>a,body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-serach-input .input-group {display:flex!important;align-items:center!important;width:100%!important;min-height:38px!important;border:1px solid #eaefdf!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-sort-dropdown>a {gap:6px!important;padding:0 12px!important;color:#64695e!important;cursor:pointer!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .label-title-sort,body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .label-selected-sort {max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;font-weight:800!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .commonTableSearches {min-height:36px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#191c17!important;font-size:13px!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-search-filter-icon {width:38px!important;min-height:36px!important;border:0!important;background:transparent!important;color:#64695e!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-table-button-nav .add-button-common {display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:38px!important;padding:9px 13px!important;border:1px solid #343a2e!important;border-radius:8px!important;background:#343a2e!important;color:#fff!important;font-size:12px!important;font-weight:900!important;line-height:1.15!important;white-space:nowrap!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .invoice-inner-section,body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .data-table-main-container {margin:0!important;border:1px solid #eaefdf!important;border-radius:8px!important;background:#fff!important;box-shadow:0 12px 28px rgba(25,28,23,.05)!important;overflow:hidden!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 #tableInvoicesList {margin:0!important;border-collapse:separate!important;border-spacing:0!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 #tableInvoicesList thead th {padding:13px 14px!important;border-bottom:1px solid #eaefdf!important;background:#fbfcf8!important;color:#64695e!important;font-size:11px!important;font-weight:900!important;line-height:1.2!important;text-transform:uppercase!important;white-space:nowrap!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 #tableInvoicesList tbody tr {cursor:pointer!important;transition:background-color .15s ease,box-shadow .15s ease!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 #tableInvoicesList tbody tr:hover {background:#fcfdfa!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 #tableInvoicesList tbody td {padding:14px!important;border-top:0!important;border-bottom:1px solid #f4f7ed!important;color:#64695e!important;font-size:13px!important;font-weight:650!important;vertical-align:middle!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 #tableInvoicesList tbody tr:last-child td {border-bottom:0!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoice-number {display:flex!important;align-items:center!important;gap:10px!important;color:#191c17!important;font-weight:900!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoice-number-icon {display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:32px!important;height:32px!important;border-radius:8px!important;background:#f8faf3!important;color:#343a2e!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoice-total {color:#191c17!important;font-weight:900!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoice-actions-col {width:142px!important;text-align:right!important;white-space:nowrap!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoice-actions {display:flex!important;justify-content:flex-end!important;gap:8px!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoice-action-primary,body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoice-action-secondary {display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:32px!important;border-radius:8px!important;font-size:12px!important;font-weight:900!important;line-height:1!important;box-shadow:none!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoice-action-primary {gap:6px!important;padding:8px 11px!important;border:1px solid #343a2e!important;background:#343a2e!important;color:#fff!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoice-action-secondary {width:34px!important;padding:0!important;border:1px solid #eaefdf!important;background:#fff!important;color:#64695e!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .dataTables_wrapper .dataTables_paginate,body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .dataTables_wrapper .dataTables_info {padding:12px 14px!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoices-toolbar{overflow:visible!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoices-toolbar-compact{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoices-toolbar-heading{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex:1 1 220px!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoices-toolbar-heading h3{margin:0!important;color:#191c17!important;font-size:15px!important;font-weight:900!important;line-height:1.2!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoices-toolbar-count{display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:7px 10px!important;border:1px solid #eff4e5!important;border-radius:999px!important;background:#f8faf4!important;color:#343a2e!important;font-size:12px!important;font-weight:850!important;line-height:1.2!important;white-space:nowrap!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoices-toolbar-controls{display:flex!important;flex:1 1 520px!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;min-width:0!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoices-toolbar-search{flex:1 1 240px!important;min-width:220px!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoices-toolbar-search .input-group{display:flex!important;align-items:center!important;width:100%!important;min-height:40px!important;border:1px solid #eaefdf!important;border-radius:8px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoices-toolbar-search .commonTableSearches{width:100%!important;min-height:38px!important;padding:0 12px!important;border:0!important;background:transparent!important;box-shadow:none!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoices-toolbar-search .input-group-btn{display:flex!important;align-self:stretch!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoices-toolbar-sort{flex:0 1 220px!important;min-width:190px!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoices-toolbar-sort>a{display:flex!important;align-items:center!important;width:100%!important;min-height:40px!important;padding:0 12px!important;border:1px solid #eaefdf!important;border-radius:8px!important;background:#fff!important;color:#64695e!important;gap:6px!important;box-shadow:none!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoices-toolbar-pay{flex:0 0 auto!important}
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-toolbar-masspay{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:40px!important;padding:9px 13px!important;border:1px solid #343a2e!important;border-radius:8px!important;background:#343a2e!important;color:#fff!important;font-size:12px!important;font-weight:900!important;line-height:1.15!important;white-space:nowrap!important}
@media (max-width:900px){body:not(.login-bg) .iw-invoices-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}body:not(.login-bg) .iw-invoices-v2-header .iw-page-actions{justify-content:flex-start!important}body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .invoice-inner-section,body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .data-table-main-container{overflow-x:auto!important}body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 #tableInvoicesList{min-width:760px!important}body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoices-toolbar-controls{justify-content:flex-start!important}}
@media (max-width:640px){body:not(.login-bg) .iw-invoices-summary{grid-template-columns:1fr!important}body:not(.login-bg) .iw-invoice-stat{min-height:74px!important;padding:14px!important}body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoices-toolbar-compact,body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoices-toolbar-heading,body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoices-toolbar-controls{align-items:flex-start!important;justify-content:flex-start!important}body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoices-toolbar-search,body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoices-toolbar-sort,body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoices-toolbar-sort>a,body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoices-toolbar-pay,body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-toolbar-masspay,body:not(.login-bg) .iw-invoices-v2-header .iw-page-actions .btn{width:100%!important}}


/* IW 2026-06-30 - compact my account dropdown */
body:not(.login-bg) .navbar-nav .dropdown-menu-right,
body:not(.login-bg) .navbar-right .dropdown-menu-right {
  min-width: 0 !important;
}
body:not(.login-bg) .navbar-nav li[data-nav-item="Account"] > .dropdown-menu,
body:not(.login-bg) .navbar-right li[data-nav-item="Account"] > .dropdown-menu,
body:not(.login-bg) .top-nav li[data-nav-item="Account"] > .dropdown-menu,
body:not(.login-bg) li[id*="Primary_Navbar-Account"] > .dropdown-menu,
body:not(.login-bg) li[id*="Secondary_Navbar-Account"] > .dropdown-menu {
  width: 292px !important;
  min-width: 292px !important;
  max-width: 292px !important;
  padding: 10px !important;
  border: 1px solid #e5eadb !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 42px rgba(25,28,23, 0.12) !important;
}
body:not(.login-bg) li[id*="Navbar-Account"] > .dropdown-menu .dropdown-menu-content,
body:not(.login-bg) li[id*="Navbar-Account"] > .dropdown-menu .dropdown-menu-cols,
body:not(.login-bg) li[id*="Navbar-Account"] > .dropdown-menu .dropdown-menu-list,
body:not(.login-bg) li[id*="Navbar-Account"] > .dropdown-menu .dropdown-menu-body,
body:not(.login-bg) li[id*="Navbar-Account"] > .dropdown-menu .dropdown-menu-parent {
  width: 100% !important;
  max-width: 100% !important;
}
body:not(.login-bg) li[id*="Navbar-Account"] > .dropdown-menu .dropdown-header--account,
body:not(.login-bg) li[id*="Navbar-Account"] > .dropdown-menu .dropdown-header.dropdown-header--account {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 6px !important;
  padding: 10px !important;
  border: 1px solid #f0f4e7 !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #fdfefc 0%, #f9fbf5 100%) !important;
}
body:not(.login-bg) li[id*="Navbar-Account"] > .dropdown-menu .dropdown-header-info {
  min-width: 0 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: #64695e !important;
}
body:not(.login-bg) li[id*="Navbar-Account"] > .dropdown-menu .dropdown-header-info strong,
body:not(.login-bg) li[id*="Navbar-Account"] > .dropdown-menu .dropdown-header-info b,
body:not(.login-bg) li[id*="Navbar-Account"] > .dropdown-menu .dropdown-header-info .item-text {
  color: #191c17 !important;
}
body:not(.login-bg) li[id*="Navbar-Account"] > .dropdown-menu .dropdown-menu-item,
body:not(.login-bg) li[id*="Navbar-Account"] > .dropdown-menu li {
  width: 100% !important;
}
body:not(.login-bg) li[id*="Navbar-Account"] > .dropdown-menu .dropdown-menu-item > a,
body:not(.login-bg) li[id*="Navbar-Account"] > .dropdown-menu li > a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 40px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}
body:not(.login-bg) li[id*="Navbar-Account"] > .dropdown-menu .dropdown-menu-item > a i,
body:not(.login-bg) li[id*="Navbar-Account"] > .dropdown-menu li > a i {
  width: 16px !important;
  text-align: center !important;
  flex: 0 0 16px !important;
}
body:not(.login-bg) .iw-account-avatar-fallback {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 100%) !important;
  border: 2px solid #eff4e5 !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.16) !important;
}
body:not(.login-bg) .iw-account-avatar-fallback span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}
body:not(.login-bg) li[id*="Navbar-Account"] > .dropdown-menu .iw-account-avatar-fallback {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
}
body:not(.login-bg) .navbar-nav .active-client,
body:not(.login-bg) .navbar-right .active-client {
  max-width: 168px !important;
}
body:not(.login-bg) .navbar-nav .active-client .item-text,
body:not(.login-bg) .navbar-right .active-client .item-text {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
@media (max-width: 767px) {
  body:not(.login-bg) li[id*="Navbar-Account"] > .dropdown-menu {
    width: min(292px, calc(100vw - 24px)) !important;
    min-width: min(292px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
  }
}

/* IW 2026-06-07 - Auth logo on dark background */ body.login-bg .iw-login-logo a { display: inline-flex !important; align-items: center !important; justify-content: center !important; max-width: 280px !important; padding: 12px 18px !important; border-radius: 8px !important; background: #191c17 !important; box-shadow: 0 14px 32px rgba(25,28,23,.16) !important; } body.login-bg .iw-register-wrap .iw-login-logo a { max-width: 280px !important; }
/* IW 2026-06-18 - Header/sidebar logo without decorative frame */ body:not(.login-bg) .iw-header-logo a, body:not(.login-bg) .header-left.navbar-brand a.logo, body:not(.login-bg) .iw-nav-logo a { display: inline-flex !important; align-items: center !important; justify-content: center !important; max-width: 220px !important; padding: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } body:not(.login-bg) .iw-header-logo img, body:not(.login-bg) .header-left.navbar-brand a.logo img { max-width: 180px !important; height: auto !important; object-fit: contain !important; }

/* IW 2026-06-08 - guided panel access refinements */
body:not(.login-bg) .iw-tour-flow-icon.icon-access {
  background: #f5f8ee;
  color: #343a2e;
}

body:not(.login-bg) .iw-tour-spotlight {
  z-index: 11802;
}

body:not(.login-bg) .iw-tour-tooltip {
  z-index: 11804;
}

body:not(.login-bg) .iw-tour-skip {
  z-index: 11805;
}

body:not(.login-bg) .iw-tour-buttons {
  flex-wrap: wrap;
  justify-content: flex-end;
}

body:not(.login-bg) .iw-tour-btn.cta {
  background: #343a2e;
  color: #ffffff;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-table .btn-access,
body:not(.login-bg) #tableServicesList.services-table .btn-access {
  min-width: 86px;
}

@media (max-width: 700px) {
  body:not(.login-bg) .iw-tour-nav {
    align-items: flex-start;
    flex-direction: column;
  }

  body:not(.login-bg) .iw-tour-buttons {
    width: 100%;
    justify-content: flex-start;
  }
}


/* IW 2026-06-19 - Acciones de servicios compactas y adaptables */
body:not(.login-bg) #iw-tour-services-card .iw-services-cta-footer {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 11px 14px !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-all-btn,
body:not(.login-bg) #iw-tour-services-card .iw-services-new-btn,
body:not(.login-bg) #iw-tour-services-card .iw-services-support-btn {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 8px 13px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  border-radius: 8px !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-all-btn i,
body:not(.login-bg) #iw-tour-services-card .iw-services-support-btn i,
body:not(.login-bg) #iw-tour-services-card .iw-services-new-btn svg {
  width: 14px !important;
  height: 14px !important;
  font-size: 13px !important;
  flex: 0 0 14px !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-support-btn {
  border: 1px solid #dae1cb !important;
  background: #ffffff !important;
  color: #64695e !important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-support-btn:hover,
body:not(.login-bg) #iw-tour-services-card .iw-services-support-btn:focus {
  border-color: #9ba88a !important;
  background: #fbfcf8 !important;
  color: #343a2e !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 560px) {
  body:not(.login-bg) #iw-tour-services-card .iw-services-cta-footer {
    gap: 5px !important;
    padding: 8px 6px !important;
  }

  body:not(.login-bg) #iw-tour-services-card .iw-services-all-btn,
  body:not(.login-bg) #iw-tour-services-card .iw-services-new-btn,
  body:not(.login-bg) #iw-tour-services-card .iw-services-support-btn {
    width: auto !important;
    flex: 1 1 0 !important;
    max-width: 175px !important;
    min-height: 32px !important;
    padding: 7px 6px !important;
    font-size: 10.5px !important;
  }
  body:not(.login-bg) #iw-tour-services-card .iw-services-new-btn {
    flex-grow: 1.18 !important;
  }

  body:not(.login-bg) #iw-tour-services-card .iw-services-all-btn i,
  body:not(.login-bg) #iw-tour-services-card .iw-services-new-btn svg {
    display: none !important;
  }
}

/* IW 2026-06-20 - home header mobile actions in one row */
@media (max-width: 768px) {
  body:not(.login-bg) .iw-page-header.iw-home-header .iw-page-actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    gap: 6px !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    margin-top: 10px !important;
  }

  body:not(.login-bg) .iw-page-header.iw-home-header .iw-page-actions .btn {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 36px !important;
    padding: 7px 6px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    gap: 4px !important;
  }

  body:not(.login-bg) .iw-page-header.iw-home-header #iw-tour-guide-btn {
    flex-basis: 31% !important;
  }

  body:not(.login-bg) .iw-page-header.iw-home-header #iw-tour-ticket-btn {
    flex-basis: 28% !important;
  }

  body:not(.login-bg) .iw-page-header.iw-home-header #iw-tour-order-btn {
    flex-basis: 41% !important;
  }
}

@media (max-width: 360px) {
  body:not(.login-bg) .iw-page-header.iw-home-header .iw-page-actions {
    gap: 4px !important;
  }

  body:not(.login-bg) .iw-page-header.iw-home-header .iw-page-actions .btn {
    padding-left: 4px !important;
    padding-right: 4px !important;
    font-size: 10px !important;
  }
}

/* IW 2026-06-20 - clientarea flat cleanup */
body:not(.login-bg).template-clientx-child,
body:not(.login-bg) {
  background:#fafbf7!important;
}
body:not(.login-bg) .theme-main-inner-page-section,
body:not(.login-bg) .iw-page-header,
body:not(.login-bg) .iw-home-card,
body:not(.login-bg) .iw-panel-card,
body:not(.login-bg) .iw-stat-card,
body:not(.login-bg) .tile,
body:not(.login-bg) .card,
body:not(.login-bg) .card-body,
body:not(.login-bg) .card-header,
body:not(.login-bg) .card-footer,
body:not(.login-bg) .panel,
body:not(.login-bg) .panel-body,
body:not(.login-bg) .panel-heading,
body:not(.login-bg) .panel-footer,
body:not(.login-bg) .list-group-item,
body:not(.login-bg) .defaultClientxSidebar .card,
body:not(.login-bg) .defaultClientxSidebar .card-body,
body:not(.login-bg) .defaultClientxSidebar .card-header,
body:not(.login-bg) .defaultClientxSidebar .card-footer,
body:not(.login-bg) .menu-setting-content,
body:not(.login-bg) .panel-setting-heading,
body:not(.login-bg) .panel-setting-sidconetnt,
body:not(.login-bg) #summary-content-dynmic-get,
body:not(.login-bg) .myaccount-sidenav .dropdown-menu-right,
body:not(.login-bg) .theme-table-card,
body:not(.login-bg) .table-container,
body:not(.login-bg) .invoice-inner-section,
body:not(.login-bg) .data-table-main-container,
body:not(.login-bg) .home-page-product-listing .card.mb-3,
body:not(.login-bg) .home-page-product-listing .card-body,
body:not(.login-bg) #iw-domain-hero,
body:not(.login-bg) #iw-tour-services-card,
body:not(.login-bg) #iw-tour-services-card .iw-services-cta-footer,
body:not(.login-bg) .payment-gateway-section,
body:not(.login-bg) .cart-pnl-content,
body:not(.login-bg) .mc-panel-promo,
body:not(.login-bg) .widget,
body:not(.login-bg) .widget-body,
body:not(.login-bg) .section,
body:not(.login-bg) .section-body {
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
}
body:not(.login-bg) .iw-page-header,
body:not(.login-bg) .iw-home-card,
body:not(.login-bg) .iw-panel-card,
body:not(.login-bg) .iw-stat-card,
body:not(.login-bg) .tile,
body:not(.login-bg) .card,
body:not(.login-bg) .panel,
body:not(.login-bg) .defaultClientxSidebar .card,
body:not(.login-bg) .menu-setting-content,
body:not(.login-bg) .panel-setting-heading,
body:not(.login-bg) .panel-setting-sidconetnt,
body:not(.login-bg) #summary-content-dynmic-get,
body:not(.login-bg) .theme-table-card,
body:not(.login-bg) .table-container,
body:not(.login-bg) .invoice-inner-section,
body:not(.login-bg) .data-table-main-container,
body:not(.login-bg) .home-page-product-listing .card.mb-3,
body:not(.login-bg) #iw-domain-hero,
body:not(.login-bg) #iw-tour-services-card,
body:not(.login-bg) .payment-gateway-section,
body:not(.login-bg) .cart-pnl-content,
body:not(.login-bg) .widget,
body:not(.login-bg) .section {
  border:1px solid #e5eadb!important;
}
body:not(.login-bg) .iw-page-header:before,
body:not(.login-bg) .iw-page-header:after,
body:not(.login-bg) #iw-domain-hero:before,
body:not(.login-bg) #iw-domain-hero:after,
body:not(.login-bg) .tile:before,
body:not(.login-bg) .tile:after,
body:not(.login-bg) .iw-home-card:before,
body:not(.login-bg) .iw-home-card:after,
body:not(.login-bg) .iw-panel-card:before,
body:not(.login-bg) .iw-panel-card:after,
body:not(.login-bg) .iw-stat-card:before,
body:not(.login-bg) .iw-stat-card:after {
  display:none!important;
}
body:not(.login-bg) .list-group-item.active,
body:not(.login-bg) .panel-sidebar a.list-group-item.active,
body:not(.login-bg) .panel-sidebar a.list-group-item.active::before,
body:not(.login-bg) .defaultClientxSidebar .panel-sidebar a.list-group-item.active::before {
  background:#fff!important;
  background-image:none!important;
}
body:not(.login-bg) .home-page-product-listing h3.card-title.pricing-card-title,
body:not(.login-bg) .panel-setting-heading,
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 #tableInvoicesList thead th,
body:not(.login-bg) .table thead th {
  background:#fff!important;
  background-image:none!important;
}

/* IW 2026-06-20 - dashboard no section backgrounds */
body:not(.login-bg) .iw-page-header.iw-home-header,
body:not(.login-bg) #iw-domain-hero.iw-dh2,
body:not(.login-bg) .iw-stat-card,
body:not(.login-bg) .iw-home-card,
body:not(.login-bg) .iw-panel-card,
body:not(.login-bg) #iw-tour-services-card,
body:not(.login-bg) #iw-tour-services-card .iw-home-card-head,
body:not(.login-bg) #iw-tour-services-card .iw-home-card-body,
body:not(.login-bg) #iw-tour-services-card .iw-home-card-footer,
body:not(.login-bg) .iw-home-card-head,
body:not(.login-bg) .iw-home-card-body,
body:not(.login-bg) .iw-home-card-footer,
body:not(.login-bg) .iw-ticket-row,
body:not(.login-bg) .iw-domain-mini-body,
body:not(.login-bg) .iw-services-cta-footer,
body:not(.login-bg) .iw-tiles,
body:not(.login-bg) .iw-tile,
body:not(.login-bg) .tile {
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
body:not(.login-bg) .iw-page-header.iw-home-header,
body:not(.login-bg) #iw-domain-hero.iw-dh2,
body:not(.login-bg) .iw-stat-card,
body:not(.login-bg) .iw-home-card,
body:not(.login-bg) .iw-panel-card,
body:not(.login-bg) #iw-tour-services-card,
body:not(.login-bg) .iw-tile,
body:not(.login-bg) .tile {
  border-color:transparent!important;
}
body:not(.login-bg) #iw-domain-hero .iw-dh2-badge,
body:not(.login-bg) #iw-domain-hero .iw-dh2-chip,
body:not(.login-bg) #iw-domain-hero .iw-dh2-trust-item,
body:not(.login-bg) .iw-ticket-row,
body:not(.login-bg) .iw-services-table tbody tr,
body:not(.login-bg) .iw-services-table thead th,
body:not(.login-bg) .table thead th,
body:not(.login-bg) table.dataTable thead th,
body:not(.login-bg) table.dataTable tbody tr,
body:not(.login-bg) .list-group-item {
  background:transparent!important;
  background-image:none!important;
}
body:not(.login-bg) .iw-page-header.iw-home-header .iw-page-title,
body:not(.login-bg) .iw-page-header.iw-home-header .iw-page-subtitle,
body:not(.login-bg) .iw-page-header.iw-home-header .iw-breadcrumb,
body:not(.login-bg) .iw-page-header.iw-home-header .iw-breadcrumb-link,
body:not(.login-bg) #iw-domain-hero .iw-dh2-title,
body:not(.login-bg) #iw-domain-hero .iw-dh2-sub,
body:not(.login-bg) #iw-domain-hero .iw-dh2-badge,
body:not(.login-bg) #iw-domain-hero .iw-dh2-chip,
body:not(.login-bg) #iw-domain-hero .iw-dh2-trust-item,
body:not(.login-bg) #iw-domain-hero .iw-dh2-sep {
  color:#191c17!important;
}

/* IW 2026-06-30: home services panel rebuilt from Mis Servicios structure */
body:not(.login-bg) .iw-home-services-panel#iw-tour-services-card{
  --svc-panel-ink:#191c17;
  --svc-panel-muted:#64695e;
  --svc-panel-line:#eef2e4;
  --svc-panel-soft:#fafcf7;
  --svc-panel-primary:#343a2e;
  --svc-panel-primary-dark:#343a2e;
  display:block!important;
  width:100%!important;
  margin:0 0 18px!important;
  padding:0!important;
  border:1px solid var(--svc-panel-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 18px 44px rgba(25,28,23,.07)!important;
  overflow:hidden!important;
}

body:not(.login-bg) .iw-home-services-panel#iw-tour-services-card::before,
body:not(.login-bg) .iw-home-services-panel#iw-tour-services-card::after{
  display:none!important;
  content:none!important;
}

body:not(.login-bg) .iw-home-services-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:16px 18px!important;
  border-bottom:1px solid var(--svc-panel-line)!important;
  background:
    linear-gradient(90deg, rgba(52,58,46,.08), rgba(255,255,255,0) 48%),
    #fff!important;
}

body:not(.login-bg) .iw-home-services-titleblock{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}

body:not(.login-bg) .iw-home-services-mark{
  width:40px!important;
  height:40px!important;
  border:1px solid #d3ddbf!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 40px!important;
  background:linear-gradient(135deg,#f2f5ea,#ffffff)!important;
  color:var(--svc-panel-primary-dark)!important;
  box-shadow:0 8px 18px rgba(52,58,46,.10)!important;
}

body:not(.login-bg) .iw-home-services-mark i{font-size:16px!important;line-height:1!important}

body:not(.login-bg) .iw-home-services-kicker{
  display:block!important;
  margin:0 0 3px!important;
  color:var(--svc-panel-primary-dark)!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

body:not(.login-bg) .iw-home-services-titleblock h2{
  margin:0!important;
  color:var(--svc-panel-ink)!important;
  font-size:20px!important;
  font-weight:850!important;
  line-height:1.12!important;
  letter-spacing:0!important;
}

body:not(.login-bg) .iw-home-services-head-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  min-width:0!important;
}

body:not(.login-bg) .iw-home-services-link,
body:not(.login-bg) .iw-home-services-primary{
  min-height:36px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

body:not(.login-bg) .iw-home-services-link{
  border:1px solid var(--svc-panel-line)!important;
  background:#fff!important;
  color:#64695e!important;
}

body:not(.login-bg) .iw-home-services-primary{
  border:1px solid var(--svc-panel-primary)!important;
  background:linear-gradient(135deg,var(--svc-panel-primary-dark),var(--svc-panel-primary))!important;
  color:#fff!important;
  box-shadow:0 10px 20px rgba(52,58,46,.16)!important;
}

body:not(.login-bg) .iw-home-services-link:hover,
body:not(.login-bg) .iw-home-services-primary:hover{
  transform:translateY(-1px)!important;
  text-decoration:none!important;
}

body:not(.login-bg) .iw-home-services-tablewrap{
  padding:0!important;
  margin:0!important;
  overflow-x:auto!important;
  background:#fff!important;
}

body:not(.login-bg) #iw-tour-services-card .iw-home-services-table,
body:not(.login-bg) #iw-tour-services-card .iw-services-table.services-table{
  width:100%!important;
  min-width:980px!important;
  margin:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}

body:not(.login-bg) #iw-tour-services-card .iw-home-services-table thead th{
  height:40px!important;
  padding:10px 14px!important;
  border:0!important;
  border-bottom:1px solid var(--svc-panel-line)!important;
  background:#fdfdfc!important;
  color:var(--svc-panel-muted)!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  vertical-align:middle!important;
}

body:not(.login-bg) #iw-tour-services-card .iw-home-services-table tbody tr{
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
  transition:background-color .14s ease!important;
}

body:not(.login-bg) #iw-tour-services-card .iw-home-services-table tbody tr:hover{
  background:#fdfdfc!important;
}

body:not(.login-bg) #iw-tour-services-card .iw-home-services-table tbody td{
  padding:12px 14px!important;
  border:0!important;
  border-bottom:1px solid #f4f7ed!important;
  vertical-align:middle!important;
  background:transparent!important;
}

body:not(.login-bg) #iw-tour-services-card .iw-home-services-table tbody tr:last-child td{
  border-bottom:0!important;
}

body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .iw-col-service{width:32%!important}
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .iw-col-price{width:10%!important;text-align:center!important}
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .iw-col-date{width:12%!important;text-align:center!important}
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .iw-col-status{width:10%!important;text-align:center!important}
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .iw-col-actions{width:36%!important;text-align:right!important}

body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .service-box{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-width:0!important;
}

body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .service-icon{
  width:36px!important;
  height:36px!important;
  border-radius:11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 36px!important;
  background:#f2f5ea!important;
  color:var(--svc-panel-primary-dark)!important;
  border:1px solid #dee7cc!important;
  box-shadow:none!important;
}

body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .service-line{
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  min-width:0!important;
}

body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .service-line-domain{
  color:var(--svc-panel-ink)!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.2!important;
  min-width:0!important;
}

body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .service-line-dot{
  color:#9ba88a!important;
  font-weight:900!important;
}

body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .service-line-product{
  color:var(--svc-panel-muted)!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.25!important;
}

body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .price-main,
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .date-main{
  min-width:0!important;
  color:#191c17!important;
  font-size:12px!important;
  font-weight:850!important;
  text-align:center!important;
}

body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .status-active{
  min-width:78px!important;
  min-height:24px!important;
  padding:0 9px!important;
  border:0!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#ecfdf3!important;
  color:#167044!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:none!important;
}

body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .status-active.status-pending{
  background:#fff7ed!important;
  color:#b45309!important;
}
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .status-active.status-suspended{
  background:#fff1e7!important;
  color:#c2410c!important;
}
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .status-active.status-terminated,
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .status-active.status-cancelled,
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .status-active.status-fraud{
  background:#f6f9f1!important;
  color:#64695e!important;
}

body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .actions-box{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  min-width:0!important;
}

body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .action-btn{
  min-height:30px!important;
  padding:0 9px!important;
  border-radius:8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}

body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .btn-admin{
  background:var(--svc-panel-primary)!important;
  border-color:var(--svc-panel-primary)!important;
  color:#fff!important;
}

body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .btn-access{
  background:#fbfcf8!important;
  border:1px solid var(--svc-panel-line)!important;
  color:#64695e!important;
}

body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .btn-cpanel,
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .btn-whm{
  background:#64695e!important;
  border-color:#64695e!important;
  color:#fff!important;
}

body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .btn-webmail{
  background:#f2f5ea!important;
  border-color:#dee7cc!important;
  color:var(--svc-panel-primary-dark)!important;
}

body:not(.login-bg) #iw-tour-services-card .iw-services-empty{
  margin:0!important;
  padding:22px!important;
  border-top:1px solid var(--svc-panel-line)!important;
  background:#fdfdfc!important;
  color:var(--svc-panel-muted)!important;
  text-align:center!important;
  font-weight:800!important;
}

@media(max-width:900px){
  body:not(.login-bg) .iw-home-services-head{align-items:flex-start!important;flex-direction:column!important}
  body:not(.login-bg) .iw-home-services-head-actions{width:100%!important;justify-content:flex-start!important}
  body:not(.login-bg) .iw-home-services-link,
  body:not(.login-bg) .iw-home-services-primary{flex:1 1 150px!important}
}

/* IW 2026-06-30 - compact WhatsApp float close to edge */
body:not(.login-bg) .iw-whatsapp-float,
body:not(.login-bg) a.iw-whatsapp-float {
  right: 8px !important;
  bottom: 8px !important;
  min-height: 46px !important;
  gap: 8px !important;
  padding: 7px 11px 7px 7px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body:not(.login-bg) .iw-whatsapp-float:hover,
body:not(.login-bg) .iw-whatsapp-float:focus,
body:not(.login-bg) .iw-whatsapp-float:visited,
body:not(.login-bg) .iw-whatsapp-float:active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body:not(.login-bg) .iw-whatsapp-float-icon {
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
}
body:not(.login-bg) .iw-whatsapp-float-icon svg,
body:not(.login-bg) .iw-whatsapp-float-icon svg path {
  width: 20px !important;
  height: 20px !important;
  fill: #ffffff !important;
  color: #ffffff !important;
}
body:not(.login-bg) .iw-whatsapp-float-copy {
  line-height: 1 !important;
}
body:not(.login-bg) .iw-whatsapp-float-copy strong,
body:not(.login-bg) .iw-whatsapp-float-copy small {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
}
body:not(.login-bg) .iw-whatsapp-float-copy strong {
  font-size: 11.5px !important;
  font-weight: 850 !important;
}
body:not(.login-bg) .iw-whatsapp-float-copy small {
  margin-top: 2px !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
}
@media (max-width: 640px) {
  body:not(.login-bg) .iw-whatsapp-float,
  body:not(.login-bg) a.iw-whatsapp-float {
    right: 6px !important;
    bottom: 6px !important;
    min-height: 42px !important;
    gap: 7px !important;
    padding: 6px 9px 6px 6px !important;
  }
  body:not(.login-bg) .iw-whatsapp-float-icon {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
  }
  body:not(.login-bg) .iw-whatsapp-float-copy strong {font-size: 11px !important;}
  body:not(.login-bg) .iw-whatsapp-float-copy small {font-size: 9px !important;}
}
/* IW 2026-06-30 - Gradiente unificado para barras laterales con logotipo */
body:not(.login-bg) nav#sidebar.wgssidebaraddon,
body:not(.login-bg) nav#sidebar.mob-nav.wgssidebaraddon,
body:not(.login-bg) .defaultClientxSidebar,
body:not(.login-bg) #sidebarCollapse-left {
  background: #191c17 !important;
  background: linear-gradient(130deg, rgba(25,28,23, 1) 1%, rgba(52,58,46, 1) 29%, rgba(52,58,46, 1) 64%, rgba(52,58,46, 1) 100%) !important;
}

/* IW 2026-06-30 - Gradiente lateral oscuro unificado */
body:not(.login-bg) nav#sidebar.wgssidebaraddon,
body:not(.login-bg) nav#sidebar.mob-nav.wgssidebaraddon,
body:not(.login-bg) .defaultClientxSidebar,
body:not(.login-bg) #sidebarCollapse-left {
  background: #191c17 !important;
  background: linear-gradient(130deg, rgba(25,28,23, 1) 1%, rgba(52,58,46, 1) 29%, rgba(52,58,46, 1) 64%, rgba(52,58,46, 1) 100%) !important;
  border-radius:0 !important;
}

/* IW 2026-06-30 - servicios activos: acciones en una sola fila */
body:not(.login-bg) .theme-client-service-page .iw-services-v2-table,
body:not(.login-bg) #tableServicesList.services-table {
  min-width:1180px!important;
  table-layout:fixed!important;
}
body:not(.login-bg) .theme-client-service-page .iw-services-col-service,
body:not(.login-bg) #tableServicesList.services-table .iw-col-service { width:24%!important; }
body:not(.login-bg) .theme-client-service-page .iw-services-col-price,
body:not(.login-bg) #tableServicesList.services-table .iw-col-price { width:8%!important; }
body:not(.login-bg) .theme-client-service-page .iw-services-col-date,
body:not(.login-bg) #tableServicesList.services-table .iw-col-date { width:9%!important; }
body:not(.login-bg) .theme-client-service-page .iw-services-col-status,
body:not(.login-bg) #tableServicesList.services-table .iw-col-status { width:9%!important; }
body:not(.login-bg) .theme-client-service-page .iw-services-col-actions,
body:not(.login-bg) #tableServicesList.services-table .iw-col-actions { width:50%!important; min-width:520px!important; }
body:not(.login-bg) .theme-client-service-page .iw-service-actions-td,
body:not(.login-bg) #tableServicesList.services-table .iw-service-actions-td {
  min-width:520px!important;
  padding-left:4px!important;
  padding-right:8px!important;
  white-space:nowrap!important;
}
body:not(.login-bg) .theme-client-service-page .iw-service-list-actions,
body:not(.login-bg) #tableServicesList.services-table .iw-service-list-actions {
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  max-width:none!important;
  width:100%!important;
  white-space:nowrap!important;
}
body:not(.login-bg) .theme-client-service-page .iw-service-list-actions .action-btn,
body:not(.login-bg) #tableServicesList.services-table .iw-service-list-actions .action-btn,
body:not(.login-bg) .theme-client-service-page .iw-service-list-actions .iw-svc-btn,
body:not(.login-bg) .theme-client-service-page .iw-service-list-actions .iw-svc-access-note {
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:30px!important;
  padding:0 8px!important;
  white-space:nowrap!important;
}
body:not(.login-bg) #tableServicesList.services-table .btn-access,
body:not(.login-bg) .theme-client-service-page .iw-svc-btn-credentials {
  min-width:126px!important;
}

/* IW 2026-06-30 - home servicios activos: acciones en una sola fila */
body:not(.login-bg) #iw-tour-services-card .iw-services-table.services-table{
  table-layout:fixed!important;
  min-width:980px!important;
}
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .iw-col-service{width:28%!important;}
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .iw-col-price{width:7%!important;}
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .iw-col-date{width:8%!important;}
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .iw-col-status{width:8%!important;}
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .iw-col-actions{width:49%!important;min-width:500px!important;text-align:right!important;}
body:not(.login-bg) #iw-tour-services-card .iw-services-table .iw-svc-actions-cell,
body:not(.login-bg) #iw-tour-services-card .iw-services-table td.iw-home-panel-actions-cell{
  min-width:500px!important;
  padding-left:4px!important;
  padding-right:8px!important;
  white-space:nowrap!important;
}
body:not(.login-bg) #iw-tour-services-card .iw-services-table .actions-box{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  white-space:nowrap!important;
  min-width:0!important;
  width:100%!important;
}
body:not(.login-bg) #iw-tour-services-card .iw-services-table .actions-box .action-btn{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:30px!important;
  padding:0 8px!important;
  white-space:nowrap!important;
}
body:not(.login-bg) #iw-tour-services-card .iw-services-table .actions-box .btn-access{
  min-width:126px!important;
}

/* IW 2026-06-30 - area de clientes: sidebar igual al correo */
body:not(.login-bg) nav#sidebar.wgssidebaraddon,
body:not(.login-bg) nav#sidebar.mob-nav.wgssidebaraddon,
body:not(.login-bg) nav#sidebar.wgssidebaraddon.mob-nav,
body:not(.login-bg) #sidebar.wgssidebaraddon,
body:not(.login-bg) #sidebar.mob-nav,
body:not(.login-bg) .defaultClientxSidebar,
body:not(.login-bg) #sidebarCollapse-left{
  background: #191c17!important;
  background-image: linear-gradient(130deg, rgba(25,28,23, 1) 1%, rgba(52,58,46, 1) 29%, rgba(52,58,46, 1) 64%, rgba(52,58,46, 1) 100%)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body:not(.login-bg) nav#sidebar.wgssidebaraddon:before,
body:not(.login-bg) nav#sidebar.wgssidebaraddon:after{
  display:none!important;
  content:none!important;
}
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-logo,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-user-row,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-body,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-footer,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-store-box,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-user-card,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-profile-gear{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-logo,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-user-row,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-footer{
  border-color:rgba(245,248,238,.10)!important;
}

/* IW 2026-06-30 - evita estado activo negro pegado en botones internos */
body:not(.login-bg) a.btn.active,
body:not(.login-bg) a.btn:active,
body:not(.login-bg) button.btn.active,
body:not(.login-bg) button.btn:active,
body:not(.login-bg) .btn.active,
body:not(.login-bg) .btn:active,
body:not(.login-bg) .btn.focus,
body:not(.login-bg) .btn:focus,
body:not(.login-bg) .iw-svc-btn.active,
body:not(.login-bg) .iw-svc-btn:active,
body:not(.login-bg) .action-btn.active,
body:not(.login-bg) .action-btn:active,
body:not(.login-bg) .iw-fixed-service-btn.active,
body:not(.login-bg) .iw-fixed-service-btn:active {
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  outline: 0 !important;
  text-decoration: none !important;
}

body:not(.login-bg) .btn-default.active,
body:not(.login-bg) .btn-default:active,
body:not(.login-bg) .btn-secondary.active,
body:not(.login-bg) .btn-secondary:active {
  background: #ffffff !important;
  border-color: #e9efdb !important;
  color: #191c17 !important;
}

body:not(.login-bg) .btn-primary.active,
body:not(.login-bg) .btn-primary:active,
body:not(.login-bg) .btn-info.active,
body:not(.login-bg) .btn-info:active {
  background: #343a2e !important;
  border-color: #343a2e !important;
  color: #ffffff !important;
}

body:not(.login-bg) .btn-success.active,
body:not(.login-bg) .btn-success:active {
  background: #16a34a !important;
  border-color: #15803d !important;
  color: #ffffff !important;
}

body:not(.login-bg) .btn-warning.active,
body:not(.login-bg) .btn-warning:active,
body:not(.login-bg) .btn-cpanel.active,
body:not(.login-bg) .btn-cpanel:active,
body:not(.login-bg) .btn-whm.active,
body:not(.login-bg) .btn-whm:active,
body:not(.login-bg) .iw-svc-btn-cpanel.active,
body:not(.login-bg) .iw-svc-btn-cpanel:active,
body:not(.login-bg) .iw-svc-btn-whm.active,
body:not(.login-bg) .iw-svc-btn-whm:active,
body:not(.login-bg) .iw-home-panel-btn-cpanel.active,
body:not(.login-bg) .iw-home-panel-btn-cpanel:active,
body:not(.login-bg) .iw-home-panel-btn-whm.active,
body:not(.login-bg) .iw-home-panel-btn-whm:active {
  background: #f97316 !important;
  border-color: #ea580c !important;
  color: #ffffff !important;
}

body:not(.login-bg) .btn-danger.active,
body:not(.login-bg) .btn-danger:active {
  background: #dc2626 !important;
  border-color: #b91c1c !important;
  color: #ffffff !important;
}

body:not(.login-bg) .btn-webmail.active,
body:not(.login-bg) .btn-webmail:active,
body:not(.login-bg) .iw-svc-btn-webmail.active,
body:not(.login-bg) .iw-svc-btn-webmail:active,
body:not(.login-bg) .iw-home-panel-btn-webmail.active,
body:not(.login-bg) .iw-home-panel-btn-webmail:active {
  background: #6d28d9 !important;
  border-color: #5b21b6 !important;
  color: #ffffff !important;
}

body:not(.login-bg) .btn-access.active,
body:not(.login-bg) .btn-access:active,
body:not(.login-bg) .iw-svc-btn-credentials.active,
body:not(.login-bg) .iw-svc-btn-credentials:active {
  background: #343a2e !important;
  border-color: #343a2e !important;
  color: #ffffff !important;
}


/* IW 2026-06-30 - service 223: remove profile background and tighten top spacing */
body:not(.login-bg) .iw-product-detail-header.iw-product-detail-header-url-223 {
  margin-bottom: 8px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body .theme-client-service-detail-page.iw-service-detail-url-223 .primary-content,
body .theme-client-service-detail-page.iw-service-detail-url-223 #tabOverview,
body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-box-product,
body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-box-main,
body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-product-service-card,
body .theme-client-service-detail-page.iw-service-detail-url-223 .iw-box-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .iw-product-service-card {
  background: #ffffff !important;
  box-shadow: none !important;
  color: #191c17 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .iw-product-service-card::before,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .glow-orb,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .glow-orb2,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .iw-d-left::after {
  display: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .iw-d-card {
  min-height: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .iw-d-left {
  background: #fbfcf9 !important;
  flex-basis: 178px !important;
  width: 178px !important;
  padding: 14px 16px !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .hex-icon-d,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .d-left-label,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .d-title,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .d-sub,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .d-date-label,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .d-date-val {
  color: #191c17 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .iw-d-body {
  gap: 8px !important;
  padding: 14px 16px !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .d-badge,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .d-tag {
  color: #64695e !important;
  background: #fbfcf9 !important;
  border-color: #e9efdc !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .d-tag.done {
  color: #0f8a55 !important;
  background: #eaf9f1 !important;
  border-color: #bfe9cf !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .d-btn-outline {
  color: #191c17 !important;
  background: #fbfcf9 !important;
  border: 1px solid #e9efdc !important;
}


/* IW 2026-06-30 - Domains, services and invoices table alignment pass */
body:not(.login-bg) .theme-domain-list-page {
  --iw-list-radius: 14px;
  --iw-list-line: #eaefdf;
  --iw-list-soft: #fbfcf8;
  --iw-list-ink: #191c17;
  --iw-list-muted: #64695e;
  --iw-list-brand: #343a2e;
}

body:not(.login-bg) .theme-domain-list-page .left-side-buttons-domains {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px !important;
  width: 100% !important;
}

body:not(.login-bg) .theme-domain-list-page .domain-upper-bulk-button {
  display: flex !important;
  flex: 1 1 100% !important;
}

body:not(.login-bg) .theme-domain-list-page .domain-upper-bulk-button .setBulkAction {
  justify-content: center !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  border: 1px solid var(--iw-list-line) !important;
  border-radius: var(--iw-list-radius) !important;
  background: #ffffff !important;
  color: #64695e !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  box-shadow: none !important;
}

body:not(.login-bg) .theme-domain-list-page .domain-upper-bulk-button .setBulkAction:hover,
body:not(.login-bg) .theme-domain-list-page .domain-upper-bulk-button .setBulkAction:focus {
  border-color: #859c58 !important;
  background: #f8faf3 !important;
  color: var(--iw-list-brand) !important;
}

body:not(.login-bg) .theme-domain-list-page #tableDomainsList {
  width: 100% !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

body:not(.login-bg) .theme-domain-list-page #tableDomainsList thead th {
  padding: 14px 16px !important;
  background: var(--iw-list-soft) !important;
  border-bottom: 1px solid var(--iw-list-line) !important;
  color: #64695e !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  vertical-align: middle !important;
}

body:not(.login-bg) .theme-domain-list-page #tableDomainsList tbody tr {
  transition: background-color .16s ease, box-shadow .16s ease !important;
}

body:not(.login-bg) .theme-domain-list-page #tableDomainsList tbody tr:hover {
  background: #fdfdfc !important;
}

body:not(.login-bg) .theme-domain-list-page #tableDomainsList tbody td {
  padding: 16px !important;
  border-top: 0 !important;
  border-bottom: 1px solid #f4f7ed !important;
  color: #64695e !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  vertical-align: middle !important;
}

body:not(.login-bg) .theme-domain-list-page #tableDomainsList tbody tr:last-child td {
  border-bottom: 0 !important;
}

body:not(.login-bg) .theme-domain-list-page #tableDomainsList td:nth-child(3) a {
  align-items: center !important;
  color: var(--iw-list-ink) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

body:not(.login-bg) .theme-domain-list-page #tableDomainsList td:nth-child(3) a::before {
  width: 30px !important;
  height: 30px !important;
  border-radius: 10px !important;
}

body:not(.login-bg) .theme-domain-list-page #tableDomainsList .status,
body:not(.login-bg) .theme-domain-list-page #tableDomainsList .button-class-enable,
body:not(.login-bg) .theme-domain-list-page #tableDomainsList .button-class-disable {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 112px !important;
  min-height: 30px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

body:not(.login-bg) .theme-domain-list-page #tableDomainsList .btn-manage {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 110px !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body:not(.login-bg) .theme-client-service-page #tableServicesList.services-table .iw-col-actions,
body:not(.login-bg) .theme-client-service-page #tableServicesList.services-table td:last-child {
  width: 360px !important;
}

body:not(.login-bg) .theme-client-service-page #tableServicesList.services-table .action-btn {
  min-height: 38px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

body:not(.login-bg) .theme-client-service-page #tableServicesList.services-table .action-btn span,
body:not(.login-bg) .theme-client-service-page #tableServicesList.services-table .action-btn i {
  vertical-align: middle !important;
}

body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2,
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .invoice-inner-section,
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .row,
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .col-md-12,
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .data-table-main-container {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .iw-invoices-toolbar {
  padding: 16px !important;
}

body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-header-top {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
}

body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-title-all,
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-serach-input,
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-sort-dropdown,
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-table-button-nav {
  margin: 0 !important;
}

body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-sort-dropdown,
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-serach-input,
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-table-button-nav {
  flex: 1 1 180px !important;
  min-width: 0 !important;
}

body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-sort-dropdown > a,
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-serach-input .input-group,
body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-table-button-nav .add-button-common {
  min-height: 42px !important;
  border-radius: 12px !important;
}

body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-table-button-nav {
  flex: 0 0 auto !important;
}

body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-table-button-nav .add-button-common {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 0 16px !important;
}

body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 #tableInvoicesList .label.status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 112px !important;
  min-height: 30px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

@media (max-width: 1180px) {
  body:not(.login-bg) .theme-client-service-page #tableServicesList.services-table .iw-col-actions,
  body:not(.login-bg) .theme-client-service-page #tableServicesList.services-table td:last-child {
    width: 320px !important;
  }
}

@media (max-width: 900px) {
  body:not(.login-bg) .theme-domain-list-page .left-side-buttons-domains {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-sort-dropdown,
  body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-serach-input,
  body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-table-button-nav {
    flex: 1 1 calc(50% - 6px) !important;
  }
}

@media (max-width: 640px) {
  body:not(.login-bg) .theme-domain-list-page .left-side-buttons-domains {
    grid-template-columns: 1fr !important;
  }

  body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-sort-dropdown,
  body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-serach-input,
  body:not(.login-bg) .theme-client-invoices-page.iw-invoices-v2 .common-table-button-nav {
    flex-basis: 100% !important;
    width: 100% !important;
  }
}

/* IW 2026-07-01 - compact client home account summary */
body:not(.login-bg) .iw-page-header.iw-home-header {
  min-height: 0 !important;
  padding: 10px 14px !important;
  margin-bottom: 10px !important;
  gap: 10px !important;
}

body:not(.login-bg) .iw-page-header.iw-home-header .iw-page-title {
  font-size: 24px !important;
  line-height: 1.08 !important;
  margin: 0 !important;
}

body:not(.login-bg) .iw-page-header.iw-home-header .iw-page-subtitle {
  font-size: 13px !important;
  line-height: 1.2 !important;
  margin: 2px 0 0 !important;
}

body:not(.login-bg) .iw-page-header.iw-home-header .iw-page-actions {
  gap: 6px !important;
}

body:not(.login-bg) .iw-page-header.iw-home-header .iw-btn-primary,
body:not(.login-bg) .iw-page-header.iw-home-header .iw-btn-secondary {
  min-height: 30px !important;
  padding: 5px 10px !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
}

body:not(.login-bg) #iw-tour-stats-grid.iw-stat-grid {
  gap: 10px !important;
  margin: 0 0 10px !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-card {
  min-height: 126px !important;
  padding: 12px 13px 11px !important;
  border-radius: 12px !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-topline {
  height: 3px !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-row {
  gap: 10px !important;
  margin-bottom: 7px !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-icon {
  flex-basis: 42px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-icon i {
  font-size: 19px !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-meta {
  gap: 2px !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-label {
  font-size: 10px !important;
  line-height: 1.12 !important;
  letter-spacing: .03em !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-number {
  font-size: 27px !important;
  line-height: .95 !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-desc {
  font-size: 11.5px !important;
  line-height: 1.25 !important;
  min-height: 29px !important;
  margin: 0 0 7px !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-footer {
  gap: 7px !important;
  padding-top: 7px !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-badge {
  font-size: 10.5px !important;
  line-height: 1 !important;
  padding: 3px 7px !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-link {
  font-size: 11px !important;
  line-height: 1 !important;
}

@media (max-width: 760px) {
  body:not(.login-bg) .iw-page-header.iw-home-header {
    padding: 10px 12px !important;
    margin-bottom: 10px !important;
  }

  body:not(.login-bg) #iw-tour-stats-grid.iw-stat-grid {
    gap: 8px !important;
  }

  body:not(.login-bg) #iw-tour-stats-grid .iw-stat-card {
    min-height: 0 !important;
    padding: 11px 12px !important;
  }
}

/* IW 2026-07-01 - compact summary cascade guards */
body:not(.login-bg) #iw-tour-stats-grid .iw-stat-card {
  gap: 7px !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-row {
  grid-template-columns: 42px minmax(0, 1fr) !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-number {
  margin-top: 0 !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-badge {
  min-height: 18px !important;
}

/* IW 2026-07-02 - access modal above header/sidebar */
body:not(.login-bg) .iw-access-modal,
body:not(.login-bg) .iw-access-modal.is-open,
.iw-access-modal,
.iw-access-modal.is-open {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  isolation: isolate !important;
}
body:not(.login-bg) .iw-access-modal__backdrop,
.iw-access-modal__backdrop {
  z-index: 0 !important;
}
body:not(.login-bg) .iw-access-modal__dialog,
.iw-access-modal__dialog {
  position: relative !important;
  z-index: 1 !important;
}
body.iw-access-modal-open #iw-main-header,
body.iw-access-modal-open .iw-header,
body.iw-access-modal-open .wgsheaderfromaddon,
body.iw-access-modal-open nav#sidebar,
body.iw-access-modal-open #sidebarCollapse-left {
  z-index: 1 !important;
}

/* IW 2026-07-03 - ticket action recovery */
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-options {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  margin: 0 0 16px !important;
  background: #fff !important;
  border: 1px solid var(--iw-gray-border, #e9ebe5) !important;
  border-radius: 8px !important;
  box-shadow: var(--iw-shadow-sm, 0 8px 24px rgba(25,28,23, .06)) !important;
}
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-options-title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--iw-gray-darkest, #191c17) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-options-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
}
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-options .btn,
body:not(.login-bg) .iw-ticket-page-header .iw-page-actions .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 36px !important;
  padding: 8px 13px !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
}
body:not(.login-bg) .theme-view-ticket-page #ticketReplyContainer.iw-ticket-reply-card {
  display: block !important;
  margin-top: 16px !important;
}
body:not(.login-bg) .theme-view-ticket-page #ticketReplyContainer.iw-ticket-reply-card.w-hidden {
  display: none !important;
}
body:not(.login-bg) .theme-view-ticket-page .view-ticket-header .common-table-button-nav {
  display: flex !important;
}
@media (max-width: 760px) {
  body:not(.login-bg) .theme-view-ticket-page .iw-ticket-options {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  body:not(.login-bg) .theme-view-ticket-page .iw-ticket-options-actions,
  body:not(.login-bg) .theme-view-ticket-page .iw-ticket-options .btn {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* IW 2026-07-03 - visible customizable tickets section */
body:not(.login-bg) .theme-ticket-list-page .common-table-upper-header{display:block!important;padding:16px!important;margin-bottom:16px!important;background:#fff!important;border:1px solid var(--iw-gray-border,#e9ebe5)!important;border-radius:8px!important;box-shadow:var(--iw-shadow-sm,0 8px 24px rgba(25,28,23,.06))!important;}
body:not(.login-bg) .theme-ticket-list-page .common-header-top{display:grid!important;grid-template-columns:auto auto auto minmax(260px,1fr) auto!important;align-items:center!important;gap:10px!important;}
body:not(.login-bg) .theme-ticket-list-page .common-header-top .common-title-all,
body:not(.login-bg) .theme-ticket-list-page .common-header-top .common-title-count,
body:not(.login-bg) .theme-ticket-list-page .common-header-top .common-table-button-nav{display:flex!important;align-items:center!important;}
body:not(.login-bg) .theme-ticket-list-page .common-title-all h3,
body:not(.login-bg) .theme-ticket-list-page .common-title-count{display:block!important;margin:0!important;color:#191c17!important;font-size:14px!important;font-weight:850!important;line-height:1.2!important;}
body:not(.login-bg) .theme-ticket-list-page .common-title-count{padding:7px 10px!important;border-radius:999px!important;background:#f5f8ef!important;color:#343a2e!important;font-size:12px!important;}
body:not(.login-bg) .theme-ticket-list-page .common-sort-dropdown{display:block!important;}
body:not(.login-bg) .theme-ticket-list-page .common-serach-input{display:block!important;min-width:260px!important;}
body:not(.login-bg) .theme-ticket-list-page .common-serach-input .input-group{display:flex!important;width:100%!important;min-height:42px!important;border:1px solid #e6ecd9!important;border-radius:8px!important;background:#fff!important;overflow:hidden!important;}
body:not(.login-bg) .theme-ticket-list-page .common-serach-input input{height:42px!important;border:0!important;box-shadow:none!important;font-size:13px!important;}
body:not(.login-bg) .theme-ticket-list-page .common-search-filter-icon{height:42px!important;border:0!important;border-left:1px solid #eff3e5!important;border-radius:0!important;background:#fbfcf9!important;color:#343a2e!important;}
body:not(.login-bg) .theme-ticket-list-page .add-button-common{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 14px!important;border-radius:8px!important;white-space:nowrap!important;}
body:not(.login-bg) .theme-ticket-list-page .data-table-main-container{display:block!important;background:#fff!important;border:1px solid #eff3e5!important;border-radius:8px!important;box-shadow:var(--iw-shadow-sm,0 8px 24px rgba(25,28,23,.06))!important;overflow:hidden!important;}
body:not(.login-bg) .theme-ticket-list-page #tableTicketsList{width:100%!important;}
body:not(.login-bg) .theme-ticket-list-page #tableTicketsList tbody tr{cursor:pointer!important;background:#fff!important;}
body:not(.login-bg) .theme-ticket-list-page #tableTicketsList tbody tr:hover{background:#fbfcf9!important;}
body:not(.login-bg) .theme-ticket-list-page .ticket-subject-name{font-weight:800!important;color:#191c17!important;}
body:not(.login-bg) .theme-ticket-list-page .ticket-id-col,
body:not(.login-bg) .theme-ticket-list-page .ticket-department-name,
body:not(.login-bg) .theme-ticket-list-page .ticket-updated-col{color:#64695e!important;font-weight:650!important;}
@media(max-width:980px){body:not(.login-bg) .theme-ticket-list-page .common-header-top{grid-template-columns:1fr!important;}body:not(.login-bg) .theme-ticket-list-page .common-serach-input,body:not(.login-bg) .theme-ticket-list-page .common-table-button-nav,body:not(.login-bg) .theme-ticket-list-page .add-button-common{width:100%!important;}body:not(.login-bg) .theme-ticket-list-page .add-button-common{justify-content:center!important;}}

/* IW 2026-07-03 - isolated ticket detail toolbar and layout */
body:not(.login-bg) .theme-view-ticket-page .view-ticket-header{display:none!important;}
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-actionbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:0 0 16px!important;padding:14px 16px!important;background:#fff!important;border:1px solid #ebf1df!important;border-radius:8px!important;box-shadow:0 10px 28px rgba(25,28,23,.06)!important;}
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-actionbar-main{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex-wrap:wrap!important;}
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-actionbar-main strong{display:block!important;color:#191c17!important;font-size:15px!important;font-weight:900!important;line-height:1.2!important;}
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-actionbar-kicker,
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-actionbar-status{display:inline-flex!important;align-items:center!important;min-height:26px!important;padding:0 10px!important;border-radius:999px!important;background:#f5f8ef!important;color:#343a2e!important;font-size:12px!important;font-weight:850!important;line-height:1!important;}
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-actionbar-status{background:#f6f9f1!important;color:#64695e!important;}
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-actionbar-actions,
body:not(.login-bg) .iw-ticket-page-header .iw-page-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important;min-width:0!important;}
body:not(.login-bg) .iw-ticket-btn,
body:not(.login-bg) a.iw-ticket-btn,
body:not(.login-bg) button.iw-ticket-btn,
body:not(.login-bg) input.iw-ticket-btn{appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:38px!important;height:auto!important;max-height:none!important;min-width:0!important;width:auto!important;padding:9px 13px!important;border:1px solid transparent!important;border-radius:8px!important;text-decoration:none!important;font-size:13px!important;font-weight:850!important;line-height:1.1!important;white-space:nowrap!important;opacity:1!important;visibility:visible!important;position:relative!important;z-index:2!important;cursor:pointer!important;box-shadow:none!important;}
body:not(.login-bg) .iw-ticket-btn i{font-size:13px!important;line-height:1!important;}
body:not(.login-bg) .iw-ticket-btn-primary{background:#343a2e!important;border-color:#343a2e!important;color:#fff!important;}
body:not(.login-bg) .iw-ticket-btn-primary:hover{background:#343a2e!important;border-color:#343a2e!important;color:#fff!important;}
body:not(.login-bg) .iw-ticket-btn-danger{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important;}
body:not(.login-bg) .iw-ticket-btn-danger:hover{background:#b91c1c!important;border-color:#b91c1c!important;color:#fff!important;}
body:not(.login-bg) .iw-ticket-btn-secondary{background:#fff!important;border-color:#e0e8cf!important;color:#191c17!important;}
body:not(.login-bg) .iw-ticket-btn-secondary:hover{background:#fbfcf9!important;border-color:#9ba88a!important;color:#343a2e!important;}
body:not(.login-bg) .iw-ticket-btn-muted{background:#f6f9f1!important;border-color:#e8eedb!important;color:#64695e!important;cursor:not-allowed!important;}
body:not(.login-bg) .theme-view-ticket-page .card.view-ticket.row{display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:16px!important;align-items:start!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
body:not(.login-bg) .theme-view-ticket-page .left-side-view-ticket,
body:not(.login-bg) .theme-view-ticket-page .right-side-view-ticket{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;}
body:not(.login-bg) .theme-view-ticket-page .left-side-view-ticket>.card-body{margin:0 0 12px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
body:not(.login-bg) .theme-view-ticket-page .ticket-reply{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important;padding:16px!important;background:#fff!important;border:1px solid #edf2e2!important;border-radius:8px!important;box-shadow:0 10px 24px rgba(25,28,23,.05)!important;}
body:not(.login-bg) .theme-view-ticket-page .ticket-staff-reply{grid-template-columns:minmax(0,1fr) 44px!important;}
body:not(.login-bg) .theme-view-ticket-page .avtar-photo{width:44px!important;height:44px!important;border-radius:50%!important;background-size:cover!important;background-position:center!important;}
body:not(.login-bg) .theme-view-ticket-page .ticket-owner-name,
body:not(.login-bg) .theme-view-ticket-page .ticket-staff-name{color:#191c17!important;font-size:14px!important;font-weight:900!important;}
body:not(.login-bg) .theme-view-ticket-page .ticket-owner-message-section,
body:not(.login-bg) .theme-view-ticket-page .ticket-staff-message-section{margin-top:10px!important;color:#191c17!important;font-size:14px!important;line-height:1.65!important;}
body:not(.login-bg) .theme-view-ticket-page .right-side-view-ticket-inner-sec,
body:not(.login-bg) .theme-view-ticket-page #ticketReplyContainer{background:#fff!important;border:1px solid #edf2e2!important;border-radius:8px!important;box-shadow:0 10px 24px rgba(25,28,23,.05)!important;}
body:not(.login-bg) .theme-view-ticket-page #ticketReplyContainer{display:block!important;margin-top:16px!important;}
body:not(.login-bg) .theme-view-ticket-page #ticketReplyContainer.w-hidden{display:none!important;}
body:not(.login-bg) .theme-view-ticket-page #ticketReplyContainer .card-body{padding:18px!important;}
body:not(.login-bg) .theme-view-ticket-page .bottom-button-ticket-reply{display:flex!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important;margin-top:14px!important;}
body:not(.login-bg) .theme-view-ticket-page .bottom-button-ticket-reply input[type="submit"].iw-ticket-btn{min-width:150px!important;}
body:not(.login-bg):has(.theme-view-ticket-page) .iw-whatsapp-float .iw-whatsapp-float-copy{display:none!important;}
body:not(.login-bg):has(.theme-view-ticket-page) .iw-whatsapp-float{width:52px!important;min-width:52px!important;height:52px!important;padding:0!important;border-radius:999px!important;}
@media(max-width:900px){body:not(.login-bg) .theme-view-ticket-page .iw-ticket-actionbar{align-items:stretch!important;flex-direction:column!important;}body:not(.login-bg) .theme-view-ticket-page .iw-ticket-actionbar-actions,body:not(.login-bg) .iw-ticket-page-header .iw-page-actions{justify-content:flex-start!important;}body:not(.login-bg) .theme-view-ticket-page .card.view-ticket.row{grid-template-columns:1fr!important;}body:not(.login-bg) .iw-ticket-btn{width:100%!important;}}

/* IW 2026-07-03 - reply box width parity and WHMCS button styling */
body:not(.login-bg) .theme-view-ticket-page .left-side-view-ticket #ticketReplyContainer.iw-ticket-reply-card{
  width:100%!important;
  max-width:none!important;
  margin:12px 0 0!important;
  box-sizing:border-box!important;
}
body:not(.login-bg) .theme-view-ticket-page .left-side-view-ticket #ticketReplyContainer.iw-ticket-reply-card .card-body{
  width:100%!important;
  box-sizing:border-box!important;
}
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-btn.btn,
body:not(.login-bg) .theme-view-ticket-page input.iw-ticket-btn.btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:36px!important;
  padding:8px 13px!important;
  border-radius:6px!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.15!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-btn.btn-primary{
  background:#343a2e!important;
  border-color:#343a2e!important;
  color:#fff!important;
}
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-btn.btn-primary:hover,
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-btn.btn-primary:focus{
  background:#343a2e!important;
  border-color:#343a2e!important;
  color:#fff!important;
}
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-btn.btn-danger{
  background:#dc2626!important;
  border-color:#dc2626!important;
  color:#fff!important;
}
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-btn.btn-danger:hover,
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-btn.btn-danger:focus{
  background:#b91c1c!important;
  border-color:#b91c1c!important;
  color:#fff!important;
}
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-btn.btn-default,
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-btn.btn-secondary{
  background:#fff!important;
  border-color:#e0e8cf!important;
  color:#191c17!important;
}
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-btn.btn-default:hover,
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-btn.btn-secondary:hover,
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-btn.btn-default:focus,
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-btn.btn-secondary:focus{
  background:#fbfcf9!important;
  border-color:#9ba88a!important;
  color:#343a2e!important;
}
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-btn.disabled,
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-btn[disabled],
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-btn[aria-disabled="true"]{
  background:#f6f9f1!important;
  border-color:#e8eedb!important;
  color:#64695e!important;
  cursor:not-allowed!important;
  opacity:1!important;
}
@media(max-width:900px){
  body:not(.login-bg) .theme-view-ticket-page .iw-ticket-btn.btn,
  body:not(.login-bg) .theme-view-ticket-page input.iw-ticket-btn.btn{
    width:100%!important;
  }
}

/* IW 2026-07-03 - ticket view: reduce visual borders */
body:not(.login-bg) .theme-view-ticket-page .iw-ticket-actionbar {
  border: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
}
body:not(.login-bg) .theme-view-ticket-page .ticket-reply,
body:not(.login-bg) .theme-view-ticket-page .right-side-view-ticket-inner-sec,
body:not(.login-bg) .theme-view-ticket-page #ticketReplyContainer,
body:not(.login-bg) .theme-view-ticket-page .left-side-view-ticket #ticketReplyContainer.iw-ticket-reply-card {
  border: 0 !important;
  box-shadow: none !important;
}
body:not(.login-bg) .theme-view-ticket-page .ticket-reply,
body:not(.login-bg) .theme-view-ticket-page #ticketReplyContainer,
body:not(.login-bg) .theme-view-ticket-page .right-side-view-ticket-inner-sec {
  background: #fff !important;
  border-radius: 8px !important;
}
body:not(.login-bg) .theme-view-ticket-page .ticket-info-descp > li {
  border-bottom: 1px solid rgba(25,28,23, .08) !important;
}
body:not(.login-bg) .theme-view-ticket-page .ticket-reply-container-section,
body:not(.login-bg) .theme-view-ticket-page .md-editor,
body:not(.login-bg) .theme-view-ticket-page .md-header,
body:not(.login-bg) .theme-view-ticket-page .md-footer,
body:not(.login-bg) .theme-view-ticket-page .inputBox,
body:not(.login-bg) .theme-view-ticket-page .upload-file-sec {
  border: 0 !important;
  box-shadow: none !important;
}
body:not(.login-bg) .theme-view-ticket-page .md-editor {
  background: #fff !important;
}
body:not(.login-bg) .theme-view-ticket-page .md-header,
body:not(.login-bg) .theme-view-ticket-page .md-footer {
  background: transparent !important;
}
body:not(.login-bg) .theme-view-ticket-page .formBox,
body:not(.login-bg) .theme-view-ticket-page .form-inner-section {
  border: 0 !important;
  box-shadow: none !important;
}

/* IW 2026-07-03 - ticket reply form fixed open */
body:not(.login-bg) .theme-view-ticket-page .left-side-view-ticket #ticketReplyContainer,
body:not(.login-bg) .theme-view-ticket-page .left-side-view-ticket #ticketReplyContainer.w-hidden,
body:not(.login-bg) .theme-view-ticket-page .left-side-view-ticket #ticketReplyContainer.iw-ticket-reply-card.w-hidden{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
body:not(.login-bg) .theme-view-ticket-page .ticket-reply-close-section{
  display:none!important;
}

/* IW 2026-07-08 - corporate access modal palette */
body:not(.login-bg) .iw-access-modal__backdrop,
.iw-access-modal__backdrop {
  background: rgba(25,28,23, .52) !important;
  backdrop-filter: blur(5px) !important;
}
body:not(.login-bg) .iw-access-modal__dialog,
.iw-access-modal__dialog {
  width: min(880px, calc(100vw - 28px)) !important;
  max-height: calc(100vh - 32px) !important;
  background: #fafcf7 !important;
  border: 1px solid #eaefdf !important;
  border-radius: 8px !important;
  box-shadow: 0 24px 70px rgba(25,28,23, .24) !important;
  color: #191c17 !important;
}
body:not(.login-bg) .iw-access-modal__head,
body:not(.login-bg) .iw-access-modal__hero,
.iw-access-modal__head,
.iw-access-modal__hero {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 16px 54px 16px 18px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #eef2e4 !important;
  color: #191c17 !important;
}
body:not(.login-bg) .iw-access-modal__icon,
.iw-access-modal__icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 8px !important;
  background: #f5f8ee !important;
  border: 1px solid #dfe8cc !important;
  color: #343a2e !important;
}
body:not(.login-bg) .iw-access-modal__kicker,
.iw-access-modal__kicker {
  color: #343a2e !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: .35px !important;
}
body:not(.login-bg) .iw-access-modal__head h3,
body:not(.login-bg) .iw-access-modal__head h2,
body:not(.login-bg) .iw-access-modal__hero h2,
.iw-access-modal__head h3,
.iw-access-modal__head h2,
.iw-access-modal__hero h2 {
  margin: 0 !important;
  color: #191c17 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}
body:not(.login-bg) .iw-access-modal__head p,
body:not(.login-bg) .iw-access-modal__hero p,
.iw-access-modal__head p,
.iw-access-modal__hero p {
  margin: 4px 0 0 !important;
  color: #64695e !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
}
body:not(.login-bg) .iw-access-modal__close,
.iw-access-modal__close {
  top: 12px !important;
  right: 12px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  background: #fbfcf8 !important;
  border: 1px solid #e9efdb !important;
  color: #64695e !important;
}
body:not(.login-bg) .iw-access-modal__body,
body:not(.login-bg) .iw-access-redesign,
.iw-access-modal__body,
.iw-access-redesign {
  background: #fafcf7 !important;
  padding: 14px !important;
}
body:not(.login-bg) .iw-access-captcha,
body:not(.login-bg) .iw-access-secret,
body:not(.login-bg) .iw-access-welcome,
body:not(.login-bg) .iw-access-copy,
body:not(.login-bg) .iw-access-redesign__section,
body:not(.login-bg) .iw-access-redesign__copy,
.iw-access-captcha,
.iw-access-secret,
.iw-access-welcome,
.iw-access-copy,
.iw-access-redesign__section,
.iw-access-redesign__copy {
  background: #ffffff !important;
  border: 1px solid #eef2e4 !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 26px rgba(25,28,23, .05) !important;
}
body:not(.login-bg) .iw-access-captcha__head,
body:not(.login-bg) .iw-access-secret__head,
body:not(.login-bg) .iw-access-welcome__head,
body:not(.login-bg) .iw-access-copy-head h4,
body:not(.login-bg) .iw-access-redesign__tiny-title,
body:not(.login-bg) .iw-access-redesign__section-head h3,
body:not(.login-bg) .iw-access-redesign__copy-head h3,
.iw-access-captcha__head,
.iw-access-secret__head,
.iw-access-welcome__head,
.iw-access-copy-head h4,
.iw-access-redesign__tiny-title,
.iw-access-redesign__section-head h3,
.iw-access-redesign__copy-head h3 {
  color: #191c17 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}
body:not(.login-bg) .iw-access-captcha__head i,
body:not(.login-bg) .iw-access-secret__head i,
body:not(.login-bg) .iw-access-welcome__head i,
body:not(.login-bg) .iw-access-copy-head h4 i,
body:not(.login-bg) .iw-access-redesign__tiny-title i,
body:not(.login-bg) .iw-access-redesign__section-head h3 i,
body:not(.login-bg) .iw-access-redesign__copy-head h3 i,
.iw-access-captcha__head i,
.iw-access-secret__head i,
.iw-access-welcome__head i,
.iw-access-copy-head h4 i,
.iw-access-redesign__tiny-title i,
.iw-access-redesign__section-head h3 i,
.iw-access-redesign__copy-head h3 i {
  color: #343a2e !important;
}
body:not(.login-bg) .iw-access-captcha__prompt,
body:not(.login-bg) .iw-access-redesign__section-head p,
.iw-access-captcha__prompt,
.iw-access-redesign__section-head p {
  color: #64695e !important;
}
body:not(.login-bg) .iw-access-captcha__input,
body:not(.login-bg) .iw-access-secret__item,
body:not(.login-bg) .iw-access-redesign__card,
body:not(.login-bg) .iw-access-redesign__mail-grid div,
.iw-access-captcha__input,
.iw-access-secret__item,
.iw-access-redesign__card,
.iw-access-redesign__mail-grid div {
  background: #fbfcf9 !important;
  border: 1px solid #eaefdf !important;
  border-radius: 8px !important;
  color: #191c17 !important;
}
body:not(.login-bg) .iw-access-captcha__btn,
body:not(.login-bg) .iw-access-redesign__copy-btn,
body:not(.login-bg) .iw-access-welcome__copy,
.iw-access-captcha__btn,
.iw-access-redesign__copy-btn,
.iw-access-welcome__copy {
  background: #343a2e !important;
  border: 1px solid #343a2e !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  text-transform: none !important;
}
body:not(.login-bg) .iw-access-captcha__btn.is-secondary,
body:not(.login-bg) .iw-access-copy-btn,
body:not(.login-bg) .iw-access-secret__toggle,
.iw-access-captcha__btn.is-secondary,
.iw-access-copy-btn,
.iw-access-secret__toggle {
  background: #ffffff !important;
  border: 1px solid #e9efdb !important;
  color: #64695e !important;
}
body:not(.login-bg) .iw-access-captcha__msg.is-ok,
body:not(.login-bg) .iw-access-redesign__copy-btn.is-copied,
.iw-access-captcha__msg.is-ok,
.iw-access-redesign__copy-btn.is-copied {
  color: #343a2e !important;
}
body:not(.login-bg) .iw-access-redesign__copy-btn.is-copied,
.iw-access-redesign__copy-btn.is-copied {
  background: #343a2e !important;
  border-color: #343a2e !important;
  color: #ffffff !important;
}
body:not(.login-bg) .iw-access-captcha__msg.is-error,
.iw-access-captcha__msg.is-error {
  color: #b42318 !important;
}
body:not(.login-bg) .iw-access-redesign__link-row,
.iw-access-redesign__link-row {
  background: #f5f8ee !important;
  border: 1px solid #dfe8cc !important;
  border-radius: 8px !important;
  color: #343a2e !important;
}
body:not(.login-bg) .iw-access-redesign__link-row > i,
body:not(.login-bg) .iw-access-redesign__link-row span,
.iw-access-redesign__link-row > i,
.iw-access-redesign__link-row span {
  color: #343a2e !important;
}
body:not(.login-bg) .iw-access-redesign__link-row--primary,
.iw-access-redesign__link-row--primary {
  background: #343a2e !important;
  border-color: #343a2e !important;
  color: #ffffff !important;
}
body:not(.login-bg) .iw-access-redesign__link-row--primary > i,
body:not(.login-bg) .iw-access-redesign__link-row--primary span,
.iw-access-redesign__link-row--primary > i,
.iw-access-redesign__link-row--primary span {
  color: #ffffff !important;
}
body:not(.login-bg) .iw-access-copy-source,
body:not(.login-bg) .iw-access-welcome__text,
body:not(.login-bg) .iw-access-redesign__copy-source,
.iw-access-copy-source,
.iw-access-welcome__text,
.iw-access-redesign__copy-source {
  background: #ffffff !important;
  border: 1px solid #eaefdf !important;
  border-radius: 8px !important;
  color: #191c17 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}
@media (max-width: 760px) {
  body:not(.login-bg) .iw-access-modal__head,
  body:not(.login-bg) .iw-access-modal__hero,
  .iw-access-modal__head,
  .iw-access-modal__hero {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    padding: 14px 48px 14px 14px !important;
  }
  body:not(.login-bg) .iw-access-modal__icon,
  .iw-access-modal__icon {
    width: 38px !important;
    height: 38px !important;
  }
}

/* IW 2026-07-11: compactar submenus del sidebar del area cliente */
body:not(.login-bg) nav#sidebar .iw-sub-list {
  margin-top: 3px !important;
  margin-bottom: 4px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
body:not(.login-bg) nav#sidebar .iw-sub-list > li {
  margin-top: 0 !important;
  margin-bottom: 1px !important;
}
body:not(.login-bg) nav#sidebar .iw-sub-link {
  min-height: 28px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  line-height: 1.15 !important;
}




.iw-coupon-clean__desc{
    margin:0px 0px 0px 0px!important;
    color:#d8e1c6;
    font-size:11px;
    line-height:1.0

}
.iw-coupon-clean__code{
    display:flex;
    align-items:center;
    min-height:24px!important;
    margin-top:-10px!important;
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;
    background:#191c17;overflow:hidden;
    margin:0px!important;
    
}
/* IW 2026-07-12 - boton inferior del sidebar tienda */
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-ver-tienda-btn,
body:not(.login-bg) .iw-nav-footer .iw-ver-tienda-btn{
  border:1px solid #ffffff!important;
}
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-ver-tienda-btn:hover,
body:not(.login-bg) .iw-nav-footer .iw-ver-tienda-btn:hover{
  border-color:#ffffff!important;
}

/* IW 2026-07-12 - cabecera compacta y clara para todos los detalles de servicio */
body:not(.login-bg) .theme-client-service-detail-page .iw-product-service-card {
  margin: 0 0 14px !important;
  border: 1px solid #e9efdc !important;
  border-radius: 14px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.98) 0%, rgba(250,252,247,.98) 58%, rgba(245,248,238,.92) 100%) !important;
  color: #191c17 !important;
  box-shadow: 0 12px 30px rgba(25,28,23, .07), inset 4px 0 0 rgba(52,58,46, .72) !important;
  overflow: hidden !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-product-service-card::before {
  display: block !important;
  inset: auto 18px 14px auto !important;
  width: 150px !important;
  height: 150px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(52,58,46,.13) 0%, rgba(52,58,46,0) 68%) !important;
  opacity: 1 !important;
  transform: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .glow-orb,
body:not(.login-bg) .theme-client-service-detail-page .glow-orb2,
body:not(.login-bg) .theme-client-service-detail-page .iw-d-left::after {
  display: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-d-card {
  min-height: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  background: transparent !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-d-left {
  width: 132px !important;
  flex: 0 0 132px !important;
  padding: 14px 14px !important;
  background: rgba(245,248,238,.72) !important;
  border-right: 1px solid rgba(52,58,46,.12) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .hex-wrap-d,
body:not(.login-bg) .theme-client-service-detail-page .hex-wrap-d svg {
  width: 46px !important;
  height: 52px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .hex-icon-d {
  color: #343a2e !important;
  font-size: 17px !important;
  text-shadow: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-left-label {
  margin-top: 6px !important;
  color: #343a2e !important;
  font-size: 10px !important;
  letter-spacing: .08em !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-d-body {
  gap: 9px !important;
  padding: 14px 18px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-d-top {
  gap: 10px !important;
  margin: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-badge,
body:not(.login-bg) .theme-client-service-detail-page .d-date,
body:not(.login-bg) .theme-client-service-detail-page .d-tag {
  border: 1px solid #e9efdc !important;
  background: rgba(255,255,255,.82) !important;
  color: #64695e !important;
  box-shadow: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-badge {
  min-height: 26px !important;
  padding: 5px 9px !important;
  font-size: 10.5px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-date {
  min-width: 110px !important;
  padding: 6px 10px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-date-label {
  color: #64695e !important;
  font-size: 9.5px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-date-val {
  color: #191c17 !important;
  font-size: 12px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-title {
  margin: 0 0 2px !important;
  color: #191c17 !important;
  font-size: clamp(19px, 2vw, 24px) !important;
  line-height: 1.15 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-sub {
  margin: 0 !important;
  color: #64695e !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-tags {
  gap: 6px !important;
  margin: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-tag {
  min-height: 26px !important;
  padding: 5px 9px !important;
  font-size: 11px !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-tag.done {
  background: #eaf9f1 !important;
  border-color: #bfe9cf !important;
  color: #0f8a55 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-actions {
  gap: 7px !important;
  margin: 1px 0 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-btn {
  min-height: 34px !important;
  padding: 7px 11px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  box-shadow: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-btn-outline {
  background: #ffffff !important;
  border: 1px solid #e9efdc !important;
  color: #191c17 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-btn-outline:hover,
body:not(.login-bg) .theme-client-service-detail-page .d-btn-outline:focus {
  border-color: rgba(52,58,46,.34) !important;
  background: #f5f8ee !important;
  color: #343a2e !important;
}

body:not(.login-bg) .theme-client-service-detail-page .d-btn-cpanel {
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 100%) !important;
  border-color: #343a2e !important;
  color: #ffffff !important;
}

@media (max-width: 760px) {
  body:not(.login-bg) .theme-client-service-detail-page .iw-d-card {
    display: block !important;
  }
  body:not(.login-bg) .theme-client-service-detail-page .iw-d-left {
    width: 100% !important;
    min-height: 58px !important;
    flex: none !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 10px 14px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(52,58,46,.12) !important;
  }
  body:not(.login-bg) .theme-client-service-detail-page .d-left-label {
    margin-top: 0 !important;
  }
  body:not(.login-bg) .theme-client-service-detail-page .iw-d-body {
    padding: 12px 14px !important;
  }
  body:not(.login-bg) .theme-client-service-detail-page .d-date {
    min-width: 0 !important;
  }
}

/* IW 2026-07-12 - refuerzo global contra estilos por ID de servicio */
body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] .iw-product-service-card {
  margin: 0 0 14px !important;
  border: 1px solid #e9efdc !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.98) 0%, rgba(250,252,247,.98) 58%, rgba(245,248,238,.92) 100%) !important;
  color: #191c17 !important;
  box-shadow: 0 12px 30px rgba(25,28,23, .07), inset 4px 0 0 rgba(52,58,46, .72) !important;
}
body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] .iw-product-service-card::before {
  display: block !important;
  inset: auto 18px 14px auto !important;
  width: 150px !important;
  height: 150px !important;
  background: radial-gradient(circle, rgba(52,58,46,.13) 0%, rgba(52,58,46,0) 68%) !important;
  opacity: 1 !important;
}
body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] .glow-orb,
body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] .glow-orb2,
body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] .iw-d-left::after {
  display: none !important;
}
body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] .iw-d-card {
  min-height: 0 !important;
  display: flex !important;
  align-items: stretch !important;
}
body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] .iw-d-left {
  width: 132px !important;
  flex-basis: 132px !important;
  flex: 0 0 132px !important;
  padding: 14px !important;
  background: rgba(245,248,238,.72) !important;
  border-right: 1px solid rgba(52,58,46,.12) !important;
}
body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] .iw-d-body {
  gap: 9px !important;
  padding: 14px 18px !important;
}
body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] .d-title {
  color: #191c17 !important;
  font-size: clamp(19px, 2vw, 24px) !important;
  line-height: 1.15 !important;
}
body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] .d-sub,
body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] .d-date-label {
  color: #64695e !important;
}
body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] .d-badge,
body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] .d-date,
body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] .d-tag,
body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] .d-btn-outline {
  background: rgba(255,255,255,.82) !important;
  border-color: #e9efdc !important;
  color: #64695e !important;
  box-shadow: none !important;
}
body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] .d-tag.done {
  background: #eaf9f1 !important;
  border-color: #bfe9cf !important;
  color: #0f8a55 !important;
}
@media (max-width: 760px) {
  body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] .iw-d-card {
    display: block !important;
  }
  body:not(.login-bg) .theme-client-service-detail-page[class*="iw-service-detail-url-"] .iw-d-left {
    width: 100% !important;
    flex: none !important;
    min-height: 58px !important;
    padding: 10px 14px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(52,58,46,.12) !important;
  }
}

/* IW 2026-07-12 - contraste de iconos y estados en resumen del dashboard */
body:not(.login-bg) #iw-tour-stats-grid .iw-stat-icon {
  border: 1px solid transparent !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 8px 18px rgba(25,28,23,.08) !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-icon i,
body:not(.login-bg) #iw-tour-stats-grid .iw-stat-icon svg,
body:not(.login-bg) #iw-tour-stats-grid .iw-stat-icon * {
  color: currentColor !important;
  fill: currentColor !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-icon.icon-teal {
  background: linear-gradient(135deg, #ecf2e1 0%, #859c58 100%) !important;
  border-color: #b7e532 !important;
  color: #343a2e !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-icon.icon-blue {
  background: linear-gradient(135deg, #eff3e5 0%, #d7e2be 100%) !important;
  border-color: #859c58 !important;
  color: #343a2e !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-icon.icon-amber {
  background: linear-gradient(135deg, #fff0c2 0%, #f7c56b 100%) !important;
  border-color: #edb653 !important;
  color: #8a3f08 !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-icon.icon-violet {
  background: linear-gradient(135deg, #eee8ff 0%, #c9b8ff 100%) !important;
  border-color: #b6a1f4 !important;
  color: #4c1d95 !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-badge {
  border: 1px solid transparent !important;
  font-weight: 850 !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-badge.badge-teal {
  background: #ecf2e1 !important;
  border-color: #859c58 !important;
  color: #343a2e !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-badge.badge-blue {
  background: #eff3e5 !important;
  border-color: #d7e2be !important;
  color: #343a2e !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-badge.badge-amber {
  background: #fff0c2 !important;
  border-color: #f7c56b !important;
  color: #8a3f08 !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-badge.badge-violet {
  background: #eee8ff !important;
  border-color: #c9b8ff !important;
  color: #4c1d95 !important;
}

body:not(.login-bg) #iw-tour-stats-grid .iw-stat-card:hover .iw-stat-icon {
  transform: translateY(-1px) !important;
  filter: saturate(1.06) contrast(1.02) !important;
}

/* IW 2026-07-12 - ordenar modal de accesos y adaptar a paleta corporativa */
body:not(.login-bg) .iw-access-modal,
body:not(.login-bg) .iw-access-modal.is-open {
  align-items: center !important;
  justify-content: center !important;
  padding: 18px !important;
}
body:not(.login-bg) .iw-access-modal__dialog {
  display: flex !important;
  flex-direction: column !important;
  width: min(920px, calc(100vw - 28px)) !important;
  max-height: calc(100vh - 36px) !important;
  overflow: hidden !important;
  border: 1px solid #e3ebd2 !important;
  border-radius: 14px !important;
  background: #fafbf7 !important;
  box-shadow: 0 28px 80px rgba(25,28,23, .28) !important;
}
body:not(.login-bg) .iw-access-modal__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 34px !important;
  align-items: start !important;
  gap: 12px !important;
  padding: 18px 18px 16px !important;
  background: linear-gradient(135deg, #191c17 0%, #343a2e 54%, #343a2e 100%) !important;
  border: 0 !important;
  color: #fff !important;
}
body:not(.login-bg) .iw-access-modal__head > div {
  min-width: 0 !important;
}
body:not(.login-bg) .iw-access-modal__head h3,
body:not(.login-bg) .iw-access-modal__head h2 {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  overflow-wrap: anywhere !important;
}
body:not(.login-bg) .iw-access-modal__head p {
  max-width: 680px !important;
  margin: 6px 0 0 !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
}
body:not(.login-bg) .iw-access-modal__close {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  border: 1px solid rgba(255,255,255,.26) !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
  box-shadow: none !important;
}
body:not(.login-bg) .iw-access-modal__body {
  display: grid !important;
  gap: 12px !important;
  padding: 14px !important;
  overflow: auto !important;
  background: #fafbf7 !important;
}
body:not(.login-bg) .iw-access-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
body:not(.login-bg) .iw-access-card,
body:not(.login-bg) .iw-access-captcha,
body:not(.login-bg) .iw-access-secret,
body:not(.login-bg) .iw-access-help,
body:not(.login-bg) .iw-access-copy,
body:not(.login-bg) .iw-access-welcome {
  min-width: 0 !important;
  border: 1px solid #e9efdc !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(25,28,23,.06) !important;
}
body:not(.login-bg) .iw-access-card {
  padding: 12px 13px !important;
}
body:not(.login-bg) .iw-access-card small,
body:not(.login-bg) .iw-access-secret__item small {
  display: block !important;
  margin: 0 0 5px !important;
  color: #64695e !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: .05em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}
body:not(.login-bg) .iw-access-card strong,
body:not(.login-bg) .iw-access-secret__item strong {
  display: block !important;
  min-width: 0 !important;
  color: #191c17 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;
  overflow-wrap: anywhere !important;
}
body:not(.login-bg) .iw-access-links {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
}
body:not(.login-bg) .iw-access-links .iw-svc-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  border: 1px solid #e3ebd2 !important;
  background: #fff !important;
  color: #343a2e !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
body:not(.login-bg) .iw-access-links .iw-svc-btn i {
  color: #343a2e !important;
}
body:not(.login-bg) .iw-access-links .iw-svc-btn-cpanel,
body:not(.login-bg) .iw-access-links .iw-svc-btn-whm {
  background: #343a2e !important;
  border-color: #343a2e !important;
  color: #fff !important;
}
body:not(.login-bg) .iw-access-links .iw-svc-btn-cpanel i,
body:not(.login-bg) .iw-access-links .iw-svc-btn-whm i {
  color: #fff !important;
}
body:not(.login-bg) .iw-access-captcha,
body:not(.login-bg) .iw-access-secret,
body:not(.login-bg) .iw-access-copy,
body:not(.login-bg) .iw-access-welcome {
  padding: 13px !important;
}
body:not(.login-bg) .iw-access-captcha__head,
body:not(.login-bg) .iw-access-secret__head,
body:not(.login-bg) .iw-access-welcome__head,
body:not(.login-bg) .iw-access-copy-head h4 {
  margin: 0 0 8px !important;
  color: #191c17 !important;
  font-size: 13.5px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}
body:not(.login-bg) .iw-access-captcha__prompt {
  margin: 0 0 10px !important;
  padding: 10px 12px !important;
  border: 1px solid #dfe8cc !important;
  border-radius: 10px !important;
  background: #f5f8ee !important;
  color: #343a2e !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}
body:not(.login-bg) .iw-access-captcha__form {
  display: grid !important;
  grid-template-columns: minmax(150px, 1fr) auto auto !important;
  gap: 8px !important;
  align-items: center !important;
}
body:not(.login-bg) .iw-access-captcha__input {
  width: 100% !important;
  min-height: 40px !important;
  padding: 9px 11px !important;
  border: 1px solid #e3ebd2 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #191c17 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}
body:not(.login-bg) .iw-access-captcha__btn,
body:not(.login-bg) .iw-access-welcome__copy,
body:not(.login-bg) .iw-access-copy-btn {
  min-height: 40px !important;
  padding: 9px 12px !important;
  border-radius: 10px !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}
body:not(.login-bg) .iw-access-captcha__btn:not(.is-secondary),
body:not(.login-bg) .iw-access-welcome__copy {
  background: #343a2e !important;
  border-color: #343a2e !important;
  color: #fff !important;
}
body:not(.login-bg) .iw-access-captcha__btn.is-secondary,
body:not(.login-bg) .iw-access-copy-btn,
body:not(.login-bg) .iw-access-secret__toggle {
  background: #fff !important;
  border: 1px solid #e3ebd2 !important;
  color: #343a2e !important;
}
body:not(.login-bg) .iw-access-secret__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
body:not(.login-bg) .iw-access-secret__item {
  padding: 11px 12px !important;
  border: 1px solid #e9efdc !important;
  border-radius: 10px !important;
  background: #fbfcf9 !important;
}
body:not(.login-bg) .iw-access-secret__password-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}
body:not(.login-bg) .iw-access-secret__password {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
body:not(.login-bg) .iw-access-help {
  padding: 11px 13px !important;
  background: #f5f8ef !important;
  border-color: #dfe8cb !important;
  color: #343a2e !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}
body:not(.login-bg) .iw-access-copy-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 9px !important;
}
body:not(.login-bg) .iw-access-copy-source,
body:not(.login-bg) .iw-access-welcome__text {
  display: block !important;
  width: 100% !important;
  min-height: 150px !important;
  max-height: 260px !important;
  padding: 12px !important;
  border: 1px solid #e3ebd2 !important;
  border-radius: 10px !important;
  background: #191c17 !important;
  color: #f5f8ee !important;
  font-family: Consolas, Monaco, "Courier New", monospace !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  resize: vertical !important;
}
@media (max-width: 820px) {
  body:not(.login-bg) .iw-access-grid,
  body:not(.login-bg) .iw-access-links,
  body:not(.login-bg) .iw-access-secret__grid {
    grid-template-columns: 1fr !important;
  }
  body:not(.login-bg) .iw-access-captcha__form {
    grid-template-columns: 1fr !important;
  }
  body:not(.login-bg) .iw-access-captcha__btn,
  body:not(.login-bg) .iw-access-copy-btn,
  body:not(.login-bg) .iw-access-welcome__copy,
  body:not(.login-bg) .iw-access-secret__toggle {
    width: 100% !important;
    justify-content: center !important;
  }
}
@media (max-width: 560px) {
  body:not(.login-bg) .iw-access-modal {
    padding: 8px !important;
  }
  body:not(.login-bg) .iw-access-modal__dialog {
    width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 16px) !important;
    border-radius: 12px !important;
  }
  body:not(.login-bg) .iw-access-modal__head {
    grid-template-columns: minmax(0, 1fr) 32px !important;
    padding: 15px !important;
  }
  body:not(.login-bg) .iw-access-modal__head h3,
  body:not(.login-bg) .iw-access-modal__head h2 {
    font-size: 17px !important;
  }
  body:not(.login-bg) .iw-access-modal__body {
    padding: 10px !important;
  }
}

/* IW 2026-07-12 - asegurar centrado real del modal abierto */
body:not(.login-bg) .iw-access-modal.is-open,
.iw-access-modal.is-open {
  display: flex !important;
}

/* IW 2026-07-13 - service #2038 access hover polish */
body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts a {
  background: #ffffff !important;
  border: 1px solid #e9efdc !important;
  box-shadow: 0 7px 18px rgba(25,28,23, .055) !important;
  color: #191c17 !important;
  overflow: hidden !important;
  position: relative !important;
  text-decoration: none !important;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, background .16s ease, color .16s ease !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a::before,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts a::before {
  background: linear-gradient(90deg, #343a2e, #64695e) !important;
  content: "" !important;
  height: 3px !important;
  left: 12px !important;
  opacity: 0 !important;
  position: absolute !important;
  right: 12px !important;
  top: 0 !important;
  transform: scaleX(.72) !important;
  transform-origin: left center !important;
  transition: opacity .16s ease, transform .16s ease !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a:hover,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a:focus,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts a:hover,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts a:focus {
  background: linear-gradient(180deg, #ffffff 0%, #fbfcf8 100%) !important;
  border-color: #859c58 !important;
  box-shadow: 0 14px 32px rgba(52,58,46, .13) !important;
  color: #191c17 !important;
  filter: none !important;
  transform: translateY(-2px) !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a:hover::before,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a:focus::before,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts a:hover::before,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts a:focus::before {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a > span {
  background: linear-gradient(135deg, #f3f7ec 0%, #f8faf3 100%) !important;
  border: 1px solid #e1e9cf !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 8px 16px rgba(52,58,46,.08) !important;
  color: #343a2e !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a:hover > span,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a:focus > span {
  background: linear-gradient(135deg, #343a2e 0%, #343a2e 100%) !important;
  border-color: rgba(52,58,46,.42) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a > span i,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts a > i:first-child {
  color: currentColor !important;
  opacity: 1 !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a:hover strong,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a:focus strong,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts a:hover b,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts a:focus b {
  color: #191c17 !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a:hover small,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a:focus small {
  color: #343a2e !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a > i:last-child {
  color: #64695e !important;
  transition: color .16s ease, transform .16s ease !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a:hover > i:last-child,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a:focus > i:last-child {
  color: #343a2e !important;
  transform: translateX(2px) !important;
}
body:not(.login-bg) .theme-client-service-detail-page .iw-box-access-list a:focus-visible,
body:not(.login-bg) .theme-client-service-detail-page .iw-box-shortcuts a:focus-visible {
  outline: 2px solid rgba(52,58,46,.45) !important;
  outline-offset: 2px !important;
}

#iw-cart-app.iw-reference-store .iw-ref-wrap{
    padding:0px!important;
    margin:0px!important;
}
    
#iw-cart-app.iw-reference-store .iw-ref-grid{
}
#iw-cart-app{
    margin:-30px!important;
}
header.iw-tariff-hero .iw-store-heading{
    width:100%!important;
}
/* IW 2026-07-13 - sidebar submenu tighter + account panel flat/above */
body:not(.login-bg) nav#sidebar .iw-sub-list {
  margin-top: 1px !important;
  margin-bottom: 2px !important;
  padding: 1px 0 1px 8px !important;
}
body:not(.login-bg) nav#sidebar .iw-sub-list > li {
  margin: 0 !important;
}
body:not(.login-bg) nav#sidebar .iw-sub-link {
  min-height: 24px !important;
  padding: 3px 8px 3px 10px !important;
  line-height: 1.08 !important;
}

body:not(.login-bg) .menu-myaccount-clientx,
body:not(.login-bg) .menu-myaccount-clientx.left-open-myaccount-sec,
body:not(.login-bg) .left-open-myaccount-sec {
  z-index: 2147482500 !important;
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid #e5eadb !important;
  box-shadow: none !important;
  filter: none !important;
}
body:not(.login-bg) .menu-myaccount-clientx::before,
body:not(.login-bg) .menu-myaccount-clientx::after,
body:not(.login-bg) .left-open-myaccount-sec::before,
body:not(.login-bg) .left-open-myaccount-sec::after {
  display: none !important;
  content: none !important;
  box-shadow: none !important;
}
body:not(.login-bg) .menu-myaccount-clientx .panel-setting-heading,
body:not(.login-bg) .menu-myaccount-clientx .panel-setting-sidconetnt,
body:not(.login-bg) .menu-myaccount-clientx .myaccount-sidenav,
body:not(.login-bg) .menu-myaccount-clientx .myaccount-sidenav .dropdown-menu-right,
body:not(.login-bg) .menu-myaccount-clientx .card,
body:not(.login-bg) .menu-myaccount-clientx .card-body {
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}
body:not(.login-bg) .menu-myaccount-clientx .panel-setting-heading {
  padding: 10px 14px !important;
}

/* IW 2026-07-15 - sidebar principal 10% y submenus 20% mas compactos */
body:not(.login-bg) nav#sidebar .iw-nav-body {
  padding-top: 9px !important;
}
body:not(.login-bg) nav#sidebar .iw-nav-list {
  gap: 3px !important;
}
body:not(.login-bg) nav#sidebar .iw-nav-item {
  margin-bottom: 2px !important;
}
body:not(.login-bg) nav#sidebar .iw-has-sub {
  margin-bottom: 6px !important;
}
body:not(.login-bg) nav#sidebar .iw-nav-link {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
body:not(.login-bg) nav#sidebar .iw-nav-link > .iw-icon-box {
  height: 38px !important;
}
body:not(.login-bg) nav#sidebar .iw-nav-label {
  font-size: 13px !important;
}
body:not(.login-bg) nav#sidebar .iw-sub-list {
  margin-left: 8px !important;
}
body:not(.login-bg) nav#sidebar .iw-sub-link {
  min-height: 14px !important;
  padding-top: 0 !important;
  padding-right: 3px !important;
  padding-bottom: 0 !important;
  padding-left: 5px !important;
  font-size: 8.5px !important;
  line-height: 1.05 !important;
}
body:not(.login-bg) nav#sidebar .iw-sub-link .iw-sub-icon,
body:not(.login-bg) nav#sidebar .iw-sub-link .iw-sub-icon i {
  font-size: 8px !important;
}
.iw-nav-logo {
  width: 100%; /* Aumenta 1/3 más el ancho del contenedor */
}

/* Asegura que la imagen dentro del contenedor se adapte al nuevo tamaño */
.iw-nav-logo img {
  width: 134%!important;
  height: 60px!important;
}

/* IW 2026-08-04 - secondary tools close the sidebar navigation. */
body:not(.login-bg) nav#sidebar .iw-nav-tools-end {
  margin-top: 8px !important;
  padding-top: 9px !important;
  border-top: 1px solid #e8eedb !important;
}

body:not(.login-bg) nav#sidebar .iw-nav-tools-end > .iw-nav-link {
  margin-top: 0 !important;
}

/* IW 2026-08-04 - dashboard y servicios: densidad compacta ordenada */
body:not(.login-bg) .iw-stat-grid {
  gap: 10px !important;
  margin-bottom: 12px !important;
}
body:not(.login-bg) .iw-stat-card {
  min-height: 116px !important;
  padding: 13px !important;
  border-radius: 13px !important;
}
body:not(.login-bg) .iw-stat-topline {
  height: 3px !important;
  border-radius: 13px 13px 0 0 !important;
}
body:not(.login-bg) .iw-stat-row {
  gap: 9px !important;
  margin-bottom: 5px !important;
}
body:not(.login-bg) .iw-stat-icon {
  width: 38px !important;
  height: 38px !important;
  flex-basis: 38px !important;
  border-radius: 10px !important;
}
body:not(.login-bg) .iw-stat-icon i { font-size: 17px !important; }
body:not(.login-bg) .iw-stat-meta { gap: 1px !important; }
body:not(.login-bg) .iw-stat-label {
  font-size: 9.5px !important;
  letter-spacing: .045em !important;
}
body:not(.login-bg) .iw-stat-number { font-size: 23px !important; }
body:not(.login-bg) .iw-stat-desc {
  min-height: 0 !important;
  margin: 2px 0 7px !important;
  font-size: 10.5px !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body:not(.login-bg) .iw-stat-footer {
  gap: 7px !important;
  padding-top: 7px !important;
}
body:not(.login-bg) .iw-stat-badge {
  padding: 3px 7px !important;
  font-size: 9.5px !important;
}
body:not(.login-bg) .iw-stat-link {
  gap: 4px !important;
  font-size: 10px !important;
}
body:not(.login-bg) .iw-stat-link i { font-size: 9px !important; }

body:not(.login-bg) .iw-home-services-panel#iw-tour-services-card {
  margin-bottom: 12px !important;
  border-radius: 13px !important;
  box-shadow: 0 10px 28px rgba(25,28,23,.055) !important;
}
body:not(.login-bg) .iw-home-services-head {
  gap: 11px !important;
  padding: 10px 13px !important;
}
body:not(.login-bg) .iw-home-services-titleblock { gap: 9px !important; }
body:not(.login-bg) .iw-home-services-mark {
  width: 32px !important;
  height: 32px !important;
  flex-basis: 32px !important;
  border-radius: 9px !important;
}
body:not(.login-bg) .iw-home-services-mark i { font-size: 13px !important; }
body:not(.login-bg) .iw-home-services-kicker {
  margin-bottom: 2px !important;
  font-size: 9px !important;
}
body:not(.login-bg) .iw-home-services-titleblock h2 { font-size: 16px !important; }
body:not(.login-bg) .iw-home-services-head-actions { gap: 6px !important; }
body:not(.login-bg) .iw-home-services-link,
body:not(.login-bg) .iw-home-services-primary {
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  font-size: 10.5px !important;
}
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table thead th {
  height: 32px !important;
  padding: 7px 10px !important;
  font-size: 9.5px !important;
}
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table tbody td {
  padding: 7px 10px !important;
}
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .service-box { gap: 8px !important; }
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .service-icon {
  width: 30px !important;
  height: 30px !important;
  flex-basis: 30px !important;
  border-radius: 9px !important;
}
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .service-line-domain {
  font-size: 12px !important;
  line-height: 1.15 !important;
}
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .service-line-product {
  font-size: 9px !important;
  line-height: 1.15 !important;
}
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .price-main,
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .date-main {
  font-size: 10.5px !important;
}
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .status-active {
  min-width: 66px !important;
  min-height: 21px !important;
  padding: 3px 7px !important;
  font-size: 9px !important;
}
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table .action-btn,
body:not(.login-bg) #iw-tour-services-card .iw-services-table .actions-box .action-btn {
  min-height: 26px !important;
  padding: 0 7px !important;
  border-radius: 7px !important;
  font-size: 9.5px !important;
}

body:not(.login-bg) .iw-services-shell { margin-top: 8px !important; }
body:not(.login-bg) .iw-services-head {
  gap: 10px !important;
  padding: 11px 14px !important;
  border-radius: 10px !important;
}
body:not(.login-bg) .iw-services-head h1 { font-size: 18px !important; }
body:not(.login-bg) .iw-services-head p {
  margin-top: 3px !important;
  font-size: 10.5px !important;
}
body:not(.login-bg) .iw-services-head .iw-services-cta {
  height: 31px !important;
  padding: 0 10px !important;
  border-radius: 7px !important;
  font-size: 10.5px !important;
}
body:not(.login-bg) .iw-services-toolbar {
  gap: 7px !important;
  margin-top: 8px !important;
  padding: 8px !important;
  border-radius: 10px !important;
}
body:not(.login-bg) .iw-services-tabs { gap: 5px !important; }
body:not(.login-bg) .iw-services-tab {
  height: 29px !important;
  gap: 5px !important;
  padding: 0 9px !important;
  border-radius: 7px !important;
  font-size: 10px !important;
}
body:not(.login-bg) .iw-services-tab .iw-tab-count {
  min-width: 19px !important;
  height: 18px !important;
  padding: 0 5px !important;
  font-size: 9px !important;
}
body:not(.login-bg) .iw-services-search,
body:not(.login-bg) .iw-services-sort {
  height: 30px !important;
  font-size: 10.5px !important;
}
body:not(.login-bg) .iw-services-table-wrap {
  margin-top: 8px !important;
  border-radius: 10px !important;
}
body:not(.login-bg) #tableServicesList thead th {
  padding: 7px 9px !important;
  font-size: 9.5px !important;
}
body:not(.login-bg) #tableServicesList tbody td {
  padding: 7px 9px !important;
  font-size: 9.5px !important;
}
body:not(.login-bg) #tableServicesList .iw-service-main {
  gap: 8px !important;
  padding: 6px 8px !important;
  border-radius: 9px !important;
}
body:not(.login-bg) #tableServicesList .iw-service-hex {
  width: 28px !important;
  height: 32px !important;
  flex-basis: 28px !important;
  font-size: 10px !important;
}
body:not(.login-bg) #tableServicesList .iw-service-title-block { gap: 2px !important; }
body:not(.login-bg) #tableServicesList .iw-service-title-block .iw-service-domain,
body:not(.login-bg) #tableServicesList .service-line-domain {
  font-size: 11.5px !important;
  line-height: 1.15 !important;
}
body:not(.login-bg) #tableServicesList .iw-service-title-block .iw-service-plan,
body:not(.login-bg) #tableServicesList .service-line-product { font-size: 8.5px !important; }
body:not(.login-bg) #tableServicesList .iw-price-amount,
body:not(.login-bg) #tableServicesList .price-main,
body:not(.login-bg) #tableServicesList .date-main { font-size: 10.5px !important; }
body:not(.login-bg) #tableServicesList .iw-price-cycle { font-size: 8.5px !important; }
body:not(.login-bg) #tableServicesList .iw-status-badge,
body:not(.login-bg) #tableServicesList .status-active {
  min-width: 66px !important;
  min-height: 21px !important;
  height: 21px !important;
  padding: 0 7px !important;
  font-size: 8.5px !important;
}
body:not(.login-bg) #tableServicesList .action-btn,
body:not(.login-bg) #tableServicesList .iw-service-list-actions .action-btn,
body:not(.login-bg) #tableServicesList .iw-service-list-actions .iw-svc-btn {
  min-height: 26px !important;
  padding: 0 7px !important;
  font-size: 9.5px !important;
}

@media (max-width: 575px) {
  body:not(.login-bg) .iw-stat-grid { gap: 8px !important; }
  body:not(.login-bg) .iw-stat-card { min-height: 108px !important; padding: 12px !important; }
  body:not(.login-bg) .iw-stat-desc { white-space: normal !important; }
}

/* IW 2026-08-04 - misma fila de servicio en inicio y /servicios */
body:not(.login-bg) #iw-tour-services-card .iw-services-table .service-box,
body:not(.login-bg) #tableServicesList.services-table .service-box {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}
body:not(.login-bg) #iw-tour-services-card .iw-services-table .service-icon,
body:not(.login-bg) #tableServicesList.services-table .service-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  border: 1px solid #dee7cc !important;
  border-radius: 9px !important;
  background: #f2f5ea !important;
  color: #343a2e !important;
  box-shadow: none !important;
}
body:not(.login-bg) #iw-tour-services-card .iw-services-table .service-icon i,
body:not(.login-bg) #tableServicesList.services-table .service-icon i {
  font-size: 12px !important;
}
body:not(.login-bg) #iw-tour-services-card .iw-services-table .service-info,
body:not(.login-bg) #tableServicesList.services-table .service-info {
  min-width: 0 !important;
  width: 100% !important;
}
body:not(.login-bg) #iw-tour-services-card .iw-services-table .service-line,
body:not(.login-bg) #tableServicesList.services-table .service-line {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 2px !important;
  min-width: 0 !important;
}
body:not(.login-bg) #iw-tour-services-card .iw-services-table .service-line-product,
body:not(.login-bg) #tableServicesList.services-table .service-line-product {
  display: block !important;
  order: 1 !important;
  width: 100% !important;
  overflow: hidden !important;
  color: #191c17 !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body:not(.login-bg) #iw-tour-services-card .iw-services-table .service-line-domain,
body:not(.login-bg) #tableServicesList.services-table .service-line-domain {
  display: block !important;
  order: 2 !important;
  width: 100% !important;
  overflow: hidden !important;
  color: #64695e !important;
  font-size: 9px !important;
  font-weight: 650 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body:not(.login-bg) #iw-tour-services-card .iw-services-table .service-line-dot,
body:not(.login-bg) #tableServicesList.services-table .service-line-dot {
  display: none !important;
}
body:not(.login-bg) .iw-services-head.iw-home-services-head {
  align-items: center !important;
  padding: 10px 13px !important;
  border-color: #eef2e4 !important;
  border-radius: 13px !important;
  background: linear-gradient(90deg, rgba(52,58,46,.08), rgba(255,255,255,0) 48%), #fff !important;
}
body:not(.login-bg) .iw-services-head .iw-home-services-titleblock h1 {
  margin: 0 !important;
  color: #191c17 !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
}
body:not(.login-bg) .iw-services-head .iw-services-cta.iw-home-services-primary {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 10px !important;
  border-color: #343a2e !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg,#343a2e,#343a2e) !important;
  color: #fff !important;
  font-size: 10.5px !important;
}
body:not(.login-bg) #iw-tour-services-card .iw-services-table.services-table {
  min-width: 980px !important;
  table-layout: fixed !important;
}
body:not(.login-bg) #tableServicesList.services-table {
  min-width: 1080px !important;
  table-layout: fixed !important;
}
body:not(.login-bg) #iw-tour-services-card .iw-services-table .iw-col-service,
body:not(.login-bg) #tableServicesList.services-table .iw-col-service { width: 30% !important; }
body:not(.login-bg) #iw-tour-services-card .iw-services-table .iw-col-price,
body:not(.login-bg) #tableServicesList.services-table .iw-col-price { width: 8% !important; }
body:not(.login-bg) #iw-tour-services-card .iw-services-table .iw-col-date,
body:not(.login-bg) #tableServicesList.services-table .iw-col-date { width: 10% !important; }
body:not(.login-bg) #iw-tour-services-card .iw-services-table .iw-col-status,
body:not(.login-bg) #tableServicesList.services-table .iw-col-status { width: 9% !important; }
body:not(.login-bg) #iw-tour-services-card .iw-services-table .iw-col-actions,
body:not(.login-bg) #tableServicesList.services-table .iw-col-actions {
  width: 43% !important;
  min-width: 460px !important;
}
body:not(.login-bg) #iw-tour-services-card .iw-services-table .iw-svc-actions-cell,
body:not(.login-bg) #tableServicesList.services-table .iw-service-actions-td {
  min-width: 460px !important;
}

/* IW 2026-08-04 - acceso directo al perfil desde el bloque del servicio */
body:not(.login-bg) #iw-tour-services-card .iw-service-profile-link {
  border-radius: 9px !important;
  color: inherit !important;
  text-decoration: none !important;
  transition: background-color .14s ease, box-shadow .14s ease !important;
}
body:not(.login-bg) #iw-tour-services-card .iw-service-profile-link:hover,
body:not(.login-bg) #iw-tour-services-card .iw-service-profile-link:focus {
  background: #f6f8f1 !important;
  box-shadow: 0 0 0 5px #f6f8f1 !important;
  color: inherit !important;
  outline: none !important;
  text-decoration: none !important;
}
body:not(.login-bg) #iw-tour-services-card .iw-service-profile-link:hover .service-line-product,
body:not(.login-bg) #iw-tour-services-card .iw-service-profile-link:focus .service-line-product {
  color: #343a2e !important;
}
body:not(.login-bg) #iw-tour-services-card .iw-service-clean-row {
  cursor: pointer !important;
}
body:not(.login-bg) #iw-tour-services-card .iw-service-clean-row:hover td {
  background: #fbfcf8 !important;
}
body:not(.login-bg) #iw-tour-services-card .iw-service-clean-row .action-btn,
body:not(.login-bg) #iw-tour-services-card .iw-service-clean-row button,
body:not(.login-bg) #iw-tour-services-card .iw-service-clean-row a {
  cursor: pointer !important;
}

/* IW 2026-08-04 - widgets inferiores iguales, compactos y estables */
body:not(.login-bg) .iw-home-grid#iw-tour-bottom-row {
  align-items: stretch !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}
body:not(.login-bg) #iw-tour-bottom-row > .iw-home-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 164px !important;
  border: 1px solid #eef2e4 !important;
  border-radius: 13px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(25,28,23,.05) !important;
}
body:not(.login-bg) #iw-tour-bottom-row .iw-home-card-head {
  min-height: 40px !important;
  padding: 5px 11px !important;
  border-bottom: 1px solid #f4f7ed !important;
}
body:not(.login-bg) #iw-tour-bottom-row .iw-home-card-title { gap: 8px !important; }
body:not(.login-bg) #iw-tour-bottom-row .iw-home-card-title h3 {
  font-size: 12.5px !important;
  line-height: 1.2 !important;
}
body:not(.login-bg) #iw-tour-bottom-row .iw-home-card-icon {
  width: 26px !important;
  height: 26px !important;
  border-radius: 8px !important;
}
body:not(.login-bg) #iw-tour-bottom-row .iw-home-card-icon svg {
  width: 14px !important;
  height: 14px !important;
}
body:not(.login-bg) #iw-tour-bottom-row .iw-home-card-link { font-size: 10px !important; }
body:not(.login-bg) #iw-tour-bottom-row .iw-home-card-body {
  flex: 1 1 auto !important;
  padding: 6px 11px !important;
}
body:not(.login-bg) #iw-tour-bottom-row .iw-home-card-footer {
  min-height: 36px !important;
  padding: 4px 11px !important;
  border-top: 1px solid #f4f7ed !important;
  gap: 6px !important;
}
body:not(.login-bg) #iw-tour-bottom-row .iw-home-card-btn {
  min-height: 26px !important;
  padding: 4px 9px !important;
  border-radius: 7px !important;
  font-size: 10.5px !important;
}
body:not(.login-bg) #iw-tour-bottom-row .iw-ticket-row {
  min-height: 24px !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 3px 0 !important;
  border-bottom: 1px solid #f4f7ed !important;
}
body:not(.login-bg) #iw-tour-bottom-row .iw-ticket-row:hover {
  margin: 0 -6px !important;
  padding-right: 6px !important;
  padding-left: 6px !important;
}
body:not(.login-bg) #iw-tour-bottom-row .iw-ticket-id {
  padding: 2px 6px !important;
  border-radius: 5px !important;
  font-size: 9px !important;
}
body:not(.login-bg) #iw-tour-bottom-row .iw-ticket-subject { font-size: 10.5px !important; }
body:not(.login-bg) #iw-tour-bottom-row .iw-ticket-status {
  padding: 2px 7px !important;
  font-size: 9px !important;
}
body:not(.login-bg) #iw-tour-bottom-row .iw-ticket-row-empty {
  pointer-events: none !important;
  opacity: .48 !important;
}
body:not(.login-bg) #iw-tour-bottom-row .iw-ticket-row-empty .iw-ticket-id,
body:not(.login-bg) #iw-tour-bottom-row .iw-ticket-row-empty .iw-ticket-status {
  background: #f6f9f1 !important;
  color: #9ba88a !important;
}
body:not(.login-bg) #iw-tour-bottom-row .iw-domain-mini-body { gap: 5px !important; }
body:not(.login-bg) #iw-tour-bottom-row .iw-domain-mini-desc {
  font-size: 10.5px !important;
  line-height: 1.25 !important;
}
body:not(.login-bg) #iw-tour-bottom-row .iw-domain-mini-form {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(150px,190px) !important;
  align-items: center !important;
  gap: 5px !important;
}
body:not(.login-bg) #iw-tour-bottom-row .iw-domain-mini-input-wrap {
  height: 28px !important;
  padding: 0 9px !important;
  border-radius: 8px !important;
}
body:not(.login-bg) #iw-tour-bottom-row .iw-domain-mini-input-wrap input {
  padding: 0 !important;
  font-size: 11px !important;
}
body:not(.login-bg) #iw-tour-bottom-row .iw-domain-mini-btns { gap: 5px !important; }
body:not(.login-bg) #iw-tour-bottom-row .iw-domain-mini-btn {
  min-height: 27px !important;
  padding: 4px 8px !important;
  border-radius: 7px !important;
  font-size: 10px !important;
}
body:not(.login-bg) #iw-tour-bottom-row .iw-domain-tld-chips { gap: 5px !important; }
body:not(.login-bg) #iw-tour-bottom-row .iw-tld-chip {
  padding: 2px 7px !important;
  border-radius: 5px !important;
  font-size: 9.5px !important;
}
@media (max-width: 760px) {
  body:not(.login-bg) #iw-tour-bottom-row .iw-domain-mini-form {
    grid-template-columns: 1fr !important;
  }
}

/* IW 2026-08-06 - home: cabecera de servicios más baja y legible */
body:not(.login-bg) #iw-tour-services-card .iw-home-services-table thead th {
  height: 24px !important;
  min-height: 24px !important;
  padding: 2px 10px !important;
  font-size: 8px !important;
  line-height: 1 !important;
}

/* IW 2026-08-06 - panel: WhatsApp solo como icono. */
html body.iw-panel-light .iw-whatsapp-float,
html body.iw-panel-light a.iw-whatsapp-float {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 !important;
  border-radius: 50% !important;
}

html body.iw-panel-light .iw-whatsapp-float-copy {
  display: none !important;
}

html body.iw-panel-light .iw-whatsapp-float-icon {
  display: inline-flex !important;
  flex: 0 0 48px !important;
  width: 48px !important;
  height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.iw-panel-light .iw-whatsapp-float-icon svg {
  width: 25px !important;
  height: 25px !important;
}

.iwm-reader-v2__title{
    padding:10px!important;
}

/* IW 2026-08-25 - Creador de cotizaciones como aplicación incluida. */
html body.iw-panel-light:not(.login-bg) #iw-tour-services-card.iw-home-services-panel .iw-home-services-table tr.iw-service-clean-quotes .service-box.iw-service-profile-link .service-icon {
  border-color: #fed7aa !important;
  background: linear-gradient(145deg, #fff7ed, #ffedd5) !important;
  color: #c2410c !important;
}

html body.iw-panel-light:not(.login-bg) #iw-tour-services-card.iw-home-services-panel .iw-home-services-table tr.iw-service-clean-quotes .iw-home-service-actions .action-btn.btn-quotes {
  border: 1px solid #ea580c !important;
  background: linear-gradient(135deg, #f97316, #ea580c) !important;
  color: #ffffff !important;
}

html body.iw-panel-light:not(.login-bg) #iw-tour-services-card.iw-home-services-panel .iw-home-services-table tr.iw-service-clean-quotes .iw-home-service-actions .action-btn.btn-quotes:hover,
html body.iw-panel-light:not(.login-bg) #iw-tour-services-card.iw-home-services-panel .iw-home-services-table tr.iw-service-clean-quotes .iw-home-service-actions .action-btn.btn-quotes:focus {
  border-color: #c2410c !important;
  background: #c2410c !important;
  color: #ffffff !important;
}

html body.iw-panel-light:not(.login-bg) #iw-tour-services-card.iw-home-services-panel .iw-home-services-table tr.iw-home-addon-row {
  background: linear-gradient(90deg, rgba(255,247,237,.72), #ffffff 38%) !important;
}

/* IW 2026-08-27 - home: capacidad de disco compacta dentro de cada hosting. */
html body.iw-panel-light:not(.login-bg) #iw-tour-services-card .iw-home-disk {
  order: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 20px !important;
  margin-top: 1px !important;
  padding: 2px 6px 2px 3px !important;
  gap: 5px !important;
  border: 1px solid #e5ecd7 !important;
  border-radius: 7px !important;
  background: #fbfcf8 !important;
  color: #343a2e !important;
  font-size: 8.5px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: 0 1px 2px rgba(25,28,23, .03) !important;
}

html body.iw-panel-light:not(.login-bg) #iw-tour-services-card .iw-home-disk__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  border-radius: 5px !important;
  background: #f2f5ea !important;
  color: #343a2e !important;
}

html body.iw-panel-light:not(.login-bg) #iw-tour-services-card .iw-home-disk__icon svg {
  width: 10px !important;
  height: 10px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.iw-panel-light:not(.login-bg) #iw-tour-services-card .iw-home-disk__copy {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 2px !important;
  min-width: 0 !important;
}

html body.iw-panel-light:not(.login-bg) #iw-tour-services-card .iw-home-disk__copy strong {
  color: #191c17 !important;
  font-weight: 850 !important;
}

html body.iw-panel-light:not(.login-bg) #iw-tour-services-card .iw-home-disk__copy span {
  color: #64695e !important;
}

html body.iw-panel-light:not(.login-bg) #iw-tour-services-card .iw-home-disk__track {
  display: block !important;
  width: 38px !important;
  height: 4px !important;
  flex: 0 0 38px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: #e8eddc !important;
}

html body.iw-panel-light:not(.login-bg) #iw-tour-services-card .iw-home-disk__track > span {
  display: block !important;
  height: 100% !important;
  min-width: 2px !important;
  border-radius: inherit !important;
  background: #19a974 !important;
}

html body.iw-panel-light:not(.login-bg) #iw-tour-services-card .iw-home-disk__percent,
html body.iw-panel-light:not(.login-bg) #iw-tour-services-card .iw-home-disk__state {
  color: #16805a !important;
  font-size: 8px !important;
  font-weight: 850 !important;
}

html body.iw-panel-light:not(.login-bg) #iw-tour-services-card .iw-home-disk.is-watch .iw-home-disk__track > span {
  background: #d69b13 !important;
}

html body.iw-panel-light:not(.login-bg) #iw-tour-services-card .iw-home-disk.is-near .iw-home-disk__track > span {
  background: #ea781d !important;
}

html body.iw-panel-light:not(.login-bg) #iw-tour-services-card .iw-home-disk.is-critical {
  border-color: #f1c5c2 !important;
  background: #fff8f7 !important;
}

html body.iw-panel-light:not(.login-bg) #iw-tour-services-card .iw-home-disk.is-critical .iw-home-disk__track > span {
  background: #cf3f33 !important;
}

html body.iw-panel-light:not(.login-bg) #iw-tour-services-card .iw-home-disk.is-critical .iw-home-disk__percent {
  color: #b42318 !important;
}

html body.iw-panel-light:not(.login-bg) #iw-tour-services-card .iw-home-disk.is-unlimited {
  border-color: #e4ecd4 !important;
  background: #fbfcf9 !important;
}

html body.iw-panel-light:not(.login-bg) #iw-tour-services-card .iw-home-disk.is-unlimited .iw-home-disk__icon {
  background: #f4f7ed !important;
  color: #343a2e !important;
}

html body.iw-panel-light:not(.login-bg) #iw-tour-services-card .iw-home-disk.is-unlimited .iw-home-disk__state {
  padding-left: 5px !important;
  border-left: 1px solid #e8eeda !important;
  color: #343a2e !important;
}

@media (max-width: 640px) {
  html body.iw-panel-light:not(.login-bg) #iw-tour-services-card .iw-home-disk {
    min-height: 22px !important;
    margin-top: 3px !important;
    padding: 3px 7px 3px 3px !important;
    gap: 6px !important;
    font-size: 9px !important;
  }

  html body.iw-panel-light:not(.login-bg) #iw-tour-services-card .iw-home-disk__track {
    width: 44px !important;
    flex-basis: 44px !important;
  }
}