/**
 * Gen3 — Identidade visual portal = site (CTAs dourados + teal #204D44).
 * Só estilo. Carrega por último para vencer overrides verdes neon.
 */

body.page-portal,
body.page-support-guest,
body.gen3-theme.page-cart {
  --gen3-teal-deep: #204d44;
  --gen3-teal-darker: #163832;
  --gen3-teal-bright: #2d6b5e;
  --gen3-accent: #3d8f7a;
  --gen3-accent-mid: #2d6b5e;
  --gen3-accent-light: #4fa08b;
  --gen3-accent-glow: rgba(32, 77, 68, 0.38);
  --portal-accent: #3d8f7a;
  --portal-accent-2: #4fa08b;
  --portal-accent-glow: rgba(32, 77, 68, 0.38);
  --gen3-portal-cta-bg: linear-gradient(135deg, #e2c83a 0%, #d1b42b 100%);
  --gen3-portal-cta-bg-hover: linear-gradient(135deg, #ebd055 0%, #e2c83a 100%);
  --gen3-portal-cta-text: #204d44;
  --gen3-portal-cta-shadow: 0 2px 8px rgba(209, 180, 43, 0.25);
  --gen3-portal-cta-shadow-hover: 0 4px 14px rgba(209, 180, 43, 0.35);
}

/* Sidebar Contratar */
body.page-portal .gen3-portal-cta,
body.page-portal .gen3-portal-hire > summary.gen3-portal-cta {
  background: var(--gen3-portal-cta-bg) !important;
  background-image: var(--gen3-portal-cta-bg) !important;
  color: #204d44 !important;
  box-shadow: var(--gen3-portal-cta-shadow) !important;
  border-radius: 999px !important;
}

body.page-portal .gen3-portal-cta:hover,
body.page-portal .gen3-portal-cta:focus,
body.page-portal .gen3-portal-hire > summary.gen3-portal-cta:hover {
  background: var(--gen3-portal-cta-bg-hover) !important;
  background-image: var(--gen3-portal-cta-bg-hover) !important;
  box-shadow: var(--gen3-portal-cta-shadow-hover) !important;
  color: #204d44 !important;
  filter: none !important;
}

/* CTAs — dourado site */
body.page-portal .gen3-btn--accent,
body.page-support-guest .gen3-btn--accent,
body.page-portal .btn-primary,
body.page-portal .btn-success:not(.disabled):not([disabled]),
body.page-portal a.btn-primary,
body.page-portal button.btn-primary,
body.page-portal input.btn-primary,
body.page-portal .gen3-panel-sso-btn,
body.page-portal .module-client-area .btn-primary,
body.page-portal .module-client-area a.gen3-panel-sso-btn,
body.page-portal #order-standard_cart .btn-primary,
body.page-portal #order-standard_cart .products .product footer .btn-primary,
body.page-portal #order-standard_cart .products .product footer .btn-success,
body.page-portal #order-standard_cart .domain-input-group .btn-primary,
body.page-portal #order-standard_cart .domain-input-group .btn,
body.page-portal #order-standard_cart #btnCompleteProductConfig,
body.page-portal #order-standard_cart #btnCompleteOrder,
body.page-portal #order-standard_cart #useOwnDomain,
body.page-portal.page-billing #btnSubmit.btn-primary,
body.page-portal .gen3-affiliates-copy-btn,
body.page-portal .gen3-service-tabs-panel .module-client-area .btn-primary,
body.page-portal .gen3-service-tabs-panel .module-client-area a.gen3-panel-sso-btn,
body.gen3-theme.page-cart #order-standard_cart .btn-primary,
body.gen3-theme.page-cart #order-standard_cart .domain-input-group .btn-primary,
body.gen3-theme.page-cart #order-standard_cart .domain-input-group .btn,
body.gen3-theme.page-cart #order-standard_cart .domain-promo-box .btn-primary,
body.page-support-guest .btn-primary {
  background: linear-gradient(135deg, #e2c83a 0%, #d1b42b 100%) !important;
  background-image: linear-gradient(135deg, #e2c83a 0%, #d1b42b 100%) !important;
  border: none !important;
  border-color: transparent !important;
  color: #204d44 !important;
  box-shadow: 0 2px 8px rgba(209, 180, 43, 0.25) !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
}

body.page-portal .gen3-btn--accent:hover,
body.page-portal .gen3-btn--accent:focus,
body.page-support-guest .gen3-btn--accent:hover,
body.page-support-guest .gen3-btn--accent:focus,
body.page-portal .btn-primary:hover,
body.page-portal .btn-primary:focus,
body.page-portal .btn-primary:active,
body.page-portal .btn-success:not(.disabled):not([disabled]):hover,
body.page-portal a.btn-primary:hover,
body.page-portal .gen3-panel-sso-btn:hover,
body.page-portal .module-client-area .btn-primary:hover,
body.page-portal #order-standard_cart .btn-primary:hover,
body.page-portal #order-standard_cart .domain-input-group .btn:hover,
body.page-portal.page-billing #btnSubmit.btn-primary:hover,
body.page-portal .gen3-affiliates-copy-btn:hover,
body.gen3-theme.page-cart #order-standard_cart .btn-primary:hover,
body.page-support-guest .btn-primary:hover {
  background: linear-gradient(135deg, #ebd055 0%, #e2c83a 100%) !important;
  background-image: linear-gradient(135deg, #ebd055 0%, #e2c83a 100%) !important;
  color: #204d44 !important;
  box-shadow: 0 4px 14px rgba(209, 180, 43, 0.35) !important;
  transform: translateY(-1px);
}

/* Ghost / secondary — forma pill, sem dourado */
body.page-portal .gen3-btn--ghost,
body.page-portal .btn-default,
body.page-portal .btn-secondary {
  border-radius: 999px;
}

/* Links/ícones: teal em vez de neon */
body.page-portal .gen3-portal-nav-link.is-active,
body.page-portal .gen3-portal-nav-sublink.is-active {
  color: #4fa08b !important;
}

body.page-portal .gen3-portal-nav-link.is-active i,
body.page-portal .gen3-dash-stat i,
body.page-portal .gen3-affiliates-stat i,
body.page-portal .gen3-affiliates-eyebrow,
body.page-portal .gen3-affiliates-eyebrow i {
  color: #3d8f7a !important;
}

/* Sidebar gradient estrutural teal */
body.page-portal .gen3-portal-sidebar {
  background: linear-gradient(180deg, #163832 0%, #0a1210 100%) !important;
}

/* Alert success em teal, não neon */
body.page-portal .alert-success {
  background: rgba(32, 77, 68, 0.22) !important;
  border-color: rgba(45, 107, 94, 0.4) !important;
  color: #4fa08b !important;
}

/* Focus fields teal */
body.page-portal .form-control:focus {
  border-color: rgba(45, 107, 94, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(32, 77, 68, 0.28) !important;
}
